@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------
レスポンシブ用
1000px以下タブレットなど
576px以下スマホなど
------------------------------------------------------------*/

/*-----レスポンシブ------*/

/* ウィンドウ幅が2800px以上の場合に適用 */
@media screen and ( min-width:2800px )
{

}

/* ウィンドウ幅が1521px以上の場合に適用 */
@media screen and ( min-width:1521px )
{

}

/* ウィンドウ幅が-1520pxの場合に適用 */
@media screen and ( max-width:1520px )
{

#tokuten .in_contents_in{
	padding-top: 3.5vw;
}

#lineup .linup-box{
	border: 0.55vw #0078ff solid;
}

}

/* ウィンドウ幅が0-576pxの場合に適用 */
@media screen and ( max-width:576px )
{
	
.pc { display: none !important; }
.sp { display: inline !important; }

	.in_contents_in{
		width: 95%;
	}

#top_img h1{
    margin: 0 auto 7%;
}

/* nav1 -576px */

.nav1 ul{
 	flex-wrap: wrap;
    margin: 0 auto 4%;
}

.nav1 li{
	width: 48%;
	margin-bottom: 4%;
}

/* nav2　-576px */

.nav2 ul{
	margin: 7.5% auto 16%;
	width: 90%;
  	display:block;
}

.nav2 li{
	width: 100%;
	margin-bottom: 6.5%;
}

/* 特典 -576px */

#raitentokuten{
	background: url("../img/bk-raitenpre-sp.jpg");
	background-size: 100% 100%;
}

#raitentokuten .in_contents_in{
	padding-top: 7.2vw;
}

#raitentokuten h2{
	padding: 0% 1% 2% 1%;    
 }   
    
    
#tokuten{
	background: url("../img/bk-pre-sp.jpg");
	background-size: 100% 100%;
}

#tokuten .in_contents_in{
	padding-top: 7.2vw;
}

#tokuten h2{
	padding: 2% 0% 2%;
}

#tokuten .bnr{
	margin: 4.4% auto 6.5%;
}

/* lineup -576px */

#lineup h2{
	padding: 5% 0 3%;
}

#lineup h3{
	width: 60.66%;
}

/*LINE UP box*/
#lineup .linup-box{
	border: 0.7vw #0078ff solid;
}

#lineup h4{
	width: 77.21%;
	margin: 7.5% auto 0 4%;
}

#lineup .color h4{
	margin-bottom: 6%;
}

#lineup .plan .car-img{
	margin-top: 1%;
}

#lineup .plan .plan-h{
	width: 95%;
  	display:block;
}

#lineup .plan .plan-h li{
	width: 100%;
}

#lineup .plan .plan-h li:first-child{
	margin-bottom: 5%;
}

/*インテリアslider*/

#lineup .interior h4{
	margin-top: 11%;
}

.interior .interior_slider{
	width: 80%;
	margin: 8% auto 12%;
}

.interior .pre_btn{
	left: -8.8%;
	top: 39%;
	z-index: 10;
	width: 6%;
}

.interior .next_btn{
	right: -8.8%;
	top: 39%;
	width: 6%;
}

.interior .slick-dotted.slick-slider {
	margin-bottom: -1vw;
}

.interior .slick-dots{
	bottom: -9vw;
}

.interior .slick-dots li button::before {
    font-size: 3vw;
}

#lineup .plan .note{
	width: 73.71%;
	margin: 1.5% auto 5% 3%;
}

/*rocky*/
#lineup #rocky .exterior .img{
	margin-top: 4%;
}

/*taft*/
#lineup #taft .exterior .img{
	margin-top: 2.5%;
}
#lineup #taft .plan .car-img{
	margin-top: 1.4%;
}

/*atrai*/
#lineup #atrai .exterior .img{
	margin-top: 2%;
}

.lineup-note{
	width: 90%;
	margin: -7% auto 12%;
}


/* お問い合わせ -576px */

#btn-toiawase{
	width: 95%;
	bottom: 0.4vw;
	left: 0;
	right: 0;
	margin: 0 auto;
}

/* footerボタン -576px */

.hp-btn{
	width: 94%;
	margin: 12% auto 14%;
}

.hp-btn li{
	margin: 0 auto 7%;
}

}