/* 後読み */
#rotate360:after{content:'';display:block;padding-top:75%}
#qr_map,#qr_bukken{padding:10px 0;}
#qr_map canvas,#qr_bukken canvas{float:left}
#qr_map p,#qr_bukken p{float:right;margin:20px 0}
#qr_map:after,#qr_bukken:after{content:"";display:block;clear:both}
.modal2{position:fixed;background:rgba(0, 0, 0, 0.7);overflow-y:auto;padding:0 5%;width:100%;height:0;z-index:1001;padding-top:50px;-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;transition: 0.3s ease-out;}
.modal2 p{background:#FFF;color:#000;font-size:1rem;padding:5px}
.modal2 li+li{border-top:5px solid #555}
.modal_head{position:fixed;top:0;left:0;right:0;height:0;background:rgba(0, 0, 0, 0.7);z-index:1002}
.modal_head a{width:50px;height:50px;right:2%;position:absolute;}
.modal_head a:before{
    content: "";
    position: absolute;
    background: #FFF;
    top: 23px;
    right:0;
    left:0;
    margin:auto;
    height: 3px;
    width: 30px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}
.modal_head a:after{
    content: "";
    position: absolute;
    background: #FFF;
    top: 23px;
    right:0;
    left:0;
    margin:auto;
    height: 3px;
    width: 30px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.equipment{width:94%;margin:auto;border-top:1px solid #DDD}
.equipment small{display:block}
.equipment tr{border-bottom:1px solid #DDD}
.equipment th{width:30%;font-weight:normal;background:#EEE;padding:5px 10px}
.equipment td{padding:5px 10px}
.equipment td p{font-size:1.2rem}
.equipment strong span{display:block}
.eqlist{width:94%;margin:auto}
.eqlist:after{content:"";display:block;clear:both}
.eqlist li{width:calc(50% - 2px);float:left;border:1px solid #EEE;font-size:1.1rem;padding:5px 8px;border-radius:3px;margin-bottom:2px;margin-right:1px;margin-left:1px;color:#EEE}
.eqlist li.active{background:#EEF7FF;color:#05A;border:1px solid #05A}
.eqlist li.w100{width:99.5%}
.map{position:relative;/*margin-bottom:10px*/}
.map:before{content:'';display:block;padding-top:75%}
.map iframe{position:absolute;top:0;left:0}
.staff ul{width:80%;margin:auto}
.staff li+li{margin-top:10px}
.staff li{font-size:1.2rem;position:relative}
.staff ul p span{border-left:5px solid #05A;margin-right:1em;padding-left:5px}
.staff ul p:nth-child(2){position:absolute;bottom:0;background:rgba(255, 255, 255, 0.7);padding:5px;width:100%}
.scrolltop{position:relative;top:-50px;}
.scrolltop a{display:block;width:50px;height:50px;border-radius:50%;background:rgba(0, 0, 0, 0.5);position:absolute;right:5%;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-moz-transition:opacity 0.6s ease;
	-o-transition:opacity 0.6s ease;
	-webkit-transition:opacity 0.6s ease;
	transition:opacity 0.6s ease;
	opacity:0;
	cursor:pointer;
}
.scrolltop a:after{position:absolute;right:0;left:0;top:50%;margin:auto;margin-top:-10px;width:20px;content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTAvMjEvMTbgc0ePAAAAeElEQVQ4je2UwQ7AIAhDkfj/v8xuxrECdeM4bmJ5UUoYZiadoa00EZmkbv/GyITMC31P0h5VwKg4hGbAyi14HwFZ6x86BDydo5veAxHMu4pcXnWKkkVxCtX9QMJSaGRKBQt1CMjCoH6i5ItY9e3L4Qd+D3bB0lNwAYA3FChFQJQqAAAAAElFTkSuQmCC)}
.scrolltop a:hover{
	-moz-transform:translate3d(0, -2px, 0);
	-ms-transform:translate3d(0, -2px, 0);
	-webkit-transform:translate3d(0, -2px, 0);
	transform:translate3d(0, -2px, 0);
	box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
	-moz-transition:-moz-transform 0.2s ease-in, box-shadow 0.2s;
	-o-transition:-o-transform 0.2s ease-in, box-shadow 0.2s;
	-webkit-transition:-webkit-transform 0.2s ease-in, box-shadow 0.2s;
	transition:transform 0.2s ease-in, box-shadow 0.2s;}
.scrolltop a.fixed{position:fixed;bottom:65px;opacity:1;z-index:1}
.scrolltop a.stopfix{position:absolute;opacity:1}

/* 新車スペック */
.newcar{width:100%;border-top:1px solid #DDD;}
.newcar tr{border-bottom:1px solid #DDD;}
.newcar th{background:#EEE;font-weight:normal;padding:5px 10px;}
.newcar td{padding:5px 10px;}

/* レコメンド */
.viewbox .item{border:1px solid #EEE}
.viewbox .owl-carousel p{padding:0}

.viewbox .ribbon {
	width:36px;
	height:36px;
}
.viewbox .ribbon .new{
	width:60px;
	padding-top:14px;
	font-size:1.2rem;
}
.viewbox .ribbon .update{
	width:60px;
	padding-top:9px;
	font-size:1rem;
}
.red {
    color: #D00;
    font-size:1.6rem;
}
.viewbox{margin-top:15px}
.viewbox:after{content:"";display:block;clear:both}
.btn{margin:10px auto;display:block;padding:10px;border:1px solid #AAA;background:#EEE;border-radius:5px;text-align:center;font-weight:bold;width:90%}

/* レコサーチ */
.recosearh h2{border-left:none;border-bottom:none;padding-left:0}


@media screen and (min-width: 769px){
	.modal2 ul{width:640px;margin:auto}
	.modal2 li p{font-size:1.4rem}
	main:after{content:"";display:block;clear:both}
	.left{width:640px;float:left}
	.right{width:calc(100% - 640px);float:left;padding-left:10px}
	.eqlist li.w100{width: 49.68%;}
	.eqlist li{width: calc(25% - 2px);}
	.eqlist,.equipment{width:100%;}
	.button{display:none}
	.prbox{display:none}
	h2 span{font-size:1.2rem;font-weight:normal;margin-left:10px}
	footer{width:100%;border-top:2px solid #05A;padding-bottom:10px}
	footer .footer{width:960px;margin:10px auto}
	.footer:after{content:"";display:block;clear:both}
	footer>div>nav{width:160px;float:left;padding:0 5px}
	footer h2 {
	    font-size: 1.4rem;
	    color: #05a;
	    border-bottom: 1px solid #05a;
	    display: block;
	}
	footer ul{margin-top:10px}
	footer li{font-size:1.2rem}
	footer li a{padding:2px 0}
	footer li a:hover{text-decoration:underline;color:#05A}
	footer nav ul h3{font-size:1.2rem;font-weight:normal}
	footer nav ul ul{display:none}
	footer .copyright{width:960px;margin:auto;text-align:center;font-size:1.2rem}
	footer .copyright img{width:100px;vertical-align:middle;margin-right:10px}
	
	.pcheader{width:960px;margin:auto}
	#headerCar .detail{width:260px}
	.pcsubcontent li{display:inline-block;padding:0 13px;vertical-align:middle;}
	.pcsubcontent .btnGreen{font-size:2.4rem;font-weight:bold;}
	.pcsubcontent .btnGreen small{font-size:1.2rem;background:#080;display:table;color:#FFF;padding:3px 8px;border-radius:3px}
	.pcsubcontent .btnOrange small{font-size:1.2rem;display:block}
	.pcsubcontent .btn small{font-size:1.2rem;display:block}
	.pcsubcontent a.btnOrange{background:#D50;border-radius:5px;padding:10px 25px;line-height:1em;border:1px solid #A00;}
	.pcsubcontent a.btnYellow{background:#FE0;border-radius:5px;padding:3px 10px;margin-top:6px;}
	.pcsubcontent a{display:block;text-align:center;color:#FFF}
	.pcsubcontent .favbtn{background:#FEE;border:1px solid #FBB;padding:3px 10px;border-radius:5px;color:#555}
	.pcsubcontent .favbtn.delfavorite{background:#EEE;border:1px solid #DDD}
	.pcsubcontent{position: relative;}
	
	/* レコメンド */
	.viewbox{width:960px;margin:20px auto}
	.viewbox .item{min-height:235px}
	.viewbox .owl-carousel{width:100%}
	.viewbox h2{border:none;padding-left:0}
	
	.sliderbox .ribbon {
		width:60px;
		height:60px;
	}
	.sliderbox .ribbon .new{
		width:84px;
		padding-top:21px;
		font-size:2rem;
		-webkit-transform: rotate(-45deg) translate(-15px,-23px);
		-moz-transform: rotate(-45deg) translate(-15px,-23px);
		-ms-transform: rotate(-45deg) translate(-15px,-23px);
		-o-transform: rotate(-45deg) translate(-15px,-23px);
		-transform: rotate(-45deg) translate(-15px,-23px);
	}
	.sliderbox .ribbon .update{
		width:84px;
		padding-top:10px;
		font-size:1.6rem;
		-webkit-transform: rotate(-45deg) translate(-15px,-24px);
		-moz-transform: rotate(-45deg) translate(-15px,-24px);
		-ms-transform: rotate(-45deg) translate(-15px,-24px);
		-o-transform: rotate(-45deg) translate(-15px,-24px);
		-transform: rotate(-45deg) translate(-15px,-24px);
	}
	
	/* れこさーち */
	.recosearh{width:960px;margin:auto}
	.recosearh:after{content:"";display:block;clear:both}
	.recosearh div{width:50%;float:left;}
	.recosearh div:nth-child(1){padding-right:10px}
	.recosearh div:nth-child(2){padding-left:10px}
	.recosearh li{display:inline-block;margin-bottom:10px;padding-right:10px;margin-right:10px;border-right:1px solid #AAA}
	.recosearh li:last-child{border-right:none}
	.recosearh li a{font-size:1.2rem}
	.recosearh li a:hover{color:#05A;text-decoration:underline;}
	.recosearh section:after{content:"";display:block;clear:both}
	.recosearh section:last-of-type .slidemenu{width:100%}
	.right img{width:100%}
}


@media screen and (max-width: 768px){
main img{width:100%}
h2 span{display:none}

.equipment{margin-top:15px}

.banner{margin-bottom:50px;}

.arrow h3:after,
.arrow h4:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 5%;
    width: 5px;
    height: 5px;
    margin: -4px 0 0 0;
    border-top: solid 2px #05A;
    border-right: solid 2px #05A;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.footer h2.open:after,
.footer h3.open:after,
.arrow h3.open:after,
.arrow h4.open:after{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.arrow a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 5%;
    width: 5px;
    height: 5px;
    margin: -4px 0 0 0;
    border-top: solid 2px #05A;
    border-right: solid 2px #05A;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.prbox{margin-top:15px;border-bottom:1px solid #DDD;}
.prbox h2{border-top:3px solid #05A;border-bottom:1px solid #05A;text-align:center;color:#05A;padding:10px;background:#EEE;font-size:2rem;border-left:none}
.prbox h2 small{font-size:1.2rem;color:#000;display:block}
.prbox h3{padding:10px;border-top:1px solid #DDD;position:relative}
.prbox ul div{margin:10px;padding:10px;border:1px solid #AAA;background:#EEE;font-size:1.2rem;display:none;}
.prbox ul div p{margin-bottom:5px}
.prbox ul div p.big{font-size:1.4rem}
.prbox ul div p small{line-height:1.2em;display:block;}
.prbox ul div img{background:#FFF;margin:10px 0}
.prbox i{color:#F00;font-style:normal;}

.owl-carousel p{line-height:1.2em}

.staff ul{width:94%}
.staff ul p:nth-child(2){bottom:auto;position: relative;}
.staff li{width:32%;display: inline-block;vertical-align: top;}
.staff li+li{margin-left:1.5%;margin-top:0}
.staff ul:after{content:"";display:block;clear:both;}

/* 新車スペック */
.newcar{width:94%;margin:auto;}
.newcar th,
.newcar td{font-size:1.2rem;padding:5px}

/* レコサーチ */
.recosearh h2{margin:0;padding:10px;font-size:1.4rem;position:relative}
.recosearh h2:nth-of-type(2){border-top:1px solid #EEE}
.recosearh h2:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 5%;
    width: 5px;
    height: 5px;
    margin: -4px 0 0 0;
    border-top: solid 2px #05A;
    border-right: solid 2px #05A;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.recosearh div{width:94%;margin:auto;border:1px solid #EEE}
.recosearh div+div{border-top:none}
.recosearh ul{display:none}
.recosearh li{padding:10px 0 10px 10px;border-top:1px solid #EEE}
.recosearh h2.open:after{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.recosearh a{display:block;position:relative}

#headerCar .detail{width:calc(100% - 80px);}
#headerCar .pcsubcontent{display:none}
/* ここまで */
}
.button{margin-top:10px}
.button>ul:after{content:"";display:block;clear:both}
.button>p{width:97%;margin:auto;padding:10px 0;}
.button>p>a{font-size:1.8rem;font-weight:bold;padding:10px 0}


#headerCar{padding:10px;background:#FFF;border-bottom:1px solid #AAA;transition: all 0.5s ease;opacity:0;z-index:1;}
#headerCar .detail{font-size:1rem;line-height:1.1em;padding-left:10px}
#headerCar .detail p{margin-bottom:10px;color:#05A;font-weight:bold;padding-right:20px;display:block;height:22px;}
#headerCar .detail dl{width:30%;float:left;border-left:2px solid #999;padding-left:5px}
#headerCar .detail dl:first-of-type{border-left:2px solid #D00;width:40%}
#headerCar .detail dd{font-size:1.2rem;line-height:1.4em}
#headerCar .detail>span{position:absolute;width:30px;height:30px;top:0;right:0;display:block;}
#headerCar .detail>span:before{
    content: "";
    position: absolute;
    background: #555;
    top: 50%;
    right:50%;
    height: 2px;
    width: 12px;
    margin-right:-6px;
    margin-top:-1px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}
#headerCar .detail>span:after{
    content: "";
    position: absolute;
    background: #555;
    top: 50%;
    right:50%;
    height: 2px;
    width: 12px;
    margin-right:-6px;
    margin-top:-1px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
#headerCar .pcheader div{float:left}
#headerCar .pic{width:80px}
.top{position:fixed;top:0;width:100%;}


.owl-nav{position:absolute;height:0;top:0;width:100%}
.owl-nav .owl-prev{top:50%}
.owl-nav .owl-next{position:absolute;right:0;top:50%}
.owl-nav .owl-prev.disabled,
.owl-nav .owl-next.disabled{display:none}
.owl-carousel p{display:block;padding:10px;font-size:1.2rem}





.recomend_h .bx-pager{display:none}
.recomend_h li{border:1px solid #DDD}
.recomend_h .bx-controls{margin-top:10px}
.recomend_h .bx-controls a{width:50%;border:1px solid #EEE;border-radius:5px;text-align:center;color:#AAA;}

@media screen and (min-width: 769px){
.recomend_h .pic{width:80px}
.recomend_h li h3{font-size:1.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.recomend_h li div{float:left;width:calc(100% - 80px)}
.recomend_h li div:nth-child(2){padding-left:5px}
.recomend_h li p{width:50%;float:left;font-size:1.2rem}

.recomend_h li h3{font-size:1.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}
.recomend_h li p{font-size:1.2rem}
.recomend_h .slider_reco{width:100%;overflow: hidden;}

.recomend_h li a{vertical-align:middle;overflow:hidden;width:100%;}

}
@media screen and (max-width: 768px){
.global_menu{display:none}
.recomend_h li h3{font-size:1.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}
.recomend_h li p{font-size:1.2rem}
.recomend_h li a{display:block}
.recomend_h ul{height:192px!important}
}

.owlhide{display:none}.owlgoto1{position:absolute;left:0;z-index:1;top:449px;background-color: rgba(255,255,255,.8);padding:5px;cursor:pointer;}


@media screen and (min-width: 769px){
	.spsubcontent{display:none}
}
@media screen and (max-width: 768px){
.spsubcontent .favbtn {
    background: #fee;
    border: 1px solid #fbb;
    padding: 5px 10px;
    border-radius: 5px;
    color: #555;
    width:100%;
}
.spsubcontent .favbtn.delfavorite {
    background: #EEE;
    border: 1px solid #DDD;
}
.spsubcontent{display:block;clear:both;width:100%;margin-top:10px;text-align:center}
}