@charset "utf-8";
/* 2018/03/13 12:15 update */

/*** Event - SHOP RANKING BATTLE ***/
/* ShopDetail */
.sbr_shop_detail {position: relative;}
.sbr_shop_detail .shop_notice{border-top: 2px solid #434387; border-bottom: 2px solid #434387; background: #efeffc;}
.sbr_shop_detail .shop_notice span.red{color: #e405aa;}
.sbr_shop_detail .shop_notice span.blue{color: #0265d7;}
.sbr_shop_detail .hilight{background: #434387; border: 2px solid #333b40;}
.sbr_shop_detail .shop_notice a.btn-round {background-color: #6A6D74; color: #FFF; border-color: rgba(0,0,0,0.1); border-radius: 5%; font-size: 14px; width: 50px; height: 33px; padding: 3px 0 0 0; text-align: center; position: absolute; top: 31px; right: 25px;}
.sbr_shop_detail .shop_notice .cpn_banner{ margin: 15px 0 0;}
.sbr_shop_detail .rankingBox .ranklist {display:inline-block; width:100%; overflow:hidden; margin-top: 15px;}
.sbr_shop_detail .rankingBox .ranklist table { border:1px solid #979799; border-top:0 none; -moz-box-sizing:border-box !important; }
.sbr_shop_detail .rankingBox .my_ranking table { width:50%; float:left; }
.sbr_shop_detail .rankingBox .my_ranking table td.row {font-weight: 700;}
.sbr_shop_detail .rankingBox .my_ranking table td.row2 {height: 90px; font-size: 20px; font-weight: 700;}
.sbr_shop_detail .rankingBox .ranklist th,
.sbr_shop_detail .rankingBox .ranklist td { padding:10px; color:#1a2020; background:#fff; }
.sbr_shop_detail .rankingBox .ranklist .txt_ac { text-align:center; }
.sbr_shop_detail .rankingBox .ranklist td.txt_ac strong { font-size:21px; }
.sbr_shop_detail .rankingBox .ranklist thead th { color:#fff; background:#434387; }
.sbr_shop_detail .rankingBox .ranklist thead th.txt_al,
.sbr_shop_detail .rankingBox .ranklist td { border-left:1px solid #979799; }
.sbr_shop_detail .rankingBox .ranklist td em.th { font-style:normal; font-size:8px; vertical-align:top; }
.sbr_shop_detail .rankingBox .ranklist tbody th,
.sbr_shop_detail .rankingBox .ranklist td { border-top:1px solid #979799; height: 45px;}
.sbr_shop_detail .shop_notice p {width: 570px;}

/*responsive ==============================================================================*/
@media (max-width: 767px) {
/*** jp Only ***/
/* ShopDetail */
.sbr_shop_detail .shop_notice a.btn-round {width: 50px; height: 33px; top: 15px; right: 25px;}
.sbr_shop_detail .shop_notice .cpn_banner{ margin: 5px 0 0;}
.sbr_shop_detail .rankingBox .ranklist {margin-top: 10px;}
.sbr_shop_detail .rankingBox .my_ranking table { width:100%; float:none; margin: 0 0 15px;}
.sbr_shop_detail .rankingBox .my_ranking table:last-child {margin: 0;}
.sbr_shop_detail .rankingBox .my_ranking table td.row2 {height: auto; font-size: 16px;}
.sbr_shop_detail .rankingBox .ranklist td {height: auto;}
.sbr_shop_detail .shop_notice p {width: 100%;}
}

@media (max-width: 560px) {/**/}
@media (max-width: 320px) {}
@media (min-width: 768px) and (max-width: 991px) {/*tablet*/}
@media (min-width: 992px) and (max-width: 1199px) {/* desk top */}
@media (min-width: 1200px) {/*desk top learge */}
@media (min-width: 768px) {/*sm~lg*/}