/* --------------------------------------
共通 common
------------------------------------------- */
.area_btn._center{text-align: center;}
span._annotation{font-weight: bold;display:block;padding: 0 4px;line-height: 1.4;}

/* --------------------------------------
ヘッダー header
------------------------------------------- */
#header_{position:relative;}
.area_senko_off{display: flex;align-items: center;background: #4c5cd3;box-sizing: border-box;padding: 8px 20px;justify-content: center;}
.area_senko_off div.area_senko_wrap_l{color: #4c5cd3;margin-right:2em;}
.area_senko_off div.area_senko_wrap_l p{line-height: 1;font-size:21px;font-weight: 600;color:#fff;}
.area_senko_off div.area_senko_wrap_l p span{display:inline-block;margin-left:22px;color:#fff;font-size:26px;font-weight: 600;}
.area_senko_off div.area_senko_wrap_l p span.adjust_fs{font-size: 48px;margin: 0 1px;position: relative;bottom: -3px;}
.area_senko_off div.area_senko_wrap_r p{font-size: 18px;color: #669a28;font-weight: bold;padding: 6px 15px 4px;background: #fff;border-radius: 25px;    width: 330px;}
.main_visual{position:relative;margin-top: 20px;}

/* --------------------------------------
メインビジュアル期間 MV period
------------------------------------------- */
.wrap_main_heading{width: 310px;position: absolute;top: 50%;left: 6px;transform: translateY(-50%);}
.wrap_main_heading h1{font-size: 21px;background: #0E3092;color: #fff; text-align: center;font-weight: 600;padding: 6px;}
.wrap_main_heading .heading_date{padding: 1.25em 1em;background: #fff;border: 1px solid #0E3092;margin-bottom:4px;}
.wrap_main_heading .heading_date dt{font-size: 21px;text-align: center;font-weight: 700;}
.wrap_main_heading .heading_date span._message{display:block;font-size: 18px;text-align: center;font-weight: 700;margin-bottom: 4px;}
.wrap_main_heading .heading_date table{width: 100%;}
.wrap_main_heading .heading_date table tr{font-size:15px;color:#0E3092;text-align: right;display: flex;flex-direction: column;margin-bottom: 8px;}
.wrap_main_heading .heading_date table tr th{font-weight: bold;text-align: center;font-size: 17px;background: #e3eaff;padding: 1px 0 2px;margin-bottom: 2px;}
.wrap_main_heading .heading_date table tr td{font-weight: bold;text-align: center;font-size: 17px;}

/* father_card */
.father_card_box{display: flex;align-items: flex-start;}
.father_card_img {width: 334px;padding: 0 30px 0 40px;position:relative;}
.father_card_img span{
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 62px;
    font-weight: bold;
    transform: translate(-50%, -50%) rotate(10deg);
    opacity: 0.4;
    color: #000;
}
.father_card_txt {margin-top: 5px;}
.father_card_txt dt {background: #4c5cd3;color: #fff;font-size: 16px;font-weight: bold;padding: 0 15px;display: inline;}
dt .card_txt_small {padding-left: 10px;}
.card_txt_small {font-size: 13px;}
.father_card_txt dd {margin: 10px 0 35px;font-size: 15px;line-height: 1.4;}
.father_card_txt dd a {text-decoration: underline;font-size: 15px;font-weight: bold;}
.father_card_txt .card_item a {font-size: 20px;font-weight: bold;color: #4c5cd3;}

/* 父の日について調べる */
#father_inv_bg{width:9999px;height:334px;margin-left:-999px;background-color:#420814;}
#father_inv{width:960px;height:350px;background:url(//img.e87.com/selection/father/2025images/column_bg_index.jpg) no-repeat top left;color:#420814;}
#father_inv p{width: 580px;padding: 60px 0 0 0;line-height: 1.6;font-size: 15px;}

/* #other */
div.pagetop {	clear:both;	color:#CA417D;	font-size:85%;margin: 20px 2px 24px 0;text-align:right;}
div.pagetop p{float:right;}
.clearfix{clear:both;}

/* point */
.point_outer {padding: 10px 0;}
.point_outer .father_ttl_blue {text-align: left;margin: 0 3%;font-size: 16px;}
dl.point_txt img {width: auto;height: auto;}
dl.point_txt {padding: 24px 0 8px;font-size: 16px;line-height: 1.4;}
p.point_icon {width: 69px;display: inline;}
dl.point_txt dt {font-weight: bold;text-decoration: underline;margin-bottom: 4px;font-size: 18px;}
dl.point_txt dd {padding-bottom: 1em;}
dl.point_txt a {font-weight: bold;text-decoration: underline;color: #7a4355;}
p.point_img2 {margin: 0 auto;}


/*  FAQ  */
.e87-lower-layout {margin-top:40px;margin-bottom:60px;}
.e87-lower-section {margin-top:80px;}
.e87-lower-text {margin:0;line-height:1.8;font-size:1.1em;}
.e87-lower-text + .e87-lower-text {margin-top:2em;}
.e87-lower-anchor__item .e87-link-box--anchor {height:100%;display:flex;align-items:center;}
.e87-lower-anchor__item .e87-link-box--anchor::after {right:9px;top:calc(50% - 13px);transform:rotate(90deg) translateY(-50%);}
.e87-faq-lists {margin-top:60px;}
.e87-faq-accordion {border:1px solid #0E3092;border-radius:5px;margin-bottom:10px;overflow:hidden;}
.e87-faq-accordion:last-of-type {margin-bottom:0;}
.e87-faq-accordion__head {padding:20px 60px 20px 63px;background-image:url("https://img.e87.com/corp/faq/img/icon_q.png");background-repeat:no-repeat;background-position:left 18px top 15px;background-size:30px;cursor:pointer;transition:background-color .2s;}
.e87-faq-accordion__head:hover {background-color:#C9E3EE;}
.e87-js-toggle-accordion__trigger--active:hover {background-color:transparent;}
.e87-faq-accordion__body__inner {background-image:url(https://img.e87.com/corp/faq/img/icon_a.png);background-repeat:no-repeat;background-size:30px;padding:8px 60px 30px 63px;background-position:left 18px top 7px;}
.e87-faq-accordion__body[data-status="closed"] {display:none;}
.e87-js-toggle-accordion__trigger {position:relative;}
.e87-js-toggle-accordion__trigger::before, .e87-js-toggle-accordion__trigger::after {content:"";position:absolute;width:16px;height:1px;background:#000;right:20px;top:0;bottom:0;margin:auto;transition:transform .3s;}
.e87-js-toggle-accordion__trigger::after {transform:rotate(90deg);}
.e87-js-toggle-accordion__trigger--active::after {transform:rotate(0);}
.e87-faq-accordion__head__text {font-weight:bold;margin:0;font-size:1.3em;}
.e87-faq-accordion__text {margin:0;}
.e87-faq-accordion__btn__wrap {margin:30px auto 0;width:85%;}
@media all and (min-width:769px) {.e87-faq-accordion__btn__wrap {width:344px;} }

/*---------------------------------
?????????? area rank slider
-----------------------------------*/
.swiper{height:340px!important;width: 890px;;}
.swiper-wrapper {width: 100%;height: auto !important;}
.swiper-slide {color: #ffffff;width: 170px!important;height: auto!important;text-align: center;margin:8px 4px;}
.swiper-pagination-bullets {width: 100px;}
.swiper-pagination-bullet {width: 12px !important;height: 12px !important;margin: 0 0 0 10px !important;background: #fff;}
.swiper-pagination-bullet:first-child {margin: 0 !important;}
.swiper-slide dl:hover {opacity:0.8;}
.swiper-slide 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;}
.swiper-slide 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;}
.swiper-slide 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;}
.swiper-slide 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;}
.swiper-slide 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;}
.swiper-slide dl div._gold span {color: #401f1f;font-size: 21px;}
.swiper-slide dl div._silver {padding-left: 1.55em;padding-left: 1.55em;background: none;width: unset;height: unset;border-radius: unset;text-align: left;}
.swiper-slide dl div._silver span {color: #401f1f;font-size: 21px;}
.swiper-slide dl div._bronze {padding-left: 1.55em;padding-left: 1.55em;background: none;width: unset;height: unset;border-radius: unset;text-align: left;}
.swiper-slide dl div._bronze span {color: #401f1f;font-size: 21px;}
.swiper-slide._bottom dl {width:200px;}
.swiper-slide._bottom dl div {font-size: 28px;background: none;width: unset;height: unset;text-align: left;}
.swiper-slide dl div span {font-family: 'Noto Serif JP', serif;font-size: 21px;color: #333;position: static;}
.swiper-slide .item_img {position: relative;}
.swiper-slide._bottom dl dd.item_img {margin: 24px 0 0;}
.swiper-slide dl dd.item_name {color: #333;margin-top: 8px;margin-bottom: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 13px;line-height: 1.3;}
.swiper-slide dl dd.price {color: #333;}
.swiper-slide a:hover {text-decoration: none;}
.swiper-slide img {width: 100%;height: auto;}
.swiper-pagination-bullet-active{background: #4c5cd3!important;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{color:#4c5cd3!important;font-size:32px!important;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{color:#4c5cd3!important;font-size:32px!important;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right:0!important;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left:0!important;}

/*---------------------------------
?????? new icon
-----------------------------------*/
.wrap_icon_new {display: inline-block;position: relative;bottom: 2px;}

/*---------------------------------
?????? area card
-----------------------------------*/
.area_card ul{display:flex;justify-content: center;margin-bottom:16px;background: #e5f9ff;padding-top: 1em;}
.area_card ul li{width:265px;margin:0 1% 1%;border:1px solid #f174a047;}

/*---------------------------------
??? heading
-----------------------------------*/
h2._heading._new span::before {content: '';background: url(//img.e87.com/selection/mother/2025images/icon_mother02.png) no-repeat;}