/*---------------------------------
?? common
-----------------------------------*/
.anno{font-size:12px;}

/*---------------------------------
??? heading 
-----------------------------------*/
.wrap_heading {text-align: center;}
h2._heading {font-size: min(5.3vw, 20px);color: #555555;position: relative;text-align: center;z-index: 0;font-weight: 600;margin: 16% 0 4%;line-height: 1.2;}
h2._heading span{position:relative;color: #555555;}
h2._heading span::before {content: '';position: absolute;width: 30px;height: 30px;background: #F2CDCD;left: -1em;top: -0.5em;z-index: -1;}
h2._heading .adjust_heading {font-size: 16px;font-family: 'Noto Serif JP', serif;font-weight: 600;}
h3._heading {color: #555555;position: relative;text-align: center;z-index: 0;line-height: 1.4;margin: 6% 0 2%;padding: 0 4%;font-size: min(5.3vw, 20px);}
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: #555555;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: #555555;position: relative;text-align: center;font-weight: 600;margin-bottom: 1.25em;display: inline-block;margin-top: 80px;}
.header_winter{position:relative;}

/*---------------------------------
??? btn
-----------------------------------*/
.common_btn {margin: 4% 0;padding:0 4%;}
.area_btn {text-align: center;}
.area_btn._top {margin: 1em 1em 0;}
.area_btn p.btn_text {position: relative;font-size: 16px;padding: 3%;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:100%;}
.area_btn._newyear p.btn_text {background:#416C50;border: 1px solid #416C50;}
.area_btn._recommend p.btn_text::before {background: url(https://img.e87.com/selection/father/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;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::before {position: absolute;background: url(https://img.e87.com/selection/father/2023images/submit_style_icon.png) no-repeat;width: 58px;height: 64px;left: 20px;top: 50%;transform: translate(0 , -50%);background-size: contain;}
#rank .area_btn {text-align: center;}
.area_btn._top p.btn_text {background: #0e1953;color: #fff;}
.area_btn._top p.btn_text::after {content: "";position: absolute;background: url(https://img.e87.com/selection/mother/2022images/index_arrow.png) no-repeat;width: 10px;height: 14px;right: 23px;top: 50%;transform: translate(0 , -50%);background-size: contain;transition: 0.2s;}
.area_btn._all {margin-top: 8%;}
.area_btn._all p.btn_text {background: #4f3464;color: #fff;}
.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.agedday_top p.btn_text {background: #B0310A;border: 1px solid #B0310A;color: #fff;}
.area_btn.agedday_top 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{background:#F2CDCD;color:#555555;border: 1px solid #F2CDCD;}
.area_btn._all p.btn_text::after {content: "";position: absolute;margin: auto;top: 50%;right: 1em;width: 6px;height: 6px;border-top: 2px solid #555555;border-right: 2px solid #555555;transform: rotate(45deg) translateY(-50%);transition: 0.2s;}

/*---------------------------------
?X?^?C??????‘I?? style
-----------------------------------*/
.search_style {margin: 4% auto 0;}
.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);background: #177d82;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: 9px 0 9px 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 {width: 47%;justify-content: space-between;padding: 2%;align-items: flex-start;margin: 0;box-sizing: border-box;}
.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 {justify-content: center;padding: 0;margin: 4% 0;}
.search_style .search_style_list .search_style_contents {width: 40%;padding: 0;position:relative;margin: 3%;}
.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: #555555;display: block;padding: 0;text-align: center;transition: 0.2s;}
.search_style .search_style_list .search_style_contents .wrap_heading a ._img {width: 100%;margin: 0 auto 1em;}
.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: min(3.8vw, 15px);color: #555555;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;}
.search_style .search_style_list .search_style_contents .wrap_heading a ._heading::after {content: "";position: absolute;margin: auto;top: 0;bottom: 0;right: 0;width: 4px;height: 4px;border-top: 2px solid #555555;border-right: 2px solid #555555;transform: rotate(45deg);transition: 0.2s;}
.search_style .search_style_list .search_style_contents._comming_::before {content: '';width: 100%;height: 100%;position: absolute;background: #555555;z-index: 1;background: rgba(0, 0, 0, 0.5);}
.search_style .search_style_list .search_style_contents._comming_::after {content: '\8FD1\65E5\A\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: 16px;font-weight: bold;text-align: center;}
/* .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._comming_._arrange_::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._comming_._set_::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;} */

/* -----------------------------
?????? local navi
-----------------------------------*/
.navi_winter {display: flex;justify-content: space-evenly;align-items: center;color:#555555;margin-bottom: 12%;padding: 0 4%;}
.navi_winter:last-of-type {margin-bottom:24%;}
.navi_winter a{width: 45%;}
.navi_winter_box {margin: 0 7px;border-radius: 8px;transition:0.2s;}
.navi_winter_pic {width: 180px;overflow: hidden;}
.navi_winter_txt {text-align: center;font-weight: 500;position: relative;transform: rotate(0.03deg);height: 50px;display: flex;justify-content: center;align-items: flex-end;line-height: 1.5;border-bottom: 2px solid #A2C5FB;padding-bottom: 0.25em;color:#555555;font-size: min(3.6vw, 15px);}
.navi_winter_txt::before {content: '';width: 18px;height: 18px;background: #A2C5FB;border-radius: 50%;position: absolute;bottom: -2em;transition: 0.2s;}
.navi_winter_txt::after {content: "";position: absolute;bottom: -2em;left: 50%;transform: translateX(-50%);border: 6px solid transparent;border-top: 6px solid #fff;transition: 0.2s;}
.navi_winter_pic img {width: 100%;height: auto;box-sizing: border-box;border-radius: 5px 5px 0px 0px;border: 1px solid #b5a695;border-bottom: none;}
.adjust_ochugen {background: linear-gradient(transparent 50%, #f9ff00 50%)}

/* sub_mainttl */
.sub_mainttl div.sub_mainttl_wrap {position: relative;padding: 8% 4% 2%;}
.sub_mainttl div.sub_mainttl_wrap h1 {color: #555555;font-size: min(4.9vw, 20px);text-align: center;padding-bottom: 4%;font-weight: 700;}
.sub_mainttl_catch{margin: 0 0 8%;font-size: min(4.9vw, 20px);font-family: 'Noto Serif JP', serif;text-align: center;color: #87654C;font-weight: 600;line-height: 2;}
.sub_mainttl_txt {line-height: 1.6;font-size: min(4.2vw, 16px);color: #555555;text-align: left;font-weight: 500;}
.sub_mainttl_txt .txt_adjust {font-size: min(4.5vw, 16px);display:block;text-align: center;margin-bottom:0.5em;}
.sub_mainttl div.sub_mainttl_wrap div.winter_info {font-size: min(3.6vw, 16px);margin: 3% 0 0;background: #4f3464;padding: 4% 3%;color: #fff;box-sizing: border-box;}
.sub_mainttl div.sub_mainttl_wrap div.winter_info p {font-weight: bold;line-height: 1.6;text-align: center;color: #fff;}
.sub_mainttl div.sub_mainttl_wrap div.winter_info p a {margin-bottom: 0.5em;font-size: min(3.9vw,15px);font-weight: bold;color: #fff;letter-spacing: 1px;display: block;text-decoration: underline;}
.sub_mainttl div.sub_mainttl_wrap div.winter_info p.winter_info_attention {font-weight: normal!important;font-size: 12px;padding-top: 5px;color: #fff;}
.sub_mainttl div.sub_mainttl_wrap div.winter_info table tr {line-height: 1.6;}
.area_lead_image {display: flex;margin-top: 4%;}

/*--------------------------------
sns sns
-----------------------------------*/
.wrap_sns{background:#FFF4F4;padding: 8px 0 24px;position:relative;overflow: hidden;margin-bottom: 12%;}
.sns_heading{color:#D20D0D;font-size: min(5.3vw, 20px);position: relative;text-align: center;z-index: 0;font-weight: 600;margin: 4% 0 8%;line-height: 1.4;}
.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;margin: 2% auto;text-align: center;padding: 0 4%;}
.wrap_sns .wrap_area_img span {display: inline-block;color: #10671E;transform: rotate(-2deg);position: absolute;top: 34%;left: 8%;font-size: 13px;font-weight: bold;font-size: min(3.2vw, 14px);}
.wrap_sns .area_img_txt {    position: absolute;top: 63%;left: 77%;transform: translate(-50%, -50%);font-size: 16px;font-family: "????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;line-height: 1.6;color: #fff;font-weight: bold;font-size: min(4.2vw, 16px);width: 100%;text-align: left;}
.wrap_sns .area_img{margin-bottom:6%;}
.wrap_sns .sns_bnr{display:flex;justify-content: center;margin: 4%;}
.wrap_sns .sns_bnr a{margin:2%;transition:0.2s;width:100%;}
.wrap_sns .sns_bnr div{border-radius: 50%;background: #eee;position: relative;width: 100%;padding-top: 100%;border-radius: 50%;}
.wrap_sns .sns_bnr div._magazine::before{content: '';background: url(//img.e87.com/selection/winter/2024images/mailmagazine_icon.png) no-repeat;width: 35px;height: 25px;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: 40px;height: 40px;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: 8px solid transparent;border-top: 10px solid #fff;transition: 0.2s;}
.wrap_sns .sns_bnr_txt{font-size: min(3.8vw, 15px);text-align: center;position: absolute;left: 50%;transform: translateX(-50%);width: 100%;top: 35%;line-height: 1.6;font-weight: bold;color:#fff;}
.wrap_sns .sns_bnr div._magazine{background:#CA417D;}
.wrap_sns .sns_bnr div._line{background:#06C755;}

/*--------------------------------
??????? comingsoon
-----------------------------------*/
h3.coming_img{position: relative;text-align: center;margin-bottom:4%;}
.area_coming{margin:48px 0;}
.coming_heading{font-weight: bold;position: absolute;bottom: 8%;left: 50%;transform: translateX(-50%);color: #fff;width: 100%;font-size: min(5vw, 16px);}
.coming_lead {font-size: min(4.2vw, 15px);line-height: 1.8;color: #555555;padding: 0 4%;}
.coming_bnr{margin: 3% 4%;position: relative;transition:0.2s;}
.coming_bnr a{transition:0.2s;}
.coming_bnr_txt{font-size: min(4.2vw, 15px);line-height: 1.8;text-align: center;color: #555555;margin: 4%;}
.coming_contents{margin-bottom:12%;}
.coming_contents._newyear .coming_bnr_txt .anno{font-size:14px;display:block;margin-top: 1em;}

/*--------------------------------
????? bg_pink
-----------------------------------*/
.bg_pink {background: #FFF4F4;padding: 8% 0 1%;margin: 8% 0;}
.bg_pink h3._heading{margin-top:0;}
.bg_pink .rank_box.pickup_list{margin-bottom:16px;}
.search_style.bg_pink .search_style_list{margin:0;}

/* -----------------------------------------------------------
to-top
----------------------------------------------------------- */
#to-top {position: fixed;bottom: 16%;right: 3%;width: 50px;text-decoration: none;background-color: #a40000;display: block;text-align: center;opacity: 0;transition: 0.2s;color: #fff;line-height: 42px;font-size: 16px;z-index: 10;}
#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: 6px;height: 6px;display:  block;border-top: solid 2px;border-right: solid 2px;transform: rotate(-45deg);position:  absolute;top: 8px;left:  0;right:  0;margin:  auto;}
.wrap-top::after {content: '';background: url(https://img.e87.com/selection/winter/2024images/60-60_icon-top.png) no-repeat;position: absolute;width: 60px;height: 60px;left: 50%;top: 50%;transform: translate(-50%, -50%);background-size: contain;z-index: -1;}