/*---------------------------------
?????? common
-----------------------------------*/
.contents{width:960px;margin:0 auto;}
.contents a:hover{text-decoration: none;}
.contents_inner{margin:72px 0 0;}
div#headerArea{width:960px;margin:0 auto;clear:both;}
div#headerArea .totop{width:209px;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: 30px!important;}
dl.sort_area_ dd { padding-top: 5px;}
.sort_area_now_, .navisort_now_ { margin-left: 0!important;}
section.foot_content {margin-bottom:40px;}
section.foot_content h2.aged_h2 {font-size:15px;text-align:center;font-weight:bold;padding:8px 40px 5px;margin:30px auto 20px;background:#6667ab;color:#fff;display:table;border-radius:20px;min-width:220px;}
h3.agedday_localMenu {font-size:15px;text-align:center;font-weight:bold;padding:8px 40px 5px;margin:72px auto 20px;background:#007A88;color:#fff;display:table;border-radius:20px;min-width:220px;}
section.foot_content .con_slider {background:#f1f1f1; padding:30px 20px;}
section.foot_content .slick-next {right:7px;position:absolute;top:40%;}
section.foot_content .slick-prev {left:0;position:absolute;top:40%;}
div#agedday_column{margin:0 0 40px 0!important;}
.main_contents{margin:144px 0;}
.area_img_txt {position: absolute;top: 70%;transform: translateY(-50%);left: 5em;font-size: 24px;line-height: 1.6;color: #333;font-weight: 500;text-align: center;}
.common_txt{line-height: 2;font-size: 16px;color: #252525;text-align: center;margin-bottom: 16px;}

/*---------------------------------
?????????? mv area
-----------------------------------*/
.sub_mainttl{width: 960px;margin: 0 auto;}
.sub_mainttl div.sub_mainttl_wrap {position:relative;padding: 24px 15px;text-align: center;margin-top: 8px;margin-bottom:8px;}
.sub_mainttl div.sub_mainttl_wrap h1{color:#007A88;font-size: 30px;text-align: center;padding-bottom: 10px;margin: 0 auto 8px;width: 85%;font-weight: 600;line-height: 1.4;}
.sub_mainttl_txt {line-height: 2;font-size: 16px;color: #252525;text-align: center;}
.sub_mainttl .heading_icon{width:714px;margin:0 auto 24px;}
.sub_mainttl .heading_icon img{width:100%;}
.sub_mainttl .area_lead_image{display:flex;justify-content: center;}

/*---------------------------------
?????? local navi
-----------------------------------*/
.navi_agedday {display: flex;justify-content: center;align-items: center;}
.navi_agedday:last-child{margin-top:16px;}
.navi_agedday a p{transition:0.2s;}
.navi_agedday a:hover p{color:#007A88;border:1px solid #007A88;}
.navi_agedday_box {width: 210px;margin: 0 7px;border-radius: 8px;}
.navi_agedday_pic {width: 180px;overflow: hidden;}
.navi_agedday_txt {    color: #A47864;text-align: center;font-size: 16px;font-weight: bolder;position: relative;transform: rotate(0.03deg);height: 60px;display: flex;justify-content: center;align-items: center;border: 1px solid #A47864;border-radius: 15px;}
._ohigan .navi_agedday_txt {color: #007A88;}
._style .navi_agedday_txt {color: #007A88;}
.navi_agedday_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%)}

/*---------------------------------
??? heading
-----------------------------------*/
.wrap_heading{text-align: center;}
h2._heading{font-size:24px;color:#007A88;position:relative;text-align: center;z-index:0;font-weight: 600;margin: 80px 0;line-height: 1.2;}
h2._heading::after{content:'';background: url(https://img.e87.com/selection/agedday/2025images/heading-bg.png) no-repeat;background-size:100%;width:487.5px;height:141px;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: -1;}
h2._heading .adjust_heading{font-size:16px;font-weight: 600;}
h3._heading{font-size: 20px;color: #007A88;position: relative;text-align: center;z-index: 0;font-weight: 600;margin: 56px auto 0;line-height: 1.4;background: #E8DDD8;padding: 12px 8px 8px;}
h3._heading .adjust_heading{font-size:16px;font-weight: 600;}
h2.heading_other_feature{font-size: 22px;color: #007A88;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: #007A88;position: relative;text-align: center;font-weight: 600;margin-bottom: 1.25em;display:inline-block;margin-top:80px;}

/*---------------------------------
????? btn
-----------------------------------*/
.common_btn{margin:32px 0 120px;}
.area_btn {text-align: center;margin:40px 0;}
.area_btn p.btn_text {width: 540px;position: relative;font-size: 18px;padding: 19px 20px 14px;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 #A47864;background:#A47864}
.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:hover {background: #fff;color: #A47864;}
.area_btn p.btn_text:hover:after {right: 1.5em;border-top: 2px solid #A47864;border-right: 2px solid #A47864;}
.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._all{margin-top:2em;}
.area_btn._all p.btn_text{background: #007A88;color: #fff;border:1px solid #007A88;}
.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: #fff;color: #007A88;}
.area_btn._all p.btn_text:hover:after{right: 1.5em;border-top: 2px solid #007A88;border-right: 2px solid #007A88;}

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


/*---------------------------------
??????? contents
-----------------------------------*/
.styles{margin-top:80px;}

.area_txt_other_feature{text-align: center;}
.area_txt_other_feature p{font-size:15px;text-align: center;line-height: 2;margin-bottom:32px;padding:0 20px;}

.adjust_marker{ font-weight:600;background:linear-gradient(transparent 70%, rgba(164,77,189,0.5) 70%);}
.adjust_txt{color:#4c1b67;font-weight: bold;}

.area_contents_main_image{display:flex;align-items: stretch;justify-content: center;}
.area_contents_main_image._p02{justify-content: end;}
.area_contents_main_image._p03{justify-content: start;}

.wrap_contents_left,.wrap_contents_right{width:25%;margin:0 2%;position:relative;    display: flex;flex-direction: column;justify-content: center;}
.p_left_txt,.p_right_txt{font-size:14px;line-height: 1.7;}
.p_left_img{text-align: right;margin-bottom: 4%;}

.area_contents_submit{display:flex;padding:0 20px;align-items: stretch;}
.submit_right{margin-left:32px;position: relative;width: 288px;}
.submit_button{text-align: center;text-align: center;position: absolute;width: 100%;bottom: 0;}
.submit_txt{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;font-size:14px;line-height: 1.7;}
.button_txt{background: url(https://img.e87.com/selection/agedday/2024images/submit_rindou.png) no-repeat;background-size: 100% 100%;font-size: 15px;font-weight: bold;color: #fff;border-radius: 25px;padding: 10px 16px 8px 24px;line-height: 1.4;position:relative;border: 1px solid #c6ad34;transition:0.2s;}

/* --------------------------------------
??? column
------------------------------------------- */
div#agedday_column {background-color:#ffffff;border:1px solid #dbdad3;margin:0 0 20px 0;padding:10px 0 5px 15px;}
div#agedday_column h3{background:url(//img.e87.com/selection/agedday/2010images/colum_h3icon.gif) no-repeat left top;color:#ca417d;font-weight:bold;margin:0 0 7px 0;padding:0 0 0 19px;}
div#agedday_column h3 tit{background:url(//img.e87.com/selection/agedday/2010images/colum_h3icon.gif) no-repeat left top;color:#ca417d;font-weight:bold;margin:0 0 7px 0;padding:0 0 0 19px;_padding:0 0 0 36px;}
div#agedday_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#agedday_column ul{ display:inline-block;}
/* Win版IE5および6対策 */
/* Hides from IE-mac \;*/
* html div#agedday_column ul{ height:1px;}
div#agedday_column ul{ display:block;}
/* End hide from IE-mac */
div#agedday_column ul li {background:url(//img.e87.com/selection/agedday/2010images/colum_arrow.gif) no-repeat left;padding:0 0 0 10px;margin:0 5px 5px 10px;_margin-left:5px;font-size:85%;float:left;list-style:none;float:left;width:200px;}
div#agedday_column ul li a {text-decoration:none;}
div#agedday_column ul li a:hover {text-decoration:underline;}
div#agedday_column ul {margin:0 0 0 15px;}

/* --------------------------------------
???????? 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:#007A88;}
.localMenu dd{background:#fff;margin-left:120px;padding:10px 0 10px 25px;}
.localMenu dd li{float:left;width:200px;padding:3px 0 10px;}
.localMenu dd li.parent{float:none;width:600px;}
.localMenu dd li a{background:url(//img.e87.com/selection/father/2014images/father_lmenu_arrow.gif) no-repeat left center;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;}

/* --------------------------------------
???????? scroll top
------------------------------------------- */
#to-top {position: fixed;bottom: 120px;right: 24px;width: 55px;text-decoration: none;display: block;text-align: center;opacity: 0;transition: 0.2s;color: #fff;line-height: 48px;font-size: 16px;z-index: 10;transition: 0.2s;}
#to-top.fade {opacity: 1;transition: 0.2s;}
#to-top:hover {opacity: 0.8;}
.wrap-top {position: relative;text-align: center;font-weight: bold;padding-top: 12px;height: 60px;z-index: 0;border-radius: 50%;width: 60px;box-sizing: border-box;font-size: 18px;}
.wrap-top::after {content: '';background: url(https://img.e87.com/selection/agedday/2025images/icon_top.png) no-repeat;position: absolute;width: 62px;height: 60px;left: 50%;top: 50%;transform: translate(-50%, -50%);background-size: contain;z-index: -1;}

/*---------------------------------
????? rank
-----------------------------------*/
section#ranking {clear: both;position: relative;}
.rank_box {display: flex;padding: 32px 32px 0;justify-content: center;}
.rank_box dl {padding: 0 12px;width: 200px;font-family: "????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;transition:0.2s;}
.rank_box._top dl {width: 230px;padding: 0 12px;}
.rank_box dl div {font-size: 18px;color: #401f1f;line-height: 42px;z-index: 1;position: static;margin-bottom: 4px;background: none;width: unset;height: unset;text-align: left;}
.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 {padding: 0 17px;}
.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;line-height: 1;font-size: 21px;color: #252525;position: static;}
.rank_box .item_img {position: relative;}
.rank_box._bottom {padding-top: 0;}
.rank_box._bottom dl dd.item_img {margin: 24px 0 0;}
.rank_box dl dd.item_name {color: #252525;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: #252525;}
.rank_box a:hover {text-decoration: none;}
.rank_box dl:hover{opacity:0.8;}
.rank_box img{width:100%;height:auto;}

/*---------------------------------
??????? rank pickup
-----------------------------------*/
#rank .rank_box.pickup_list{display:flex;flex-wrap:wrap;padding:0 20px;margin-top:56px;}
#rank .rank_box.pickup_list a{transition:0.2s;}
#rank .rank_box.pickup_list a:hover{opacity:0.8;text-decoration: none;}
#rank .rank_box.pickup_list dl{width:185px;padding:0 8px;}

/*---------------------------------
?????????? _styles
-----------------------------------*/

.common_bnr._styles{width:900px;box-sizing: border-box;margin: 80px auto 0;position:relative;}
.common_bnr._styles img{width:100%;}
.common_bnr._styles h3{margin-bottom: 0.5em;border-bottom: 1px solid #007A88;padding-bottom: 0.25em;font-weight: 600;font-size:24px;text-align: center;line-height: 1.3;color:#007A88;}
.common_bnr._styles h3 .adjust_small{font-size:21px;display: block;text-align: center;font-weight: 500;}
.common_bnr._styles .area_img_txt{top: 50%;left: 6%;width:470px;}
.common_bnr .common_txt{margin:16px 0 0;}
.heading_styles_txt{font-size: 16px;font-family: "????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;line-height: 1.6;}

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

/* --------------------------------------
????? fature
------------------------------------------- */
.sort_area_ a{margin:2px 2px 0 16px!important;}

/*---------------------------------
???????????? contents single
-----------------------------------*/
.common_bnr {width: 920px;margin: 24px auto 32px;position: relative;}
.common_bnr img{width: 100%;height:auto;}
.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 {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;margin-top: 0.5em;}
.submit_img {transition: 0.2s;position: relative;}
.submit_img:hover {opacity: 0.8;}
.button_txt {border: 1px solid #007A88;background: #007A88;background-size: 100% 100%;font-size: 15px;font-weight: bold;color: #fff;border-radius: 11px;padding: 8px 16px 4px 24px;line-height: 1.4;position: relative;transition: 0.2s;text-align: center;}
.button_txt:hover {background: none;color: #007A88;}
.button_txt:hover::after {border-left: 10px solid #007A88;}
.contents_single_submit {display: flex;padding: 0 20px 2em;align-items: stretch;justify-content: center;}
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;color: #007A88;font-weight: bold;}
h4.heading_single {color: #007A88;font-weight: bold;font-size: 16px;text-align: center;margin-bottom: 1.25em;display:none;}

.area_point_icon{display:flex;justify-content: center;flex-wrap:wrap;align-items: center;}
.area_point_icon span.point{font-size: 13px;text-align: center;width: 80px;display: inline-block;background: #D1F6B8;font-weight: bold;margin: 0 8px 1%;height: 80px;display: flex;justify-content: center;align-items: center;padding: 6px 0 4px;border-radius: 50%;box-sizing: border-box;color:#000;}

.button_txt_large{font-size:20px;font-weight: bold;}

/*---------------------------------
???????????? contents single
-----------------------------------*/
.area_pickup{width:680px;margin: 40px auto;}
.area_pickup .common_txt{margin:16px 0 0;}
.area_pickup .rank_box{padding: 32px 8px 0;}
.area_pickup .rank_box dl{padding:0 8px;}

/*---------------------------------
???????????? heading catch
-----------------------------------*/
.heading_catch{text-align: center;font-size: 23px;font-weight: bold;color: #A47864;}

/*---------------------------------
???????????? heading catch
-----------------------------------*/
.submit_modern._custom .button_txt {padding: 8px 16px 4px 24px;}
.submit_modern._custom .button_txt .price{display:block;text-align: center;font-size:14px;}
.submit_modern._custom .submit_button a{display:block;margin:8px 0;}
.submit_modern._custom .submit_txt{top:18%;}

/*---------------------------------
???????????? heading catch
-----------------------------------*/
.area_point {position: relative;margin: 2em auto;padding: 2em;border: solid 3px #6bb8ff;border-radius: 8px;width: 840px;box-sizing: border-box;}
.area_point .box-title {position: absolute;display: inline-block;top: -13px;left: 10px;padding: 0 9px;line-height: 1;font-size: 19px;background: #FFF;color: #6bb8ff;font-weight: bold;}
.area_point p.common_txt {text-align: left;margin-bottom: 0;}