@charset "UTF-8";

/*---------------------------------
rank other 
-----------------------------------*/
.rank_box_other { display: flex; flex-wrap: wrap; padding: 0 4%; margin-bottom: 4%; }
.rank_box_other dl { width: 32%; margin-right: 2%; position: relative; }
.rank_box_other dl:last-child { margin-right: 0; }
.rank_box_other .item_name { font-weight: bold; color: #333333; padding-top: 8px; white-space: break-spaces; font-size: min(4vw, 14px); line-height: 1.4; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.rank_box { margin: 6% 0 8% 3%; }

.navi_local_txt { font-size: min(3.2vw, 17px); min-height: 4em; padding: 5% 0 4%; }
.navi_local_box { margin: 0 2px; }

.heading_styles { font-size: min(4.3vw, 17px); text-align: center; }
#pre .area_btn p.btn_text span.txt_adjust { font-size: min(3.6vw, 18px); }

.rank_box dl div.soldout-wrap { position: relative; display: inline-block; width: 100%; }
.soldout-wrap::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 2; pointer-events: none; }
.soldout-wrap::after { content: "SOLD OUT"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); color: #ffffff; font-size: 16px; font-weight: bold; letter-spacing: 0.1em; white-space: nowrap; z-index: 3; pointer-events: none; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.gen_grade_nav ul li.genre_grade_navi { width: 49%; }
.gen_grade_nav ul li.genre_grade_navi_act { width: 49%; }