@charset "shift_jis"; 

/* --------------------------------------
?? common
------------------------------------------- */
html{overflow: auto;}
body{max-width: 680px;margin: 0 auto !important;}
main{overflow: hidden;;}
.contents img { max-width: 100%; height: auto;}
article#rank,article#theme,article#style,article#price,article#noshi,#anch_main01,#anch_main02{padding-top:40px;margin-top:-40px;}
main h1,main h2,main h3,main h4 {text-align: center;width: 100%;font-weight: bold;}
main h1{font-size: min(8vw, 24px);}
main h2{font-size: min(4.4vw, 24px);margin-bottom: 3%;color:#111;}
main h3,main h4 {font-size: min(4.2vw, 21px);}
main div,main p,main span,main section {box-sizing: border-box;}
main p {font-size: min(4vw, 16px);text-align: left;margin: 3% 0;color:#111;}
main li {list-style: none;}
main a,main a:visited {text-decoration: none!important;cursor: pointer!important;}
main img{width:100%;}
.lead_txt {line-height: 1.8;margin: 4% 0 2%;padding: 0 4%;}
.drawer_list ul li a{color:#1d170e;}
.main_contents{margin:8% 0;}
/* .sub_contents{margin: 8% 1%;border: 1px solid;padding: 3% 2% 0;}
#sakura.sub_contents{border:1px solid rgba(246,130,125,0.7);}
#tulip.sub_contents{border:1px solid rgba(250,130,127,0.7);}
#valentine.sub_contents{border:1px solid rgba(249,29,93,0.7);}
#ohigan.sub_contents{border:1px solid #666767;}
#featureOther.sub_contents{border:1px solid rgba(6,32,91,0.7);} */
#feature.main_contents{margin-bottom:8%;}
.area_btn a{    width: 85%;
    display: block;
    margin: 0 auto;}
.sub_contents{margin:4% 0;}
#sakura.sub_contents{margin-top:8%;}
.sub_contents .area_btn a img{padding: 3%;box-sizing: border-box;}

/* --------------------------------------
?????????? area main visual
------------------------------------------- */
.heading_bg {flex-direction: column;margin-bottom: 0;text-align: center;position:relative;margin: 8% 0 0px;z-index: 0;}
.heading_bg img {margin-bottom:3%;}
.heading_common{position:relative;font-size: min(4.5vw, 20px);    margin-bottom: 4%;}
.spring_heading.heading_bg{margin: 3% 0 0;}
.spring_heading.heading_bg h2{position:relative;line-height: 1.4;color:#111;}
.heading_common_sub{position: relative;text-align: center;box-sizing: border-box;margin-bottom: 3%;text-align: center;padding:0 4%;text-shadow: 1px 1px 8px #FFF, -1px 1px 8px #fff, 1px -1px 8px #fff, -1px -1px 8px #fff;}
.heading_common_sub img{position: absolute;left: 0;top: 50%;transform: translateY(-50%);margin-left: 4px;width:20%;}
.heading_common_sub span{position:relative;}
.spring_heading h1 {font-family: 'Noto Serif JP', serif;font-size: min(5.2vw, 24px);display: inline-block;position: relative;z-index: 1;line-height: 1.2;margin: 0.5em 0 1em;color:#111;}
.spring_heading div {padding: 0;position: relative;z-index: 0;}
h3.heading_single{margin: 8% 4% 4%;width: auto;}
#sakura .heading_common{color:#fa827f;}
#tulip .heading_common{color:#fa827f;}
#valentine .heading_common{color:#f91d5d;}
#ohigan .heading_common{color:#666767;}
#featureOther .heading_common{color:#06205B;}
.feature_other{margin:6% 3%;}

/* --------------------------------------
?????? local navi
------------------------------------------- */
.navi{padding:0 3%;}
.navi_local {display: flex;justify-content: space-evenly;align-items: center;color: #333;margin-bottom: 5%;padding-bottom: 2%;}
.navi_local_box {margin: 0 4px;border-radius: 8px;padding: 0 1%;width: 45%;}
.navi_local_txt {text-align: center;font-size: min(3.2vw, 17px);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 #fa827f;padding-bottom: 0.25em;color: #111;}
.navi_local_txt::before {content: '';width: 20px;height: 20px;background: #fa827f;border-radius: 50%;position: absolute;bottom: -2em;transition: 0.2s;}
.navi_local_txt::after {content: "";position: absolute;bottom: -2em;left: 50%;transform: translateX(-50%);border: 5px solid transparent;border-top: 7px solid #fff;transition: 0.2s;}
.navi_local_pic img {width: 100%;height: auto;box-sizing: border-box;border-radius: 5px 5px 0px 0px;border: 1px solid #b5a695;border-bottom: none;}
.navi_local a._navi{width:42%;}

#xmas_anc .navi_local_txt {border-bottom: 2px solid #DF5B5B;}
#xmas_anc .navi_local_txt::before{background: #DF5B5B;}
#xmas h2 {
    color: #DF5B5B;
}

/*---------------------------------
area intro
-----------------------------------*/
.spring_heading .area_intro {position: relative;margin: 4% 3%;padding: 4% 1% 0;border: solid 2px #afafb0;border-radius: 8px;box-sizing: border-box;}
.spring_heading.heading_bg .area_intro .box-title {font-family: 'Noto Serif JP', serif;position: absolute;display: block;top: -0.75em;left: 50%;transform: translateX(-50%);line-height: 1;background: #FFF;color: #111;text-align: center;font-size: min(5.2vw, 24px);width: 25%;font-weight: normal;}
.area_intro p.common_txt {font-family: 'Noto Serif JP', serif;text-align: left;margin-bottom: 0;margin: 3%;font-size: min(3.8vw, 16px);}
.area_intro p.common_txt a {text-decoration: underline!important;}
.area_intro p.common_txt._close{font-weight: bold;color: #fa827f;}

.area_intro .box-heading {font-family: 'Noto Serif JP', serif;line-height: 1;font-size: min(4.2vw, 18px);background: #fff;color: #111;font-weight: bold;text-align: center;}

/*---------------------------------
CTA??? btn
-----------------------------------*/
.contents_inner{width:100%;margin: 0 auto;    padding: 0 4%;}
.cta_link {width: 100%;letter-spacing: 0;display: block;font-weight: bold;margin: 4% auto 0;text-align: center;background: #fa827f;border-radius: 7px;font-size: min(6vw, 16px) !important;padding: 8px 8px 4px;color: #fff !important;box-sizing: border-box;position: relative;}
.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: 8px;margin-top: -4px;transform: rotate(45deg);}
._styles .cta_link {background: #fa827f;border: 1px solid #fa827f;
}

/* --------------------------------------
????? banner
------------------------------------------- */
.banner_ex{margin:4% 2%;}

/* --------------------------------------
???????? style
------------------------------------------- */
.style-bnr {display: flex;justify-content: center;align-items: center;    margin-bottom: 6%;align-items: baseline;    flex-wrap: wrap;}
.style-bnr li {width: 35%;margin: 0 4% 6%;position: relative;}
.style-bnr a {display: flex;flex-direction: column;align-items: center;}
.style-bnr a img {width: 100%;}
.style-bnr span {display: inline-block;position: relative;margin-top: 3%;font-size: min(3.8vw, 17px);font-weight: bold;width: 100%;text-align: center;color:#fa827f;}
.style-bnr span::after {    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: -24px;
    right: unset;
	left:50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-top: 2px solid #fa827f;
    border-right: 2px solid #fa827f;
    transform: rotate(135deg);
    transition: 0.2s;}

/* -----------------------------------------------------------
?? product
----------------------------------------------------------- */
section._feature{margin: 8% 0;}
.pickup {border: 1px solid #eee;display: flex;flex-direction: column;align-items: center;padding: 0;margin: 0;padding: 5% 4%;}
.wrap_title h4 {color: #fa827f;font-size: min(4.6vw, 20px);font-weight: 600;text-align: center;line-height: 1.4;position: relative;z-index: 0;padding-bottom: 0;}
.area_point_icon {display: flex;justify-content: center;flex-wrap: wrap;align-items: center;margin: 3% 0 4%;}
.area_point_icon span {font-size: 12px;text-align: center;width: 31%;display: inline-block;background: #ffea8e;font-weight: bold;margin: 1%;display: flex;justify-content: center;align-items: center;padding: 4px 0 2px;border-radius: 25px;line-height: 1.2;height: 3em;}
.right .area_name ._name {font-size: min(4.8vw, 20px);color: #fa827f;text-align: left;line-height: 1.5;letter-spacing: -1px;text-align: center;    font-weight: bold;}
.right .area_name ._price {display: block;text-align: right;font-size: min(4vw, 16px);margin-top: 2px;color: #111;text-align: center;}
.right .area_lead {margin: 0.75em 0;}
.area_button {position: relative;padding: 0 4%;}
.area_button a {font-size: min(4vw, 16px);background: #fa827f;color: #fff !important;padding: 8px 8px 4px;display: block;margin-top: 1em;text-align: center;border-radius: 8px;line-height: 1;border: 2px solid #fa827f;transition: 0.2s;box-sizing: border-box;position: relative;}
.area_button a span {font-size: min(5vw, 20px);font-weight: bold;margin-top: 6px;display: inline-block;}
.contents_inner a span {font-size: min(5vw, 20px);font-weight: bold;margin-top: 6px;display: inline-block;}

.item_wrap{padding: 4% 0;}

.submit_txt {width: 100%;line-height: 1.7;color: #555555;font-size: min(4vw, 15px);text-align: center;margin: 1em 0;padding: 0 4%;box-sizing: border-box;font-weight: bold;}

/* --------------------------------------
?????? area price
------------------------------------------- */
.price_outer {display: flex;align-items: center;justify-content: center;padding-top: 4%;flex-wrap: wrap;padding: 0 4%;margin-bottom: 8%;}
.price_box {width: 48%;margin: 1%;}
.price_inner {align-items: center;width: 100%;height: 80px;position: relative;border-radius: 5px;border: 2px solid #fa827f;}
.price_inner::after {content: "";position: absolute;margin: auto;bottom: 0.5em;left: 50%;width: 6px;height: 6px;border-top: 2px solid #111;border-right: 2px solid #111;transform: rotate(45deg) translateX(-50%);transition: 0.2s;}
.price_txt {display: flex;font-size: 16px!important;letter-spacing: 0;font-weight: bold;line-height: 1.3;transition: .2s;box-sizing: border-box;width: 100%;height: 87%;align-items: center;justify-content: center;margin: 0;color: #111;}

/* -----------------------------------------------------------
????? area obon
----------------------------------------------------------- */
#obon{padding:0 4%;}

/*---------------------------------
????? area rank
-----------------------------------*/
#rank{padding:0;}
.area_rank{margin: 3% 0 8%;position:relative;}
.rank_box dl dt {font-size: 36px;color: #fff;line-height: 42px;text-align: center;position: absolute;width: 28px;height: 28px;background: #cdcdcd;border-radius: 50%;text-align: center;top: 2px;left: 2px;z-index: 1;}
.rank_box dl dt span{font-family: "Times New Roman";line-height: 1;font-size: 26px;position: absolute;/* line-height: 36px; */top: 50%;left: 50%;transform: translate(-50%, -50%);color: #111;}
.rank_box dl dd.item_img {font-size: 13px;color: #333;}
section#ranking {clear:both;overflow:hidden;}
.rank_box {display: block;width: 97%;overflow-x: auto;white-space: nowrap;overflow-scrolling: touch;-webkit-overflow-scrolling: touch;margin: 6% 0 4% 3%;}
.rank_box dl {width: 145px;margin: 0 1.5% 1em;display: inline-block;vertical-align: top;position:relative;}
.rank_box dl dd.item_name {font-weight: bold;color: #333333;padding-top: 8px;white-space: break-spaces;font-size: min(4vw, 14px);line-height: 1.4;display: -webkit-box!important;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.rank_box dl dd.price {color: #333333;margin-top: 4%;white-space: break-spaces;overflow: hidden;font-size: min(4vw, 12px);}
.rank_box dl dd div {font-size: 18px;color: #401f1f;line-height: unset;text-align: left;position: static;width: unset;height: unset;background: none;border-radius: unset;z-index: 1;margin-bottom: 0;top:0;left:0;}
.rank_box dl dd div span{font-family: 'Noto Serif JP', serif;display: block;}
.rank_box dl dd div._gold {background:none;position:relative;padding-left:1.5em;}
.rank_box dl div._gold::before {content: '';background: url(//img.e87.com/img/icon/icon_rank_no1.gif) no-repeat;width: 24px;height: 22px;background-size: 100%;position: absolute;left: 0;top: 0px;}
.rank_box dl dd div._gold span{color:#401f1f;}
.rank_box dl dd div._silver {background:none;position:relative;padding-left:1.5em;}
.rank_box dl div._silver::before {content: '';background: url(//img.e87.com/img/icon/icon_rank_no2.gif) no-repeat;width: 24px;height: 22px;background-size: 100%;position: absolute;left: 0;top: 0px;}
.rank_box dl dd div._silver span{color:#401f1f;}
.rank_box dl dd div._bronze {background:none;position:relative;padding-left:1.5em;}
.rank_box dl div._bronze::before {content: '';background: url(//img.e87.com/img/icon/icon_rank_no3.gif) no-repeat;width: 24px;height: 22px;background-size: 100%;position: absolute;left: 0;top: 0px;}
.rank_box dl dd div._bronze span{color:#401f1f;}
.rank_box_other dl dd div span {font-family: 'Noto Serif JP', serif;display: block;font-size: 16px;}
/*---------------------------------
???? hr
-----------------------------------*/
.wrap_hr_bg{padding: 0 4%;margin: 12% 0 4%;}

/* FAQ
-----------------------------*/
#recommended .agedfaq_ttl p.agedfaq_ttl_eng {background: #f0e4a1;}
h2.agedfaq_ttl_blue {text-align: center;color: #fa827f;font-family: 'M PLUS Rounded 1c','????', 'Meiryo', sans-serif;transform: rotate(0.03deg);font-weight: 700;font-size: 18px;padding: 8% 0 2px;}
.agedfaq_ttl p.agedfaq_ttl_eng {font-family: 'Maven Pro', sans-serif;text-align: center;font-size: 24px;padding: 5px 0;color: #fff;line-height: 40px;background: #fa827f;margin-bottom:4%;}
section.accordion#faq ul li div.content {padding: 5px 10px 10px;}
article#flowergift ul li.feature div.content {padding: 7px 0 15px;}
article#flowergift ul li.feature div.content ul {margin: 9px auto 0 auto;width: 316px;}
article#flowergift ul li.feature div.content ul li {border: none;padding: 0 0 0 8px;width: 146px;float: left;}
article#flowergift ul li.feature div.content ul li img {display: block;}
article#flowergift ul li.feature div.content ul.txtbnr li {vertical-align: middle;}
article#flowergift ul li.feature div.content ul.txtbnr li p {border: #ff97c0 1px solid;color: #e73078;font-weight: bold;background: #fff;/* Old browsers */background: -moz-linear-gradient(top,#fff 0%,#fafafa 50%,#f0f0f0 100%);/* FF3.6+ */background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(50%,#fafafa),color-stop(100%,#f0f0f0));/* Chrome,Safari4+ */background: -webkit-linear-gradient(top,#fff 0%,#fafafa 50%,#f0f0f0 100%);/* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,#fff 0%,#fafafa 50%,#f0f0f0 100%);/* Opera 11.10+ */background: -ms-linear-gradient(top,#fff 0%,#fafafa 50%,#f0f0f0 100%);/* IE10+ */background: linear-gradient(to bottom,#fff 0%,#fafafa 50%,#f0f0f0 100%);/* W3C */}
article#flowergift ul li.feature div.content ul.txtbnr li p span {display: table-cell;padding: 0 4px 0 10px;width: 132px;height: 48px;background: url(//img.e87.com/s/common/images/flowergift_bnr_bg.gif) repeat-y right top;background-size: 14px 5px;-webkit-background-size: 14px 5px;-moz-background-size: 14px 5px;vertical-align: middle;}
article#flowergift ul li.feature div.content ul.txtbnr li p a {display: block;padding: 0 20px 0 0;background: url(//img.e87.com/s/common/images/arw_r_02.png) no-repeat right center;background-size: 6px 9px;-webkit-background-size: 6px 9px;-moz-background-size: 6px 9px;}
article#flowergift ul li.feature div.content ul.txtbnr li p a:link,article#flowergift ul li.feature div.content ul.txtbnr li p a:visited,article#flowergift ul li.feature div.content ul.txtbnr li p a:hover,article#flowergift ul li.feature div.content ul.txtbnr li p a:active {color: #e73078;text-decoration: none;}
section.accordion ul li div.btn .btn_bg{text-align: left;width: auto;}

/* -----------------------------------------------------------
TOP??? to top
----------------------------------------------------------- */
.pagetop{text-align: right;}
.pagetop a{font-size: 12px;margin:3%;display: inline-block;}
#to-top {position: fixed;bottom: 70px;right: 8px;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;}
.wrap-top{color: #fff;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: 50px;height: 50px;left: 0em;top: 0em;background-size: contain;z-index: -1;}

/*--------------------------------
sns sns
-----------------------------------*/
.wrap_sns{background: #FFFFF4;padding: 3% 0 0%;position: relative;overflow: hidden;margin: 8% 0 0;}
.sns_heading{color:#D20D0D;    font-size: min(5vw, 24px);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;line-height: 1.6;color: #fff;font-weight: bold;font-size: min(4.2vw, 16px);width: 100%;text-align: left;text-shadow: unset;    font-family: "?????? ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "?? ?????", "MS PGothic", sans-serif;}
.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;}
.wrap_sns .wrap_area_img._open::after {content: '';background: url(//img.e87.com/selection/winter/2024images/star.png) no-repeat;width: 70px;height: 70px;background-size: 100%;position: absolute;top: -55%;right: 0;}
.wrap_sns .coming_lead{font-size: min(4.1vw, 16px);padding:0 4%;}

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

/* -----------------------------------------------------------
????? area obon
----------------------------------------------------------- */
.area_contents{margin:18% 0;}

.heading_common_sub span::after {    content: '';background: url(//img.e87.com/selection/spring/2026images/spring-BG2.png) no-repeat;position: absolute;top: 50%;transform: translateY(-50%);left: -50px;width: 40px;height: 30px;background-size: 100%;z-index: -1;}

/* -----------------------------------------------------------
????? usagi
----------------------------------------------------------- */
.common_bnr{position:relative;}
.area_img_txt{    position: absolute;top: 50%;left: 4%;transform: translateY(-50%);margin: 0;font-family: 'Noto Serif JP', serif;text-shadow: 1px 1px 4px #FFF, -1px 1px 4px #fff, 1px -1px 4px #fff, -1px -1px 4px #fff;line-height: 1.8;color: #5A7660;font-weight: 500;}

.area_pickup{display: flex;flex-wrap: wrap;padding:0 3%;}
.area_pickup dl{width: 46%;margin: 3% 2%;}
.area_pickup .item_name {margin: 3% 0 1%;display: -webkit-box !important;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.area_btn{width:50%;margin:4% auto 16%;}
.area_btn p{text-align: center;}

.area_banner{padding:0 4%;}
.area_banner p{text-align: center;color:#DF5B5B;margin: 4% 0 1%;}

.style-bnr li a{position:relative;}
.style-bnr li._comming::before {content: '';width: 100%;height: 100%;position: absolute;background: #111111;z-index: 1;background: rgba(0, 0, 0, 0.5);}
.style-bnr li._comming::after {content: '11\6708\4E0A\65EC\A\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;}

#usually{background:#FFF7E4;padding:4% 0;}
#usually .common_bnr{margin-top:0;}
#usually h3.heading_common::after{    content: '';background: url(//img.e87.com/selection/winter/2025images/line-moomin-usually.png) no-repeat;position: absolute;bottom: -1em;left: 50%;width: 100%;height: 2vh;background-size: 100%;transform: translateX(-50%);}

/*--------------------------------
?? cyclamen
-----------------------------------*/
.cyclamen_bnr {margin: 4% auto 6%;position: relative;}
.area_img_txt{font-size: min(4.3vw, 17px);font-family: 'Noto Serif JP', serif;line-height: 1.7;color: #555555;font-weight: 700;}
h3.area_img_txt{margin: 4% 0 2%;}
.submit_right {position: relative;}
.submit_button {text-align: center;text-align: center;width: 100%;padding: 0 4%;box-sizing: border-box;}
.submit_txt {width: 100%;line-height: 1.7;color:#555555;font-size: min(4vw, 15px);text-align: center;margin: 1em 0;padding: 0 4%;box-sizing: border-box;font-weight: bold;}
.submit_txt span {font-size: min(3.8vw, 14px);display:block;}
.submit_txt span.noshi_anno {font-size: min(3.5vw, 12px);color: #bb1110;}
.submit_img{transition:0.2s;padding: 0 4%;}
.button_txt {border:1px solid #D45060;background:#D45060;background-size: 100% 100%;font-weight: bold;color: #fff;line-height: 1.4;position: relative;transition: 0.2s;text-align: center;border-radius: 11px;font-size: min(6vw, 16px) !important;padding: 8px 8px 4px;}
.button_txt::before, .button_txt::after {position: absolute;top: 0;bottom: 0;right: 0;margin: auto;content: "";vertical-align: middle;}
.button_txt::before {width: 27px;height: 27px;-webkit-border-radius: 50%;border-radius: 50%;background: #fff;right: 5%;}
.button_txt::after {    left: 84%;box-sizing: border-box;width: 13px;height: 10px;border: 5px solid transparent;border-left: 8px solid #E97171;}
h4._cyclamen_heading{color: #D6127C;font-weight: bold;font-size: min(4.2vw, 16px);text-align: center;margin-bottom: 0.5em;}

.contents_single_submit {margin-bottom: 9%;}

dl._comming::before {content: '';width: 100%;height: 100%;position: absolute;background: #555555;z-index: 1;background: rgba(0, 0, 0, 0.5);}
dl._comming::after {content: '11\6708\4E0A\65EC\A\516C\958B\4E88\5B9A';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;}

.area_contents_sub{margin:0 3%;}
.area_contents._article {margin: 8% 0;}

#xmas .area_img_txt{position: absolute;top: 50%;left:unset;right: 4%;transform: translateY(-50%);margin: 0;font-family: 'Noto Serif JP', serif;text-shadow: 1px 1px 4px #FFF, -1px 1px 4px #fff, 1px -1px 4px #fff, -1px -1px 4px #fff;line-height: 1.8;color: #5A7660;font-weight: 500;}

article section.accordion#faq ul li div.btn, article section.accordion#faq ul li div.btn.open {background: #fa827f !important;}

.item_catch{text-wrap: wrap;margin-top: 2%;color: #FF9500;font-size: min(3.8vw, 15px);}

.area_btn {width: 50%;margin: 4% auto;}

.adjust_txt {font-size: min(4.4vw, 24px);color: #fa827f;}

.area_style{margin:4% 0 12%;padding: 0 0 2%;background-image: linear-gradient(150deg, rgba(255, 237, 237, 1), rgba(255, 251, 245, 1) 51%, rgba(255, 237, 237, 1));}
.area_style:last-child{margin-bottom:6%;}
.wrap_title h2 {font-size: min(4.6vw, 20px);font-family: 'Noto Serif JP', serif;font-weight: 600;text-align: center;line-height: 1.4;color: #ED4B73;position: relative;z-index: 0;background: linear-gradient(90deg, #0dacff 0%, #076ad9 40%, #ff3bef 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

/* --------------------------------	
???????
-------------------------------- */
nav#global_nav { margin-top:35px; }

/* ???? ??  */
section.genre .gen_nav {width: 100%;border-bottom: solid 4px #ff6d00;height: 44px;margin: 0;}
section.genre .gen_nav ul {list-style: none;overflow: hidden;text-align: center;height: 44px;word-break: break-all;display: flex;}
section.genre .gen_nav ul li.gen_nav01 {width: 17%;height: 40px;padding:3px;background: #ff6d00;border: 3px solid #ff6d00;margin-right: 2px;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;box-shadow: 2px 2px rgba(0,0,0,0.1);}
section.genre .gen_nav ul li.gen_nav00 {width: 17%;height: 40px;padding:3px;border: solid 1px #CCC;margin-top: 1px;margin-right: 2px;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;box-shadow: 2px 2px rgba(0,0,0,0.1);}
section.genre .gen_nav ul li.gen_nav01 p, .gen_nav ul li.gen_nav00 p {padding-top: 0 !important;display: block;font-size: 11px;line-height: 1.2;    font-family: "?????? ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "?? ?????", "MS PGothic", sans-serif;}
section.genre .gen_nav ul li.gen_nav01 p{color:#fff;font-weight: bold;}

/* -----------------------------------------------------------
????????
----------------------------------------------------------- */
section#selectNewyear.search{margin: 10px; background: #ececec; border-radius: 2px; text-align: center; padding: 3px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; box-align: center; -webkit-flex-align: center; flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; box-pack: center; -webkit-flex-pack: center; flex-pack: center; -webkit-justify-content: center; justify-content: center;}
section#selectNewyear.search p.txt{display: inline-block; color: #e73078; width: 100px; float: left; font-weight: bold; text-align: left; margin-left: 15px;}
section#selectNewyear.search p{display: inline-block;}
section#selectNewyear.select{max-width:100%;}
section#selectNewyear.search p{display: inline-block;}

section#selectNavi select {-webkit-tap-highlight-color: rgba(0, 76, 126, 0.25);color: #111;font-family: sans-serif;font-size: 100%;line-height: 1.313;}
section#selectNavi.search {margin: 10px;background: #ececec;border-radius: 2px;text-align: center;padding: 3px;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;box-align: center;-webkit-flex-align: center;flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-pack: center;box-pack: center;-webkit-flex-pack: center;flex-pack: center;-webkit-justify-content: center;justify-content: center;padding-bottom: 8px;}
section#selectNavi.search p._txt {display: inline-block;color: #e73078;width: 100px;font-weight: bold;width: 50%;text-align: center;padding: 4px 0;}
section#selectNavi.search p {display: inline-block;}
section#selectNavi select {max-width: 100%;}
section#selectNavi.search p {display: inline-block;}

.spring_heading .area_intro .right_img{padding: 4% 16% 0;}
.spring_heading .area_intro .right_img img{margin-bottom:0;}

.items {padding: 4% 0;margin: 0 0 8%;position: relative;z-index: 1;background: #fff;}

.items:last-of-type{margin-bottom:0;}

.area_single_item{    padding: 4% 4% 4%;}
.item_box {position: relative;padding: 0 4%;align-items: stretch;}

.item_img3_left{margin:0;}

.wrap_osusume{position:relative;}
.osusume{position: absolute;left: 50%;transform: translateX(-50%);top: -2em;width: 90%;margin: 0 auto;}
.balloon3-right-btm {position: relative;display: inline-block;padding: 0 4px;width: 100%;/* height: 95px; */line-height: 1.1;text-align: center;color: #FFF;font-size: 18px;font-weight: bold;background: #ED4B73;border-radius: 25px;box-sizing: border-box;padding: 2% 2% 1%;}
  
.balloon3-right-btm:before {content: "";position: absolute;bottom: -27px;left: 50%;margin-top: -18px;border: 10px solid transparent;border-left: 10px solid #ED4B73;z-index: 0;-webkit-transform: rotate(45deg);transform: rotate(90deg) translateX(-50%);}
.flowering{font-weight: bold;color:#ED4B73;}

.circle_width {width: 25%;border: 3px solid #ED4B73;border-radius: 50%;position: absolute;bottom: 0;right: 4%;background: #ED4B73;color:#fff;}
	 
.circle_height {position: relative;padding-top: 100%;height: 0;}
	 
.circle_height p {position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;margin: 0;text-align: center;font-size: min(4.8vw, 18px);font-weight: bold;line-height: 1.2;}

.circle_height:before {content: "";position: absolute;bottom: 16px;left: -25px;margin-top: -15px;border: 15px solid transparent;border-left: 15px solid #ED4B73;z-index: 0;-webkit-transform: rotate(45deg);transform: rotate(170deg);}

#rank_anc,#style_anc,#style_list_anc,#price_anc,#feature_anc,#reco_anc,#arrange_anc{padding-top:3em;margin-top:-3em;}
#choose_anc{padding-top:5em;margin-top:-5em;}