@charset "utf-8";

/*----------------------------------+
 	 SEED
 +----------------------------------*/

/*清除浮动类*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}
.clearfix {
    display: inline-block;
}
/*----------------------------------+
 	 SEED 
 +----------------------------------*/
.products_kv p{
    height: 700px;
    background:#ffffff url(../images/kv01.jpg) no-repeat center top;
    text-indent: -9999px;
}
.products_kv img{
    width: 100%;
}
.point_Area{
    display: block;
    height: 2176px;
    background:#f0f0f0 url(../images/5point_bg.jpg) no-repeat center bottom;
}
.point_Area .bg_box{
    background:url(../images/outline_bg.jpg) repeat-x 0 top;
	padding-top:130px;
}
.add_img{
	margin-left:-16px;
}
.add_sp_img{
	display:none;
}
.point_Area ul{
    width: 475px;
    margin: 0 auto;
    padding: 384px 0 0 100px;
}
.point_Area li p.ttl{
    font-size: 30px;
    color: #385f80;
    margin: 10px 0 15px 125px;
    line-height: 1;
}
.point_Area li p.ttl span{
    font-size: 30px;
}
.point_Area li p.text01,
.point_Area li p.text02,
.point_Area li p.text03,
.point_Area li p.text04,
.point_Area li p.text05{
    font-size: 18px;
    color: #646464;
    margin:0 28px 12px 72px;
    line-height: 22px;
}
.point_Area li p.text01{
    padding-bottom: 26px;
}
.point_Area li p.text02{
    padding-bottom: 48px;
}
.point_Area li p.text03{
    padding-bottom: 52px;
}
.point_Area li p.text04{
    padding-bottom: 60px;
}
.point_Area li p.text05{
    padding-bottom: 50px;
}

.productArea{
    height: 2988px;
    background:#f0f0f0 url(../images/product_bg.jpg) no-repeat center top;
}
.productArea .bg_box{
    background:url(../images/product_bg02.png) no-repeat center top;
}
.productArea .ttl{
    width: 508px;
    padding: 215px 0 15px 0;
    margin: 0 auto;
}
.productArea ul{
    width: 1120px;
}
.productArea li{
    list-style: none;
    margin: 0;
    padding: 0;
}
.movieArea{
    display: block;
    height: 906px;
    background:#f0f0f0 url(../images/special_movie_bg.jpg) no-repeat center top;
}
.movieArea .bg_box{
    display: block;
    height: 906px;
    background:url(../images/outline_bg.jpg) repeat-x left top;
}
.movieArea .ttl{
    padding-top: 112px;
    padding-bottom: 57px;
    text-align: center;
}
.movieArea .colorboxInline .icon{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -26px;
    display: block;
    width: 56px;
    height: 56px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    /*background-color: #ffffff;*/
    background-color: rgba(255,255,255,0.3);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.movieArea .colorboxInline:hover .icon{
    background-color: rgba(57,95,126,1);
}
.movieArea .colorboxInline .icon i{
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    margin: -18px 0 0 -10px;
    border-top: 18px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 25px solid #ffffff;
}
.movieArea .video_box{
    text-align: center;
}
#area02 .video_box a{
    position: relative;
    display: inline-block;
}

.outline_info{
    display: block;
    background:#ffffff url(../images/outline_bg.jpg) repeat-x left top;
    padding-top: 38px;
    margin: 0;
}
.outline_info .bg_box{
    background:url(../images/outline_bg02.png) no-repeat center bottom;
    padding-bottom: 195px;
}
.outline_info .bg_box .wrapper{
   /* background: url(../images/outline_info_bg.jpg) no-repeat 50px 55%;*/
}
.outline_info table {
    width: 986px;
    margin:90px auto 0 auto;
    color: #385f80;
    padding:0;
}
.outline_info table, th, td {
    border: 1px solid #385f80;
    line-height: 1.5;
    font-size: 16px;
}

.outline_info table.type06 th {
    width: 210px;
    padding: 10px 10px 10px 20px;
    vertical-align: middle;
    background-color: #ebeff2;
    text-align: left;

}
.outline_info table.type06 td {
    width: 230px;
    padding: 10px 10px 10px 20px;
    vertical-align: top;
    background-color: #ffffff;
}
.outline_info table td.type07  {
    text-align: center;
}
.outline_info table td.type07 img {
    width: 588px;
}
.outline_info .tip_txt{
    width: 988px;
    margin: 50px auto 0;
    font-size: 16px;
}
.kv_m,.m_add01,.m_c01,.m_c02,.m_c03{display:none;}
@media only screen and (min-width: 1800px){
    .productArea .bg_box{
        background:url(../images/product_bg02.png) no-repeat center top;
        background-size: 100% auto;
    }

    .outline_info .bg_box{
        background:url(../images/outline_bg02.png) no-repeat center bottom;
        background-size: 100% auto;
    }
}
@media only screen and (max-width: 768px){
    .products_kv{
        height: auto;
    }
    .point_Area{
        background-size: 100% auto;
    }
    .point_Area {
        height: auto;
        background: #f0f0f0 url(../images/sp/5point_bg.jpg) no-repeat center top;
        background-size: 100% 100%;
    }
    .point_Area .bg_box{
        padding: 16.5% 0 10%;
       /* background: url(../images/sp/outline_bg.jpg) repeat-x 0 top;
        background-size: auto 15px;*/
		background:none;
    }
    .bg_box h2{
        margin-bottom: 3%;
    }
    .bg_box h2 img{
        width: 54%;
    }
    .bg_box li{
        margin-bottom: 3%;
    }
    .bg_box li img{
        width: 58.3%;
        margin: 0 auto;
    }
    .point_Area ul{
        width: 100%;
        padding: 0;
    }
    .point_Area li p.ttl,
    .point_Area li p.text01,
    .point_Area li p.text02,
    .point_Area li p.text03,
    .point_Area li p.text04,
    .point_Area li p.text05{
        display: none;
    }

    .productArea .bg_box{
        padding-top: 16%;
        background-size: 100% auto;
    }
    .productArea .wrapper{
        width: 100%;
    }
    .point_Area .bg_box{
        text-align: center;
    }
    .productArea{
        height: auto;
       /* background: #f0f0f0 url(../images/sp/product_bg.jpg) no-repeat center bottom;*/
	   background:none;
	   background:#f0f0f0;
        background-size: 100% auto;
    }
    .productArea .ttl{
        padding: 0;
        width: 60%;
    }
    .productArea .ttl img{
        padding: 0;
        width: 100%;
    }
    .productArea ul{
        width: 100%;
    }
    .productArea .bg_box li img{
        width: 100%;
    }
    .outline_info .bg_box{
        padding-bottom: 60px;
        background-size: 100%;
    }
    .outline_info{
        background: url(../images/sp/outline_bg.jpg) repeat-x 0 top;
        background-size: auto 15px;
    }
    .outline_info table{
        width: 100%;
        margin: 0 auto;
    }
    .outline_info table, th, td{
        font-size: 12px;
    }
    .outline_info table.type06 th{
        width: 30%;
        text-align: center;
    }
    .outline_info table.type06 td{
        width: 70%;
        padding : 10px 8px;
    }

    .outline_info table td.type07 img {
        width: 100%;
    }
    .outline_info .tip_txt{
        width: auto;
        font-size: 12px;
        margin: 20px auto 0;
    }
	.add_img{
		display:none;
	}
	.add_sp_img{
	display:block;
	}
	.add_sp_img img{
		width:100%;
		height:auto;
	}
}


@media only screen and (min-width:769px) and (max-width:1200px){
	#coffret .wrapper{width:96%;}
	.products_kv p{background:none; width:100%; height:auto;}
	.kv_m{display:block;}
	.products_kv p.kv_m{text-indent:inherit;}
	.kv_m img{width:100%; height:auto;}
	.products_kv p.pc{height:0;}
	img.pc{width:100%; height:auto;}
	.add_img{margin-left:0;}
	.add_img img{width:100%; height:auto;}
	.productArea li img{width:100%; height:auto;}
	.productArea ul{width:100%;}
	.productArea{height:auto;}
	.outline_info table{width:100%; margin:30px auto 0;}
	
	.outline_info table.type06 th{width:25%;}
	.outline_info table.type06 td{width:25%;}
	.outline_info table td.type07 img{width:100%; height:auto;}
	.outline_info .tip_txt{width:100%; margin:30px auto 0;}
	
	.point_Area,.productArea{background:none;background:#f0f0f0; height:auto;}
	.m_no{display:none;}
	.m_add01{display:block;}
	.m_add01 img{width:100%; height:auto;}
	.ttl,.m_no1{display:none;}
	.m_c01,.m_c02,.m_c03{display:block;}
	.m_c01 img,.m_c02 img,.m_c03 img{width:100%;}
}