@charset "UTF-8";

.sec .inner,
.sec2 .inner,
.sec3 .inner,
.sec4 .inner,
.sec5 .inner,
.sec6 .inner,
.sec7 .inner,
.sec8 .inner{
	padding: 0 6.25vw;
	line-height: 1;
}
.sec img,
.sec2 img,
.sec3 img,
.sec4 img,
.sec5 img,
.sec6 img,
.sec7 img,
.sec8 img{
	width: 100%;
}

/* sec */
.sec{
	padding-bottom: 9.375vw;
	background: #000;
	border-bottom: 3.75vw solid #c8102e;
}
.sec .sec_img{
	margin: 0 -6.25vw;
}
.sec .sec_box{
	position: relative;
	background: rgba(0,0,0,0.6);
	padding: 0 6.25vw;
	margin: -7.8125vw -6.25vw 0;
}
.sec .sec_lead{
	padding: 12.5vw 0 9.375vw;
}
.sec .sec_limited{
	padding-bottom: 2.343vw;
}
.sec .sec_name{
	color: #fff;
}
.cmn_font_line{
	position: relative;
	display: inline-block;
	white-space: nowrap;
	font-family: 'readerbold', 'HiraKakuProN-W6','Hiragino Kaku Gothic W6 JIS2004', 'Meiryo';
	/*font-family: 'readerbold','HiraKakuProN-W6','Hiragino Kaku Gothic ProN','メイリオ','Meiryo',sans-serif;*/
	line-height: 1;
	font-feature-settings: "palt" 1;
	font-size:4.6875vw;
	font-weight:bold;
	/*letter-spacing:-1.2px;*/
	padding-bottom: 4px;
}
.cmn_font_line:after{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	content: '';
	display: block;
	border-bottom: solid 2px #c8102e;
}
.cmn_font_line.mt{
	margin-top: 5px;
}
.sec .sec_name .cmn_font_line{
	font-size: 5vw;
}

.sec2{
	padding: 15.625vw 0;
	background: #fff;
}
.sec2 .sec2_ttl{
	padding-bottom: 9.375vw;
}
.sec2 .sec2_lead{
	padding-bottom: 9.375vw;
}
.sec2_movie{
	margin-bottom: 6.25vw;
}
.sec2_movie .movie{
	position: relative;
	cursor:pointer;
}
.sec2_movie .movie figure {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	transition: all .5s ease;
}
.sec2_movie .movie .img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom:0;
	z-index: 2;
	overflow: hidden;
}
.sec2_movie .movie .player {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	z-index: 10;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition: all 1s ease;
}
.sec2_movie .movie .player:hover,
.sec2_movie .movie .player.is-play {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.sec2_movie .movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.sec2 .sec2_note li{
	color: #666666;
	font-size: 2.8125vw;
	line-height: 1.5;
	text-indent: -0.5em;
	padding-left: 0.5em;
}

.sec3{
	background-color: #f5f5f5;
	padding: 15.625vw 0;
}
.sec3 .sec3_txt{
	margin-top: 9.375vw;
}
.sec3 .sec3_box{
	margin-top: 9.375vw;
	background-color: #fff;
	padding: 7.8125vw 0 3.125vw;
}
.sec3 .sec3_appendix_catch{
	margin-top: 4.6875vw;
}
.sec3 .sec3_appendix_txt{
	margin-top: 4.6875vw;
}
.sec3 .sec3_appendix_q{
	margin-top: 9.21875vw;
}
.sec3 .sec3_appendix_img{
	margin-top: 6.09375vw;
}
.sec3 .sec3_note{
	text-align: right;
	color: #666666;
	font-size: 2.8125vw;
	margin-top: 6.25vw;
	padding-right: 0.78125vw;
}

.sec4{
	padding: 15.625vw 0;
	background: #fff;
}
.sec4 .sec4_ttl{
	padding-bottom: 9.375vw;
}
.sec4 .sec4_ttl:last-of-type{
	padding-top: 15.625vw;
	border-top: 1px solid #ccc;
}
.sec4 .sec4_lead{
	padding-bottom: 6.25vw;
}
.sec4 .sec4_note{
	color: #666666;
	font-size: 2.8125vw;
	padding-bottom: 12.5vw;
}
.sec4 .sec4_item1{
	padding-bottom: 23.4375vw;
}
.sec4 .sec4_item2{
	padding-bottom: 15.625vw;
}
.sec4 .sec4_item_type{
	padding-bottom: 4.6875vw;
}
.sec4 .sec4_item_lead{
	padding-bottom: 7.8125vw;
}
.sec4 .sec4_item_img{
	padding-bottom: 9.375vw;
	margin: 0 -6.25vw;
}
.sec4 .sec4_item_name{
	padding-bottom: 3.125vw;
}
.sec4 .sec4_item_detail{
	padding-bottom: 3.125vw;
}
.sec4 .sec4_item_txt_price{
	padding-bottom: 4.6875vw;
}
.sec4 .sec4_item_txt_onlineshop{
	padding-bottom: 3.125vw;
}
.sec4 .sec4_item_btns li{
	margin-top: 4.6875vw;
}
.sec4 .sec4_item_btns li:first-child{
	margin-top: 0;
}
.sec4 .sec4_item_modal{
	margin-top: 4.6875vw;
}

.sec6{
	padding: 15.625vw 0;
}
.sec6_lead{
	margin-top: 7.8125vw;
}
.sec6_list{
	margin-top: 7.8125vw;
}
.sec6_list ul{
	font-size: 0;
	line-height: 0;
}
.sec6_list ul li{
	width: 42.1875vw;
	display: inline-block;
	margin: 5vw 2.96875vw 0 0;
}
.sec6_list ul li:nth-child(-n+2){
	margin-top: 0;
}
.sec6_list ul li:nth-child(even){
	margin-right: 0;
}

.sec7{
	padding: 15.625vw 0;
	background: #fff;
	border-top: 1px solid #ccc;
}
.sec7 .sec7_ttl{
	padding-bottom: 9.375vw;
}
.sec7 .sec7_lead{
	padding-bottom: 9.375vw;
}
.sec7 .sec7_img{
	padding-bottom: 9.375vw;
}
.sec7_movie .movie{
	position: relative;
	cursor:pointer;
}
.sec7_movie .movie figure {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	transition: all .5s ease;
}
.sec7_movie .movie .img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom:0;
	z-index: 2;
	overflow: hidden;
}
.sec7_movie .movie .player {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	z-index: 10;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition: all 1s ease;
}
.sec7_movie .movie .player:hover,
.sec7_movie .movie .player.is-play {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.sec7_movie .movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.sec8{
	padding: 15.625vw 0;
	background: #fff;
	border-top: 1px solid #ccc;
}
.sec8 .sec8_ttl{
	padding-bottom: 9.375vw;
}
.sec8 .sec8_txt{
	padding-bottom: 7.8125vw;
}
.sec8 .sec8_img{
	padding-bottom: 10.9375vw;
}
.sec8 .sec8_fig{
	padding-bottom: 10vw;
	text-align: center;
}
.sec8 .sec8_fig img{
	display: inline-block;
	width: 74.6875vw;
}
.sec8 .sec8_catch{
	padding-bottom: 7.8125vw;
}
.sec8 .sec8_name{
	padding-bottom: 9.375vw;
}

/*---------- #js-modal03 #js-modal04 ----------*/

.modal01,.modal02,.modal03 {
	position: absolute;
	background-repeat: repeat;
	top:0;left:0;right:0;bottom:0;
	z-index:100;
	cursor: pointer;
}
.modal01 .closer,.modal02 .closer,.modal03 .closer {
	position:fixed;
	top:0;left:0;right:0;bottom:0;
	z-index:102;
	background-color:rgba(0,0,0,0.75);
}
.modal01 .inner,.modal02 .inner,.modal03 .inner {
	position: fixed;
	top:20px;left:20px;right:20px;bottom:20px;
	text-align: center;
}
.modal01 .inner > img,.modal02 .inner > img,.modal03 .inner > img{
	max-width:100%;
	position:relative;
	z-index:103;
}
.modal01 .btn,.modal02 .btn,.modal03 .btn {
	position:relative;
	margin-bottom:10px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	z-index:103;
	text-align: right;
}
.modal01 .btn img,.modal02 .btn img,.modal03 .btn img{
	width: 20px;
}