@charset "utf-8";

/**************************
-----------------------
COLOR SCHEME in APERTA
-----------------------
red:#e60012
darkred:#c9000d
blue:#005bac
lightblue:#82a1bc
darkblue:#0d2234
**************************/

p{font-weight: normal;}

.section-inner{max-width: 1200px;margin: auto;padding: 40px 0;}
@media screen and (max-width:1200px){
body{font-size: 90%;}
.section-inner{padding: 20px;}
}

.btn-apertared{font-size: 100%;width: auto;padding: 10px 50px;background: #e60012;color: #fff;display: inline-block;line-height: 1.3;text-shadow:none;letter-spacing:1px;}
.btn-apertared:hover,
.btn-apertared:active,
.btn-apertared:focus{background: #c9000d;color: #fff !important;}

/* 　header
******************************************/
header{position: relative;border-bottom: solid 3px #e60012;box-shadow: 1px 1px 3px 0 rgba(0,0,0,.2);}
.brandline{background: #fff;width: 100%;z-index: 10;box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);position: relative;}
.brandline .section-inner{padding: 0;}
.brandline .logo{float: left;width: 20%;margin-top: 7px;}
.brandline .logo img{width: 100%;}
.brandline nav,
.brandline nav.show{width: 50%;float: left;padding: 0 0 0 1%;}
.brandline nav *{transition:all 0.3s linear 0s;}
.brandline .line-btn{width:40px; margin-right:5px; display:inline-block;}
.brandline .insta-btn{width:50px; margin-right:5px; display:inline-block;text-align: center;}
.brandline .fb-btn{width:40px; margin-right:5px; display:inline-block;}
.brandline .sell-btn{width:40px; margin-right:5px; display:inline-block;}
.brandline .insta-btn img{width: 40px;}
.brandline .insta-btn:hover{color: #999 !important;}
.brandline #iframe-line { float: left;}
.brandline #iframe-line body { margin:0;}
header .brandline .tel .btn i{display: none;}

.sell-btn{width:40px; margin-right:5px; display:inline-block;}

.sns-btns { float: left;}
.tel-btns { float: right; }

.brandline .tel{float: right;text-align: right;padding-top: 20px;font-size: 150%;font-weight: normal;}

header .tel {width: 28%; } 

.brandline .tel-number {
    display: block;
    text-align: center;
    font-size: 120%;
}

header .tel-number { margin-top: -10px; line-height: 1; margin-bottom: 5px;}

.brandline .tel a:hover,
.brandline .tel a:active,
.brandline .tel a:focus{color: #e60012;}
.brandline a{color: #111;text-decoration: none;}
.brandline a:hover{text-decoration: none;}
.brandline #spmenu{display: none;cursor:pointer;}


header .btn-submit {
    font-size: 76%;
    width: auto;
    padding: 6px 30px;
    background: #e60012;
    color: #fff!important;
    display: inline-block;
    line-height: 1.3;
    text-shadow: none;
    letter-spacing: 1px;
}
header .brandline .tel .btn-submit:hover,
header .brandline .tel .btn-submit:active,
header .brandline .tel .btn-submit:focus{background: #f00;}

header .brandline .sns-btns-sp{display: none;}

.globalnav .jp{display: block;font-size: 11px;color: #999;text-align: center;transition:all .2s linear 0s;}
.globalnav a:hover .jp{color: #fff;}

footer .globalnav .jp{color: #ccc;font-size: 10px;}
@media screen and (max-width:1080px){
}
@media screen and (min-width:1201px){
.brandline .sell-btn:after,
.brandline .line-btn:after,
.brandline .fb-btn:after{content:"　";display: block;font-size: 10px;}
.brandline .insta-btn:after{content:"毎日更新中";display: block;font-size: 10px;}
}
@media screen and (max-width:1200px){

header .brandline .section-inner{padding: 0;}
header .brandline .logo{margin-top: 0;width: 20%;}
header .globalnav li a{padding: 25px 0;}
header .brandline .tel{width: 30%;padding-top: 15px;}
header .brandline .tel .tel-btns{padding-right: 5px;}
footer .brandline nav,
footer .brandline nav.hide,
footer .brandline nav.show{width: 55%;padding: 0;}
footer .brandline .tel{width: 25%;}
footer .brandline .tel-number{font-size: 100%;float: none;}

header .brandline .sns-btns-sp{display: block;float: right;padding-top: 8px;}
header .brandline .sns-btns-sp .insta-btn{width: 35px;margin-right: 5px;}
header .brandline .sns-btns-sp .insta-btn img{width: 100%;}
header .brandline .sns-btns-sp .sell-btn{width: 35px;margin-right: 5px;}
header .brandline .sns-btns-sp .line-btn{width: 35px;margin-right: 5px;}
header .brandline .sns-btns-sp .fb-btn{width: 35px;margin-right: 5px;}
header .brandline .sns-btns-sp .tel-number{margin-top: 0;margin-right: 5px;display: inline-block;border: solid 1px #ddd;padding: 7px 10px;border-radius: 7px;vertical-align: top;}
header .brandline .sns-btns-sp .tel-number i{margin-right: 0;}
header .brandline .sns-btns-sp .tel-number:hover,
header .brandline .sns-btns-sp .tel-number:active,
header .brandline .sns-btns-sp .tel-number:focus{background: #f6f6f6;}

header .brandline nav, header .brandline nav.show{width: 100%;}
header .brandline #spmenu{display: inline-block;float: right;font-size: 200%;line-height: 1;padding: 11px 10px 10px;}
header .brandline #spmenu:hover,
header .brandline #spmenu:active,
header .brandline #spmenu:focus{color: #999;}
header .brandline #spmenu i{margin-right: 0;}
header .brandline .spmenu-nav{clear: both;display: none;position: fixed;top: 53px;bottom: 0;left: 0;right: 0;width: 100%;background: rgba(255,255,255,.9);overflow-y: auto;padding-bottom: 60px;}
header .brandline .spmenu-nav.show{display: block;height: 100%;}
header .brandline .logo{width: 150px;}
header .brandline nav{padding: 0;}
header .brandline .tel{overflow: hidden;width: 100%;text-align: center;}

header .brandline .tel .sell-btn{display: none;}
header .brandline .tel .insta-btn{display: none;}
header .brandline .tel .line-btn{display: none;}
header .brandline .tel .fb-btn{display: none;}
header .brandline .tel .tel-number{display: none;}

header .brandline .tel .sns-btns{display: inline-block;width: auto;float: none;}
header .brandline .tel .tel-btns{display: inline-block;width: auto;float: none;}

/*header .brandline .tel .tel-btns{text-align: center;width: 100%;}*/
header .brandline .tel .tel-btns a{border-radius:7px;vertical-align: bottom;}
header .brandline .tel .tel-btns a i{margin-right: 0;display: none;}
header .brandline .tel .tel-btns a span{display: block;}
header .brandline .tel .btn-submit{padding: 11px;vertical-align: top;display: inline-block;}
header .brandline .tel .btn-submit i{display: block;}

/*header .brandline .tel .sns-btns{text-align: right;}
header .brandline .tel .sns-btns a{float: none;display: inline-block !important;}
header .brandline .tel .sns-btns .line-btn{margin-right: 10px;}*/

header .globalnav li{width: 100% !important;float: none;clear: both;}
header .globalnav li a{font-size: 100%;padding: 20px;}
header .globalnav li.current a{border: 0 !important;background: rgba(0,0,0,.3);}
header .globalnav .jp{font-size: 12px;}
header .globalnav li.current .jp{color: #666;}
}
@media screen and (max-width:800px){
footer .brandline .section-inner{padding: 0 10px;}
footer .brandline nav,
footer .brandline nav.show{width: 70%;padding: 0;}
footer .brandline .logo{margin-top: 5px;width: 25%;}
footer .brandline .tel{clear: both;width: 100%;text-align: center;padding: 10px;}
footer .brandline .logo{margin-top: 0;}
footer .brandline nav{width: 75%;}
}
@media screen and (max-width:640px){
header{border-bottom-width: 1px;}
header .brandline nav{margin-bottom: 0;}
footer .brandline .section-inner{padding-top: 10px;}
footer .brandline .logo{width: 100%;text-align: center;margin-top: 10px;}
footer .brandline .logo img{width: 200px;}
footer .brandline nav{display: block;width: 100%;font-size: 100%;}
}

header.move{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}
header.move .brandline{background: rgba(255,255,255,.8);}


/* globalnav
******************************************/
.globalnav li{display: inline-block;width: 18%; float: left;text-align: center;text-transform:uppercase;font-size: 100%;font-weight: normal;}
.globalnav li.sell{width: 25%;}
.globalnav li a{display: block;padding: 30px 0;position: relative;transition:all .2s linear 0s;border-bottom: solid 6px transparent;}
.globalnav li a:hover,
.globalnav li a:active,
.globalnav li a:focus{background: red;color: #fff;border-color: #e60012;text-shadow:-1px -1px 1px rgba(0,0,0,.2);}
.globalnav li.current a{border-color: #e60012;}

.globalnav li.onlysp{display: none !important;}
@media screen and (max-width:1080px){
.globalnav li{font-size: 90%;}
}
@media screen and (max-width:980px){
.globalnav li.onlysp{display: block !important;}
}
@media screen and (max-width:800px){
footer .globalnav li a{padding: 10px 0;}
}
@media screen and (max-width:640px){
footer .globalnav li{display: block;width: 20%;}
.globalnav li a{padding: 10px 0;font-size: 70%;}
footer .globalnav li a,
footer .globalnav li.current a{border: 0;border-top: 0 !important;}
footer .globalnav li a:hover,
footer .globalnav li a:active,
footer .globalnav li a:focus{background: transparent;color: #e60012;}
.globalnav li a{border-bottom-width: 3px;}

}

/* 　footer
******************************************/
footer{background: #000;position: relative;box-shadow: -1px -1px 3px 0 rgba(0,0,0,.2);text-shadow:-1px -1px 1px rgba(0,0,0,.3);}
footer .brandline{background: #333;}
footer .brandline a{color: #fff;}
footer .brandline .tel{padding-top: 10px;}
footer .brandline .logo{margin-top: 20px;}
footer .globalnav li a{color: #fff;border-top: solid 6px transparent;border-bottom: 0;padding: 50px 0;}
footer .btn-submit{}
.footer-links{background: #222;text-align: center;font-weight: normal;font-size: 90%;}
.footer-links .section-inner{padding: 10px;}
.footer-links .logo-sojitz{max-width: 120px;float: left;}
.footer-links ul{float: right;display: inline-block;padding-top: 15px;}
.footer-links li{display: inline-block;padding-right: 10px;margin-right: 10px;border-right: solid 1px #fff;margin-left: -2px;}
.footer-links li:last-child{border-right: 0;}
.footer-links li a{color: #fff;text-decoration: none;}
.footer-links li a:hover,
.footer-links li a:active,
.footer-links li a:focus{text-decoration: underline;color: #ccc;}
.copyrights{padding: 30px 0 ;font-size: 80%;color: #fff;position: relative;}
.copyrights .section-inner{padding: 0;position: relative;}
.copyrights .outerlink{display: inline-block;position: absolute;max-width: 100px;opacity: .4;position: absolute;right: 20px;top: 0;}

.btn-submit{font-size: 86%;width: auto;padding: 10px 50px;background: #e60012;color: #fff;display: inline-block;line-height: 1.3;text-shadow:none;letter-spacing:1px;}
.btn-submit:hover,
.btn-submit:active,
.btn-submit:focus{background: #c9000d;color: #fff !important;}

#pagetop{position: fixed;bottom: 20px;left: 20px;color: #999;}
@media screen and (max-width:1000px){
footer .globalnav li a{padding: 40px 0;}
footer .brandline .btn-submit{padding: 5px 20px;font-size: 80%;}
}
@media screen and (max-width:800px){
footer .brandline .logo{margin-top: 5px;width: 25%;}
footer .brandline .tel{clear: both;width: 100%;text-align: center;padding: 10px;margin-bottom: 30px;}
footer .brandline .logo{margin-top: 0;}
footer .brandline nav{width: 75%;}
footer .globalnav li a{padding: 20px 0;}
footer .brandline .btn-submit{padding: 5px 40px;font-size: 100%;}
}
@media screen and (max-width:640px){
footer .brandline .logo{width: 100%;text-align: center;margin-top: 10px;}
footer .brandline .logo img{width: 200px;}
footer .brandline nav{display: block;width: 100%;font-size: 90%;}
footer .brandline .btn-submit{font-size: 70%;letter-spacing:0;}

.footer-links .logo-sojitz{float: none;display: block;margin: auto;}
.footer-links ul{float: none;display: block;padding-top: 10px;font-size: 90%;}
.footer-links li{display: block;text-align: center;padding: 5px;margin-right: 0;border-right: 0;}

.copyrights .outerlink{max-width: 70px;top: -3px;}
}

/* 　breadcrumb(lower)
******************************************/
.breadcrumb{background: #c9000d;font-size: 90%;font-weight: normal;}
.breadcrumb > ul{max-width: 1200px;margin: 0 auto;}
.breadcrumb li{display: inline-block;}
.breadcrumb li:after{content:">";display: inline-block;font-size: 90%;color: #fff;}
.breadcrumb li.current:after{display: none;}
.breadcrumb a{color: #fff;display: inline-block;padding: 1px 8px;}
.breadcrumb .current a:hover,
.breadcrumb .current a:active,
.breadcrumb .current a:focus{text-decoration: none;}

.main-header{background: #333;color: #fff;padding: 40px 0 60px;margin-bottom: -100px;}
.main-header.no-image{margin-bottom: 30px;}
.main-header .title{font-family: 'Noto Sans Japanese';font-size: 30px;max-width: 1200px;margin: auto;font-weight: 500 !important;margin-bottom: 10px;line-height: 1.4;}
@media screen and (max-width:1200px){
.main-header{padding: 40px 40px 60px;margin-bottom: -80px;}
.main-header.no-image{margin-bottom: 30px;}
}
@media screen and (max-width:640px){
.main-header{padding: 40px 20px 60px;}
.main-header .title{font-size: 150%}
.breadcrumb{font-size: 80%;}
}

/* 　mainimg
******************************************/
#mainimg{width: 100%;padding-top: 43.75%;background: no-repeat center bottom;background-size:contain;box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,.3);}
#mainimg-outer{background: no-repeat center bottom;background-size:contain;position: relative;overflow: hidden;width: 100%;}
#mainimg-loader{background: #005bac;width: 100%;height: 3px;animation-duration: 6s;position: absolute;left: 0;bottom: 0;}
.mainimg1{background-image: url(../img/slide/slide1.jpg) !important;}
.mainimg2{background-image: url(../img/slide/slide2.jpg) !important;}
.mainimg3{background-image: url(../img/slide/slide3.jpg) !important;}

/* main
******************************************/
.main{position: relative;z-index: 2;}
.index .main{margin-top: -140px;}
.index .main .carlist.no-post{margin-top: 100px;}
@media screen and (max-width:1200px){
.index .main{margin-top: -100px;}
}

@media screen and (max-width:1000px){
.index .main{margin-top: -50px;}
.index .main .carlist.no-post{margin-top: 50px;}
}
@media screen and (max-width:800px){
.index .main{margin-top: -30px;}
.index .main .carlist.no-post{margin-top: 30px;}
}

/* title
******************************************/
.title{font-size: 300%;}
.title-right{float: right;font-size: 50%;text-decoration: none;}
@media screen and (max-width:640px){
.title{font-size: 150%;}
}

/* gallery
******************************************/
.gallery{position: relative;overflow: hidden;}
.gallery li{width: 20%;float: left;transition:all 0.5s linear 0s;}
.gallery .cover{position: absolute;top: 0;left: 0;width: 100%;}
.gallery .hide{opacity: 0;transform:scale(1.1);}
@media screen and (max-width:640px){
.gallery li{width: 33.33%;}
.gallery li:nth-child(10){display: none;}
}


/* carlist(index)
******************************************/

.index .carlist .list,
.newlist .carlist .list,
.index .carlist .no-list{width: 74%;}
.index .carlist .no-list{padding-top: 0;background: rgba(255,255,255,.9);}
.index .carlist .side,
.newlist .carlist .side{width: 24.5%;font-size: 120%;}
/*.index .carlist .side #search-select{display: none;}
.index .carlist .side #search-select select{width: 95%;}*/
@media screen and (max-width:1000px){
.index .carlist .list,
.newlist .carlist .list,
.index .carlist .no-list{width: 68%;}
.index .carlist .side,
.newlist .carlist .side{width: 30.5%;}
}
@media screen and (max-width:800px){
.index .carlist .list,
.newlist .carlist .list,
.index .carlist .no-list{width: 100%;}
.index .carlist .side,
.newlist .carlist .side{width: 100%;margin-bottom: 30px;}
/*.index .carlist .side #search-list{display: none;}
.index .carlist .side #search-select{display: block;}*/
}
.index .carlist .side h2{font-size: 171%;line-height: 1;}
.index .carlist .side .list-make{margin-bottom: 20px;}
.side .sidebnr li{margin-bottom: 10px;}
@media screen and (max-width:1200px){
.index .carlist .side h2{font-size: 140%;}
}

.index .list-single{width: 31%;float: left;margin-right: 3%;margin-bottom: 3%;}
.index .list-single:nth-child(3n){margin-right: 0;}
.index .list-single:nth-child(3n+1){clear: both;}
.index .list-single:last-child{margin-right: 0;}
@media screen and (max-width:1000px){
.index .list-single{width: 48.5%;margin-bottom: 4%;}
.index .list-single:nth-child(3n){margin-right: 3%;}
.index .list-single:nth-child(3n+1){clear: none;}
.index .list-single:nth-child(2n){margin-right: 0;}
.index .list-single:nth-child(2n+1){clear: both;}
}

.index .list-bottom{padding-top: 10px;padding-bottom: 30px;clear: both;}
.index .list-bottom .btn{text-decoration: none;display: inline-block;}
@media screen and (max-width:640px){
.index .list-bottom .btn{padding: 20px;width: 100%;}
}


.icon-make{background: url(../img/icon-make2.png) no-repeat 0 0;background-size: 300%;width: 25px;height: 25px;d;display: inline-block;vertical-align: top;margin-right: 5px;}
.cat-item-all .icon-make{display: none;}
/*.cat-item-AF .icon-make{background-position: 0 0;}
.cat-item-AD .icon-make{background-position: 0 11%;}
.cat-item-BE .icon-make{background-position: 0 22%;}
.cat-item-BM .icon-make{background-position: 0 33%;}
.cat-item-CR .icon-make{background-position: 0 44%;}
.cat-item-CH .icon-make{background-position: 0 55%;}
.cat-item-FE .icon-make{background-position: 0 66%;}
.cat-item-FI .icon-make{background-position: 0 79%;}
.cat-item-JA .icon-make{background-position: 0 88%;}
.cat-item-LG .icon-make{background-position: 0 101%;}
.cat-item-MS .icon-make{background-position: 100% 0%;}
.cat-item-ML .icon-make{background-position: 100% 11%;}

.cat-item-ME .icon-make{background-position: 100% 22%;}
.cat-item-AM .icon-make{background-position: 100% 22%;}

.cat-item-MN .icon-make{background-position: 100% 34%;}
.cat-item-PE .icon-make{background-position: 100% 45%;}
.cat-item-PO .icon-make{background-position: 100% 56%;}
.cat-item-RE .icon-make{background-position: 100% 67%;}
.cat-item-RR .icon-make{background-position: 100% 77%;}
.cat-item-VW .icon-make{background-position: 100% 89%;}
.cat-item-VO .icon-make{background-position: 100% 101%;}*/

.cat-item-AF .icon-make{background-position: 0 9%;}
.cat-item-AD .icon-make{background-position: 0 18%;}
.cat-item-BE .icon-make{background-position: 0 27%;}
.cat-item-BM .icon-make{background-position: 0 36%;}
.cat-item-CR .icon-make{background-position: 0 45%;}
.cat-item-CH .icon-make{background-position: 0 54%;}
.cat-item-FE .icon-make{background-position: 0 65%;}
.cat-item-FI .icon-make{background-position: 0 73%;}
.cat-item-JA .icon-make{background-position: 0 82%;}
.cat-item-LG .icon-make{background-position: 0 91%;}
.cat-item-LR .icon-make{background-position: 0 100%;}

.cat-item-MS .icon-make{background-position: 50% 9%;}
.cat-item-ML .icon-make{background-position: 50% 18%;}

.cat-item-ME .icon-make{background-position: 50% 27%;}
.cat-item-AM .icon-make{background-position: 50% 27%;}

.cat-item-MN .icon-make{background-position: 50% 36%;}
.cat-item-PE .icon-make{background-position: 50% 45%;}
.cat-item-PO .icon-make{background-position: 50% 54%;}
.cat-item-RE .icon-make{background-position: 50% 65%;}
.cat-item-RR .icon-make{background-position: 50% 73%;}
.cat-item-VW .icon-make{background-position: 50% 82%;}
.cat-item-VO .icon-make{background-position: 50% 91%;}
.cat-item-MM .icon-make{background-position: 50% 100%;}

.cat-item-AS .icon-make{background-position: 100% 9%;}
.cat-item-TO .icon-make{background-position: 100% 18%;}
.cat-item-TS .icon-make{background-position: 100% 27%;}
.cat-item-LE .icon-make{background-position: 100% 36%;}
.cat-item-CA .icon-make{background-position: 100% 45%;}
.cat-item-FO .icon-make{background-position: 100% 54%;}
.cat-item-RO .icon-make{background-position: 100% 64%;}
.cat-item-NI .icon-make{background-position: 100% 73%;}
.cat-item-JE .icon-make{background-position: 100% 82%;}

.test .icon-make{background: url(../img/icon-make2.png) no-repeat 0 0;background-size: 300%;width: 25px;height: 25px;d;display: inline-block;vertical-align: top;margin-right: 5px;}
.test .cat-item-AF .icon-make{background-position: 0 9%;}
.test .cat-item-AD .icon-make{background-position: 0 18%;}
.test .cat-item-BE .icon-make{background-position: 0 27%;}
.test .cat-item-BM .icon-make{background-position: 0 36%;}
.test .cat-item-CR .icon-make{background-position: 0 45%;}
.test .cat-item-CH .icon-make{background-position: 0 54%;}
.test .cat-item-FE .icon-make{background-position: 0 65%;}
.test .cat-item-FI .icon-make{background-position: 0 73%;}
.test .cat-item-JA .icon-make{background-position: 0 82%;}
.test .cat-item-LG .icon-make{background-position: 0 91%;}
.test .cat-item-LR .icon-make{background-position: 0 100%;}


.test .cat-item-MS .icon-make{background-position: 50% 9%;}
.test .cat-item-ML .icon-make{background-position: 50% 18%;}

.test .cat-item-ME .icon-make{background-position: 50% 27%;}
.test .cat-item-AM .icon-make{background-position: 50% 27%;}

.test .cat-item-MN .icon-make{background-position: 50% 36%;}
.test .cat-item-PE .icon-make{background-position: 50% 45%;}
.test .cat-item-PO .icon-make{background-position: 50% 54%;}
.test .cat-item-RE .icon-make{background-position: 50% 65%;}
.test .cat-item-RR .icon-make{background-position: 50% 73%;}
.test .cat-item-VW .icon-make{background-position: 50% 82%;}
.test .cat-item-VO .icon-make{background-position: 50% 91%;}
.test .cat-item-MM .icon-make{background-position: 50% 100%;}

.test .cat-item-AS .icon-make{background-position: 100% 9%;}
.test .cat-item-TO .icon-make{background-position: 100% 18%;}


.list-make{background: rgba(255,255,255,.95);padding: 20px;}
.list-make h2{text-transform: uppercase;margin: 0;margin-bottom: 20px;text-align: center;}
.list-make li{border-bottom: solid 1px #999;font-size: 90%;}
.list-make li:last-child{border-bottom: 0;}
.list-make li a{display: block;padding: 10px;}
.list-make li .cat-count{d;display: inline-block;margin-left: 2px;}
.list-make li.cat-item-all{text-transform: uppercase;}

.index .carlist .no-list .section-inner{padding: 0;}
.index .carlist .no-list h2{font-size: 150%;}
.index .carlist .no-list .img-welcome{margin: 20px 0;}



/* carlist(lower)
******************************************/

/* MEMO: use nth-of-type for infinitescroll */
.lower .list-single{width: 23.5%;float: left;margin-right: 2%;font-size: 90%;margin-bottom: 2%;}
.lower .list-single:nth-of-type(4n){margin-right: 0;}
@media screen and (max-width:1000px){
.lower .list-single{width: 31%;}
.lower .list-single:nth-of-type(4n){margin-right: 3%;}
.lower .list-single:nth-of-type(3n){margin-right: 0;}
}
@media screen and (max-width:640px){
.lower .list-single{width: 48.5%;margin-bottom: 4%;}
.lower .list-single:nth-of-type(3n){margin-right: 3%;}
.lower .list-single:nth-of-type(2n){margin-right: 0;}
}

/* MEMO: add 20190731 */
.newlist .list-single{width: 32%;float: left;margin-right: 2%;font-size: 90%;margin-bottom: 2%;}
.newlist .list-single:nth-of-type(4n){margin-right: 2%;}
.newlist .list-single:nth-of-type(3n){margin-right: 0;}
.newlist .list-single:nth-of-type(3n+1){clear: both;}
@media screen and (max-width:1000px){
.newlist .list-single{width: 49%;margin-bottom: 4%;}
.newlist .list-single:nth-of-type(4n){clear: none;}
.newlist .list-single:nth-of-type(3n){margin-right: 2%;}
.newlist .list-single:nth-of-type(2n){margin-right: 0;}
.newlist .list-single:nth-of-type(3n+1){clear: none;}
.newlist .list-single:nth-of-type(2n+1){clear: both;}
}

/* carlist(v2)
******************************************/

.v2 .carlist .section-inner{max-width: 1600px;}

.v2 .carlist .list,
.v2 .carlist .no-list{width: 78%;}
.v2 .carlist .side{width: 20%;}
@media screen and (max-width:1200px){
.v2 .carlist .list,
.v2 .carlist .no-list{width: 71%;}
.v2 .carlist .side{width: 27%;}
}
@media screen and (max-width:920px){
.v2 .carlist .list,
.v2 .carlist .no-list{width: 100%;}
.v2 .carlist .side{width: 100%;margin-bottom: 30px;}
}

.v2 .carlist .list-single a:link,
.v2 .carlist .list-single a:hover,
.v2 .carlist .list-single a:visited,
.v2 .carlist .list-single a:active,
.v2 .carlist .list-single a:focus{line-height: 1.4;}

.v2 .carlist .list-single{width: 23.5%;float: left;margin-right: 2%;margin-bottom: 3%;}
.v2 .carlist .list-single:nth-of-type(3n){margin-right: 2%;}
.v2 .carlist .list-single:nth-of-type(3n+1){clear: none;}
.v2 .carlist .list-single:nth-of-type(4n){margin-right: 0;}
.v2 .carlist .list-single:nth-of-type(4n+1){clear: both;}
.v2 .carlist .list-single:last-of-type{margin-right: 0;}
@media screen and (max-width:1200px){
.v2 .carlist .list-single{width: 32%;margin-bottom: 3%;}
.v2 .carlist .list-single:nth-of-type(4n){margin-right: 2%;}
.v2 .carlist .list-single:nth-of-type(4n+1){clear: none;}
.v2 .carlist .list-single:nth-of-type(3n){margin-right: 0;}
.v2 .carlist .list-single:nth-of-type(3n+1){clear: both;}
}
@media screen and (max-width:1000px){
.v2 .carlist .list-single{width: 32%;margin-bottom: 3%;}
.v2 .carlist .list-single:nth-of-type(2n){margin-right: 2%;}
.v2 .carlist .list-single:nth-of-type(2n+1){clear: none;}
.v2 .carlist .list-single:nth-of-type(3n){margin-right: 0;}
.v2 .carlist .list-single:nth-of-type(3n+1){clear: both;}
}
@media screen and (max-width:670px){
.v2 .carlist .list-single{width: 49%;margin-bottom: 4%;}
.v2 .carlist .list-single:nth-of-type(3n){margin-right: 2%;}
.v2 .carlist .list-single:nth-of-type(3n+1){clear: none;}
.v2 .carlist .list-single:nth-of-type(2n){margin-right: 0;}
.v2 .carlist .list-single:nth-of-type(2n+1){clear: both;}
}

.v2 .carlist .side h2{font-size: 16px;}
.v2 .list-make li{font-size: 13px;}

.v2 .carlist .list-single .desc{display: none;}
.v2 .carlist .list-single .name{padding-bottom: 3px;margin-bottom: 3px;}
.v2 .carlist .list-single .name .make{font-size: 12px;margin-bottom: 2px;}
.v2 .carlist .list-single .name .model{font-size: 20px;line-height: 1.3;display: inline-block;}
.v2 .carlist .list-single .name .grade{display: inline-block;}
.v2 .carlist .list-single .price{font-size: 18px;margin-bottom: 3px;}
.v2 .carlist .list-single .detail-list{font-size: 12px;width: 49%;float: left;color: #666;}
.v2 .carlist .list-single .detail-list dt{color: #999;background: #f6f6f6;text-align: center;font-size: 12px;font-weight: 400;}
.v2 .carlist .list-single .detail-list dd{text-align: center;}
.v2 .carlist .list-single .detail-list:last-child{float: right;}
.v2 .carlist .list-single .detail{margin-bottom: 0;}
@media screen and (max-width:1200px){
.v2 .carlist .list-single .detail-list dt{font-size: 10px;}
}
@media screen and (max-width:640px){
.v2 .carlist .list-single .name .make{font-size: 10px;}
.v2 .carlist .list-single .name .model{font-size: 16px;line-height: 1.3;}
.v2 .carlist .list-single .name .grade{display: inline-block;font-size: 10px;}
.v2 .carlist .list-single .price{font-size: 16px;}
.v2 .carlist .list-single .detail-list:first-child{width: 45%;}
.v2 .carlist .list-single .detail-list:last-child{width: 53%;}
.v2 .carlist .list-single .detail-list dd{text-align: center;font-size: 10px;}
}

.v2.newlist .title{max-width: 1600px;}
/* carlist(common)
******************************************/
/*@media screen and (max-width:1240px){.list{padding-left: 20px;padding-right: 20px;}}*/

.list-single h2{margin: 0;border-bottom: solid 1px #011E54;}
.list-single .thumb{width: 100%;overflow: hidden;position: relative;}
.list-single .thumb img{transition: all 0.2s linear 0s;}
.list-single a:hover .thumb img,
.list-single a:active .thumb img,
.list-single a:focus .thumb img{transform:scale(1.05);}

.list-single .thumb .sold{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.5);color: #fff;top: 0;left: 0;right: 0;bottom: 0;text-align: center;} 
.list-single .thumb .sold span{position: absolute;top: 30%;left: 28%;font-size: 250%;}

.list-single .name{padding: 10px 0 5px;}
.list-single .name > span{display: block;line-height: 1.2;}
.list-single .name .make{font-size: 100%;}
.list-single .name .model{font-size: 171%;}
.list-single .name .grade{color: #999;font-size: 90%;}

.list-single .price{font-size: 130%;margin-bottom: 5px;}
.list-single .price-sold{color: rgb(220,0,0);}

.list-single .desc{font-size: 86%;font-weight: normal;color: #666;line-height: 1.4;}

.list-single .detail{margin-bottom: 10px;}
.list-single .detail-list{overflow: hidden;display: table;table-layout: fixed;width: 100%;}
.list-single .detail-list dt,
.list-single .detail-list dd{display: table-cell;padding: 0;}
.list-single .detail-list dt{width: 40%;}
.list-single .detail-list dd{width: 60%;text-align: right;font-size: 110%;}
@media screen and (max-width:640px){
.list-single .name .make{font-size: 90%;}
.list-single .name .model{font-size: 120%;}
.list-single .summary{font-size: 70%;}
}
@media screen and (max-width:540px){
.list-single .thumb .sold span{left: 20%;font-size: 200%;}
}
@media screen and (max-width:480px){
.list-single .thumb .sold span{left: 20%;font-size: 150%;}
}
/* hover */
.list-single a{text-decoration: none;display: block;overflow: hidden;transition: all 0.2s linear 0s;}
.list-single a:hover,
.list-single a:active,
.list-single a:focus{text-decoration: none;}
.list-single a:hover img{opacity: 1;}
.list-single a:hover .name .grade,
.list-single a:hover .desc{color: #999;}

.no-list{padding-top: 100px;font-size: 120%;color: #111;}
/* single
******************************************/
.cardetail .thumb{margin-bottom: 20px;}
.cardetail .thumb-main,
.carinfo .left{width: 640px;max-width: 640px;}
.cardetail .right,
.carinfo .right{width: 540px;}
.cardetail .thumb-sub li{width: 19%;float: left;margin-right: 1.25%;margin-bottom: 1.25%;}
.cardetail .thumb-sub li:nth-child(5n){margin-right: 0;}
.cardetail .thumb-sub.over20 li{width: 11.8%;margin-right: 0.8%;margin-bottom: 0.8%;}
.cardetail .thumb-sub.over20 li:nth-child(5n){margin-right: 0.8%;}
.cardetail .thumb-sub.over20 li:nth-child(8n){margin-right: 0;}

.newsingle .carid{background: #111;color: #fff;display: inline-block;float: right;border-radius:5px;font-size: 50%;margin-top: 10px;}
.newsingle .carid dt{padding: 3px 7px;border-right: solid 1px rgba(0,0,0,.3);display: inline-block;}
.newsingle .carid dd{padding: 3px 10px;border-left: solid 1px rgba(255,255,255,.3);display: inline-block;margin-left: -3px;}

.cardetail .thumb-main{background: no-repeat center top;background-size:contain;position: relative;}
.cardetail .thumb-main .thumb-main-img,
.cardetail .thumb-main .slide-control,
.cardetail .thumb-main .caption,
.cardetail .thumb-main .count{user-select:none;}

.cardetail .thumb-main-img{width:100%;background: no-repeat center center;background-size:contain;overflow: hidden;position: relative;}
.cardetail .thumb-main-img .caption{background: rgba(255,255,255,.9);color: #111;padding: 7px 30px 7px 7px;font-size: 90%;transition:all .5s linear 0s;opacity: 1;left: 2.5%;bottom: 0;position: absolute;width: 95%;border-radius:0;}
.cardetail .thumb-main-img .caption.hid{opacity: 0;}
.cardetail .thumb-main-img .caption .close{position: absolute;right: 10px;top: 10px;font-size: 160%;cursor:pointer;border: solid 1px #999; line-height: .5; padding: 2px 3px 3px; border-radius: 3px;font-weight: normal;}
.cardetail .thumb-main-img .caption .close:hover{opacity: .6;}

.cardetail .thumb-sub li{background:transparent no-repeat center center;background-size:contain;position: relative;transition:all 0.2s linear 0s;overflow: hidden;cursor:pointer;}
.cardetail .thumb-sub li:after{content:"";display: block;position: absolute;width: 100%;height: 0;left: 0;top: 0;background: rgba(0,0,0,0);transition:all 0.2s linear 0s;z-index: 10;}
.cardetail .thumb-sub li.current:after{background: rgba(0,0,0,.5);height: 100%;}
.cardetail .thumb-sub li:before{content:"";display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(255,255,255,0);transition:all 0.2s linear 0s;}
.cardetail .thumb-sub li:hover:before{background: rgba(255,255,255,.5);}
.cardetail .thumb-sub .caption{display: none;}


.cardetail .thumb-main .slide-control{position: absolute;top: 50%;left: 0;width: 100%;}
.cardetail .thumb-main .slide-control span{display: inline-block;background: rgba(0,0,0,.5);cursor:pointer;}
.cardetail .thumb-main .slide-control span:hover{background: rgba(0,0,0,.3);}
.cardetail .thumb-main .slide-control i{color: #fff;font-size: 200%;line-height: 1;display: inline-block;padding: 2px 10px 0;margin-right: 0;}
.cardetail .thumb-main .slide-prev{float: left;border-radius:0 3px 3px 0;}
.cardetail .thumb-main .slide-next{float: right;border-radius:3px 0 0 3px;}
.cardetail .thumb-main .slide-prev i{padding-left: 5px;}
.cardetail .thumb-main .slide-next i{padding-right: 5px;}

.cardetail .thumb-main .count{background: rgba(255,255,255,.8);color: #111;position: absolute;left: 0;top: 0;padding: 0 8px;}

@media screen and (max-width:1200px){
.newsingle .main-header{padding-left: 20px;padding-right: 20px;}
.cardetail .thumb-main,
.carinfo .left{width: 60%;}
.cardetail .right,
.carinfo .right{width: 38%;}
.cardetail .thumb-sub li{margin-bottom: 2%;}
}
@media screen and (max-width:840px){
}
@media screen and (max-width:640px){
.cardetail .thumb-main,
.carinfo .left{width: 100%;margin-bottom: 2%;}
.cardetail .right,
.carinfo .right{width: 100%;}
.cardetail .thumb-main-img .caption{font-size: 60%;}

.cardetail .thumb-main-img .caption .close{font-size: 140%;padding: 4px 2px;}
}


.cardetail h3{text-transform: uppercase;margin: 0;}
.cardetail table{margin: 0;}
.cardetail .summary{padding-top: 10px;}
.cardetail .name{font-size: 100%;}
.cardetail .name .model{font-size: 172%;line-height: 1.4;}
.cardetail .name .grade{color: #999;display: inline-block;margin-left: 10px;}
.cardetail .price{font-size: 214%;color: #e60012;line-height: 1;margin-bottom: 10px;}
.cardetail .desc{font-weight: normal;line-height: 1.4;margin-bottom: 10px;}

.cardetail .vr{text-align: center;}
.cardetail .vr iframe{width: 100%;max-width: 100%;height: 400px;}
.cardetail .status{}
.cardetail .table-status{border-collapse:separate;font-weight: normal;border-spacing:2px;}
.cardetail .table-status tr{}
.cardetail .table-status th,
.cardetail .table-status td{/*border-bottom: solid 1px #000;*/}
.cardetail .table-status th{background: #eee;color: #111;width: 20%;font-weight: normal;}
.cardetail .table-status td{border-right: solid 5px #fff;text-align: center;width: 30%;}
.cardetail .table-status .row-maintenance td,
.cardetail .table-status .row-warranty td{text-align: left;}
.cardetail .table-status .label,
.cardetail .table-status .row-warranty dl{display: inline-block;border: solid 1px #111;padding: 3px 10px;font-size: 100%;margin-bottom: 3px;background: #000;color: #fff;}
.cardetail .table-status .row-warranty dl dt,
.cardetail .table-status .row-warranty dl dd{display: inline-block;}

.cardetail .table-status .row-certificate{text-align: center;}
.cardetail .table-status .row-certificate img{border: solid 1px #ddd;max-width: 300px;}
.cardetail .table-status .row-certificate .come{display: block;}

.cardetail .table-detail{/*background: #333;color: #fff;*/border-collapse:separate;margin-bottom: 20px;font-weight: normal;font-size: 90%;border-spacing:2px;}
.cardetail .table-detail th{background: #eee;color: #111;width: 20%;font-weight: normal;}
.cardetail .table-detail td{text-align: center;width: 30%;vertical-align: middle;}
.cardetail .table-detail tr:last-child th,
.cardetail .table-detail tr:last-child td{border-bottom: 0;}


.cardetail .loan{background: #1B2B44;color: #fff;padding: 15px;border-radius:5px;font-size: 110%;float: right;width: 540px;position: relative;}
.cardetail .loan .loan-header{border-bottom: solid 2px #fff;margin-bottom: 10px;}
.cardetail .loan .loan-plan{font-size: 80%;position: absolute;right: 10px;top: 5px;color: rgba(255,255,255,.5);}
.cardetail .loan .monthly{font-size: 120%;float: left;}
.cardetail .loan .monthly dt,
.cardetail .loan .monthly dd{display: inline-block;}
.cardetail .loan .monthly dt{margin-right: 10px;}
.cardetail .loan .monthly .num{color: #ff0;font-size: 250%;line-height: 1;}
.cardetail .loan .year{font-size: 90%;float: right;position: relative;top: 1.5em;}
.cardetail .loan .loan-detail dl{display: inline-block;}
.cardetail .loan .loan-detail dt,
.cardetail .loan .loan-detail dd{padding: 1px 10px;display: inline-block;}
.cardetail .loan .loan-detail dt{background: #fff;color: #1B2B44;border-radius: 3px;}
.cardetail .loan .loan-detail dd{font-size: 120%;}

/*
.cardetail .table-status{border-collapse:separate;border-spacing:5px;font-weight: normal;}
.cardetail .table-status tr{}
.cardetail .table-status th,
.cardetail .table-status td{border-bottom: solid 1px #e60012;}
.cardetail .table-status th{background: #e60012;color: #fff;width: 20%;font-weight: normal;}
.cardetail .table-status td{border-right: solid 5px #fff;text-align: center;width: 30%;}
.cardetail .table-status .row-maintenance td,
.cardetail .table-status .row-warranty td{text-align: left;}
.cardetail .table-status .label,
.cardetail .table-status .row-warranty dl{display: inline-block;border-radius:3px;border: solid 1px #666;padding: 3px 10px;font-size: 100%;margin-bottom: 3px;background: #333;color: #fff;}
.cardetail .table-status .row-warranty dl dt,
.cardetail .table-status .row-warranty dl dd{display: inline-block;}

.cardetail .table-detail{background: #333;color: #fff;border-collapse:separate;border-spacing:5px;margin-bottom: 20px;font-weight: normal;}
.cardetail .table-detail th{background: #000;width: 20%;font-weight: normal;}
.cardetail .table-detail td{text-align: center;width: 30%;vertical-align: middle;}
*/

.cardetail .option h3{border-bottom: solid 2px #000;margin-bottom: 5px;padding-bottom: 5px;}
.cardetail .option{font-weight: normal;}

.cardetail .back{padding-top: 20px;}
.cardetail .submit{text-align: center;padding-top: 10px;}
.cardetail .btn-submit{font-size: 120%;padding: 20px 50px;}
.cardetail .btn-submit:hover,
.cardetail .btn-submit:active,
.cardetail .btn-submit:focus{text-decoration: none;}

.cardetail .residual{float: right;}
.cardetail .residual dd{padding: 0;}
.cardetail .residual .line-btn{background: #fff;color: #1B2B44;font-size: 70%;padding: 5px 10px;border-radius:3px;letter-spacing:1px;}

@media screen and (max-width:1200px){
.cardetail .loan{width: 38%;}
}

@media screen and (max-width:1090px){
.cardetail .loan .monthly{font-size: 100%;}
.cardetail .loan .year{font-size: 80%;}
}
@media screen and (max-width:980px){
.cardetail .name .make{display: block;line-height: 1;}
.cardetail .loan{font-size: 100%;padding: 10px;}
}
@media screen and (max-width:860px){
.cardetail .thumb-main{margin-bottom: 10px;}
.cardetail .loan{display: block;clear: both;float: none;width: 100%;font-size: 110%;}
.cardetail .loan .monthly{font-size: 120%;}
.cardetail .loan .year{font-size: 100%;}
}
@media screen and (max-width:640px){
.cardetail .loan .monthly .num{font-size: 200%;}
.cardetail .loan .year{top: 1em;}
.cardetail .vr iframe{max-width: 100%;}
.cardetail .table-status,
.cardetail .table-detail{font-size: 70%;}
}
@media screen and (max-width:480px){
.cardetail .loan{font-size: 100%;}
.cardetail .loan .monthly{font-size: 100%;}
.cardetail .loan .year{font-size: 80%;}
.cardetail .table-status,
.cardetail .table-detail{font-size: 70%;}
.cardetail .table-status th,
.cardetail .table-status td,
.cardetail .table-detail th,
.cardetail .table-detail td{padding: 5px;}
.cardetail .table-status th,
.cardetail .table-detail th{width: 22%;}
.cardetail .table-status td,
.cardetail .table-detail td{width: 28%;}
.cardetail .btn-submit{width: 100%;padding: 20px;}

.cardetail .btn-line{padding-top: 6px;}
}



/* single(noresult)
******************************************/

.main .noresult{margin-top: 100px;font-size: 100%;}

/* news
******************************************/
.news{background: #000 url(../img/news-bg.jpg) no-repeat 0 center;background-size:contain;color: #fff;box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);
position: relative;transition:all .2s linear 0s;min-height:400px;}
.news .section-inner{padding: 0;}
.news h1{margin-bottom: 20px;font-size: 200%;}
.news-inner{width: 50%;/*background: #3f3f3f;*/padding: 20px 40px;}
.list-news li{margin-bottom: 20px;}
.list-news .news-date{display: block;border-bottom: solid 1px #999;padding-bottom: 5px;margin-bottom: 5px;}
.list-news .new{background: #005bac;color: #fff;padding: 0 8px;display: inline-block;margin-left: 10px;}
.list-news .news-title{display: block;line-height: 1.4;font-weight: normal;}
.list-news .news-title a{color: #fff;text-decoration: none;}
.list-news .news-title a:hover,
.list-news .news-title a:active,
.list-news .news-title a:focus{text-decoration: underline !important;}
@media screen and (max-width:1600px){
.news{background-position: -30% 0;}
.news-few{background-position: 0;}
}
@media screen and (max-width:1400px){
.news{background-position: 0 0;}
.news-inner{width: 50%;}
}
@media screen and (max-width:1200px){
.news{background-size:cover;background-position: center center !important;}
.news-inner{width: 100%;background: rgba(0,0,0,.6);min-height:400px;}
}
@media screen and (max-width:640px){
.news-inner{padding: 20px;}
}

/* map
******************************************/
.index .map{overflow: hidden;height: 400px;box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,.2);background: #000;position: relative;}
.index .map iframe{margin-top: -150px;opacity: 1;filter: grayscale(80%) invert(90%) ;}
#map-canvas{width: 100%;height: 400px;}
.map .map-desc h2{font-size: 171%;}
.map .map-desc{top: 20%;left: 5%;position: absolute;background: rgba(255,255,255,.9);padding: 20px;border-radius:3px;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);min-width:28%;font-size: 120%;font-weight: normal;}
@media screen and (max-width:800px){
.map .map-desc{font-size: 90%;top: 3%;left: 3%;}
}
@media screen and (max-width:640px){
.map .map-desc{padding: 10px;top: 10px;left: 10px;font-size: 80%;}
}

/* voice
******************************************/

.voice-all{font-size: 90%;}
.voice .model-name{display: block;}

.voice{background: #eee;}
.voice h2{font-size: 200%;margin-bottom: 10px;}
.voice-single{background: #fff;padding: 20px;font-weight: normal;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);margin-bottom: 20px;border: solid 1px #ddd;border-top: solid 2px #333;}
.voice-single .voice-header{width: 48%;}
.voice-single .voice-header .model{font-size: 120%;margin-bottom: 5px;}
.voice-single .voice-header .score-total{font-weight: bold;font-size: 130%;font-weight: bold;display: block;margin-bottom: 5px;text-align: center;}
.voice-single .voice-header .score-total dt,
.voice-single .voice-header .score-total dd{display: inline-block;}
.voice-single .voice-header .table-score{padding: 10px;border:solid 1px #eee;margin-bottom: 0;}
.voice-single .voice-header .table-score th,
.voice-single .voice-header .table-score td{padding: 3px;}
.voice-single .voice-header .table-score th{background: #eee;font-weight: normal;width: 50%;}
.voice-single .voice-header .table-score td{text-align: center;width: 50%;}
.voice-single .voice-header .star{display: inline-block;vertical-align: text-bottom;}
.voice-single .voice-header .fa-star{margin-right: 2px;vertical-align: bottom;color: #eacd77;}
.voice-single .voice-header .point .num{font-size: 150%;color: #e82200;line-height: 1;font-weight: bold;position: relative;top: 2px;}
.voice-single .voice-header .fa-star.empty{color: #eee;}
.voice-single .voice-footer{width: 50%;}
.voice-single .voice-footer > div{padding: 10px;border-radius:3px;}
.voice-single .voice-footer .comment{background: #f4f3e8;margin-bottom: 10px;}
.voice-single .voice-footer .comment-reply{border: solid 1px #ddd;}
.voice-single .voice-footer .comment-reply h4{background: #555;color: #fff;padding: 5px 10px;margin-bottom: 10px;}
@media screen and (max-width:1080px){
.voice-single .voice-header,
.voice-single .voice-footer{width: 100%;}
.voice-single .voice-header .table-score{margin-bottom: 10px;}
}

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


/* about
******************************************/

.about{}
.about-sojitz,
.about-commitment,
.about-commitment2 {font-size: 120%;}
strong{color: #0059A7;}
.about-sojitz h2,
.about-commitment h2,
.about-commitment2 h2 {
font-size: 180%;
text-align: center;
margin: 30px 0;
}

.about-commitment h2 .num{font-size: 160%;}
.about-commitment2 h2{margin: 0 0 20px 0;}
.about-commitment2 h2 .num{font-size: 160%;}


.about-sojitz h3 {
text-align: center;
color: #000000;
font-size: 120%;
margin-top: 20px;
margin-bottom: 30px;
}

h2 br,h3 br { display:none; }

.about-commitment{padding: 30px 0;background: #f6f6f6 url(<?= get_template_directory_uri(); ?>/src/img/about/commitment/commitment-bg.png) no-repeat center bottom;background-size:contain;}
.about-commitment h3{font-size: 110%;text-align: center;margin: 10px 0 10px;}
.about-commitment .img{background: url(<?= get_template_directory_uri(); ?>/src/img/about/commitment/bg-bottom.png) no-repeat center bottom;padding-bottom: 10px;background-size:contain;}
.about-commitment .text{font-weight: normal;font-size: 82%; text-align: left;}
.about-commitment .row2{text-align: center;}
.about-commitment .commitment-single{vertical-align: top;margin-bottom: 40px;}

.about-commitment2 {padding: 30px 0;background: #f6f6f6 url(<?= get_template_directory_uri(); ?>/src/img/about/commitment/commitment2-bg.jpg) no-repeat center bottom;background-size:cover;}
.about-commitment2 h3 {font-size: 100%;text-align: center;margin: 10px 0 10px;}
.about-commitment2 .img{background: url(<?= get_template_directory_uri(); ?>/src/img/about/commitment/bg-bottom.png) no-repeat center bottom;padding-bottom: 10px;background-size:contain;}
.about-commitment2 .text {
font-weight: normal;
font-size: 78%;
text-align: center;
margin-bottom: 15px;
}
.about-commitment2 .row2{text-align: center;}
.about-commitment2 .commitment-single{vertical-align: top;margin-bottom: 40px; background: #0000001a;}
.about-logo { width:280px; display:block; margin: 0 auto; }

.about-new .commitment-single {color: #FFF;
padding: 20px;
text-align: left;
margin-bottom: 20px;
float: left;
width: 32%;
margin-right: 2%;    min-height: 265px;}

.about-new .commitment-single:last-child { margin-right:0;}

.about-new .commitment-single:nth-child(1) { background-color: #c52d4f;}
.about-new .commitment-single:nth-child(1) { background-image:url(<?= get_template_directory_uri(); ?>/src/img/medal-01.png);
background-repeat: no-repeat;
	background-position: top 0 right 10px;
background-size: 70px;}
.about-new .commitment-single:nth-child(2) { background-color: #17609f;}
.about-new .commitment-single:nth-child(2) { background-image:url(<?= get_template_directory_uri(); ?>/src/img/medal-02.png);
background-repeat: no-repeat;
	background-position: top 0 right 10px;
background-size: 70px;}
.about-new .commitment-single:nth-child(3) { background-color: #84859a;}
.about-new .commitment-single:nth-child(3) { background-image:url(<?= get_template_directory_uri(); ?>/src/img/medal-03.png);
background-repeat: no-repeat;
	background-position: top 10px right 10px;
background-size: 70px;}
.about-new h3 {color: #FFF; text-align: left;
font-size: 240%; margin-bottom: 0;}
.about-new h4{    font-size: 22px; margin-bottom:10px;}
.bold-style {font-weight: bold;
font-size: 14px;
}
.big-style{    font-size: 140%;
font-weight: bold;
}
.about-new em { font-size: 110%;font-style:normal;}
.about-new em span{ font-size: 82%; }

.new-box {color: #000; border: 2px solid #000; padding: 20px; text-align: center; margin-bottom:20px;font-size: 80%;}
.about-new .new-box h3 {color: #000;text-align: center;}
.new-box2 { background-color: #333; color: #FFF; margin-bottom:20px; padding: 20px;float: left;width: 49%;margin-right: 1%;min-height: 185px;}
.new-box3 { background-color: #333; color: #FFF; margin-bottom:20px; padding: 20px;    float: right;
width: 49%;    min-height: 185px;}

.text {font-size: 86%;}
.new-plans {margin-bottom:20px;}

.assist-left { float: left; width: 42%;}
.assist-right { float: left; width: 58%; padding-top: 10px;}
.assist-right li { margin-left: 15px; float: left;}
.assist-left em { font-weight:bold;}

.commit2 span {
display: block;
text-align: center;
font-size: 220%;
line-height: 1;
margin-bottom: 10px;
font-weight: bold;
}
.minner {width: 100%;max-width:812px; display:block; margin:0 auto;}

.about-commitment2 .commitment-single{display: block;float: left;
width: 31%;margin-right: 3%;padding: 15px;min-height: 212px;}

@media screen and (min-width:641px){
.about-sojitz{width: 80%;margin: auto;}
.about-commitment .commitment-single{display: inline-block;width: 31%;margin-right: 2%;}
.about-commitment .commitment-single:last-child{margin-right: 0;}
.about-commitment .row2 .commitment-single{}
.about-commitment2 .commitment-single:last-child {margin-right: 0;}
.about-commitment2 .row2 .commitment-single{}
}

@media screen and (max-width:860px){
.about-new .commitment-single{width: 100%;float: none;}
}

@media screen and (max-width:640px){
.about-sojitz h2{font-size: 150%;}
.about-commitment2 .commitment-single{padding: 15px;width: 100%;float: none;}
.new-left, .new-right {width: 100%; float: none;}

.about-sojitz h2,
.about-commitment h2,
.about-commitment2 h2 {
font-size: 140%;
}
.about-new .commitment-single, .new-box2, .new-box3, .assist-right, .assist-right li, .assist-left {float:none; width:100%;}
.about-new .commitment-single:nth-child(1),
.about-new .commitment-single:nth-child(2),
.about-new .commitment-single:nth-child(3) { background-size: 80px; }
.about-new .commitment-single:last-child { min-height: auto;}
h2 br,h3 br { display:inline-block; }
h2, h3 { line-height: 1.2; }

}

/* company/contact
******************************************/
.main-lower{}
.main-lower h2{font-size: 200%;border-bottom: solid 1px #e60012;margin-bottom: 10px;font-weight: normal;}
.main-lower .mainimg-lower{margin-bottom: 30px;}
.main-lower .map{overflow: hidden;background: #fff;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);border: solid 1px #fff;height: 300px;}
.main-lower .map iframe{margin-top: -150px;opacity: 1;}

.table-company{margin: 0;border-collapse:collapse;}
.table-company tr{border: solid 1px #fff;}
.table-company th,.table-company td{padding: 15px;font-weight: normal;}
.table-company th{background: #000;color: #fff;}

.contact-left-inner{width: 80%;margin: 30% auto 0;text-align: center;}
.contact .lead{color: #666;}

.movie-shop{padding-top: 20px;}
.movie-shop th{width: 30%;border: 0;background: #111;color: #fff;font-size: 150%;vertical-align: middle;}
.movie-shop td{padding: 0;}
.movie-shop iframe{width: 100%;vertical-align: bottom;}
@media screen and (max-width:860px){
.contact-left-inner{width: 100%;margin: 0;}
.movie-shop table,
.movie-shop table thead,
.movie-shop table tbody,
.movie-shop table tfoot,
.movie-shop table tr,
.movie-shop table th,
.movie-shop table td{width: 100%;display: block;}
.movie-shop th{padding: 10px;}
.movie-shop iframe{width: 100%;}
}
@media screen and (max-width:640px){
.main-lower .mainimg-lower{margin-bottom: 20px;}
.main-lower h2{font-size: 150%;line-height: 1.6;}
}

.table-contact,
.table-contact thead,
.table-contact tbody,
.table-contact tfoot,
.table-contact tr,
.table-contact th,
.table-contact td{display: block;width: 100%;}

.table-contact tr{margin-bottom: 10px;}
.table-contact th,
.table-contact td{padding: 0;}
.table-contact th{background: #fff;text-align: left;}
.table-contact th .required{color: #e60012;}
.table-contact input,
.table-contact textarea{width: 100%;font-size: 16px;}
.table-contact .row-submit{text-align: center;}
.table-contact .btn-submit{display: inline-block;padding: 10px 60px;width: auto;}
.lower-common{min-height:600px;}
.link-home{margin-top: 40px;}
@media screen and (max-width:640px){
.lower-common{min-height:0;}
}

#infscr-loading{text-align: center;padding: 10px;width: 100%;clear: both;}
#infscr-loading img{max-width: 29px;}


/* guideline
******************************************/
.panel-all .panel.hide{display: none;}

@media screen and (min-width:901px){
.nav-aside{width: 30%;}
.nav-aside + article{width: 67%;}
}
.leadcontents{font-size: 110%;font-weight: normal;}
.leadcontents h1{font-size: 150%;margin-bottom: 20px;}
.leadcontents h2{font-size: 130%;margin-bottom: 20px;}
.leadcontents h3{font-size: 110%;border-bottom: solid 1px #ddd;margin-bottom: 10px;}
.leadcontents .text a{color: #e60012;}
.leadcontents .tabs li a{color: #111;}
.leadcontents .tabs li.active a{background: #f6f6f6;}
.leadcontents .nav-aside .tabs li{display: block;margin-bottom: 10px;font-size: 90%;}
.leadcontents .nav-aside .tabs li a{display: block;padding: 20px;border: solid 1px #ddd;border-left: solid 3px #e60012;}
.leadcontents .noticeList02 dt{float: left; width: 2em;}
.leadcontents .noticeList02 dd{padding: 0 0 0 2.2em;}

.leadcontents .panel .numberList01 li{margin-bottom: 10px;}
.leadcontents .panel .numberList02{padding: 10px 0;}
.leadcontents .panel .h3_basic01{margin-top: 10px;}
.leadcontents .panel .noticeList02{font-size: 90%;color: #666;}
.leadcontents .panel .noticeList02 dl{margin-bottom: 5px;}

@media screen and (max-width:640px){
.nav-aside{margin-bottom: 20px;}
.leadcontents{font-size: 100%;}
.leadcontents h1{font-size: 130%;}
.leadcontents h2{font-size: 120%;}
.leadcontents h3{font-size: 110%;}
}


.table_basic01 th{background: #666;color: #fff;}
.table_basic01 tr,
.table_basic01 td{border: solid 1px #111;}

.guideline,
.privacy{padding: 30px 0;}
@media screen and (max-width:640px){
.guideline,
.privacy{padding: 20px 0;}
}

.pagelink .prev{float: left;width: 50%;text-align: left;}
.pagelink .next{float: right;width: 50%;text-align: right;}


/* login
******************************************/

.main-login{text-align: center;}
.main-login .login-box{max-width: 800px;margin: auto;}
.main-login .login-box input[type=submit]{background: #eee;}
.main-login .login-box input[type=submit]:hover,
.main-login .login-box input[type=submit]:active,
.main-login .login-box input[type=submit]:focus{background: #ccc;}

/* detail
******************************************/

.submit .btn-detail{display: block;width: 49%;padding: 10px 20px;margin-bottom: 10px;font-size: 120%;float: left;}
.submit .tel-number{background: #fff;color: #111;border: solid 2px #111;}
.submit .tel-number:hover,
.submit .tel-number:active,
.submit .tel-number:focus{background: #111;color: #fff;text-decoration: none;}
.submit .line-btn{background: #00b900;color: #fff;padding-bottom: 12px;float: right;}
.submit .line-btn:hover,
.submit .line-btn:active,
.submit .line-btn:focus{opacity: .8;text-decoration: none;}
.submit .line-btn img{width: 30px;}
.cardetail .btn-submit{width: 100%;display: block;clear: both;}
.cardetail .btn-submit.btn-disabled,
.cardetail .btn-submit.btn-disabled:hover,
.cardetail .btn-submit.btn-disabled:active,
.cardetail .btn-submit.btn-disabled:focus{background: #ddd !important;color: #999 !important;text-shadow:none;cursor:default;}
@media screen and (max-width:960px){
.submit .btn-detail{display: block;width: 100%;float: none;}
}
@media screen and (max-width:640px){
.submit .btn-detail,
.cardetail .btn-submit{font-size: 100%;}
.submit .btn-detail{width: 49%;float: left;}
.submit .line-btn{float: right;padding-bottom: 11px;padding-top: 6px;}
}


/* voice
******************************************/

.voice-all{font-size: 90%;}
.voice .model-name{display: block;}

.voice{background: #eee;}
.voice h2{font-size: 200%;margin-bottom: 10px;}
.voice-single{background: #fff;padding: 20px;font-weight: normal;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);margin-bottom: 20px;border: solid 1px #ddd;border-top: solid 2px #333;}
.voice-single .voice-header{width: 48%;}
.voice-single .voice-header .model{font-size: 120%;margin-bottom: 5px;}
.voice-single .voice-header .score-total{font-weight: bold;font-size: 130%;font-weight: bold;display: block;margin-bottom: 5px;text-align: center;}
.voice-single .voice-header .score-total dt,
.voice-single .voice-header .score-total dd{display: inline-block;}
.voice-single .voice-header .table-score{padding: 10px;border:solid 1px #eee;margin-bottom: 0;}
.voice-single .voice-header .table-score th,
.voice-single .voice-header .table-score td{padding: 3px;}
.voice-single .voice-header .table-score th{background: #eee;font-weight: normal;width: 50%;}
.voice-single .voice-header .table-score td{text-align: center;width: 50%;}
.voice-single .voice-header .star{display: inline-block;vertical-align: text-bottom;}
.voice-single .voice-header .fa-star{margin-right: 2px;vertical-align: bottom;color: #eacd77;}
.voice-single .voice-header .point .num{font-size: 150%;color: #e82200;line-height: 1;font-weight: bold;position: relative;top: 2px;}
.voice-single .voice-header .fa-star.empty{color: #eee;}
.voice-single .voice-footer{width: 50%;}
.voice-single .voice-footer > div{padding: 10px;border-radius:3px;}
.voice-single .voice-footer .comment{background: #f4f3e8;margin-bottom: 10px;}
.voice-single .voice-footer .comment-reply{border: solid 1px #ddd;}
.voice-single .voice-footer .comment-reply h4{background: #555;color: #fff;padding: 5px 10px;margin-bottom: 10px;}
@media screen and (max-width:1080px){
.voice-single .voice-header,
.voice-single .voice-footer{width: 100%;}
.voice-single .voice-header .table-score{margin-bottom: 10px;}
}

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

/* about
******************************************/

.about{}
.about-sojitz,
.about-commitment,
.about-commitment2 {font-size: 120%;}
strong{color: #0059A7;}
.about-sojitz h2,
.about-commitment h2,
.about-commitment2 h2 {
font-size: 180%;
text-align: center;
margin: 30px 0;
}

.about-commitment h2 .num{font-size: 160%;}
.about-commitment2 h2{margin: 0 0 20px 0;}
.about-commitment2 h2 .num{font-size: 160%;}


.about-sojitz h3 {
text-align: center;
color: #000000;
font-size: 120%;
margin-top: 20px;
margin-bottom: 30px;
}

h2 br,h3 br { display:none; }

.about-commitment{padding: 30px 0;background: #f6f6f6 url(<?= get_template_directory_uri(); ?>/src/img/about/commitment/commitment-bg.png) no-repeat center bottom;background-size:contain;}
.about-commitment h3{font-size: 110%;text-align: center;margin: 10px 0 10px;}
.about-commitment .img{background: url(<?= get_template_directory_uri(); ?>/src/img/about/commitment/bg-bottom.png) no-repeat center bottom;padding-bottom: 10px;background-size:contain;}
.about-commitment .text{font-weight: normal;font-size: 82%; text-align: left;}
.about-commitment .row2{text-align: center;}
.about-commitment .commitment-single{vertical-align: top;margin-bottom: 40px;}

.about-commitment2 {padding: 30px 0;background: #f6f6f6 url(<?= get_template_directory_uri(); ?>/src/img/about/commitment/commitment2-bg.jpg) no-repeat center bottom;background-size:cover;}
.about-commitment2 h3 {font-size: 100%;text-align: center;margin: 10px 0 10px;}
.about-commitment2 .img{background: url(<?= get_template_directory_uri(); ?>/src/img/about/commitment/bg-bottom.png) no-repeat center bottom;padding-bottom: 10px;background-size:contain;}
.about-commitment2 .text {
font-weight: normal;
font-size: 78%;
text-align: center;
margin-bottom: 15px;
}
.about-commitment2 .row2{text-align: center;}
.about-commitment2 .commitment-single{vertical-align: top;margin-bottom: 40px; background: #0000001a;}
.about-logo { width:280px; display:block; margin: 0 auto; }

.about-new .commitment-single {color: #FFF;
padding: 20px;
text-align: left;
margin-bottom: 20px;
float: left;
width: 32%;
margin-right: 2%;    min-height: 265px;}

.about-new .commitment-single:last-child { margin-right:0;}

.about-new .commitment-single:nth-child(1) { background-color: #c52d4f;}
.about-new .commitment-single:nth-child(1) { background-image:url(<?= get_template_directory_uri(); ?>/src/img/medal-01.png);
background-repeat: no-repeat;
	background-position: top 0 right 10px;
background-size: 70px;}
.about-new .commitment-single:nth-child(2) { background-color: #17609f;}
.about-new .commitment-single:nth-child(2) { background-image:url(<?= get_template_directory_uri(); ?>/src/img/medal-02.png);
background-repeat: no-repeat;
	background-position: top 0 right 10px;
background-size: 70px;}
.about-new .commitment-single:nth-child(3) { background-color: #84859a;}
.about-new .commitment-single:nth-child(3) { background-image:url(<?= get_template_directory_uri(); ?>/src/img/medal-03.png);
background-repeat: no-repeat;
	background-position: top 10px right 10px;
background-size: 70px;}
.about-new h3 {color: #FFF; text-align: left;
font-size: 240%; margin-bottom: 0;}
.about-new h4{    font-size: 22px; margin-bottom:10px;}

.bold-style {font-weight: bold;
font-size: 14px;
}
.big-style{    font-size: 140%;
font-weight: bold;
}
.about-new em { font-size: 110%;font-style:normal;}
.about-new em span{ font-size: 82%; }

.new-box {color: #000; border: 2px solid #000; padding: 20px; text-align: center; margin-bottom:20px;font-size: 80%;}
.about-new .new-box h3 {color: #000;text-align: center;}
.new-box2 { background-color: #333; color: #FFF; margin-bottom:20px; padding: 20px;float: left;width: 49%;margin-right: 1%;min-height: 185px;}
.new-box3 { background-color: #333; color: #FFF; margin-bottom:20px; padding: 20px;    float: right;
width: 49%;    min-height: 185px;}

.text {font-size: 86%;}
.new-plans {margin-bottom:20px;}

.assist-left { float: left; width: 42%;}
.assist-right { float: left; width: 58%; padding-top: 10px;}
.assist-right li { margin-left: 15px; float: left;}
.assist-left em { font-weight:bold;}

.commit2 span {
display: block;
text-align: center;
font-size: 220%;
line-height: 1;
margin-bottom: 10px;
font-weight: bold;
}
.minner {width: 100%;max-width:812px; display:block; margin:0 auto;}

.about-commitment2 .commitment-single{display: block;float: left;
width: 31%;margin-right: 3%;padding: 15px;min-height: 212px;}

.about-new .btn-apertared{padding: 20px 60px;}

@media screen and (min-width:641px){
.about-sojitz{width: 80%;margin: auto;}
.about-commitment .commitment-single{display: inline-block;width: 31%;margin-right: 2%;}
.about-commitment .commitment-single:last-child{margin-right: 0;}
.about-commitment .row2 .commitment-single{}
.about-commitment2 .commitment-single:last-child {margin-right: 0;}
.about-commitment2 .row2 .commitment-single{}
}

@media screen and (max-width:860px){
.about-new .commitment-single{width: 100%;float: none;}
}

@media screen and (max-width:640px){
.about-sojitz h2{font-size: 150%;}
.about-commitment2 .commitment-single{padding: 15px;width: 100%;float: none;}
.new-left, .new-right {width: 100%; float: none;}

.about-sojitz h2,
.about-commitment h2,
.about-commitment2 h2 {
font-size: 140%;
}
.about-new .commitment-single, .new-box2, .new-box3, .assist-right, .assist-right li, .assist-left {float:none; width:100%;}
.about-new .commitment-single:nth-child(1),
.about-new .commitment-single:nth-child(2),
.about-new .commitment-single:nth-child(3) { background-size: 80px; }
.about-new .commitment-single:last-child { min-height: auto;}
h2 br,h3 br { display:inline-block; }
h2, h3 { line-height: 1.2; }

.about-new .btn-apertared{padding: 20px 40px;width: 100%;}

}

/* sell
******************************************/

.title-line{position: relative;text-align: center;margin-bottom: 80px;font-size: 180%;line-height: 1.4;}
.title-line:after{content:"";display: block;width: 30%;height: 2px;background: #e60012;margin: 10px auto 20px;}

@media screen and (max-width:640px){
.title-line{font-size: 140%;}
}


.sell{font-size: 130%;}
.sell-reason{padding: 40px;}
.sell-single{text-align: left;margin-bottom: 50px;}
.sell-single h3{margin-bottom: 20px;font-size: 180%;border-bottom: solid 1px #ddd;line-height: 1;padding-bottom: 10px;}
.sell-single h3 .num{color: #ddd;font-size: 150%;display: inline-block;margin-right: 10px;line-height: 0;}
.sell-single .left{box-shadow:1px 1px 2px 0 rgba(0,0,0,.1);}
.sell-single .text{font-weight: normal;}
.sell-single .text .figure{text-align: center;}
.sell-single .text img{max-width: 400px;}
.sell-single strong{color: #e60012;font-weight: bold;}

.sell-catch{border: solid 3px #111;font-size: 120%;text-align: center;width: 100%;padding: 30px;}

@media screen and (min-width:641px){
.sell-single .left{width: 40%;}
.sell-single .right{width: 56%;}
}
@media screen and (max-width:1080px){
.sell{font-size: 110%;}
}
@media screen and (max-width:800px){
.sell-single h3{font-size: 140%;}
.sell-catch{font-size: 100%;}
}
@media screen and (max-width:640px){
.sell-reason{padding: 40px 0;}
.sell-single .text{padding-top: 20px;}
.sell-catch{font-size: 80%;}
}

/* sell-form
******************************************/

.sell-header{padding: 0;margin-bottom: -103px;}
.sell-header .header-inner{background: url(../img/sell-header.jpg) no-repeat center 20%;background-size:cover;padding: 100px 0 60px;}

.sell-form{background: transparent;border-bottom: solid 1px #ddd;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}
.sell-form h2{color: #fff;font-size: 110%;border-radius:5px 5px 0 0;
background: rgb(240,0,0);background: linear-gradient(180deg, rgba(240,0,0,1) 0%, rgba(199,2,2,1) 100%);
padding: 10px;text-align: center;text-shadow:1px 1px 2px rgba(0,0,0,.2);
/*background: rgb(17,103,207);background: linear-gradient(180deg, rgba(17,103,207,1) 0%, rgba(1,71,156,1) 100%);*/}
.sell-form h2 .time{background: #fff;color: #e60012;display: inline-block;padding: 3px 10px;margin-right: 10px;border-radius:3px;box-shadow:0px 1px 3px 0 rgba(0,0,0,.2);text-shadow:none;font-size: 80%;}
.sell-form-body{padding: 10px;}
.sell-form .wpcf7{background: #fff;}
.sell-form table{font-size: 80%;margin: 0;width: 50%;float: left;}
.sell-form table caption{font-size: 140%;line-height: 1;padding: 10px;color: #111;font-weight: normal;}
.sell-form table th{background: #f6f6f6;}
/*.sell-form form p{display: none;}*/
.sell-form .come{font-size: 80%;display: block;font-weight: normal;}
.sell-form .required{color: #e60012;}
.sell-form .row-submit{clear: both;text-align: center;padding: 10px 0 20px;width: 100%;}
.sell-form .row-submit .btn-submit{padding: 10px 50px;font-size: 90%;/*background: rgb(17,103,207);
background: linear-gradient(180deg, rgba(17,103,207,1) 0%, rgba(1,71,156,1) 100%);*/}
.sell-form #f-year{}
.sell-form .hide{display: none;}
.sell-form select.form-control{padding-bottom: 15px;}
.sell-form  .form-subtitle{color: #999;font-weight: normal;display: block;margin-top: 10px;}
@media screen and (min-width:800px){
.sell-form h2{font-size: 140%;}
}
@media screen and (max-width:1200px){
.sell-header{margin-bottom: -80px;}
.sell-header h1.title{padding-left: 20px;}
.sell-form table caption{text-align: left;}
}
@media screen and (max-width:800px){
.sell-form table{width: 100%;float: none;}
}

/* warranty
******************************************/

.about-warranty h2{margin: 40px;}
.about-warranty p{font-size: 120%;}

.box-warranty h2{}
.box-warranty h2 img{max-width: 640px;}

.after1,
.after2{max-width: 800px;}

.warranty .case{background: #E5E9EC;}
.warranty .case-p{font-size: 120%;margin: 30px 0;}

.warranty .price img{max-width: 578px;}

#case-swiper .swiper-slide{box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);}

@media screen and (min-width:641px){
.warranty .solution .left{width: 38%;}
.warranty .solution .right{width: 60%;}
}
@media screen and (max-width:640px){
.about-warranty h2{font-size: 100%;}
.about-warranty p{font-size: 80%;}

#case-swiper .swiper-slide{padding: 0 40px;}
.swiper-button-prev:after, .swiper-button-next:after{color: #666;}
.swiper-button-prev{left: 0 !important;}
.swiper-button-next{right: 0 !important;}
.warranty .case-p{font-size: 80%;}
}

/* mail-order
******************************************/

.main-online-order{background: #6bb3e0 url(../img/online-order/timeline/timeline-bg.png);}
.online-order{/*background: #eee;*/}

.online-order .table-timeline{background: transparent;border-collapse:separate;border-spacing:5px;border-radius:5px;}
.online-order .table-timeline th{width: 30%;background: #429dd6;opacity: .9;color: #fff;font-weight: normal;font-size: 120%;}
.online-order .table-timeline td{width: 70%;overflow: hidden;padding: 20px;}

.online-order .message{border-radius:10px;padding: 10px;max-width: 40%;clear: both;margin-bottom: 10px;position: relative;}
.online-order .message.movie{max-width: 100%;width: 400px;}
.online-order .message.movie iframe{width: 100%;border-radius:10px;}
.online-order .message p{margin-bottom: 0;}
.online-order .message::before { 
  content: '';
  position: absolute; /* 位置固定 */
  bottom: 20%; /* 線幅の2倍 */
  left: -8px;
  margin-left: -8px; /* 線幅だけずらす */
  border: 8px solid transparent; /* 線幅の設定 */
  border-right-color: #fff; /* 吹き出しの地と同じ色 */
}
.online-order .message-user::before{display: none;}
.online-order .message-user::after { 
  content: '';
  position: absolute; /* 位置固定 */
  bottom: 20%; /* 線幅の2倍 */
  right: -8px;
  margin-right: -8px; /* 線幅だけずらす */
  border: 8px solid transparent; /* 線幅の設定 */
  border-left-color: #65d64f; /* 吹き出しの地と同じ色 */
}

.online-order .message.hasicon{width: 40%;}
.online-order .message .file-info{width: 70%;float: right;}
.online-order .message .file-summary{font-weight: normal;font-size: 80%;}
.online-order .message i.fa{float: left;font-size: 300%;margin:.3em 0 0 .7em;color: #999;}
.online-order .message .comment{position: absolute;bottom: -1em;right: 10px;padding: 10px;border-radius:5px;background: #fff;border: solid 2px #337CBD;color: #337CBD;z-index: 999;box-shadow:1px 1px 2px 0 rgba(0,0,0,.3);font-size: 120%;}
.online-order .message .comment img{width: 20px;margin-right: 5px;vertical-align: text-bottom;}

.message-shop{background: #fff;float: left;}
.message-user{background: #65d64f;float: right;}
.message-shop + .message-user{margin-top: -20px;}
.message-user + .message-shop{margin-top: -20px;}

.online-order .row-submit{text-align: center;}
.online-order .row-submit td{padding: 0;}

.online-order .btn-group{margin-bottom: 20px;}
.online-order .btn-mail-online,
.online-order .btn-line-online{transition:all .2s linear 0s;display: inline-block;max-width: 48%;}
.online-order .btn-mail-online img,
.online-order .btn-line-online img{max-width: 350px;opacity: 1 !important;}
.online-order .btn-line-online{margin-right: 10px;}

.online-order .btn-mail-online:hover,
.online-order .btn-line-online:hover,
.online-order .btn-mail-online:active,
.online-order .btn-line-online:active,
.online-order .btn-mail-online:focus,
.online-order .btn-line-online:focus{transform:scale(1.01) !important;}


.online-order .btn-catch{background: #e60012;color: #fff;border-radius:5px;font-size: 180%;padding: 10px;max-width: 70%;margin: auto;position: relative;text-align: center;}
.online-order .btn-catch .desc{display: block;background: #eee;border-radius:5px;font-size: 60%;padding: 10px 5px;color: #111;margin-top: 10px;}
.online-order .btn-catch strong{color: #fff;}
.online-order .btn-catch::after{
  content: '';
  position: absolute; /* 位置固定 */
  top: -16px; /* 線幅の2倍 */
  margin-left: -8px; /* 線幅だけずらす */
  border: 8px solid transparent; /* 線幅の設定 */
  border-bottom-color: #e60012; /* 吹き出しの地と同じ色 */
}

@media screen and (max-width:900px){
.online-order .table-timeline th{width: 20%;font-size: 100%;}
.online-order .table-timeline td{width: 80%;padding: 10px;}

.message-shop + .message-user,
.message-user + .message-shop{margin-top: 0;}

.online-order .message{max-width: 60%;}
.online-order .message.movie{margin: 30px 0;}

.online-order .message.hasicon{width: 70%;}
.online-order .message i.fa{float: left;font-size: 200%;margin:.3em 0 0 .7em;color: #999;}


.online-order .btn-catch{max-width: 90%;font-size: 160%;}

}
@media screen and (max-width:640px){
.online-order .section-inner{padding: 20px 10px;}
.online-order .table-timeline,
.online-order .table-timeline thead,
.online-order .table-timeline tbody,
.online-order .table-timeline tfoot,
.online-order .table-timeline tr,
.online-order .table-timeline th,
.online-order .table-timeline td{display: block;}
.online-order .table-timeline tr{position: relative;}
.online-order .table-timeline th{display: inline-block;border-radius:5px;width: auto;max-width: none;}
.online-order .table-timeline td{width: 100%;}

.online-order .message{width: 70%;max-width: none;}
.online-order .message.movie{margin: 20px 0;}
.online-order .message.movie.mb40{margin-bottom: 40px;}
.online-order .message.hasicon{width: 80%;max-width: none;}
.online-order .message.movie iframe{height: 200px;}

.online-order .btn-catch{max-width: 100%;font-size: 140%;}

}
@media screen and (max-width:600px){
.online-order .btn-mail-online,
.online-order .btn-line-online{max-width: 100%;width: 100%;display: block;}
.online-order .btn-mail-online{margin-top: 10px;}
}
/* contact
******************************************/


.table-contact th{font-size: 110%;}
.table-contact th,.table-contact td{padding: 5px;}
.check-group{margin-bottom: 5px;}
.check-group label{display: inline-block;padding: 5px 10px;border: solid 1px #ddd;border-radius:3px;margin-right: 2px;font-weight: normal;}
.check-group label:hover{background: #ddd;border-color: #ccc;}
.check-group label.label-checked{background: #f00;color: #fff;border-color: #ce0000;}
.check-group span.wpcf7-list-item{margin-left: 0;}
.check-group input[type=checkbox]{display: inline-block;width: auto;font-size: 110%;}
.main-header-contact{background: #1B2B44;margin-bottom: -50px;}
.line-pr{background: #1B2B44;}
.line-pr img{max-width: 900px;}
@media screen and (max-width:640px){
.check-group label{padding: 10px;margin-bottom: 3px;}
}

.lower-common .text{font-size: 100%;}


div.wpcf7-response-output{margin: 0 auto 10px !important;width: 90%;padding: 7px !important;text-align: center;font-size: 90%;border: solid 1px !important;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{border-color: rgb(220,0,0) !important;background: rgba(220,0,0,.1);color: rgb(220,0,0);}

.grecaptcha-badge { visibility: hidden; }