@charset "Shift_JIS";
.clearfix::after{content:"";display:block;clear:both;}


body{max-width:680px;}
/* --------------------------------------
?????? navigation
------------------------------------------- */
article.navi{font-family: 'Noto Serif JP', serif;}
#spring_main {font-family: 'Noto Serif JP', serif;}
article.navi{font-family: 'Noto Serif JP', serif;padding: 0 3%;margin:4% 0 0;}
h2.navi_heading{font-size: min(5vw,18px);color: #3c3c3c;width: 100%;position: relative;padding-bottom: 8px;text-align: center;margin: 12% 0 0;}
h2.navi_heading::after{content: '';background: url(//img.e87.com/selection/father/2024images/common_heading_underline.png) repeat-X;background-size: contain;position: absolute;bottom: 0;left: 0;width: 100%;height: 8px;}
.navi_spring {display: flex;justify-content: space-evenly;align-items: center;flex-wrap: wrap;}
.navi_spring a {width: 33%;height: 75px;font-weight: 600;font-size: 15px;position: relative;display: block;text-align: center;color: #2b2d42;/* padding: 3%; */box-sizing: border-box;line-height: 1.5;}
.navi_spring_box {border-radius: 8px;}
.navi_spring_pic {width: 180px;overflow: hidden;}
.navi_spring_txt {color: #0e1953;text-align: center;font-weight: 500;position: relative;transform: rotate(0.03deg);height: 65px;display: flex;justify-content: center;align-items: center;    font-size: min(3.8vw,17px);}
._ohigan .navi_spring_txt {color: #3c3c3c;}
._style .navi_spring_txt {color: #0e1953;}
.navi_spring_txt::after {content: '';background: url(//img.e87.com/selection/father/2024images/common_arrow.png) no-repeat;width: 80px;height: 12px;background-size: contain;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);}
._ohigan .navi_spring_txt::after {content: '';background: url(//img.e87.com/selection/spring/2024images/condolence_arrow.png) no-repeat;background-size: contain;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);    width: 70px;height: 11px;}
.navi_spring_pic img {width: 100%;height: auto;box-sizing: border-box;border-radius: 5px 5px 0px 0px;border: 1px solid #b5a695;border-bottom:none;}
.navi_spring:last-child {justify-content: left;}

/* カウントダウン */
article#countdown{	width:320px;min-height:120px;_height:120px;	padding:10px auto 0 auto;margin-top:10px;color:#333333;text-align:center; /*font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3",arial,helvetica,clean,Verdana, Osaka, sans-serif;*/}
.countdown {padding:10px 0 0 0;font-size:20px;color:#C03;font-weight:500;line-height:1.25em;vertical-align:middle;font-family:Verdana, Geneva, sans-serif;background:url(//img.e87.com/s/selection/mother/img/index/timer_bg.png) no-repeat center ;background-size:320px 120px;-webkit-background-size:320px 120px;-moz-background-size:320px 120px;	text-align:center;}
.countdown img {vertical-align:middle;}
.countdown img.countdown_tit{vertical-align:middle;}
.count_down2 {width:280px;	height:85px;margin:0 auto 0 auto;	padding:7px 9px 0 9px;	margin-top:32px;text-align:center;	font-size:18px;color:#C03;font-weight:bold;	line-height:1.3em;	font-family:Verdana, Geneva, sans-serif;}
.count_down2 img {	vertical-align:middle;}
/* 晄捏販売用価格表示 */
.unline{color:#626262;text-decoration:line-through;font-size:10pt !important;    white-space: break-spaces;}
article#item section.accordion ul li.purpose ul {display:table;border:#ccc 1px solid;border-bottom:none;width:100%;}
article#item section.accordion ul li.purpose ul li {display:table-cell;border-left:#ccc 1px solid;padding:5px 0 6px 6px;width:50%;background:url(//img.e87.com/s/common/images/arw_r_03.png) no-repeat 96.5% 50%;background-size:8px 12px;-webkit-background-size:8px 12px;-moz-background-size:8px 12px;vertical-align:middle;}
article#item section.accordion ul li.purpose ul li a:link, article#item section.accordion ul li.purpose ul li a:visited, article#item section.accordion ul li.purpose ul li a:hover, article#item section.accordion ul li.purpose ul li a:active {color:#000;text-decoration:none;}
h2.father_ttl_blue {
    text-align: center;
    font-size: 18px;
    padding: 20px 0 6px;
}
/* local nav */
/* ???? */
section.genre .gen_nav {
    border-bottom: solid 4px #106495;
    height: 48px;
    margin: 0!important;
    width: 99%;
    padding: 0 0.5%;
}

section.genre .gen_nav ul {
    list-style: none;
    overflow: hidden;
    text-align: center;
    height: 48px;
    word-break: break-all;
    display: flex;
    margin: 0;
}

section.genre .gen_nav ul li.gen_nav00 {
    width: 20% !important;
    height: 42px;
    padding: 3px;
    float: left;
    border: solid 1px #CCC;
    margin-top: 6px;
    margin-right: 1px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    box-shadow: none;
    font-size: 11px;
    line-height: 1.2;
}

section.genre .gen_nav ul li.gen_nav01 {
    width: 21% !important;
    height: 42px;
    padding: 3px;
    background: #106495;
    margin-right: 1px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    box-shadow: none;
    margin-top: 6px;
    font-size: 11px!important;
    line-height: 1.2;
}

section.genre .gen_nav ul li.gen_nav01 a {
    font-size: 11px;
}

section.genre .gen_bt {
    margin: 5px;
}

section.genre .gen_bt ul li.gen_bt01 {
    float: left;
    list-style: none;
    padding: 2px;
}

section.genre .gen_nav ul li.gen_nav01 a,section.genre .gen_nav ul li.gen_nav01 a:link,section.genre .gen_nav ul li.gen_nav01 a:hover,section.genre .gen_nav ul li.gen_nav01 a:visited {
    color: #fff;
}

section.genre .gen_nav ul li.gen_nav00 a,section.genre .gen_nav ul li.gen_nav01 a {
    display: block;
    width: 100%;
    height: 100%;
}

section.genre .gen_nav ul li.gen_nav00 a p.txt,section.genre .gen_nav ul li.gen_nav01 a p.txt {
    letter-spacing: -1px;
}

/* h2_box
------------------------------ */
.h2_box {position: relative;}
.h2_box::after {content: '';background: url(//img.e87.com/selection/father/2024images/common_heading_underline.png) repeat-x;background-size: contain;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 94%;height: 8px;}
.h2_box_left {padding: 3%;margin-top: 3em;}
.h2_box_right {width: 440px;}
.h2_box h2 {font-size: min(5.7vw,22px);font-weight: 500;color: #0e1953;padding-left: 2em;box-sizing: border-box;    position: relative;line-height: 1.2;}
.h2_box h2::after {
    content: '';
    background: url(//img.e87.com/selection/father/2024images/common_heading_icon.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 32px;
    height: 12px;
}
.h2_box h2 span._adjust_fs{font-size: min(5vw,20px);padding-left:2px;}
.h2_txt {font-weight: 500;font-size: 14px;color: #3c3c3c;line-height: 1.4;padding: 3%;position: relative;z-index: 1;}
#tulip .h2_eng {color: #fd8b83;font-size: 58px;}
#spring_ .h2_eng {color: #ffbf7f;font-size: 58px;}
#val .h2_eng {color: #b73b50; }
h2.navi_heading::after{
content: '';background: url(https://img.e87.com/selection/father/2024images/common_heading_underline.png) no-repeat;background-size: contain;position: absolute;bottom: 0;left: 0;width: 100%;height: 8px;}

/* h3
------------------------------ */
h3._heading{color:#0e1953;width: 94%;position:relative;margin: 3% auto 0;border-bottom:1px solid #0e1953;text-align: center;padding-bottom: 4px;line-height: 1.2;}
h3._heading span._adjust_tx{font-size: min(4.9vw,18px);}
.heading_lead{
font-weight: 500;
font-size: 14px;
color: #3c3c3c;
line-height: 1.4;
padding: 3% 3% 0;
position: relative;
z-index: 1;
text-align: center;
}

/* pickup
------------------------------ */
.area_products{ position:relative;}
#contents_main section:last-of-type{margin-bottom:0px;}
#contents_main .area_products:last-of-type::after{content:unset;}
.area_products .area_products_wrap{position:relative;z-index: 0;padding: 0 4% 3%;}
.area_products .area_products_wrap img{width:100%;}
.area_products .area_products_heading{font-family: "heisei-maru-gothic-std", sans-serif;font-size:22px;color:#53320a;text-align: center;height: 104px;position: relative;z-index: 1;}
.area_products .area_products_heading ._heading_wrap{display:inline-block;position:relative;}
.area_products .area_products_lead_txt{margin: 0 auto;font-size: 16px;line-height: 1.7;color:#0b1651;position: relative;z-index: 1;}
.area_products .products_wrap{align-items: center;margin-top: 6%;position:relative;justify-content: center;}
.area_products.products_option .products_wrap{justify-content: space-between;align-items: flex-end;align-items: end;}
.area_products_wrap._onwards .products_wrap::before{content: unset;}
.area_products .products_wrap._bottom{display: flex;flex-wrap: wrap;justify-content: left;margin-top: 3%;}
.area_products .products_wrap._bottom > div{width:48.5%;margin: 2% 3% 2% 0;padding:3%;}
.area_products .products_wrap._bottom > div:nth-of-type(even){margin-right:0;}
.area_products .products_wrap._bottom .products_info ._name{font-size:13px;}
.area_products .products_wrap._bottom .products_submit ._submit

/* onwards */
.area_products_wrap._onwards .products_wrap::after{content: unset;}
.area_products .products{box-sizing: border-box;padding: 4% 8%;background: #fff;border: 1px solid #0e1953;margin-top:3%;position:relative;}
.products._new::before {
    content: "NEW";
    background: #e20000;
    padding: 6px 8px;
    color: #ffff;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    z-index: 10;
}
#Ohigan .area_products .products{border: 1px solid #485d73;}
.area_products .products._first .products_img{margin: 0 auto;}
.area_products .products .products_img{margin: 0 auto;width:100%;}
.area_products .products .products_info{font-family: "????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;}
.area_products .products .products_info ._name{color:#3c3c3c;font-size:14px;padding-top: 4%;white-space: break-spaces;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.area_products .products .products_info ._price{color:#3c3c3c;font-size:13px;padding-top: 3%;}
.area_products .products .products_info ._special_price_main{color: #bb0909;display:none;}
.area_products .products .products_submit ._submit{font-family: "????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;color: #fff;padding: 6px 0 4px;font-weight: bold;background:#0e1953;text-align: center;font-size: 14px;margin-top: 4%;border-radius:5px;border:1px solid #fce7c7;box-sizing: border-box;transition:0.2s;}
#Ohigan .area_products .products .products_submit ._submit{background:#485d73;border:1px solid #485d73;}

.gen_bnr_outer3 > a{width:48%;}
.gen_bnr_box {position: relative;border-radius: 10px;margin:3% 5%;font-size:24px;text-align: center;transition:0.2s;background: #0e1953;box-sizing: border-box;    padding: 0px 0 6px;}
.gen_bnr_box.souryou_bg::after,.gen_bnr_box.specify_bg::after{content: "";position: absolute;background: url(https://img.e87.com/selection/mother/2024images/index_arrow.png) no-repeat;width: 6px;height: 10px;right: 2%;top: 50%;transform: translate(0 , -50%);background-size: contain;transition: 0.2s;}
.gen_bnr_box.pair_bg {background: #d5305f; }
.gen_bnr_box.pair_bg::after {content: "";width: 98%;height: 92%;border: 1px solid #ffff00;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 10px;}
.gen_bnr_box.pair_bg .adjust_wrap::after {content: "";position: absolute;background: url(https://img.e87.com/selection/mother/2024images/index_arrow.png) no-repeat;width: 6px;height: 10px;right: 2%;top: 50%;transform: translate(0 , -50%);background-size: contain;transition: 0.2s;}
.gen_bnr_box div {text-align: center;line-height: 1;}
.gen_bnr_box .gen_bnr_txt{font-family: 'Noto Serif JP', serif;font-size:24px;}
.gen_bnr_box.pair_bg {border: 1px solid #d5305f;}
.gen_bnr_box .gen_bnr_subtxt {text-align: center;font-size: 13px;font-weight: bold;color: #fff;position:relative;display: inline-block;}
.gen_bnr_box .gen_bnr_subtxt::before {content: '';position: absolute;width: 2px;height: 12px;background: #fff;transform: rotate(-25deg);left: -7px;bottom: 3px;}
.gen_bnr_box .gen_bnr_subtxt::after {content: '';position: absolute;width: 2px;height: 12px;background: #fff;transform: rotate(25deg);right: -5px;bottom: 3px;}
.gen_bnr_box.pair_bg .gen_bnr_subtxt{margin:15px 15px 5px;}
.gen_bnr_box .gen_bnr_txt {position:relative;font-family: 'Noto Serif JP', serif;text-align: center;font-size: 16px;font-weight: bold;padding: 0px;line-height: 1.1;display:inline-block;color:#fff;}
.gen_bnr_box.message_bg .gen_bnr_txt::after{right: -25px;}
.gen_bnr_box.souryou_bg .gen_bnr_txt::before {content: "";position: absolute;background: url(https://img.e87.com/selection/mother/2024images/souryou_car_icon.png) no-repeat;width: 7vw;height: 4vw;left: -8vw;top: 50%;transform: translate(0 , -50%);transition: .2s;background-size: contain;}
.gen_bnr_box.specify_bg .gen_bnr_txt::before {content: "";position: absolute;background: url(https://img.e87.com/selection/mother/2024images/present_box_icon.png) no-repeat;width: 6vw;height: 6vw;top: -1vw;left: -6vw;background-size: contain;}
.gen_bnr_box.pair_bg .gen_bnr_txt::before {content: "";position: absolute;background: url(https://img.e87.com/selection/mother/2024images/pair_rose_icon.png) no-repeat;width: 9vw;height: 6vw;top: -1vw;left: -11vw;background-size: contain;}

/* ???? */
.form .img input {cursor: pointer;width: 64px;height: 40px;}
.form .img input[type="button"] {-webkit-appearance: none;appearance: none;}
input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="password"], input[type="datetime"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime-local"], input[type="number"], input[type="range"], input[type="color"] {border: 1px solid #bbb;border-radius: 3px;margin: 6px 0;padding: 7px 4px;-webkit-appearance: none;appearance: none;}
input[type="text"], input[type="search"], input[type="number"], input[type="tel"], input[type="email"], input[type="password"], textarea, select {max-width: 72%;font-size: 116%;padding: 1%;}
input[type="email"],input[type="text"] {width: 85%;max-width: 94%;}
section#selectNewyear.search {margin: 10px;background: #ececec;border-radius: 2px;text-align: center;padding: 3px;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;box-align: center;-webkit-flex-align: center;flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-pack: center;box-pack: center;-webkit-flex-pack: center;flex-pack: center;-webkit-justify-content: center;justify-content: center;}
section#selectNewyear.search p.txt {display: inline-block;color: #106495;width: 100px;float: left;font-weight: bold;text-align: left;margin-left: 15px;}
section#selectNewyear.search p {display: inline-block;}
section#selectNewyear.select {max-width: 100%;}
section#selectNewyear.search p {display: inline-block;}

/* etc_bnr
------------------------------ */
.etc_bnr{padding: 16px 5% 24px;text-align: center;}
.etc_bnr a:not(:last-child){margin-bottom:3%;display: inline-block;}

/* other
------------------------------ */
div.pagetop { clear:both; color:#e66784; font-size:85%; margin:15px 2px 30px 0; text-align:right;padding: 12px 4px 8px; }
div.pagetop p{ float:right; }

/*---------------------------------
pagetop
-----------------------------------*/
#to-top {position: fixed;bottom: 12%;right: 3%;width: 60px;text-decoration: none;/* background-color: #d5305f; */display: block;text-align: center;opacity: 0;transition: 0.2s;color: #fff;line-height: 48px;font-size: 16px;z-index: 10;}  
#to-top img{width:100%;}  
#to-top.fade {opacity: 1;transition:0.2s;}
.wrap-top{position:relative;text-align: center;font-weight: bold;padding-top: 4px;}
.wrap-top::before {content:  '';width: 8px;height: 8px;display:  block;border-top: solid 2px;border-right: solid 2px;transform: rotate(-45deg);position:  absolute;top: 8px;left:  0;right:  0;margin:  auto;}


/* --------------------------------------
?? common
------------------------------------------- */
._annotation{font-size: min(3.7vw, 14px);display:block;}
.main_contents {margin: 32% 0 0;}
.sub_contents {margin: 14% 0 0;}
.inner_contents {margin: 12% 0 0;}
.specialprice{white-space: break-spaces;overflow: hidden;color: #cc0707;font-size: min(4vw, 14px);}
.price._normal{text-decoration: line-through;font-size: 11px;}

/*---------------------------------
??? heading
-----------------------------------*/
.wrap_heading {text-align: center;}
h2._heading {font-size: min(4.8vw, 24px);color: #333;position: relative;text-align: center;z-index: -1;font-weight: 600;margin: 0 0 6%;line-height: 1.6;padding-top: 140px;margin-top: -140px;}
h2._heading::after {content:''; background: url(//img.e87.com/s/selection/father/2025img/line_f01.png) no-repeat;position:absolute;bottom: -0.75em;left:50%;width:92%;height:2vh;background-size:100%;transform: translateX(-50%);}
h2._heading span {position: relative;color: #333;display: block;}
h2._heading span::before {content: '';background: url(//img.e87.com/selection/father/2025images/icon_bo.png) no-repeat;position: absolute;width: 60px;height: 60px;left: 50%;top: -65px;transform: translateX(-50%);background-size: 100%;}
h2._heading._rank span::before {content: '';background: url(//img.e87.com/selection/mother/2025images/icon_rank.png) no-repeat;width: 60px;height: 60px;background-size: 100%;}
h2._heading._price span::before {content: '';background: url(//img.e87.com/selection/mother/2025images/icon_yosan.png) no-repeat;width: 60px;height: 60px;background-size: 100%;}
h2._heading._kinds span::before {content: '';background: url(//img.e87.com/selection/mother/2025images/icon_flower.png) no-repeat;width: 60px;height: 60px;background-size: 100%;}
h2._heading._age span::before {content: '';background: url(//img.e87.com/selection/mother/2025images/icon_age.png) no-repeat;width: 60px;height: 60px;background-size: 100%;}
h2._heading._feature span::before {content: '';background: url(//img.e87.com/selection/mother/2025images/icon_other.png) no-repeat;width: 60px;height: 60px;background-size: 100%;}
h2._heading .adjust_heading {font-size: 16px;font-family: 'Noto Serif JP', serif;font-weight: 600;}
h2.heading_sub {font-size: min(4.6vw, 21px);color: #333;position: relative;text-align: center;z-index: 0;font-weight: 600;margin: 0 0 9%;line-height: 1.2;}
h2.heading_sub::after {content: '';background: url(//img.e87.com/s/selection/father/2025img/line_f01.png) no-repeat;position: absolute;bottom: -0.75em;left: 50%;width: 92%;height: 2vh;background-size: 100%;transform: translateX(-50%);}
h2.heading_sub span {position: relative;color: #333;font-weight: bold;line-height: 1.5;}
h3._heading {font-size: min(4.2vw, 16px);color: #333;position: relative;text-align: center;z-index: 0;line-height: 1.4;margin: 3em 4% 5%;border-top: 1px solid #28BDE5;border-bottom: 1px solid #28BDE5;padding: 14px 0 11px;}
h3._heading .adjust_heading {font-size: 16px;font-family: 'Noto Serif JP', serif;font-weight: 600;}
h2.heading_other_feature {font-size: 22px;font-family: 'Noto Serif JP', serif;color: #333;position: relative;text-align: center;font-weight: 600;margin-bottom: 1.25em;display: inline-block;}
h2.heading_other_feature::before {content: '';width: 30px;height: 30px;background: #4c1b67;position: absolute;left: -40px;top: 50%;transform: translateY(-50%);}
h3.heading_other_feature {font-size: 20px;font-family: 'Noto Serif JP', serif;color: #333;position: relative;text-align: center;font-weight: 600;margin-bottom: 1.25em;display: inline-block;margin-top: 80px;}
h4._heading{font-size: min(4.6vw, 18px);position: relative;font-weight: bold;margin: 2em auto 0;width: 92%;padding-left: 24px;box-sizing: border-box;}
h4._heading::before{content: '';width: 16px;height: 16px;border-radius: 50%;background: #C1A470;position: absolute;top: 48%;transform: translateY(-50%);left: 0;}
h4.heading_single {color: #D6127C;font-weight: bold;font-size: min(4.3vw, 17px);text-align: center;position:relative;width:94%;margin: 6% auto 0.5em;display:none;}
h4.heading_single::before {content:'\25BC';position:absolute;top:50%;transform:translateY(-50%);left:0;font-size:12px;}
h4.heading_single::after {content:'\25BC';position:absolute;top:50%;transform:translateY(-50%);right:0;font-size:12px;}

/*---------------------------------
?????? txt common
-----------------------------------*/
.common_txt {font-size: min(4.1vw, 16px);line-height: 1.8;text-align: left;color: #333;margin: 1em 0;padding: 0 6%;}
._annotation {font-size: min(3.7vw, 14px);display: block;}

/* --------------------------------------
??????? Catch main
------------------------------------------- */
#Catch .area_catch{background:url(https://img.e87.com/selection/father/2025images/catch_bg_l2.png)no-repeat;background-position: center center;background-size: cover;}
#Catch .area_catch dl{padding: 2% 3% 1.5%;text-align: center;margin:0;}
#Catch .area_catch dl dt{font-size: min(4.8vw, 23px);font-family: 'Noto Serif JP', serif;color: #28BDE5;-webkit-text-stroke: 8px #fff;text-stroke: 2px black;paint-order: stroke;text-align: center;line-height: 1.2;margin-bottom: 4px;font-weight: 600;}
#Catch .area_catch dl dd{font-size: min(4.2vw, 20px);text-align: center;line-height: 1.4;-webkit-text-stroke: 6px #fff;text-stroke: 2px black;paint-order: stroke;}

/* -----------------------------
�????? local navi
-----------------------------------*/
.navi_local {display: flex;justify-content: space-evenly;align-items: center;color:#333;margin-bottom: 14%;padding: 0 4%;position: relative;z-index: 1;}
.navi_local:last-of-type {padding-bottom:40px;}
.navi_local a{width: 48%;}
.navi_local_box {margin: 0 7px;border-radius: 8px;transition:0.2s;}
.navi_local_pic {width: 180px;overflow: hidden;}
.navi_local_txt {    font-family: "?????? ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "?? ?????", "MS PGothic", sans-serif;text-align: center;font-weight: 500;position: relative;transform: rotate(0.03deg);height: 50px;display: flex;justify-content: center;align-items: flex-end;line-height: 1.5;border-bottom: 2px solid #28BDE5;padding-bottom: 0.25em;color:#333;font-size: min(3.8vw, 16px);}
.navi_local_txt::before {content: '';width: 21px;height: 21px;background: #28BDE5;border-radius: 50%;position: absolute;bottom: -2em;transition: 0.2s;}
.navi_local_txt::after {content: "";position: absolute;bottom: -2em;left: 50%;transform: translateX(-50%);border: 6px solid transparent;border-top: 6px solid #fff;transition: 0.2s;}
.navi_local_pic img {width: 100%;height: auto;box-sizing: border-box;border-radius: 5px 5px 0px 0px;border: 1px solid #b5a695;border-bottom: none;}
.adjust_ochugen {background: linear-gradient(transparent 50%, #f9ff00 50%)}

/*---------------------------------
???? style
-----------------------------------*/
.wrap_btn_style_all{display: block;transition: 0.2s;}
.search_style{margin-top:4%;}
.search_style .search_style_list{display:flex;flex-wrap:wrap;justify-content: center;padding: 0 4%;margin: 0 0 1em;}
.search_style .search_style_list .search_style_contents .wrap_heading{display: block;font-weight: bold;margin: 0 auto;position:relative;font-size: min(4vw,15px);border-radius: 10px;}
.search_style .search_style_list .search_style_contents .wrap_heading::after{    content: "";position: absolute;margin: auto;top: 0;bottom: 0;right: 4px;width: 4px;height: 4px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);transition: 0.2s;}
.search_style .search_style_list .search_style_contents .wrap_heading a{color:#2f2f2e;display: block;padding: 4% 0;text-align: center;line-height: 1.3;}
.search_style .search_style_list .search_style_contents .hide_child li a{color: #2f2f2e;display:block;padding:7% 0;border-bottom: 1px dotted;position:relative;font-size: min(3.8vw, 14px);}
.search_style .search_style_list .search_style_contents .hide_child li a::after{content:'';position: absolute;top: 50%;transform: translateY(-50%);right: 0;display: inline-block;width: 4px;height: 6px;content: '';background-image: url(/corp/img/icon/caret-right.png);background-size: 100%;background-repeat: no-repeat;}
.search_style .search_style_list .search_style_contents .hide_child li{width: 85%;font-size: 14px;text-align: left;margin: 0 auto;}
.search_style .search_style_list .search_style_contents{width: 49%;justify-content: space-between;align-items: flex-start;margin:0;box-sizing: border-box;margin:0 0 0.5em;}.search_style .search_style_list .search_style_contents .wrap_heading::before{right: 3%;box-sizing: border-box;border: 4px solid transparent;border-left: 6px solid #e66784;}
.search_style .search_style_list .search_style_contents .hide_child li a::after {content: '';position: absolute;top: 50%;transform: translateY(-50%);right: 0;display: inline-block;width: 4px;height: 6px;background-image: url(/corp/img/icon/caret-right.png);background-size: 100%;background-repeat: no-repeat;}
.search_style .search_style_list .search_style_contents .wrap_heading ._img{width: 85%;margin: 0 auto 1em;}
.search_style .search_style_list .search_style_contents .wrap_heading ._img img{border-radius:50%;}
.search_style .search_style_list .search_style_contents .wrap_heading .style_heading{font-size: min(4vw, 18px);position:relative;display: block;font-weight: bold;}
.search_style .search_style_list .search_style_contents .wrap_heading .style_heading::after {content: "";position: absolute;margin: auto;top: 0;bottom: 0;right: 0;width: 4px;height: 4px;border-top: 1px solid #2f2f2e;border-right: 1px solid #2f2f2e;transform: rotate(45deg);transition: 0.2s;}
.search_style .search_style_list .search_style_contents .adjust_fs{font-size: min(3.8vw, 16px);}

.search_style .search_style_list._multi3 .search_style_contents span{width:100%;}
.search_style .search_style_list._multi3{display: flex;flex-wrap:wrap;padding:0 3%;}
.search_style .search_style_list._multi4{justify-content: unset;}
.search_style .search_style_list._multi4 .search_style_contents{width: 25%;}
.search_style .search_style_list._multi3 .search_style_contents{width:33%;}
.search_style .search_style_list._multi3 .search_style_contents .wrap_heading ._img{width:100%;}

/*---------------------------------
??????? rank all
-----------------------------------*/
.area_rank{margin: 3% 0 8%;position:relative;}
.rank_box dl dt {font-size: 36px;color: #fff;line-height: 42px;text-align: center;position: absolute;width: 28px;height: 28px;background: #cdcdcd;border-radius: 50%;text-align: center;top: 2px;left: 2px;z-index: 1;}
.rank_box dl dt span{font-family: "Times New Roman";line-height: 1;font-size: 26px;position: absolute;/* line-height: 36px; */top: 50%;left: 50%;transform: translate(-50%, -50%);color: #3c3c3c;}
.rank_box dl dd.item_img {font-size: 13px;color: #333;}
section#ranking {clear:both;overflow:hidden;}
.rank_box {display: block;width: 97%;overflow-x: auto;white-space: nowrap;overflow-scrolling: touch;-webkit-overflow-scrolling: touch;margin: 6% 0 6% 3%;}
.rank_box dl {width: 145px;margin: 0 1.5% 1em;display: inline-block;vertical-align: top;position:relative;}
.rank_box dl dd.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 dl dd.price {color: #333333;margin-top: 4%;white-space: break-spaces;overflow: hidden;}
.rank_box dl dt._gold {background: #b09669;}
.rank_box dl dt._gold span{color:#401f1f;}
.rank_box dl dt._silver {background: #9f9a93;}
.rank_box dl dt._silver span{color:#401f1f;}
.rank_box dl dt._bronze {background: #8d5e0d;}
.rank_box dl dt._bronze span{color:#401f1f;}
.rank_box dl dd div {font-size: 18px;color: #401f1f;line-height: unset;text-align: left;position: static;width: unset;height: unset;background: none;border-radius: unset;z-index: 1;margin-bottom: 0;top:0;left:0;}
.rank_box dl dd div span{font-family: 'Noto Serif JP', serif;display: block;}
.rank_box dl dd div._gold {background:none;position:relative;padding-left:1.5em;}
.rank_box dl div._gold::before {content: '';background: url(//img.e87.com/img/icon/icon_rank_no1.gif) no-repeat;width: 24px;height: 22px;background-size: 100%;position: absolute;left: 0;top: 0px;}
.rank_box dl dd div._gold span{color:#401f1f;}
.rank_box dl dd div._silver {background:none;position:relative;padding-left:1.5em;}
.rank_box dl div._silver::before {content: '';background: url(//img.e87.com/img/icon/icon_rank_no2.gif) no-repeat;width: 24px;height: 22px;background-size: 100%;position: absolute;left: 0;top: 0px;}
.rank_box dl dd div._silver span{color:#401f1f;}
.rank_box dl dd div._bronze {background:none;position:relative;padding-left:1.5em;}
.rank_box dl div._bronze::before {content: '';background: url(//img.e87.com/img/icon/icon_rank_no3.gif) no-repeat;width: 24px;height: 22px;background-size: 100%;position: absolute;left: 0;top: 0px;}
.rank_box dl dd div._bronze span{color:#401f1f;}
.rank_box_other dl dd div span {font-family: 'Noto Serif JP', serif;display: block;font-size: 16px;}

/*---------------------------------
???????????? contents single
-----------------------------------*/
.common_bnr {margin: 4% 0 8%;position: relative;}
.common_contents {margin: 0 auto 40px;display: flex;color: #333;padding: 0 20px;box-sizing: border-box;}
.common_contents h3 {font-size: 20px;margin-bottom: 1em;line-height: 1.8;}
.common_contents p.common_txt {font-size: 16px;margin-bottom: 1em;line-height: 1.8;}
.common_contents .area_right {margin-left: 3em;padding: 0 1em;}
.area_img_txt {position: absolute;bottom: 0;left: 0;font-size: min(5.4vw, 24px);font-family: 'Noto Serif JP', serif;line-height: 1.6;color: #333;font-weight: 600;text-align: center;margin: 6%;    text-shadow: 2px 2px 10px #FFF, -2px 2px 10px #fff, 2px -2px 10px #fff, -2px -2px 10px #fff;}
.area_img_annotation {font-family: 'Noto Serif JP', serif;margin: 4px;font-weight: 500;font-size: min(3.8vw, 14px);display: block;position: absolute;bottom: 0;right: 0;}
.submit_right {position: relative;}
.submit_button {text-align: center;width: 94%;margin: 0 auto;}
.submit_txt {width: 100%;font-size: min(4.2vw, 16px);line-height: 1.7;color: #333;margin: 1em 0 0.5em;}
.submit_txt span {font-size: 15px;display: block;font-size: min(4.2vw, 16px);}
.submit_img {transition: 0.2s;position: relative;}
.button_txt {border: 1px solid #28BDE5;background: #28BDE5;background-size: 100% 100%;font-size: 16px;font-weight: bold;color: #fff;border-radius: 5px;padding: 8px 16px 8px 24px;line-height: 1.4;position: relative;transition: 0.2s;}
.button_txt::before, .button_txt::after {position: absolute;top: 0;bottom: 0;right: 0;margin: auto;content: "";vertical-align: middle;}
.button_txt::after {left: 84%;box-sizing: border-box;width: 15px;height: 12px;border: 7px solid transparent;border-left: 10px solid #fff;}
.contents_single_submit {padding: 0 4%;align-items: stretch;}
h3.heading_single {font-size: min(4.4vw, 18px);color: #333;position: relative;text-align: center;z-index: 0;line-height: 1.7;margin: 14% 4% 4%;font-weight: bold;border-bottom: 1px dotted #919191;padding-bottom: 2%;}
h3.heading_single span{color: #0E3092;}
.area_contents_single h3.heading_single:first-of-type {margin: 8% 4% 4%;}

/*---------------------------------
????? btn common
-----------------------------------*/
.common_btn {padding:0 4% 4%;}
.area_btn {text-align: center;}
.area_btn {margin-top: 4%;}
.area_btn p.btn_text::after {content: "";position: absolute;margin: auto;top: 50%;right: 2em;width: 8px;height: 8px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg) translateY(-50%);transition: 0.2s;}
.area_btn p.btn_text {width: 96%;position: relative;font-size: min(4.6vw, 18px);display: inline-block;color: #fff;font-weight: bold;border-radius: 5px;line-height: 1.3;transition: .2s;box-sizing: border-box;text-align: center;background: #28BDE5;color: #fff;border: 1px solid #28BDE5;padding: 3%;}
.area_btn p.btn_text::after {content: "";position: absolute;margin: auto;top: 50%;right: 0.75em;width: 7px;height: 7px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg) translateY(-50%);transition: 0.2s;}
.area_btn._all p.btn_text {background: #28BDE5;color: #fff;border: 1px solid #28BDE5;}
.area_btn._all p.btn_text::after {content: "";position: absolute;margin: auto;top: 50%;right: 2em;width: 8px;height: 8px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg) translateY(-50%);transition: 0.2s;}
.area_btn._banner{margin:1em auto;border:1px solid #eee;transition:0.2s;}

/* --------------------------------------
???? circle common
------------------------------------------- */
.common_circle_outer {display: flex;align-items: center;justify-content: center;padding-bottom: 1em;flex-wrap: wrap;align-items: flex-start;}
.common_circle_box {width:45%;margin: 1%;}
.common_circle_inner {align-items: center;width: 100%;position: relative;background: #28BDE5;border: 1px solid #28BDE5;box-sizing: border-box;border-radius:5px;}
.common_circle_inner::after {    content: "";position: absolute;margin: auto;top: 50%;right: 1em;width: 6px;height: 6px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg) translateY(-50%);}
.common_circle_txt {font-size: min(4.6vw, 18px);color: #fff;padding: 4% 0;font-weight: bold;line-height: 1.4;transition: .2s;box-sizing: border-box;text-align: center;width: 100%;}

/* -----------------------------------------------------------
other
----------------------------------------------------------- */
.wrap_title h2 {font-size: min(4.8vw, 18px);text-align: center;line-height: 1.4;position: relative;z-index: 0;color: #333;font-weight: 700;}
.area_recommend {padding: 4% 4% 0;margin: 16% 0 2%;}
.wrap_recommend {display: flex;justify-content: space-between;flex-wrap: wrap;padding:0 4%;}
.wrap_recommend .item_box {width: 48%;padding: 0;margin-bottom: 6%;}
.wrap_recommend .right dl.item_point dt {font-size: 16px;}
.wrap_recommend .item_img3_left {margin-right: 0;}
.wrap_recommend .item_img3_left img {width: 100%;}
.wrap_recommend .item_info dd.btn {font-size: 12px;padding: 4px;}
.wrap_recommend .otodoke {font-size: 11px;padding: 0px 10px;top: -10px;}
.wrap_recommend .item_info dt.item_name, section#item05 {padding: 0;}
section#item05 .wrap_recommend {padding: 15px 3%;}
.item_box dl.item_info {padding: 3% 3% 0;margin: 0;}
.item_info dt.item_name, .item_info dd.item_name {font-size: min(4vw, 15px);color: #333;line-height: 1.3;}
.item_info dd.price {margin: 3px 0 0;font-size: min(3.8vw, 14px);color: #333;}

/* --------------------------------------
?????? area_feature
------------------------------------------- */
.area_feature{padding:0 4%;}
.area_feature ul li{margin:4% 3%;}
.area_feature ul li dl dd{font-size: min(4.1vw, 16px);margin-top: 1%;}
._comming{position:relative;}
._comming::before{content: '';width: 100%;height: 100%;position: absolute;background: #333;z-index: 1;background: rgba(0, 0, 0, 0.5);}
._comming::after {content: '2/10\FF08\6708\FF09\8CA9\58F2\958B\59CB';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;z-index: 2;white-space: pre;font-size: 18px;font-weight: bold;}
.area_feature ul.feature_l._mother{margin:2em 0 1em;}
.area_feature ul.feature_l._mother .common_txt{font-weight: bold;color:#F174A0;font-size: min(4.1vw, 18px);text-align: center;margin: 1em 0 0.25em;line-height: 1.4;}

/*---------------------------------
????? nav new
-----------------------------------*/
article#cover section.genre_grade{padding:0 1%;}
.gen_grade_nav{width: 100%;height: 44px;margin: 5px 0 0 auto;text-align: center;}
.gen_grade_nav ul{display: flex;list-style: none;text-align: center;height: 44px;word-break: break-all;}
.gen_grade_nav ul li.genre_grade_navi{width: 49%;height: 38px;padding: 2px;float: left;margin-top: 2px;margin-right: 2px;background: #eee;    border-bottom: 2px solid #c9c9c9;}
.gen_grade_nav ul li.genre_grade_navi:last-child{margin-right:0;}
.genre_grade_navi p.txt10{font-size: min(3vw,11px);}
.gen_grade_nav ul li.genre_grade_navi_act{width: 49%;height: 40px;padding: 2px 4px;background: #0E3092;margin-right: 2px;    border-bottom: 2px solid #0E3092;}
.gen_grade_nav ul li.genre_grade_navi_act p.txt10{color:#fff;font-size:11px;}
section.search {margin: 10px 10px 0 10px;background: #ececec;border-radius: 2px;text-align: center;padding: 3px;}
section.search p.select {padding: 0 0 0 10px;vertical-align: bottom;}
section select{max-width: 100%;}

/*---------------------------------
??????? rank various
-----------------------------------*/
.area_various .rank_box{overflow: unset;display: flex;flex-wrap: wrap;margin: 0;width: 100%;padding: 0 4%;box-sizing: border-box;}
.area_various ._bnr dd.item_img{margin-top:27px;position: relative;}
.area_various ._bnr dd.item_img img{border-radius:5px;}
.area_various .wrap_bnr_txt{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;}
.area_various .rank_box dl{width:46%;padding:0;margin:2%;}
.area_various .wrap_bnr_txt span{font-family: "?????? ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "?? ?????", "MS PGothic", sans-serif;font-size: min(4.6vw, 18px);font-weight: bold;text-align: center;margin: 12% 0;line-height: 1.2;}
.area_various > *:first-child {margin-top:2em;}
.area_various ._bnr dd::after {content: "";position: absolute;margin: auto;bottom: 4%;left: 50%;width: 6px;height: 6px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg) translateX(-50%);}

/* ???????  */
.area_delivery{padding:0 3%;}
.area_delivery p{margin:1.5em 0;}

/* ????????  */
.h2_title{transform: rotate( 0.03deg);color: #0E3092;border-top: 1px solid #0E3092;border-bottom: 1px solid #0E3092;text-align: center;padding: 8px 0 6px;font-size: 15px;font-weight: bold;margin: 0 3% 20px;}
.area_payment{padding:0 3%;}
.area_payment p{font-size:14px;margin: 2% 0 3%;line-height: 1.6;}
.area_payment p._lead a{text-decoration: underline;}
.area_payment .payment_wrap{padding: 3%;border: 1px solid #d9d9d9d9;}
.area_payment .payment_wrap h3{font-size: 15px;border-left: 6px solid #0E3092;padding-left: 8px;color: #0E3092;margin: 8px 0;font-weight: bold;}
.area_payment .payment_wrap dl {border-top: 1px dotted #d9d9d9;padding: 3% 0px;margin-top: 3%;}
.area_payment .payment_wrap dt{font-size: 14px;/* padding-top: 8px; */line-height: 1.5;flex-wrap: wrap;}
.area_payment .payment_wrap ul li{margin-bottom: 3%;}
.area_payment .payment_wrap ul li:last-child{margin-bottom:0;}
.area_payment .payment_wrap dd{display: flex;padding: 3%;justify-content: center;margin: 8px 0;flex-wrap:wrap;align-items: flex-start;}
.area_payment .payment_wrap dd.card img{width: 50px;height: auto;margin-right: 8px;margin-bottom: 8px;}
.area_payment .payment_wrap dd.conv img{width: auto;height: 25px;margin-right: 16px;margin-bottom: 8px;}
.area_payment .payment_wrap dd.annotation{display:block;padding:0;}
.area_payment .payment_wrap dd.annotation p{padding:0;margin:0;font-size: 12px;line-height: 1.5;}

/* ?????????????????? */
section.area_obsession{overflow: unset;}
.area_obsession .area_obsession_inner{padding: 8px 0;font-weight: 500;position:relative;width: 100%;margin: 3% auto;box-sizing: border-box;}
.area_obsession .area_obsession_inner label._heading{color: #0E3092;font-size: 15px;margin-bottom: 8px;position:relative;font-weight: 600;padding-bottom:8px;border-bottom: 1px dotted #d9d9d9;}
.area_obsession .area_obsession_inner .toggle {display: none;}
.area_obsession .area_obsession_inner ._heading {font-family: 'Noto Serif JP', serif;padding: 0.5em;display: block;color: #fff;}
.area_obsession .area_obsession_inner ._heading::after{content:"";width: 6px;height: 6px;border-top: 2px solid #401f1f;border-right: 2px solid #401f1f;-webkit-transform: rotate(45deg);position: absolute;top:calc( 50% - 3px );right: 20px;transform: rotate(135deg);}
.area_obsession .area_obsession_inner ._heading,
.area_obsession .area_obsession_inner .txt_wrap {-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translateZ(0);transition: all 0.3s;}
.area_obsession .area_obsession_inner .txt_wrap {height: 0;margin-bottom:10px;overflow: hidden;}
.toggle:checked + ._heading + .txt_wrap {	/*???*/height: auto;transition: all .3s;}
.toggle:checked + ._heading::after {transform: rotate(-45deg) !important;}
.area_obsession .area_obsession_inner p.obsession_txt{font-size:14px;line-height: 1.8;margin-bottom: 8px;font-weight: 400;}
.area_obsession .area_obsession_inner p.obsession_txt._lead{margin-bottom: 24px;padding:0 8px 0;}
.area_obsession .area_obsession_inner p.ja_txt{width:74%;color: #487c0c;font-weight: 500;}
.area_obsession .area_obsession_inner p.ja_img{width:23%;margin: 0 auto;}
.area_obsession .area_obsession_inner p.ja_img img{width:100%;}
.area_obsession .area_obsession_inner .wrap_ja{display:flex;}

/*---------------------------------
todoite
-----------------------------------*/
.area_payment .todoite p{margin:2% 0;}
.area_payment .todoite p.todoite_img{width:100%;border-top: 1px dotted #d9d9d9;padding: 3% 0 1%;}
.area_payment .todoite ul li{font-size: min(4.1vw, 16px);line-height: 1.6;margin:0;}
.area_payment .todoite h4{font-size: min(4.1vw, 16px);font-weight: bold;margin: 1em 0;color:red;}
.area_payment .payment_wrap .todoite dl{border-top: none;margin: 0;padding: 0;}
.area_payment .payment_wrap .todoite dl dt{font-size: min(4.1vw, 16px);font-weight: bold;}
.area_payment .payment_wrap .todoite dd{padding:0;display: block;}
.area_payment .payment_wrap .todoite a{color:red;}
.area_payment .todoite p{margin: 2% 0;font-size: min(4.1vw, 16px);}

/*---------------------------------
option txt color
-----------------------------------*/
.t_color{color:#111!important;}
input, select, textarea {
    -webkit-tap-highlight-color: rgba(0, 76, 126, 0.25);
    color: #111!important;
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.313;
}