@charset "utf-8";

.base-wp{padding-bottom: 10%; background:url(../img/products/wp.jpg); animation-name: fade-inanime; animation-duration: 2s;}

h2{width: 95%; max-width: 924px; margin: 0 auto 5% auto; padding: 180px 0  0 0;}

.cont-box{width: 1200px; margin: 0 auto;}

.tokuten-box{position: relative; min-height:700px;}


.tokuten1{ margin-bottom:5%;}
.tokuten2{ margin-bottom:15%;}
.tokuten3{ margin-bottom:5%;}


.tokuten-box-data{background:#fff; width: calc(85% - 340px); padding:0 340px 5% 5%; position: absolute; line-height:1.61; color:#63607a;}
.tokuten-box-img{width: 40%; max-width: 400px; position: absolute; right:0; bottom:10%;}

.tokuten-title{padding-top:5%;}
.tokuten-sub-title{font-size:40px; font-weight: 600; line-height:1.2; margin-bottom: 16px;}
.tokuten-sub-title span{font-size: 50%;}

.box_item_list{padding-bottom: 5%;}
.boxinfo-box{width: calc(90% - 2px); background-color:rgba(255,255,255,0.65); border: solid 1px #f5517a; color: #63607a; padding: 16px 5%; }

.info_box_title{align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; font-size: 24px; color:#f91b50; padding-top: 110px;}

.info_box_title dt{}
.info_box_title dd{margin-left:auto;}


.info_box_title2{align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; font-size: 24px; color:#f91b50; padding-bottom: 5%;}

.info_box_title2 dt{width: 40%; max-width: 200px;}
.info_box_title2 dd{margin-right:auto;}


.pk-img-box{width:100%; max-width:1500px; margin: 0 auto;  padding: 5% 0;}
.info_box_item{margin-bottom: 5%; line-height:1.61; }
.info_box_item dt{font-size: 30px; font-weight: 600; padding-bottom: 8px;}
.info_box_item dd{font-size: 16px;}

.pk-shop-btn{text-align:left;}
.pk-shop-btn img{max-width:200px;}

.menu-pg{width:100%; max-width:782px; position: absolute; top:-45px; left:0; right:0; margin: 0 auto 20px auto; height: 100px;}
.tab_area{ overflow:hidden; display:table; width: 95%; max-width: 800px; margin: 0 auto 0 auto; }
.tab_area li{ width:33.33%; text-align:center; cursor: pointer; vertical-align:middle; display:table-cell; }
.all_area { position: relative;}
.hide{display:none;}

.tab_area li{background:url(../img/products/tab-off.png?20201212) top center no-repeat; -moz-background-size:cover; background-size:cover;}
.tab_area li.select{ background:url(../img/products/tab-on.png?20201212) top center no-repeat;  -moz-background-size:cover; background-size:cover;}


table.game-info{width:100%; border-collapse: separate; border-spacing: 2px; font-size: 18px; padding-bottom: 10%;}
table.game-info th, table.game-info td{border: solid 1px #e43261; padding: 2%; line-height:1.61; vertical-align: middle;}
table.game-info th{background:#e43261; color: #fff;}


.shop-box{width:49%; margin:0.5%; background-color:rgba(255,255,255,0.65); line-height:1.61; color: #63607a; font-size: 16px;}
.shop-box-data{width:96%; padding:2%;}

.shop-name{font-size: 25px; font-weight: 600; margin-bottom: 4px; color: #851232;}
.shop-box-data dd{padding:3%;}
.shop-box-data dt img{border: solid 2px #f1f1f1;}
.shop-date{padding: 0 0 3% 0;}
.shop-set-name{font-weight: 600; color:#e43261;}
.shop-at{color :#7c8cc2; font-size: 90%;}

.shop-free-btn{width:92%; max-width:200px; margin: 5% auto 0 auto;}

.shop-free-btn a:hover{filter: contrast(140%);}

.productsmenu{width:92%; max-width:1000px; margin: 3% auto;}
.productsmenu li{width:24%; padding:0 0.5%;}
.productsmenu li a{	width: 96%;  padding: 3% 2%; display: block; background:#e43261; color: #fff; text-align: center; font-size: 18px;}
.productsmenu li a:hover{filter: contrast(140%);}

.red{color:#e43261;}

.story{width: calc(94% - 2px); padding:2% 3%; margin-bottom:2%; border: solid 1px #ccc; background:#f1f1f1;}

.pop-btn-story a{width: calc(94% - 2px); padding:3%; margin-top:2%; border: solid 1px #ccc; background:#f5517a; display: block; color: #fff; text-align: center;}

.shop-btn-list{width: 95%; max-width: 1000px; margin:0 auto; }

.shop-btn-list-btn a{width: calc(94% - 2px); padding:3%; border: solid 1px #ccc; background:#576db2; display: block; color: #fff; text-align: center;}

.shop-btn-list li{width: 24%; margin: 0.25%; display:flex;}
.shop-btn-list li a:hover{filter: contrast(140%);}


.pfset-txt{padding-bottom:5%; font-size: 18px; line-height:1.61;}

.music-sample{width: 90%; max-width: 300px; margin: 0 auto;}
.music-sample .music_box li{ padding: 1%;}

@media screen and (max-width: 700px) {
h2{padding: 100px 0  0 0;}
h2#productsinfo4{padding: 15% 0  0 0;}

.cont-box{width: 100%; margin: 0 auto;}

.tokuten-box{position: static; min-height:auto; margin-bottom:5%; border: solid 1px #7c8cc2;}
.tokuten-box:last-child{ margin-bottom:10%;}

.tokuten-box-data{background:#fff; width: 90%; padding:5%; position: static; line-height:1.61; color:#63607a; margin: 0 auto;}
.tokuten-box-img{}
.tokuten-box-img{background:#fff; width: 90%; max-width: 700px; padding:5%; position: static; margin: 0 auto;}



.tokuten-sub-title{font-size:5vw; font-weight: 600; line-height:1.2; margin-bottom: 16px;}
.tokuten-sub-title span{font-size: 60%;}


.info_box_item dt{font-size: 5vw; line-height:1.4; padding-bottom: 8px;}
.boximgt img{width: 12%;}

.pk-shop-btn{margin-top:2%;}


.info_box_title{font-size: 4vw; color:#f91b50; padding-top: 6%;}

.shop-box{width:99%; margin:0.5%; background-color:rgba(255,255,255,0.65); line-height:1.61; color: #63607a; font-size: 3vw;}

.shop-name{font-size: 4vw;}

.productsmenu li{width:49%; padding:0.5%;}


.info_box_title2 dt{width: auto; max-width: auto;}
.info_box_title2 dd{margin-left:auto; margin-right:0;}


.shop-btn-list{width: 95%; max-width: 1000px; margin:0 auto; }
.shop-btn-list li{width: 49%; margin: 0.5%;}
.shop-btn-list li a:hover{filter: contrast(140%);}




}


@keyframes fade-inanime {
    0% {opacity: 0;}
    100% {opacity: 1;}
}