@charset "utf-8";



.info_title{width: 40%; max-width: 465px; margin: 0 auto 3% auto; padding-top: 100px;}
.tokuten_title{width: 40%; max-width: 465px; margin: 0 auto 3% auto; padding-top: 5%;}

.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 { overflow: hidden;}
div.info_area{ width: 95%; max-width: 1000px; margin: 0 auto 3% auto;  background:#ffffff; box-shadow:7px 7px 0px -3px #c0ac8c;}
.tab_area li.select{ padding-bottom: 5%;}
.hide{display:none;}

.r-box{background:#fff3f3; font-size: 18px; line-height:1.61; padding: 5% 0 0 0;}
.t-box{background:#f1fdfd; font-size: 18px; line-height:1.61; padding: 5% 0;}
.gc-set{background:#fafefa; font-size: 18px; line-height:1.61; padding: 5% 0;}
.not-box{font-size: 18px; line-height:1.61; padding: 5% 0;}

.info_box_title{width: 95%; max-width: 900px; margin: 0 auto 3% auto; display: -webkit-flex; display: flex; border-bottom: solid 2px #5c021f; color: #5c021f;}
.info_box_title dt{font-weight: 800; font-size: 25px; -webkit-flex: 1; flex: 1; text-align: left;}
.info_box_title dd{width: 300px;  line-height:2.61;  text-align: right;}


.info_box_item{width: 95%; max-width: 900px; margin: 0 auto 5% auto; color: #5c021f;}
.info_box_item dt{font-weight: 600;}
.info_box_item dd{color: #575151; font-size: 80%;}

.t-box_itemplus{width: 70%; max-width: 400px; margin: 0 auto -1% auto; background:#f1fdfd; font-weight: 600; color:#00307d; text-align: center; padding-top: 10px;}


[data-ruby] {
    position: relative;
    font-size: 25px; font-weight: 800;
}
[data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -1em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 0.6em;
}


.tokuten_box{width: 95%; max-width: 900px; margin: 0 auto 5% auto;}

.shop_list{width: 95%; max-width: 900px; margin: 0 auto 5% auto; text-align: center;}


.game_data{width: 95%; max-width: 1000px; margin: 0 auto 5% auto; font-size: 18px; color: #575151;}
.game_data table{width:100%; background: #fff;}
.game_data th, .game_data td{padding: 2%; border: solid 1px #74603f; line-height:1.61;}
.game_data th{background: #c0ac8c; color: #fff; boder: solid 1px #fff;}


.shop_item{background:#fff; display: -webkit-flex; display: flex; color: #575151; margin-bottom: 5%;  box-shadow:7px 7px 0px -3px #c0ac8c;}

.shop_item dt{width: 400px; padding: 2% 0 2% 2%; font-size: 25px; position: relative;}
.shop_item dd{-webkit-flex: 1; flex: 1; padding: 2%; text-align: left;}
.shop_goods_list{font-size:16px; line-height:1.61; padding-bottom: 14px;}
.shop_link_btn{width: 100%; display: -webkit-flex; display: flex;}
.shop_link_btn a{width: 50%; max-width: 200px; display: flex; flex-wrap: wrap; margin-left: auto;}

.shop_main_title{color: #982828; font-size: 25px; border-bottom: solid 2px #982828; padding-bottom: 3px; margin-bottom: 14px;}
.shop_item_title{font-size: 20px; color: #5c021f; padding-bottom: 14px;}
.shop_at{color: #81897a; margin: 4px 0;}

.item_new_icon { position: absolute; top: 0; left: 0; margin: 0;}

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

.info_title{width: 70%; max-width: 465px; margin: 0 auto 3% auto; padding-top: 50px;}
.tokuten_title{width: 70%; max-width: 465px; margin: 0 auto 3% auto; padding-top: 5%;}

.info_box_title{width: 95%; max-width: 900px; margin: 0 auto 3% auto; display: block; border-bottom: solid 2px #5c021f; color: #5c021f;}
.info_box_title dt{font-weight: 800; font-size: 25px;  text-align: left;}
.info_box_title dd{width: auto;  line-height:1.61;  text-align: left;}

.shop_item{display:block;}
.shop_item dt{width: 96%; padding: 2% 0 2% 2%; font-size: 25px;}
.shop_item dd{ padding: 2%; text-align: left;  display:block;}
.shop_link_btn{display:block;}

.shop_link_btn a{width: 50%; max-width: 200px; display:block; margin: 10px auto;}

}

a.boximgu, a.boximgt{display:inline-block; padding: 1px 5px; border: double 4px #fff; font-size: 12px; letter-spacing: 0.1em; color: #fff; background:#b41c2d;}

a.boximgu:hover, a.boximgt:hover{filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65;}
.music_box{width: 100%; max-width: 600px;}
.music_box li{padding: 1%;}

.txt_cd_sample{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap;}
.txt_cd_sample li{width: 24%; padding: 0.5%; position: relative;}

.txt_cd_sample2{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap;}
.txt_cd_sample2 li{width: 49%; padding: 0.5%; position: relative;}

.dl_btn{width: 90%;  margin: 0 auto; boder: solid 1px #000; margin-top:-2%}

@media screen and (max-width: 700px) {
.txt_cd_sample li{width: 32%;}
.item_new_icon { position: absolute; top: 0; left: 0; margin: 0; width: 20%;}

}

.gc_set{width: 95%; max-width: 1000px; margin: 0 auto 3% auto;  background:#ffffff; box-shadow:7px 7px 0px -3px #c0ac8c;}

a.pv{display:inline-block; padding: 1px 5px; border: double 4px #fff; border-top: none; border-left: none; font-size: 12px; letter-spacing: 0.1em; color: #fff; background:#b41c2d;}

.shop_item_img{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap;}
.shop_item_img li{width: 49%; padding:0.5%;}