@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Noto+Sans+JP:wght@300;400;500&family=Shippori+Mincho:wght@500;600&display=swap'); /*GH-FONTS*/
body {
  font-family: "Noto Sans JP", sans-serif;
  color: #000000;
}

ul,
ol {
  list-style: none;
padding-left:0;
}


.u-desktop {
	display: block;
}

.u-mobile {
	display: none;
}

.fs-c-productPointDisplay {
width: fit-content;
color:#333;
}

.fs-c-heading--page {
color: #333333;
font-weight:400;
}

.fs-c-productNameHeading {
display: flex;
flex-direction: column;
}

.fs-p-scrollingCartButton__button{
background-color: #ff8899!important;
}

.fs-p-scrollingCartButton__button:link {
color: #ffffff;
}

@media screen and (max-width: 767px) {

.u-desktop {
	display: none;
}

.u-mobile {
	display: block;
}

}

<!-- ログイン画面 -->
.fs-c-subSection__title, .fs-c-linkedServiceLogin__title {
color: #333333;
}

<!-- トップページ -->
.important span{
background-color: #ff0000;
color:#ffffff;
padding: 2px 5px;
font-weight: 500;
}

.header-voice {
display:block;
}

.header-voice::before {
display:inline-block;
content:'';
width:17px;
height:15px;
background-image: url("https://gohobi202406.itembox.design/item/reviews_icon.svg");
background-position:center;
background-size:cover;
margin-right: 6px;
}

.first-view .fs-pt-column__item .fs-pt-column__image img{
margin: 0 auto;
display:block;
}

.fs-l-header__leftContainer {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.fs-l-header__logo {
display:flex;
align-items: center;
margin-left: 20px;
}

.fs-l-header__logo .fs-p-logo{
display:block;
width:30%;
height:auto;
margin:0;
}

.fs-l-header__text {
font-size:2rem;
font-weight:400;
display:block;
width:70%;
}

.fs-p-headerUtilityMenu__list {
font-size:16px;
font-weight:400;
color:#333333;
}

.fs-p-headerUtilityMenu__list a::before {
display:none!important;
}

.fs-p-headerUtilityMenu__list li:not(:last-child) a::after {
content:'';
display: inline-block;
position:absolute;
border:1px solid #737373;
height:1.5rem;
top: 50%;
transform: translateY(-50%);
right:-8px;
}

.fv-happychoco_pc {
margin-bottom: 30px;
}



.fs-p-headerNavigation__link {
     font-size: 16px;
     font-weight: 500;
}

.fs-p-headerNavigation__link > i {
font-size:16px;
}

.header-postage {
display:block;
margin-left: auto;
background-color:#c0c0c0;
padding:5px;
}

.header-postage__link {
color:#333333!important;
font-size:16px;
}

.header-postage__link:hover {
text-decoration: none;
}

.header-postage__label--emphasis {
font-size: 18px;
font-weight:500;
color:#e2133d;
}

.header-postage__note {
font-size:12px;
margin:0;
}

.fs-c-slick .slick-slide:nth-child(4) {
display:none;
}

.fs-c-slick .slick-slide img{
display:block;
margin:0 auto;
}

.fs-pt-carousel img {
width:90%;
}

.fs-l-main {
width:100%;
display:flex;
max-width:1216px;
margin:0 auto;
padding: 8px;
flex-wrap:wrap;
justify-content: space-between;
}

.product-column {
margin-bottom: 20px!important;
}

.fs-pt-carousel {
margin-bottom: 100px;
}

.fs-l-pageMain {
width: 100%;
}

.fs-p-messageBoard {
margin-bottom:100px;
}

.fs-pt-column__item:only-child {
padding:8px;
}

.news-heading {
margin-top:0!important;
}

.fs-p-heading--lv2:not(:first-child) {
margin-top: 9.375rem;
}

.fs-p-heading--lv2 {
text-align:center;
font-size:32px;
color:#333333;
border-bottom:none;
margin-top: 9.375rem;
}

.fs-pt-column__heading {
font-size:1.5rem;
font-weight:600;
}

.fs-c-button--carousel {
display:none;
}

.fs-l-pageMain p {
text-align:center;
}

.fs-c-productListCarousel__list {
padding-top:30px;
}

.top-important {
padding-top: 50px;
}

.ranking_title {
padding-top: 20px;
}

.ranking-comment {
font-size:18px;
}

.top-ranking .fs-c-productListCarousel__list .slick-slide:nth-child(1):before {
content: "1";
background-color: #BEB86F;
}

.top-ranking .fs-c-productListCarousel__list .slick-slide:nth-child(2):before {
content: "2";
background-color: #AAAAAA;
}

.top-ranking .fs-c-productListCarousel__list .slick-slide:nth-child(3):before {
content: "3";
background-color: #BE9D6F;
}

.cvp {
display:block;
text-align:center;
margin:0 0 100px 0;
font-size:20px;
font-weight:400;
}

.more-button {
display:block;
margin:10px auto 0 auto;
border: 1px solid #FF8899 !important;
border-radius: 40px;
padding: 0;
}

.more-button a {
background-color: #FF8899;
display: flex;
align-items: center;
text-align: center;
padding: 0.8em 2.3em 0.9em;
transition: all 0.4s;
text-decoration: none;
border-radius: 40px;
}

.more-button a:hover {
background-color:#ffffff;
}

.more-button__text {
font-size: 18px;
font-weight: 400;
line-height: 1;
color: #fff;
transition: all 0.4s;
}

.more-button__text:visited {
color: #fff;
}

.more-button__text:hover {
color:#FF8899;
}

<!-- トップページ誕生秘話 -->
.story-heading {
width: 100%;
text-align: center;
}

.story-heading h2 {
font-size: 40px;
font-weight:700;
font-family: "Shippori Mincho B1", serif;
text-transform: uppercase;
margin: 0 auto;
text-align: center;
}

.story-heading h3 {
font-size:16px;
font-weight:500;
font-family: "Shippori Mincho B1", serif;
margin: 5px auto;
text-align: center;
}

.story-heading img {
display:block;
width: 33px;
height: auto;
aspect-ratio: 33 / 46;
margin: 0 auto;
text-align: center;
}

.story {
width:100%;
}

.story_lists {
width: 100%;
}

.story_list {
width:100%;
padding: 40px 0;
}

.img_left {
flex-direction: row-reverse;
}

.bg-circle01 {
background-image:url("https://gohobi202406.itembox.design/item/bg-circle.png");
background-size:　contain;
background-repeat:no-repeat;
background-position: 25% 75%;
}

.bg-circle02 {
background-image:url("https://gohobi202406.itembox.design/item/bg-circle.png");
background-size:　contain;
background-repeat:no-repeat;
background-position: 100% 75%;
}

.bg-circle03 {
background-image:url("https://gohobi202406.itembox.design/item/bg-circle.png");
background-size:　contain;
background-repeat:no-repeat;
background-position: 50% 100%;
}

.story_container {
display:flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}

.story_midashi {
width:100%;
display:flex;
text-align:left;
}

.story_midashi img {
width:70px;
height:auto;
aspect-ratio: 70 / 62;
}

.story_title {
display:block;
}

.story_title h3 {
font-size:22px;
font-weight:700;
font-family: "Shippori Mincho B1", serif;
}

.story_content {
text-align:left!important;
font-size: 16px;
font-weight:300;
line-height:1.75em;
margin: 0;
}

.content_lots {
line-height:1.6em;
}

.story_text {
width:53%;
}

.story_content-pink {
color: #FF8899;
font-weight:500;
}

.story_img {
display: block;
width:45%;
height:auto;
aspect-ratio: 369 / 246;
margin: 0;
}

.story_img img {
width:100%;
}

<!-- フッター -->
.footer-postage {
display:flex;
border-radius: 3px;
background: #fff;
border:1px solid #fff;
align-items:center;
text-align:center;
width:100%;
}

.footer-postage__link {
color:#333333!important;
font-size:14px;
}

.footer-postage__label--emphasis {
font-size: 16px;
font-weight:500;
color:#e2133d;
}

.footer-postage__note {
font-size:10px;
margin:0;
}

.footerContactLink {
width: 100%;
display:block;
}

.footerContactLink a {
width: 100%;
background-color:#f8b042;
display:flex;
align-items: center;
text-align: center;
text-decoration:none;
justify-content: center;
transition: all 0.4s;
}

.footerContactLink a:hover {
background-color:#ffffff;
}

.footerContactLink p {
color: #ffffff;
}

.footerContactLink p:hover {
color:#f8b042;
transition: all 0.4s;
}
.fs-p-banner--registration {
background-color: #f5b1aa;
}

.fs-c-button--primary {
background: #ff8899;
border: 1px solid #ff8899;
transition: all 0.4s;
}

.fs-c-button--primary:hover {
background: #ffffff;
}

.fs-c-button__label:hover {
color:#f5b1aa;
}

.fs-p-card {
padding:12px 30px;
}

.side-midashi {
width: 100%;
display:flex;
text-align:left;
background-color:#F0EBE3;
align-items: center;
padding:0 8px;
margin: 8px 0;
font-weight:400;
}

@media screen and (min-width: 1180px) {

.fs-c-productListCarousel__list__item {
max-width:260px;
min-width: 86px;
margin:0 10px;
}
}


@media screen and (min-width: 768px) {
.fs-p-logo__image {
padding-bottom: 14px;
}

.fs-l-header__contents {
grid-template-columns: 50%;
}

.fs-l-header__utility {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        align-items: end;
}

.top-ranking .fs-c-productListCarousel__list .slick-slide:before {
        height: 45px;
        width: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 20px;
        margin: 0 auto 15px;
}
}

@media screen and (min-width: 600px) {
.fs-l-col--2 {
grid-template-columns: unset;
justify-items: center;
}
}

@media screen and (min-width: 320px) {
.fs-pt-carousel {
    margin-bottom: 0;
}
}

@media screen and (max-width: 979px) {
.fs-p-headerUtilityMenu__list {
font-size:12px;
}

.fs-p-logo a {
width: 50%;
}
.fs-l-header__text {
width: 50%;
font-size:1.18rem;
}
}

@media screen and (max-width: 1179px) {
.fs-c-productListCarousel__list__item {
max-width:200px;
}

.top-ranking .fs-c-productListCarousel__list .slick-slide:before {
        height: 35px;
        width: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 15px;
        margin: 0 auto 15px;
}
}
@media screen and (min-width: 471px) {
.fv-happychoco_sp{
display:none!important;
}

.top-jelly-banner_sp {
display:none!important;
}

.gohobiweek-banner_sp {
display:none!important;
}

.story-top_sp {
display:none;
}

.story-top_pc {
display:block;
}
}

@media screen and (max-width: 600px) {
<!-- トップページ誕生秘話 -->
.story-heading h2 {
font-size:30px;
}

.story-heading h3 {
font-size:14px;
}

.bg-circle01 {
background-size:90%;
background-position: 25% 80%;
}

.bg-circle02 {
background-size:90%;
background-position: 25% 30%;
}

.bg-circle03 {
background-size:90%;
background-position: 25% 70%;
}

.story_title h3 {
font-size:18px;
}

.story_text {
width: 100%;
}

.story_content {
font-size: 14px;
}

.story_img {
width: 100%;
}

.fs-l-header__contents {
grid-template-columns: 1fr 1fr;
}

.fs-p-logo__image {
max-height:unset;
padding-bottom: 16px;
}

.fs-l-header__logo .fs-p-logo {
width:40%;
}

.fs-p-headerNavigation__link {
font-size: 13px;
}

.fs-l-header__text {
width: 45%;
font-size:1.4rem;
}

.cvp {
font-size:13px;
margin-bottom:60px;
}

.top-fv img {
padding-bottom:5px;
}

.fs-pt-column--3 {
grid-template-columns: 1fr!important;
}
}

@media screen and (max-width: 470px) {

.fs-l-header__leftContainer {
justify-content: flex-end;
}

.fs-l-header__contents { 
    grid-template-columns:1fr;
}

.gohobiweek-banner_pc {
display:none;
}

.gohobiweek-banner_sp .fs-pt-column__heading {
font-size: 1.2rem;
font-weight:400;
}

.fv-happychoco_pc {
display:none;
}

.top-jelly-banner_pc {
display:none;
}

.fv-happychoco_sp {
display:block;
width:100%;
margin: 0 auto;
}

.fv-happychoco_sp　a {
width: 100%;
}

.fv-happychoco_sp img {
width:100%;
height:auto;
padding-bottom:20px;
}

.top-jelly-banner_sp {
display:block;
width:100%;
margin: 0 auto;
}

.top-jelly-banner_sp　a {
width: 100%;
}

.top-jelly-banner_sp img {
width:100%;
height:auto;
padding-bottom:20px;
}

.more-button a {
padding: 0.8em 1.2em 0.9em;
}

.more-button__text {
font-size: 14px;
}

.story-top_sp {
display:block;
}

.story-top_pc {
display:none;
}
}
<!-- よくある質問 -->

.faq {
    display: block;
    padding-bottom: 50px;
}

.faq__question {
    width: 80%;
    display: block;
    margin: 0 auto;
    background-color: #fdeff2;
    padding: 12px 10px;
}


.faq__question h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.faq__answer {
    width: 80%;
    margin: 0 auto;
    display: block;
    padding: 12px 10px;
}

.faq__answer h4 {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}

@media screen and (max-width: 767px) {
.faq__question {
    width: 100%;
}
.faq__answer {
    width: 100%;
}
.faq__question h4 {
    font-size: 18px;
}
.faq__answer h4 {
font-size: 16px;
}
}


<!-- 商品ページ（ゼリー） -->
.inner-product {
        display:block;
	margin-left: auto;
	margin-right: auto;
	max-width: 1130px;
        padding-top: 150px;
	padding-left: 25px;
	padding-right: 25px;
	width: 100%;
}

.fs-c-button--addToCart--detail {
padding:0.8em 1.6em 0.9em;
}

.fs-c-button--addToCart--detail span {
    font-size: 23px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
}

.jelly-product-top {
 width: 100%;
 text-align: center;
 margin-bottom: 30px;
}

.jelly-product-top__img {
    width: 70%;
    height: auto;
    display: block;
    margin: 100px auto 0 auto;
}

.jelly-product-top__name {
    font-size: 20px;
    font-weight: 700;
}

.buyNow-btn {
    display: block;
    margin: 0 auto;
    border: 1px solid #ff8899;
    color: $white!important;
    padding:0;
}

.buyNow-btn a {
width: 100%;
background-color: #ff8899;
display: flex;
align-items: center;
text-align: center;
padding:0.8em 1.6em 0.9em;
transition: all 0.4s;
text-decoration: none;
}

.buyNow-btn a:hover {
background-color: #fff;
}

.buyNow-btn__text {
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
}

.buyNow-btn__text:hover {
color: #ff8899;
}

.jelly-product-trouble {
    width: 100%;
    height: auto;
}

.jelly-product-trouble img {
    width: 80%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.jelly-product-solution {
    width: 100%;
    text-align: center;
    padding-bottom: 50px;
}

.jelly-product-solution__title {
    margin-bottom: 30px;
}

.jelly-product-solution__images {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.jelly-product-solution__images img {
    width: 32%;
}

.jelly-product-space1 {
    display: block;
    width: auto;
    height: 50px;
}

.jelly-product-space2 {
    display: block;
    width: auto;
    height: 150px;
}

.jelly-product-points {
    width: 100%;
    display: block;
}

.jelly-product-points__point {
    width: 100%;
}

.jelly-product-points__num {
    display: block;
    width: 13%;
    height: auto;
    margin: 0 auto;
}

.jelly-product-points__point + .jelly-product-points__point {
    margin-top: 80px;
}

.jelly-product-points__heading {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 30px;
}

.jelly-product-points__image {
    width: 80%;
    display: block;
    margin: 0 auto;
    padding-bottom: 30px;
}

.jelly-product-points__text {
    text-align: left!important;
    display: block;
    width: 80%;
    margin: 0 auto;
}

.jelly-product-points__wrap {
    width: 80%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding-bottom: 30px;
}

.jelly-product-points__wrap img {
    width: 50%;
    height: auto;
}

.jelly-product-points__wrap img + img {
    margin-left: 20px;
}

.jelly-product01 {
	margin-bottom: 150px;
	text-align: center;
	width: 100%;
}

.jelly-product01__title {
	margin-bottom: 50px;
}

.jelly-product01__img {
	height: auto;
	margin: 0 auto;
	width: 70%;
}

.jelly-product02 {
	margin-bottom: 150px;
	text-align: center;
	width: 100%;
}

.jelly-product02__title {
	margin-bottom: 50px;
}

.jelly-product02__text {
	margin-bottom: 30px;
}

.jelly-product02__images {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.jelly-product02__img {
	height: auto;
	width: 48%;
}

.jelly-product03 {
	margin-bottom: 150px;
	width: 100%;
}

.jelly-product03__title {
	margin-bottom: 50px;
}

.jelly-product03__text {
	margin-bottom: 30px;
	text-align: center;
}

.jelly-product03__img {
        display:block;
	height: auto;
	margin: 0 auto;
	width: 70%;
}

.jelly-product04 {
	margin-bottom: 150px;
	width: 100%;
}

.jelly-product04__title {
	margin-bottom: 50px;
}

.jelly-product04__contain {
	display: flex;
	justify-content: space-between;
	width: 100%;
        flex-wrap: wrap;
}

.jelly-product04__text {
	display: block;
	line-height: 1.8em;
	text-align: justify!important;
	width: 43%;
        margin: 0!important;
}

.jelly-product04__img {
	display: block;
	height: auto;
	width: 55%;
}

.jelly-product05 {
	margin-bottom: 150px;
	width: 100%;
}

.jelly-product05__title {
	margin-bottom: 50px;
}

.jelly-product05__note {
       text-align: center;
       padding-bottom:30px;
       font-size: 16px;
       font-weight: 400;
       line-height: 2em;
}

.jelly-product05__contain {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.jelly-product05__text {
	display: block;
	line-height: 1.8em;
	text-align: left!important;
	width: 46%;
        margin:0;
}

.jelly-product05__img {
        display:block;
	width: 50%;
}

.jelly-product05__img img {
	aspect-ratio: 630/420;
	height: auto;
	width: 100%;
}

.jelly-product06 {
	margin-bottom: 150px;
	width: 100%;
}

.jelly-product06__title {
	margin-bottom: 50px;
}

.jelly-product06__img {
        display:block;
	height: auto;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

.jelly-product06__contain {
	margin: 0 auto;
	width: 80%;
}

.jelly-product07 {
	margin-bottom: 150px;
	width: 100%;
}

.jelly-product07__title {
	margin-bottom: 50px;
}

.jelly-product07__lists {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.jelly-product07__list {
	display: block;
	width: 33.33%;
}

.jelly-product07__img {
	height: auto;
	padding-bottom: 20px;
	width: 100%;
}

.jelly-product07__heading {
	font-size: 1.9rem;
	font-weight: 600;
        margin-top: 0!important;
}

.jelly-product07__text {
	text-align: left!important;
}

.jelly-product07__list + .jelly-product07__list {
	margin-left: 28px;
}

.jelly-product08 {
        display: block;
	margin-bottom: 150px;
	width: 100%;
}

.jelly-product08__title {
	margin-bottom: 50px;
}

.jelly-product08__contain {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.jelly-product08__howto {
	display: block;
	width: 48%;
}

.jelly-product08__list::marker {
        display:none!important;
}

.jelly-product08__list + .jelly-product08__list {
	margin-top: 25px;
}

.jelly-product08__heading {
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 0.9375rem;
        margin: 0!important;
}

.jelly-product08__img {
	height: auto;
	width: 50%;
}

.jelly-product08__text {
	text-align: left!important;
}

.jelly-product-scene {
	margin-bottom: 150px;
	width: 100%;
}

.jelly-product-scene__title {
	margin-bottom: 50px;
}

.jelly-product-scene__lists {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.jelly-product-scene__list {
	display: block;
	text-align: center;
	width: 33%;
}

.jelly-product-scene__list + .jelly-product-scene__list {
	margin-left: 20px;
        margin-top: 0;
}

.jelly-product-scene__heading {
	font-size: 18px;
	font-weight: 600;
	margin: 0 auto;
	padding-bottom: 10px;
}

.jelly-product-voice {
	margin-bottom: 150px;
	width: 100%;
}

.jelly-product-voice__title {
	margin-bottom: 50px;
}

.jelly-product-voice__lists {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.jelly-product-voice__list {
    width: 33%;
    display: block;
}

.jelly-product-voice__list img {
    width: 100%;
    height: auto;
}

.jelly-product-voice__list + .jelly-product-voice__list {
	margin-left: 25px;
}

.jelly-product-voice__heading {
	font-size: 20px;
	font-weight: 600;
	margin: 0 auto;
	padding-bottom: 10px;
	text-align: center;
}

.jelly-product-voice__img {
        display:block;
	height: auto;
	margin: 0 auto;
	padding-bottom: 10px;
	width: 60%;
}

.jelly-product-voice__name {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
        margin: 0!important;
}

.jelly-product-voice__info {
	font-size: 14px;
	font-weight: 400;
	padding-bottom: 0.625rem;
	text-align: center;
        margin: 0!important;
}

.jelly-product-voice__text {
	display: block;
	font-size: 16px;
	font-weight: 400;
	width: 100%;
        text-align: left!important;
}

.jelly-product-fruits {
    width: 100%;
    margin-bottom: 150px;
}

.jelly-product-fruits__title {
    margin-bottom: 50px;
}

.jelly-product-fruits__lists {
    width: 80%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0;
}

.jelly-product-fruits__list {
    width: 49%;
    display: block;
    margin-bottom: 20px;
}

.jelly-product-fruits__list img {
    width: 100%;
    height: auto;
}

.jelly-product-notice {
	margin-bottom: 70px;
	text-align: center;
	width: 100%;
}

.jelly-product-notice__text {
	font-size: 30px;
	font-weight: 500;
}

.jelly-product-notice__strong {
	background-color: #333;
	border-radius: 10px;
	color: #fff;
	font-size: 48px;
	font-weight: 800;
	line-height: 1.2em;
        letter-spacing: 0.15em;
	margin: 0.625rem auto;
	padding: 10px 20px;
	width: 300px;
}

.jelly-noshi {
        padding: 30px 0;
        width:80%;
        margin: 0 auto;
}

.jelly-noshi__heading {
font-size:26px;
}

.jelly-noshi__text {
font-size:20px;
font-weight:500;
}

.jelly-noshi__noshi-img {
display:block;
width: 80%;
margin: 0 auto;
}

.jelly-product-notice__img {
	margin: 50px auto 0 auto;
	width: 60%;
        display:block;
}

.jelly-product-about {
	margin-bottom: 12.5rem;
	width: 100%;
}

.jelly-product-about__title {
	margin-bottom: 50px;
}

.jelly-product-about__table {
        display:block;
	border: 1px solid #333;
	border-collapse: collapse;
	display: block;
	margin: 0 auto;
	width: 70%;
}

.jelly-product-about__table th {
	background-color: #ff8899;
	border-bottom: 1px solid #333;
	padding: 5px 0;
	text-align: center;
        color:#fff;
}

.jelly-product-about__table th:first-child {
	border-right: 1px solid #333;
	width: 20%;
}

.jelly-product-about__table td {
	border-top: 1px solid #333;
	padding: 5px 10px;
}

.jelly-product-about__table td:first-child {
	border-right: 1px solid #333;
	width: 20%;
}

.jelly-common__title {
	font-size: 32px;
	font-weight: 700;
	text-align: center;
}

.jelly-common__text {
	font-size: 16px;
	font-weight: 400;
        line-height: 2em;
}

.jelly-product06__text + .jelly-product06__text {
	margin-top: 32px;
}

.jelly-product-question {
    width: 100%;
    margin-bottom: 150px;
}

.jelly-product-question__title {
    margin-bottom: 50px;
}

.jelly-product-question__contain {
    display: block;
    width: 55%;
    margin: 0 auto;
}

.jelly-product-question__text {
    font-size: 22px;
    font-weight: 600;
    position: relative;
    padding-left: 60px;
}

.jelly-product-question__text + .jelly-product-question__text {
    margin-top: 40px;
}

.jelly-product-question__text::before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 50px;
    height: 50px;
    background-image: url(https://gohobi202406.itembox.design/item/question.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.jelly-product-3mil {
        width: 100%;
    margin-bottom: 150px;
}

.jelly-product-3mil__title {
        margin-bottom: 50px;
}

.jelly-product-3mil__wrap {
    width: 80%;
    display: flex;
    justify-content: space-between;
    align-items:flex-end;
    margin: 0 auto;
}

.jelly-product-3mil__wrap img {
    width: 32%;
    height: auto;
}

.jelly-product-special {
            width: 100%;
    margin-bottom: 150px;
}

.jelly-product-special__title {
            margin-bottom: 50px;
}

.jelly-product-special__text {
    text-align: center;
    display: block;
    padding-bottom: 30px;
}

.jelly-product-special__img {
    width: 80%;
    display: block;
    margin: 0 auto;
    margin-bottom: 70px;
}

.jelly-product-special__wrap {
    width: 80%;
    display: block;
    margin: 0 auto;
}

.jelly-product-special__wrap + .jelly-product-special__wrap {
    margin-bottom: 50px;
}

.jelly-product-special__heading {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 20px;
}

.jelly-product-special__text2 {
    padding-bottom: 20px;
    text-align: justify!important;
}

.jelly-wrapping {
margin-bottom:100px;
}

.product-hukuro {
display:block;
width:80%;
margin:0 auto 150px;
}

.product-hukuro__img {
width:100%;
margin-bottom: 50px;
}

.product-hukuro__button {
border: 1px solid #F0EBE3;
}
.product-hukuro__button a{
background-color: #F0EBE3;
}

.product-hukuro__button-txt{
color:#333333;
}

<!-- 小分け用袋ページ --> 

.hukuro {
text-align:center;
}

.hukuro img {
padding-top:50px;
display:block;
margin:0 auto;
}

.hukuro-table {
width:47%;
}

@media screen and (max-width: 1023px) {
.jelly-product-question__contain {
    width: 70%;
}
}

@media screen and (max-width: 876px) {

.jelly-product-scene__lists {
        padding-left: 0!important;
        flex-wrap: wrap;
}

.jelly-product-scene__list {
	width: 100%;
}

.jelly-product-scene__list + .jelly-product-scene__list {
	margin-left: 0;
	margin-top: 40px;
}

.jelly-product05__contain {
           flex-wrap: wrap;
}

.jelly-product05__text {
	padding-bottom: 1.25rem;
	width: 100%;
}

.jelly-product05__img {
	width: 100%;
        display:block;
        margin: 0 auto;
}

.jelly-product08__contain {
	flex-wrap: wrap;
}

.jelly-product08__howto {
	margin-bottom: 20px;
	width: 100%;
        padding-left: 0!important;
}

.jelly-product08__img {
	width: 100%;
}

.jelly-product-voice__lists {
	flex-wrap:wrap;
}

.jelly-product-voice__list {
    width: 100%;
    display: block;
}

.jelly-product-notice__img {
	width: 100%;
}

.jelly-product-voice__list + .jelly-product-voice__list {
	margin-left: 0;
        margin-top: 25%;
}

.jelly-product-fruits {
     margin-bottom: 100px;
}

.jelly-product-fruits__lists {
padding-left: 0;
}

.jelly-product-fruits__list {
     width:100%;
}

.jelly-product-3mil__wrap {
     flex-wrap: wrap;
     width:100%;
}

.jelly-product-3mil__wrap img {
     width: 100%;
}

.jelly-product-3mil__wrap img + img {
     margin-top: 20px;
}

.jelly-product-special__img {
    width: 100%;
}

.jelly-product-special__wrap {
    width: 100%;
}
}

/* お試しセットページ */

.trial-inner {
  max-width: 1040px;
  padding: 50px;
  margin: 0 auto;
}

.trial-fv {
  width: 100%;
  text-align: center;
  padding-bottom: 70px;
  padding-top: 70px;
}

.trial-fv h2 {
  font-size: 32px!important;
  font-weight: 500;
  letter-spacing: -0.08em;
  font-family: "Noto Sans JP", sans-serif;
  margin: 0 auto;
  padding-bottom: 40px;
  letter-spacing: -0.04em!important;
}

.trial-fv__image {
  width: 100%;
}

.trial-fv__image img {
  width: 100%;
  height: auto;
}

.trial-recom {
  width: 100%;
  background-color: #FDEEED;
}

.trial-recom__heading {
  text-align: center;
  padding-bottom: 40px;
}

.trial-recom__heading h4 {
  font-size: 24px;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  margin: 0 auto 19px auto;
  display: block;
  position: relative;
}

.trial-recom__heading h4::before {
  position: absolute;
  display: block;
  content:  '';
  width: 40px;
  height: 39.296px;
  background-image: url(https://gohobi202406.itembox.design/item/trial-deco01.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  top: -10px;
  left: 136px;
}

.trial-recom__heading h4::after {
  position: absolute;
  display: block;
  content:  '';
  width: 40px;
  height: 39.296px;
  background-image: url(https://gohobi202406.itembox.design/item/trial-deco01.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform: scale(-1, 1);
  top: -10px;
  right: 136px;
}

.trial-recom__heading img {
  width: 100%;
  height: auto;
}

.trial-recom p {
  font-size: 20px!important;
  font-weight: 400!important;
  line-height: 1.4em!important;
  text-align: center!important;
  padding-bottom: 44px;
}

.trial-recom__pics {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.trial-recom__pics img {
  width: 30.7%;
  height: auto;
}

.trial-common__heading {
  font-size: 34px;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  position: relative;
  padding-left: 27px;
  line-height: 1.4em;
  margin-bottom: 40px;
}

.trial-common__heading::before {
  position: absolute;
  content: '';
  display: block;
  width: 14px;
  height: 37px;
  background-image: url(https://gohobi202406.itembox.design/item/trial-heading-deco.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.trial-question {
  padding: 70px 0;
}

.trial-question img {
  width: 100%;
  height: auto;
}

.trial-secret {
  width: 100%;
  background-color: #FDFCED;
}

.trial-secret h3 {
  width: 100%;
  padding-bottom: 56px;
  letter-spacing: -0.08em;
}

.trial-secret h3::before {
  top: 25%;
  transform: translateY(-25%);
}

.trial-secret h3 span {
  display: inline;
}

.trial-secret__3 {
  color: #FF002E;
  font-weight: 500;
  font-size: 60px;
  font-family: "Noto Serif JP", serif;
}

.trial-secret__tsu  {
  color: #FF002E;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
}

.trial-secret__list {
  text-align: left;
  padding-bottom: 56px;
}

.trial-secret__list img {
  width: 185.6px;
  height: auto;
}

.trial-secret__list p {
  font-weight: 600;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 28px;
  letter-spacing: -0.05em;
  text-align: left;
}

.trial-attract {
  width: 100%;
  padding: 20px 0;
}

.trial-attract__list {
  width: 100%;
}

.trial-attract__list + .trial-attract__list {
  margin-top: 70px;
}

.trial-attract__list h4 {
  font-weight: 600;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 28px;
  letter-spacing: -0.05em;
  position: relative;
  padding-left: 76px;
  margin-bottom: 34px;
}

.list-1 h4::before {
  position: absolute;
  display: inline-block;
  content: '';
  width: 70.88px;
  height: 70.88px;
  background-image: url(https://gohobi202406.itembox.design/item/trial-no1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}


.list-2 h4::before {
  position: absolute;
  display: inline-block;
  content: '';
  width: 70.88px;
  height: 70.88px;
  background-image: url(https://gohobi202406.itembox.design/item/trial-no2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.list-3 h4::before {
  position: absolute;
  display: inline-block;
  content: '';
  width: 70.88px;
  height: 70.88px;
  background-image: url(https://gohobi202406.itembox.design/item/trial-no3.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.trial-attract__pics {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 24px;
}

.trial-attract__pics img {
  width: 30.76%;
}

.trial-attract__text {
  width: 100%;
  display: block;
  margin: 0 auto;
}

.trial-attract__text p {
  font-size: 16px!important;
  font-weight: 400!important;
  font-family: "Noto Sans JP", sans-serif!important;
  line-height: 1.4em!important;
  letter-spacing: 0!important;
  text-align: justify!important;
}

.list-2 .trial-attract__text p {
  padding-bottom: 1.4em!important;
}

.list-2 .trial-attract__text h5{
  font-size: 19.2px!important;
  font-weight: 700!important;
  font-family: "Noto Sans JP", sans-serif!important;
  line-height: 1.4em!important;
}

.trial-banner {
width: 100%;
margin-bottom: 100px;
}

.trial-banner img {
  display: block;
  width: 90%;
  height: auto;
  margin: 0 auto;
}

.trial-voice {
  width: 100%;
  background-color:#FDFCED;
}

.trial-voice h3 {
  display: block;
  width: 70%;
  margin: 0 auto;
}

.trial-voice h3 img {
  width: 100%;
  height: auto;
}

.trial-voice h2 {
  font-size: 36px;
  font-weight: 600;
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: 70px;
  text-align: center;
}

.trial-voice__lists {
  padding-bottom: 40px;
  padding-left: 0;
}

.trial-voice__list {
  width: 92.7%;
  margin: 0 auto;
  padding-bottom: 11px;
}

.trial-voice__img-pc {
  width: 100%;
  display: block;
}

.trial-voice__img-sp {
  display: none;
}


.trial-voice__point-pc {
  width: 74.5%;
  height: auto;
  margin: 0 auto;
  display: block;
}

.trial-voice__point-sp {
  display: none;
}

.trial-pr {
  width: 100%;
  text-align: center!important;
}

.trial-pr h2 {
font-size: 34px!important;
font-weight: 500!important;
font-family: "Noto Sans JP", sans-serif!important;
}

.trial-pr h1 {
font-size: 70px!important;
font-weight: 700!important;
font-family: "Noto Sans JP", sans-serif!important;
text-align: center!important;
}

.trial-pr__img {
  width: 100%;
  position: relative;
  padding-top: 96px;
  padding-bottom: 20px;
}

.trial-pr__img img {
  width: 100%;
  height: auto;
}

.trial-pr__img span img {
  position: absolute;
  width: 29.3%;
  top: 20px;
  right: 45px;
}

.trial-pr__red {
font-size: 32px!important;
font-weight: 700!important;
font-family: "Noto Sans JP", sans-serif!important;
color: #FF002E;
}

.trial-pr__price {
  width: 53.8%;
  display: block;
  margin: 0 auto;
  padding-bottom: 20px;
}

.trial-pr__price img {
  width: 100%;
  height: auto;
}

.trial-pr__more {
font-size: 32px!important;
font-weight: 700;
font-family: "Noto Sans JP", sans-serif;
padding-bottom: 30px;
}

.trial-pr h3 {
font-size: 64px;
font-weight: 700;
font-family: "Noto Sans JP", sans-serif;
color: #FF002E;
padding-bottom: 36px;
}

.trial-pr__note {
  font-size: 16px;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
}

.trial-pr__note span {
  display: inline;
  color: #FF002E;
}

.trial-about {
width: 100%;
display: block;
padding: 100px 0;
}

.trial-about img {
  width: 74.1%;
  height: auto;
  display: block;
  margin: 0 auto;
  padding-bottom: 27px;
}

.trial-about h4 {
  font-size: 34px;
  font-weight: 600;
  font-family: "Noto Sans JP", sans-serif;
  display: block;
  margin: 0 auto;
  padding-bottom: 27.2px;
  text-align: center;
  line-height: 1.4em;
}


.trial-about p {
  font-size: 16px!important;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.4em!important;
  text-align: center;
}

.trial-about p + p {
  margin-top: 1.4em;
}
.trial-how {
  width: 100%;
  background-color: #FDFCED;
}

.trial-how__ttl {
  width: 50%;
  display: block;
  margin: 0 auto;
}
.trial-how__pc {
  width: 100%;
  padding-top: 0;
}

.trial-how__sp {
  display: none;
}

.trial-membership {
  width: 100%;
  padding-bottom: 200px;
  margin-top:150px;
}

.trial-fruits__title {
font-size: 34px;
}

@media screen and (max-width : 780px) {
    .fs-c-productListCarousel__list__item {
        max-width: 97px;
        min-width: 86px;
        margin: 0 5px;
    }

  .trial-inner {
    padding: 50px 20px;
  }

  .trial-recom__heading h4 {
    font-size: 19.2px;
    line-height: 1.4em;
  }
  .trial-recom__heading h4::before {
    width: 24px;
    height: 23.296px;
    top: -21px;
    left: -8px;
  }
  .trial-recom__heading h4::after {
    width: 24px;
    height: 23.296px;
    top: -21px;
    right: -8px;
  }

  .trial-recom p {
    font-size: 16px!important;
  }

.trial-secret__list p {
    font-size:26px;
}

  .trial-attract__text {
    width: 100%;
  }

  .trial-attract__list h4 {
    font-size: 26px;
    line-height: 1.2em;
  }

.trial-voice h2 {
    font-size: 28px;
}

  .trial-pr__img {
    padding-top: 68.8px;
  }

.trial-about h4 {
  font-size: 30px;
}

.trial-common__heading {
   font-size:30px;
}
}

@media screen and (max-width : 425px) {

.jelly-noshi {
width:100%;
}

.jelly-noshi__text {
font-size:16px;
}

.product-hukuro {
width:100%;
}

  .trial-fv h2 {
    font-size: 21px!important;
  }
  .trial-common__heading {
    font-size: 23px;
  }

  .trial-secret__list p {
    font-size: 19.2px;
  }

.trial-banner {
margin-bottom: 20px;
}
  .trial-banner img {
    width: 100%;
  }

  .trial-pr h2 {
    font-size: 19.2px;
  }

  .trial-pr__red {
    font-size: 24px;
  }

  .trial-pr__more {
    font-size: 24px;
  }

  .trial-pr h1 {
    width: 100%!important;
    font-size: 32px!important;
    text-align: center!important;
    font-weight: 700!important;
  }

  .trial-pr__img {
    padding-top: 48px;
  }

  .trial-pr__img span img {
    right: 16px;
    top: 6px;
    width: 42%;
  }

  .trial-pr__note {
    font-size: 14px;
  }

  .trial-pr {
    padding: 0;
  }

  .trial-pr h3 {
    font-size: 48px;
  }

  .trial-pr__price {
    width: 80%;
  }

  .trial-voice__img-pc {
    display: none;
  }
  
  .trial-voice__img-sp {
    width: 100%;
    display: block;
    margin-bottom: 40px;
  }

  .trial-voice__point {
    width: 100%;
  }

  .trial-voice ul {
    margin-bottom: 0;
  }

  .trial-voice__point-pc {
    display: none;
  }

  .trial-voice__point-sp {
    display: block;
    width: 100%;
  }

  .trial-voice h3 {
    width: 100%;
  }
  .trial-voice h2 {
    font-size: 25.6px;
}

.trial-about img {
  width: 100%;
}

.trial-about h4 {
  font-size: 19.2px;
}

.trial-about p {
  font-size: 14px;
}

.trial-how__ttl {
  width: 100%;
  margin-bottom: 10px;
}

.trial-how__pc {
  display: none;
}

.trial-how__sp {
  display: block;
  width: 100%;
}

.trial-how__sp + .trial-how__sp {
  margin-top: 20px;
}

.trial-attract ul {
padding-left:0;
}

.trial-secret__points ul {
padding-left:0;
}

.trial-membership {
  padding-bottom: 100px;
  margin-top:50px;
}

.trial-membership h2 {
  font-size: 32px;
}

.trial-membership p {
  margin-bottom: 32px;
}

.trial-membership__list {
  width: 48%;
}

.trial-membership__list p {
  font-size: 14px;
}

}

/* パスワード再設定のお願い */
.resetPW {
 display:block;
 width:85%;
 margin:0 auto;
 font-weight: 400;
 font-size: 16px;
}

.resetPW-intro {
width:100%;
padding-bottom: 50px;
}

.resetPW-intro__text {
text-align: left!important;
}

.resetPW-howto {
width:100%;
padding-bottom: 50px;
}

.resetPW-howto__title {
font-weight:600;
font-size:18px;
text-align: left!important;
}

.resetPW-howto__wrap p{
text-align: left!important;
}

.resetPW-howto__strong {
font-weight:500;
}

.resetPW-howto__strong span {
color:#ff6600;
}

.resetPW-howto__strong a {
color:#3572b0;
}

.resetPW-howto__note {
font-size:14px;
}

.resetPW-howto__text {
text-align: left!important;
}

.resetPW-howto__img {
width:500px;
height:auto;
margin:20px 0;
border:1px solid #cccccc;
}

.resetPW-notes {
width:100%;
}

.resetPW-heading {
font-weight:600;
font-size:18px;
text-align: left!important;
}

.resetPW-text {
text-align: left!important;
}

/* 大口注文ページ */

.oguchi-scenes {
margin-top:50px;
}

.oguchi-contact{
width:100%;
text-align:center;
background-color:#fffdeb;
border: 5px solid #546fb4;
border-radius:28px;
padding:20px;
margin-top: 50px;
}

.oguchi-contact__midashi {
font-size:25px;
font-weight:700;
color:#546fb4;
margin-top:0;
}

.oguchi-contact__h2 {
font-size:35px;
font-weight:700;
color:#333333;
margin: 10px 0;
}

.oguchi-contact__btn {
width:50%;
margin:0 auto;
display:block;
}

.oguchi-contact__tel {
font-size:42px;
font-weight:700;
position:relative;
}

.oguchi-contact__tel:hover {
text-decoration:none;
color:#546fb4;
}

.oguchi-contact__tel::before {
position:absolute;
display:inline-block;
content:'';
width:38px;
height:38px;
background-image:url(https://gohobi202406.itembox.design/item/phone-icon.png);
background-size:cover;
background-position:center;
top:50%;
transform:translateY(-50%);
left:-38px;
}

.oguchi-contact__time {
font-size:24px;
font-weight:500;
margin-top:0;
}

.oguchi-contact__btn:hover {
filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.6));
transition: all 0.5s;
}

@media (min-width: 600px) {
	a[href^="tel:"] {
	    pointer-events: none;
	}
}

@media screen and (max-width: 767px) {
.fs-p-heading--lv2 {
font-size:20px;
}

.fs-c-productListCarousel__list__item {
max-width:220px;
min-width: 86px;
margin:0 10px;
}

.inner-product {
	padding-left: 20px;
	padding-right: 20px;
}

.jelly-product-top__img {
        width: 100%;
        margin-top:50px;
}

.jelly-product-top__name {
        text-align: left;
}

.jelly-product-trouble img {
    width: 100%;
}

.jelly-product-points__heading {
font-size: 18px;
}

.jelly-product-points__num {
    width:30%;
}

.jelly-product-points__text {
    width: 100%;
    text-align:left!important;
}

.jelly-product-points__image {
    width: 100%;
}

.jelly-product-points__wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.jelly-product-points__wrap img {
    width: 100%;
}

.jelly-product-points__wrap img + img {
    margin-left: 0;
    margin-top:20px;
}

.jelly-product-solution__images {
   flex-wrap:wrap;
}

.jelly-product-solution__images img {
    width:100%;
}

.jelly-product-solution__images img + img {
    margin-top:20px;
}

.jelly-product-space1 {
height: 20px;
}

.jelly-product-space2 {
        height: 40px;
    }

.jelly-product01 {
	margin-bottom: 100px;
}

.jelly-product01__title {
	margin-bottom: 30px;
}

.jelly-product01__img {
	width: 100%;
}

.jelly-product02 {
	margin-bottom: 100px;
}

.jelly-product02__title {
	margin-bottom: 30px;
}

.jelly-product02__images {
        flex-wrap: wrap;
}

.jelly-product02__img {
	width: 100%;
}

.jelly-product02__img + .jelly-product02__img {
	margin-top: 1.25rem;
}

.jelly-product03 {
	margin-bottom: 100px;
}

.jelly-product03__title {
	margin-bottom: 30px;
}

.jelly-product03__img {
	width: 100%;
}

.jelly-product04 {
	margin-bottom: 100px;
}

.jelly-product04__title {
	margin-bottom: 30px;
}

.jelly-product04__text {
	width: 100%;
}

.jelly-producth04__img {
	padding-bottom: 1.25rem;
	width: 100%;
}

.jelly-product05 {
	margin-bottom: 100px;
}

.jelly-product05__title {
	margin-bottom: 30px;
}

.jelly-product06 {
	margin-bottom: 100px;
}

.jelly-product06__title {
	margin-bottom: 30px;
}

.jelly-product06__img {
	width: 100%;
}

.jelly-product06__contain {
	width: 100%;
}

.jelly-product07 {
	margin-bottom: 100px;
}

.jelly-product07__title {
	margin-bottom: 30px;
}

.jelly-product07__lists {
        flex-wrap: wrap;
        padding-left: 0!important;
}

.jelly-product07__list {
	width: 100%;
}

.jelly-product07__list + .jelly-product07__list {
	margin-left: 0!important;
	margin-top: 50px;
}

.jelly-product08 {
	margin-bottom: 100px;
}

.jelly-product08__title {
	margin-bottom: 30px;
}

.jelly-product-scene {
	margin-bottom: 100px;
}

.jelly-product-scene__title {
	margin-bottom: 30px;
}

.jelly-product-voice {
	margin-bottom: 100px;
}

.jelly-product-voice__title {
	margin-bottom: 30px;
}

.jelly-product-voice__list {
	width: 100%;
}

.jelly-product-voice__lists {
        padding-left: 0!important;
        flex-wrap: wrap;
}

.jelly-product-voice__list + .jelly-peach-voice__list {
	margin-left: 0;
	margin-top: 50px;
}

.jelly-product-fruits__title {
    margin-bottom: 30px;
}

.jelly-product-notice {
	margin-bottom: 100px;
}

.jelly-product-notice__noshi-heading {
font-size:20px;
}

.jelly-product-notice__noshi-img {
width: 100%;
}

.jelly-product-about__title {
	margin-bottom: 30px;
}

.jelly-product-about__table {
	width: 100%;
}

.jelly-product-about__table td {
	font-size: 14px;
}

.jelly-common__title {
	font-size: 20px;
        letter-spacing:-0.03em;
}

.jelly-common__text {
	font-size: 14px;
}

.inner-product {
	padding-left: 20px;
	padding-right: 20px;
}

.jelly-product-question {
        margin-bottom: 100px;
}

.jelly-product-question__title {
        margin-bottom: 30px;
}

.jelly-product-question__contain {
        width: 90%;
}

.jelly-product-question__text {
    font-size: 18px;
}

.jelly-product-question__text::before {
        width: 40px;
        height: 40px;
}

.jelly-product-3mil {
        margin-bottom: 100px;
}

.jelly-product-3mil__title {
        margin-bottom: 30px;
}


.jelly-product-special {
margin-bottom: 100px;
}

.jelly-product-special__title {
            margin-bottom: 30px;
}

.jelly-product-special__text {
        text-align: left!important;
        width: 90%;
        margin: 0 auto;
}

.jelly-product-special__heading {
        font-size:18px;
        padding-bottom:0;
}
.resetPW {
width:100%
}


.oguchi-contact__midashi {
font-size:18px;
}

.oguchi-contact__h2{
font-size:22px;
}

.oguchi-contact__btn {
width:70%;
}

.oguchi-contact__tel {
font-size:32px;
}

.oguchi-contact__tel::before {
width:32px;
height:32px;
left:-32px;
}

.oguchi-contact__time {
font-size:18px;
}
}

@media screen and (max-width: 420px) {

.fs-c-productListCarousel__list__item {
max-width:105px;
min-width: 86px;
margin:0 4px;
}

.fs-c-productListCarousel {
display:block;
}

.ranking-comment {
font-size:14px;
}

.oguchi-contact__btn {
width:100%;
}
}


.keirou {
margin-top:50px;
margin-bottom:100px;
}

.keirou__heading {
text-align:center;
font-size:20px;
font-weight:400;
line-height:2;
}

@media screen and (max-width: 420px) {
.keirou__heading {
font-size:16px;
text-align:left;
}
}


<!-- シュミドショコラ -->
.chemi-toptext {
width:100%;
text-align:center;
}

.chemi-btn {
display: block;
margin: 0 auto;
border: 1px solid #81D8D0!important;
color: #fff!important;
padding:0;
}

.chemi-heading {
text-align: center;
font-size:24px;
font-family: "Shippori Mincho B1", serif;
font-weight:700;
padding-bottom:80px;
}

.chemi-section01 {
display:block;
width:100%;
}

.chemi-section01__img {
padding-bottom: 50px;
}

.chemi-section02 {
text-align: center;
}

.chemi-section02__title {
padding-bottom:50px;
}

.chemi-section02__cards {
width:100%;
display:flex;
justify-content: space-between;
flex-wrap:wrap;
}

.chemi-section02__list {
display:block;
width:32%;
}

.chemi-section02__text {
font-size:16px;
font-weight:400;
text-align:left!important;
}

.chemi-section03 {
text-align: center;
padding-bottom: 50px;
}

.chemi-section03__title {
padding-bottom:50px;
}

.chemi-section03__text {
padding-bottom:20px;
}

.chemi-section04 {
width:100%;
}

.chemi-section04__cards {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.chemi-section04__list {
display:block;
width:48%;
}

.chemi-section04__heading {
text-align: center;
}

.chemi-section04__text {
font-size:16px;
font-weight:400;
text-align:left!important;
}

.chemi-btn a {
width: 100%;
background-color: #81D8D0;
display: flex;
align-items: center;
text-align: center;
padding:0.8em 1.6em 0.9em;
transition: all 0.4s;
text-decoration: none;
}

.chemi-btn a:hover {
background-color: #fff;
}

.chemi-btn__text {
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
}

.chemi-btn__text:hover {
color: #81D8D0;
}

.chemi-main .fs-c-button--primary {
background-color: #81D8D0;
border: 1px solid #81D8D0;
}

.chemi-main .fs-c-button--primary:hover {
background-color: #fff;
}

.chemi-main .fs-c-button--primary span:hover {
color: #81D8D0;
}

.chemi-common__text {
font-size: 18px!important;
font-weight: 400!important;
}

.chemi-common__title {
font-size: 24px;
text-align: center;
}

.chemi-common__img {
width:90%;
display:block;
margin: 0 auto;
}

.chemi-product__img {
width: 90%;
height: auto;
display: block;
margin: 0 auto;
}

.chemi-product__img2 + .chemi-product__img2 {
margin-top: 50px;
}

.chemi-about__table th {
	background-color: #81D8D0;
}

.choco-top {
 width: 100%;
 text-align: center;
 margin-bottom: 30px;
}

.choco-top__img {
    width: 70%;
    height: auto;
    display: block;
    margin: 100px auto 0;
}

.choco-top__name {
    font-size: 20px;
    font-weight: 700;
}

.choco-intro {
width: 100%;
display: block;
padding-bottom: 100px;
}

.choco-intro__img {
width:80%;
display:block;
margin:0 auto 20px auto;
}

.choco-intro__text {
width:80%;
display:block;
margin: 0 auto;
}

.choco-scene {
width: 100%;
padding-bottom: 100px;
}

.choco-scene__lists {
display: flex;
justify-content: space-between;
}

.choco-scene__list {
display: block;
width:32%;
text-align: center;
}

.choco-scene__heading {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    margin:0;
}

.choco-voice {
width:100%;
padding-bottom: 100px;
}

.choco-voice__list + .choco-voice__list {
margin-top:30px;
}

.choco-about {
width:100%;
display:block;
padding-bottom: 100px;
}

.choco-about__img {
width:80%;
display:block;
margin:0 auto 20px auto;
}

.choco-about__text {
width:80%;
display:block;
margin:0 auto;
}

.choco-reasons {
width:100%;
display:block;
padding-bottom: 100px;
}

.choco-reasons__lists {
display:flex;
justify-content:space-between;
}

.choco-reasons__list {
display: block;
width:32%;
}

.choco-reasons__img {
width:100%;
height:auto;
}

.choco-reasons__heading {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    margin-bottom:10px;
    text-align:center;
}

.choice-reasons__text {
text-align:left!important;
}

.choco-product {
width:100%;
display: block;
padding-bottom: 100px;
}

.choco-product__images {
width:100%;
display:flex;
justify-content: space-between;
}

.choco-product__img {
width:49%;
}

.choco-wine {
width:100%;
padding-bottom: 100px;
}

.choco-wine__img {
width:80%;
display:block;
margin:0 auto 20px auto;
}

.choco-wine__text {
width:80%;
display:block;
margin:0 auto;
}

@media screen and (max-width: 767px) {
.chemi-common__img {
width:100%;
}

.chemi-common__title {
font-size:18px;
}

.chemi-section02__list {
width:100%;
}

.chemi-section02__list + .chemi-section02__list {
margin-top: 30px;
}

.chemi-section02__text {
font-size:14px;
}

.chemi-section04__cards {
flex-wrap: wrap;
}

.chemi-section04__list {
width:100%;
}

.chemi-section04__list + .chemi-section04__list {
margin-top: 30px;
}

.chemi-section04__text {
font-size:14px;
}

.choco-top__img {
width:100%;
margin-top: 50px;
}

.choco-intro__img {
width:100%;
}

.choco-intro__text {
width:100%;
text-align:left!important;
}

.choco-scene__lists {
flex-wrap:wrap;
padding:0;
}

.choco-scene__list {
width:100%;
}

.choco-scene__list + .choco-scene__list {
margin-top:30px;
}

.choco-scene__heading {
font-size:18px;
}

.choco-voice__lists {
padding:0;
}

.choco-about__img {
width:100%;
}

.choco-about__text {
width:100%;
text-align:left!important;
}

.choco-reasons__lists {
flex-wrap:wrap;
padding:0;
}

.choco-reasons__list {
width:100%;
}

.choco-reasons__heading {
font-size:18px;
}

.choco-product__images {
flex-wrap: wrap;
}

.choco-product__img {
width:100%;
}

.choco-product__img + .choco-product__img {
margin-top:20px;
}

.choco-wine__img {
width:100%;
}

.choco-wine__text {
width:100%;
}
}

@media screen and (max-width: 420px) {
.chemi-common__title {
font-size: 20px;
}

.chemi-product__img {
width: 100%;
}

.chemi-text {
text-align:left!important;
}

.choco-intro {
padding-bottom: 50px;
}

.choco-scene {
padding-bottom: 50px;
}

.choco-voice {
padding-bottom: 50px;
}

.choco-about {
padding-bottom: 50px;
}

.choco-reasons {
padding-bottom: 50px;
}

.choco-product {
padding-bottom: 50px;
}

.choco-wine {
padding-bottom: 50px;
}
}

<!-- 幸せショコラ -->

.fs-body-product .fs-l-page .fs-l-footer {
margin-top:0!important;
}



.fs-l-productLayout[data-fs-variation-vertical-no="happy-s"] {
grid-row-gap: 0;
padding: 0 0 80px;
width: 100%;
}

.happy-common {
display: block;
margin:0 auto;
width: 90%;
height: auto;
aspect-ratio: 1 / 1;
}

.happy-common__img {
width: 100%;
}

.happy-img08,.happy-img09  {
margin-bottom: 10px;
}

.fs-l-productLayout[data-fs-variation-vertical-no="happy-s"] .fs-c-productPrice__main__price {
font-weight:600;
}

.fs-l-productLayout[data-fs-variation-vertical-no="happy-s"]  .hukuro-link {
font-weight: 500;
}

.fs-l-productLayout[data-fs-variation-vertical-no="happy-s"]  .hukuro-link:visited {
color: #f5b1aa;
}

.fs-l-productLayout[data-fs-variation-vertical-no="happy-s"] .fs-pt-column__heading:visited {
color: #f5b1aa;
}

.fs-c-productNumber{
width:fit-content!important;
}

.fs-c-productQuantityAndWishlist {
    display: grid;
    grid-template-columns: none;
    justify-content: start;
    gap: 10px;
}

.fs-c-variationPanelList__list {
width:40%;
}

.fs-l-productLayout[data-fs-variation-vertical-no="happy-s"] .fs-c-button--particular.fs-c-button--addToWishList--detail {
background-color: #f5b1aa;
}

.fs-l-productLayout[data-fs-variation-vertical-no="happy-s"] .fs-p-card {
background-color: #fff;
}


.fs-c-productCarouselMainImage__thumbnailList {
overflow-x: none;
}

.happy-about__table th {
background-color:#ffc532;
color: #fff;
}

.happy-buyNow {
border:1px solid #ffc532!important;
}

.happy-buyNow a{
background-color:#ffc532;
transition: all 0.4s;
}

.happy-buyNow a:hover {
background-color: #fff;
color:#ffc532;
}

.happy-buyNow a:visited {
color:#fff;
}

.fs-l-productLayout[data-fs-variation-vertical-no="happy-s"] .fs-c-button--primary {
background-color:#ffc532;
border: 1px solid #ffc532;
transition: all 0.4s;
}

.fs-l-productLayout[data-fs-variation-vertical-no="happy-s"] .fs-c-button--primary:hover {
background: #ffffff;
}

.fs-l-productLayout[data-fs-variation-vertical-no="happy-s"] .fs-c-button__label:hover {
color:#ffc532;
}

.fs-l-productLayout[data-fs-variation-vertical-no="happy-s"] .product-hukuro__button {
border:1px solid #ffc532!important;
}

.fs-l-productLayout[data-fs-variation-vertical-no="happy-s"] .product-hukuro__button a {
background-color: #ffc532;
color:#fff;
}

.fs-l-productLayout[data-fs-variation-vertical-no="happy-s"] .product-hukuro__button a:hover {
background-color: #fff;
color:#ffc532!important;
}

.fs-l-productLayout[data-fs-variation-vertical-no="happy-s"] .product-hukuro__button a:visited {
color:#fff;
}

@media screen and (max-width: 430px) {
.happy-common {
width: 100%
}
.fs-c-variationPanelList__list {
width:100%;
}
}

<!-- 幸せショコラ 期間限定パック -->

.happy-limited-top {
display:block;
}

.happy-limited-top__title {
display:block;
width:70%;
margin: 100px auto 20px;
}

.happy-limited-top__img {
width:100%;
height:auto;
}

.happy-limited-top__text {
font-size: 30px;
font-weight:600;
display:block;
width:70%;
margin:0 auto;
}

.happy-limited-common {
display:block;
margin-top: 150px;
width:70%;
margin-left: auto;
margin-right:auto;
}

.happy-limited__img {
width:100%;
height:auto;
}

.happy-limited__text {
font-size: 20px;
font-weight:500;
padding-bottom:20px;
}

.happy-limited-common h3 {
font-size:36px;
font-weight:600;
text-align:center;
}

.happy-limited__btn {
display:block;
margin:0 auto;
background-color: transparent;
border:none;
color:#244e49!important;
}

.happy-limited__btn a {
border:none;
color:#244e49!important;
}

.happy-limited-common h3 span {
color:#FF0000;
font-weight:700;
}

.happy-limited-koistrawberry {
margin-bottom: 150px;
}

.happy-limited-koistrawberry .happy-limited__img + .happy-limited__img {
margin-top: 50px;
}

.fs-body-product-gd118 .fs-c-button--primary {
background-color:#244e49;
border: 1px solid #244e49;
transition: all 0.4s;
}

.fs-body-product-gd118 .fs-c-button--primary:hover {
background: #ffffff;
}

.fs-body-product-gd118 .fs-c-button__label:hover {
color:#244e49;
}

.fs-body-product-gd118 .product-hukuro__button {
border:none!important;
background-color: transparent;
}

.fs-body-product-gd118 .product-hukuro__button a {
border:none!important;
background-color: transparent;
color:#244e49;
}

.fs-body-product-gd118 .product-hukuro__button a:hover {
color:##7C99AC;
}

.fs-body-product-gd118 .product-hukuro__button a:visited {
color:#7C99AC;
}

.fs-body-product-gd118 .product-hukuro__button a::after {
display:none;
}

@media screen and (max-width: 768px) {
.happy-limited-top__title {
width:100%;
}
.happy-limited-top__text {
width:100%;
font-size:24px;
}

.happy-limited__text {
font-size: 18px;
}

.happy-limited-common {
width:100%;
}

.happy-limited-common h3 {
font-size:30px;
}
}

@media screen and (max-width: 430px) {
.happy-limited-common {
margin-top:50px;
margin-bottom:50px;
}

.happy-limited-common h3 {
font-size:24px;
}

.happy-limited__text {
font-size: 16px;
}

.product-hukuro__button-txt {
font-size:16px;
}

.product-hukuro__img {
margin-bottom:0;
}
.product-hukuro__img  {
font-size:18px;
}
}

<!-- 幸せショコラ カテゴリーページ -->

.happy-cat__text {
display:block;
width:70%;
margin:0 auto;
}

.happy-cat__text p{
font-size:18px;
font-weight:400;
}

.happy-cat__imgs {
display:block;
margin-top:150px;
margin-left:auto;
margin-right:auto;
width:70%;
}

.happy-cat__imgs a {
display:block;
}

.happy-cat__imgs a + a {
margin-top:50px;
}

@media screen and (max-width: 768px) {
.happy-cat__text {
width:100%;
}
.happy-cat__text p{
text-align:left;
}

.happy-cat__imgs {
width:100%;
}
}

@media screen and (max-width: 430px) {
.happy-cat__text p{
font-size:16px;
}
}

.fs-pt-column--3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.gift-maternity .fs-pt-column__image > img {
margin: 0 auto;
}

/* ==GH-RENEWAL-START== */
/* =====================================================================
   GOHOBI RENEWAL 2026 — Tiffany Blue × Gold
   (この区切りより下がリニューアル用。上の既存CSSは旧パーツ用に残しています)
   ===================================================================== */
:root{
  --gh-ink:#1f2a2e;
  --gh-text:#2b3437;
  --gh-mute:#6b7478;
  --gh-ivory:#fbf8f2;
  --gh-paper:#f4efe5;
  --gh-white:#ffffff;
  --gh-tiffany:#81d8d0;
  --gh-tiffany-soft:#d5f0ec;
  --gh-tiffany-deep:#0a6e6a;
  --gh-night:#0f3432;
  --gh-gold:#b8935a;
  --gh-gold-light:#e3cc9a;
  --gh-gold-deep:#8a6a33;
  --gh-line:rgba(184,147,90,.38);
  --gh-gold-grad:linear-gradient(115deg,#8a6a33 0%,#c9a96e 28%,#f0dcae 48%,#c9a96e 64%,#8a6a33 100%);
  --gh-serif:"Shippori Mincho","Yu Mincho","YuMincho","Hiragino Mincho ProN",serif;
  --gh-latin:"Cormorant Garamond","Shippori Mincho",serif;
  --gh-sans:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  --gh-ease:cubic-bezier(.2,.7,.1,1);
}

/* ---------- Base ---------- */
html body{
  background:var(--gh-ivory);
  color:var(--gh-text);
  font-family:var(--gh-sans);
  font-weight:400;
  letter-spacing:.04em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
html body ::selection{background:var(--gh-tiffany);color:var(--gh-ink)}
html body a{transition:color .3s var(--gh-ease),opacity .3s var(--gh-ease)}
html body img{max-width:100%}
html body :focus-visible{outline:2px solid var(--gh-tiffany-deep);outline-offset:3px}

/* ---------- Header ---------- */
html body .fs-l-header{
  position:sticky;top:0;z-index:100;
  background:rgba(251,248,242,.88);
  -webkit-backdrop-filter:saturate(1.2) blur(14px);backdrop-filter:saturate(1.2) blur(14px);
  border-bottom:1px solid var(--gh-line);
}
html body .fs-l-header__contents{max-width:1280px;margin:0 auto;padding:14px 32px 6px;align-items:center}
html body .fs-l-header__logo{margin-left:0}
html body .fs-l-header__logo .fs-p-logo{width:150px;flex:0 0 auto}
html body .fs-p-logo__image{display:block;width:100%;height:auto}
html body .fs-l-header__text{
  margin:0 0 0 18px;padding-left:18px;border-left:1px solid var(--gh-line);
  font-family:var(--gh-latin);font-style:italic;font-size:15px;letter-spacing:.12em;color:var(--gh-gold-deep);
}
html body .fs-p-headerUtilityMenu__list .fs-pt-menu__link{
  font-size:12px;letter-spacing:.12em;color:var(--gh-text);
}
html body .fs-p-headerUtilityMenu__list .fs-pt-menu__item + .fs-pt-menu__item{border-left-color:var(--gh-line)}
html body .fs-p-headerUtilityMenu__list .fs-pt-menu__link:hover{color:var(--gh-gold-deep)}

html body .fs-p-headerNavBar{
  background:transparent;border:0;max-width:1280px;margin:0 auto;padding:0 32px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
html body .fs-p-headerNavigation{background:transparent;width:100%;display:flex;align-items:center;justify-content:space-between}
html body .fs-p-headerNavigation__list{display:flex;gap:4px;background:transparent;margin:0;padding:0}
html body .fs-p-headerNavigation__link{
  position:relative;display:inline-flex;align-items:center;gap:6px;
  padding:12px 14px 14px;background:transparent !important;
  color:var(--gh-ink) !important;font-size:13px;font-weight:500;letter-spacing:.14em;
}
html body .fs-p-headerNavigation__link > i{font-size:14px;color:var(--gh-gold)}
html body .fs-p-headerNavigation__link::after{
  content:"";position:absolute;left:14px;right:14px;bottom:8px;height:1px;
  background:var(--gh-gold-grad);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--gh-ease);
}
html body .fs-p-headerNavigation__link:hover::after{transform:scaleX(1);transform-origin:left}
html body .fs-p-searchForm{margin:0}
html body .fs-p-searchForm__inputGroup{
  display:flex;align-items:center;border:1px solid var(--gh-line);border-radius:999px;background:#fff;overflow:hidden;
  transition:border-color .3s,box-shadow .3s;
}
html body .fs-p-searchForm__inputGroup:focus-within{border-color:var(--gh-tiffany-deep);box-shadow:0 0 0 4px rgba(129,216,208,.25)}
html body .fs-p-searchForm__input{border:0 !important;background:transparent;padding:9px 6px 9px 18px;font-size:13px;min-width:190px;outline:none}
html body .fs-p-searchForm__button{
  border:0;background:var(--gh-ink) !important;color:#fff !important;width:36px;height:36px;margin:2px;border-radius:999px;
}
html body .fs-p-searchForm__button:hover{background:var(--gh-tiffany-deep) !important}

/* ---------- Layout / breadcrumb ---------- */
html body .fs-l-main{max-width:1280px;padding:24px 32px 0}
html body .fs-c-breadcrumb{font-size:11px;letter-spacing:.14em;color:var(--gh-mute);padding:14px 32px 0;max-width:1280px;margin:0 auto}
html body .fs-c-breadcrumb a{color:var(--gh-mute)}
html body .fs-c-breadcrumb a:hover{color:var(--gh-gold-deep)}

/* ---------- Headings ---------- */
html body .fs-c-heading--page,
html body .fs-p-heading--lv2,
html body .fs-p-heading--lv1{
  font-family:var(--gh-serif);font-weight:600;color:var(--gh-ink);letter-spacing:.14em;
  text-align:center;border:0;background:none;
}
html body .fs-c-heading--page{font-size:clamp(24px,3vw,34px);margin:24px 0 40px;padding-bottom:26px;position:relative}
html body .fs-c-heading--page::after,
html body .fs-p-heading--lv2::after{
  content:"";position:absolute;left:50%;bottom:0;width:88px;height:9px;transform:translateX(-50%);
  background:
    linear-gradient(90deg,transparent,var(--gh-gold) 40%,transparent 40%,transparent 60%,var(--gh-gold) 60%,transparent) center/100% 1px no-repeat,
    linear-gradient(45deg,transparent 42%,var(--gh-gold) 42%,var(--gh-gold) 58%,transparent 58%) center/9px 9px no-repeat;
}
html body .fs-p-heading--lv2{position:relative;font-size:clamp(22px,2.6vw,30px) !important;padding-bottom:24px;margin-bottom:40px;color:var(--gh-ink) !important}

/* ---------- Side area (下層ページ) ---------- */
html body .fs-l-sideArea{font-size:13px}
html body .fs-p-sideMenu .fs-pt-menu__link,
html body .fs-l-sideArea .fs-pt-menu__link{
  border:0 !important;border-bottom:1px solid rgba(184,147,90,.22) !important;border-radius:0;background:transparent !important;
  color:var(--gh-text) !important;padding:13px 6px;letter-spacing:.08em;transition:padding .35s var(--gh-ease),color .3s;
}
html body .fs-l-sideArea .fs-pt-menu__link:hover{padding-left:14px;color:var(--gh-tiffany-deep) !important}
html body .fs-l-sideArea .side-midashi,
html body .fs-l-sideArea .fs-p-drawer__heading{
  background:transparent !important;border:0;font-family:var(--gh-serif);font-weight:600;color:var(--gh-gold-deep) !important;
  letter-spacing:.16em;padding:28px 6px 10px;font-size:14px;
}
html body .fs-l-sideArea .leftside-banners img,
html body .fs-l-sideArea .fs-pt-column__image img{border-radius:6px;transition:transform .5s var(--gh-ease),box-shadow .5s}
html body .fs-l-sideArea a:hover img{transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(15,52,50,.5)}

/* ---------- Buttons ---------- */
html body .fs-c-button--primary,
html body .fs-c-button--addToCart--detail,
html body .fs-c-button--addToCart--list{
  position:relative;overflow:hidden;border:0 !important;border-radius:999px !important;
  background:linear-gradient(120deg,#9c7a44,#c9a96e 45%,#b8935a 70%,#8a6a33) !important;color:#fff !important;
  font-family:var(--gh-sans);font-weight:500;letter-spacing:.18em;
  box-shadow:0 12px 28px -14px rgba(138,106,51,.8),inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .4s var(--gh-ease),box-shadow .4s var(--gh-ease);
}
html body .fs-c-button--primary::before,
html body .fs-c-button--addToCart--detail::before,
html body .fs-c-button--addToCart--list::before{
  content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);transition:left .8s var(--gh-ease);
}
html body .fs-c-button--primary:hover::before,
html body .fs-c-button--addToCart--detail:hover::before,
html body .fs-c-button--addToCart--list:hover::before{left:120%}
html body .fs-c-button--primary:hover,
html body .fs-c-button--addToCart--detail:hover,
html body .fs-c-button--addToCart--list:hover{transform:translateY(-2px);box-shadow:0 18px 34px -16px rgba(138,106,51,.9)}
html body .fs-c-button--addToCart--detail{min-height:58px;font-size:15px;padding:0 48px;width:100%;max-width:420px}
html body .fs-c-button--secondary,
html body .fs-c-button--addToWishList--detail,
html body .fs-c-button--particular{border-radius:999px !important;letter-spacing:.1em}
html body .fs-c-button--standard{border-radius:999px !important}

/* ---------- Product list ---------- */
html body .fs-c-productList__list{gap:44px 28px}
html body .fs-c-productList__list__item{position:relative}
html body .fs-c-productListItem__imageContainer{position:relative}
html body .fs-c-productListItem__image{overflow:hidden;border-radius:4px;background:#fff;position:relative}
html body .fs-c-productListItem__image::after{
  content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.0);pointer-events:none;transition:border-color .6s var(--gh-ease),inset .6s var(--gh-ease);
}
html body .fs-c-productList__list__item:hover .fs-c-productListItem__image::after{border-color:rgba(227,204,154,.95);inset:12px}
html body .fs-c-productListItem__image__image{transition:transform 1.2s var(--gh-ease)}
html body .fs-c-productList__list__item:hover .fs-c-productListItem__image__image{transform:scale(1.05)}
html body .fs-c-productListItem__productName{margin-top:16px}
html body .fs-c-productName__copy{display:block;font-size:11px;letter-spacing:.08em;color:var(--gh-tiffany-deep);margin-bottom:6px;line-height:1.6}
html body .fs-c-productName__name{font-family:var(--gh-serif);font-weight:600;font-size:15px;line-height:1.7;color:var(--gh-ink);letter-spacing:.06em}
html body .fs-c-productListItem__prices{margin-top:8px}
html body .fs-c-productPrice__main__price,
html body .fs-c-productPrice--selling .fs-c-price{font-family:var(--gh-latin);font-weight:600;color:var(--gh-gold-deep);letter-spacing:.04em}
html body .fs-c-productListItem .fs-c-price__value{font-size:22px}
html body .fs-c-productPrice__addon{font-size:11px;color:var(--gh-mute)}
html body .fs-c-productMark__label,
html body [class*="fs-c-productMark__mark"]{
  border-radius:999px !important;font-size:10px;letter-spacing:.12em;padding:3px 10px;
  background:var(--gh-tiffany-soft) !important;color:var(--gh-tiffany-deep) !important;border:0 !important;
}
html body .fs-c-button--addToWishList--icon,
html body .fs-c-button--removeFromWishList--icon{color:var(--gh-gold) !important}

/* sort / pager */
html body .fs-c-sortItems__list__item a,
html body .fs-c-pagination__item{border-radius:999px;letter-spacing:.08em}
html body .fs-c-pagination__item.is-active,
html body .fs-c-pagination__item--current{background:var(--gh-ink);color:#fff;border-color:var(--gh-ink)}

/* ---------- Product detail ---------- */
html body .fs-c-productNameHeading{
  font-family:var(--gh-serif);font-weight:600;letter-spacing:.08em;line-height:1.6;color:var(--gh-ink);
  font-size:clamp(20px,2.2vw,26px);margin:22px 0 14px;
}
html body .fs-c-productNameHeading__copy{display:block;font-family:var(--gh-sans);font-weight:500;font-size:12px;letter-spacing:.12em;color:var(--gh-tiffany-deep);margin-bottom:8px}
html body .fs-c-productNumber{font-size:11px;letter-spacing:.14em;color:var(--gh-mute);border:0}
html body .fs-c-productNumber *{border:0 !important;background:none !important}
html body .fs-c-productPrices--productDetail{padding:18px 0;border-top:1px solid var(--gh-line);border-bottom:1px solid var(--gh-line);margin:14px 0}
html body .fs-c-productPrices--productDetail .fs-c-price__value{font-size:34px}
html body .fs-c-productPointDisplay{font-size:12px}
html body .fs-c-productPointDisplay *{background:var(--gh-tiffany-soft) !important;color:var(--gh-tiffany-deep) !important;border-radius:999px;border:0 !important}
html body .fs-c-productSelection{border-radius:10px;overflow:hidden;border:1px solid var(--gh-line)}
html body .fs-c-productSelection__name{background:var(--gh-paper) !important;font-weight:500;letter-spacing:.1em}
html body .fs-c-dropdown__menu,
html body .fs-c-quantity__number,
html body .fs-c-productQuantityAndWishlist input{border:1px solid var(--gh-line) !important;border-radius:8px;background:#fff}
html body .fs-c-productActionButton{text-align:center;margin:20px 0 8px}
html body .fs-c-productCarouselMainImage img{border-radius:6px}
html body .fs-c-productCarouselThumbnail__thumbnail,
html body .fs-c-productThumbnail img{border-radius:4px}
html body .fs-c-productCarouselThumbnail .slick-current img,
html body .fs-c-productCarouselThumbnail .is-active img{outline:1px solid var(--gh-gold);outline-offset:2px}
/* 商品ページ内の既存ボタン（すぐに購入したい方はこちら）*/
html body .buyNow-btn{
  border:0 !important;border-radius:999px !important;padding:18px 46px !important;
  background:var(--gh-ink) !important;color:#fff !important;letter-spacing:.18em;font-weight:500;
  box-shadow:0 14px 30px -16px rgba(15,52,50,.8);transition:transform .4s var(--gh-ease),background .4s;
}
html body .buyNow-btn:hover{transform:translateY(-2px);background:var(--gh-tiffany-deep) !important}
html body .jelly-common__title{font-family:var(--gh-serif);letter-spacing:.1em}
html body .more-button,
html body .more-button__text{border-radius:999px}
html body a.more-button,
html body .more-button a{
  background:transparent !important;border:1px solid var(--gh-gold) !important;color:var(--gh-gold-deep) !important;
  letter-spacing:.16em;transition:background .4s var(--gh-ease),color .4s;
}
html body a.more-button:hover,
html body .more-button a:hover{background:var(--gh-ink) !important;border-color:var(--gh-ink) !important;color:#fff !important}

/* ---------- Ranking parts ---------- */
html body .ranking_title{font-family:var(--gh-serif)}
html body .top-ranking .fs-c-productList__list__item::before,
html body .fs-pt-ranking__rank,
html body [class*="ranking"] [class*="rank"]{font-family:var(--gh-latin)}

/* ---------- Cart / forms ---------- */
html body .fs-c-cartTable,
html body .fs-c-cartTable th,
html body .fs-c-cartTable td{border-color:var(--gh-line) !important}
html body .fs-c-cartTable thead th,
html body .fs-c-inputTable__headerCell{background:var(--gh-paper) !important;font-weight:500;letter-spacing:.08em}
html body .fs-c-inputTable__dataCell{background:#fff}
html body .fs-c-cartPayment,
html body .fs-c-orderTotal,
html body .fs-c-cartTotal{background:#fff;border:1px solid var(--gh-line);border-radius:12px}
html body .fs-c-checkoutProgress__item.is-active,
html body .fs-c-progress__step.is-active{color:var(--gh-tiffany-deep)}
html body .fs-c-button--settlement,
html body .fs-c-button--confirmOrder,
html body .fs-c-button--proceedToCheckout{
  border:0 !important;border-radius:999px !important;background:linear-gradient(120deg,#9c7a44,#c9a96e 45%,#b8935a 70%,#8a6a33) !important;color:#fff !important;
  letter-spacing:.16em;box-shadow:0 12px 28px -14px rgba(138,106,51,.8);
}
html body input[type="text"],html body input[type="email"],html body input[type="tel"],html body input[type="password"],html body select,html body textarea{
  border-radius:8px;border-color:#d9d1c1;
}
html body input:focus,html body select:focus,html body textarea:focus{border-color:var(--gh-tiffany-deep);box-shadow:0 0 0 4px rgba(129,216,208,.25);outline:none}

/* ---------- Footer ---------- */
html body .fs-l-footer{
  background:var(--gh-night) !important;color:rgba(251,248,242,.78);margin-top:120px;position:relative;
  border-top:1px solid rgba(227,204,154,.4);
}
html body .fs-l-footer::before{
  content:"";position:absolute;left:50%;top:-1px;width:min(560px,70%);height:1px;transform:translateX(-50%);
  background:var(--gh-gold-grad);
}
html body .fs-l-footer a,
html body .fs-l-footer .fs-pt-menu__link,
html body .fs-p-footerNavigationItem__link{color:rgba(251,248,242,.8) !important}
html body .fs-l-footer a:hover{color:var(--gh-gold-light) !important}
html body .fs-p-footerNavigationItem__title{font-family:var(--gh-serif);color:var(--gh-gold-light) !important;letter-spacing:.18em;border-color:rgba(227,204,154,.25) !important;background:transparent !important}
html body .fs-p-footerNavigationItem__dataList__title{color:var(--gh-gold-light)}
html body .fs-l-footer .fs-p-banner,
html body .fs-l-footer .fs-p-bannerGroup{background:transparent !important;border-color:rgba(227,204,154,.3) !important}
html body .fs-l-footer .fs-p-banner__link{color:#fff !important;border:1px solid rgba(227,204,154,.35);border-radius:12px;background:rgba(255,255,255,.04) !important}
html body .fs-l-footer .fs-p-banner__label--emphasis,
html body .fs-l-footer [class*="label--emphasis"]{color:var(--gh-gold-light) !important}
html body .fs-p-footerPageTop__link{background:var(--gh-gold) !important;color:#fff !important;border-radius:999px 999px 0 0}
html body .fs-p-footerCopyright{background:rgba(0,0,0,.18) !important;color:rgba(251,248,242,.55) !important;letter-spacing:.16em;font-family:var(--gh-latin)}
html body .fs-p-footerSnsLink__item__icon{color:var(--gh-gold-light) !important}
html body .fs-p-footerUtilityMenu{border-color:rgba(227,204,154,.2) !important}

/* =====================================================================
   TOP PAGE (renewal parts: .gh)
   ===================================================================== */
html body.fs-body-top .fs-l-sideArea{display:none}
html body.fs-body-top .fs-l-main{max-width:none;padding:0}
html body.fs-body-top .fs-l-pageMain{width:100%}
html body.fs-body-top .fs-l-pageMain > :not(.gh){max-width:1200px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px;box-sizing:border-box}
html body.fs-body-top .fs-c-breadcrumb{display:none}

.gh{--pad:clamp(20px,5vw,72px);color:var(--gh-text);font-family:var(--gh-sans);box-sizing:border-box;position:relative}
.gh *,.gh *::before,.gh *::after{box-sizing:border-box}
html body .fs-l-pageMain .gh p{text-align:left;margin:0}
.gh a{text-decoration:none}
.gh img{display:block;width:100%;height:100%;object-fit:cover}
.gh-wrap{max-width:1280px;margin:0 auto;padding:0 var(--pad)}
.gh-eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--gh-latin);font-style:italic;font-size:15px;letter-spacing:.22em;color:var(--gh-gold-deep)}
.gh-eyebrow::before{content:"";width:34px;height:1px;background:var(--gh-gold)}
.gh-title{font-family:var(--gh-serif);font-weight:600;color:var(--gh-ink);letter-spacing:.12em;line-height:1.5;font-size:clamp(26px,3.4vw,42px);margin:14px 0 0}
.gh-title .en{display:block;font-family:var(--gh-latin);font-weight:500;font-style:italic;letter-spacing:.04em;font-size:.5em;color:var(--gh-tiffany-deep);margin-bottom:4px}
.gh-gold{background:var(--gh-gold-grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ghShine 6s linear infinite}
@keyframes ghShine{to{background-position:-200% 0}}
.gh-lead{font-size:15px;line-height:2.15;letter-spacing:.06em;color:var(--gh-text)}

.gh-btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;
  min-height:56px;padding:0 34px;border-radius:999px;font-size:13px;font-weight:500;letter-spacing:.2em;
  overflow:hidden;isolation:isolate;transition:color .5s var(--gh-ease),border-color .5s,transform .5s var(--gh-ease);
}
.gh-btn .arw{width:22px;height:1px;background:currentColor;position:relative;transition:width .5s var(--gh-ease)}
.gh-btn .arw::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
.gh-btn:hover .arw{width:34px}
.gh-btn::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;transform:scaleX(0);transform-origin:right;transition:transform .6s var(--gh-ease)}
.gh-btn:hover::before{transform:scaleX(1);transform-origin:left}
.gh-btn--gold{color:#fff !important;background:linear-gradient(120deg,#9c7a44,#c9a96e 45%,#b8935a 70%,#8a6a33);box-shadow:0 16px 34px -18px rgba(138,106,51,.9)}
.gh-btn--gold::before{background:var(--gh-ink)}
.gh-btn--line{color:var(--gh-ink) !important;border:1px solid var(--gh-gold)}
.gh-btn--line::before{background:var(--gh-tiffany)}
.gh-btn--line:hover{border-color:var(--gh-tiffany)}
.gh-btn--light{color:var(--gh-night) !important;background:var(--gh-ivory)}
.gh-btn--light::before{background:var(--gh-gold-light)}

/* reveal */
.gh-js .gh-rv{opacity:0;transform:translateY(34px);transition:opacity 1.2s var(--gh-ease),transform 1.2s var(--gh-ease)}
.gh-js .gh-rv.is-in{opacity:1;transform:none}
.gh-js .gh-rv[data-d="1"]{transition-delay:.12s}.gh-js .gh-rv[data-d="2"]{transition-delay:.24s}.gh-js .gh-rv[data-d="3"]{transition-delay:.36s}.gh-js .gh-rv[data-d="4"]{transition-delay:.48s}
.gh-js .gh-mask{clip-path:inset(0 0 100% 0);transition:clip-path 1.6s var(--gh-ease)}
.gh-js .gh-mask.is-in{clip-path:inset(0 0 0 0)}

/* ---- HERO ---- */
.gh-hero{
  overflow:hidden;padding:clamp(40px,6vw,90px) 0 clamp(70px,8vw,120px);
  background:
    radial-gradient(60% 70% at 85% 30%,rgba(129,216,208,.38),transparent 70%),
    radial-gradient(40% 50% at 10% 90%,rgba(227,204,154,.35),transparent 70%),
    var(--gh-ivory);
}
.gh-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(30px,5vw,80px)}
.gh-hero__copy{position:relative;z-index:2}
.gh-hero__title{font-family:var(--gh-serif);font-weight:600;color:var(--gh-ink);font-size:clamp(44px,6.4vw,96px);line-height:1.24;letter-spacing:.1em;margin:26px 0 30px}
.gh-hero__title .ln{display:block;overflow:hidden}
.gh-hero__title .ln > span{display:inline-block}
.gh-js .gh-hero__title .ln > span{transform:translateY(105%);transition:transform 1.4s var(--gh-ease)}
.gh-js .is-ready .gh-hero__title .ln > span{transform:none}
.gh-js .is-ready .gh-hero__title .ln:nth-child(2) > span{transition-delay:.16s}
.gh-hero__lead{max-width:30em}
.gh-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}
.gh-hero__facts{display:flex;gap:clamp(18px,3vw,40px);margin-top:48px;padding-top:26px;border-top:1px solid var(--gh-line);max-width:560px}
.gh-hero__facts dt{font-family:var(--gh-latin);font-size:clamp(26px,2.6vw,34px);font-weight:500;line-height:1;color:var(--gh-gold-deep)}
.gh-hero__facts dt small{font-size:.5em;margin-left:2px}
.gh-hero__facts dd{margin:8px 0 0;font-size:11px;letter-spacing:.1em;line-height:1.7;color:var(--gh-mute)}
.gh-hero__visual{position:relative;aspect-ratio:4/5;max-height:720px;justify-self:end;width:100%}
.gh-hero__arch{position:absolute;inset:0 0 0 8%;border-radius:999px 999px 6px 6px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(15,52,50,.55)}
.gh-hero__arch img{transform:scale(1.08);transition:transform 2.4s var(--gh-ease)}
.gh-js .is-ready .gh-hero__arch img{transform:scale(1)}
.gh-hero__frame{position:absolute;inset:-16px -16px 26px calc(8% + 16px);border:1px solid var(--gh-gold);border-radius:999px 999px 8px 8px;pointer-events:none}
.gh-hero__orb{position:absolute;left:-2%;bottom:6%;width:38%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:6px solid var(--gh-ivory);box-shadow:0 24px 50px -24px rgba(15,52,50,.6)}
.gh-hero__seal{position:absolute;right:-4%;top:6%;width:132px;height:132px;color:var(--gh-gold-deep)}
.gh-hero__seal svg{width:100%;height:100%;animation:ghSpin 26s linear infinite}
.gh-hero__seal i{position:absolute;inset:0;display:grid;place-items:center}
.gh-hero__seal i svg{width:34px;height:34px;animation:none}
@keyframes ghSpin{to{transform:rotate(360deg)}}
.gh-scroll{position:absolute;left:var(--pad);bottom:22px;display:flex;align-items:center;gap:12px;font-family:var(--gh-latin);font-style:italic;font-size:13px;letter-spacing:.2em;color:var(--gh-mute)}
.gh-scroll::after{content:"";width:60px;height:1px;background:linear-gradient(90deg,var(--gh-gold) 50%,transparent 50%) 0 0/200% 100%;animation:ghLine 2.4s var(--gh-ease) infinite}
@keyframes ghLine{from{background-position:100% 0}to{background-position:-100% 0}}

/* ---- MARQUEE ---- */
.gh-marquee{background:var(--gh-night);color:var(--gh-gold-light);overflow:hidden;padding:20px 0;border-top:1px solid rgba(227,204,154,.35);border-bottom:1px solid rgba(227,204,154,.35)}
.gh-marquee__track{display:flex;width:max-content;animation:ghMarq 42s linear infinite}
.gh-marquee:hover .gh-marquee__track{animation-play-state:paused}
.gh-marquee__track span{font-family:var(--gh-latin);font-style:italic;font-size:clamp(20px,2.4vw,30px);letter-spacing:.06em;white-space:nowrap;padding-right:44px;display:inline-flex;align-items:center;gap:44px}
.gh-marquee__track span::after{content:"";width:8px;height:8px;background:var(--gh-tiffany);transform:rotate(45deg)}
@keyframes ghMarq{to{transform:translateX(-50%)}}

/* ---- SECTION common ---- */
.gh-sec{padding:clamp(80px,10vw,150px) 0}
.gh-sec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:clamp(36px,5vw,64px)}
.gh-sec__head .gh-lead{max-width:30em;font-size:14px}

/* ---- COLLECTION ---- */
.gh-coll__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(16px,2vw,28px)}
.gh-card{position:relative;display:block;color:var(--gh-ink) !important;grid-column:span 4}
.gh-card--xl{grid-column:span 7;grid-row:span 2}
.gh-card--l{grid-column:span 5}
.gh-card__img{position:relative;overflow:hidden;border-radius:6px;aspect-ratio:4/3;background:var(--gh-paper)}
.gh-card--xl .gh-card__img{aspect-ratio:auto;height:calc(100% - 96px);min-height:420px}
.gh-card__img img{transition:transform 1.4s var(--gh-ease)}
.gh-card:hover .gh-card__img img{transform:scale(1.06)}
.gh-card__img::after{content:"";position:absolute;inset:14px;border:1px solid rgba(227,204,154,0);border-radius:3px;transition:border-color .7s var(--gh-ease),inset .7s var(--gh-ease)}
.gh-card:hover .gh-card__img::after{border-color:rgba(240,220,174,.95);inset:18px}
.gh-card__no{position:absolute;left:18px;top:14px;z-index:1;font-family:var(--gh-latin);font-style:italic;font-size:15px;color:#fff;letter-spacing:.1em;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.gh-card__body{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:18px 2px 0}
.gh-card__en{font-family:var(--gh-latin);font-style:italic;font-size:clamp(20px,1.9vw,26px);line-height:1.2;color:var(--gh-ink)}
.gh-card__ja{display:block;font-family:var(--gh-serif);font-size:13px;letter-spacing:.12em;color:var(--gh-mute);margin-top:6px}
.gh-card__go{flex:0 0 auto;width:46px;height:46px;border-radius:50%;border:1px solid var(--gh-line);display:grid;place-items:center;color:var(--gh-gold-deep);transition:background .5s var(--gh-ease),color .5s,border-color .5s,transform .5s var(--gh-ease)}
.gh-card__go svg{width:16px;height:16px}
.gh-card:hover .gh-card__go{background:var(--gh-tiffany);border-color:var(--gh-tiffany);color:var(--gh-ink);transform:rotate(-45deg)}
.gh-card__tag{position:absolute;right:16px;top:14px;z-index:1;background:rgba(251,248,242,.92);color:var(--gh-tiffany-deep);font-size:11px;letter-spacing:.14em;padding:6px 12px;border-radius:999px}

/* trial strip */
.gh-trial{margin-top:clamp(30px,4vw,50px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:26px 32px;border-radius:14px;background:linear-gradient(100deg,var(--gh-tiffany-soft),#f6efe0);border:1px solid rgba(184,147,90,.3);color:var(--gh-ink) !important;transition:transform .6s var(--gh-ease),box-shadow .6s}
.gh-trial:hover{transform:translateY(-3px);box-shadow:0 26px 50px -30px rgba(15,52,50,.5)}
.gh-trial__badge{width:78px;height:78px;border-radius:50%;background:var(--gh-ink);color:var(--gh-gold-light);display:grid;place-items:center;text-align:center;font-family:var(--gh-latin);font-style:italic;font-size:15px;line-height:1.1}
.gh-trial__t{font-family:var(--gh-serif);font-weight:600;font-size:clamp(17px,1.8vw,21px);letter-spacing:.1em}
.gh-trial__s{display:block;font-size:12px;color:var(--gh-mute);margin-top:6px;letter-spacing:.06em}

/* ---- PHILOSOPHY / REASONS ---- */
.gh-why{background:var(--gh-white);position:relative}
.gh-why::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 40% at 100% 0,rgba(129,216,208,.18),transparent 70%);pointer-events:none}
.gh-why__list{display:grid;gap:clamp(70px,9vw,130px)}
.gh-why__item{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,96px);align-items:center}
.gh-why__item:nth-child(even) .gh-why__media{order:2}
.gh-why__media{position:relative}
.gh-why__media .ph{aspect-ratio:5/4;border-radius:6px;overflow:hidden}
.gh-why__item:nth-child(2) .gh-why__media .ph{border-radius:999px 999px 6px 6px;aspect-ratio:4/5;max-width:440px;margin:0 auto}
.gh-why__media::after{content:"";position:absolute;width:44%;aspect-ratio:1;border-radius:50%;right:-5%;bottom:-8%;background:radial-gradient(circle,rgba(129,216,208,.55),transparent 70%);z-index:-1}
.gh-why__num{font-family:var(--gh-latin);font-weight:400;font-size:clamp(88px,11vw,150px);line-height:.8;display:block;margin-bottom:14px}
.gh-why__h{font-family:var(--gh-serif);font-weight:600;font-size:clamp(20px,2.3vw,28px);line-height:1.7;letter-spacing:.1em;color:var(--gh-ink);margin:0 0 22px}
.gh-why__p{font-size:14.5px;line-height:2.2;letter-spacing:.05em;max-width:31em}
.gh-why__chip{display:inline-flex;gap:8px;align-items:baseline;margin-top:24px;padding:10px 18px;border-radius:999px;background:var(--gh-tiffany-soft);color:var(--gh-tiffany-deep);font-size:12px;letter-spacing:.12em}
.gh-why__chip b{font-family:var(--gh-latin);font-size:22px;font-weight:600}

/* ---- STORY ---- */
.gh-story{background:var(--gh-night);color:rgba(251,248,242,.82);overflow:hidden}
.gh-story::before{content:"";position:absolute;inset:0;background:radial-gradient(45% 60% at 0 0,rgba(129,216,208,.18),transparent 70%),radial-gradient(40% 50% at 100% 100%,rgba(227,204,154,.16),transparent 70%)}
.gh-story .gh-wrap{position:relative}
.gh-story .gh-title{color:var(--gh-ivory)}
.gh-story .gh-title .en{color:var(--gh-tiffany)}
.gh-story .gh-eyebrow{color:var(--gh-gold-light)}
.gh-story__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,6vw,100px);align-items:start}
.gh-story__quote{font-family:var(--gh-serif);font-size:clamp(19px,2.1vw,26px);line-height:2;letter-spacing:.1em;color:var(--gh-ivory);margin:36px 0 26px;padding-left:24px;border-left:1px solid var(--gh-gold)}
html body .fs-l-pageMain .gh-story p{color:rgba(251,248,242,.78)}
.gh-story__photo{margin-top:40px;aspect-ratio:3/2;border-radius:6px;overflow:hidden;opacity:.92}
.gh-tl{list-style:none;margin:0;padding:0;position:relative}
.gh-tl::before{content:"";position:absolute;left:84px;top:10px;bottom:10px;width:1px;background:linear-gradient(var(--gh-gold),rgba(227,204,154,.1))}
.gh-tl li{display:grid;grid-template-columns:84px 1fr;gap:36px;padding:0 0 46px;position:relative}
.gh-tl li::before{content:"";position:absolute;left:80px;top:14px;width:9px;height:9px;background:var(--gh-tiffany);transform:rotate(45deg);box-shadow:0 0 0 6px rgba(129,216,208,.15)}
.gh-tl__y{font-family:var(--gh-latin);font-size:30px;line-height:1.2;color:var(--gh-gold-light)}
.gh-tl__h{font-family:var(--gh-serif);font-weight:600;font-size:17px;letter-spacing:.1em;color:var(--gh-ivory);margin:4px 0 10px}
.gh-tl__p{font-size:13.5px;line-height:2;letter-spacing:.04em}

/* ---- SCENES ---- */
.gh-scenes__wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,40px)}
.gh-scene{border-top:1px solid var(--gh-line);padding-top:26px}
.gh-scene__h{font-family:var(--gh-serif);font-weight:600;font-size:18px;letter-spacing:.14em;color:var(--gh-ink);display:flex;align-items:baseline;gap:14px;margin-bottom:20px}
.gh-scene__h .en{font-family:var(--gh-latin);font-style:italic;font-weight:500;font-size:15px;color:var(--gh-gold-deep);letter-spacing:.06em}
.gh-chips{display:flex;flex-wrap:wrap;gap:10px}
.gh-chip{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;border:1px solid rgba(184,147,90,.4);background:#fff;color:var(--gh-ink) !important;font-size:13px;letter-spacing:.08em;transition:background .45s var(--gh-ease),border-color .45s,color .45s,transform .45s var(--gh-ease)}
.gh-chip::before{content:"";width:6px;height:6px;background:var(--gh-tiffany);transform:rotate(45deg);transition:background .45s}
.gh-chip:hover{background:var(--gh-ink);border-color:var(--gh-ink);color:var(--gh-ivory) !important;transform:translateY(-2px)}
.gh-chip:hover::before{background:var(--gh-gold-light)}

/* ---- MEMBERS ---- */
.gh-members{padding-top:0}
.gh-perks{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,22px)}
.gh-perk{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:230px;padding:30px 26px;border-radius:14px;background:#fff;border:1px solid rgba(184,147,90,.28);color:var(--gh-ink) !important;overflow:hidden;transition:transform .6s var(--gh-ease),box-shadow .6s,border-color .6s}
.gh-perk::after{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(129,216,208,.35),transparent 70%);transition:transform .8s var(--gh-ease)}
.gh-perk:hover{transform:translateY(-6px);box-shadow:0 30px 60px -36px rgba(15,52,50,.55);border-color:var(--gh-gold)}
.gh-perk:hover::after{transform:scale(1.6)}
.gh-perk__k{font-size:11px;letter-spacing:.2em;color:var(--gh-tiffany-deep)}
.gh-perk__v{font-family:var(--gh-latin);font-weight:500;font-size:54px;line-height:1;margin:16px 0 4px}
.gh-perk__v small{font-family:var(--gh-serif);font-size:15px;margin-left:4px;letter-spacing:.06em;color:var(--gh-ink)}
.gh-perk__t{font-family:var(--gh-serif);font-weight:600;font-size:15px;letter-spacing:.1em;line-height:1.7}
.gh-perk__more{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:12px;letter-spacing:.16em;color:var(--gh-gold-deep)}
.gh-perk__more::after{content:"";width:18px;height:1px;background:currentColor;transition:width .5s var(--gh-ease)}
.gh-perk:hover .gh-perk__more::after{width:34px}
.gh-perk--dark{background:var(--gh-ink);color:var(--gh-ivory) !important;border-color:var(--gh-ink)}
.gh-perk--dark .gh-perk__t,.gh-perk--dark .gh-perk__v small{color:var(--gh-ivory)}
.gh-perk--dark .gh-perk__k{color:var(--gh-tiffany)}
.gh-perk--dark .gh-perk__more{color:var(--gh-gold-light)}

/* ---- legacy parts on top (ranking etc.) ---- */
html body.fs-body-top .fs-l-pageMain > .fs-p-heading--lv2,
html body.fs-body-top .ranking_title{margin-top:clamp(70px,8vw,110px) !important}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .gh-hero__grid{grid-template-columns:1fr}
  .gh-hero__visual{justify-self:center;max-width:520px;aspect-ratio:4/4.6}
  .gh-hero__seal{right:0;width:108px;height:108px}
  .gh-perks{grid-template-columns:repeat(2,1fr)}
  .gh-story__grid{grid-template-columns:1fr}
}
@media (max-width:767px){
  html body .fs-l-header__contents{padding:10px 16px}
  html body .fs-l-header__logo .fs-p-logo{width:112px}
  html body .fs-l-header__text{display:none}
  html body .fs-l-main{padding:12px 16px 0}
  html body.fs-body-top .fs-l-main{padding:0}
  html body.fs-body-top .fs-l-pageMain > :not(.gh){padding-left:16px;padding-right:16px}
  html body .fs-p-headerNavBar{padding:0 8px}
  html body .fs-p-headerNavigation__link{padding:10px 8px 12px;font-size:11px;letter-spacing:.06em}
  .gh{--pad:20px}
  .gh-hero{padding-top:28px}
  .gh-hero__title{font-size:clamp(40px,12vw,56px);margin:18px 0 22px}
  .gh-lead{font-size:14px;line-height:2.05}
  .gh-hero__cta .gh-btn{flex:1 1 100%}
  .gh-hero__facts{gap:16px}
  .gh-hero__facts dd{font-size:10px}
  .gh-hero__visual{width:92%;margin-top:10px}
  .gh-hero__seal{width:92px;height:92px;top:-2%;right:-4%}
  .gh-scroll{display:none}
  .gh-sec__head{flex-direction:column;align-items:flex-start}
  .gh-coll__grid{grid-template-columns:1fr 1fr;gap:26px 14px}
  .gh-card,.gh-card--l{grid-column:span 1}
  .gh-card--xl{grid-column:span 2;grid-row:auto}
  .gh-card--xl .gh-card__img{height:auto;min-height:0;aspect-ratio:4/3}
  .gh-card__body{padding-top:12px}
  .gh-card__go{width:36px;height:36px}
  .gh-card__en{font-size:18px}
  .gh-card__ja{font-size:11px}
  .gh-trial{grid-template-columns:auto 1fr;padding:20px}
  .gh-trial .gh-card__go{display:none}
  .gh-trial__badge{width:62px;height:62px;font-size:13px}
  .gh-why__item{grid-template-columns:1fr}
  .gh-why__item:nth-child(even) .gh-why__media{order:0}
  .gh-why__num{font-size:84px}
  .gh-tl::before{left:58px}
  .gh-tl li{grid-template-columns:58px 1fr;gap:24px}
  .gh-tl li::before{left:54px}
  .gh-tl__y{font-size:22px}
  .gh-scenes__wrap{grid-template-columns:1fr}
  .gh-chip{padding:10px 16px;font-size:12px}
  .gh-perks{grid-template-columns:1fr 1fr;gap:12px}
  .gh-perk{min-height:200px;padding:22px 18px}
  .gh-perk__v{font-size:40px}
  .gh-perk__t{font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  .gh *,.gh *::before,.gh *::after{animation:none !important;transition:none !important}
  .gh-js .gh-rv,.gh-js .gh-mask,.gh-js .gh-hero__title .ln > span{opacity:1 !important;transform:none !important;clip-path:none !important}
}

/* ---- patch 1 (self-review) ---- */
html body.fs-body-top .fs-l-main{display:block}
html body.fs-body-top .fs-l-pageMain{width:100% !important;max-width:none !important;flex:none !important}
html body .fs-l-header{padding:0}
html body .fs-l-header__contents{display:flex !important;align-items:center;justify-content:space-between;gap:24px;padding:10px 32px 0}
html body .fs-l-header__leftContainer{display:flex;align-items:center}
html body .fs-l-header__logo .fs-p-logo{width:132px;padding:0;margin:0}
html body .fs-p-logo__image{width:100% !important;height:auto !important;max-height:none}
html body .fs-p-headerUtilityMenu__list{display:flex;align-items:center}
.gh-hero__title{letter-spacing:.06em;font-size:clamp(42px,5vw,80px)}
.gh-hero__title .ln{white-space:nowrap}
.gh-hero__title .gh-gold{background-image:linear-gradient(115deg,#8a6a33 0%,#b8935a 30%,#e3cc9a 50%,#b8935a 70%,#8a6a33 100%)}
.gh-hero__seal{background:var(--gh-ivory);border-radius:50%;box-shadow:0 14px 30px -18px rgba(15,52,50,.5);padding:6px}
.gh-hero__seal i{inset:6px}
.gh-hero__facts dd{color:#5c666a}
.gh-why__num,.gh-hero__facts dt,.gh-tl__y,.gh-perk__v,.gh-why__chip b,.gh-card__no,
html body .fs-c-price,html body .fs-c-price__value{font-variant-numeric:lining-nums proportional-nums}
.gh-card__no{background:rgba(31,42,46,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 12px;border-radius:999px;font-size:13px;text-shadow:none}
.gh-why__h{font-size:clamp(20px,2vw,26px);text-wrap:balance}
.gh-story__quote{font-size:clamp(17px,1.6vw,21px)}
.gh-story__photo{aspect-ratio:16/9}
/* ranking badge */
html body .top-ranking .slick-slide{position:relative}
html body .top-ranking .slick-slide::before{
  position:absolute !important;left:auto;right:12px;top:12px;z-index:3;margin:0 !important;
  width:44px !important;height:44px !important;border-radius:50%;display:flex !important;align-items:center;justify-content:center;
  font-family:var(--gh-latin);font-style:italic;font-size:22px;line-height:1;color:#fff !important;
  background:linear-gradient(135deg,#c9a96e,#8a6a33) !important;box-shadow:0 8px 18px -8px rgba(15,52,50,.6);border:1px solid rgba(255,255,255,.6)
}
html body .top-ranking .slick-slide:nth-child(2)::before{background:linear-gradient(135deg,#d7dcdc,#8f9a9b) !important}
html body .top-ranking .slick-slide:nth-child(3)::before{background:linear-gradient(135deg,#d9a77c,#94603a) !important}
html body .top-ranking .slick-slide:nth-child(n+4)::before{background:var(--gh-ink) !important}
html body .fs-c-productListCarousel .fs-c-productListItem__image{border-radius:6px}
html body .ranking-comment{max-width:44em;margin:0 auto 34px;color:var(--gh-mute);line-height:2;font-size:13.5px}
html body.fs-body-top .top-important{display:none}
html body button.more-button{background:transparent !important;border:0 !important;padding:0 !important;box-shadow:none !important;display:block;margin:30px auto 0;width:auto}
html body .more-button__text{display:inline-flex !important;align-items:center;justify-content:center;min-height:54px;padding:0 40px !important;border-radius:999px !important;background:transparent !important;border:1px solid var(--gh-gold) !important;color:var(--gh-gold-deep) !important;font-size:13px !important;letter-spacing:.16em;transition:background .4s var(--gh-ease),color .4s,border-color .4s}
html body .more-button__text:hover{background:var(--gh-ink) !important;border-color:var(--gh-ink) !important;color:#fff !important}
/* notice bar */
.gh-notice{display:flex;align-items:center;gap:22px;margin-top:22px;padding:18px 24px;border-top:1px solid var(--gh-line);border-bottom:1px solid var(--gh-line);color:var(--gh-ink) !important;transition:background .4s}
.gh-notice:hover{background:rgba(129,216,208,.12)}
.gh-notice__k{flex:0 0 auto;font-family:var(--gh-latin);font-style:italic;font-size:15px;letter-spacing:.14em;color:var(--gh-gold-deep)}
.gh-notice__t{flex:1 1 auto;font-size:13px;letter-spacing:.06em}
.gh-notice__t b{color:var(--gh-tiffany-deep);font-weight:500}
/* footer */
html body .fs-l-footer .footerContactLink,
html body .fs-l-footer .footerContactLink a{background:transparent !important;border:1px solid var(--gh-gold-light) !important;color:var(--gh-gold-light) !important;border-radius:999px !important;letter-spacing:.14em}
html body .fs-l-footer .footerContactLink:hover,
html body .fs-l-footer .footerContactLink a:hover{background:var(--gh-gold-light) !important;color:var(--gh-night) !important}
html body .fs-l-footer .fs-p-footerNavigationItem__emphasis{color:var(--gh-gold-light) !important;font-weight:500}
@media (max-width:767px){
  html body .fs-l-header{position:relative}
  html body .fs-l-header__contents{padding:8px 16px 0}
  html body .fs-l-header__logo .fs-p-logo{width:104px}
  .gh-notice{flex-wrap:wrap;gap:6px 14px;padding:14px 4px}
  .gh-hero__title .ln{white-space:normal}
  .gh-hero__lead br{display:none}
  .gh-eyebrow{font-size:13px;letter-spacing:.12em}
  .gh-title{font-size:24px;letter-spacing:.08em}
  .gh-card--l .gh-card__go{display:none}
  .gh-card__ja{letter-spacing:.04em}
  .gh-card--wide .gh-card__img{aspect-ratio:16/9 !important}
  html body .fs-p-heading--lv2{font-size:19px !important;letter-spacing:.08em;margin-bottom:28px}
  html body .more-button__text{font-size:12px !important;padding:0 22px !important;letter-spacing:.06em;min-height:50px}
  .gh-story__quote{font-size:16px;padding-left:16px}
}
/* ---- /patch 1 ---- */
/* ---- patch 2: side banners as text cards / misc ---- */
html body .fs-l-sideArea .fs-pt-menu__heading{border:0 !important;background:transparent !important}
html body .fs-l-sideArea .leftside-banners,
html body .fs-l-sideArea .leftside-banner_bottom{display:grid;gap:10px;margin:8px 0 18px}
html body .fs-l-sideArea .leftside-banners .fs-pt-column__item,
html body .fs-l-sideArea .leftside-banner_bottom .fs-pt-column__item{
  position:relative;display:flex !important;flex-direction:column;gap:4px;margin:0 !important;padding:16px 40px 15px 18px;
  border:1px solid rgba(184,147,90,.32);border-radius:10px;background:#fff;color:var(--gh-ink) !important;text-decoration:none;overflow:hidden;
  transition:border-color .4s var(--gh-ease),box-shadow .4s var(--gh-ease),transform .4s var(--gh-ease);
}
html body .fs-l-sideArea .leftside-banners .fs-pt-column__image,
html body .fs-l-sideArea .leftside-banner_bottom .fs-pt-column__image{display:none !important}
html body .fs-l-sideArea .leftside-banners .fs-pt-column__item::before,
html body .fs-l-sideArea .leftside-banner_bottom .fs-pt-column__item::before{font-family:var(--gh-latin);font-style:italic;font-size:19px;line-height:1.15;color:var(--gh-ink);letter-spacing:.02em}
html body .fs-l-sideArea .leftside-banners .fs-pt-column__item::after,
html body .fs-l-sideArea .leftside-banner_bottom .fs-pt-column__item::after{font-size:11px;letter-spacing:.08em;color:var(--gh-mute);line-height:1.6}
html body .fs-l-sideArea .leftside-banners .fs-pt-column__item:hover,
html body .fs-l-sideArea .leftside-banner_bottom .fs-pt-column__item:hover{border-color:var(--gh-gold);box-shadow:0 14px 30px -22px rgba(15,52,50,.6);transform:translateY(-2px)}
html body .fs-l-sideArea .fs-pt-column__item[href$="/c/fruit-collagen-jelly"]::before{content:"Fruit Collagen Jelly"}
html body .fs-l-sideArea .fs-pt-column__item[href$="/c/fruit-collagen-jelly"]::after{content:"フルーツコラーゲンゼリー"}
html body .fs-l-sideArea .fs-pt-column__item[href$="/c/chemiduchocolat"]::before{content:"Chemi du Chocolat"}
html body .fs-l-sideArea .fs-pt-column__item[href$="/c/chemiduchocolat"]::after{content:"シュミ・ドゥ・ショコラ"}
html body .fs-l-sideArea .fs-pt-column__item[href$="/c/citrebaton"]::before{content:"Citre Baton"}
html body .fs-l-sideArea .fs-pt-column__item[href$="/c/citrebaton"]::after{content:"シトレバトン｜瀬戸内柑橘のゼリー"}
html body .fs-l-sideArea .fs-pt-column__item[href$="/c/story"]::before{content:"Our Story"}
html body .fs-l-sideArea .fs-pt-column__item[href$="/c/story"]::after{content:"GOHOBI誕生秘話"}
html body .fs-l-sideArea .fs-pt-column__item[href$="/p/register"]::before{content:"Membership"}
html body .fs-l-sideArea .fs-pt-column__item[href$="/p/register"]::after{content:"新規会員登録で500ポイントプレゼント"}
html body .fs-l-sideArea .fs-pt-column__item[href*="newsletter"]::before{content:"Newsletter"}
html body .fs-l-sideArea .fs-pt-column__item[href*="newsletter"]::after{content:"お得なクーポンやプレゼント情報をお届け"}
html body .fs-l-sideArea .fs-pt-column__item[href*="line.me"]::before{content:"LINE"}
html body .fs-l-sideArea .fs-pt-column__item[href*="line.me"]::after{content:"お友だち追加で300円クーポンプレゼント"}
html body .fs-l-sideArea .fs-pt-column__item[href*="/c/ooguchi"]::before{content:"For Business"}
html body .fs-l-sideArea .fs-pt-column__item[href*="/c/ooguchi"]::after{content:"大口注文はこちら"}
html body .fs-l-sideArea .leftside-banner_bottom .fs-pt-column__item[href*="/c/ooguchi"]{border-color:var(--gh-ink)}
html body .fs-l-sideArea .leftside-banner_bottom .fs-pt-column__item[href*="/c/ooguchi"]::before{color:var(--gh-gold-light)}
html body .fs-l-sideArea .leftside-banner_bottom .fs-pt-column__item[href*="/c/ooguchi"]::after{color:rgba(251,248,242,.75)}
html body .fs-l-sideArea .leftside-banners .fs-pt-column__item > *:not(.fs-pt-column__image),
html body .fs-l-sideArea .leftside-banner_bottom .fs-pt-column__item > *:not(.fs-pt-column__image){display:none}
html body .fs-l-sideArea .leftside-banners .fs-pt-column__item,
html body .fs-l-sideArea .leftside-banner_bottom .fs-pt-column__item{background-image:linear-gradient(120deg,rgba(255,255,255,0) 55%,rgba(213,240,236,.9)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23b8935a' stroke-width='1.2'%3E%3Cpath d='M2 8h12M9 3l5 5-5 5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 0,right 14px center;background-size:100% 100%,14px 14px}
html body .fs-l-sideArea .leftside-banner_bottom .fs-pt-column__item[href*="/c/ooguchi"]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23e3cc9a' stroke-width='1.2'%3E%3Cpath d='M2 8h12M9 3l5 5-5 5'/%3E%3C/svg%3E") no-repeat right 14px center/14px 14px,var(--gh-ink) !important}
html body .fs-c-productPointDisplay *{background:none !important;border:0 !important;border-radius:0}
html body .fs-c-productPointDisplay > *{display:inline-flex;background:var(--gh-tiffany-soft) !important;color:var(--gh-tiffany-deep) !important;border-radius:999px !important;padding:4px 14px}
html body .fs-l-cart__contentsArea{background:#fff !important;border:1px solid var(--gh-line);border-radius:12px}
html body .fs-p-announcement{border-radius:12px;border-color:var(--gh-line) !important;background:#fff}
html body .fs-p-linkButton{border-radius:999px !important;border:1px solid var(--gh-gold) !important;color:var(--gh-gold-deep) !important;background:#fff !important;padding:6px 16px !important;transition:background .35s,color .35s}
html body .fs-p-linkButton:hover{background:var(--gh-ink) !important;color:#fff !important;border-color:var(--gh-ink) !important}
/* ---- /patch 2 ---- */
/* ---- patch 3 ---- */
html body .fs-c-productList__list{column-gap:0 !important;row-gap:36px !important}
html body .fs-p-scrollingCartButton__button,
html body .fs-p-scrollingCartButton a{background:var(--gh-ink) !important;color:var(--gh-gold-light) !important;border:1px solid rgba(227,204,154,.55) !important;border-radius:999px !important;box-shadow:0 14px 30px -14px rgba(15,52,50,.7)}
@media (max-width:767px){
  .gh-notice .gh-card__go{display:none}
  .gh-notice__t{font-size:12.5px;line-height:1.8}
  .gh-hero{padding-bottom:56px}
  .gh-hero__visual{aspect-ratio:4/4.2;max-width:340px}
  .gh-hero__facts{margin-top:34px}
}
html body .fs-l-pageMain h1,html body .fs-l-pageMain h2,html body .fs-l-pageMain h3,.gh-title,.gh-why__h,.gh-trial__t,.gh-perk__t,.gh-tl__h,.gh-story__quote,.gh-lead,.gh-why__p{word-break:auto-phrase}
@media (max-width:767px){
  .gh-perks{grid-template-columns:1fr}
  .gh-perk{min-height:0;padding:20px 22px;display:grid;grid-template-columns:1fr auto;align-items:end}
  .gh-perk > div{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:center}
  .gh-perk__k{grid-column:1 / -1;margin-bottom:6px}
  .gh-perk__v{margin:0;font-size:38px}
  .gh-perk__t br{display:none}
  .gh-perk__more{margin:0;font-size:0;gap:0}
  .gh-perk__more::after{width:22px}
}
.gh-hero__arch img,.gh-hero__orb{will-change:transform}
/* ---- /patch 3 ---- */
/* ---- patch 4 ---- */
html body .fs-c-productPointDisplay{display:inline-flex !important;align-items:baseline;gap:2px;background:var(--gh-tiffany-soft) !important;color:var(--gh-tiffany-deep) !important;border-radius:999px;padding:5px 16px;margin:4px 0 12px}
html body .fs-c-productPointDisplay > *{display:inline !important;background:none !important;padding:0 !important;border-radius:0 !important;color:inherit !important}
html body .fs-c-productPointDisplay__label{display:none !important}
html body .fs-c-productPointDisplay__quantity{font-family:var(--gh-latin);font-weight:600;font-size:17px}
html body .fs-c-productPointDisplay__unit{font-size:0 !important}
html body .fs-c-productPointDisplay__unit::after{content:"ポイント進呈";font-size:12px;letter-spacing:.1em;margin-left:4px}
html body .fs-c-sortItems{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:0 !important;background:none !important}
html body .fs-c-sortItems__label{border:0 !important;background:none !important;font-size:11px;letter-spacing:.16em;color:var(--gh-mute)}
html body .fs-c-sortItems__list{display:flex;flex-wrap:wrap;gap:6px;border:0 !important}
html body .fs-c-sortItems__list__item{border:0 !important}
html body .fs-c-sortItems__list__item__label{display:inline-block;border:1px solid var(--gh-line) !important;border-radius:999px;padding:6px 14px;font-size:12px;color:var(--gh-text) !important;background:#fff;transition:background .3s,color .3s}
html body .fs-c-sortItems__list__item__label:hover,html body .fs-c-sortItems__list__item.is-active .fs-c-sortItems__list__item__label{background:var(--gh-ink);color:#fff !important;border-color:var(--gh-ink) !important}
@media (max-width:767px){
  html body .fs-c-productName__name{font-size:13px;line-height:1.65;letter-spacing:.03em}
  html body .fs-c-productName__copy{font-size:10px}
  html body .fs-c-productListItem .fs-c-price__value{font-size:19px}
  html body .fs-c-productNameHeading{font-size:19px}
}
/* ---- /patch 4 ---- */
/* ==GH-RENEWAL-END== */

/* GOHOBI-ENH-START */

/* ====================================================================
   GOHOBI 大型改修 ― ENHANCEMENT LAYER
   ベース：テーマ「GOHOBI 新 黒基調」のオリジナルCSS（そのまま流用）
   この層では ①TOPの並び順の修正 ②アクセシビリティ ③モバイル最適化
   ④動きの制御 のみを扱い、ベースのデザインには手を入れない。
   ==================================================================== */

/* --------------------------------------------------------------
   E-1  TOPページの並び順
        パーツ追加は常に末尾へ入るため、CSSで本来の順序に直す。
        hero → marquee → information → collection
            → 重要なお知らせ → ランキング → why → story → scenes → members
   -------------------------------------------------------------- */
#fs_Top .fs-l-pageMain{
  display: flex;
  flex-direction: column;
}
#fs_Top .fs-l-pageMain > *{ min-width: 0; }

#fs_Top .fs-l-pageMain > .gh-hero{ order: -10; }
#fs_Top .fs-l-pageMain > .gh-marquee{ order: -9; }
#fs_Top .fs-l-pageMain > div.gh:not(.gh-marquee):not(.gh-sec){ order: -8; }
#fs_Top .fs-l-pageMain > .gh-coll{ order: -7; }
#fs_Top .fs-l-pageMain > .top-important{ order: -6; }
#fs_Top .fs-l-pageMain > div:not([class]){ order: -5; }
#fs_Top .fs-l-pageMain > .gh-why{ order: -4; }
#fs_Top .fs-l-pageMain > .gh-story{ order: -3; }
#fs_Top .fs-l-pageMain > .gh-scenes{ order: -2; }
#fs_Top .fs-l-pageMain > .gh-members{ order: -1; }

/* --------------------------------------------------------------
   E-2  アクセシビリティ
   -------------------------------------------------------------- */

/* キーボード操作時だけ見えるフォーカスリング */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible{
  outline: 2px solid #5B1026;
  outline-offset: 3px;
  border-radius: 2px;
}

/* 動きを減らす設定の尊重 */
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior: auto; }
  *, *::before, *::after{
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
  /* 流れる装飾は停止し、内容は必ず見える状態にする */
  .gh-marquee *{ animation: none !important; transform: none !important; }
  .gh [class*="reveal"],
  .gh [data-reveal]{ opacity: 1 !important; transform: none !important; }
}

/* 選択範囲 */
::selection{ background: #F2E3BC; color: #2C0610; }

/* --------------------------------------------------------------
   E-3  モバイル最適化
   -------------------------------------------------------------- */
@media screen and (max-width: 767px){

  /* iOSでフォーム選択時に自動ズームさせない（16px未満だと発生） */
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  select,
  textarea,
  .fs-p-searchForm__input{
    font-size: 16px;
  }

  /* タップ領域の確保（最低44px） */
  .fs-p-headerNavigation__listItem a,
  .fs-p-headerUtilityMenu a,
  .fs-p-drawer a,
  .fs-p-footerNavigation a,
  .fs-c-pagination__item{
    min-height: 44px;
    display: flex;
    align-items: center;
  }

  /* ヘッダーのナビが折り返して高くならないように1行の横スクロールに */
  .fs-p-headerNavigation{
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .fs-p-headerNavigation::-webkit-scrollbar{ display: none; }
  .fs-p-headerNavigation__list{ flex-wrap: nowrap; flex: 0 0 auto; }
  .fs-p-headerNavigation__listItem{ flex: 0 0 auto; }
}

/* 横スクロールの発生を防ぐ安全弁 */
html, body{ overflow-x: clip; }

/* --------------------------------------------------------------
   E-4  印刷
   -------------------------------------------------------------- */
@media print{
  .fs-l-header{ position: static !important; box-shadow: none !important; }
  .gh-marquee,
  .fs-p-headerNavBar,
  .fs-p-footerPageTop{ display: none !important; }
  body{ background: #fff; }
}


/* ====================================================================
   ENHANCEMENT LAYER ― セルフチェック第1巡の修正
   ベーステーマに残っていたモバイル・アクセシビリティ上の不具合を補う
   ==================================================================== */

/* --------------------------------------------------------------
   E-5  ランキングブロックが幅1200px固定で、狭い画面からはみ出す
        （見出し1168px / 本文594px が画面外に切れていた）
   -------------------------------------------------------------- */
@media screen and (max-width: 1239px){
  #fs_Top .fs-l-pageMain > div:not([class]){
    max-width: 100%;
    box-sizing: border-box;
  }
  #fs_Top .fs-l-pageMain > div:not([class]) > *{
    max-width: 100%;
    box-sizing: border-box;
  }
  #fs_Top .top-ranking,
  #fs_Top .toppageRanking,
  #fs_Top .ranking_title,
  #fs_Top .ranking-comment,
  #fs_Top .ranking-keirounohi{
    max-width: 100%;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 767px){
  #fs_Top .fs-l-pageMain > div:not([class]){ padding-inline: 16px; }
  #fs_Top .ranking_title{ font-size: 20px; line-height: 1.5; }
  #fs_Top .ranking-comment{ font-size: 14px; line-height: 1.9; }
  #fs_Top .more-button{ width: 100%; min-height: 52px; }
}

/* --------------------------------------------------------------
   E-6  検索欄が13pxのままで、iOSでタップすると画面が勝手に拡大する
        （16px未満が原因。ベース側の指定が強いため !important で確定）
   -------------------------------------------------------------- */
@media screen and (max-width: 767px){
  .fs-p-headerNavigation__search .fs-p-searchForm__input,
  .fs-p-headerNavigation .fs-p-searchForm__input,
  .fs-p-searchForm .fs-p-searchForm__input,
  .fs-p-searchForm input[type="text"],
  .fs-p-searchForm input[type="search"],
  input.fs-p-searchForm__input{
    font-size: 16px !important;
  }
}

/* --------------------------------------------------------------
   E-7  モバイルの本文が14pxで下限を割っていた
        html が 10px 指定のため、相対指定が縮んでいる
   -------------------------------------------------------------- */
@media screen and (max-width: 767px){
  body{ font-size: 15px; }
  .fs-l-pageMain p,
  .fs-l-pageMain li,
  .fs-l-pageMain dd{ font-size: max(15px, 1em); }
}

/* --------------------------------------------------------------
   E-8  モバイルのヘッダーが169px（1段目だけで108px）あり
        画面の2割以上を占めていた
        → ユーティリティはドロワーに同じ導線があるため省略し、
          1段目を56pxに固定する
   -------------------------------------------------------------- */
@media screen and (max-width: 767px){
  .fs-l-header__contents{
    min-height: 56px;
    height: 56px;
    padding-block: 0;
    align-items: center;
    overflow: hidden;
  }
  .fs-l-header__utility .fs-p-headerUtilityMenu{ display: none; }
  .fs-l-header__logo img{ max-height: 30px; width: auto; }
  .fs-p-headerNavigation{ min-height: 48px; }
}

/* --------------------------------------------------------------
   E-9  画像の遅延読み込みでレイアウトがガタつかないように
   -------------------------------------------------------------- */
img[loading="lazy"]{ background-color: #F5F0E9; }


/* --------------------------------------------------------------
   E-10  .buyNow-btn がテーマのボタン仕様から外れていた
         （濃いティール #1f2a2e ベタ塗り＋不透明度0.8の緑い影、
           内側に別色の箱、高さ95px）
         ベースの .gh-btn 仕様に合わせて作り直す。
         対象は「すぐに購入したい方はこちら」「小分け用袋の追加は
         こちらから」の2つで、どちらも購入そのものではなく
         移動用リンクのため、セカンダリ（線）スタイルとする。
         実際の購入ボタン（カートに入れる）はゴールドのまま維持し、
         優先順位が逆転していた状態も解消する。
   -------------------------------------------------------------- */
html body .buyNow-btn.buyNow-btn,
html body button.buyNow-btn,
html body a.buyNow-btn,
html body .product-hukuro__button.buyNow-btn{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 1.25px solid var(--gh-gold, #b8935a) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: var(--gh-ink, #1f2a2e) !important;
  height: auto !important;
  min-height: 56px;
  padding: 0 clamp(22px, 3vw, 34px) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  font-family: "Noto Sans JP", "Hiragino Sans", sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .2em;
  line-height: 1.4;
  cursor: pointer;
  transition: background-color .5s cubic-bezier(.2,.7,.1,1),
              color .5s cubic-bezier(.2,.7,.1,1),
              border-color .5s cubic-bezier(.2,.7,.1,1),
              transform .5s cubic-bezier(.2,.7,.1,1);
}

/* ボタンの中に入れ子になっているリンク（別色の箱になっていた） */
html body .buyNow-btn > a,
html body .buyNow-btn .product-hukuro__button-txt,
html body a.product-hukuro__button-txt{
  background: transparent !important;
  background-image: none !important;
  color: inherit !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  width: auto !important;
  box-shadow: none !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  gap: .7em;
}

@media (hover: hover) and (pointer: fine){
  html body .buyNow-btn.buyNow-btn:hover,
  html body button.buyNow-btn:hover,
  html body .product-hukuro__button.buyNow-btn:hover{
    background-color: var(--gh-ink, #1f2a2e) !important;
    border-color: var(--gh-ink, #1f2a2e) !important;
    color: #fff !important;
    transform: translateY(-2px);
  }
}
.buyNow-btn:active{ transform: translateY(0); }

.buyNow-btn:focus-visible{
  outline: 2px solid var(--gh-ink, #1f2a2e);
  outline-offset: 3px;
}

/* 配置（中央揃えと上下の余白） */
.product-hukuro{
  text-align: center;
  margin-block: clamp(26px, 4vw, 48px);
}

@media screen and (max-width: 767px){
  html body .buyNow-btn.buyNow-btn,
  html body button.buyNow-btn,
  html body .product-hukuro__button.buyNow-btn{
    width: 100%;
    max-width: 420px;
    font-size: 12px;
    letter-spacing: .14em;
    padding-inline: 18px !important;
  }
}



/* --------------------------------------------------------------
   E-11  商品ページの表（商品概要・お届けについて等）の見出しが
         旧配色のピンク #FF8899 のままで、テーマから浮いていた。
         .buyNow-btn と同じ旧パレット由来。
         紙色＋ゴールドの罫線に置き換えて他の要素と揃える。
   -------------------------------------------------------------- */
html body .fs-l-productLayout table th,
html body .fs-l-pageMain table th{
  background: var(--gh-paper, #f4efe5) !important;
  color: var(--gh-ink, #1f2a2e) !important;
  font-weight: 600;
  letter-spacing: .08em;
  border: 1px solid var(--gh-line, rgba(184,147,90,.38)) !important;
}
html body .fs-l-productLayout table td,
html body .fs-l-pageMain table td{
  border: 1px solid var(--gh-line, rgba(184,147,90,.38)) !important;
  line-height: 1.9;
}
html body .fs-l-productLayout table,
html body .fs-l-pageMain table{
  border-collapse: collapse;
}


/* --------------------------------------------------------------
   E-12  カート・ログイン・会員登録ページの共通不具合
         ・入力欄が28〜36px/13〜14pxと小さく、iOSで自動ズーム
         ・ボタンが31〜36pxでタップ領域(44px)を下回る
         ・ログインの見出しが #F2F2F2 で白背景に乗り読めない
         ・罫線が #CCC / #E5E5E5 / #333 と混在
   -------------------------------------------------------------- */

/* 入力欄 */
html body .fs-l-main input[type="text"],
html body .fs-l-main input[type="email"],
html body .fs-l-main input[type="tel"],
html body .fs-l-main input[type="password"],
html body .fs-l-main input[type="number"],
html body .fs-l-main select,
html body .fs-l-main textarea{
  min-height: 52px;
  font-size: 16px;
  line-height: 1.6;
  padding: .65em .9em;
  color: var(--gh-ink, #1f2a2e);
  background: #fff;
  border: 1.25px solid var(--gh-line, rgba(184,147,90,.38));
  border-radius: 8px;
  box-sizing: border-box;
  transition: border-color .3s ease, box-shadow .3s ease;
}
html body .fs-l-main textarea{ min-height: 120px; }
html body .fs-l-main input:focus,
html body .fs-l-main select:focus,
html body .fs-l-main textarea:focus{
  border-color: var(--gh-gold, #b8935a);
  box-shadow: 0 0 0 3px rgba(184,147,90,.18);
  outline: none;
}

/* ボタンの寸法 */
html body .fs-c-button--login,
html body .fs-c-button--memberRegister,
html body .fs-c-button--unregisteredUserPurchase,
html body .fs-c-button--continueShopping,
html body .fs-c-button--next,
html body .fs-c-button--register,
html body .fs-c-button--primary{
  min-height: 52px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .12em;
  border-radius: 999px;
  padding: 0 clamp(20px, 3vw, 36px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .6em;
  box-sizing: border-box;
}

/* 主要ボタンをテーマのゴールドに */
html body .fs-c-button--next,
html body .fs-c-button--register,
html body button.fs-c-button--primary{
  background-color: transparent !important;
  background-image: linear-gradient(120deg,#9c7a44,#c9a96e 45%,#b8935a 70%,#8a6a33) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 16px 34px -18px rgba(138,106,51,.9);
}

/* 副次ボタンはゴールドの線 */
html body .fs-c-button--unregisteredUserPurchase,
html body .fs-c-button--continueShopping{
  background: transparent !important;
  background-image: none !important;
  border: 1.25px solid var(--gh-gold, #b8935a) !important;
  color: var(--gh-ink, #1f2a2e) !important;
}
@media (hover: hover) and (pointer: fine){
  html body .fs-c-button--unregisteredUserPurchase:hover,
  html body .fs-c-button--continueShopping:hover{
    background: var(--gh-ink, #1f2a2e) !important;
    border-color: var(--gh-ink, #1f2a2e) !important;
    color: #fff !important;
  }
}

/* 見出しの可読性（白飛び解消） */
html body .fs-c-subSection__title,
html body .fs-c-registeredUsers__title,
html body .fs-c-newUsers__title,
html body .fs-c-linkedServiceLogin__title,
html body .fs-c-inputInformation__header{
  color: var(--gh-ink, #1f2a2e) !important;
}

/* 罫線と面の統一 */
html body .fs-c-cartTableContainer,
html body .fs-c-totalAndActions,
html body .fs-c-inputField__field.fs-c-inputGroup{
  border-color: var(--gh-line, rgba(184,147,90,.38)) !important;
}
html body .fs-c-inputInformation__field{
  background: var(--gh-paper, #f4efe5) !important;
  border-color: var(--gh-line, rgba(184,147,90,.38)) !important;
}


/* --------------------------------------------------------------
   E-13  商品一覧のサブカテゴリーリンクが灰色の面 rgba(126,126,126,.08)
         ＋ほぼ白の罫線 #F2F2F2 で、テーマから浮いていた。
   -------------------------------------------------------------- */
html body .fs-c-subgroupList__link{
  background: var(--gh-paper, #f4efe5) !important;
  border: 1.25px solid var(--gh-line, rgba(184,147,90,.38)) !important;
  color: var(--gh-ink, #1f2a2e) !important;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: .7em 1.1em;
  letter-spacing: .05em;
  line-height: 1.6;
  text-decoration: none;
  box-sizing: border-box;
  transition: background .35s ease, color .35s ease, border-color .35s ease;
}
@media (hover: hover) and (pointer: fine){
  html body .fs-c-subgroupList__link:hover{
    background: var(--gh-ink, #1f2a2e) !important;
    border-color: var(--gh-ink, #1f2a2e) !important;
    color: #fff !important;
  }
}

/* 注記：「店長オススメ」等の商品マークのミント #81d8d0 系は
   テーマの --gh-tiffany に含まれる正規色のため変更しない。
   「在庫切れ」「残りわずか」の表示も意味を持つ色として残す。 */


/* --------------------------------------------------------------
   E-14  TOPページから下記2項目を非表示にする（ご指示による）
         ・シリーズごとランキング
             → レイアウトで「ランキング-商品ラインナップ」を非表示
         ・シーンから贈りものを選ぶ（Gift Concierge）
             → 共有パーツ「TOP後半 理由〜特典」の中のセクションのため
               パーツ本体は触らず、本テーマのCSSでのみ非表示にする。
               （パーツを直すと他テーマにも影響するため）
   -------------------------------------------------------------- */
#fs_Top .gh-scenes{ display: none !important; }

/* GOHOBI-ENH-END */


/* ===== PC幅(1200px以上)でもサイドメニューをドロワー化：上部のMENUボタンから開く ===== */
@media screen and (min-width:1200px){
html body .fs-l-sideArea.fs-p-drawer{position:fixed;top:0;bottom:0;left:0;width:360px;max-width:90vw;box-shadow:1px 1px 5px #b2b2b2;transform:translateX(-101%);z-index:1000;background:#fff;overflow:auto;padding:8px 8px 24px;transition-property:transform;transition-duration:.4s;transition-timing-function:ease}
html body .fs-p-ctrlDrawer:checked + .fs-l-sideArea.fs-p-drawer{transform:translateX(0)}
html body .fs-p-drawerButton{display:inline-block}
html body .fs-l-main > .fs-l-pageMain,html body .fs-l-main > section{flex:1 1 100%;max-width:100%;width:100%}
}


/* ===== ランキング表示を全ページで非表示（マタニティ認定の説明文は残す） ===== */
html body .top-ranking,
html body .toppageRanking,
html body .ranking-keirounohi,
html body .ranking_title,
html body .ranking_title + .ranking-comment,
html body .ranking-comment:has(+ .ranking_title):not(.news-heading + .ranking-comment),
html body .ranking-comment:has(+ h2:not(.ranking_title):not(.news-heading)):not(.news-heading + .ranking-comment),
html body .ranking-comment:not(.news-heading + .ranking-comment) + h2:not(.ranking_title):not(.news-heading),
html body h2:has(+ :is(.top-ranking,.toppageRanking,.ranking-keirounohi)){display:none !important}

/* ===== TOPページでもサイドメニュー(ドロワー)を使えるようにする ===== */
html body.fs-body-top .fs-l-sideArea.fs-p-drawer{display:block !important}


/* ===== スマホ不具合修正（ロゴ見切れ／ドロワーの重なり／見出し装飾） ===== */
@media screen and (max-width:1199px){
html body .fs-l-header__contents{height:auto !important;min-height:56px;overflow:visible !important;align-items:center}
html body .fs-l-header__logo{height:auto !important}
html body .fs-l-header__logo img{width:92px !important;height:auto !important}
}
html body .fs-l-sideArea.fs-p-drawer{z-index:100000 !important;background:#fff}
html body .fs-p-ctrlDrawer:checked + .fs-l-sideArea.fs-p-drawer{box-shadow:0 0 0 100vmax rgba(0,0,0,.35)}
html body .fs-c-heading::after,html body .fs-c-heading--page::after,html body h2.fs-p-heading--lv2::after{background-image:linear-gradient(90deg,rgba(184,147,90,0),rgb(184,147,90) 50%,rgba(184,147,90,0)) !important;background-size:100% 1px !important;background-position:50% 50% !important;background-repeat:no-repeat !important}

/* ===== サイドメニュー：大口注文を他のバナーと同じカットデザインにする ===== */
html body .fs-l-sideArea .oguchi-banner{display:grid;gap:10px;margin:8px 0 18px}
html body .fs-l-sideArea .oguchi-banner .fs-pt-column__item{position:relative;display:flex !important;flex-direction:column;gap:4px;margin:0 !important;padding:16px 40px 15px 18px;
  border:1px solid rgba(184,147,90,.32);border-radius:10px;background:#fff;color:var(--gh-ink) !important;text-decoration:none;overflow:hidden;
  transition:border-color .4s var(--gh-ease),box-shadow .4s var(--gh-ease),transform .4s var(--gh-ease);}
html body .fs-l-sideArea .oguchi-banner .fs-pt-column__image{display:none !important}
html body .fs-l-sideArea .oguchi-banner .fs-pt-column__item::before{font-family:var(--gh-latin);font-style:italic;font-size:19px;line-height:1.15;color:var(--gh-ink);letter-spacing:.02em}
html body .fs-l-sideArea .oguchi-banner .fs-pt-column__item::after{font-size:11px;letter-spacing:.08em;color:var(--gh-mute);line-height:1.6}
html body .fs-l-sideArea .oguchi-banner .fs-pt-column__item:hover{border-color:var(--gh-gold);box-shadow:0 14px 30px -22px rgba(15,52,50,.6);transform:translateY(-2px)}
html body .fs-l-sideArea .oguchi-banner .fs-pt-column__item[href*="/c/ooguchi"]{border-color:var(--gh-ink)}
html body .fs-l-sideArea .oguchi-banner .fs-pt-column__item[href*="/c/ooguchi"]::before{color:var(--gh-gold-light)}
html body .fs-l-sideArea .oguchi-banner .fs-pt-column__item[href*="/c/ooguchi"]::after{color:rgba(251,248,242,.75)}
html body .fs-l-sideArea .oguchi-banner .fs-pt-column__item > *:not(.fs-pt-column__image){display:none}
html body .fs-l-sideArea .oguchi-banner .fs-pt-column__item{background-image:linear-gradient(120deg,rgba(255,255,255,0) 55%,rgba(213,240,236,.9)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23b8935a' stroke-width='1.2'%3E%3Cpath d='M2 8h12M9 3l5 5-5 5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 0,right 14px center;background-size:100% 100%,14px 14px}
html body .fs-l-sideArea .oguchi-banner .fs-pt-column__item[href*="/c/ooguchi"]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23e3cc9a' stroke-width='1.2'%3E%3Cpath d='M2 8h12M9 3l5 5-5 5'/%3E%3C/svg%3E") no-repeat right 14px center/14px 14px,var(--gh-ink) !important}
/* ===== サイドメニュー：シーン別・贈る相手別の「選ぶ」メニューを非表示 ===== */
html body .fs-l-sideArea .side-midashi,
html body .fs-l-sideArea .side-midashi + .fs-pt-menu{display:none !important}

/* 大口注文カードを他のバナーと同じ配色に（既存の暗色指定を上書き） */
html body .fs-l-sideArea div.oguchi-banner.fs-pt-column a.fs-pt-column__item{border:2px solid rgba(184,147,90,.32) !important;background:#fff !important;background-image:linear-gradient(120deg, rgba(255, 255, 255, 0) 55%, rgba(213, 240, 236, 0.9)), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23b8935a' stroke-width='1.2'%3E%3Cpath d='M2 8h12M9 3l5 5-5 5'/%3E%3C/svg%3E") !important;background-position:0px 0px, calc(100% - 14px) 50% !important;background-size:100% 100%, 14px 14px !important;background-repeat:no-repeat, no-repeat !important;color:var(--gh-ink) !important}
html body .fs-l-sideArea div.oguchi-banner.fs-pt-column a.fs-pt-column__item::before{color:var(--gh-ink) !important}
html body .fs-l-sideArea div.oguchi-banner.fs-pt-column a.fs-pt-column__item::after{color:var(--gh-mute) !important}

/* ===== サポート／ご利用ガイド系ページの見出しを紺色に（薄くて読めない対策） ===== */
html body .fs-c-documentColumn__heading{color:#1f3a5f !important;border-left-color:#1f3a5f !important;border-bottom-color:rgba(31,58,95,.28) !important}

/* ===== スマホ：ヘッダー右上に「ご利用ガイド」を表示 ===== */
@media screen and (max-width:1199px){
html body .fs-l-header__utility{display:flex !important;align-items:center;justify-content:flex-end;margin-left:auto}
html body .fs-l-header__utility .fs-p-headerUtilityMenu{display:block !important}
html body .fs-l-header__utility li{display:none !important}
html body .fs-l-header__utility li:has(a[href$="/f/guide"]){display:list-item !important;border:0 !important}
html body .fs-l-header__utility li:has(a[href$="/f/guide"])::before,html body .fs-l-header__utility li:has(a[href$="/f/guide"])::after{content:none !important}
html body .fs-l-header__utility a[href$="/f/guide"]{font-size:12px;letter-spacing:.06em;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;border:0 !important}
}

/* ===== お試しセット（現在販売していないため）を非表示 ===== */
html body .gh-trial,
html body li:not(:has(li)):has(> a[href*="/itemlist/trial"]),
html body li:not(:has(li)):has(> span > a[href*="/itemlist/trial"]),
html body .fs-c-subgroupList__item:has(a[href*="/itemlist/trial"]){display:none !important}