@charset "shift_jis"; 

/* --------------------------------------
?? common
------------------------------------------- */
#contents_0903new{width:960px;margin:0 auto;}
#contents{width:960px;margin:0 auto;}
.area_contents .heading_bg {margin: 48px 0 24px;}
.area_contents .heading_bg img {margin-bottom:24px;width:100%;height:auto;}
.area_contents._feature .lead_txt{width:750px;margin:0 auto;}
.area_contents._feature h2.heading_common{color:#000;font-weight: normal;}
.main_contents{margin:80px 0;}
.main_contents:last-child{margin-bottom:0;}
.sub_contents{margin:80px 0;}
.sub_contents:last-child{margin-bottom:0;}
.lead_txt {font-size: 16px;line-height: 2;text-align: center;}
.lead_txt._bottom {color:#b78800;font-size:18px;font-weight: bold;margin: 2em 0 3em;}
._new{position: absolute;top: 0;left: 0;background: #f13330;padding: 2px 2px 0px 5px;    color: #fff;font-weight: bold;}
main {color: var(--black);font-size: 16px;width: 960px;margin: auto;letter-spacing: 2px;}
main dl,main dd,main dt {padding: 0!important;margin: 0;box-sizing: border-box;}
main h1,main h2,main h3,main h4 {text-align: center;}
main div,main p,main span {box-sizing: border-box;}
main p {font-size: 16px;line-height: 1.8;color: #000;margin:1em;}
#ToHalloween p {margin:0;}
main a,main a:visited {text-decoration: none!important;cursor: pointer!important;transition:0.2s;}
main a:hover {opacity: 0.8;text-decoration: none;cursor: pointer!important;}
main section {width: 100%;margin-bottom: 24px;}
main h2 {font-size: 24px;font-weight: bold;margin-bottom:24px;color: #000;}
main #sakura h2 {color: #DF5B5B;}
main #featureOther h2 {color: #06205B;}
main #tulip h2 {color: #d55452;}
main #ohigan h2 {color: #666767;}
main h3 {font-size: 21px;margin-bottom:24px;color: #000;}
main .heading_main {font-family: serif;text-align: center;background: url(//img.e87.com/selection/spring/2025images/spring_title_bg.png) center top / auto no-repeat;padding-bottom: 3rem;}
main section {width: 100%;}
._annotation{font-size:small;}
.adjust_txt{font-size:20px;color:#f6827d;}

/* --------------------------------------
パンくず 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; }

/* --------------------------------------
メインビジュアル area mv
------------------------------------------- */
.mv {margin-bottom: 60px;}
.heading_bg {flex-direction: column;margin-bottom: 0;text-align: center;position:relative;margin: 40px 0 32px;z-index: 0;}
.heading_common{position:relative;}
.spring_heading.heading_bg{margin: 40px 0 0;}
.spring_heading.heading_bg h2{position:relative;text-shadow: 2px 2px 10px #FFF, -2px 2px 10px #fff, 2px -2px 10px #fff, -2px -2px 10px #fff;margin-bottom:0;}
.heading_common_sub{position: relative;text-align: center;padding: 12px 0 6px 1em;text-shadow: 1px 1px 8px #FFF, -1px 1px 9px #fff, 1px -1px 8px #fff, -1px -1px 8px #fff;margin-top:48px;}
.heading_common_sub span{position:relative;text-shadow: unset;}
.heading_common_sub span::after{content: '';background: url(//img.e87.com/selection/spring/2026images/spring-BG2.png);position: absolute;top: 50%;transform: translateY(-50%);left: -50px;width: 75px;height: 50px;background-size: 100%;z-index: -1;}
h2.heading_common_sub{color:#000;}
.area_contents{margin:64px 0;padding: 24px;box-sizing: border-box;}
.spring_heading h1 {font-family: 'Noto Serif JP', serif;font-size: 28px;display: inline-block;width: 70%;position: relative;z-index: 0;line-height: 1.2;margin-bottom: 0.25em;z-index:1;    text-shadow: 2px 2px 10px #FFF, -2px 2px 10px #fff, 2px -2px 10px #fff, -2px -2px 10px #fff;}
.mv{margin-bottom:24px;}

/*---------------------------------
area intro
-----------------------------------*/
.area_intro {position: relative;margin: 1.75em auto 1em;padding: 0.5em 2em 1em;border: solid 2px #afafb0;border-radius: 8px;width: 920px;box-sizing: border-box;}
.area_intro .box-title {font-family: 'Noto Serif JP', serif;position: absolute;display: inline-block;top: -27px;left: 50%;transform: translateX(-50%);padding: 0 16px;line-height: 1;font-size: 26px;background: #fff;color: #111;font-weight: 400;text-align: center;margin-top: 0;}
.area_intro .box-heading {font-family: 'Noto Serif JP', serif;line-height: 1;font-size: 20px;background: #fff;color: #111;font-weight: 400;text-align: center;margin:0 1em 1em;}
.area_intro p.common_txt {text-align: center;margin: 0;font-family: 'Noto Serif JP', serif;line-height: 2;}
.area_intro p.common_txt._close {font-weight: bold;color: #ff6d00;font-size:18px;}

/* --------------------------------------
?????? local navi
------------------------------------------- */
.navi_local {display: flex;justify-content: space-evenly;align-items: center;color: #000;margin-bottom: 88px;}
.navi_local_box {border-radius: 8px;transition: 0.2s;width:23%;}
.navi_local_txt {text-align: center;font-size: 15px;font-weight: 500;position: relative;transform: rotate(0.03deg);height: 55px;display: flex;justify-content: center;align-items: flex-end;line-height: 1.5;border-bottom: 2px solid #f6827d;padding-bottom: 0.25em;color: #000;}
.navi_local_txt::before {content: '';width: 24px;height: 24px;background: #f6827d;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 a._navi{width:24%;}
.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;}

/*--------------------------------
sns
-----------------------------------*/
.wrap_sns {background: #FFFFF4;padding: 24px 0 0;margin: 40px 0px;position: relative;}
.sns_heading {color: #D20D0D;font-size: 21px;position: relative;text-align: center;z-index: 0;font-weight: 600;margin: 32px 0 40px;line-height: 1.2;}
.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;width: 720px;margin: 16px auto;text-align: center;}
.wrap_sns .wrap_area_img img{width:100%;}
.wrap_sns .wrap_area_img._open::after {content: '';background: url(//img.e87.com/selection/winter/2024images/star.png) no-repeat;width: 110px;height: 110px;background-size: 100%;position: absolute;top: -55%;right: 5%;transform: translateX(-50%);}
.wrap_sns .wrap_area_img span {display: inline-block;color: #10671E;transform: rotate(-2deg);position: absolute;top: 20px;left: 110px;font-size: 16px;font-weight: bold;}
.wrap_sns .area_img_txt {position: absolute;top: 64%;left: 50%;transform: translate(-50%,-50%);font-size: 18px;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;color: #fff;font-weight: bold;text-shadow:unset;}
.wrap_sns .area_img {margin-bottom: 48px;}
.wrap_sns .sns_bnr {display: flex;justify-content: center;}
.wrap_sns .sns_bnr a {margin: 40px;transition: 0.2s;}
.wrap_sns .sns_bnr a:hover {opacity: 0.8;}
.wrap_sns .sns_bnr a:hover div::after {bottom: 0;}
.wrap_sns .sns_bnr div {width: 240px;height: 240px;border-radius: 50%;background: #eee;position: relative;}
.wrap_sns .sns_bnr div._magazine::before {content: '';background: url(//img.e87.com/selection/winter/2024images/mailmagazine_icon.png) no-repeat;width: 70px;height: 51px;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: 80px;height: 80px;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: 14px solid transparent;border-top: 15px solid #fff;transition: 0.2s;}
.wrap_sns .sns_bnr_txt {font-size: 18px;text-align: center;position: absolute;left: 50%;transform: translateX(-50%);width: 100%;top: 40%;line-height: 1.8;font-weight: bold;color: #fff;margin: 0;}
.wrap_sns .sns_bnr div._magazine {background: #CA417D;}
.wrap_sns .sns_bnr div._line {background: #06C755;}
.coming_lead {font-size: 16px;line-height: 1.8;text-align: center;color: #000;}

/*---------------------------------
???????????? contents single
-----------------------------------*/
.common_bnr {margin: 24px auto 16px;position: relative;}
.common_bnr img{width: 100%;height:auto;}

/*---------------------------------
ピックアップ商品 area pick up
-----------------------------------*/
.area_pickup{width: 780px;margin: 16px auto 32px;display: flex;flex-wrap: wrap;justify-content: center;}
.area_pickup .common_txt{margin:16px 0 0;}
.area_pickup dl{width:240px;margin: 10px;}
.area_pickup img{width:100%;height:auto;}
.area_pickup dl dd.item_name {color: #000;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;}
.area_pickup dl dd.price {font-size:12px;color:#000;}

/*---------------------------------
スクエア画像 area btn img square
-----------------------------------*/
.area_btn{width:320px;margin: 40px auto 0;}
.area_btn a{display:block;text-align: center;}
.area_btn img{width:220px; height: auto;}
.area_btn p{margin:8px 0 0;text-align: center;line-height: 1.5;}

/*---------------------------------
スワイパー swiper 1
-----------------------------------*/
.wrap_swiper{position:relative;}
.swiper{height:370px!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;font-size:14px;}
.swiper-slide a:hover {text-decoration: none;}
.swiper-slide img {width: 100%;height: auto;transition:0.2s;}
.swiper-pagination-bullet-active{background: #FF9500!important;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{color:#FF9500!important;font-size:32px!important;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{color:#FF9500!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;}

/*---------------------------------
スワイパー2 swiper 2
-----------------------------------*/
.swiper{height:320px!important;}
#feature .wrap_swiper{position:relative;width: 900px;margin:24px auto 0;}
#rank .wrap_swiper{position:relative;}
.swiper2{height:305px!important;width: 835px;}
.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, 40%);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:#FF9500!important;font-size:32px!important;}
.swiper-button-prev2:after, .swiper-rtl .swiper-button-next2:after{color:#FF9500!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:4px!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: 200px!important;height: auto!important;text-align: center;margin:8px 4px;transition:0.2s;}
.navi_local{margin-top:24px;}
.father_card_img {width: 480px;}
.swiper-slide dl{transition:0.2s;}
.swiper-slide dl._comming::before{content: '';width: 100%;height: 100%;position: absolute;background: #000000;z-index: 1;background: rgba(0, 0, 0, 0.5);}
.swiper-slide dl._comming::after{    content: '11\6708\4E0A\65EC\516C\958B\4E88\5B9A';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;z-index: 2;white-space: pre;font-size: 18px;font-weight: bold;}
.item_catch{font-weight: bold;position: relative;padding: 0 4px!important;font-size: 14px;margin: 0.5em 0;line-height: 1.4;color: #FF9500;}
#feature .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{    bottom: var(--swiper-pagination-bottom, 0)!important;}
#rank .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{    bottom: var(--swiper-pagination-bottom, 0)!important;}

/* -----------------------------------------------------------
スタイルから選ぶ area sytle
----------------------------------------------------------- */
.style-bnr {display: flex;justify-content: center;gap: 24px;margin-top: 20px;width:50%;margin: 0 auto;}
.style-bnr a {width: 180px;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: -35px;right: 50%;width: 8px;height: 8px;border-top: 2px solid #f6827d;border-right: 2px solid #f6827d;transform: rotate(135deg);transition: 0.2s;}
.style-bnr a:hover span::after {bottom: -45px;}
.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-bnr span{text-align: center;font-weight: bold;color:#f6827d;margin-top: 1em;display: block;}
.style_catch{margin:0;font-size:14px;text-align: center;position:relative;width: 100%;}
.style-bnr .item_catch{text-align: center;    margin-top: 8px;}
.style-bnr li a {position: relative;}
.common_bnr._styles{box-sizing: border-box;margin-top: 32px;}
.common_bnr._styles h3{font-family: 'Noto Serif JP', serif;margin-bottom: 0.5em;border-bottom: 1px solid #fff;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{top: 50%;left: 8%;}
.area_style{margin-bottom:80px;background-image: linear-gradient(150deg, rgba(255, 237, 237, 1), rgba(255, 251, 245, 1) 51%, rgba(255, 237, 237, 1));padding:16px 40px;}
.area_style:last-child{margin-bottom:0px;}

/*---------------------------------
CTAボタン are cta
-----------------------------------*/
.contents_inner{margin-top:2em;}
.common_btn {margin: 40px 0 120px;}
.cta_link {width: 600px;display: block;margin: auto;background: #F8BEC4;border: 1px solid #E0ACB2;border-radius: 7px;font-size: 18px;font-weight: bold;padding: 18px 0;font-family: sans-serif;text-decoration: none;color: var(--black);}
.cta_link{background:#f6827d;color:#fff!important;border:1px solid #f6827d;transition:0.2s;position:relative;text-align: center;}
.cta_link:hover{background:#fff;color:#f6827d!important;}
.cta_link::before {content: '';width: 6px;height: 6px;border: 0;border-top: solid 2px #fff;border-right: solid 2px #fff;position: absolute;top: 50%;right: 16px;margin-top: -4px;transform: rotate(45deg);}
.cta_link:hover::before{border-top: solid 2px #f6827d;border-right: solid 2px #f6827d;}
#styleSpring .contents_inner{margin-top: 2em;}

/* --------------------------------------
お急ぎバナー banner
------------------------------------------- */
.banner_ex{text-align: center;margin-top: 2em;width: 750px;margin: 2em auto;}
.banner_ex img{width:100%;}

/*---------------------------------
コラム area colmun
-----------------------------------*/
section#n_columnArea { padding-top: 30px;}
#n_columnArea h2.h2_ttl {color:#f6827d;border-top: 1px solid #f6827d;border-bottom: 1px solid #f6827d;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 20px;}
#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%, #f6827d3b 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;}

.feature_other{margin:2.5em;}
.feature_other span{display:block;text-align: center;margin-bottom: 4px;color:#000;}
.feature_other a{display: block;width: 700px;margin: 0 auto;color:#000;}

/* --------------------------------------
TOPに戻る 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/spring/2026images/60-60_icon-topes.png) no-repeat;position: absolute;width: 60px;height: 60px;left: 50%;top: 50%;transform: translate(-50%, -50%);background-size: contain;z-index: -1;}

/* -----------------------------------------------------------
 item_box
 ----------------------------------------------------------- */
.area_items{position:relative;}
.area_items::before{content: '';background: url(//img.e87.com/selection/spring/2024images/main_lead_bg.png) no-repeat;background-size: contain;position: absolute;top: 70px;right: -65px;/* transform: translateY(-50%); */width: 773px;height: 462px;z-index: 0;}
.area_items::after{content: '';background: url(//img.e87.com/selection/spring/2024images/common_bg_left.png) no-repeat;background-size: contain;position: absolute;bottom: -80px;left: -65px;/* transform: translateY(-50%); */width: 773px;height: 462px;z-index: -1;}
.items{padding: 24px 0 0px;margin: 0 40px 16px;position:relative;z-index:1;background:#fff;}
.item_box {display: flex;position: relative;padding: 0px 20px 8px;align-items: stretch;}
.item_left {width:400px;text-align: center;}
.item_left a {transition:0.2s;}
.item_img3 {display: flex;}
.item_img3 p{margin:0;}
.item_img3 img{width:100%;height:auto;}
.item_wrap .item_img3_left { margin-right: 5px;position:relative;}
.item_wrap .item_img3_left._new::before{ content: "NEW";background: #e20000;font-family: 'Noto Serif JP', serif;padding: 6px 8px;color: #ffff;position: absolute;left: 0;top: 0;font-size: 16px;z-index: 10;}
.item_wrap .item_img3_left ._hidden { position:absolute;opacity:0;top:0;left:0;transition:0.2s;}
.item_wrap .item_img3_left img {width:100%;height:auto;transition:0.2s;}
.item_img_top{ margin-bottom: 5px;}
.wrap_title{position:relative;text-align: center;padding: 0;font-weight: bold;color: #fff;margin-top:0;}
.wrap_title .h2_sub {font-size:18px;position: relative;color:#fff;font-weight: bold;}
.wrap_title h2 {font-size:24px;font-family: 'Noto Serif JP', serif;font-weight: 600;text-align: center;line-height: 32px;color: #f6827d;position:relative;z-index: 0;background: linear-gradient(90deg, #0dacff 0%, #076ad9 40%, #ff3bef 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.wrap_title .h2_sub:before {content: '';position: absolute;top: 11px;display: inline-block;width: 20px;height: 2px;background-color: #fff;-webkit-transform: rotate(60deg);transform: rotate(60deg);left: -20px;}
.wrap_title .h2_sub:after {content: '';position: absolute;top: 11px;display: inline-block;width: 20px;height: 2px;background-color: #fff;-webkit-transform: rotate(-60deg);transform: rotate(-60deg);right: -20px;}
.item_box .right {margin: 0px 0 0 16px;width: 464px;padding-top:4px;}

.right .area_name{margin-top:1em;}
.right .area_name ._name{font-family: 'Noto Serif JP', serif;font-size:21px;font-weight: bold;color: #f6827d;text-align: left;line-height: 1.5;letter-spacing: -1px;text-align: center;    margin: 1em 0;}
.right .area_name ._price{font-family: 'Noto Serif JP', serif;display: block;text-align: right;font-size: 16px;margin-top: 2px;color:#3c3c3c;font-weight: bold;text-align: center;}
.right .area_lead {margin:1.25em 0;}
.right .area_lead ._lead{font-size:16px;line-height: 1.6;color:#3c3c3c;text-align: left;margin:0.75em 0;}
.right .area_point{display:flex;background: #fff;padding: 2%;box-sizing: border-box;}
.right .area_point .point_img {width:140px;}
.right .area_point .point_img img {width: 100%;height: auto;border-radius: 50%;}
.right .area_point dl{padding: 0 0 0 10px;margin-top: 1.5em;width: 310px;box-sizing: border-box;}
.right .area_point dl dt {font-size:17px;position:relative;color: #6d9e51;border-bottom: 2px solid #6d9e51;font-weight: 600;text-align: center;margin-bottom: 1.25em;padding-bottom:2px;letter-spacing:1px;}
.right .area_point dl dt::before {content: "";position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border: 10px solid transparent;border-top: 16px solid #6d9e51;z-index: 1;}
.right .area_point dl dt::after {content: "";position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border: 7px solid transparent;border-top: 13px solid #fff;z-index: 1;}
.right .area_point dl dd {font-size:14px;color:#3c3c3c;}
.right dl.item_point dd {color: #322c1e;font-size: 14px;padding: 0px 0 18px 0;line-height: 1.6;}
.right dl.item_point dt {color: #e7249c;font-size: 18px;position: relative;margin-bottom: 4px;}
.item_point{padding-top:8px;}
.item_box dl.item_info {background: #ffffff;padding: 16px 12px 16px;border: 1px solid #910b3e;position: relative;}
.otodoke {color: #ec1b9b;background: #ffa9de;display: inline;font-size: 14px;position: absolute;top: -13px;border-radius: 13.5px;padding: 2px 10px;font-weight: 600;left: 12px;}

.area_point_icon{display:flex;justify-content: space-between;flex-wrap:wrap;align-items: center;}
.area_point_icon span{font-size:12px;text-align: center;width: 32%;display:inline-block;background: #ffea8e;font-weight: bold;margin-bottom: 1%;height: 30px;display: flex;justify-content: center;align-items: center;padding: 6px 0 4px;border-radius: 25px;}

.area_button {position: relative;padding: 0 24px;}
.area_button a{font-size:15px;background: #f6827d;color: #fff!important;padding: 8px 8px 4px;display: block;margin-top: 1em;text-align: center;border-radius: 8px;line-height: 1;border: 2px solid #f6827d;transition:0.2s;box-sizing: border-box;position:relative;}
.area_button a:before {content: '';width: 6px;height: 6px;border: 0;border-top: solid 2px #fff;border-right: solid 2px #fff;position: absolute;top: 50%;right: 4px;margin-top: -4px;transform: rotate(45deg);}
.area_button a:hover{background:#fff;color:#f6827d!important;text-decoration: none;}
.area_button a:hover::before{border-top: solid 2px #f6827d;border-right: solid 2px #f6827d;}
.area_button a span{font-size: 20px;font-weight: bold;margin-top: 6px;display: inline-block;}
#item-body2 .area_button {width:75%;margin:0 auto;}

/*　localMenu
-----------------------------*/
h2.column_tl {position: relative;padding-left: 28px;font-weight: bold;color: #867a67;font-size: 15px;padding-bottom: 3px;}
h2.column_tl:before {content: "\f06b";font-family: "Font Awesome 5 Free";font-weight: bold;color: #ed6d16;position: absolute;bottom: 5px;left: 15px;transform: translate(-50%, 0);font-size: 18px;}
.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 10px;font-weight: bold;color: #ab2819;font-size: 11px;}
.localMenu dd { background: #fff; margin-left: 120px; padding: 10px 0 10px 25px; }
.localMenu dd li { float: left; width: 200px; padding: 3px 0; font-size: 11px;}
.localMenu dd li.parent { float: none; width: 600px; }
.localMenu dd li a { background: url(//img.e87.com/selection/winter/2014images/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; }


.wrap_title{position:relative;text-align: center;padding: 0;font-weight: bold;color: #fff;margin-top:0;}
.wrap_title .h2_sub {font-size:18px;position: relative;color:#fff;font-weight: bold;}
.wrap_title h2 {font-size:22px;font-family: 'Noto Serif JP', serif;font-weight: 600;text-align: center;line-height: 32px;color: #f6827d;position:relative;    z-index: 0;    background: linear-gradient(90deg, #0dacff 0%, #076ad9 40%, #ff3bef 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom:8px;}
.wrap_title .h2_sub:before {content: '';position: absolute;top: 11px;display: inline-block;width: 20px;height: 2px;background-color: #fff;-webkit-transform: rotate(60deg);transform: rotate(60deg);left: -20px;}
.wrap_title .h2_sub:after {content: '';position: absolute;top: 11px;display: inline-block;width: 20px;height: 2px;background-color: #fff;-webkit-transform: rotate(-60deg);transform: rotate(-60deg);right: -20px;}

.area_single_item{margin-top:32px;}

/*---------------------------------
point
-----------------------------------*/
.area_column ul._column {display: flex;justify-content: center;margin: 48px 0 16px;}
.area_column ul._column li {position: relative;width: 49%;padding: 32px 16px 16px;background: #fffbf4;box-sizing: border-box;text-align: center;color: #D01C1C;margin:0 8px;}
.area_column ul._column li::after {content: "";position: absolute;top: 4px;left: 4px;width: 0;height: 0;border-style: solid;border-width: 20px 40px 0 0;border-color: #D01C1C transparent transparent transparent;transition: 0.2s;}
.area_column ul._column li span._number {font-size: 32px;position: relative;}
.area_column ul._column li h3.column_title {font-size: 20px;text-align: center;margin-bottom: 16px;color: #D01C1C;font-weight: bold;font-family: 'Noto Serif JP', serif;font-weight: 700;}
.area_column ul._column li p.column_lead {font-size: 16px;line-height: 1.8;margin:0;text-align: left;}
.area_column .box_arrow ._catch {position: relative;top: 27%;font-weight: 600;}
.area_column .box_arrow {position: absolute;width: 90px;height: 90px;background: #D01C1C;padding: 0px;text-align: center;color: #FFFFFF;font-size: 14px;font-weight: bold;border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;top: -20px;right: 0;box-sizing: border-box;}
.area_column .box_arrow:after {border: solid transparent;content: '';height: 0;width: 0;columner-events: none;position: absolute;border-color: rgba(202, 65, 125, 0);border-top-width: 15px;border-bottom-width: 15px;border-left-width: 9px;border-right-width: 8px;margin-left: -10px;border-top-color: #D01C1C;top: 83%;left: 12%;transform: rotate(45deg);}
.area_column{display: flex;padding: 20px;background-image: linear-gradient(90deg, rgb(210 231 255), rgba(233, 240, 250, 1));justify-content: center;margin: 16px auto 32px;background-image:unset;margin-bottom:16px;padding: 8px 0 0;box-sizing: border-box;}
.area_column_icon span.column{background: #F5C5C5;}
.area_column .left_txt p{margin: 0 0 0 1em;font-family: 'Noto Serif JP', serif;line-height: 2;text-align: left;line-height: 1.8;}
.area_column .left_txt p:last-child{margin-bottom:0;}
.right_img{width:350px;}
.right_img img{width:100%;}
.left_txt{width:500px;}
.common_bnr._styles {padding: 0 24px;}