@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/


@media screen and (min-width: 751px){

.background__wrap{position:fixed;top:0;left:0;width:100%;z-index: 0;}

.background_sec01{width:100%;height:100vh;position:absolute;top:0;left:0;}
.background_sec01 .img-bg{width:100%;opacity:1;position:absolute;top:0;left:0;}

#contents{padding:170px 0 200px;}


.contents__inner{width:1100px;margin:0 auto;}

.ss{width:100%;display:block;margin:0.2em 0;}

.head{margin:3em 0 1.3em;padding-left:0.6em;border-left:5px solid #98864a;line-height:1.4;font-size:22px;display:block;}

p{padding:0.8em 0;}

.dlc-head{margin:3em 0 0.8em;color:#000;transition:all 0.2s;background:url(../img/product/btn-bg.jpg);padding:12px 25px;box-shadow:0 0 8px rgba(0,0,0,0.5);font-size:22px;}

.dlc-wrap > picture >.ss{margin:0;}

.box_text{padding:50px 50px;}
.box_text .text{font-size:15px;}

.name-text{font-size: 15px!important;}

.wrap__list{display:flex;justify-content:center;}
.wrap__list{position:relative;z-index: 1;}
.wrap__list li{width:240px;margin:0 20px}
.wrap__list li p{text-align: center;font-size: 12px;}
.wrap_img{display:block;position:relative;width:240px;box-shadow:0 0 30px rgba(0,0,0,0.5);}
.wrap_img .img{display:block;position:relative;width:100%;}
.wrap_btn{text-align: center;width:100%;}
.dlc-wrap .wrap_btn{width:500px;margin-top:-20px;}
.btn-reserve{background-color:transparent;color:#000;padding:10px 40px;margin:5px 2px 0;display:inline-block;border:1px solid #dcc96b;background:#ad9b3f url(../img/product/btn-bg.jpg);transition:all 0.4s;}
.btn-reserve:hover{background:#ad9b3f url(../img/product/btn-bg-hover.jpg);}

.tit{font-size:40px;text-align: center;margin-bottom: 15px;line-height:1.4;}
.read-text{color:#ddd;padding:0px;}
.btn-seasonpass{color:#cfc985;display:inline-block;margin-top:0px;font-size:22px;border-bottom:1px solid transparent;}
.btn-seasonpass:hover{border-bottom:1px solid #696647;}

.content_wrap{color:#c3bd84;padding:20px;border:1px solid #94906a;;margin:0 40px;display:flex;}
.content_wrap .th{width:20%;border-right:1px solid #94906a;position:relative;}
.content_wrap .td{width:69%;padding:0 5%;}
.content_text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align: center;}

.dlc-wrap{border:1px solid #444442;background-color:#000;margin-top:60px;box-shadow:0 0 20px rgba(0,0,0,0.7);position:relative;}
.dlc-wrap .text{font-size:17px;padding:40px 40px 60px;color:#ddd;}
.story-title{display:block;text-align:center;margin:0px 0 10px;font-size:24px;color:#ddd;}

.area-product{background:url(../img/top/spec_bg.jpg) center center;background-size:cover;z-index:0;position:relative;z-index:1;background-attachment: fixed;padding:80px 0 120px;margin-top:100px;}
.inner-product{display:block;margin:0 auto;width:1100px;}

.product-head{text-align: center;font-size:30px;margin-bottom:80px;}
.attention_wrap{margin:40px auto 0;text-align:center;font-size:15px;color:#aaa;}


.block-exp{width:100%;display:flex;margin-bottom:20px;align-items: center;flex-flow: row-reverse;}

.block-exp__info{width:50%;box-sizing: border-box;padding:5px 20px;}
.block-exp__image{width:50%;position:relative;}
.block-exp__image img{width:100%;display:block;}

.block-exp h4{color:#c3bd84;font-size:24px;}
.block-exp p{font-size:15px;}
.block-exp .text-min{font-size:13px;color:#aaa;}

.list-exp{padding:40px 20px 20px;}
.list-exp li{margin-bottom:0.5em;}
.list-exp li:before{content:"◆";}

.cbox:after{content:'';display:block;width:40px;height:40px;background-image:url(../img/common/to_zoom.png);display:block;text-indent:-9999px;position:absolute;right:8px;bottom:8px;border-radius:50%;background-size:40px;box-shadow:rgba(0,0,0,0.5);overflow:hidden;box-shadow:0px 0px 3px rgba(0,0,0,0.5);transition:all 0.5s;}
.cbox:hover:after{box-shadow:3px 3px 10px rgba(0,0,0,0.5);}

.nos:before{content:'配信中';width:135px;height:44px;position:absolute;right:8px;top:8px;background-color:rgba(140, 122, 27, 0.5);display: flex;align-items: center;justify-content: center;font-size:18px;letter-spacing:0.5em;font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;color:#ddd;}

.wrap_movie{width:100%;padding:60px 0 20px;}
.wrap_movie .iframe_box{width:540px;position:relative;margin:0 auto;border:1px solid #c3bd84;}
.wrap_movie .iframe__inner {position:relative;padding-top:56%;width:100%;}
.wrap_movie iframe{width:100%;height:100%;position:absolute;top:0;left:0;}

.table_wrap{border:1px solid #3e3822;width:100%;margin:0 auto;font-size: 16px}
.table_wrap table{border:1px solid #3e3822;border-collapse: collapse;text-align: left;width:100%;}
.table_wrap th{background:#3e3822;padding:15px;width:33%;border-right:1px solid #000;font-size: 15px;text-align: center;}
.table_wrap th:last-child{border-right:0px solid #000;}
.table_wrap td{padding:15px;border:1px solid #3e3822;vertical-align: top;}
.table_wrap td ul{padding-top:5px;color:#f6efd1;}

.disc > li {padding-left:1em;text-indent:-1em;}
.disc > li::before{content:'・';}

.asterisk > li {padding-left:1em;text-indent:-1em;}
.asterisk > li::before{content:'※';}

.table_wrap.num2 tr:nth-child(3n+2) td{border-bottom:0;}
.table_wrap.num2 tr:nth-child(3n+3) td{padding-top:0px;padding-bottom:0;border-top:0;border-bottom:0;}
.table_wrap.num2 tr:nth-child(3n+4) td{padding-top:10px;border-top:0;}

.table_head{padding-top:5px;color:#f6efd1;margin-top:0px;}

.headline_exp{font-size:26px;margin:0px 0 0px;color:#c3bd84;text-align:
center;padding-top:40px;}

.headline_min{font-size:20px;margin:30px 0 0px;color:#fff;}
.headline_min__exp{padding:0 0 8px;font-size:15px;}

.table_wrap .disc {padding:0;}

.dlc-line{border-bottom:1px solid #555;width:100%;margin:60px 0 30px;}

}




/*----------------------------------------
	for SP
----------------------------------------*/


@media screen and (max-width: 750px) {

 .background__wrap{position:fixed;top:0;left:0;width:100%;z-index: 0;}

  .background_sec01{width:100%;height:100vh;position:absolute;top:0;left:0;}
  .background_sec01 .img-bg{width:100%;opacity:1;position:absolute;top:0;left:0;}

 #contents{padding:40px 0;}

.contents__inner{margin:0 5%; }

.dlc-head{width:100%;display:block;line-height:1.2;text-align:center;background:url(../img/product/btn-bg.jpg);color:#000;padding:2.8vw 0;margin:3em 0 0.8em;font-size: 18px;}

	.ss{width:100%;display:block;margin:0.2em 0;}

p{padding:0.8em 0;}

  .head{margin:3em 0 1.8em;padding-left:0.6em;border-left:6px solid #98864a;line-height:1.4;font-size:18px;}
.box_text .text{font-size:13px;padding:0;}


  .wrap__list{position:relative;z-index: 1;display:flex;flex-wrap: wrap;align-items: center;}
  .wrap__list li{width:80%;margin:0 auto 40px;display:block;}
    .wrap__list li p{text-align: center;font-size: 1em;}

  .wrap_img{display:block;position:relative;width:85%;box-shadow:0 0 30px rgba(0,0,0,0.5);margin:0 auto;}
  .wrap_img .img{display:block;position:relative;width:100%;}

  .wrap_btn{text-align: center;}
  .dlc-wrap .wrap_btn{margin-bottom:2em;}
  .btn-reserve{background-color:transparent;color:#000;padding:10px 20px;margin:10px 2px ;display:inline-block;border:1px solid #dcc96b;background:#ad9b3f url(../img/product/btn-bg.jpg);transition:all 0.4s;width:85%;box-sizing: border-box;}
  .btn-reserve:hover{background:#ad9b3f url(../img/product/btn-bg-hover.jpg);}

.tit{font-size:20px;text-align: center;margin-bottom: 14px;line-height:1.4;}
.read-text{color:#ddd;text-align:center!important;padding:0;}
.read-text a{margin:0;}
/* .read-text br{display:none;} */
.btn-seasonpass{color:#cfc985;display:inline-block;margin-top:10px;line-height: 1.5;}

.content_wrap{color:#c3bd84;padding:10px 20px;border:1px solid #94906a;;margin:0 5%;z-index:5;position:relative;font-size:13px;}
  /* .content_wrap .th{width:20%;border-right:1px solid #94906a;position:relative;}
  .content_wrap .td{width:69%;padding:0 5%;} */
/* .content_text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align: center;} */


.dlc-wrap{border:1px solid #444442;background-color:#000;margin-top:30px;box-shadow:0 0 20px rgba(0,0,0,0.7);position:relative;}
.dlc-wrap .ss{display:block;margin:0;}
.dlc-wrap.top .ss{display:block;margin:0 0 -15%;}
.dlc-wrap .text{font-size:14px;padding:5%;}

.story-title{display:block;text-align:center;margin:0px 0 5px;font-size:17px;color:#ddd;line-height:1.3;}

.area-product{background:url(../img/top/spec_bg.jpg) center center;background-size:cover;z-index:0;position:relative;z-index:1;background-attachment: fixed;padding:60px 0 30px;margin-top:80px;}
.inner-product{display:block;margin:0 auto;width:90%;}

.product-head{text-align: center;font-size:20px;margin-bottom:30px;line-height:1.4;}

.attention_wrap{margin:25px auto 0;text-align:left;font-size:15px;color:#aaa;line-height:1.4;}

.block-exp{width:100%;margin-bottom:20px;align-items: center;}

.block-exp__info{width:100%;box-sizing: border-box;padding:1.5em 20px 1em;}
.block-exp__image{width:100%;position:relative;}
.block-exp__image img{width:100%;display:block;}

.block-exp h4{color:#c3bd84;font-size:18px;line-height:1.4;}
.block-exp p{font-size:15px;}
.block-exp .text-min{font-size:13px;color:#aaa;}

.list-exp{padding:0px 20px 20px;}
.list-exp li{margin-bottom:0.5em;}
.list-exp li:before{content:"◆";}

.cbox:after{content:'';display:block;width:40px;height:40px;background-image:url(../img/common/to_zoom.png);display:block;text-indent:-9999px;position:absolute;right:8px;bottom:8px;border-radius:50%;background-size:40px;box-shadow:rgba(0,0,0,0.5);overflow:hidden;box-shadow:0px 0px 3px rgba(0,0,0,0.5);transition:all 0.5s;}
.cbox:hover:after{box-shadow:3px 3px 10px rgba(0,0,0,0.5);}

.nos:before{content:'配信中';width:22vw;height:7vw;position:absolute;right:2vw;top:2vw;background-color:rgba(140, 122, 27, 0.5);display: flex;align-items: center;justify-content: center;font-size:10px;letter-spacing:0.5em;font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;color:#ddd;}

.wrap_movie{width:100%;padding:0px 0 40px;}
.wrap_movie .iframe_box{width:78%;position:relative;margin:0 auto;border:1px solid #c3bd84;}
.wrap_movie .iframe__inner {position:relative;padding-top:56%;width:100%;}
.wrap_movie iframe{width:100%;height:100%;position:absolute;top:0;left:0;}

.table_wrap{border:1px solid #3e3822;width:100%;margin:0 auto;font-size: 16px}
.table_wrap table{border:1px solid #3e3822;border-collapse: collapse;text-align: left;width:100%;}
.table_wrap th{background:#3e3822;padding:15px;width:33%;border-right:1px solid #000;font-size: 13px;text-align: center;}
.table_wrap th:last-child{border-right:0px solid #000;}
.table_wrap td{padding:13px;border:1px solid #3e3822;vertical-align: top;}
.table_wrap td ul{padding-top:5px;color:#f6efd1;}

.disc > li {padding-left:1em;text-indent:-1em;font-size: 13px!important;}
.disc > li::before{content:'・';}

.asterisk > li {padding-left:1em;text-indent:-1em;}
.asterisk > li::before{content:'※';}

.table_wrap.num2 tr:nth-child(3n+2) td{border-bottom:0;}
.table_wrap.num2 tr:nth-child(3n+3) td{padding-top:0px;padding-bottom:0;border-top:0;border-bottom:0;}
.table_wrap.num2 tr:nth-child(3n+4) td{padding-top:10px;border-top:0;}

.table_head{padding-top:5px;color:#f6efd1;margin-top:0px;}

.headline_exp{font-size:20px;margin:0px 0 0px;color:#c3bd84;text-align:
center;padding-top:40px;}

.headline_min{font-size:17px;margin:30px 0 0px;color:#fff;}
.headline_min__exp{padding:0 0 8px;font-size:14px;}

.table_wrap .disc {padding:0;}
.dlc-line{border-bottom:1px solid #555;width:100%;margin:60px 0 30px;}

}
