/* -----------------------------------------------------------
common
----------------------------------------------------------- */
h2.h2_ttl { transform: rotate( 0.03deg);color:#06205b;border-top: 1px solid #06205b;border-bottom: 1px solid #06205b;text-align: center;padding: 8px 0 6px;font-size: 16px;font-weight: bold;margin: 80px 0 20px;}
.newyear_heading.heading_bg p{text-shadow: 2px 2px 10px #FFF, -2px 2px 10px #fff, 2px -2px 10px #fff, -2px -2px 10px #fff;}
#eto,#super,#special{background: #fffcf0;position: relative;padding: 24px 0;z-index: 0;}
.heading_business{text-align: center;color: #AC8529;font-weight: 600;border-bottom: 1px solid #AC8529;width: 74%;margin: 48px auto 16px;padding: 10px 0 8px;font-family: 'Noto Serif JP', serif;font-size: 23px;line-height: 1.5;}
.heading_business_sub{display: block;text-align: center;font-weight: 600;font-size:20px;}
#special .area_pickup{margin-top:8px;}
#business p.lead_txt,#friends p.lead_txt,#family p.lead_txt{    font-weight: 600;color: #AC8529;font-family: 'Noto Serif JP', serif;font-size: 18px;}
#special section{margin-bottom:48px;}
.newyear_h2_txt {color: #2b2d42;text-align: center;font-size: 26px;padding: 8px 0 4px;font-weight: 600;margin: 0 auto;position:relative;}
.newyear_h2_txt::after {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 500px;height: 1px;z-index: 1;background:#2b2d42;}
.newyear_h2_txt2 {text-align: center;font-size: 16px;line-height: 1.8;color:#2b2d42;    margin-top: 1em;}
.newyear_h3_outer{text-align: center;margin: 0 auto 3%;position:relative;}
.newyear_h3_txt{font-size: 20px;text-align: center;border-bottom: 1px solid #2b2d42;width: 60%;margin: 0 auto;padding-bottom: 8px;}

/* -----------------------------------------------------------
info
----------------------------------------------------------- */
.info{text-align: center;}
div.newyear_info {font-size: 16px;margin: 0;background: #AC8529;padding: 16px 32px 12px;display: inline-block;color: #fff;width: 660px;box-sizing: border-box;position:relative;z-index:1;}
div.newyear_info p {font-weight: bold;line-height: 1.6;font-size: 14px;text-align: center;}
div.newyear_info p.newyear_info_attention {font-weight: normal!important;font-size: 14px;color: #4d3f35;color: #fff;width: 520px;margin: 0.25em auto;text-align: left;text-indent: -1em;padding-left: 1em;}
.newyear_info_otodoke a {color: #fff;}
.newyear_info_otodoke._message {text-decoration: underline;font-size: 15px;}
.newyear_info table {margin: 4px auto 0.75em;font-size: 18px;}
.newyear_info table tr {line-height: 1.4;font-size: 20px;}
.newyear_info table th {text-align: right;font-weight: 600;padding: 2px;}
.newyear_info table td {font-weight: 600;}

/* -----------------------------------------------------------
extra
----------------------------------------------------------- */
.area_bnr_extra{font-family: 'Noto Serif JP', serif;display:flex;justify-content: space-around;}
.area_bnr_extra a:hover{text-decoration: none;}
.area_bnr_extra div{width:300px;height: 70px;color: #fff;padding: 12px 0 6px;position:relative;overflow: hidden;z-index:0;}
.area_bnr_extra div::before{content: '';width: 230px;height: 230px;border-radius: 50%;background: #b09669;position: absolute;top: 9%;left: 45%;transform: translateX(-50%);z-index: -1;}
.area_bnr_extra div::after {content: '';background: url(https://img.e87.com/selection/newyear/2024images/index_arrow_right_w.png) no-repeat;position: absolute;width: 8px;height: 27px;background-size: 100%;right: 12px;top: 50%;transform: translateY(-50%);}
.area_bnr_extra div._02::before{content: '';width: 230px;height: 230px;border-radius: 50%;background: #b09669;position: absolute;top:unset;bottom: 9%;left: 45%;transform: translateX(-50%);z-index: -1;}
.area_bnr_extra div._03::before{content: '';width: 230px;height: 230px;border-radius: 50%;background: #b09669;position: absolute;top: 50%;left: -60%;transform: translateY(-50%);z-index: -1;}
.area_bnr_extra div._01{background: #0d1039;border-radius: 20px 0 20px 0;}
.area_bnr_extra div._02{background: #2e90bd;border-radius: 20px 0 20px 0;}
.area_bnr_extra div._03{background: #9a162e;}
.area_bnr_extra div p{font-size:26px;text-align: center;font-weight: bold;margin: 0;color:#fff;line-height:1.3;}
.area_bnr_extra div p span{font-size:24px;display: block;text-align: center;font-weight: 100;}
.area_bnr_extra div p.bnr_annotation{font-size: 13px;margin-top: 4px;text-align: left;font-weight: 100;width: 80%;margin: 4px auto 0;}

.newyear_otodoke div,.newyear_otodoke span,.newyear_otodoke p{box-sizing: unset;}

/*---------------------------------
swiper
-----------------------------------*/
.wrap_swiper{position:relative;}
.swiper{height:320px!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;transition:0.2s;}
.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;transition:0.2s;}
.swiper-pagination-bullet-active{background: #06205b!important;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{color:#06205b!important;font-size:32px!important;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{color:#06205b!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;}

/* -----------------------------------------------------------
bnr
----------------------------------------------------------- */
.style_box2 {display: flex;margin:0;justify-content: center;}
.style_bnr {margin: 16px;width: 300px;}
.style_all {background: #d797ad;color: #fff;text-align: center;font-size: 30px;padding: 9px 0;border-radius: 3px;width: 300px;height: 102px;line-height: 84px;border-radius: 5px;box-sizing: border-box;position: relative;}
.style_all::before{content: "";position: absolute;right: 18px;top: 50%;width: 0px;height: 0px;margin: auto;transform: translateY(-50%);border-color: transparent transparent transparent #fff;border-top: 2px solid #fff;border-right: 2px solid #fff;-webkit-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);width: 12px;height: 12px;}
.style_box2 a:hover {text-decoration: none;}
.style_all:hover {opacity:0.8;}
.style-bnr {display: flex;justify-content: center;gap: 20px;margin-top: 20px;margin: 0 auto;flex-wrap:wrap;}
.style-bnr a {width: 200px;font-size: 16px;display: flex;flex-direction: column;align-items: center;}
.style-bnr span {display: inline-block;position: relative;}
.style-bnr span::after {content: "";position: absolute;margin: auto;top: 0;bottom: 0;right: -1rem;width: 8px;height: 8px;border-top: 2px solid #000000;border-right: 2px solid #000000;transform: rotate(45deg);transition: 0.2s;}
.style-bnr a:hover span::after {right: -1.5rem;}
.wrap_bnr{margin-top:48px;}
.style-bnr li{position:relative;}
.style-bnr li._comming::before{content: '';width: 100%;height: 100%;position: absolute;background: #000000;z-index: 1;background: rgba(0, 0, 0, 0.5);}
.style-bnr li._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;}
.style-bnr a img{width:100%;height:auto;}
#style .style-bnr a img{border-radius: 50%;}
.style-bnr span{text-align: center;font-weight: bold;color:#000;margin-top: 1em;}
.style_catch{margin:0;font-size:14px;text-align: center;position:relative;width: 100%;position: absolute;top: -2em;}
.style_catch::before {content: "";width: 20px;height: 1px;background: #7AC38B;position: absolute;top: 50%;left: 0;transform: translateY(-50%) rotate(45deg);}
.style_catch::after {content: "";width: 20px;height: 1px;background: #7AC38B;position: absolute;top: 50%;right: 0;transform: translateY(-50%) rotate(-45deg);}

.item_catch{font-weight: bold;position: relative;padding: 0 4px!important;font-size: 14px;margin: 0.5em 0;line-height: 1.4;color: #06205b;}
.style-bnr .item_catch{text-align: center;    margin-top: 8px;}


 /* --------------------------------------
card
------------------------------------------- */
div#post_card { margin-top: 35px;}
.post_card_box{display: flex;}
.post_card_img {width: 300px;padding: 0 10px 0 20px;margin:0;}
.post_card_img img { width: 100%; height: auto;border: 1px solid #eee;}
.post_card_txt {margin-top: 10px; transform: rotate( 0.03deg);padding: 0 20px;}
.post_card_txt dt {background: #06205b;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;}
.post_card_txt dd {margin: 10px 0 35px;font-size: 15px;line-height: 1.4;}
.post_card_txt dd a {text-decoration: underline;font-size: 15px;font-weight: bold;}
.post_card_txt .card_item a {font-size: 20px;font-weight: bold;color: #06205b;}

 /* --------------------------------------
お支払いについて
------------------------------------------- */
.area_payment{padding:0 3%;}
.area_payment p{font-size:15px;margin: 2% 0 3%;line-height: 1.6;text-align: left;}
.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 #06205b;padding-left: 8px;color: #06205b;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;}
#contents .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;}

/*---------------------------------
届いてから払い 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;}

/* 千趣会イイハナについて */
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: #DF5B5B;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;}

/*  FAQ  */
#faq{margin-top:40px;}
.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;text-align: left;}
.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 #2b2d42;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 {opacity:0.8}
.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;text-align: left;}
.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;} }

 /* --------------------------------------
super
------------------------------------------- */
#super{background: unset;position: relative;padding: 24px 0;z-index: 0;border:1px solid #e3e3e3;}
#super h4{text-align: center;font-size: 21px;color: #111;font-weight: 400;margin: 40px 0 8px;font-family: 'Noto Serif JP', serif;}
#super .wrap_super{ margin: 16px auto 48px}
#super .wrap_super_inner{display:flex;justify-content: center;    margin: 0 auto;width: 750px;box-sizing: border-box;}
#super .wrap_super_inner .super_img{width:35%;}
#super .wrap_super_inner .super_img img{width:100%;height:auto;}
#super .wrap_super_inner .common_txt{width:55%;text-align: left;font-family: 'Noto Serif JP', serif;}
#super .area_sample h5{text-align: center;font-size: 18px;margin: 24px auto 0;background: #eee;border-radius: 25px;padding: 3px 0 1px;width: 520px;}
#super .area_pickup{justify-content: center;margin-top:24px;}
    
/*---------------------------------
area point
-----------------------------------*/
.area_point {position: relative;margin: 4em auto 2em;padding: 2em;border: solid 2px #111;border-radius: 8px;width: 720px;box-sizing: border-box;}
.area_point .box-title {font-family: 'Noto Serif JP', serif;position: absolute;display: inline-block;top: -13px;left: 50%;transform: translateX(-50%);padding: 0 9px;line-height: 1;font-size: 21px;background: #fff;color: #111;font-weight: 400;text-align: center;margin-top:0;}
.area_point p.common_txt {text-align: center;margin: 0;    font-family: 'Noto Serif JP', serif;}