@charset "Shift_JIS";
/*---------------------------------
h1??? main heading h1
-----------------------------------*/
.wrap_main_heading{position:relative;}
.wrap_main_heading h1{font-size: min(5vw, 25px);font-weight: 700;margin: 3%;position: absolute;bottom: 0;left: 0;text-shadow: 2px 2px 10px #FFF, -2px 2px 10px #fff, 2px -2px 10px #fff, -2px -2px 10px #fff;line-height: 1.3;color: #7a6007;}
.wrap_main_heading h1{margin: 3% 3% 1% 7%;text-align: center;font-size: min(5vw, 32px);}
.adjust_small{font-size: min(3.8vw, 18px);display: block;}
.adjust_txt{font-size: min(6.8vw, 52px);display:inline-block;border-bottom: 1px solid #7a6007;padding-bottom: 2px;margin-bottom: 2px;}

/*---------------------------------
??? heading
-----------------------------------*/
#japanese h2._heading span::before{content: '';background: url(//img.e87.com/selection/father/2025images/icon_sake.png) no-repeat;background-size: 100%;}
#beer h2._heading span::before{content: '';background: url(//img.e87.com/selection/father/2025images/icon_beer.png) no-repeat;background-size: 100%;}
#shochu h2._heading span::before{content: '';background: url(//img.e87.com/selection/father/2025images/icon_shochu.png) no-repeat;background-size: 100%;}
#spark h2._heading span::before{content: '';background: url(//img.e87.com/selection/father/2025images/icon_sparkring.png) no-repeat;background-size: 100%;}

/*---------------------------------
???????????? contents single
-----------------------------------*/
#japanese .area_img_txt {text-align: left;margin: 3% 4%;text-shadow: 2px 2px 10px #FFF, -2px 2px 10px #fff, 2px -2px 10px #fff, -2px -2px 10px #fff;bottom: unset;top: 50%;transform: translateY(-50%);margin: 0 0 0 3%;}
#beer .area_img_txt {text-align: left;margin: 3% 4%;text-shadow: 2px 2px 10px #FFF, -2px 2px 10px #fff, 2px -2px 10px #fff, -2px -2px 10px #fff;bottom: unset;top: 50%;transform: translateY(-50%);margin: 0 0 0 14%;}
#shochu .area_img_txt {text-align: left;margin: 3% 4%;text-shadow: 2px 2px 10px #FFF, -2px 2px 10px #fff, 2px -2px 10px #fff, -2px -2px 10px #fff;bottom: unset;top: 50%;transform: translateY(-50%);margin: 0 0 0 3%;}
#spark .area_img_txt {    text-align: left;margin: 3% 4%;text-shadow: 2px 2px 10px #FFF, -2px 2px 10px #fff, 2px -2px 10px #fff, -2px -2px 10px #fff;bottom: unset;top: 50%;transform: translateY(-50%);margin: 0 3% 0 0;right: 0;left: unset;}

/* --------------------------------------
??????????? price rank
------------------------------------------- */
.area_various .rank_box{justify-content: space-between;}
.area_various .rank_box dl{width:48%;margin:0;}