@charset "Shift_JIS";

/*---------------------------------
?A?j???[?V???? animation
-----------------------------------*/

@keyframes poyon {
0%   { transform: scale(0.8, 1.4) translate(0%, -100%); }
10%  { transform: scale(0.8, 1.4) translate(0%, -15%); }
20%  { transform: scale(1.4, 0.6) translate(0%, 30%); }
30%  { transform: scale(0.9, 1.1) translate(0%, -10%); }
40%  { transform: scale(3) translate(0%, -30%); }
50%  { transform: scale(3) translate(0%, -10%); }
60%  { transform: scale(3) translate(0%, 5%); }
70%  { transform: scale(1) translate(0%, 0%); }
100% { transform: scale(1) translate(0%, 0%); }
}

@keyframes rotation1{
0%{ left:20%; }
5%{ left:5%;top:27% }
10%{ left:0%;top:20% }
15%{ transform: scale(-1, 1);top:50% }
20%{ transform: scale(-2, 2);left:50%;top:40%; }
50%{ transform: scale(-2, 2);left:65%;top:20%; }
100%{ transform: scale(-1,1);left:80%;top:10%;}
}

.contents img{vertical-align:bottom; padding-left:0; width: 100%; height: auto;}

/* --------------------------------------
?? common
------------------------------------------- */
html{overflow: auto;}
body {max-width: 640px;}
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(5vw, 21px);margin-bottom: 3%;}
main h3,main h4 {font-size: min(5.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;}
main li {list-style: none;}
main a,main a:visited {text-decoration: none!important;cursor: pointer!important;}
main img{width:100%;}
.lead_txt {text-shadow: 2px 2px 10px #FFF, -2px 2px 10px #fff, 2px -2px 10px #fff, -2px -2px 10px #fff;line-height: 1.8;}
.drawer_list ul li a{color:#1d170e;}
.common_txt{margin:3%;font-family: "????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;    line-height: 1.6;}
.common_txt span{font-size: large;color: #007AFF;font-weight: bold;}
.area_contents{margin-bottom:14%;font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'Yu Mincho', YuMincho, serif;}
.sub_contents{margin-bottom:14%!important;}

/* --------------------------------------
?????????? area main visual
------------------------------------------- */
.heading_bg {flex-direction: column;margin-bottom: 0;text-align: center;position:relative;margin: 32% 0 0px;z-index: 0;padding:0 4%;}
.heading_common{position:relative;}
.heading_common::before {content: '';background: url(//img.e87.com/selection/summer/2025images/summer_BG.png) top center / contain no-repeat;position: absolute;top: 130%;left: 50%;transform: translate(-50%,-50%);width: 85%;height: 55vw;z-index: -1;max-height: 270px;}
.heading_common_sub{position: relative;text-align: left;padding: 3px 0;background-size: cover;box-sizing: border-box;margin-bottom: 1%;font-size: min(4.8vw, 24px);color: #1E2B03;text-align: center;}
.heading_common_sub img{position: absolute;left: 0;top: 50%;transform: translateY(-50%);margin-left: 4px;width:20%;}
.autumn_catch p {font-size: min(4.6vw, 22px);position: relative;z-index: 0;line-height: 1.5;margin: 0.5em 0 1em;text-align: center;margin: 0.5em 0 1.5%;font-weight: 500;color:#1E2B03;font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'Yu Mincho', YuMincho, serif;}
.autumn_catch h1 {font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'Yu Mincho', YuMincho, serif;display: flex;align-items: center;justify-content: center; /* ???????? */gap: 20px; /* ????????????????? */font-size: min(4vw, 18px);color: #333333;font-weight: normal;}
.autumn_catch h1::before,
.autumn_catch h1::after {content: "\FF5E";color: #333333;margin: 0 8px;font-weight: normal;vertical-align: middle;}
.item_box{display:flex;flex-direction: column-reverse;padding: 6% 2% 2%;}
h2._sub {font-family: "????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;text-align: center;color: #333;font-size: min(4.8vw, 24px);margin-bottom: 1em;  padding-top: 18%;margin-top: -18%;}
h2._heading._sub span {position: relative;font-weight: bold;}
h2._heading._sub span::before {content: '';background: url(//img.e87.com/selection/autumn/2026images/icon-title.png) no-repeat;position: absolute;width: 45px;height: 45px;left: -50px;top: 50%;transform: translateY(-50%);background-size: 100%;}

.common_txt._subtxt{font-family: "????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;margin: 1em 3%;}
.common_bnr._styles{position:relative;}
.heading_sytles{position: absolute;top: 50%;left: 1.25em;transform: translateY(-50%);text-align: left;font-size: min(5.6vw, 26px);font-weight: 500;line-height: 1.4;text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'Yu Mincho', YuMincho, serif;}
#arrange .heading_sytles{left:6%;}
.heading_sytles span{font-size: min(6.2vw, 30px);}

/* --------------------------------------
?????? local navi
------------------------------------------- */
.navi {padding: 0 2%;margin: 4% 0;}
.navi_local {display: flex;justify-content: center;align-items: stretch;flex-wrap: wrap;padding-bottom: 2%;list-style: none;}
.navi_local_box {width: 48%;margin: 0 1% 2%;border-radius: 8px;box-sizing: border-box;}
.navi_local_box a._navi {display: block;text-decoration: none;height: 100%; /* li???????? */}
.navi_local_txt {font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;text-align: center; /* ??????? */font-size: min(3.5vw, 15px);font-weight: bold;line-height: 1.4;padding: 7px 4px 6px;color: #333;border: 1px solid #FBE2BA;border-radius: 11px;background-color: #ffffff;transition: all 0.3s ease;box-sizing: border-box;margin: 0;}
.navi_local_box a._navi:hover .navi_local_txt {background-color: #F8F8F8;opacity: 0.8;}
.adjust_nav {color: #FE682D;font-weight: bold;}

/*---------------------------------
CTA??? btn
-----------------------------------*/
.contents_inner{width:100%;margin: 1em auto 1.5em;padding: 0 4%;}
.contents_inner._all{margin: 0 auto 12%;}
.cta_link {    font-family: "????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;width: 100%;letter-spacing: 0;display: block;font-weight: bold;margin: 4% auto 0;text-align: center;background: #F3492C;border-radius: 7px;font-size: min(4.6vw, 16px) !important;padding: 8px 8px 6px;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);}
.cta_link._alls{background:#284505;}


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

/* --------------------------------------
???????? style
------------------------------------------- */
.style_bnr {display: flex;justify-content: center;align-items: center;    margin-bottom: 6%;align-items: baseline;}
.style_bnr li {width: 33%;margin: 0 3%;}
.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;}
.style_bnr span::after {content: "";position: absolute;margin: auto;top: 0;bottom: 0;right: -1rem;width: 6px;height: 6px;border-top: 2px solid #555555;border-right: 2px solid #555555;transform: rotate(45deg);transition: 0.2s;}

/* -----------------------------------------------------------
?? product
----------------------------------------------------------- */
.items{background:url(//img.e87.com/selection/autumn/2026images/autumn-catchL-01.jpg);background-size: cover;background-position: center;}
#reward .items{background:url(//img.e87.com/selection/autumn/2026images/autumn-catchL-02.jpg);background-size: cover;background-position: center;}
#entrance .items{background:url(//img.e87.com/selection/autumn/2026images/autumn-catchL-03.jpg);background-size: cover;background-position: center;}
#interior .items{background:url(//img.e87.com/selection/autumn/2026images/autumn-catchL-04.jpg);background-size: cover;background-position: center;}
section._feature{margin: 4% 0 4%;padding:0 4%;}
.pickup {display: flex;flex-direction: column;align-items: center;padding: 0;margin: 0;padding-top: 18%;margin-top:-18%;margin-bottom:12%;}
.wrap_title h4 {color: #284505;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: space-between;flex-wrap: wrap;align-items: center;margin: 3% 0 4%;}
.area_point_icon span {text-align: center;display: inline-block;background: #284505;font-weight: bold;margin-bottom: 1%;display: flex;justify-content: center;align-items: center;padding: 2px 1em 4px;border-radius: 25px;line-height: 1.2;height: 2em;color:#fff;font-size: min(4vw, 16px);margin: 0 auto;}
.area_items_lead{background: rgba(255, 255, 255, 0.9);padding: 1% 2%;margin: 2%;}
.right .area_name ._name {font-size: min(4.8vw, 20px);color: #ED4B73;text-align: left;line-height: 1.5;letter-spacing: -1px;text-align: center;}
.right .area_name ._price {display: block;text-align: right;font-size: min(4vw, 16px);margin-top: 2px;color: #3c3c3c;font-weight: bold;text-align: center;}
.right .area_lead {margin: 0.75em 0;}
.area_button {position: relative;padding: 0 8%;}
.area_button a {font-size: min(4vw, 16px);background: #284505;color: #fff !important;padding: 8px 8px 4px;display: block;margin-top: 1em;text-align: center;border-radius: 8px;line-height: 1;border: 2px solid #284505;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;}
.other_product{display:flex;flex-wrap:wrap;justify-content: space-between;padding:0 4%;}
.other_product dl{width: 48%;margin: 3% 0;font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;}
.other_product .item_catch {font-size: min(3.7vw, 17px);font-weight: 600;text-align: center;line-height: 1.2;color: #284505;position: relative;z-index: 0;margin-bottom: 0.5em;height:2em;display: flex;align-items: center;justify-content: center;}
.other_product .item_name{margin: 3% 0 1%;display: -webkit-box !important;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.item_wrap{padding: 0 0 4%;}
.item_left{width: 80%;margin: 0 auto 2%;}
.item_img3_left{margin:0;}

.area_items_lead p{text-align: center;margin:4% 0;line-height: 1.8;text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);font-weight: 500;}
/* --------------------------------------
?????? area price
------------------------------------------- */
.price_outer {display: flex;align-items: center;justify-content: center;padding-top: 4%;flex-wrap: wrap;padding: 0 4%;}
.price_box {width: 48%;margin: 1%;}
.price_inner {align-items: center;width: 100%;height: 80px;position: relative;border-radius: 5px;    border: 2px solid #FBE2BA;}
.price_inner::after {content: "";position: absolute;margin: auto;bottom: 0.5em;left: 50%;width: 6px;height: 6px;border-top: 2px solid #333;border-right: 2px solid #333;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: #333;    font-family: "????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;text-align: center;}

/* -----------------------------------------------------------
????? noshi
----------------------------------------------------------- */
.adjust_txt_color{color:#284505;font-weight: bold;}
.area_column{padding: 4%;background-image: linear-gradient(90deg, rgb(210 231 255), rgba(233, 240, 250, 1));justify-content: center;margin-bottom: 3%;}
.right_img{display:flex;justify-content: center;}
.right_img p{width:250px;}
.left_txt p{font-family: "????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;}
.left_txt p span{font-weight: bold;}
#cool .area_column {
background-image: linear-gradient(90deg, rgb(239 252 255), rgba(239, 252, 255, 1));
align-items: center;
}

/* -----------------------------------------------------------
????? 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: #3c3c3c;}
.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;}

/* -----------------------------------------------------------
area FAQ column
----------------------------------------------------------- */
h2.h2_ttl {margin: 0 3% 3%;font-size: 16px;border-top: 1px solid;border-bottom: 1px solid #1E2B03;padding: 3% 0;text-align: center;color: #1E2B03;}
.one-link-content{padding: 0 !important;}
article#item section.accordion ul li.purpose ul {display:table;border:#ccc 1px solid;border-bottom:none;width:100%;}
article#item section.accordion ul li.purpose ul li {display:table-cell;border-left:#ccc 1px solid;padding:5px 0 6px 6px;width:50%;background:url(//img.e87.com/s/common/images/arw_r_03.png) no-repeat 96.5% 50%;background-size:8px 12px;-webkit-background-size:8px 12px;-moz-background-size:8px 12px;vertical-align:middle;}

/* TOP???
------------------------------ */

#to-top {position: fixed;bottom: 50px;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;}
#to-top.fade {opacity: 1;transition:0.2s;}
.wrap-top{position:relative;text-align: center;font-weight: bold;padding-top: 4px;height: 50px;z-index:0;}
.wrap-top::before {content: '';width: 14px;height: 14px;display: block;border-top: solid 4px #333;border-right: solid 4px #333;transform: rotate(-45deg) translate(-50%,-50%);position: absolute;top: 37%;left: 54%;/* right: 0; */margin: auto;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;font-family: "????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;line-height: 1.6;color: #fff;font-weight: bold;font-size: min(4.2vw, 16px);width: 100%;text-align: left;}
.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%;text-align: center;}

.contents_style{margin-bottom:12%;}

/* --------------------------------------
???????? tohalloween
------------------------------------------- */
#ToHalloween{margin-bottom:9%;}
#ToHalloween p{margin:0;}
.wrap_tohalloween .wrap_area_lead_txt,.wrap_tohalloween_hover .wrap_area_lead_tx {color: #da7a04;position: absolute;bottom: 1em;left: 50%;transform: translateX(-50%);width: 100%;text-align: center;}
.wrap_tohalloween .wrap_area_lead_txt span,.wrap_tohalloween_hover .wrap_area_lead_txt span {position: relative;font-size: min(4.5vw, 17px);font-family: "irohakakuc",'Noto Serif JP', serif,sans-serif;font-weight: 500;font-style: normal;font-weight: bold;display: block;}
.wrap_tohalloween .wrap_area_lead_txt span::before,.wrap_tohalloween_hover .wrap_area_lead_txt span::before {content: "";display: inline-block;width: 0;height: 0;margin: 0 0.5em 0 0;border: 8px solid transparent;border-right: 0 solid transparent;border-left: 13px solid #da7a04;position: absolute;bottom: 0;left: 3em;transform: translateY(-50%);}
.wrap_hover_view {position: relative;margin: 4% 3%;}
.wrap_tohalloween {transition: 1s;}
.wrap_tohalloween.active {transition: 1.2s;}
.wrap_tohalloween,.wrap_tohalloween_hover {width: 100%;margin: 0 auto;position: relative;}
.wrap_tohalloween .wrap_area_img_title,.wrap_tohalloween_hover .wrap_area_img_title {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.wrap_tohalloween .wrap_area_lead_txt,.wrap_tohalloween_hover .wrap_area_lead_txt {position: absolute;}
.wrap_tohalloween .wrap_area_lead_txt {bottom: unset;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.wrap_tohalloween .wrap_area_lead_txt span {color: #fff;text-align: center;font-family: "????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;}
.wrap_tohalloween .wrap_area_lead_txt span::before {left: 50%;top: 130%;border-left: 13px solid #fff;}
.wrap_tohalloween_hover .wrap_area_lead_txt {color: #da7a04;bottom: 4em;left: 50%;transform: translateX(-50%);}
.wrap_tohalloween_hover .wrap_area_lead_txt span::before {bottom: unset;top: 54%;left: -1em;transform: translateY(-50%);border-left: 13px solid #da7a04}
.wrap_tohalloween .bottom_c01,.wrap_tohalloween .bottom_c02 {position: absolute;}
.wrap_tohalloween .bottom_c01 {top: 30%;left: 20%;transform: translate(-50%, -50%);transition: 1s;width:25%;}
.wrap_tohalloween .bottom_c02 {bottom: 0;right: 8%;transform: translate(-50%, -50%);transition: 1s;width: 10%;}
.wrap_tohalloween_hover {position: absolute;top: 0;}
.wrap_hover_view:hover .wrap_tohalloween {opacity: 0;}
.wrap_hover_view:hover .bottom_c02 {animation: poyon 1.5s;}
.wrap_hover_view:hover .bottom_c01 {animation: 2s linear rotation1;}

/* =========================================================
SP向け：その他の見出し（ハロウィン・いい夫婦の日など）
========================================================= */
.other_heading {font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'Yu Mincho', YuMincho, serif;position: relative;display: flex;align-items: center;justify-content: center;font-size: min(4.8vw, 24px);font-weight: bold;margin: 3% 0;padding: 0 10px;box-sizing: border-box;padding-top: 18%;margin-top: -18%;}
.other_heading::before,.other_heading::after {content: '';flex: 1; /* 余った幅を均等に分ける */max-width: 50px; /* 線が長すぎると文字が圧迫されるため、SPでは短く制限 */height: 20px; /* アイコンのサイズに合わせて微調整 */margin: 0 8px; /* テキストとの隙間をPCの12pxから8pxに縮小 */background-repeat: no-repeat;}

/* --------------------------------------
【ハロウィン】テーマカラー：オレンジ
----------------------------------------- */
.heading_halloween {color: #EE7910;}
.heading_halloween::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23EE7910'%3E%3Cpath fill-rule='evenodd' d='M13,2 C13,2.55 12.55,3 12,3 L12,4.05 C7.05,4.5 3,8.3 3,13 C3,17.7 7.03,21.5 12,21.5 C16.97,21.5 21,17.7 21,13 C21,8.3 16.95,4.5 12,4.05 L12,3 C12,2.45 12.55,2 13,2 Z M7.5,9.5 L10,12.5 L6,12.5 Z M16.5,9.5 L18,12.5 L14,12.5 Z M12,12 L13.5,14.5 L10.5,14.5 Z M7,15.5 L8.5,18 L10,16.5 L12,18.5 L14,16.5 L15.5,18 L17,15.5 Z'/%3E%3C/svg%3E"),linear-gradient(#EE7910, #EE7910);background-size: 18px 18px, calc(100% - 24px) 1px; /* アイコンを少し小さくし、線の長さを計算 */background-position: right center, left center;}
.heading_halloween::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23EE7910'%3E%3Cpath fill-rule='evenodd' d='M13,2 C13,2.55 12.55,3 12,3 L12,4.05 C7.05,4.5 3,8.3 3,13 C3,17.7 7.03,21.5 12,21.5 C16.97,21.5 21,17.7 21,13 C21,8.3 16.95,4.5 12,4.05 L12,3 C12,2.45 12.55,2 13,2 Z M7.5,9.5 L10,12.5 L6,12.5 Z M16.5,9.5 L18,12.5 L14,12.5 Z M12,12 L13.5,14.5 L10.5,14.5 Z M7,15.5 L8.5,18 L10,16.5 L12,18.5 L14,16.5 L15.5,18 L17,15.5 Z'/%3E%3C/svg%3E"),linear-gradient(#EE7910, #EE7910);background-size: 18px 18px, calc(100% - 24px) 1px;background-position: left center, right center;}

/* --------------------------------------
【いい夫婦の日】テーマカラー：ブラウン
----------------------------------------- */
.heading_goodcouple {color: #920B2C;}
.heading_goodcouple::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23913D19'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E"),linear-gradient(#920B2C, #920B2C);background-size: 16px 16px, calc(100% - 22px) 1px; /* アイコンをPCより少し小さく */background-position: right center, left center;}
.heading_goodcouple::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23913D19'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E"),linear-gradient(#920B2C, #920B2C);background-size: 16px 16px, calc(100% - 22px) 1px;background-position: left center, right center;}

.contents_good_couple{padding:0 3%;}

#usagi .lead_txt{padding:0 3%;}
#usagi{font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'Yu Mincho', YuMincho, serif;}
#usagi .left_txt{font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'Yu Mincho', YuMincho, serif;}

section.accordion ul li div.btn .btn_bg{    box-sizing: border-box;text-align: left;}