@charset "Shift_JIS";
/*---------------------------------
h1??? main heading h1
-----------------------------------*/
.wrap_main_heading{position:relative;}
.wrap_main_heading h1{font-family: 'Noto Serif JP', serif;font-weight: 700;margin: 3%;position: absolute;bottom: 0;right: 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;margin: 3% 3% 1% 7%;text-align: center;font-size: min(5.5vw, 40px);}
.adjust_small{font-size: min(3.8vw, 18px);display: block;}
.adjust_txt{font-size: min(7vw, 52px);display:inline-block;border-bottom: 1px solid #7a6007;padding-bottom: 2px;margin-bottom: 2px;}

/*---------------------------------
??? heading
-----------------------------------*/
#sweets h2._heading span::before{content: '';background: url(//img.e87.com/selection/father/2025images/icon_wagashi.png) no-repeat;background-size: 100%;}
#gourmet h2._heading span::before{content: '';background: url(//img.e87.com/selection/father/2025images/icon_gourmet.png) no-repeat;background-size: 100%;}
#health h2._heading span::before{content: '';background: url(//img.e87.com/selection/father/2025images/icon_healthy.png) no-repeat;background-size: 100%;}

/*---------------------------------
???????????? contents single
-----------------------------------*/
#sweets .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 8%;}
#gourmet .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 4%;}
#health .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%;}

/* --------------------------------------
??????????? price rank
------------------------------------------- */
.area_various .rank_box{justify-content: space-between;}
.area_various .rank_box dl{width:48%;margin:0;}

.area_btn._all{margin-top:8%;}

.navi_local a{width:48%;}