/*文字コード調整テキスト*/

/*---------------------------------
???????? 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; /* もし画像が崩れる場合は 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;}