@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;}
.visit_pre_br > h1{text-align:center;padding-top:30px;font-size:35px;}
.visit_pre_ > .en_, .visit_pre_br > .en_{text-align:center;font-weight:normal;font-size:12px;color:#401f1f;position:absolute;bottom:11px;left:310px;width:370px;margin:0 auto;}
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 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: #bb2649;border-top: 1px solid #bb2649;border-bottom: 1px solid #bb2649;text-align: center;padding: 8px 0 6px;font-size: 16px;font-weight: bold;margin: 30px 0 20px;}


/* --------------------------------------
#??????? navigation
------------------------------------------- */
.navi_mother {display: flex;justify-content: space-evenly;align-items: center;margin-bottom: 1em;}
.navi_mother a{width:15%;transition:0.2s;}
.navi_mother_box {border-radius: 8px;}
.navi_mother_pic {width: 180px;overflow: hidden;}
.navi_mother_txt {color: #2f2f2f;text-align: center;font-size: 18px;;font-weight: 500;position: relative;transform: rotate(0.03deg);height: 90px;display: flex;justify-content: center;align-items: center;font-family: 'Noto Serif JP', serif;}
.navi_mother_txt::after {content: '';background: url(//img.e87.com/selection/mother/2024images/arrow_g_navi.png) no-repeat;background-size: contain;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 115px;height: 17px;transition:0.2s;}
.navi_mother a:hover .navi_mother_txt::after{bottom:-5px;}
.navi_mother_pic img {width: 100%;height: auto;box-sizing: border-box;border-radius: 5px 5px 0px 0px;border: 1px solid #b5a695;border-bottom:none;}
.navi_mother a:hover {text-decoration: none;color: #5f4549;}
.navi_mother_box:hover {opacity:0.8;}

/* ranking
------------------------------ */
.area_rank{margin-bottom: 56px;position:relative;margin-bottom: 32px;}
section#ranking {clear:both;position:relative;}
.rank_box { display: flex; padding-top: 16px;justify-content: center;}
.rank_box dl {padding:0 9px;width:200px;font-family: "????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;}
.rank_box dl div {font-size: 36px;color: #fff;line-height: 42px;text-align: center;position: absolute;width: 38px;height: 38px;background: #cdcdcd;border-radius: 50%;text-align: center;top: 4px;left: 4px;z-index: 1;}
.rank_box dl div._gold {background: #b09669;width:35px;height:35px;}
.rank_box dl div._gold span{font-size: 36px;color:#fff;}
.rank_box dl div._silver {background: #9f9a93;width:35px;height:35px;}
.rank_box dl div._silver span{font-size: 36px;color:#fff;}
.rank_box dl div._bronze {background: #8d5e0d;width:35px;height:35px;}
.rank_box dl div._bronze span{font-size: 36px;color:#fff;}
.rank_box._bottom dl {padding:0 17px;}
.rank_box._bottom dl div {font-size:28px;width: 30px;height: 30px;background: #cdcdcd;}
.rank_box dl div span{font-family: "Times New Roman";line-height: 1;font-size: 32px;position: absolute;/* line-height: 36px; */top: 50%;left: 50%;transform: translate(-50%, -50%);color:#3c3c3c;}
.rank_box .item_img{position:relative;}
.rank_box .item_img img{border: 1px solid #ed4b73;box-sizing: border-box;}
.rank_box._bottom{padding-top:0;}
.rank_box._bottom dl dd.item_img {margin: 24px 0 0;}
.rank_box dl dd.item_name {color: #3c3c3c;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: #3c3c3c;font-size: 11px;text-decoration: line-through;} */
.rank_box dl dd.price {color: #3c3c3c;font-size: 12px!important;text-decoration: unset!important;}
dl dd.price._hide {text-decoration: line-through;}
.rank_box dl dd:hover {color:#797979;}
.rank_box a:hover {text-decoration:none;}
.rank_box a img:hover {opacity:0.8;}


/*---------------------------------
.area_btn
-----------------------------------*/
.area_btn{text-align: right;margin-top: 24px;margin-bottom: 2em;}
.area_btn p.btn_text{position:relative;font-size: 20px;padding: 23px 60px 23px 90px;display: inline-block;border-radius: 10px;line-height: 1;transition: .2s;box-sizing: border-box;text-align: center;border:1px solid #d5305f;width:660px;}
.area_btn p.btn_text span{font-family: 'Noto Serif JP', serif;font-weight: 600;position:relative;color:#d5305f;}
.area_btn p.btn_text span::after{content: "";position: absolute;background: url(https://img.e87.com/selection/mother/2024images/line_submit.png) no-repeat;width: 100%;height: 11px;left: 50%;bottom: -10px;transform: translateX(-50%);background-size: 100%;}
.area_btn._recommend p.btn_text::before{background: url(https://img.e87.com/selection/mother/2023images/submit_icon.png) no-repeat;width: 58px;height: 64px;left: 23px;top: 50%;transform: translate(0 , -50%);background-size: contain;}
.area_btn p.btn_text::after{content: "";position: absolute;background: url(https://img.e87.com/selection/mother/2024images/arrow_submit.png) no-repeat;width: 9px;height: 15px;right: 23px;top: 50%;transform: translate(0 , -50%);background-size: contain;transition:0.2s;}
.area_btn p.btn_text:hover{background:#d5305f;}
.area_btn p.btn_text:hover::after{right:12px;content: "";position: absolute;background: url(https://img.e87.com/selection/mother/2024images/index_arrow.png) no-repeat;width: 9px;height: 15px;background-size: 100%;}
.area_btn p.btn_text:hover::before {content: "";position: absolute;background: url(https://img.e87.com/selection/mother/2024images/icon_submit_hover.png) no-repeat;width: 47px;height: 62px;background-size:100%;}
.area_btn p.btn_text:hover .adjust_btn{color:#fff;}
.area_btn._recommend p.btn_text{background: #aebb9f;}
.area_btn._recommend p.btn_text:hover{background:#566247;}
.area_btn p.btn_text::before{content: "";position: absolute;background: url(https://img.e87.com/selection/mother/2024images/icon_submit.png) no-repeat;width: 47px;height: 62px;left: 20px;top: 50%;transform: translate(0 , -50%);background-size: contain;}
.area_btn._single{text-align:center;}

  /*---------------------------------
.area_btn TOP
-----------------------------------*/
.area_btn._top{text-align: center;margin-top: 24px;margin-bottom: 3em;}
.area_btn._top p.btn_text{position:relative;font-size: 20px;padding: 23px 60px 23px 90px;display: inline-block;border-radius: 10px;line-height: 1;transition: .2s;box-sizing: border-box;text-align: center;border:1px solid #d5305f;background:#d5305f;}
.area_btn._top p.btn_text span{font-family: 'Noto Serif JP', serif;font-weight: 600;position:relative;color:#fff;}
.area_btn._top p.btn_text span::after{content: unset;position: absolute;background: url(https://img.e87.com/selection/mother/2024images/line_submit.png) no-repeat;width: 100%;height: 11px;left: 50%;bottom: -10px;transform: translateX(-50%);background-size: 100%;}
.area_btn._top._recommend p.btn_text::before{background: url(https://img.e87.com/selection/mother/2023images/submit_icon.png) no-repeat;width: 58px;height: 64px;left: 23px;top: 50%;transform: translate(0 , -50%);background-size: contain;}
.area_btn._top p.btn_text::after{content: "";position: absolute;background: url(https://img.e87.com/selection/mother/2024images/index_arrow.png) no-repeat;width: 9px;height: 15px;background-size: 100%;transition:0.2s;}
.area_btn._top p.btn_text:hover{background:#fff;}
.area_btn._top p.btn_text:hover::after{content: "";position: absolute;background: url(https://img.e87.com/selection/mother/2024images/arrow_submit.png) no-repeat;width: 9px;height: 15px;right: px;top: 50%;transform: translate(0 , -50%);background-size: contain;transition: 0.2s;}
.area_btn._top p.btn_text:hover .adjust_btn{color:#d5305f;}
.area_btn._top._recommend p.btn_text{background: #aebb9f;}
.area_btn._top._recommend p.btn_text:hover{background:#566247;}
.area_btn._top p.btn_text::before{content: unset;position: absolute;background: url(https://img.e87.com/selection/mother/2024images/icon_submit_hover.png) no-repeat;width: 47px;height: 62px;background-size: 100%;}


/*　specialprice */
.specialprice{ color: #cc0707;display:none!important;}
.specialprice_down{color: #cc0707; }
.specialprice_up{ color: #cc0707; }
/* 特別価格 通常価格打消し*/
/* .price{text-decoration:line-through;color:#a99f9f;} */
/* font */
.m_font{font-weight:bold;font-family:'Noto Sans', sans-serif;font-family:'Noto Serif', serif;transform:rotate(0.03deg);}
/* mother_ttl */
.mother_h2_outer {position:relative;margin: 120px auto 24px;display: flex;align-items: baseline;z-index:1;}
.mother_h2_eng {font-family: p22-zaner-pro-four, sans-serif;font-size: 80px;color: #907865;position: relative;line-height: 0.5;padding-left:2%;}
.area_heading_text{margin:0 auto;}
.area_heading_text._set{margin-left:3em;}
.area_heading_text._pickup{margin-left:5em;}
.wrap_mother_h2_txt {background:#d5305f;padding:4px;width: 770px;position:relative;box-sizing: border-box;margin:0 auto;}
.wrap_mother_h2_txt::before {content: "";position: absolute;background: url(https://img.e87.com/selection/mother/2024images/icon_heading_left.png) no-repeat;width: 86px;height: 84px;left: -8em;transform: translate(0 , -50%);background-size: 100%;}
.wrap_mother_h2_txt::after {content: "";position: absolute;background: url(https://img.e87.com/selection/mother/2024images/icon_heading_right.png) no-repeat;width: 86px;height: 84px;right: -8em;transform: translate(0 , -100%);background-size: 100%;}
.mother_h2_txt {color: #fff;font-size: 24px;font-family: 'Noto Serif JP', serif;font-weight: 400;;position:relative;padding: 4px;background:#d5305f;border: 1px solid #fff;text-align: center;box-sizing: border-box;}
.mother_h2_txt2 {color: #2f2f2e;font-size: 14px;margin-top: 12px;text-align: center;}

/*---------------------------------
style
-----------------------------------*/
.wrap_btn_style_all{display:block;width:285px;transition:0.2s;}
.wrap_btn_style_all:hover{opacity:0.8;text-decoration: none;}
.wrap_btn_style_all:hover .adjust_btn_style::after{right:0em;}
.search_style .search_style_list{display:flex;flex-wrap:wrap;justify-content: space-between;padding: 0 40px;}
.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-bottom:1px solid; */background: #e6839f;border-radius: 10px;}
.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{font-family: 'Noto Serif JP', serif;color: #fff;display: block;padding: 12px 0 12px 9px;text-align: center;transition:0.2s;}
.search_style .search_style_list .search_style_contents .wrap_heading a:hover{text-decoration: none;}
.search_style .search_style_list .search_style_contents .hide_child li a{color: #2f2f2e;display:block;padding:8px 0;border-bottom: 1px dotted;position:relative;font-family: 'Noto Serif JP', serif;}
.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._multi3 .search_style_contents span{width:100%;}
.search_style .search_style_list .search_style_contents .hide_child li{width:100%;font-size: 13px;text-align: left;}
.search_style .search_style_list .search_style_contents{width: 50%;justify-content: space-between;padding: 1%;align-items: flex-start;margin:0;box-sizing: border-box;}
.search_style .search_style_list .search_style_contents .wrap_heading:hover{opacity:0.8;}
.search_style .search_style_list .search_style_contents .hide_child li:hover a{opacity:0.8;}
.search_style .search_style_list .search_style_contents .hide_child li:hover{opacity:0.8;}
.search_style .search_style_list .search_style_contents .hide_child li{font-size:16px;width: 49%;}
.search_style .search_style_list._multi3{display: flex;flex-wrap:wrap;}
.search_style .search_style_list._multi3 .search_style_contents{width: 33%;}
.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 .search_style_contents .hide_child li a{border-bottom: none;}
.search_style .search_style_list .search_style_contents .hide_child li 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 .hide_child{display:flex;flex-wrap: wrap;justify-content: center;padding: 1em 1em 0;}
.search_style .search_style_list .search_style_contents .hide_child li a::after{content:unset;}


/* area_rank_style */
.wrap_area_rank_style{display:flex;align-items: flex-end;justify-content: space-between;}
.area_rank_style{margin-top:64px;}
h3.heading_h3{font-size: 22px;color: #d5305f;font-family: 'Noto Serif JP', serif;border-bottom: 1px solid #d5305f;position:relative;padding-left: 2.25em;margin: 0 12px;}
h3.heading_h3::before{content: "";position: absolute;background: url(https://img.e87.com/selection/mother/2024images/icon_ranking_inner.png) no-repeat;width: 40px;height: 34px;left: 0;top: 30%;transform: translate(0 , -50%);transition: .2s;background-size: contain;}

/* .wrap_btn_style_all{display:block;width:250px;} */
.btn_style_all{position: relative;}
.btn_style_all_img{width: 190px;position: absolute;bottom: 4em;left:50%;transform: translateX(-50%);}
.btn_style_all_img img{border-radius: 50%;}
.btn_style_submit{font-family: 'Noto Serif JP', serif;background: #d5305f;color: #fff;padding:40px 0 16px;text-align: center;border-radius:0 0 10px 10px;font-size:15px;}
.area_rank_style .adjust_btn_style{display: flex;text-align: left;justify-content: center;position:relative;}
.area_rank_style .adjust_btn_style::after {content: "";position: absolute;background: url(https://img.e87.com/selection/mother/2024images/index_arrow.png) no-repeat;width: 11px;height: 16px;right: 0.25em;top: 50%;transform: translate(0 , -50%);background-size: contain;transition: 0.2s;}
.area_rank_style_genre_bottom{display:flex;margin: 155px 10px 0;justify-content: center;}
.area_rank_style_genre_bottom .wrap_btn_style_all{display:block;width:175px;margin:0 10px;}
.area_rank_style_genre_bottom .btn_style_all_img{width:130px;bottom:5em;}
.area_rank_style_genre_bottom .btn_style_submit{font-size:13px}
.area_rank_style_genre_bottom .adjust_btn_style{text-align: center;}

.gen_bnr_outer3 {display: flex;margin: 40px 0 8px;justify-content: space-evenly;}
.gen_bnr_outer3 > a{width:48%;}
.gen_bnr_box {position: relative;border-radius: 10px;margin:10px;height: 100px;font-size:24px;text-align: center;transition:0.2s;background: #d5305f;box-sizing: border-box;}
.gen_bnr_box.pair_bg {background: #004986;}
.gen_bnr_box.pair_bg::after {content: "";width: 289px;height: 91px;border: 1px solid #ffff00;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 10px;}
.gen_bnr_box div {text-align: center;}
.gen_bnr_box .gen_bnr_txt{font-family: 'Noto Serif JP', serif;font-size:24px;}
/* .gen_bnr_box:after {content: "";position: absolute;background: url(https://img.e87.com/selection/mother/2023images/index_arrow.png) no-repeat;width: 11px;height: 16px;right: 16px;top: 65%;transform: translate(0 , -50%);background-size: contain;transition:0.2s;} */
/* .gen_bnr_box {border: 1px solid #de7ba7;} */
.gen_bnr_box.pair_bg {border: 1px solid #004986;}
.gen_bnr_box .gen_bnr_subtxt {text-align: center;font-size: 13px;font-weight: bold;color: #fff;margin: 15px;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: 24px;font-weight: bold;padding: 0px;line-height: 1.1;display:inline-block;color:#fff;}
.gen_bnr_box .gen_bnr_txt::after{content: "";position: absolute;background: url(https://img.e87.com/selection/mother/2024images/index_arrow.png) no-repeat;width: 11px;height: 16px;right: -45px;top: 50%;transform: translate(0 , -50%);background-size: contain;transition:0.2s;}
.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: 36px;height: 24px;left: -45px;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: 21px;height: 27px;left: -30px;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: 45px;height: 29px;left: -51px;background-size: contain;}
.gen_bnr_box:hover {opacity: 0.8;}
.gen_bnr_box:hover .gen_bnr_txt::after{right:-53px;}
.gen_bnr_box.message_bg:hover .gen_bnr_txt::after{right:-33px;}
section#style a:hover {text-decoration: none!important;}

/*---------------------------------
special feature
-----------------------------------*/
.con_bnr{ display: flex;margin-top: 18px;padding:0 15px;}
.con_bnr._others{justify-content: flex-end;}
._xmas .con_bnr_box{outline: 2px solid #970000;outline-offset: -2px;}
._autumn .con_bnr_box{outline: 2px solid #50351d;outline-offset: -2px;}
._winter .con_bnr_box{outline: 2px solid #7aa9c8;outline-offset: -2px;}
p.con_bnr_box_pic img {border-radius: 5px 5px 0 0;width: 100%;height: auto;transition: 0.2s;}
.con_bnr_box {margin: 0 8px;border: 1px solid #da849c;border-radius: 5px;height: 100%; max-width: 294px;}
.con_bnr a{transition:0.2s;padding:3px 0;}
.con_bnr a:hover{opacity:0.8}
/* .con_bnr a:nth-child(3n+1) .con_bnr_box{margin-left:0;} */
.con_bnr_box_info {padding: 5px;transform: rotate( 0.03deg);position: relative;padding-bottom: 12px;border-radius: 0 0 5px 5px;}
._xmas .con_bnr_box_info {background: #970000;}
._autumn .con_bnr_box_info {background: #50351d;}
._winter .con_bnr_box_info {background:#7aa9c8;}
.con_bnr_box_ttl {    font-family: 'Noto Serif JP', serif;color: #bb2649;text-align: center;font-size: 20px;font-weight: 700;line-height: 1.2;height: 40px;display: flex;flex-direction: column;justify-content: center;}
.con_bnr_box_ttl._line2{padding-top:6px;}
/* .con_bnr_box_info::after{content: '';background: url(/selection/xmas/2022images/index_arrow2.png) no-repeat;position: absolute;top: 61%;transform: translateX(-50%);right: 0;width: 15px;height: 24px;background-size: contain;} */
.con_bnr_box_txt {color: #333;padding: 5px 5px 0;font-size: 14px;font-weight: bold;text-align: center;height: 35px;display: flex;flex-direction: column;justify-content: center;}
._xmas .con_bnr_box_txt{color:#e9b9b9;}
._autumn .con_bnr_box_txt{color:#d09edc;}
._winter .con_bnr_box_txt{color:#01385f;}
.con_bnr_box_btn {position: absolute;right: 15px;bottom: 10px;color: #fff;border: 1px solid #fff;padding: 3px 8px;font-weight: bold;font-size: 16px;}
.con_bnr a:hover {text-decoration: none;}
.con_bnr a:hover .con_bnr_box_btn {background: #3b5c2b;}
#special .wrap_mother_h2_txt {background:#d5305f;padding:4px;width: 770px;position:relative;box-sizing: border-box;}
#special .wrap_mother_h2_txt::before {content: "";position: absolute;background: url(https://img.e87.com/selection/mother/2024images/icon_heading_left.png) no-repeat;width: 86px;height: 84px;left: -8em;transform: translate(0 , -50%);background-size: 100%;}
#special .wrap_mother_h2_txt::after {content: "";position: absolute;background: url(https://img.e87.com/selection/mother/2024images/icon_heading_right.png) no-repeat;width: 86px;height: 84px;right: -8em;transform: translate(0 , -100%);background-size: 100%;}
#special .mother_h2_txt {color: #fff;font-size: 24px;font-family: 'Noto Serif JP', serif;font-weight: 400;position: relative;padding: 4px;background: #d5305f;border: 1px solid #fff;text-align: center;box-sizing: border-box;}
#special .feature_moomin .con_bnr_box_ttl{flex-direction: row;align-items: center;}
#special .feature_moomin .con_bnr_box_ttl span{width:50%;}
#special .feature_moomin .con_bnr_box_ttl span img{width:100%;height:auto;}

/*etc_bnr
-----------------------------*/.etc_bnr {display: flex;padding: 10px;background: #faeaec;margin-bottom: 30px;}
.etc_bnr p { margin: 15px;}
.etc_bnr p img:hover { opacity: 0.8;}

/*Contents
-----------------------------*/
.m_cont_box {display: flex; padding: 10px 20px 10px;}
.m_cont_bnr { padding: 0 7px; max-width: 292px;}
.m_cont_box a:hover img {opacity: 0.8;}
.m_cont_box img { width: 100%; height: auto;}

.navitopicpath_ { margin: 0 0 10px 0; overflow: hidden; position: relative; z-index: 2;}


.contents { line-height: 1.3;}

/*---------------------------------
pagetop
-----------------------------------*/
/* ???TOP */

#to-top {position: fixed;bottom: 50px;right: 26px;width: 64px;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 .wrap_delivery{background: #f4d8e0;padding: 10px 0 16px;}
.area_delivery .wrap_delivery h3{font-size:24px;text-align: center;color:#da2357;}
.area_delivery .wrap_day{display:flex;justify-content: center;margin: 4px auto 0;}
.area_delivery .wrap_day ._day{width:80px;margin-right: 8px;}
.area_delivery .wrap_day ._day:last-child{margin-right:0;}
.area_delivery .wrap_day dt,.area_delivery .wrap_day dd{font-size:18px;text-align: center;}
.area_delivery .wrap_day dt{padding: 6px 0 3px;background:#d9d9d9;border-radius: 10px 10px 0 0;}
.area_delivery .wrap_day dd{padding: 20px;background:#fff;border-radius: 0 0 10px 10px;font-size: 24px;position:relative;} 
.area_delivery .wrap_day ._day:not(:first-child) dd:after{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);content: '';width: 50px;height: 50px;border: 3px solid #ff6f80;border-radius: 50%;}
.area_delivery .wrap_day ._first dd{color:#d9d9d9;}
.area_delivery .wrap_day ._sat dt{color:#056196;background:#d4eff9;}
.area_delivery .wrap_day ._sat dd{color:#056196;}
.area_delivery .wrap_day ._sun dt{color:#dc0e28;background:#f3b8bf;}
.area_delivery .wrap_day ._sun dd{color:#dc0e28;}
.wrap_txt{padding: 24px 24px 0;}
.wrap_txt ._txt {border-top: 1px dotted #d9d9d9;padding: 16px 10px;margin-top: 16px;}
.wrap_txt ._txt p._lead{font-size: 15px;/* padding-top: 8px; */line-height: 1.5;}
.wrap_txt ._txt p._anno{padding: 0;margin: 0;font-size: 13px;line-height: 1.5;}
.wrap_txt ._txt p._lead span._add{color:#dc0e28;font-size:18px;}
.wrap_txt h3{font-size: 16px;border-left: 6px solid #bb2649;padding-left: 8px;color: #bb2649;margin: 8px 0;font-weight: bold;}
.wrap_txt h3 p{display:inline-block;margin-right:3px;margin-left: 1em;}
.wrap_txt h3 p img{width:69px;vertical-align: sub;margin-right:3px;}

 /* --------------------------------------
???????? ??????????? about
------------------------------------------- */
.area_payment{padding:0 3%;}
.area_payment p{font-size:15px;margin: 2% 0 3%;line-height: 1.6;}
.area_payment p._lead{padding: 0 24px;}
.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 #bb2649;padding-left: 8px;color: #bb2649;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: 52px;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;}

/* --------------------------------------
????????accordion
------------------------------------------- */
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: #bb2649;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;}

/* --------------------------------------
??ｩi price
------------------------------------------- */
.kakaku_common_outer {display: flex;align-items: center;justify-content: space-between;padding-bottom: 1em;}
.kakaku_common_inner {align-items: center;}
.kakaku_common_txt:hover{opacity:0.8;}
.kakaku_common_txt:hover:after{right:10px;}
.kakaku_common_txt {position: relative;font-size: 15px;color: #333;background: #eee;padding: 8px 12px;white-space: nowrap;width: 145px;line-height: 1.4;transition: .2s;box-sizing: border-box;text-align: center;}
.kakaku_common_txt::after {content: "";position: absolute;margin: auto;top: 0;bottom: 0;right: 12px;width: 6px;height: 6px;border-top: 1px solid #d5305f;border-right: 1px solid #d5305f;transform: rotate(45deg);transition: 0.2s;}
.kakaku_common_inner:hover .kakaku_common_txt.pink {background: #8c2713;}
.kakaku_common_inner:hover .kakaku_common_txt.pink::after {right:8px;}
.kakaku_common_inner .kakaku_common_pic {transition:0.2s;}
.kakaku_common_inner:hover .kakaku_common_pic {opacity:0.8;}
section#kakaku a:hover {text-decoration: none!important;}

/* --------------------------------------
??ｩi price new
------------------------------------------- */
#kakakuNew .kakaku_common_outer {display: flex;align-items: center;justify-content: space-between;padding-bottom: 1em;}
#kakakuNew .kakaku_common_inner {align-items: center;}
#kakakuNew .kakaku_common_txt:hover{opacity:0.8;}
#kakakuNew .kakaku_common_txt:hover:after{right:10px;}
#kakakuNew .kakaku_common_txt {position: relative;font-size: 15px;color: #333;background: #eee;padding: 8px 12px;white-space: nowrap;width: 220px;line-height: 1.4;transition: .2s;box-sizing: border-box;text-align: center;}
#kakakuNew .kakaku_common_txt::after {content: "";position: absolute;margin: auto;top: 0;bottom: 0;right: 12px;width: 6px;height: 6px;border-top: 1px solid #d5305f;border-right: 1px solid #d5305f;transform: rotate(45deg);transition: 0.2s;}
#kakakuNew .kakaku_common_inner:hover .kakaku_common_txt.pink {background: #8c2713;}
#kakakuNew .kakaku_common_inner:hover .kakaku_common_txt.pink::after {right:8px;}
#kakakuNew .kakaku_common_inner .kakaku_common_pic {transition:0.2s;}
#kakakuNew .kakaku_common_inner:hover .kakaku_common_pic {opacity:0.8;}
#kakakuNew section#kakaku a:hover {text-decoration: none!important;}
#kakakuNew a:hover {text-decoration: none!important;}

/* --------------------------------------
??????????? 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;}

/* --------------------------------------
???h2 common_heading
------------------------------------------- */
.common_h2_outer {position: relative;margin: 100px auto 24px;align-items: baseline;z-index: 1;width: 90%;}
h2.common_h2_txt{font-size: 24px;font-family: 'Noto Serif JP', serif;text-align: center;border-bottom: 1px solid #a9a9a9;line-height: 1;padding-bottom: 8px;font-weight: bold;}
.common_h2_txt2 {color: #2f2f2e;font-size: 14px;margin-top: 12px;text-align: center;}

/*---------------------------------
style_common
-----------------------------------*/
.search_style_common .search_style_common_list{display:flex;flex-wrap:wrap;justify-content: space-between;padding: 0 40px;}
.search_style_common .search_style_common_list .search_style_common_contents .wrap_heading{display: block;font-weight: bold;margin: 0 auto;position:relative;font-size: min(4vw,16px);/* border-bottom:1px solid; */background: #eee;}
.search_style_common .search_style_common_list .search_style_common_contents .wrap_heading::after{content: "";position: absolute;margin: auto;top: 0;bottom: 0;right: 12px;width: 6px;height: 6px;border-top: 1px solid #d5305f;border-right: 1px solid #d5305f;transform: rotate(45deg);transition: 0.2s;}
.search_style_common .search_style_common_list .search_style_common_contents .wrap_heading:hover::after{right:4px;}
.search_style_common .search_style_common_list .search_style_common_contents .wrap_heading a{font-family: 'Noto Serif JP', serif;color: #333;display: block;padding: 9px 0 9px 9px;text-align: center;transition:0.2s;}
.search_style_common .search_style_common_list .search_style_common_contents .wrap_heading a:hover{text-decoration: none;}
.search_style_common .search_style_common_list .search_style_common_contents .hide_child li a{color: #2f2f2e;display:block;padding:8px 0;border-bottom: 1px dotted;position:relative;font-family: 'Noto Serif JP', serif;}
.search_style_common .search_style_common_list .search_style_common_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_common .search_style_common_list._multi3 .search_style_common_contents span{width:100%;}
.search_style_common .search_style_common_list .search_style_common_contents .hide_child li{width:100%;font-size: 13px;text-align: left;}
.search_style_common .search_style_common_list .search_style_common_contents{width: 50%;justify-content: space-between;padding: 1.5%;align-items: flex-start;margin:0;box-sizing: border-box;}
.search_style_common .search_style_common_list .search_style_common_contents .wrap_heading:hover{opacity:0.8;}
.search_style_common .search_style_common_list .search_style_common_contents .hide_child li:hover a{opacity:0.8;}
.search_style_common .search_style_common_list .search_style_common_contents .hide_child li:hover{opacity:0.8;}
.search_style_common .search_style_common_list .search_style_common_contents .hide_child li{font-size:16px;width: 49%;}
.search_style_common .search_style_common_list._multi3{display: flex;flex-wrap:wrap;}
.search_style_common .search_style_common_list._multi3 .search_style_common_contents{width: 33%;}
.search_style_common .search_style_common_list._multi4{justify-content: unset;}
.search_style_common .search_style_common_list._multi4 .search_style_common_contents{width: 25%;}
.search_style_common .search_style_common_list .search_style_common_contents .hide_child li a{border-bottom: none;}
.search_style_common .search_style_common_list .search_style_common_contents .hide_child li a:hover{text-decoration: none;}
.search_style_common .search_style_common_list .search_style_common_contents .wrap_heading::before{right: 3%;box-sizing: border-box;border: 4px solid transparent;border-left: 6px solid #e66784;}
.search_style_common .search_style_common_list .search_style_common_contents .hide_child{display:flex;flex-wrap: wrap;justify-content: center;padding: 1em 1em 0;}
.search_style_common .search_style_common_list .search_style_common_contents .hide_child li a::after{content:unset;}