@charset "utf-8";

#head_area{
	position:absolute;
	top:0;
}
div.caption{
	font-size:12px;
	}
/* SLIDER STYLE */
.controls .prev, .controls .next{
	position:absolute;
	top:50%;
	outline:0;
	width:30px;
	height:30px;
	margin-top:-15px;
	text-indent:-9999px;
	cursor:pointer;
	z-index:50;
	background:url(../../common/img/brand/arrows.png) no-repeat;
}
/*.controls .prev{
	left:0;
	background:url(../../../syouhin/common/img/brand/arrow_l.png) no-repeat 0 0;
}
.controls .prev:hover{
	background-position:0 0;
	background:url(../../../syouhin/common/img/brand/arrow_lov.png) no-repeat 0 0;
}
.controls .next{
	right:0;
	background:url(../../../syouhin/common/img/brand/arrow_r.png) no-repeat 0 0;
}
.controls .next:hover{
	background-position:0 0;
	background:url(../../../syouhin/common/img/brand/arrow_rov.png) no-repeat 0 0;
}*/

.controls .prev{
	left:0;
	background-position: 0 0;
}
.controls .prev:hover{
	left:0;
	background-position: -30px 0;
}
.controls .next{
	right:0;
	background-position: 0 -30px;
}
.controls .next:hover{
	right:0;
	background-position: -30px -30px;
}


.controls .disabled{
	display:none;
}

.pager{
	width:100%;
	text-align:center;
}
.pager span{
	background:#fff;
	display:inline-block;
	width:8px;
	height:8px;
	margin:0 2px;
	outline:0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	text-indent:-9999px;
	cursor:pointer;
}
.pager span:hover, .pager span.current{background:#0096ff;}
/* /SLIDER STYLE */


/*-------------------------
	Local Navigation
-------------------------*/
.local_navi{
	position:fixed;
	bottom:0;
	width:100%;
	height:35px;
	background:url(../../common/image/bg_w70.png) repeat 0 0 transparent;
	z-index:500;
}
.local_navi ul{
	width:960px;
	margin:0 auto;
}
.local_navi ul li{
	float:left;
}
.local_navi ul li a{
	display:block;
	width:100px;
	height:35px;
	background-image:url(../../../syouhin/common/img/brand/navi_local.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:transparent;
	text-indent:-9999px;
}

.local_navi ul li a#lnav01{ background-position:    0px   0px; }
.local_navi ul li a#lnav02{ background-position: -100px   0px; }
.local_navi ul li a#lnav03{ background-position: -200px   0px; }
.local_navi ul li a#lnav04{ background-position: -300px   0px; }
.local_navi ul li a#lnav05{ background-position: -400px   0px; }
.local_navi ul li a#lnav06{ background-position: -500px   0px; }
.local_navi ul li a#lnav07{ background-position: -600px   0px; width:137px; }
.local_navi ul li a#lnav08{ background-position: -737px   0px; width:124px; }
.local_navi ul li a#lnav09{ background-position: -861px   0px; width: 99px; }

.local_navi ul li a:hover#lnav01{ background-position:    0px -35px; }
.local_navi ul li a:hover#lnav02{ background-position: -100px -35px; }
.local_navi ul li a:hover#lnav03{ background-position: -200px -35px; }
.local_navi ul li a:hover#lnav04{ background-position: -300px -35px; }
.local_navi ul li a:hover#lnav05{ background-position: -400px -35px; }
.local_navi ul li a:hover#lnav06{ background-position: -500px -35px; }
.local_navi ul li a:hover#lnav07{ background-position: -600px -35px; }
.local_navi ul li a:hover#lnav08{ background-position: -737px -35px; }
.local_navi ul li a:hover#lnav09{ background-position: -861px -35px; }


.local_navi ul li .clip_on {
	background-position:-861px -70px!important;
}

/*body.cat-syouhin .local_navi #lnav09.clip_on{
	background-position:-861px -35px !important;
}*/

/*-------------------------
	Main contents COMMON
-------------------------*/
#wrap{
	min-width:1000px;
	background-color:#FFF;
}
#mainarea{
	position:relative;
	padding-bottom:35px;
	background-color:#fff;
	color:#6e6e6e;
	font-size:14px;
	line-height:1.86;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#breadcrumb{
	position:absolute;
	top:110px;
	left:50%;
	margin-left:-480px;
	font-size:11px;
	color:#fff;
	z-index:10;
}

#breadcrumb a{
	color:#fff;
}

.section{
	position:relative;
	width:100%;
	height:750px;
	background-color:#fff;
	overflow:hidden;
}
.section .inner{
	position:relative;
	width:960px;
	margin:0 auto;
	overflow:hidden;
	text-align:left;
}
#gallery, #option, #recommend{
	background-color:#fff;
}

/*-------------------------
	MODEL TOP
-------------------------*/
#modeltop{
	position:relative;
	height:750px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	color:#fff;
	z-index:1;
}
#modeltop .inner{
	width:900px;
	height:505px;
	margin:0 auto;
	padding:175px 0 70px;
	text-align:left;
}
#modeltop .section_head{
	position:relative;
	width:100%;
	height:485px;
}
#modeltop .section_head h2.brand_logo{
	position:absolute;
	right:0;
	bottom:0;
}
	#modeltop .section_head h2.brand_logo img{
		opacity:1;
	}

#modeltop .section_head h1.brand_logo{
	position:absolute;
	right:0;
	bottom:0;
}
	#modeltop .section_head h1.brand_logo img{
		opacity:1;
	}

#modeltop .section_head h3{
	margin-bottom:25px;
	font-size:26px;
	line-height:1.46;
	font-weight:bold;
	text-shadow:1px 1px 1px hsla(0,0%,0%,1),1px 1px 1px hsla(0,0%,0%,1);
	font-family:"FOT-UD角ゴ_スモール Pr6 DB";
}
#modeltop .section_head p{
	width:350px;
	font-size:14px;
	line-height:1.86;
	text-shadow:1px 1px 1px hsla(0,0%,0%,1),1px 1px 1px hsla(0,0%,0%,1);
	font-family:"FOT-UD角ゴ_スモール Pr6 R";
}
#modeltop .modeltop_utility{
	position:absolute;
	left:0;
	bottom:0;
}
#modeltop .modeltop_utility ul{
	margin-top:6px;
	overflow:hidden;
}
#modeltop .modeltop_utility ul li{
	float:left;
	width:108px;
}
#modeltop .modeltop_utility ul li:first-child{
	margin-right:4px;
}
#modeltop .modeltop_utility a{
	display:block;
	padding:10px 0;
	background-color:#222;
	border:1px solid #797979;
	color:#fff;
	font-size:12px;
	text-align:center;
	text-decoration:none;
}

#modeltop .modeltop_utility a:hover{
	border:1px solid #fff;
	background-color:#666;
}

#modeltop .modeltop_utility a span{
	display:inline-block;
	line-height:18px;
}
#modeltop .modeltop_utility a span.icon_cl{
	padding-left:14px;
	background:url(../../../syouhin/common/img/brand/modeltop_clip_pc.png) no-repeat left center;
}
#modeltop .modeltop_utility a span.icon_ct{
	padding-left:22px;
	background:url(../../../syouhin/common/img/brand/modeltop_catalog_pc.png) no-repeat left center;
}
#modeltop .modeltop_img{
	display:none;
}


/*-------------------------
	MOVIE
-------------------------*/
#movie div.youtube_size{
    position:relative;
    padding-bottom: 56.25%;
    padding-top:0px;
    height:0;
    overflow:hidden;
	}
#movie div.youtube_size iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
	}

#movie{
	background:#1b2a3c;
	}

#movie .inner{
	width:960px;
	padding-top:60px;
}
#movie .section_head{
	position:absolute;
	padding-top:60px;
}
#movie h2{
	margin-bottom:30px;
	margin-left:30px;
}
#movie p.read{
	color:#6e6e6e;
	font-size:18px;
	line-height:1.67;
}



/*-------------------------
	CONCEPT
-------------------------*/
#concept{
	color:#fff;
	text-align:left;
	background:#f0f0f0;
}

#concept h2{
	margin-bottom:30px;
}

#concept h2 .concept_sp{
	display:none;
}

/* #concept_detail */
#concept_detail .viewport{
	width:100%;
	height:750px;
	overflow:hidden;
}
#concept_detail .item p img{
	display:inline;
}
#concept_detail .flipsnap{
	width:9000%;
}
#concept_detail .item{
	position:relative;
	float:left;
	width:960px;
	height:750px;
	background-size:cover;
	background-color:#f1ede4;
}
#concept_detail .controls{
	position:relative;
	width:960px;
	margin:0 auto;
}
#concept_detail .prev{top:-375px;}
#concept_detail .next{top:-375px;}

/* #concept_detail > INNER */
#concept_detail .block h3{
	margin-bottom:10px;
	font-size:18px;
	line-height:1.5;
	font-weight:bold;
}

#concept0 .block{
	width:360px;
	margin:0 auto;
	padding:125px 600px 0px 0px;
	font-size:14px;
	line-height:1.86;
	/*text-shadow:1px 1px 1px hsla(0,0%,0%,1),1px 1px 1px hsla(0,0%,0%,1);*/
}

#concept0 .block h3, #concept0 .block p{
	text-shadow:none;
	color:#6e6e6e;
}

#concept1 .conept_head,#concept2 .conept_head,#concept3 .conept_head,#concept4 .conept_head{
	position:absolute;
	left:51%;
	top:11.25%;
	margin-left:-480px;
	z-index:5;
}
#concept0 .conept_bgimg{
	position:absolute;
	left:50%;
	top:17%;
	margin-left:-43px;
	z-index:3;
	}
#concept1 .conept_bgimg,#concept2 .conept_bgimg,#concept3 .conept_bgimg,#concept4 .conept_bgimg{
	position:absolute;
	left:50%;
	top:10%;
	margin-left:-478px;
	z-index:4;
}

#concept1 .block, #concept2 .block, #concept3 .block, #concept4 .block{
	position:absolute;
	left:50%;
	top:0;
	vertical-align:middle;
	width:220px;
	height:750px;
	margin:0 0 0 170px;
	padding:0 45px;
	background:url(../../../syouhin/common/img/brand/concept_txtbg.png) repeat 0 0;
	text-align:left;
}
#concept1 .block .txt_block, #concept2 .block .txt_block, #concept3 .block .txt_block, #concept4 .block .txt_block {
	height:750px;
	display:table-cell;
	vertical-align:middle;
	font-size:14px;
	line-height:1.86;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* #concept_nav */
#concept_nav{
	position:absolute;
	left:50%;
	bottom:70px;
	width:550px;
	margin-left:-480px;
	z-index:55;
}
#concept_nav .viewport{
	width:640px;
	overflow:hidden;
}
#concept_nav .flipsnap{
	width:1200%;
}
#concept_nav .item{
	position:relative;
	float:left;
	width:120px;
	margin-right:5px;
	font-size:11px;
	line-height:1.2;
	text-align:left;
	cursor:pointer;
	/*text-shadow:1px 1px 0px hsla(0,100%,100%,1);*/
	text-shadow:none;
}
	#concept_nav .item a{
		color:#6e6e6e;
		text-decoration:none;
	}
	.c0{
		color:#535353;
	}	
	.c1{
		color:#3b3d56;
	}
	.c2{
		color:#afb002;
	}
	.c3{
		color:#7d262b;
	}
	
#concept_nav .item span{
	display:block;
	width:116px;
	margin:0 0 5px 0;
	padding:2px;
}
#concept_nav .item img{
	display:block;
	width:100%;
	height:auto;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select: none;
	user-select:none;
}
#concept_nav .item.current span{
	background-color:#fff;
}
#concept_nav .controls{
	display:none;
}
#concept_nav .flipsnap .item a:hover span,
#concept_nav .flipsnap .item .active span{
	background-color:#fff;
}


/*-------------------------
	GALLERY
-------------------------*/
#gallery{}
#gallery .inner{
	width:900px;
	padding-top:170px;
}
#gallery .section_head{
	position:absolute;
	padding-top:60px;
}
#gallery h2{
	margin-bottom:45px;
}
#gallery p.read{
	color:#6e6e6e;
	font-size:18px;
	line-height:1.67;
}
#gallery_thumbnail{
	width:900px;
	margin:0 auto;
	overflow:hidden;
}
#gallery_thumbnail li{
	float:left;
	margin:0 19px 19px 0;
}
#gallery_thumbnail li.ga_t01{ margin-left:367px; }
#gallery_thumbnail li.ga_t03{ margin-right:0px; }
#gallery_thumbnail li.ga_t04{ margin-left:367px; }
#gallery_thumbnail li.ga_t06{ margin-right:0px; }
#gallery_thumbnail li.ga_t08{ margin-right:18px; }
#gallery_thumbnail li.ga_t11{ margin-right:0px; }

#gallery_image{
	position:absolute;
	top:0;
	left:50%;
	width:960px;
	height:750px;
	margin:0 0 0 -480px;
	display:none;
}
#gallery_image .viewport{
	width:960px;
	height:750px;
	overflow:hidden;
}
#gallery_image .flipsnap{
	width:10560px;
}
#gallery_image .flipsnap .item{
	float:left;
	width:960px;
}
#gallery_image .prev{left:inherit;right:5px;top:inherit;top:85px;}
#gallery_image .next{left:inherit;right:5px;top:inherit;top:135px;}
#gallery_image #gallery_close{
	position:absolute;
	right:5px;
	top:20px;
	display:block;
	width:30px;
	height:30px;
	background:url(../../../syouhin/common/img/brand/btn_close.png) no-repeat 0 0 transparent;
	text-indent:-9999px;
	z-index:10;
}
#gallery_carrentnum{
	position:absolute;
	right:5px;
	top:170px;
	width:30px;
	text-align:center;
	color:#fff;
	font-size:18px;
	line-height:1.5;
	z-index:10;
}
#gallery_carrentnum span.num{
	display:block;
	width:30px;
	border-bottom:1px solid #fff;
}
#gallery_carrentnum span.separator{
	display:none;
}

#gallery_image a:hover{
	opacity: 0.6;
	filter: Alpha(opacity=60);
	zoom:1;
}

#gallery ul li a:hover{
	opacity: 0.6;
	filter: Alpha(opacity=60);
	zoom:1;
}

/*-------------------------
	PLAN
-------------------------*/
#plan{ background:#f1ede4; }
#plan .inner{
	height:750px;
}
#plan .section_head{
	position:relative;
	width:420px;
	margin-bottom:20px;
	padding:105px 30px 0 30px;
}
#plan .section_head h2{
	margin-bottom:25px;
}
#plan .section_head p.read{
	margin-bottom:30px;
	color:#6e6e6e;
	font-size:18px;
	line-height:1.67;
}

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

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

#plan #plan_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;
}

#plan #plan_variation_btn:hover{
	background-color:#666666;
	border:1px solid #fff;
}

#plan_variation_close:hover{
	opacity: 0.6;
	filter: Alpha(opacity=60);
	zoom:1;
}


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

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

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

/*-------------------------
	OPTION
-------------------------*/
#option{}
#option .section_head{
	position:relative;
	float:left;
	width:420px;
	margin:0 30px 0 30px;
	padding:235px 0 0 0;
}
#option .section_head h2{
	margin-bottom:25px;
}
#option .section_head p.read{
	margin-bottom:20px;
	color:#6e6e6e;
	font-size:18px;
	line-height:1.67;
}
#option .option_image{
	position:relative;
	float:left;
	width:480px;
	padding:140px 0 0 0;
}
#option .option_image .viewport{
	width:480px;
	overflow:hidden;
}
#option .option_image .flipsnap{
	width:2000%;
}
#option .option_image .flipsnap li{
	float:left;
	width:480px;
	margin-right:20px;
}
#option .option_image .controls .prev, #option .option_image .controls .next{
		top:320px;
}
#option .option_image .pager{
	padding-top:20px;
}


/*-------------------------
	OUTLINE
-------------------------*/
#outline{
	color:#000;
}
#outline .inner{
	height:750px;
}
#outline .section_head{
	position:relative;
	width:450px;
	margin:60px 0 30px 30px;
}
#outline .section_head h2{
	margin-bottom:25px;
}
#outline .section_head h3{
	font-size:20px;
	margin-bottom:10px;
}
#outline .outline_speclist{
	width:370px;
	margin:0 0 35px 30px;
	overflow:hidden;
}
#outline .outline_speclist dt{
	width:115px;
	padding:7px 0;
	float:left;
}
#outline .outline_speclist dd{
	padding:7px 0 7px 115px;
	border-bottom:1px dotted #2e2e2e;
}
#outline ul.outline_linkbtn{
	width:360px;
	margin:0 0 0 30px;
}
#outline ul.outline_linkbtn li{
	margin-bottom:5px;
}
#outline ul.outline_linkbtn li a{
	display:block;
	width:358px;
	height:48px;
	border:1px solid #d3d3d3;
	color:#8c8c8c;
	font-size:15px;
	text-align:center;
}

#outline ul.outline_linkbtn li a:hover{
	background-color:#eee;
	border:1px solid #999;
}

#outline ul.outline_linkbtn li a span{
	display:inline-block;
	padding:11px 0;
	line-height:24px;
}
#outline ul.outline_linkbtn li a span.icon_eh{
	background:url(../../../syouhin/common/img/brand/outline_icon_eh.png) no-repeat left center;
	padding-left:30px;
}
#outline ul.outline_linkbtn li a span.icon_ct{
	background:url(../../../syouhin/common/img/brand/outline_icon_ct.png) no-repeat left center;
	padding-left:30px;
}
#outline ul.outline_linkbtn li a span.icon_cl{
	background:url(../../../syouhin/common/img/brand/outline_icon_cl.png) no-repeat left center;
	padding-left:20px;
}

#outline .outline_image{
	position:absolute;
	left:480px;
	top:0;
	height:750px;
}



@media(max-width:480px){
	*{ box-sizing:border-box; }
	img{ width:100%; height:auto; vertical-align:top; }
		#fontplus-trial-banner{ width:auto; height:auto; }
	#wrap{
		position:relative;
		width:320px;
		min-width:100%;
		max-width:100%;
		overflow:hidden;
	}
	#head_area{
		position:absolute;
		top:0;
	}
	/* SLIDER STYLE */
	.controls .prev, .controls .next{
		position:absolute;
		top:50%;
		outline:0;
		width:15px;
		height:15px;
		margin-top:-7px;
		text-indent:-9999px;
		cursor:pointer;
		z-index:50;
	}
/*	.controls .prev{
		left:0;
		background:url(../../../syouhin/common/img/brand/arrow_l.png) no-repeat 0 0;
		background-size:15px 15px;
	}
	.controls .prev:hover{
		left:0;
		background:url(../../../syouhin/common/img/brand/arrow_lov.png) no-repeat 0 0;
		background-size:15px 15px;
	}
	.controls .next{
		right:0;
		background:url(../../../syouhin/common/img/brand/arrow_r.png) no-repeat 0 0;
		background-size:15px 15px;
	}
	.controls .next:hover{
		right:0;
		background:url(../../../syouhin/common/img/brand/arrow_rov.png) no-repeat 0 0;
		background-size:15px 15px;
	}*/

	.controls .prev{
		left:0;
		background:url(../../common/img/brand/arrow_l.png) no-repeat 0 0;
		background-size:15px 15px;
	}
	.controls .prev:hover{
		left:0;
		background:url(../../common/img/brand/arrow_l.png) no-repeat 0 0;
		background-size:15px 15px;
	}
	.controls .next{
		right:0;
		background:url(../../common/img/brand/arrow_r.png) no-repeat 0 0;
		background-size:15px 15px;
	}
	.controls .next:hover{
		right:0;
		background:url(../../common/img/brand/arrow_r.png) no-repeat 0 0;
		background-size:15px 15px;
	}


	.controls .disabled{
		display:none;
	}

	.pager{
		width:100%;
		text-align:center;
	}
	.pager span{
		background:#fff;
		display:inline-block;
		width:8px;
		height:8px;
		margin:0 2px;
		outline:0;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
		text-indent:-9999px;
		cursor:pointer;
	}
	.pager span:hover, .pager span.current{background:#0096ff;}
	/* /SLIDER STYLE */

	/*-------------------------
		Local Navigation
	-------------------------*/
	.local_navi{
		display:none;
	}

	/*-------------------------
		Main contents COMMON
	-------------------------*/
	#wrap{
		min-width:100%;
	}
	#mainarea{
		position:relative;
		padding-bottom:0;
		color:#6e6e6e;
		font-size:12px;
		line-height:1.67;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	#breadcrumb{
		left:0;
		top:45px;
		padding:0 6px;
		color:#fff;
		line-height:1.4;
		text-align:left;
		margin-left:0;
	}
	.section{
		height:auto;
	}
	.section .inner{
		width:100%;
		overflow:inherit;
	}
	#gallery, #option, #recommend{
		background-color:#e9e9e9;
	}

	/*-------------------------
		MODEL TOP
	-------------------------*/
	#modeltop{
		height:inherit;
		padding:0;
		background:none;
	}
	#modeltop .inner{
		width:100%;
		height:auto;
		padding:0;
	}
	#modeltop .section_head{
		width:100%;
		height:auto;
		padding:15px 15px 10px;
		background-color:#222222;
		color:#fff;
		line-height:1.56;
		text-shadow: 1px 1px 1px hsla(0,0%,0%,0.70);
	}
	#modeltop .section_head h2.brand_logo{
		position:relative;
		right:inherit;
		bottom:inherit;
		margin-bottom:15px;
	}
			#modeltop .section_head h2.brand_logo img{
				opacity:1;
			}

	#modeltop .section_head h1.brand_logo{
		position:relative;
		right:inherit;
		bottom:inherit;
		margin-bottom:15px;
	}
			#modeltop .section_head h1.brand_logo img{
				opacity:1;
			}

	#modeltop .section_head h3{
		margin-bottom:5px;
		font-size:14px;
		font-weight:bold;
	}
	#modeltop .section_head p{
		width:auto;
		font-size:11px;
	}
	#modeltop .modeltop_utility{
		position:relative;
		left:inherit;
		bottom:inherit;
		padding:15px 0;
		overflow:hidden;
	}
	#modeltop .modeltop_utility div{
		width:40%;
		float:left;
		margin-right:2%;
	}
	#modeltop .modeltop_utility ul{
		width:58%;
		float:left;
		margin:0;
	}
	#modeltop .modeltop_utility ul li{
		float:inherit;
		width:100%;
		margin:0 0 5px;
	}
	#modeltop .modeltop_utility a{
		display:block;
		padding:12px 0;
		border:1px solid #fff;
		text-align:center;
		color:#fff;
		text-decoration:none;
	}
	
	#modeltop .modeltop_utility a span{
		display:inline-block;
		line-height:15px;
	}
	#modeltop .modeltop_utility a span.icon_cl{
		padding-left:12px;
		background:url(../../../syouhin/common/img/brand/modeltop_clip_sp.png) no-repeat left center;
		background-size:auto 15px;
	}
	#modeltop .modeltop_utility a span.icon_ct{
		padding-left:18px;
		background:url(../../../syouhin/common/img/brand/modeltop_catalog_sp.png) no-repeat left center;
		background-size:auto 15px;
	}
	#modeltop .modeltop_utility img{
		width:100%;
		height:auto;
	}
	#modeltop .modeltop_img{
		display:block;
		width:100%;
		height:auto;
	}
	#modeltop .modeltop_img img{
		width:100%;
		height:auto;
	}



	/*-------------------------
		movie
	-------------------------*/
	#movie{
		background-color:#1b2a3c;
	}
	#movie .inner{
		width:100%;
		padding:25px 0;
	}
	#movie .section_head{
		position:relative;
		margin:0 15px 15px;
		padding:0;
		background-color:#fff;
	}
	#movie h2{
		margin-bottom:10px;
		margin-left:10px;
	}
	#movie h2 img{
		width:60%;

	}
	#movie p.read{
		color:#6e6e6e;
		font-size:12px;
		line-height:1.67;
	}



	/*-------------------------
		CONCEPT
	-------------------------*/
	#concept{}
	#concept h2{
		margin-bottom:15px;
	}
	#concept h2 img{
		width:auto;
		height:26px;
	}
	#concept_detail .viewport{
		z-index:10;
		height:360px;
	}
	
	#concept h2 .concept_sp{
		display:block;
	}
	#concept h2 .concept_pc{
		display:none;
	}
	
	/* #concept_detail */
	#concept_detail .item{
		position:relative;
		width:100%;
		height:360px;
		background-size:cover;
		background-color:transparent;
	}
	#concept_detail .controls{
		display:none;
	}

	#concept_detail .item p img{
		display:inline;
	}
	#concept_detail .block{
		display:table-cell;
		width:100%;
		height:360px;
		margin:0 auto;
		padding:0 30px;
		background:url(../../../syouhin/common/img/brand/bg_bk50.png) repeat 0 0;
		font-size:12px;
		line-height:1.57;
		text-shadow: 1px 1px 1px hsla(0,0%,0%,0.70);
		vertical-align:middle;
		text-align:left;
	}

	/* #concept_detail > INNER */
	#concept .block h3{
		margin-bottom:5px;
		font-size:15px;
		font-weight:bold;
	}

	#concept0 .block{
		display:table-cell;
		width:100%;
		height:360px;
		margin:0 auto;
		padding:0 15px;
		background:url(../../../syouhin/common/img/brand/bg_bk50.png) repeat 0 0;
		font-size:12px;
		line-height:1.57;
		text-shadow: 1px 1px 1px hsla(0,0%,0%,0.70);
		vertical-align:middle;
	}
#concept0{ background:url(../img/concept_spbg00.jpg !important) no-repeat center center; }
#concept1{ background:url(../img/concept_spbg01.jpg !important) no-repeat center center; }
#concept2{ background:url(../img/concept_spbg02.jpg !important) no-repeat center center; }
#concept3{ background:url(../img/concept_spbg03.jpg !important) no-repeat center center; }
#concept4{ background:url(../img/concept_spbg04.jpg !important) no-repeat center center; }
	
	#concept0 .block h3, #concept0 .block p{
		color:#fff;
	}
	
	#concept1 .conept_head,#concept2 .conept_head,#concept3 .conept_head,#concept4 .conept_head{
		position:inherit;
		left:5%;
		top:5%;
		margin-left:0;
		z-index:10;
		width:48px;
	}

	#concept0 .conept_bgimg,#concept1 .conept_bgimg,#concept2 .conept_bgimg,#concept3 .conept_bgimg,#concept4 .conept_bgimg{
		display:none;
	}

	
	#concept1 .block, #concept2 .block, #concept3 .block,#concept4 .block{
		position:inherit;
		left:inherit;
		top:inherit;
		width:auto;
		height:360px;
		margin:0;
		padding:10px 15px;
	}
	#concept0 .block .txt_block, #concept1 .block .txt_block, #concept2 .block .txt_block, #concept3 .block .txt_block,#concept4 .block .txt_block{
		display:table-cell;
		width:100%;
		height:340px;
		vertical-align:middle;
	}
		#concept0 .block .txt_block p, #concept1 .block .txt_block p, #concept2 .block .txt_block p , #concept3 .block .txt_block p,#concept4 .block .txt_block p{
		text-align:left;
		font-size:12px;
		line-height:1.57;
	}

	/* #concept_nav */
	#concept_nav{
		position:relative;
		left:inherit;
		bottom:inherit;
		display:inline-block;
		width:100%;
		height:auto;
		margin:0 auto;
		padding:15px 30px;
		background-color:#444444;
		overflow:hidden;
		text-align:center;
	}
	#concept_nav .viewport{
		width:100%;
		margin:0 auto;
	}
	#concept_nav .flipsnap{
		width:1000%;
	}
	#concept_nav .item{
		width:80px;
		font-size:10px;
	}

	#concept_nav .item a{
		color:#fff;
		text-shadow:none;
	}

	#concept_nav .item span{
		display:block;
		width:100%;
		margin:0 0 5px 0;
		padding:2px;
	}
	#concept_nav .item img{
		width:100%;
		height:auto;
	}
	#concept_nav .controls{
		display:block;
	}
	#concept_nav .prev{
		left:10px;
		right:inherit;
	}
	#concept_nav .next{
		left:inherit;
		right:10px;
	}
	#concept_nav .flipsnap .item a:hover span{
		background-color:inherit;
	}
	#concept_nav .flipsnap .item .active span{
		background-color:#fff !important;
	}
	.c0{
		color:#767676;
	}

	/*-------------------------
		GALLERY
	-------------------------*/
	#gallery{
		background-color:#fff;
	}
	#gallery .inner{
		width:100%;
		padding:25px 0 0;
	}
	#gallery .section_head{
		position:relative;
		margin:0 15px 15px;
		padding:0;
		background-color:#fff;
	}
	#gallery h2{
		margin-bottom:10px;
	}
	#gallery h2 img{
		width:auto;
		height:26px;
	}
	#gallery p.read{
		color:#6e6e6e;
		font-size:12px;
		line-height:1.67;
	}
	#gallery_thumbnail{
		display:none;
	}
	#gallery_image{
		display:block;
		position:relative;
		top:inherit;
		left:inherit;
		width:100%;
		height:auto;
		margin:0;
	}
	#gallery_image .viewport{
		width:100%;
		height:auto;
	}
	#gallery_image .flipsnap{
		width:1100%;
	}
	#gallery_image .flipsnap li{
		width:320px;
	}
	#gallery_image img {
		width:100%;
		height:auto;
	}
	#gallery_image .prev{left:10px;right:inherit;top:50%; }
	#gallery_image .next{left:inherit;right:10px;top:50%; }

	#gallery_image #gallery_close{
		display:none;
	}
	#gallery_carrentnum{
		position:absolute;
		right:10px;
		top:15px;
		width:15px;
		text-align:center;
		color:#fff;
		font-size:9px;
		line-height:1.5;
		z-index:10;
	}
	#gallery_carrentnum span.num{
		display:block;
		width:15px;
		border-bottom:1px solid #fff;
	}
	#gallery_carrentnum span.separator{
		display:none;
	}

	#gallery_image a:hover{
		opacity: 1;
		filter: Alpha(opacity=100);
		zoom:1;	
	}
	
	#gallery ul li a:hover{
		opacity: 1;
		filter: Alpha(opacity=100);
		zoom:1;
	}

	/*-------------------------
		PLAN
	-------------------------*/
	#plan{
		font-size:9px;
	}
	#plan .inner{
		height:auto;
		padding:25px 0 15px;
	}
	#plan .section_head{
		width:auto;
		margin-bottom:15px;
		padding:0 15px;
	}
		#plan .section_head h2{
			margin-bottom:10px;
		}
		#plan .section_head h2 img{
			width:auto;
			height:26px;
		}
		#plan .section_head p.read{
			margin-bottom:0;
			color:#6e6e6e;
			font-size:12px;
			line-height:1.67;
		}
	#plan #plan_drawing{
		position:relative;
		left:inherit;
		top:inherit;
		width:auto;
		height:auto;
		margin:0 0 15px;
		padding:0;
		overflow:hidden;
	}
	#plan #plan_drawing .viewport{
		width:100%;
		overflow:hidden;
	}
	#plan #plan_drawing .flipsnap{
		width:2000%;
	}
	#plan #plan_drawing .item{
		float:left;
		width:320px;
		padding:0 30px;
	}
	#plan #plan_drawing .item img{
		width:100%;
		height:auto;
	}

	#plan #plan_drawing .pager{
		display:none;
	}
	#plan #plan_drawing .controls .prev{
			top:50%;
			left:10px;
	}
	#plan #plan_drawing .controls .next{
			top:50%;
			right:10px;
	}

	#plan .baseplan_spec{
		width:100%;
		margin-bottom:20px;
		padding:0 15px;
		font-size:10px;
		line-height:1.4;
	}

	#plan #plan_variation_btn{
		display:block;
		width:260px;
		height:35px;
		margin:0 auto;
		padding:0 30px;
		font-size:12px;
		line-height:35px;
	}
	
	#plan_variation_close:hover{
		opacity: 1;
		filter: Alpha(opacity=100);
		zoom:1;
	}

	#plan_variation_wrap{
		display:none;
		position:absolute;
		top:0;
		width:100%;
		height:100%;
		background-color:#575757;
		z-index:100;
		color:#fff;
		font-size:10px;
		line-height:1.4;
	}
	#plan_variation_wrap .inner{
		width:100%;
		height:100%;
		padding:25px 0 0;
		color:#fff;
		text-align:left;
	}
	#plan_variation_wrap #plan_variation_close{
		position:absolute;
		right:15px;
		top:10px;
		display:block;
		width:15px;
		height:15px;
		background:url(../../../syouhin/common/img/brand/btn_close.png) no-repeat 0 0 transparent;
		background-size:cover;
		text-indent:-9999px;
		z-index:10;
	}
	#plan_variation{}
	#plan_variation .viewport{
		width:100%;
	}
	#plan_variation .flipsnap{
		width:1000%;
	}
	#plan_variation .item{
		position:relative;
		float:left;
		width:320px;
		height:auto;
		padding:0 35px;
		margin-right:30px;
	}
	#plan_variation .read{
		width:100%;
		margin-bottom:15px;
	}
	#plan_variation .read .plan_variation_img{
		display:none;
	}
	#plan_variation .read h3{
		width:auto;
		margin-bottom:10px;
		font-size:11px;
		line-height:1.5;
		font-weight:normal;
	}
	#plan_variation .plan_variation_drawing{
		width:200px;
		margin:0 auto 15px;
		overflow:hidden;
		text-align:center;
	}
	#plan_variation .plan_variation_drawing img{
		width:auto;
		height:170px;
	}
	#plan_variation .plan_variation_drawing ul{
		width:1000%;
		height:170px;
	}
	#plan_variation .plan_variation_drawing ul li{
		float:left;
		width:200px;
		padding:0;
		text-align:center;
	}
	#plan_variation .plan_variation_drawing .pvd_slider_nav{
		margin:10px 0 0;
		display:inline-block;
		border-left:1px solid #fff;
	}
	#plan_variation .plan_variation_drawing .pvd_slider_nav a{
		display:inline-block;
		padding:0 10px;
		border-right:1px solid #fff;
		color:#fff;
		text-decoration:underline;
	}	#plan_variation dl.spec{
		width:auto;
		margin-bottom:40px;
	}
	#plan_variation dl.spec dt{
		margin-bottom:5px;
		font-size:11px;
		font-weight:bold;
	}
	#plan_variation dl.spec dd{
		font-size:10px;
	}

	#plan_variation .pager{
		width:100%;
		top:inherit;
		right:inherit;
		bottom:10px;
		text-align:center;
	}
	#plan_variation .controls .prev{
			top:50%;
			left:10px;
	}
	#plan_variation .controls .next{
			top:50%;
			right:10px;
	}

	/*-------------------------
		OPTION
	-------------------------*/
	#option{}
	#option .inner{
		padding:25px 0 15px;
	}
	#option .section_head{
		float:inherit;
		width:auto;
		margin:0 15px 15px 15px;
		padding:0;
	}
		#option .section_head h2{
			margin-bottom:10px;
		}
		#option .section_head h2 img{
			width:auto;
			height:26px;
		}
		#option .section_head p.read{
			margin-bottom:10px;
			font-size:15px;

			font-weight:bold;
		}

	#option .option_image{
		position:relative;
		float:inherit;
		width:100%;
		padding:0;
		color:#000;
	}
	#option .option_image h4, #option .option_image p{
		padding:0 20px;
	}
	#option .option_image h4{
		margin:15px 0 5px;
		font-size:15px;
		font-weight:bold;
	}

	#option .option_image .viewport{
		width:100%;
		overflow:hidden;
	}
	#option .option_image .flipsnap{
		width:2000%;
	}
	#option .option_image .flipsnap li{
		float:left;
		width:320px;
		margin-right:30px;
	}
	#option .option_image .flipsnap li img{
		width:100%;
		height:auto;
	}
	#option .option_image .controls .prev{ top:35%; left:10px; }
	#option .option_image .controls .next{ top:35%; right:10px; }
	#option .option_image .pager{
		display:none;
	}

	/*-------------------------
		OUTLINE
	-------------------------*/
	#outline{}
	#outline .inner{
		height:auto;
		padding:25px 15px 15px;
	}
	#outline .section_head{
		position:relative;
		width:100%;
		margin:0 0 15px;
		padding:0;
		z-index:10;
	}
		#outline .section_head h2{
			margin-bottom:20px;
		}
		#outline .section_head h2 img{
			width:auto;
			height:26px;
		}
		#outline .section_head h3{
			margin-bottom:10px;
			font-size:15px;
			line-height:1.4;
			font-weight:bold;
		}
	#outline .outline_speclist{
		width:100%;
		margin:0px 0 15px;
		overflow:hidden;
	}
		#outline .outline_speclist dt{
			width:50px;
			padding:7px 0;
			float:left;
		}
		#outline .outline_speclist dd{
			padding:7px 0 7px 50px;
			border-bottom:1px dotted #2e2e2e;
		}
	#outline ul.outline_linkbtn{
		width:260px;
		margin:0 auto;
	}
		#outline ul.outline_linkbtn li{
			margin-bottom:5px;
		}
		#outline ul.outline_linkbtn li a{
			width:100%;
			height:auto;
		}
	#outline ul.outline_linkbtn li a span{
		display:inline-block;
		padding:0;
		font-size:12px;
		line-height:35px;
	}
	#outline ul.outline_linkbtn li a span.icon_eh{
		background:url(../../../syouhin/common/img/brand/outline_icon_eh.png) no-repeat left center;
		background-size:auto 15px;
		padding-left:20px;
	}
	#outline ul.outline_linkbtn li a span.icon_ct{
		background:url(../../../syouhin/common/img/brand/outline_icon_ct.png) no-repeat left center;
		background-size:auto 15px;
		padding-left:20px;
	}
	#outline ul.outline_linkbtn li a span.icon_cl{
		background:url(../../../syouhin/common/img/brand/outline_icon_cl.png) no-repeat left center;
		background-size:auto 15px;
		padding-left:15px;
	}
	#outline .outline_image{
		left:inherit;
		right:15px;
		top:15px;
		width:60px;
	}
}