@charset "utf-8";

@media print, screen and (min-width : 769px){
	.pic_size_side{
		opacity:0;
		transition: all 0.2s;
		opacity:1;
	}
	.pic_size_side.show{
	}
/*-- pic_wide & pic_wide_inner --*/
 .pic_wide{
	text-align:center;
	position:relative;
	margin-bottom:-20px;
}
 .pic_wide img{
	display:block;
	position:absolute;
	left:50%;
	margin-left:-580px;
}
	#section_cabin  .pic_wide,
	#section_cabin .pic_wide img{
		height:510px;
	}
	#section_cabin .pic_wide img{
	margin-left:-570px;
	}
.caption {
    font-size: 11px;
    line-height: 140%;
    margin: 10px 30px 0;
	position:relative;
	z-index:10;
}

/* _________________________________________
section_cabin
_________________________________________*/
#section_cabin .section_column01{
	width:auto;
	margin-top:20px;
}
#section_cabin .section_column01 .pic{
	text-align:center;
	margin:20px 0 0;
	
}
#section_cabin .section_column01 .pic .pic_size_back{
	height:508px;
	position:relative;
	width:400px;
	margin-left:-22px;
	float:left;
}
#section_cabin .section_column01 .pic .pic_size_back img{
	width:400px;
	position:absolute;
	top:0;
	left:0;
}
#section_cabin .section_column01 .pic img.pic_size{
	width:555px;
	padding-left:20px;
	padding-top:50px;
}
#section_cabin .section_column01 .desc_small{
	clear:both;
}
.section_column02{
	overflow:visible;
}
.section_column02 .pic{
	position:relative;
	left:-73px;
	width:400px;
}
.section_column02 .col_right{
	position:relative;
	left:-53px;
	top:120px;
}
/* _________________________________________*/
#section_cabin .section_column03 .pic{
	text-align:center;
	margin:20px 0 20px;
	
}
#section_cabin .section_column03 .pic img{
	width:770px;
}
#section_cabin .section_column03 .desc_small{
	margin-bottom:0;
}
#section_cabin .section_column03 .detail{
	margin:20px 0 0 !important;
	text-align:center;
}
/* _________________________________________*/

/* _________________________________________ fact*/
.fact{
	width:940px;
	margin:20px auto 0;
}
.fact .mid{
	background:url(../image/img_fact_bg_mid.png) repeat-y;
	padding:0 10px 20px 20px;
	
}
.fact .mid .h{
	padding:20px 5px 30px;
	font-size:18px;
	text-align:left;
}
.fact .mid .section_column .col_left{
	width:430px;
}
.fact .mid .section_column .col_right{
	width:415px;
}
.fact .mid .section_column h4{
	font-size:30px;
}
.fact .mid .section_column .col_right p{
	font-size:15px;
	line-height:1.8;
	margin-right:20px;
}
.fact .mid .section_column .col_left{
}

.fact .mid .section_column_fact01,
.fact .mid .section_column_fact02 {
	text-align:left;
	margin-bottom:0;
}
.fact .mid .section_column_fact02{
	margin-bottom:20px;
}
.fact .mid .section_column_fact02 .col_left .pic{
	padding:0 0px;
}
.fact .mid .section_column_fact02 .col_left {
	width:450px;
	margin-left:-10px;
}
.fact .mid .section_column_fact02 h4{
	width:430px;
}#contents_area .fact .hr {
    border: none;
        border-top-width: medium;
        border-top-style: none;
        border-top-color: currentcolor;
    border-top: 1px solid #ccc;
    margin: 20px auto 50px;
}
/* _________________________________________accordion*/
.accordion_fact.accordion_content{
	clear:both;
	text-align:center;
	margin:75px 0 0;
}
.accordion_fact .btn_accordion_detail.on{
	margin-bottom:0;
}
.accordion_fact .btn_accordion_detail:before{ content: '詳しくはこちら';}

.accordion_fact .accordion_inner{
    font-size: 12px;
    line-height: 1.5em;
	margin-top:0;
}
.fact .top img{
	display:block;
}

/* _________________________________________*/
#section_cabin .section_column04{
	margin-top:60px;
}
#section_cabin .section_column04 .img_slider{
	margin-top:40px;
	margin-bottom:20px;
}
#section_cabin .section_column04 .img_slider .slider_inner{
	margin-bottom:30px;
}
#section_cabin .section_column04 .img_slider h5{
	text-align:center;
}

#section_cabin .section_column04 .img_slider .desc_small{
	text-align:center;
	margin-bottom:20px;
}
/* ------------------------------------------------------------
*
    #section_storage
*
------------------------------------------------------------ */
#section_storage{
	margin-top:80px;
}
#section_storage .section_column{
	margin-bottom:40px;
}
#storage_slider {
	width: 980px;
	margin: 0 auto 0;
}
#storage_slider:after {
	content: '';
	clear: both;
	display: block;
}
#storage_slider h4 {
	overflow: hidden;
	margin: 0 0 0;
}
#storage_slider h4 span {
	display: block;
	margin-left: 150px;
	line-height: 49px;
	font-size: 20px;
}
#storage_slider h4 img {
	height: 45px;
	float: left;
	display: block;
	margin-left: 50px;
}
#storage_slider .f_wrap:after {
	content: "";
	clear: both;
	display: block;
}
#storage_slider .f_wrap {
	position: relative;
	height:550px;
}
/*-- カラム左右入れ替え --*/
#storage_slider .bench{
	margin-top:65px;
	margin-bottom:60px;
}
#storage_slider .super{
	margin-bottom:60px;
}
#storage_slider .super h4{
	position:absolute;
	left:525px;
	top:25px;
	z-index:10;
}
#storage_slider .bench h4,
#storage_slider .slope h4{
	position:absolute;
	left:-30px;
	top:25px;
	z-index:5;
}
#storage_slider .super .col_left{
	/*-- カットボディ画像の位置 --*/
	position:absolute;
	top: 0;
	left: -20px;
}
#storage_slider .bench .col_left,
#storage_slider .slope .col_left  {
	/*-- カットボディ画像の位置 --*/
	position:absolute;
	top: 0;
	left: 445px;
}
#storage_slider .col_left {
	width: 470px;
	position: relative;
	top: 0;
	right: 0;
	background: #fff;
	z-index: 2;
}
#storage_slider .col_left .img {
	position: relative;
	left: -50px;
}
#storage_slider .col_left .img img {
	width: 610px;
}
#storage_slider .col_left .caption_car {
	position: absolute;
	font-size: 13px;
	right: 220px;
	top: 420px;
}
#storage_slider .col_left .caption_car2 {
	position: absolute;
	font-size: 10px;
	right: -40px;
	top: 440px;
}
#storage_slider .caption {
	margin: 13px 0 5px 0;
	font-size: 16px;
	line-height: 1.375em;
	font-weight: bold;
}
#storage_slider .type {
	font-size: 12px;
}
#storage_slider .caution {
	font-size: 10px;
	display: block;
	line-height: 1.3em;
}
#storage_slider .exp {
	font-size: 17px;
	line-height: 1.6;
	width: 375px;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box; /* Webkit系用 */
	-moz-box-sizing: border-box;     /* Firefox用 */
	box-sizing: border-box;           /* 標準 */
}
#storage_slider .slick-dots {
	top: -1px;
}
#storage_slider .slider_wrap{
	width:980px !important;
	position:absolute;
	left:0;
	top:70px;
	z-index:5;
}
#storage_slider .img_slider {
	
	border:solid 0px #f00;
}
#storage_slider .super .slick-list{
	/*-- スライド画像の位置 --*/
	border:solid 0px #0f0;
	width:375px;
	margin-left:570px;
	height:470px;
}
#storage_slider  .pic{
	padding:0;
}
#storage_slider .circle {
	position: relative;
	z-index: 5;
	height: 400px;
	width: 400px;
	position: absolute;
	top: 0;
	left: 0;
}
#storage_slider .circle li,
#storage_slider .circle li span {
	width: 13px;
	height: 13px;
	border-radius:15px;
	display: block;
	display: none;
	background:#6DB7F6;
	position: absolute;
	top: 0;
	left: 0;
}
#storage_slider .super .circle li.c01,
#storage_slider .bench .circle li.c01,
#storage_slider .slope .circle li.c01 {
	display: block;
}
#storage_slider .super .circle li.c01 {
	left: 240px;
	top: 160px;
}
#storage_slider .super .circle li.c02 {
	left: 318px;
	top: 155px;
}
#storage_slider .super .circle li.c03 {
	left: 175px;
	top: 107px;
}
#storage_slider .super .circle li.c04 {
	left: 178px;
	top: 131px;
}
#storage_slider .super .circle li.c05 {
	left: 220px;
	top: 128px;
}
#storage_slider .super .circle li.c06 {
	left: 88px;
	top: 165px;
}
#storage_slider .super .circle li.c07 {
	left: 290px;
	top: 125px;
}

#storage_slider .circle li.c07 span{
	display:block !important;
	left: -185px;
	top: 80px;
}
#storage_slider .super .circle li.c08 {
	left: 156px;
	top: 118px;
}
#storage_slider .circle li.c08 span{
	display:block !important;
	left: 115px;
	top: -37px;
}
#storage_slider .super .circle li.c09 {
	left: 247px;
	top: 175px;
}
#storage_slider .super .circle li.c10 {
	left: 225px;
	top: 92px;
}
#storage_slider .super .circle li.c11 {
	left: 228px;
	top: 98px;
}
#storage_slider .super .circle li.c12 {
	left: 250px;
	top: 25px;
}
#storage_slider .super .circle li.c13 {
	left: 103px;
	top: 195px;
}
#storage_slider .super .circle li.c14 {
	left: 415px;
	top: 115px;
}
#storage_slider .super .circle li.c15 {
	left: 318px;
	top: 323px;
}
#storage_slider .super .circle li.c16 {
	left: 448px;
	top: 230px;
}
#storage_slider .super .circle li.c17 {
	left: 458px;
	top: 208px;
}
#storage_slider .super .circle li.c18 {
	left: 468px;
	top: 218px;
}
/* _________________________________________*/
#storage_slider .col_right .pic {
	padding-bottom: 0;
}
#storage_slider .pic img {
	width: 375px !important;
}
.chip .ico_type{
	top:2px;
}
.section_column .desc_small.right {
	margin-top:-10px !important;
}
/*--  --*/

 .pic_slope_anim{
	position:absolute;
	left:50%;
	top:0;
	height:510px;
	
}
 .pic_slope_anim img{
	height:664px;
	position:absolute;
	top:0;
	left:0;
}
}

	
	 /*-- pic_slope_anim --*/
	.pic_slope_anim img.slope_anim {
		opacity:0;
		transition: all 0.2s;
		z-index:1;
	}
	.pic_slope_anim img.show{
		opacity:1;
		z-index:2;
	}
	.pic_slope_anim img.slope_anim02{z-index:2;}
	.pic_slope_anim img.slope_anim03{z-index:3;}
	.pic_slope_anim img.slope_anim04{z-index:4;}
	.pic_slope_anim img.slope_anim05{z-index:5;}
	.pic_slope_anim img.slope_anim06{z-index:6;}
	.pic_slope_anim img.slope_anim07{z-index:7;}
	.pic_slope_anim img.slope_anim08{z-index:8;}
	.pic_slope_anim img.slope_anim09{z-index:9;}

	
	 /*-- pic_size_anim --*/
	.pic_size_back img.size_anim {
		opacity:0;
		transition: all 0.2s;
		z-index:1;
	}
	.pic_size_back img.show{
		opacity:1;
		z-index:2;
	}
	.pic_size_back img.size_anim02{z-index:2;}
	.pic_size_back img.size_anim03{z-index:3;}