@charset "utf-8";
@import url(css/font.css);
@import url(css/responsive/flat/shared.css);
.p-event-ssl #global .list-2 a,.p-works #global .list-3 a,.p-qa #global .list-4 a,.p-constructionstaff #global .list-5 a,.p-company #global .list-6 a,#index #global .list-1 a{filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";opacity:.7;}
#mbtn,#menu,#pnav a,h1,#paging li.active{background-color:#0d1c40;}.navbtn a[class|="btn"],#paging{border-color:#0d1c40;}
#menu-f{position:absolute;left:120%;top:0;width:100%;}

body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",HelveticaNeue,Helvetica,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",Verdana,Meiryo,sans-serif;font-weight:normal;}

/*pnav*/
#pnav .tel::before{content:none;}
/* 常時表示用お問合せフォームバナー */
#snav a.btn-request{background-color:rgba(97,156,32,.9);}
#snav a.btn-event{background-color:rgba(88,186,186,.9);}
#snav a.btn-soudan{background-color:rgba(219,86,34,.9);}

.mt40{margin-top:40px;}
.mb60{margin-bottom:60px;}

.slider li a::before{background:none;}
.max-20{max-width:20px;}

/*文字に背景*/
.waku{background:#ffb6c1;padding:0px 20px;margin:10px 0px;color:#fff;font-size:1.2em;display:inline-block;}
/* fancyboxに使用 */
.trimming>*,span.trimming{position:relative;}span.trimming{display:block;}
.trimming>*::before,span.trimming::before{content:"";padding-top:100%;display:block;}
.trimming>* img,span.trimming>img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;font-family:'object-fit:cover;';margin:0;}
[class*="trimming"]{object-fit:cover;font-family:'object-fit:cover;';}

ul.limb10>li{margin-bottom:10px;}
ul.limb20>li{margin-bottom:20px;}
/*トップラインナップ*/
#lineup,#modeltop{padding:30px 0 0;}
#lineup h3,#modeltop h3{background:url("images/design/ttl_lineup.png") center center no-repeat;background-size:contain;height:150px;text-indent:120%;padding: 0;margin:0;border:0;text-shadow:none;box-shadow:none;white-space:nowrap;}
#lineup>p a{display:inline-block;width:100%;max-width:960px;position:relative;overflow:hidden;}
#lineup>p a img{position:absolute;left:100%;top:0;}#lineup>p a img+img{position:static;left:auto;top:auto;}
#fnav .wrap {margin-top: 20px;}
#side .top-sns,#footer .top-sns{display:flex;justify-content:space-evenly;width:60%/*★90%★*/;margin:0 auto 20px;}
#side .top-sns li,#footer .top-sns li{padding:5px;}
.top-sns img{width:50px;}
/*snsicon*/
.top-sns [class^="icon-"].db_i{font-size:7.7vw;}
.top-sns .icon-blog2{color:#6d6d6d;}
/*modeltop*/
#modeltop{background:#f7f7f7;padding:20px 0;}
#modeltop h3{background: url(images/design/ttl_model.png) center center no-repeat;}
/*flex*/
[class*="flex"],[class*="flex"] a[class*="flex"],[class*="typebox"] a[class*="flex"]{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;}
[class*="typebox"]>li[class*="flex"],[class*="typebox"]>span[class*="flex"],[class*="typebox"][class*="flex-in"]>li,[class*="flex-in"]>li,.flex-link-column a:only-child{display:flex;}
.flex-reverse,.flex-in-reverse>li{flex-direction:row-reverse;}
.flex-column,.flex-in-column>li{flex-direction:column;justify-content:flex-start;}
[class*="typebox"]>li>a[class*="a-btn"]:only-child,.flex-link-column a{flex-direction:column;}
.flex-in-column>li>:last-child{margin:auto auto 0 auto;}
.flex-in-column>li>.noend{margin:inherit;}
.flex-fs,.flex.t-l,[class*="typebox"],.list-btn,.flex-in-fs>li,.list-tag{justify-content:flex-start;}
[class*="flex"].t-l>li,[class*="typebox"].t-l>li,[class*="flex"] .t-l,[class*="typebox"] .t-l{text-align:left;}
.flex-sa,.flex-in-sa>li{justify-content:space-around;}.flex-sb,.flex-in-sb>li{justify-content:space-between;}
.flex-center,.flex-link-column a:only-child{justify-content:center;}
[class*="flex"] a[class*="flex"],[class*="typebox"] a[class*="flex"],.list-btn>li>a:only-child,.flex-link-column a:only-child{height:100%;}
.list-btn>li>a:only-child,.flex-in-center>li{align-items:center;align-content:center;}
.as-start{align-self:flex-start;}.as-end{align-self:flex-end;}.as-c{align-self:center;}
.grow{flex-grow:1;}.flex-in-flex>li>p,.flex-in-flex>li>span,.flex-in-flex>li>div,.flex-in-flex>li>img{flex:1;}
[class*="typebox"]>li>a:only-child{height:100%;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;}
[class*="typebox"].flex-in-center>li>a:only-child,[class*="typebox"]>li>a[class*="a-btn"]:only-child,.list-btn>li>a:only-child{align-content:center;}
.linebox2{border:none;background-color:#f2f2f2;box-shadow:none;}
.linebox3{border:none;background-color:#fff;box-shadow:none;}
.linebox4{background-color:#f4f6fa;box-shadow:none;}
[class|="required"]{background-color:#df3838;color:#fff;font-size:12px;padding:.1em .5em;margin-left:.5em;line-height:1.5;display:inline-block;}
.waku-sbux{background:#01714B;padding:2px 8px;margin:5px 5px;color:#fff;font-size:1em;display:inline-block;}
.waku-amazon{background:#ff9900;padding:2px 8px;margin:5px 5px;color:#fff;font-size:1em;display:inline-block;}
.spanin span{display:inline-block;}
.sideline{display:inline-block;position:relative;line-height:1.6;padding:0 3.5em;}
.sideline::before,.sideline::after{content:"";position:absolute;left:2.5em;bottom:0;height:2em;border-left:2px solid;transform:rotate(130deg);box-shadow:0 0 1px #efefef;}
.sideline::after{left:auto;right:2.5em;transform:rotate(-130deg);}
a.link{background:none;}
.fd-e{text-emphasis:dot #df0a07;-webkit-text-emphasis:dot #df0a07;}
.mark2{background:linear-gradient(rgba(255,255,255,0) 50%,#fcff00 50%);}
.fi_name .enq-age{width:48%;}

@media(min-width:30em){
#lineup>p a img+img{position:absolute;left:100%;top:0;}#lineup>p a img:first-child{position:static;left:auto;top:auto;}
.top-sns [class^="icon-"].db_i{font-size:40px;}
}
@media(min-width:48em){
h1{background:none;}
#fnav #menu-f{display:block;border-top: 1px solid rgba(135,109,100,.2);margin-top:20px;}
#menu-f{position:relative;left:auto;top:auto;}
#fnav nav{margin:0 auto;display:table;table-layout:fixed;max-width:990px;}
#fnav nav>ul{display:table-cell;vertical-align:top;padding:30px 10px;text-align:left;}#fnav nav li li{padding-left:20px;}
#fnav nav a{font-size:1.24em;line-height:1.25;padding:.25em 5px .25em 20px;color:#333;overflow:hidden;position:relative;display:inline-block;}
#fnav nav a::before,#fnav nav a::after{content:"";position:absolute;left:0;top:0;width:16px;height:16px;background-image:url("images/design/arrow2.png");}
#fnav nav a::after{background:#666;height:1px;width:0;top:auto;bottom:0;left:20px;-webkit-transition:.2s;transition:.2s;}
#fnav nav a:hover::after{width:100%;}
#fnav ul {width: 240px;text-align: left;margin-left:20px;}
#footer .top-sns{width:100%;}#side .top-sns{width:100%;}
#footer .top-sns li,#side .top-sns li{margin:0 10px/*★0★*/;}
#footer .top-sns a img{width:50px;}#side .top-sns a img{width:40px;}
}
@media(min-width:68.5em){
#tnav a[class|="btn"]{border:solid 1px #e3e3e3;border-radius:10px;}
}