@charset "shift_jis";

/* gnavi */
div#gnavi{margin-bottom:19px !important;}
/* topicpath */div#topicpath{margin:5px 0 0;font-weight:bold;font-size:85%;}
div#topicpath a{font-weight:normal;background:url(//img.e87.com/img/usr/images/topicpath_bg.gif) no-repeat right top;padding:0 10px 0 0;}
/* frame */
#contents {width:950px;margin:0 auto;}
#contents div.contents_inner{margin:0px 14px;}
/* headerArea */div#headerArea{width:960px;margin:0 auto;clear:both;}
div#headerArea .totop{width:270px;float:left;}
div#headerArea .kikan{width:auto;float:right;}
div#headerArea .kikan_{width:auto;float:right;margin-top:18px;}
.sort_area_ dd, .navisort_ dd { line-height: 35px!important;padding-top: 3px!important;}
.navitopicpath_ { margin: 0; overflow: hidden;}
/*2018追記分*/#title_area, #title_area > img, #title_area .visit_pre_, #title_area .visit_pre_br{height:250px;}
dl.sort_area_ a, dl.sort_area_ a:visited, dl.sort_area_ a:active, dl.sort_area_ a:hover {margin:0px 0px 0 15px !important;}
dl.sort_area_ a:hover{text-decoration: underline;}
.sort_area_ dd { line-height: 30px!important;}
/* localmenu */div#localmenu_mother{clear:both;background:#F9F6F6;}
div#localmenu_mother ul{margin:0;}
div#localmenu_mother ul li{float:left;list-style:none;}
div#localmenu_mother ul li img{vertical-align:bottom;}
/* localmenu02 */div#localmenu02_mother{background:#f6cacc url(//img.e87.com/selection/mother/2014images/localmenu02_bg.gif) repeat-x left top;}
div#localmenu02_mother ul{margin:0;}
div#localmenu02_mother ul:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
/* Win版IE7とMac版IE5対暉 */div#localmenu02_mother ul{display:inline-block;}
/* Win版IE5および6対暉 *//* Hides from IE-mac \*/* html div#localmenu02_mother ul{height:1px;}
div#localmenu02_mother ul{display:block;}
/* End hide from IE-mac */div#localmenu02_mother ul li{list-style-type:none;float:left;/*padding:2px 0 2px 2px;*/border-right:1px solid #fff;}
div#localmenu02_mother ul li.cur{background:#fdaebd url(//img.e87.com/selection/mother/2014images/localmenu02_bg_c.gif) repeat-x left top;}
div#localmenu02_mother ul li.cur a{color:#5b2935;font-weight:bold;}
div#localmenu02_mother ul li a{text-decoration:none;color:#5b2935;display:block;/*margin:0 6px 0 4px;*/background:url(//img.e87.com/selection/mother/2014images/localmenu02_arrow.gif) no-repeat 6px center;/*padding-left:10px;*/padding:3px 4px 2px 14px;font-weight:bold;}
/*戞column */div#mother_column {background-color:#ffffff;border:1px solid #dbdad3;margin:0 0 20px;padding:10px 0 5px 15px;}
div#mother_column h3{background:url(//img.e87.com/selection/mother/2014images/colum_h3icon.gif) no-repeat left top;color:#ca417d;font-weight:bold;margin:0 0 7px;padding:0 0 0 19px;}
div#mother_column ul:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
.clr {zoom:100% }
.clr:after {content:"";display:block;clear:both;height:0px;overflow:hidden;}
/* Win版IE7とMac版IE5対暉 */div#mother_column ul{display:inline-block;}
/* Win版IE5および6対暉 *//* Hides from IE-mac \;*/* html div#mother_column ul{height:1px;}
div#mother_column ul{display:block;}
/* End hide from IE-mac */div#mother_column ul li {background: url(//img.e87.com/selection/mother/2014images/colum_arrow.gif) no-repeat left;padding: 0 0 0 10px;margin: 2px 5px 5px 3px;_margin-left: 5px;font-size: 92%;float: left;list-style: none;float: left;width: 214px;}
div#mother_column ul li a {text-decoration:none;}
div#mother_column ul li a:hover {text-decoration:underline;}
div#mother_column ul {margin:0 0 0 10px;}
/*戞localMenu */h2.h2_ttl:before {content: "";background: url(//img.e87.com/selection/mother/2021images/mother_kane_icon.png) no-repeat;position: absolute;background-size: contain;width: 22px;height: 20px;left: 5px;top: 3px;}
h2.h2_ttl {font-weight: bold;color: #791b2c;position: relative;padding: 5px 32px 3px;margin-top: 3em;}
.localMenu{padding: 8px 20px 0;}
.localMenu dl.lastChild {border-bottom:1px solid #e3e3e3;}
.localMenu dt span {display:block;padding:10px 10px 10px 15px;font-weight:bold;color:#d00056;}
.localMenu dd li {float:left;width:200px;padding:3px 0;}
.localMenu dd li.parent {float:none;width:600px;}
.localMenu dd li a {background:url(//img.e87.com/selection/mother/2014images/index_lmenu_arrow.gif) no-repeat left 0.2em;padding:0 3px 0 9px;}
.localMenu dd li span { padding: 0 0 0 30px;}
.localMenu dd li span a {background:none;margin:0 3px 0 0;padding:0;}
.localMenu dl { border-top: 1px solid #e3e3e3; background: #f8f8f8; font-size: 85%; display: flex;}
.localMenu dd { background: #fff; padding: 10px 0 10px 25px!important; width: 740px!important;}
.localMenu dt { width: 200px!important;}

#n_columnArea h2.h2_title, #faq h2.h2_title, #delivery h2.h2_title, #payment h2.h2_title, #about h2.h2_title {color: #d9346e;border-top: 1px solid #d9346e;border-bottom: 1px solid #d9346e;text-align: center;padding: 8px 0 6px;font-size: 16px;font-weight: bold;margin: 30px 20px 20px;}
.main_contents a:hover {text-decoration: none!important;}

/* --------------------------------------
????? contents
------------------------------------------- */
.contents{ width:960px; margin: 0 auto!important; line-height:1.3;color:#333;}
.contents img {width: 100%;height: auto;transition:0.2s;}
#contents_0903new #contents a:hover{opacity:0.8;}

/*---------------------------------
??? heading
-----------------------------------*/
.wrap_heading {text-align: center;}
h2._heading {font-size: 24px;color: #333;position: relative;text-align: center;z-index: 0;font-weight: 600;margin: 0 0 72px;line-height: 1.2;}
h2._heading::after {content:''; background:url(//img.e87.com/selection/mother/2025images/heading_line_new.png)no-repeat;position:absolute;bottom:-2em;left:50%;width:760px;height:16px;background-size:100%;transform: translateX(-50%);}
h2._heading span {position: relative;color: #333;}
h2._heading span::before {content: '';background: url(//img.e87.com/selection/mother/2025images/icon_style.png) no-repeat;position: absolute;width: 75px;height: 75px;left: -90px;top: 40%;transform: translateY(-50%);background-size: 100%;}
h2._heading._rank span::before {content: '';background: url(//img.e87.com/selection/mother/2025images/icon_rank.png) no-repeat;}
h2._heading._price span::before {content: '';background: url(//img.e87.com/selection/mother/2025images/icon_yosan.png) no-repeat;}
h2._heading._kinds span::before {content: '';background: url(//img.e87.com/selection/mother/2025images/icon_flower.png) no-repeat;}
h2._heading._age span::before {content: '';background: url(//img.e87.com/selection/mother/2025images/icon_age.png) no-repeat;}
h2._heading._feature span::before {content: '';background: url(//img.e87.com/selection/mother/2025images/icon_other.png) no-repeat;}
h2._heading .adjust_heading {font-size: 16px;font-family: 'Noto Serif JP', serif;font-weight: 600;}
h2.heading_sub {font-size: 24px;color: #333;position: relative;text-align: center;z-index: 0;font-weight: 600;margin: 0 0 52px;line-height: 1.2;}
h2.heading_sub::after {content:''; background:url(//img.e87.com/selection/mother/2025images/heading_line_new.png)no-repeat;position:absolute;bottom:-1em;left:50%;width:760px;height:16px;background-size:100%;transform: translateX(-50%);}
h2.heading_sub span {position: relative;color: #F174A0;font-weight: bold;}
h3._heading {width: 750px;font-size: 20px;color: #333;position: relative;text-align: center;z-index: 0;line-height: 1.4;margin: 64px auto 32px;border-top: 1px solid #F174A0;border-bottom: 1px solid #F174A0;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:20px;padding-left: 4em;position:relative;font-weight: bold;margin: 2.5em 0 0;}
h4._heading::before{content:'';width:24px;height:24px;border-radius: 50%;background:#C1A470;position:absolute;top:-1%;left:2.5em;}

/*---------------------------------
?????? txt common
-----------------------------------*/
.common_txt {font-size: 16px;line-height: 2;text-align: center;color: #333;margin:1.5em 0;}

/*---------------------------------
????? btn common
-----------------------------------*/
.common_btn {margin: 40px 0 120px;}
.area_btn {text-align: center;}
.area_btn p.btn_text {position: relative;font-size: 20px;padding: 23px 64px 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;border: 1px solid #D01C1C;background: #D01C1C;width: 680px;}
.area_btn {margin-top: 2em;}
.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:hover {background: #fff;color: #4f3464;}
.area_btn p.btn_text:hover:after {right: 1.5em;border-top: 2px solid #4f3464;border-right: 2px solid #4f3464;}
.area_btn p.btn_text {background: #F174A0;color: #fff;border: 1px solid #F174A0;}
.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:hover {background: unset;color: #F174A0;}
.area_btn p.btn_text:hover:after {right: 1.5em;border-top: 2px solid #F174A0;border-right: 2px solid #F174A0;}

.area_btn._all p.btn_text {background: #ec6d74;color: #fff;border: 1px solid #ec6d74;}
.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._all p.btn_text:hover {background: unset;color: #ec6d74;}
.area_btn._all p.btn_text:hover:after {right: 1.5em;border-top: 2px solid #ec6d74;border-right: 2px solid #F174A0;}

.area_btn._banner{width:700px;margin:2em auto;border:1px solid #eee;transition:0.2s;}
.area_btn._banner:hover{opacity:0.8;}

/*---------------------------------
???????? contents main sub
-----------------------------------*/
.main_contents {margin:120px 0;}
.sub_contents {margin:80px 0;}

/*---------------------------------
???????????? contents single
-----------------------------------*/
.common_bnr {width: 960px;margin: 24px auto 32px;position: relative;}
.area_img_txt {position: absolute;top: 70%;transform: translateY(-50%);left: 5em;font-size: 24px;font-family: 'Noto Serif JP', serif;line-height: 1.6;color: #333;font-weight: 500;text-align: center;}
.area_img_annotation {font-family: 'Noto Serif JP', serif;position: absolute;bottom: 0;right: 0;margin: 4px;font-weight: 500;}
.submit_right {margin-left: 32px;position: relative;width: 295px;}
.submit_button {text-align: center;position: absolute;width: 100%;bottom: 0;}
.submit_button a:hover {text-decoration: none;}
.submit_txt {position: absolute;top: 50%;transform: translateY(-50%);width: 100%;font-size: 16px;line-height: 1.7;color: #333;}
.submit_txt span {font-size: 15px;display: block;}
.submit_img {transition: 0.2s;position: relative;}
.submit_img:hover {opacity: 0.8;}
.button_txt {border: 1px solid #F174A0;background: #F174A0;background-size: 100% 100%;font-size: 15px;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;}
.button_txt:hover {background: none;color: #f174a0;}
.button_txt:hover::after {border-left: 10px solid #f174a0;}
.button_txt:hover::before {background: #E97171;}
.contents_single_submit {display: flex;padding: 0 20px 2em;align-items: stretch;}
h3.heading_single {font-size: 20px;color: #333;position: relative;text-align: center;z-index: 0;margin: 32px 0;line-height: 1.4;margin: 64px 0 24px;}
h3.heading_single span {color: #F174A0;font-weight: bold;}
h4.heading_single {color: #F174A0;font-weight: bold;font-size: 16px;text-align: center;margin-bottom: 1.25em;display:none;}


/* --------------------------------------
??????? Catch main
------------------------------------------- */
#Catch .area_catch{background:url(https://img.e87.com/selection/mother/2025images/catch_bg_l.png)no-repeat;background-position: center center;}
#Catch .area_catch dl{padding: 1em 0 0.75em;text-align: center;margin:0 0 20px;}
#Catch .area_catch dl dt{font-size: 30px;font-family: 'Noto Serif JP', serif;color: #F174A0;-webkit-text-stroke: 14px #fff;text-stroke: 2px black;paint-order: stroke;text-align: center;line-height: 1.2;margin-bottom: 8px;font-weight: 600;}
#Catch .area_catch dl dd{font-size: 18px;text-align: center;line-height: 1.4;-webkit-text-stroke: 10px #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: 144px;}
.navi_local_box {margin: 0 7px;border-radius: 8px;transition: 0.2s;}
.navi_local_txt {text-align: center;font-size: 16px;font-weight: 500;position: relative;transform: rotate(0.03deg);height: 55px;display: flex;justify-content: center;align-items: flex-end;line-height: 1.5;border-bottom: 2px solid #F174A0;padding-bottom: 0.25em;color: #333;}
.navi_local_txt::before {content: '';width: 24px;height: 24px;background: #F174A0;border-radius: 50%;position: absolute;bottom: -2.5em;transition: 0.2s;}
.navi_local_txt::after {content: "";position: absolute;bottom: -2.5em;left: 50%;transform: translateX(-50%);border: 7px solid transparent;border-top: 7px 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;}
.navi_local a._navi{width:15%;}
.navi_local a:hover {text-decoration: none;color: #5f4549;}
.navi_local_box:hover {opacity: 0.8;}
.navi_local_box:hover .navi_local_txt::after {bottom: -3em;}
.navi_local_box:hover .navi_local_txt::before {bottom: -3em;}

/*---------------------------------
???????? style
-----------------------------------*/
.search_style .search_style_list .search_style_contents .wrap_heading::after {content: "";position: absolute;margin: auto;top: 0;bottom: 0;right: 8px;width: 8px;height: 8px;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:hover::after {right: 4px;}
.search_style .search_style_list .search_style_contents .wrap_heading a:hover {text-decoration: none;}
.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 .wrap_heading::after {content: unset;}
.search_style .search_style_list {display: flex;flex-wrap: wrap;justify-content: center;padding: 0;margin: 24px 0;}
.search_style .search_style_list .search_style_contents {width: 26%;padding: 0;position: relative;margin:0 2em;box-sizing: border-box;transition:0.2s;}
.search_style .search_style_list._top .search_style_contents {margin:0 2em 1em;}
#feature .search_style .search_style_list .search_style_contents {margin: 0 8px;}
.search_style .search_style_list .search_style_contents .wrap_heading {display: block;font-weight: bold;margin: 0 auto;position: relative;font-size: min(4vw,16px);border-radius: 10px;background: none;}
.search_style .search_style_list .search_style_contents .wrap_heading a {font-family: 'Noto Serif JP', serif;color: #333;display: block;text-align: center;transition: 0.2s;}
.search_style .search_style_list .search_style_contents .wrap_heading a ._img {width: 220px;margin: 0 auto 0.5em;}
.search_style .search_style_list .search_style_contents .wrap_heading a ._img img {border-radius: 50%;width: 100%;height: auto;}
.search_style .search_style_list .search_style_contents .wrap_heading a .style_heading {font-size: 17px;color: #333;display: block;position: relative;text-align: center;font-family: "???C???I", Meiryo, "?q????M?m?p?S Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?l?r ?o?S?V?b?N", "MS PGothic", sans-serif;line-height: 1.6;font-weight: bold;}
.search_style .search_style_list .search_style_contents .wrap_heading a .style_heading::after {content: "";position: absolute;margin: auto;top: 0;bottom: 0;right: 0.25em;width: 8px;height: 8px;border-top: 2px solid #333;border-right: 2px solid #333;transform: rotate(45deg);transition: 0.2s;}
.search_style .search_style_list .search_style_contents .wrap_heading:hover a .style_heading::after {right: 0em;}
.search_style .search_style_list .search_style_contents._comming_::before {content: '';width: 100%;height: 100%;position: absolute;background: #333;z-index: 1;background: rgba(0, 0, 0, 0.5);}
.search_style .search_style_list .search_style_contents._comming_::after {content: '\8FD1\65E5\8CA9\58F2\958B\59CB\4E88\5B9A\FF01';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;z-index: 2;white-space: pre;font-size: 18px;font-weight: bold;}
.search_style .search_style_list .search_style_contents._comming_::before {content: '';width: 100%;height: 100%;position: absolute;background: #333;z-index: 1;background: rgba(0, 0, 0, 0.5);}
.search_style .search_style_list .search_style_contents._comming_::after {content: '11\6708\4E0A\65EC\8CA9\58F2\958B\59CB\FF01';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;z-index: 2;white-space: pre;font-size: 18px;font-weight: bold;}
.search_style .search_style_list .search_style_contents._comming_._newyear_::after {content: '11\6708\4E0B\65EC\8CA9\58F2\958B\59CB\FF01';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;z-index: 2;white-space: pre;}
.search_style .search_style_list .search_style_contents .hide_child li a {color: #333;display: block;padding: 8px 0 0;position: relative;font-size: 14px;text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
.search_style .search_style_list .search_style_contents .hide_child li a span {font-size: 14px;text-decoration-color: #767676;}
.search_style .search_style_list._multi3 {display: flex;flex-wrap: wrap;}
.search_style .search_style_list .search_style_contents .hide_child {display: flex;flex-wrap: wrap;justify-content: center;}
.search_style .search_style_list .search_style_contents .hide_child li {border-bottom: 1px dotted #d9d9d9;margin: 1% 2%;width: 46%;position: relative;height: 50px;transition:0.2s;}
.search_style .search_style_list .search_style_contents .hide_child li:hover {opacity:0.8;}

.search_style .search_style_list .search_style_contents .wrap_heading a ._img img._hidden{position: absolute;top: 42%;left: 50%;width: 200px;height: 200px;transform: translate(-50%, -50%);opacity: 0;}
.search_style .search_style_list .search_style_contents .wrap_heading a ._img:hover img._front{opacity:0;}
.search_style .search_style_list .search_style_contents .wrap_heading a ._img:hover img._hidden{opacity:1;}

/*---------------------------------
????????? rank
-----------------------------------*/
#rank {position: relative;margin: 120px 0;}
section#ranking {clear: both;position: relative;}
.area_rank{margin:24px 0;}
.rank_box {display: flex;justify-content: center;}
.rank_box dl {padding: 0 12px;width: 240px;font-family: "????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;transition:0.2s;}
.rank_box dl:hover {opacity:0.8;}
.rank_box._top dl {width: 230px;padding: 0 12px;}
.rank_box dl div {font-size: 18px;color: #401f1f;line-height: 20px;z-index: 1;position: static;background: none;width: unset;height: unset;text-align: left;margin-bottom:4px;}
.rank_box dl div._gold::before {content: '';background: url(//img.e87.com/img/icon/icon_rank_no1.gif) no-repeat;width: 26px;height: 24px;background-size: 100%;position: absolute;left: 0;top: -4px;}
.rank_box dl div._silver::before {content: '';background: url(//img.e87.com/img/icon/icon_rank_no2.gif) no-repeat;width: 26px;height: 24px;background-size: 100%;position: absolute;left: 0;top: -4px;}
.rank_box dl div._bronze::before {content: '';background: url(//img.e87.com/img/icon/icon_rank_no3.gif) no-repeat;width: 26px;height: 24px;background-size: 100%;position: absolute;left: 0;top: -4px;}
.rank_box dl div._gold {padding-left: 1.55em;background: none;padding-left: 1.55em;background: none;width: unset;height: unset;border-radius: unset;text-align: left;}
.rank_box dl div._gold span {color: #401f1f;font-size: 21px;}
.rank_box dl div._silver {padding-left: 1.55em;padding-left: 1.55em;background: none;width: unset;height: unset;border-radius: unset;text-align: left;}
.rank_box dl div._silver span {color: #401f1f;font-size: 21px;}
.rank_box dl div._bronze {padding-left: 1.55em;padding-left: 1.55em;background: none;width: unset;height: unset;border-radius: unset;text-align: left;}
.rank_box dl div._bronze span {color: #401f1f;font-size: 21px;}
.rank_box._bottom dl {width:200px;}
.rank_box._bottom dl div {font-size: 28px;background: none;width: unset;height: unset;text-align: left;}
.rank_box dl div span {font-family: 'Noto Serif JP', serif;font-size: 21px;color: #333;position: static;}
.rank_box .item_img {position: relative;}
.rank_box._bottom dl dd.item_img {margin: 24px 0 0;}
.rank_box dl dd.item_name {color: #333;margin-top: 8px;margin-bottom: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 13px;line-height: 1.3;}
.rank_box dl dd.price {color: #333;}
.rank_box a:hover {text-decoration: none;}
.rank_box img {width: 100%;height: auto;}

/*---------------------------------
??????????? rank various
-----------------------------------*/
.area_various ._bnr dd{margin-top:24px;width:200px;height:200px;background:#F174A0;color:#fff;display:flex;flex-direction: column;justify-content: center;position:relative;transition:0.2s;border:1px solid #F174A0;box-sizing: border-box;border-radius:5px;}
.area_various ._bnr dd::after {content: "";position: absolute;margin: auto;bottom: 1em;left: 50%;width: 8px;height: 8px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg) translateX(-50%);transition: 0.2s;}
.area_various ._bnr dd:hover{background:#fff;color:#F174A0;}
.area_various ._bnr dd:hover::after {left: 54%;width: 6px;border-top: 2px solid #F174A0;border-right: 2px solid #F174A0;width: 8px;}
.area_various ._bnr dd span{font-size:18px;display:block;text-align: center;font-weight: bold;margin: 0.5em 0;}
.area_various .rank_box dl{width:200px;padding:0 8px;}
.area_various > *:first-child {margin-top:2em;}

/* --------------------------------------
???? circle common
------------------------------------------- */
.common_circle_outer {display: flex;align-items: center;justify-content: center;padding-bottom: 1em;margin-bottom: 3em;flex-wrap: wrap;}
.common_circle_box {margin: 8px 16px;transition: 0.2s;}
.common_circle_box:hover {opacity: 0.8;}
.common_circle_inner {align-items: center;width: 150px;height: 150px;position: relative;border-radius: 50%;background: #F174A0;border: 1px solid #F174A0;box-sizing: border-box;}
.common_circle_inner:hover {background:#fff;}
.common_circle_inner:hover .common_circle_txt{color:#F174A0;}
.common_circle_inner::after {content: "";position: absolute;margin: auto;bottom: 1em;left: 50%;width: 6px;height: 6px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg) translateX(-50%);transition: 0.2s;}
.common_circle_inner:hover::after {left: 54%;width: 6px;border-top: 2px solid #f174a0;border-right: 2px solid #f174a0;}
.common_circle_txt {font-size: 18px;color: #fff;padding: 4px;font-weight: bold;line-height: 1.4;transition: .2s;box-sizing: border-box;text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
.common_circle_txt:hover:after {right: 10px;}
.common_circle_inner:hover .common_circle_txt.pink::after {right: 8px;}
.common_circle_inner .common_circle_pic {transition: 0.2s;}
.common_circle_inner:hover .common_circle_pic {opacity: 0.8;}

/* --------------------------------------
?????? kinds
------------------------------------------- */
#kinds .common_circle_inner{background:none;border:unset;width:172px;height:172px;}
#kinds .kinds_circle_txt{font-size: 18px;text-align: center;margin: 1em 0 0.25em;color: #c40000;font-weight: bold;}
#kinds .common_circle_box span.kinds_txt{display: block;width: 172px;font-size: 14px;line-height: 1.6;color:#333;height:2em;text-align: center;}
#kinds .common_circle_box .adjust_fs{font-size: 16px;font-weight: bold;color: #333;}
#kinds .common_circle_box:hover span.kinds_txt{text-decoration: none;}
#kinds .common_circle_inner::after{content:unset;}
#kinds ._img img._hidden{position: absolute;top: 50%;left: 50%;width: 172px;height: 172px;transform: translate(-50%, -50%);opacity: 0;}
#kinds ._img:hover img._front{opacity:0;}
#kinds ._img:hover img._hidden{opacity:1;}
#kinds .common_circle_box:hover{opacity:unset;}

/* --------------------------------------
?????? age
------------------------------------------- */
#age .common_circle_box{margin:8px;}
#age .common_circle_inner{width:125px;height:125px;}

/* --------------------------------------
????? fature
------------------------------------------- */
.area_feature ul{width: 940px;margin: 0 auto;}
.area_feature ul.feature_l li{margin:20px;transition:0.2s;}
.area_feature ul.feature_l li:hover{opacity:0.8;}
.area_feature ul.feature_s{display:flex;flex-wrap: wrap;width:900px;}
.area_feature ul.feature_s li{width:440px;transition:0.2s;}
.area_feature ul.feature_s li:hover{opacity:0.8;}
.area_feature ul.feature_s li:nth-of-type(odd){margin:0 20px 20px 0;}
.area_feature dl{margin:0.5em 0;}
.area_feature dl dt{font-size:14px;color:#333;margin-bottom: 0.25em;font-weight: bold;color:#F174A0;}
.area_feature dl dd{font-size:13px;color:#333;}
._comming{position:relative;}
._comming::before{content: '';width: 100%;height: 140px;position: absolute;background: #555555;z-index: 1;background: rgba(0, 0, 0, 0.5);}
._comming::after {content: '2/10\FF08\6708\FF09\8CA9\58F2\958B\59CB\4E88\5B9A';position: absolute;top: 35%;left: 50%;transform: translate(-50%, -50%);color: #fff;z-index: 2;white-space: pre;font-size: 18px;font-weight: bold;}

/* -----------------------------------------------------------
?????? recommend
----------------------------------------------------------- */
.wrap_recommend{display:flex;flex-wrap: wrap;width:892px;margin:0 auto;}
.wrap_recommend.column_3{justify-content: center;}
.wrap_recommend .right dl.item_point dt{font-size:16px;}
.wrap_recommend .item_img3_left{margin-right:0;position:relative;}
.wrap_recommend .item_info dd.btn{font-size:12px;padding:4px;}
.wrap_recommend .otodoke{font-size: 12px;padding: 0px 10px;top: -10px;}
.wrap_recommend .item_box{padding: 8px 11.5px 0;display:block;width: 200px;}
.wrap_recommend .item_info dt.item_name, 
.wrap_recommend .item_info dd.item_name{font-size:14px;line-height: 1.3;color:#333;}
.wrap_recommend .right{margin:0;width:auto;}
.wrap_recommend .right h4{color:#21388e;font-size:14px;margin:8px 0;}
.wrap_recommend .item_info dd.price {margin: 4px 0;color:#333;}
.wrap_recommend .btn {font-size: 16px;padding: 5px;background: #21388e;color: #fff;text-align: center;border-radius: 8px;margin-top: 12px;border: 2px solid #21388e;transition:0.2s;}
.wrap_recommend .btn:hover{color:#21388e;background:#fff;}
.wrap_recommend .item_box dl.item_info{border:none;margin: 1em 0;}
.wrap_recommend .item_box dl.item_info a:hover{text-decoration: none;}
.wrap_recommend img:hover{opacity:0.8;}
.wrap_recommend_line{text-align: center;margin-bottom: 1em;}
._delivery{position:absolute;bottom:0;right:0;padding: 4px 7px 2px;background: #304fc4;color: #fff;z-index:1;}
._delivery._noshi{background: #bb00e7;}
.submit_img ._delivery._noshi{background: #bb00e7;top:0;bottom:unset;}
.recommend_bnr{width: 750px;margin: 16px auto 32px;position: relative;transition:0.2s;}
.recommend_bnr a{transition:0.2s;}
.recommend_bnr a:hover{opacity:0.8;}
.recommend_bnr_txt{position: absolute;top: 50%;transform: translateY(-50%);color: #EF3F71;font-size: 22px;font-weight: 500;line-height: 1.6;left: 4em;letter-spacing: 1px;font-family: 'Noto Serif JP', serif;}

/*--------------------------------
sns sns
-----------------------------------*/
.wrap_sns {background: #FFF4F4;padding: 24px 0 0;margin:0 20px;position: relative;}
.sns_heading {color: #D20D0D;font-size: 21px;position: relative;text-align: center;z-index: 0;font-weight: 600;margin: 32px 0 40px;line-height: 1.2;}
.sns_heading span {font-weight: bold;margin-bottom: 0.25em;text-align: center;display: block;}
.sns_heading img {position: absolute;bottom: -1em;left: 50%;transform: translateX(-50%);}
.wrap_sns .wrap_area_img {position: relative;width: 650px;margin: 16px auto;text-align: center;}
.wrap_sns .wrap_area_img._open::after {content: '';background: url(//img.e87.com/selection/winter/2024images/star.png) no-repeat;width: 110px;height: 110px;background-size: 100%;position: absolute;top: -55%;right: 5%;transform: translateX(-50%);}
.wrap_sns .wrap_area_img span {display: inline-block;color: #10671E;transform: rotate(-2deg);position: absolute;top: 13px;left: 102px;font-size: 16px;font-weight: bold;}
.wrap_sns .area_img_txt {position: absolute;top: 64%;left: 50%;transform: translate(-50%,-50%);font-size: 18px;font-family: "???C???I", Meiryo, "?q???M?m?p?S Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?l?r ?o?S?V?b?N", "MS PGothic", sans-serif;line-height: 1.6;color: #333;font-weight: bold;}
.wrap_sns .area_img {margin-bottom: 48px;}
.wrap_sns .sns_bnr {display: flex;justify-content: center;}
.wrap_sns .sns_bnr a {margin: 40px;transition: 0.2s;}
.wrap_sns .sns_bnr a:hover {opacity: 0.8;}
.wrap_sns .sns_bnr a:hover div::after {bottom: 0;}
.wrap_sns .sns_bnr div {width: 240px;height: 240px;border-radius: 50%;background: #eee;position: relative;}
.wrap_sns .sns_bnr div._magazine::before {content: '';background: url(//img.e87.com/selection/winter/2024images/mailmagazine_icon.png) no-repeat;width: 70px;height: 51px;background-size: 100%;position: absolute;top: 13%;left: 50%;transform: translateX(-50%);}
.wrap_sns .sns_bnr div._line::before {content: '';background: url(//img.e87.com/selection/winter/2024images/LINE_Brand_icon.png) no-repeat;width: 80px;height: 80px;background-size: 100%;position: absolute;top: 8%;left: 50%;transform: translateX(-50%);}
.wrap_sns .sns_bnr div::after {content: "";position: absolute;bottom: 8px;left: 50%;transform: translateX(-50%);border: 14px solid transparent;border-top: 15px solid #fff;transition: 0.2s;}
.wrap_sns .sns_bnr_txt {font-size: 18px;text-align: center;position: absolute;left: 50%;transform: translateX(-50%);width: 100%;top: 40%;line-height: 1.8;font-weight: bold;color: #fff;}
.wrap_sns .sns_bnr div._magazine {background: #CA417D;}
.wrap_sns .sns_bnr div._line {background: #06C755;}
.coming_lead {font-size: 16px;line-height: 1.8;text-align: center;color: #333;}

/*戞specialprice */
span.price{margin-top:0.5em;}
/* .rank_box dl dd.price {text-decoration: line-through;} */
.specialprice{ color: #cc0707;font-size:14px;}
.specialprice_down{color: #cc0707; }
.specialprice_up{ color: #cc0707; }
._normal{text-decoration: line-through;font-size:13px!important;margin-top:2px;}
.price{font-size:13px;}

/* font */
.m_font{font-weight:bold;font-family:'Noto Sans', sans-serif;font-family:'Noto Serif', serif;transform:rotate(0.03deg);}
section#style a:hover {text-decoration: none!important;}

/* --------------------------------------
??????????? recommend_column
------------------------------------------- */
.wrap-recommend-column {display: flex;flex-wrap: wrap;justify-content: center;}
.wrap-recommend-column a:hover{text-decoration: none;color:#705252;}
.wrap-recommend-column .e87-recommend-column {border: 1px solid #eee;padding: 2%;position: relative;width: 21%;transition: 0.2s;margin: 0.5% 0.5% 2% 0.5%;padding: 1%;transition:0.2s;}
.wrap-recommend-column .e87-recommend-column:hover {opacity:0.8;}
.wrap-recommend-column .e87-recommend-column__img img{width:100%;height:auto;}
.wrap-recommend-column .e87-recommend-column::after {content: "";position: absolute;bottom: 4px;right: 4px;width: 0;height: 0;border-style: solid;border-width: 0 0 10px 16px;border-color: transparent transparent #ffa4b9 transparent;transition: 0.2s;}
.wrap-recommend-column .e87-recommend-column::after {border-width: 0 0 15px 21px;}
.e87-recommend-column-wrap h4 {font-size: 14px;margin: 0.5em 0;font-weight: bold;color: #705252;}
.e87-recommend-column-wrap .e87-recommend-column__text {font-size: 14px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 0.5em 0;color: #705252;}

/*---------------------------------
?????? pagetop
-----------------------------------*/
#to-top {position: fixed;bottom: 50px;right: 26px;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;}

/* --------------------------------------
??????? delivery
------------------------------------------- */
.area_delivery{padding:0 3%;}
.area_delivery p{margin: 3em auto;width: 860px;}

 /* --------------------------------------
???????? payment
------------------------------------------- */
.area_payment{padding:0 3%;}
.area_payment p{font-size:16px;margin: 2% 0 3%;line-height: 1.6;}
.area_payment p._lead a{text-decoration: underline;}
.area_payment .payment_wrap{padding: 24px;border: 1px solid #d9d9d9d9;}
.area_payment .payment_wrap h3{font-size: 16px;border-left: 6px solid #d9346e;padding-left: 8px;color: #d9346e;margin: 8px 0;font-weight: bold;}
.area_payment .payment_wrap dl {border-top: 1px dotted #d9d9d9;padding: 16px 10px;margin-top: 16px;}
.area_payment .payment_wrap dt{font-size: 15px;/* padding-top: 8px; */line-height: 1.5;}
.area_payment .payment_wrap ul li{margin-bottom:24px;}
.area_payment .payment_wrap ul li:last-child{margin-bottom:0;}
.area_payment .payment_wrap dd{display: flex;padding: 16px;justify-content: center;margin: 8px 0;align-items: baseline;}
.area_payment .payment_wrap dd.card img{width: 80px;height: 60px;margin-right: 8px;}
.area_payment .payment_wrap dd.card img._jcb{height: 60px;}
.area_payment .payment_wrap dd.conv img{width: auto;height: 25px;margin-right: 8px;}
.area_payment .payment_wrap dd.annotation{display:block;padding:0;}
.area_payment .payment_wrap dd.annotation p{padding:0;margin:0;font-size: 13px;line-height: 1.5;}

/* --------------------------------------
???????? about
------------------------------------------- */
section.area_obsession{overflow: unset;}
.area_obsession .area_obsession_inner{padding: 8px 0;font-weight: 500;position:relative;width: 100%;margin: 24px auto;box-sizing: border-box;}
.area_obsession .area_obsession_inner label._heading{color: #d9346e;font-size: 18px;margin-bottom: 16px;position:relative;font-weight: 600;padding-left:1em;padding-bottom:16px;margin:0 8px 0px;border-bottom: 1px dotted #d9d9d9;}
.area_obsession .area_obsession_inner label._heading:hover{cursor:pointer;color: #ff90a9;}
.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;padding: 0 2em 0px 2.5em;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:15px;line-height: 1.8;margin-bottom: 18px;font-weight: 400;}

/* --------------------------------------
??????????? recommend_column
------------------------------------------- */
#recommend_column .wrap-common-column {display: flex;flex-wrap: wrap;justify-content: center;}
#recommend_column .wrap-common-column a:hover{text-decoration: none;color:#705252;}
#recommend_column .wrap-common-column .e87-common-column {border: 1px solid #eee;padding: 2%;position: relative;width: 25%;transition: 0.2s;margin: 0.5% 0.5% 2% 0.5%;padding: 1%;}
#recommend_column .wrap-common-column .e87-common-column a{transition:0.2s;}
#recommend_column .wrap-common-column .e87-common-column a:hover{opacity:0.8;}
#recommend_column .wrap-common-column .e87-common-column__img img{width:100%;height:auto;}
#recommend_column .wrap-common-column .e87-common-column::after {content: "";position: absolute;bottom: 4px;right: 4px;width: 0;height: 0;border-style: solid;border-width: 0 0 10px 16px;border-color: transparent transparent #ffa4b9 transparent;transition: 0.2s;}
#recommend_column .wrap-common-column .e87-common-column::after {border-width: 0 0 15px 21px;}
#recommend_column .e87-common-column-wrap h4 {font-size: 15px;margin: 0.5em 0;font-weight: bold;color: #705252;}
#recommend_column .e87-common-column-wrap .e87-common-column__text {font-size: 14px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 0.5em 0;color: #705252;}
#recommend_column .e87-common-column-image{display:block;}

/* --------------------------------------
??????????? addition0307
------------------------------------------- */
.wrap_recommend{width:unset;padding: 0 48px;}
.wrap_recommend .item_box{padding:8px;}