@charset "utf-8";

/* css PRESET 2018/12/13 - pc/sp 1colomn */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i|Oswald:400,700');

/* ------
	loop & ys & ys2 - /autoway/font
	ac & rk - ../../../font
   ------ */

@font-face {
	font-family: 'NotoSansCJKjp';
	font-style: normal;
	font-weight: 400;
	src: local('NotoSansCJKjp-Regular.otf'),
		local('NotoSansJP-Regular.otf'),
		 url('/autoway/font/NotoSansCJKjp-Regular.woff2') format('woff2'),
		url('/autoway/font/NotoSansCJKjp-Regular.woff') format('woff');
	font-display: swap;
}
@font-face {
	font-family: 'NotoSansCJKjp';
	font-style: normal;
	font-weight: 700;
	src: local('NotoSansCJKjp-Bold.otf'),
		local('NotoSansJP-Bold.otf'),
		 url('/autoway/font/NotoSansCJKjp-Bold.woff2') format('woff2'),
		url('/autoway/font/NotoSansCJKjp-Bold.woff') format('woff');
	font-display: swap;
}
@font-face { /* loading font file 'autoway icon set' */
	font-family: 'typicalo';
	src: url('/autoway/font/typicalo.eot');
	src: url('/autoway/font/typicalo.eot?#iefix') format('embedded-opentype'),
		 url('/autoway/font/typicalo.woff') format("woff"),
		 url('/autoway/font/typicalo.ttf') format("truetype");
}

/* preset - easy reset */

.preset {
	margin: 0 auto;
	padding: 0;
	outline: 0;
	text-indent: 0;
	width: 100%;
	font-size: 14px;
	line-height: 1;
	color: #333;
	font-family: 'Open Sans', 'Noto Sans JP', 'NotoSansCJKjp', -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
}
.preset h1, .preset h2, .preset h3, .preset h4, .preset h5, .preset h6,
.preset ul, .preset ol, .preset li,
.preset dl, .preset dt, .preset dd,
.preset p , .preset img {
	list-style-type:none;
	border: 0; margin: 0; padding: 0;
	text-indent: 0; outline: 0;
	vertical-align: bottom;
}
.preset h1, .preset h2, .preset h3, .preset h4, .preset h5, .preset h6,
.preset p, .preset small, .preset strong, .preset b, .preset em, .preset span {
	max-height: 100%;
}
.preset img { border:0; vertical-align: bottom; }
.preset a { text-decoration: none; }

/* ec header iframe size */
iframe { display: block; border: 0; padding: 0; margin: 0 auto; }
#header_rk  > iframe { width: 100%; height: 110px; margin-bottom: 10px; }
#header_ys  > iframe { width: 100%; height: 165px; margin-bottom: 10px; }
#header_ys2 > iframe { width: 100%; height: 105px; margin-bottom: 10px; }
#header_ac  > iframe { width: 100%; height: 202px; margin-bottom: 10px; }

#footer_rk > iframe { width: 100%; height: 1960px;}
#footer_ys > iframe { width: 100%; height: 2450px; margin-top: 10px; }
#footer_ys2 > iframe { width: 100%; height: 830px; margin-top: 10px; }
#footer_ac > iframe { width: 100%; height: 800px; margin-top: 10px; }

/* ws preset */
.sd { -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.5); box-shadow: 1px 2px 5px rgba(0,0,0,0.5); }
.tsd { text-shadow:1px 1px 3px #333; }
.usd { -webkit-box-shadow: 2px 0px 5px rgba(0,0,0,0.5); box-shadow: 2px 0px 5px rgba(0,0,0,0.5);}
.ov_r { border-radius: 5px 5px 0px 0px; }
.ov_r15 { border-radius: 15px 15px 0px 0px; }
.un_r { border-radius: 0px 0px 5px 5px; }
.r15 { border-radius: 15px; }
.r10 { border-radius: 10px; }
.r8 { border-radius: 8px; }
.r5 { border-radius: 5px; }

/* inch background color */
.ch8 { background-color: #898989; color:#fff; }
.ch9 { background-color: #ab7189; color:#fff; }
.ch10 { background-color: #e8dc5a; color:#fff; }
.ch12 { background-color: #b3e41d; color:#fff; }
.ch13 { background-color: #1599e6; color:#fff; }
.ch14 { background-color: #f46a9a; color:#fff; }
.ch15 { background-color: #e6931f; color:#fff; }
.ch16 { background-color: #3eba2e; color:#fff; }
.ch17 { background-color: #6075c6; color:#fff; }
.ch18 { background-color: #ff6148; color:#fff; }
.ch19 { background-color: #019672; color:#fff; }
.ch20 { background-color: #8845a5; color:#fff; }
.ch21 { background-color: #70a9e2; color:#fff; }
.ch22 { background-color: #c93d36; color:#fff; }
.ch23 { background-color: #6879ba; color:#fff; }
.ch24 { background-color: #908e8e; color:#fff; }
.ch25 { background-color: #000000; color:#fff; }
.ch26 { background-color: #000000; color:#fff; }
.ch28 { background-color: #000000; color:#fff; }

.st12 { background-color: #6bd0f5; color: #fff; }
.st13 { background-color: #1c91cf; color: #fff; }
.st14 { background-color: #8290c7; color: #fff; }
.st15 { background-color: #20bebc; color: #fff; }
.st16 { background-color: #008db6; color: #fff; }
.st17 { background-color: #30729f; color: #fff; }
.st18 { background-color: #46679f; color: #fff; }
.st19 { background-color: #14828c; color: #fff; }
.st20 { background-color: #1c91cf; color: #fff; }
.st21 { background-color: #1669b4; color: #fff; }
.st22 { background-color: #7471b3; color: #fff; }
.st23 { background-color: #00aa9d; color: #fff; }
.st24 { background-color: #437281; color: #fff; }

/* clearfix */
.cf:before, .cf:after { content: ' '; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

/* ----- page top ----- */
#page-top {
	display: block; position: fixed; z-index: 9;
	bottom: 20px; right: 20px;
	padding: 0; margin: 0;
	width: 66px; height: 66px;
	text-align: center; text-decoration: none;
	color: #ffffff; background: #99aacc;
	border-radius: 50%;
	-webkit-transition: background 0.2s linear, opacity 0.2s linear; -o-transition: background 0.2s linear, opacity 0.2s linear; transition: background 0.2s linear, opacity 0.2s linear;
	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.25); box-shadow: 1px 2px 5px rgba(0,0,0,0.25);
	opacity: 0.85; overflow: hidden; cursor: pointer;
}
#page-top:before {
	display: block; position: relative; content: '\e911';
	font-size: 60px; line-height: 60px; font-family: 'typicalo';
	margin: 3px 0 10px; text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
#page-top:hover { background: #ff1166; opacity: 1; }

/* ----- fixed sns ----- */
#fixed-sns {
	position: fixed; bottom: 30px; left: 0; z-index: 10;
	background-color: rgba(255,255,255,0.85);
	padding: 0 0 0 10px; margin: 0; text-indent: 0;
	border-radius: 0 10px 10px 0;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
#fixed-sns li {
	display: inline-block; list-style: none;
	padding: 0; margin: 0; text-indent: 0;
}
#fixed-sns li a {
	display: block; text-decoration: none;
	padding: 5px;
	font-weight: normal;
	font-size: 32px; line-height: 32px;
	width: 32px; height: 32px;
	vertical-align: bottom;
}
#fixed-sns li a span { display: none; }
#fixed-sns li a:before { font-family: 'typicalo'; }
.sns_fb a:before { content: '\f230'; color: #225898; }
.sns_tw a:before { content: '\ea96'; color: #00abef; }
.sns_gl a:before { content: '\ea8b'; color: #df4a32; }
.sns_ln a:before { content: '\e5cb'; color: #00C300; }
.sns_pk a:before { content: '\e5cd'; color: #f12744; }

/* sp版サイズ調整 */
#contents .preset { min-width: 980px; }
#main .preset { min-width: auto; }

#main #fixed-sns li a {
	font-size: 24px; line-height: 24px;
	height: 24px; width: 24px;
}
/* LOOP fixed解放 */
#main {
	-webkit-transform: none!important;
	-ms-transform: none!important;
	-o-transform: none!important;
	transform: none!important;
}
#goto_sp { display: none!important; /* スマホ版切替リンク */ }
.slidemenu { z-index: 100!important; }