@charset "utf-8";

#modeltop{ background-image:url(../img/modeltop_img.jpg); position: relative;}
.modeltop-img {
	background-image:url(../img/modeltop2_img.jpg);
	position: absolute;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	opacity: 0;
	animation: mv 10s infinite;
}

@keyframes mv {
	0% {
		opacity: 0;
	}
	25% {
		opacity: 1;
	}
	50% {
		opacity: 1;
	}
	75% {
		opacity: 0;
	}
}

#modeltop h2.brand_logo img{ height:48px; width:auto; }
#modeltop .inner { position: relative; z-index: 1; }
#gallery_thumbnail li.ga_t07 {
    margin-left: 367px;
}

sup {
	font-size: 50%; //お好きなサイズに
	vertical-align: super;
	line-height: 1;
}

#gallery_thumbnail li {
	position: relative;
}
.flipsnap .item {
	position: relative;
}
.item-cap {
	position: absolute;
	bottom: 0;
	right: 0;
	line-height: 1;
	padding: 5px;
	color: #fff;
	font-size: 14px;
	background-color: rgba(0, 0, 0, 0.8);
	pointer-events: none;
}
.ttl-cap {
	color: #604c3f;
	font-size: 32px;
	margin-bottom: 20px;
}
/*-------------------------
PLAN
-------------------------*/
#plan2{
	background:#d6c5b3;
}

#plan2 .section_head{
	padding:55px 30px 0 30px;
}

#plan2 .section_head p.read{
	color: #604c3f;
}

#plan2 .baseplan_spec{
	color: #604c3f;
}

#plan2{}
#plan2 .inner{
	height:750px;
}
#plan2 .section_head{
	position:relative;
	width:420px;
	margin-bottom:20px;
}
#plan2 .section_head h2{
	margin-bottom:25px;
}
#plan2 .section_head p.read{
	margin-bottom:30px;
	color:#6e6e6e;
	font-size:18px;
	line-height:1.67;
}

#plan2 #plan2_drawing{
	position:absolute;
	left:480px;
	top:135px;
	width:420px;
	height:615px;
	padding:0 30px 0 30px;
	overflow:hidden;
}
#plan2 #plan2_drawing .viewport{
	width:420px;
	overflow:hidden;
}
#plan2 #plan2_drawing .flipsnap{
	width:2000%;
}
#plan2 #plan2_drawing .item{
	float:left;
	width:420px;
}
#plan2 #plan2_drawing .pager{
	padding-top:20px;
}
#plan2 #plan2_drawing .pager span{
	background:#eee;
}
#plan2 #plan2_drawing .pager span:hover, #plan2 #plan2_drawing .pager span.current{
	background:#0096ff;
}
#plan2 #plan2_drawing .controls .prev, #plan2 #plan2_drawing .controls .next{
		top:240px;
}

#plan2 .baseplan2_spec{
	width:420px;
	margin-bottom:25px;
	padding:0 30px;
	color:#6e6e6e;
	font-size:11px;
	line-height:1.67;
}

#plan2 #plan2_variation_btn{
	display:inline-block;
	width:293px;
	height:48px;
	margin:0 0 0 30px;
	background-color:#444444;
	border:1px solid #797979;
	color:#b4b4b4;
	font-size:15px;
	line-height:48px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}

#plan2_variation_wrap{
	display:none;
	position:absolute;
	top:0;
	width:100%;
	height:750px;
	background-color:#575757;
	z-index:100;
	color:#fff;
	font-size:14px;
}
#plan2_variation_wrap #plan2_variation_close{
	position:absolute;
	right:0px;
	top:20px;
	display:block;
	width:30px;
	height:30px;
	background:url(../../img/brand/btn_close.png) no-repeat 0 0 transparent;
	text-indent:-9999px;
	z-index:10;
}
#plan2_variation_wrap .inner{
	width:840px;
	height:700px;
	padding:50px 60px 0;
	color:#fff;
	text-align:left;
}

#plan2_variation{
	width:840px
}
#plan2_variation .viewport{
	width:840px;
	overflow:hidden;
}
#plan2_variation .flipsnap{
	width:2000%;
}
#plan2_variation .item{
	position:relative;
	float:left;
	width:840px;
	height:660px;
	margin-right:50px;
}
#plan2_variation .pager{
	position:absolute;
	width:280px;
	top:270px;
	right:60px;
	text-align:left;
}

#plan2_variation .read{
	margin-bottom:45px;
	overflow:hidden;
}
#plan2_variation .read .plan_variation_img{
	float:right;
	margin-left:20px;
}
#plan2_variation .read h3{
	width:490px;
	margin-bottom:10px;
	color:#fff;
	font-size:18px;
	font-weight:normal;
}
#plan2_variation .plan_variation_drawing{
	margin-bottom:20px;
}
#plan2_variation .plan_variation_drawing ul{
	overflow:hidden;
}
#plan2_variation .plan_variation_drawing ul li{
	float:left;
}
#plan2_variation .plan_variation_drawing .pvd_slider_nav{
	display:none;
}
#plan2_variation dl.spec{
	/* width:490px; */
	margin-bottom:40px;
}
#plan2_variation dl.spec dt{
	margin-bottom:5px;
	font-size:14px;
}
#plan2_variation dl.spec dd{
	font-size:12px;
	line-height:1.6;
}



/*
#concept0{ background:url(../img/concept_bg00.jpg) no-repeat center center; }
#concept1{ background:url(../img/concept_bg01.jpg) no-repeat center center; }
#concept2{ background:url(../img/concept_bg02.jpg) no-repeat center center; }
#concept3{ background:url(../img/concept_bg03.jpg) no-repeat center center; }
*/
.s1{
	position:absolute;
	left:00px;
	top:30px;
	}
.s2{
	position:absolute;
	right:20px;
	bottom:40px;
	}
.s3{
	position:absolute;
	right:0;
	bottom:-40px;
	}
.sp{ display:none;}
.pc{ display:block;}
.gaikan{
	height:auto;
	}
#concept{
	background:#fff !important;
}
#concept_nav .flipsnap .item{
 max-width: 120px;
}
#concept_nav .flipsnap .item figure{
 width:100%;
 margin:0;
}
#concept_nav .flipsnap .item figure figcaption{
 margin-top: .425em;
}