@charset "shift_jis";

.box .detail dt.box .detail dt
.contents{padding-bottom:60px;width:960px;margin:0 auto;}

#contents_0903new .contents a img{transition:0.2s;}
#contents_0903new .contents a img:hover {opacity:0.8;}

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

/* #title_area */
.contents{width:960px;margin:0 auto!important;line-height:1.3;}
.contents img {width:100%;height:auto;}
* html #contents div.headerArea{margin:5px 0 2px;}
#contents div.headerArea{margin:5px 0;margin-top:5px;}
#contents img{vertical-align:top;}
#contents h2 span{font-weight:bold;color:#7c7b7b;}
#contents_0903new #contents a:hover{opacity:0.8;}

/* 
topicpath
------------------------------ */
div#topicpath{margin:5px 0 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;}

/* --------------------------------------
??????? Catch main
------------------------------------------- */
#Catch .area_catch{background:url(https://img.e87.com/selection/father/2025images/catch_bg_l2.png)no-repeat;background-position: center center;}
#Catch .area_catch dl{padding:1em 0;text-align: center;margin:0 0 20px;}
#Catch .area_catch dl dt{font-size: 30px;color: #4c5cd3;-webkit-text-stroke: 8px #fff;text-stroke: 2px black;paint-order: stroke;text-align: center;line-height: 1.2;margin-bottom: 8px;font-weight: 500;}
#Catch .area_catch dl dd{font-size: 18px;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: 64px;}
.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);display: flex;justify-content: center;align-items: flex-end;line-height: 1.5;border: 1px solid #333;padding: 1em;color: #333;border-radius: 4px;color: #333;font-weight: bold;transition: 0.2s;}
/* .navi_local_txt::before {content: '';width: 24px;height: 24px;background: #4c5cd3;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:20%;}
.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;}
.adjust_ochugen {background: linear-gradient(transparent 50%, #f9ff00 50%)}

/*---------------------------------
??? 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 80px;line-height: 1.2;}
h2._heading::after {content:''; background:url(//img.e87.com/selection/father/2025images/line_f01.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;font-weight: bold;}
h2._heading span::before {content: '';background: url(//img.e87.com/selection/father/2025images/icon_bo.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/father/2026images/icon-rank.png) no-repeat;}
h2._heading._price span::before {content: '';background: url(//img.e87.com/selection/father/2026images/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/father/2026images/icon-other.png) no-repeat;}
h2._heading .adjust_heading {font-size: 16px;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 56px;line-height: 1.2;}
h2.heading_sub::after {content:''; background:url(//img.e87.com/selection/father/2025images/line_f01.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: #333;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 #4c5cd3;border-bottom: 1px solid #4c5cd3;padding: 14px 0 11px;}
h3._heading .adjust_heading {font-size: 16px;font-weight: 600;}
h2.heading_other_feature {font-size: 22px;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;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:1em 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: #4c5cd3;color: #fff;border: 1px solid #4c5cd3;}
.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: #4c5cd3;}
.area_btn p.btn_text:hover:after {right: 1.5em;border-top: 2px solid #4c5cd3;border-right: 2px solid #4c5cd3;}

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

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

/* --------------------------------------
???? 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_inner {align-items: center;width: 160px;height: 150px;position: relative;border: 1px solid #4c5cd3;box-sizing: border-box;border-radius: 5px;color:#4c5cd3;}
.common_circle_inner:hover {background:#4c5cd3;}
.common_circle_inner:hover .common_circle_txt{color:#fff;}
.common_circle_inner::after {content: "";position: absolute;margin: auto;bottom: 1em;left: 50%;width: 6px;height: 6px;border-top: 2px solid #4c5cd3;border-right: 2px solid #4c5cd3;transform: rotate(45deg) translateX(-50%);transition: 0.2s;}
.common_circle_inner:hover::after {left: 54%;width: 6px;border-top: 2px solid #fff;border-right: 2px solid #fff;}
.common_circle_txt {font-size: 18px;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;}

/* --------------------------------------
????? 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:#0E3092;}
.area_feature dl dd{font-size:13px;color:#333;}
.area_feature ul.feature_l._mother .common_txt{font-weight: bold;color:#F174A0;font-size:18px;}


/* -----------------------------------------------------------
?????? 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: 20px 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;}
.wrap_recommend._row1{justify-content: center;}

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

/*---------------------------------
???????????? contents single
-----------------------------------*/
.common_bnr {width: 960px;margin: 24px auto 32px;position: relative;}
.common_contents {width: 960px;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 {font-size: 24px;line-height: 1.6;color: #333;font-weight: 500;text-align: center;}
.area_img_annotation {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 #4c5cd3;background: #4c5cd3;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: #4c5cd3;}
.button_txt:hover::after {border-left: 10px solid #4c5cd3;}
.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: #0E3092;font-weight: bold;}
h4.heading_single {color: #4c5cd3;font-weight: bold;font-size: 16px;text-align: center;margin-bottom: 1.25em;display:none;}

/*---------------------------------
???????? 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{transition:0.2s;}
.search_style .search_style_list .search_style_contents .wrap_heading a:hover {text-decoration: none;opacity:0.8;}
.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 1em;box-sizing: border-box;transition:0.2s;}
#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 {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 ._heading {font-size: 16px;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 ._heading::after {content: "";position: absolute;margin: auto;top: 0;bottom: 0;right: 2em;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 ._heading::after {right: 1.5em;}
.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;}

#contents_0903new .contents .wrap_heading a img:hover{opacity:unset;}

/*---------------------------------
????????? rank
-----------------------------------*/
#rank {position: relative;}
section#ranking {clear: both;position: relative;}
.area_rank{margin:24px 0;}
.rank_box {display: flex;justify-content: center;margin-bottom:16px;}
.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: 3;-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:#4c5cd3;color:#fff;display:flex;flex-direction: column;justify-content: center;position:relative;transition:0.2s;border:1px solid #4c5cd3;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:#4c5cd3;}
.area_various ._bnr dd:hover::after {left: 54%;width: 6px;border-top: 2px solid #4c5cd3;border-right: 2px solid #4c5cd3;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;}


/*---------------------------------
??? column
-----------------------------------*/
.contents h2.h2_ttl span{font-weight:bold;color: #5765a4;}
.contents h2.h2_ttl {background: transparent url(//img.e87.com/selection/father/2015images/father_icon.gif) no-repeat scroll left top;font-size: 110%;margin: 10px 0 2px;padding: 2px 0 3px 25px;color: #5765a4;}
ul.column_list {padding: 5px 0 15px;}
ul.column_list li::before {content: "";position: absolute;top: .1em;left: 0;width: 0;height: 0;border-width: 5px;border-style: solid;border-color: transparent transparent transparent #3796d5;}
ul.column_list li {display: inline-block;width: calc(22% - 10px);font-size: 11px;position: relative;padding-left: 10px;margin: 3px 1.3%;}

/* --------------------------------------
お届けについて
------------------------------------------- */
.area_delivery{padding:0 3%;}
.area_delivery p {margin: 3em auto;width: 900px;}
.area_delivery .wrap_delivery{background: #d9e5ed;padding: 10px 0 16px;}
.area_delivery .wrap_delivery h3{font-size:24px;text-align: center;color:#4c5cd3;}

 /* --------------------------------------
お支払いについて
------------------------------------------- */
.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 #0E3092;padding-left: 8px;color: #0E3092;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;}

/* 千趣会イイハナについて */
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: #0E3092;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;}
.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 {	/*?J????*/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;}
.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;}

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

/*---------------------------------
スタイルアイキャッチ _styles
-----------------------------------*/

.common_bnr._styles{width:848px;box-sizing: border-box;margin-top: 72px;}
.common_bnr._styles h3{margin-bottom: 0.5em;padding-bottom: 0.25em;font-weight: 600;font-size:36px;text-align: center;line-height: 1.3;}
.common_bnr._styles h3 .adjust_small{font-size:21px;display: block;text-align: center;font-weight: 500;}
.common_bnr._styles .area_img_txt{position: absolute;transform: translateY(-50%);top: 50%;left: 6%;}
.heading_styles_txt{font-size: 16px;font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;line-height: 1.6;text-align: center;}

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

/*---------------------------------
ローカルメニュー local menu
-----------------------------------*/
.localMenu dl {border-top:1px solid #e3e3e3;background:#f8f8f8;font-size:85%;}
.localMenu dl.lastChild {border-bottom:1px solid #e3e3e3;}
.localMenu dt {float:left;clear:left;width:120px;}
.localMenu dt span {display:block;padding:13px 10px 13px 15px;font-weight:bold;color:#3790cc;}
.localMenu dd {background:#fff;margin-left:120px;padding:10px 0 10px 25px;}
.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/father/2015images/father_lmenu_arrow.gif) no-repeat left 0.2em;padding:0 3px 0 9px;}
.localMenu dd li span {padding:0 3px 0 9px;}
.localMenu dd li span a {background:none;margin:0 3px 0 0;padding:0;}

/*new_columnArea
-----------------------------*/
#contents .columnArea{margin:15px 0 0 14px;}
h2.h2_title,#faq h2.h2_title  {color:#0E3092;border-top:1px solid #0E3092;border-bottom:1px solid #0E3092;text-align:center;padding:8px 0 6px;font-size:16px;font-weight:bold;margin:30px 0 20px;}
#n_columnArea h3:before {content:"??";font-size:38px;top:0px;left:-17px;position:absolute;color:#cfdbfd;z-index:-1;}
#n_columnArea h3 {font-weight:bold;color:#333333;font-size:15px;position:relative;margin-left:15px;border-bottom:2px solid #cfdbfd;display:inline-block;padding-right:10px;margin-top:10px;}
#n_columnArea .columnArea {margin:20px 0 0;}
#n_columnArea .c_box {display:flex;width:240px;float:left;min-height:100px;}
#n_columnArea .c_box p {padding:5px 8px 5px 5px;}
#n_columnArea .c_box p img {width:65px;height:auto;}
#n_columnArea .c_box dt span {font-weight:bold;background:linear-gradient(transparent 40%,rgba(221,252,255,1.00) 0%);color:#333333;font-size:13.5px;padding:0 2px;}
#n_columnArea .c_box dd {font-size:11px;color:#565656;padding-top:5px;line-height:1.4;}
#n_columnArea .columnArea dl {padding:0 5px 0 0;width:157px;}
#n_columnArea a:hover {text-decoration:none!important;opacity:0.8;color:#707070;}
#n_columnArea .c_box dt {line-height:1.4;}
#n_columnArea .c_box img:hover {opacity:0.8;}

/*---------------------------------
届いてから払い todoite
-----------------------------------*/
.area_payment .todoite p{margin:2% 0;}
.area_payment .todoite p.todoite_img{width:405px;margin:0 auto;}
.area_payment .todoite ul li{font-size: 16px;;line-height: 1.6;margin:0;}
.area_payment .todoite h4{font-size: 16px;font-weight: bold;margin: 1em 0;color:red;}
.area_payment .payment_wrap .todoite dl{border-top: none;margin: 0;padding: 0 0 0 1em;}
.area_payment .payment_wrap .todoite dl dt{font-size:16px;font-weight: bold;}
.area_payment .payment_wrap .todoite dd{padding:0;display: block;}
.area_payment .payment_wrap .todoite a{color:red;}

.navi_catch {
    text-align: center;
    font-size: 14px;
    color: #4c5cd3;
    font-weight: bold;
    position: relative;
    width: 95%;
    margin: 0 auto 2px;
    line-height: 1.4;
    display: block;
}

.style_catch {
    font-weight: bold;
    position: relative;
    padding: 0 4px !important;
    font-size: 14px;
    margin: 0.5em 0;
    line-height: 1.4;
    color: #4c5cd3;
    display: block;
    text-align: center;
}

.common_bnr._styles h3 {
margin: 1em 0 0.5em;
    font-size: 26px;
    text-align: center;
    line-height: 1.4;
    position: relative;
    padding-bottom: 12px;
    font-weight: normal;
}

.common_bnr._styles h3 span {
    color: #4c5cd3;
    font-size: 36px;
}
.common_bnr._styles h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #4c5cd3;
    width: 18%;
    height: 4px;
}

.common_txt_style {
    font-size: 16px;
    line-height: 2;
    text-align: center;
    color: #333;
    margin: 0 0 1.5em;
}

.rank_box.column_3{
    justify-content: center;
}

   /*---------------------------------
特集スライダー area feature slider
-----------------------------------*/
.swiper{height:320px!important;}
#feature .wrap_swiper{position:relative;width: 740px;margin:0 auto;}
.swiper2{height:270px!important;width: 670px;}
.swiper-button-next2:after, .swiper-button-prev2:after {font-family: swiper-icons;font-size: var(--swiper-navigation-size);text-transform: none !important;letter-spacing: 0;font-variant: initial;line-height: 1;}
.swiper-button-next2:after, .swiper-rtl .swiper-button-prev2:after {content: 'next';}
.swiper-button-prev2:after, .swiper-rtl .swiper-button-next2:after {content: 'prev';}
.swiper-button-next2, .swiper-button-prev2 {position: absolute;top: var(--swiper-navigation-top-offset, 60%);width: calc(var(--swiper-navigation-size) / 44 * 27);height: var(--swiper-navigation-size);margin-top: calc(0px - (var(--swiper-navigation-size) / 2));z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;color: var(--swiper-navigation-color, var(--swiper-theme-color));}
.swiper-button-prev2, .swiper-rtl .swiper-button-next2 {left: var(--swiper-navigation-sides-offset, 10px);right: auto;}
.swiper-pagination2{position: absolute;text-align: center;transition: .3s opacity;transform: translate3d(0, 0, 0);z-index: 10;}
.swiper-button-next2:after, .swiper-rtl .swiper-button-prev2:after{color:#28BDE5!important;font-size:32px!important;}
.swiper-button-prev2:after, .swiper-rtl .swiper-button-next2:after{color:#28BDE5!important;font-size:32px!important;}
.swiper-button-next2, .swiper-rtl .swiper-button-prev2{right:0!important;}
.swiper-button-prev2, .swiper-rtl .swiper-button-next2{left:0!important;}
.swiper-button-next2.swiper-button-disabled, .swiper-button-prev2.swiper-button-disabled {opacity: .35;cursor: auto;pointer-events: none;}
.swiper2 .swiper-slide {color: #ffffff;width: 215px!important;height: auto!important;text-align: center;margin:8px 4px;}
.navi_local{margin-top:40px;}
.father_card_img {width: 480px;}
.rank_box{width:864px;margin:0 auto;justify-content: left;}
.area_feature .feature_l dl._mother dt{color: #D94F69;}