@charset "utf-8"; 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; outline: 0; }
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display: block; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
img{vertical-align:bottom; max-width: 100%; height: auto; }
.clear { clear: both; }
.clearfix:after { height: 0; visibility: hidden; content: ""; display: block; clear: both; }
html { position: static; overflow-x: hidden; }
body { position: static; background-color: #fff; line-height: 1.6; color: #000; font-size: 14px; -webkit-text-size-adjust: none; }
body {
  font-family: "Noto Sans Japanese", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; font-weight: 400;
	background-image: url(/wp-content/themes/ytsamuse/img/common/main_bg.gif);
	background-size: 100% auto;
	background-position: center 0;
	background-repeat: repeat-y;
	
	overflow-x: hidden;
}
/* 700 500 400 300 200 
	bold 700
	midium 500
	Regular 400
	light 200
*/

@font-face {
  font-family: 'FontAwesome';
  src: url('css/fontawesome5.0.1/webfonts/fontawesome-webfont.eot?v=5.0.1');
  src: url('css/fontawesome5.0.1/webfonts/fontawesome-webfont.eot?#iefix&v=5.0.1') format('embedded-opentype'), url('css/fontawesome5.0.1/webfonts/fontawesome-webfont.woff2?v=5.0.1') format('woff2'), url('css/fontawesome5.0.1/webfonts/fontawesome-webfont.woff?v=5.0.1') format('woff'), url('css/fontawesome5.0.1/webfonts/fontawesome-webfont.ttf?v=5.0.1') format('truetype'), url('css/fontawesome5.0.1/webfonts/fontawesome-webfont.svg?v=5.0.1#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.wml { margin-right: 5px; }

a:hover { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
a[href^="tel"]{ color: #575756; }

button, input, select, textarea {
font-family : inherit;
font-size : 100%;
}

/* header */
header#headerBase { position: fixed; z-index: 200; width: 100%; min-width: 1200px; height: 0;
	background-color: transparent;
    -webkit-transition-property:height,background-color;
    -webkit-transition-duration:0.18s,0.4s;
    -webkit-transition-timing-function:linear,linear;
    -moz-transition-property:height,background-color;
    -moz-transition-duration:0.18s,0.4s;
    -moz-transition-timing-function:linear,linear;
    -o-transition-property:height,background-color;
    -o-transition-duration:0.18s,0.4s;
    -o-transition-timing-function:linear,linear;
    transition-property:height,background-color;
    transition-duration:0.18s,0.4s;
    transition-timing-function:linear,linear;
}
header#headerBase>div { position: absolute; overflow: hidden; z-index: 1; top: 0; left: 50%; right: 50%; width: 100%; max-width: 1200px; height: 120px; margin: 0 auto 0 -600px; }
header#headerBase>div h1 { position: absolute; left: 0; top: 37px; width: 332px; height: auto;
	  -webkit-transition-property:width;
    -webkit-transition-duration:0.4s;
    /*-webkit-transition-delay:0.4s;*/
    -webkit-transition-timing-function:cubic-bezier(0, 0.96, 0.9, 0.9);
    -moz-transition-property:width;
    -moz-transition-duration:0.4s;
    /*-moz-transition-delay:0.4s;*/
    -moz-transition-timing-function:cubic-bezier(0, 0.96, 0.9, 0.9);
    -o-transition-property:width;
    -o-transition-duration:0.4s;
    /*-o-transition-delay:0.4s;*/
    -o-transition-timing-function:cubic-bezier(0, 0.96, 0.9, 0.9);
    transition-property:width;
    transition-duration:0.4s;
    /*transition-delay:0.4s;*/
    transition-timing-function:cubic-bezier(0, 0.96, 0.9, 0.9);
}
header#headerBase>div h1 img { display: block; width: 100%; height: auto; }

header#headerBase.small { background-color: rgba(0, 0, 0, 0.6); height: 112px; }
header#headerBase.small>div { height: 112px; }
header#headerBase.small>div h1 { width: 206px; height: auto;}
header#headerBase.small>div h1 img { width: 100%; height: auto; }



#subMenu { position: absolute; right: 0px; top: -32px; width: 284px; height: auto; overflow: hidden; }
#subMenu li { margin-left: 15px; float: left; }
#subMenu li a .fa { font-size: 12px; }
header#headerBase a.bBtn { display: block; background-color: rgba(0, 0, 0, 0.61); width: 125px; height: 28px; color: #fff; text-decoration: none; line-height: 28px; text-align: center; border-radius: 14px; font-size: 13px; font-weight: 700; }
/*header#headerBase a.bBtn#dealer:before { content:"\f328"; }*/
header#headerBase a.bBtn#store { width: 129px; }



/* sp nav */
#hMenu { position: fixed; z-index: 4; top: 15px; right: 15px; width: 40px; height: 40px; font-size: 0.5em; font-weight: bold; line-height: 70px; text-align: center; letter-spacing: 0.1rem;  }
#hMenu { display: none; }
#hMenu span { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 2.5px; background-color: #fff; }
#hMenu span.i1 { top: 20%;
-moz-transition: all 1s cubic-bezier(.19,1,.22,1);
-webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
-o-transition: all 1s cubic-bezier(.19,1,.22,1);
-ms-transition: all 1s cubic-bezier(.19,1,.22,1);
transition: all 1s cubic-bezier(.19,1,.22,1); }
#hMenu span.i2 { top: 50%;
-moz-transition: all 1s cubic-bezier(.19,1,.22,1);
-webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
-o-transition: all 1s cubic-bezier(.19,1,.22,1);
-ms-transition: all 1s cubic-bezier(.19,1,.22,1);
transition: all 1s cubic-bezier(.19,1,.22,1);
 }
#hMenu span.i3 { top: 80%;
-moz-transition: all 1s cubic-bezier(.19,1,.22,1);
-webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
-o-transition: all 1s cubic-bezier(.19,1,.22,1);
-ms-transition: all 1s cubic-bezier(.19,1,.22,1);
transition: all 1s cubic-bezier(.19,1,.22,1); }

#hMenu.close span.i1 { top: 24%; background-color: #000;
	-webkit-transform: translateY(11px) rotate(405deg);
  -o-transform: translateY(11px) rotate(405deg);
  -moz-transform: translateY(11px) rotate(405deg);
  -ms-transform: translateY(11px) rotate(405deg);
  transform: translateY(11px) rotate(405deg);
   }
#hMenu.close span.i2 { width: 0; left: 50%; }
#hMenu.close span.i3 { top: 80%; background-color: #000;
	-webkit-transform: translateY(-11px) rotate(-225deg);
  -o-transform: translateY(-11px) rotate(-225deg);
  -moz-transform: translateY(-11px) rotate(-225deg);
  -ms-transform: translateY(-11px) rotate(-225deg);
  transform: translateY(-11px) rotate(-225deg); }
/* sp nav */


/* header */



/* slider */
#slider { position: relative; z-index: 1; top: 0; width: 100%; height: auto; margin: 0; }
#slider li { position: relative; overflow: hidden; display: block; width: 100%; max-width: auto; height: auto; background-color: #333; }
#slider li img.bg { display: block; width: 100%; height: auto; }
#slider li .catch1 { position: absolute; color: #fff; font-size: 25px; font-weight: 700; text-align: left; top: auto; left: 90px; bottom: 70px; width: auto; height: auto; margin: 0 auto; }

.bx-wrapper { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; min-width: 100%; margin-left: 0; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 24px; }
.bx-wrapper .bx-pager.bx-default-pager a { border-radius: 0; width: 77px; height: 8px; background-color: #3b3b3a; margin: 0 3px; }
.bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #818181; }
.bx-wrapper .bx-pager.bx-default-pager a:hover { filter: alpha(opacity=100); -moz-opacity:1; opacity:1; background-color: #818181; }




/* nav */
nav { width: auto; height: auto; color: #fff; }
nav div { position: relative; z-index: 3; width: 100%; margin-top: 66px; }
nav ul#mainMenu { overflow: hidden; float: right; }
nav ul#mainMenu li { width: auto; float: left; margin-left: 15px; }
nav ul#mainMenu li a { color: #fff; text-decoration: none; line-height: 28px; font-size: 14px; font-weight: 700; }

/* nav */


.mainContent { width: 1200px; margin: 68px auto 0; overflow: hidden; }
.cBlock { width: 900px; margin: 68px auto 125px; }
.cBlock.narrow { width: 560px; margin-left: auto; margin-right: auto; }
.cBlock.narrow p { font-weight: 200; }
.instagramIcon { display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 21px; height: 21px; background-image: url(/wp-content/themes/ytsamuse/img/common/icon_instagram.png); background-size: 21px 21px; background-position: center center; background-repeat: no-repeat; }
.twitterIcon   { display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 21px; height: 21px; background-image: url(/wp-content/themes/ytsamuse/img/common/icon_twitter.png);  background-size: 21px 21px; background-position: center center; background-repeat: no-repeat; }
.facebookIcon  { display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 21px; height: 21px; background-image: url(/wp-content/themes/ytsamuse/img/common/icon_facebook.png); background-size: 21px 21px; background-position: center center; background-repeat: no-repeat; }
.linkBlank     { display: inline-block; padding-left: 20px; height: 16px; background-image: url(/wp-content/themes/ytsamuse/img/common/icon_link_blank.jpg); background-size: 16px 16px; background-position: left center; background-repeat: no-repeat; text-decoration: none; color: #000; line-height: 16px; }




/* top */
.mainContent h2 { font-size: 37px; line-height: 37px; font-weight: 700; text-align: center; margin: 45px auto; }
.mainContent h3 { font-size: 24px; font-style: italic; font-weight: 400; }

#concept h3,
#concept p  { padding: 0 10px; font-weight: 200; }
#concept p.catch2 { width: 640px; padding: 10px 40px 10px 50px; margin: 45px auto; background-image: url(/wp-content/themes/ytsamuse/img/common/quotation_mark.png), url(/wp-content/themes/ytsamuse/img/common/quotation_mark_end.png); background-size: 45px auto,45px auto; background-position: left top, right bottom; background-repeat: no-repeat; font-weight: 500; font-size: 20px; }
#concept p.catch2 br.sp { display: none; }

#brand { margin-bottom: 80px; }
#brand h2 { margin-bottom: 72px; }
#brand>ul { overflow: hidden; }
#brand>ul>li { position: relative; width: 400px; height: auto; padding: 0 10px 10px; float: left; margin-bottom: 20px; }
#brand>ul>li:nth-child(2n) { margin-left: 60px; clear: right; }
#brand>ul>li img { width: 100%; }
#brand>ul>li>ul.btn { overflow: hidden; margin: 18px auto; }
#brand>ul>li>ul.btn>li { float: left; }
#brand>ul>li>ul.btn>li+li { margin-left: 20px; }
#brand a.bBtn { display: block; background-color: rgba(0, 0, 0, 1); width: 190px; height: 36px; color: #fff; text-decoration: none; line-height: 36px; text-align: center; border-radius: 18px; font-size: 16px; font-weight: 400; }
#brand>ul>li>p { font-size: 13px; font-weight: 200; margin-bottom: 30px; }


#brand>ul>li a.linkBlank { float: left; }
#brand>ul>li>ul.sns { position: absolute; bottom: 0; right: 20px; width: 50%; margin: 0; text-align: right; }
#brand>ul>li>ul.sns>li { display: inline-block; margin-left: 6px; }


.cBlock.type2 { overflow: hidden; margin-bottom: 80px; }
.cBlock.type2 h2 { font-size: 30px; width: 200px; height: 128px; margin: 0; padding-left: 10px; float: left; text-align: left; line-height: 128px; background-image: url(/wp-content/themes/ytsamuse/img/common/slant_line.svg); background-size: auto 128px; background-position: right top; background-repeat: no-repeat; }
.cBlock.type2 dl { margin-left: 225px; overflow: hidden; margin-top: 32px;/*50px*/ }
.cBlock.type2 dl dt { width: 110px; float: left; font-weight: 700; color: #575756; }
.cBlock.type2 dl dd { margin-left: 110px; margin-bottom: 18px; }


#aboutUs { margin-top: 106px; }
#aboutUs dl { overflow: hidden; font-size: 16px; }
#aboutUs dl dt { width: 105px; float: left; font-weight: 700; line-height: 2; }
#aboutUs dl dd { margin-left: 107px; line-height: 2; }
#aboutUs #map,
#aboutUs iframe { display: block; width: 560px; height: 300px; margin: 40px auto; background-color: grey; }

#aboutUs dl.english { font-size: 14px; }
#aboutUs dl.english dt { width: 200px; }
#aboutUs dl.english dd { margin-left: 207px; }

#contact ul { margin: 45px auto 10px; overflow: hidden; }
#contact ul li { width: 100%; font-size: 16px; line-height: 3em; float: left; clear: left; margin-bottom: 0.5em; }
#contact ul li.half { width: 48%; line-height: 2.5em; padding-top: 0.5em }
#contact ul li.half+li.half { margin-left: 4%; clear: right; }
#contact ul li .select-wrap { width: 100%; line-height: 1em; }
#contact ul li .req { color: #ff1400; }


#contact.sub { margin-top: 120px; }
#contact.sub .select-wrap { display: inline-block; width: auto; }
#contact.sub .select-wrap:before { display: none; }
#contact.sub ul { margin: 45px auto 50px; }
#contact.sub ul li.half { width: 100%; }
#contact.sub ul li.half+li.half { margin-left: 0; clear: right; }
#contact.sub ul li { border-bottom: 1px solid #ddd; }
#contact.sub ul li span.title { font-weight: bold; display: inline-block; margin-right: 20px; width: 200px; }

#contact.form input[type="submit"] { appearance: none; -webkit-appearance:none; -moz-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
 display: block; font-size: 16px;	height: 3.25em; width: 230px; border-radius: 16em; background-color: #000; color: #fff; cursor: pointer; margin: 0 auto; }
#contact.form input[type="submit"]:hover { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
#contact.form input[type="submit"].back { background-color: #999; }

.mw_wp_form_complete p { margin: 20px 0; }

#FAQ {  }
#FAQ p { text-indent: 30px; }
#FAQ dl { margin: 45px auto 45px; font-size: 16px; }
#FAQ dl dt { position: relative; width: auto; min-height: 25px; padding: 0 0 16px 30px; font-weight: 500; }
#FAQ dl dt:before { position: absolute; top: 0; left: 0; content: 'Q'; font-size: 24px; font-weight: 700; line-height: 1; color: #575756; }
#FAQ dl dd { position: relative; width: auto; min-height: 25px; padding: 0 0 16px 30px; color: #575756; margin-bottom: 30px; }
#FAQ dl dd:before { position: absolute; top: 0; left: 2px; content: 'A'; font-size: 24px; font-weight: 700; line-height: 1; color: #575756; }
#FAQ dl dd a { color: #575756; }

/* top */







/* dealer */
#mainimage { position: relative; z-index: 1; top: 0; width: 100%; height: 353px; margin: 0; min-width: 1200px; background-image: url(img/dealer/main_image.jpg); background-size: auto; background-position: center center; background-repeat: no-repeat;background-size:cover; }
#mainimage img { width: 100%; height: auto; }

#mainimage h1 { position: absolute; text-align: center; top: 178px; width: 100%; font-size: 37px; font-weight: 700; color: #fff; }
#mainimage h1 a { color: #fff; text-decoration: none; }
#mainimage .catch1 { position: absolute; text-align: center; top: 250px; width: 100%; font-size: 14px; color: #fff; }
#mainimage .catch1 a[href^="tel"]{ color: #fff; }
.cBlock#news { margin-top: 8px; }
.cBlock#news p.title { font-size: 37px; line-height: 37px; font-weight: 700; text-align: center; margin: 0 auto 66px; }
.cBlock#news h2 { margin: 0 auto 66px; }

ul.list { margin: 50px 10px 0; }
ul.list+ul.list { margin: 0 10px 50px; }

ul.list li { border-top: 1px solid transparent; border-bottom: 1px solid transparent; }
ul.list li.topics { border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }
ul.list li a { display: block; color: #1c1c1b; text-decoration: none; padding: 1em 0 1em 9px; }
ul.list li a time,
ul.list li a span { display: inline-block; height: auto; font-size: 15px; vertical-align: top; }
ul.list li a span.cate { width: 78px; height: 18px; background-color: #f0f0f0; border: 1px solid #1c1c1b; color: #1c1c1b; text-align: center; font-size: 12px; }
ul.list li.topics a span.cate { background-color: #e0322a; border: 1px solid #f4431b; color: #fff;  }
ul.list li a time,
ul.list li a span.date { width: 124px; height: 18px; font-weight: bold; text-align: center; color: #575756; }
ul.list li a span.text { width: 658px; }

div.bBtn.mt30 { margin-top: 30px; }
div.bBtn a { appearance: none; -webkit-appearance:none; -moz-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
 display: block; font-size: 16px;	height: 3.25em; line-height: 3.25em; width: 230px; border-radius: 16em; background-color: #000; color: #fff; cursor: pointer; margin: 0 auto;  text-align: center; text-decoration: none; }

#catalog { margin-bottom: 200px; }
#catalog h3 { font-size: 24px; font-style: normal; line-height: 3em; text-align: center; }
#catalog ul { overflow: hidden; border-top: 1px solid #e7e7e7; padding: 25px 0; }
#catalog ul li { width: 207px; height: auto; float: left; }
#catalog ul li img { display: block; width: 207px; height: 207px; }
#catalog ul li p { padding-top: 1em; font-size: 13px; }
#catalog ul li a { text-decoration: none; color: #1c1c1b; }
#catalog ul li+li { margin-left: 24px; }

/* カテゴリ タブ */
ul.cateTab { border-bottom: 1px solid #e7e7e7; padding-bottom: 10px; margin-top: 66px; }
ul.cateTab li { display: inline-block; }
ul.cateTab li + li { margin-left: 20px; }
ul.cateTab li a { display: block; text-align: center; width: 102px; height: 38px; background-color: transparent; border-radius: 19px; text-decoration: none; color: #1c1c1b; line-height: 38px; }
ul.cateTab li a:hover,
ul.cateTab li.current-cat a { background-color: #6f6f6e; color: #fff; }
/* カテゴリ タブ */

/* ページネーション */
.pager { width: 100%; background: transparent; margin: 20px auto; text-align: right; }
.pager span.current { display: inline-block; height: 24px; width: 32px; line-height: 24px; vertical-align: middle; text-align: center; color: #979696; font-weight: bold; }
.pager a { display: inline-block; text-decoration: none; height: 24px; width: 32px; line-height: 24px; vertical-align: middle; text-align: center; color: #1c1c1b; background: transparent; }
.pager a:hover { color: #979696; }
.pager a.active { color: #979696; }
.pager a.prev,
.pager a.next { font-size: 22px; }
.pager.pager-top { border-bottom: 5px solid #dcf5f8; }
.pager.pager-bottom { border-top: 5px solid #dcf5f8; }
/* ページネーション */

/* カテゴリ 詳細ページ */

.cBlock#news .post { min-height: 500px; font-size: 16px; margin-bottom: 100px; }
.cBlock#news .post h1 { font-style: normal; margin: 46px auto 50px; }
.cBlock#news .post h1+p.cd { text-align: right; margin-bottom: 80px; }
.cBlock#news .post h1+p.cd span { display: inline-block; height: auto; font-size: 15px; vertical-align: middle; }
.cBlock#news .post h1+p.cd span.cate { width: 78px; height: 18px; background-color: #f0f0f0; border: 1px solid #1c1c1b; color: #1c1c1b; text-align: center; font-size: 12px; }
.cBlock#news .post h1+p.cd.topics a span.cate { background-color: #e0322a; border: 1px solid #f4431b; color: #fff;  }
.cBlock#news .post h1+p.cd time { width: 124px; height: 18px; font-weight: bold; text-align: center; color: #575756; margin-left: 10px; }


/* editor-style.css と共通 */
.cBlock#news .post p { margin-bottom: 1em; }
.cBlock#news .post img { max-width: 100%; }
.cBlock#news .post h2 { font-weight: bold; font-size: 22px; text-align: left; margin-bottom: 0.4545em; }
.cBlock#news .post h3 { font-weight: bold; font-size: 18px; text-align: left; margin-bottom: 0.6em; }

.cBlock#news .post img.alignleft { float: left; clear: left;margin: 0.5em 1em 0.5em 0; }
.cBlock#news .post img.alignright { float: right; clear: right; 0.5em 0 0.5em 1em; }
.cBlock#news .post img.aligncenter { float: none; display: block; margin: 0.5em auto; }
/* editor-style.css と共通 */



/* カテゴリ 詳細ページ */



.noLogin { margin: 60px 5% 120px; }
.noLogin p { margin-bottom: 25px; }
/* dealer */

/* 404 */
div.searchBox { padding: 40px 10px; }
/* 404 */


/* footer */
footer { width: 100%; height: 100px; /*background: #eee;*/ }
footer>div { position: relative; width: 100%; max-width: 1200px; margin: 68px auto 0; }
footer>div>p { position: absolute; top: 10px; left: 0; }
footer>div>p a { text-decoration: none; color: #575756; }
footer>div>small { position: absolute; top: 10px; right: 0; }

/*#pagetop { display: none; }*/
#pagetop { display: none; position: fixed; z-index: 100; bottom: 50px; right: 20px; width: 60px; height: 60px; border-radius: 30px; text-align: center; line-height: 60px; background-color: rgba(0,0,0,0.70); 	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
	-o-box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
	 transform: rotate(-48.9deg); -moz-transform: rotate(-48.9deg); -webkit-transform: rotate(-48.9deg); -o-transform: rotate(-48.9deg); -ms-transform: rotate(-48.9deg);
}
#pagetop:before { position: absolute; display: block; content: ''; top: 24px; left: 17px; width: 18px; height: 18px; border-top: 1px solid #acacac; border-right: 1px solid #acacac; 
	 transform: skew(-10deg);
	 -moz-transform: skew(-10deg);
	 -webkit-transform: skew(-10deg);
	 -o-transform: skew(-10deg);
	 -ms-transform: skew(-10deg);
}
	
	
/* footer */






















@media screen and (max-width: 1200px) {
	
	header#headerBase>div { left: 0; right: 0; margin: 0 auto 0; }
	
}

@media screen and (max-width: 1200px) {

header#headerBase {  }
header#headerBase div { overflow: visible; }

/* header */
header#headerBase { min-width: inherit;
		background-color: transparent;
    -webkit-transition-property:height,background-color;
    -webkit-transition-duration:0.18s,0.4s;
    -webkit-transition-timing-function:linear,linear;
    -moz-transition-property:height,background-color;
    -moz-transition-duration:0.18s,0.4s;
    -moz-transition-timing-function:linear,linear;
    -o-transition-property:height,background-color;
    -o-transition-duration:0.18s,0.4s;
    -o-transition-timing-function:linear,linear;
    transition-property:height,background-color;
    transition-duration:0.18s,0.4s;
    transition-timing-function:linear,linear;
}
header#headerBase>div { top: 0; left: 0; right: 0; width: 100%; max-width: inherit; height: 73.3px; margin: 0 auto; }
header#headerBase>div h1 { position: absolute; left: 3%; top: 18.5px; width: 187.5px; height: auto;
	  -webkit-transition-property:width;
    -webkit-transition-duration:0.4s;
    /*-webkit-transition-delay:0.4s;*/
    -webkit-transition-timing-function:cubic-bezier(0, 0.96, 0.9, 0.9);
    -moz-transition-property:width;
    -moz-transition-duration:0.4s;
    /*-moz-transition-delay:0.4s;*/
    -moz-transition-timing-function:cubic-bezier(0, 0.96, 0.9, 0.9);
    -o-transition-property:width;
    -o-transition-duration:0.4s;
    /*-o-transition-delay:0.4s;*/
    -o-transition-timing-function:cubic-bezier(0, 0.96, 0.9, 0.9);
    transition-property:width;
    transition-duration:0.4s;
    /*transition-delay:0.4s;*/
    transition-timing-function:cubic-bezier(0, 0.96, 0.9, 0.9);
}
header#headerBase>div h1 img { display: block; width: 100%; height: auto; }

header#headerBase.small { background-color: rgba(0, 0, 0, 0.6); height: 73.3px; }
header#headerBase.small>div { height: 73.3px; }
header#headerBase.small>div h1 { width: 135px; height: auto;}


#subMenu,
nav div { display: none; }
#hMenu { display: block; }

nav div { width: 100%; height: 100vh; background: #fff; margin-top: 0; text-align: center; background-image: url(img/common/sp_menu_bg.gif); background-size: 100% auto; background-position: center top; background-repeat: no-repeat; }
nav div:before { content: 'YTS AMUSE co.,ltd'; display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 136px; height: 34px; margin-top: 10vh; background-image: url(img/common/nav_logo.png); background-size: cover; background-position: center center; background-repeat: no-repeat; }
nav ul#mainMenu { margin-top: 5vh; width: 100%; }
nav ul#mainMenu li { display: inline-block; width: 100%; font-size: 20px; float: none; margin: 0; }
nav ul#mainMenu li a { display: block; color: #000; width: 100%; height: 6vh; padding-top: 2vh; }

#subMenu { position: relative; margin: 0; padding-top: 3vh; width: 100%; top: 0; }
#subMenu li { margin: 2vh 0; width: 100%; }
header#headerBase a.bBtn { display: inline-block; background-color: rgba(0, 0, 0, 1); }

.mainContent { width: 100%; margin: 0 auto 0; overflow: hidden; }
.cBlock { width: 94%; margin: 68px 3% 60px; }

#concept p.catch2 { width: 315px; font-size: 15px; text-align: center; padding: 10px 0; background-size: 26px auto,26px auto; background-position: left 30px top, right 36px bottom; }
#concept p.catch2 br.sp { display: block; }

/* slider */
#slider li .catch1  { font-size: 20px; left: 5%; }
/* slider */

/* top */
.mainContent h2 { font-size: 29px; line-height: 29px;  margin: 65px auto 50px; }
.mainContent h3 { font-size: 19px; line-height: 3; text-align: center; }

#brand { margin-bottom: 20px; }
#brand>ul>li { width: 100%; clear: both; padding: 0; margin-bottom: 40px; }
#brand>ul>li:nth-child(2n) { margin-left: 0; }
#brand>ul>li>ul.btn { text-align: center; }
#brand>ul>li>ul.btn>li { display: inline-block; float: none; }
#brand>ul>li>ul.btn>li+li { margin-left: 10px; }
#brand a.bBtn { width: 176px; height: 39px; line-height: 39px; border-radius: 19.5px; font-size: 14.4px; }

#brand>ul>li>ul.sns { bottom: -8px; }

.cBlock.type2 { margin-bottom: 20px; }
.cBlock.type2 h2 { height: 3em; width: 100%; font-size: 21.5px; line-height: 3em; background: none; padding: 0; text-align: center; border-bottom: 1px #d4d4d4 solid; }
.cBlock.type2 dl { width: 100%; margin-left: 0; overflow: hidden; margin-top: 10px;/*50px*/ }
.cBlock.type2 dl dt { width: 100%; float: none; font-weight: 700; margin-top: 10px; }
.cBlock.type2 dl dd { width: 100%; margin-left: 0; margin-bottom: 18px; }

#recruit { margin-top: 40px; }

.cBlock.narrow { width: 94%; margin: 20px 3%; }

#aboutUs { margin-top: 40px; }
#aboutUs dl dt,#aboutUs dl.english dt { width: 100%; float: none; font-weight: 700; line-height: 1.8; margin-top: 1em; }
#aboutUs dl dd,#aboutUs dl.english dd { margin-left: 0; line-height: 1.8; }
#aboutUs #map,
#aboutUs iframe { width: 100%;  height: 242px; }

/* top */


/* dealer */
#mainimage { min-width: inherit; height: 260px;/* background-size: auto 260px;*/ background-size: 100% auto; }
#mainimage h1 { top: 88px; }
#mainimage .catch1 { top: 170px; }
.cBlock#news { margin-top: 50px; }
.cBlock#news .post { min-height: 100px; }
.cBlock#news ul.list { min-height: 300px; }
.cBlock#news ul.list.first { min-height: inherit; }
.cBlock#news ul.list li a time+span { display: block; margin: 10px auto; }
.cBlock#news h2 { margin: 0 auto 40px; }

#catalog ul li { width: 48%; margin-bottom: 18px; }
#catalog ul li+li { margin-left: 0; }
#catalog ul li:nth-child(2n) { margin-left: 4%; clear: right; }
#catalog ul li img { width: 100%; height: auto; }

ul.cateTab li { width: 100%; margin-bottom: 10px; }
ul.cateTab li + li { margin-left: 0; }
ul.cateTab li a { width: 100%; }

.pager { text-align: center; }
/* dealer */


footer { width: 100%; height: 50px; min-width: inherit; margin-top: 120px; }
footer>div { width: 94%; margin: 0 3%; min-width: inherit; }


	
}


@media screen and (max-width: 890px) {
	#mainimage { background-size: auto 100%; }
	
}

@media screen and (max-width: 600px) {
	/* slider */
	#slider li .catch1  { font-size: 16px; }
	/* slider */
	
	/* contact */
	#contact.sub ul li span.title { display: block; margin-right: 0px; width: 100%; }
}

@media screen and (max-width: 560px) {
	body { 	background-size: 200% auto; background-position-x: 40%; }
	/* slider */
	.bx-wrapper { min-width: 160%; margin-left: -30%; margin-bottom: 0; }
	#slider li { max-width: 100%; }
	#slider li .catch1  { font-size: 14.5px; left: 22%; }
	#sl02 img { margin-left: -18%; }
	#sl03 img { margin-left: -5%; }
	/* slider */
	select { padding: 0 7px; }
}

@media screen and (max-width: 420px) {

#mainimage .catch1 { font-size: 12px; }


#brand>ul>li>ul.sns { }
#brand>ul>li>ul.btn>li { display: inline-block; float: none; width: 44%; }
#brand>ul>li>ul.btn>li+li { margin-left: 2%; }

#brand a.bBtn { width: 100%; height: 39px; line-height: 39px; font-size: 14px; }

#contact ul li { font-size: 15px; }

}

@media screen and (max-width: 330px) {

#slider li .catch1  { font-size: 12px; left: 22%; }
#concept p.catch2 { width: 100%; font-size: 15px; text-align: center; padding: 10px 0; background-size: 26px auto,26px auto; background-position: left 25px top, right 31px bottom; }

#contact ul li { font-size: 13px; }

select { font-size: 0.8rem; line-height: 0.8rem; height: 3.4em; padding: 0 7px; }

#mainimage .nobr  { display: none; }
#mainimage .catch1  { top: 150px; }
}