@charset "UTF-8";
/* reset.scss start*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* change border colour to suit your needs
*/
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
}

/* reset.scss end*/
/* setting.scss start*/
body {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    color: #262626;
    font-size: 16px;
    line-height: 1.2;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

button {
    color: #262626;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 135px;
}
@media (max-width: 768px) {
    html {
        scroll-padding-top: 70px;
    }
}

@media (max-width: 1024px) {
    .breadscrumb {
        padding-left: 20px !important;
    }
}

.boxwrap {
    max-width: 1240px;
    padding: 0px 20px;
    margin: 0 auto;
}

img {
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
}

.pc {
    display: block !important;
}
@media screen and (max-width: 568px) {
    .pc {
        display: none !important;
    }
}

.sp {
    display: none !important;
}
@media screen and (max-width: 568px) {
    .sp {
        display: block !important;
    }
}

.ipad {
    display: none !important;
}
@media screen and (max-width: 768px) {
    .ipad {
        display: block !important;
    }
}

.ipad_pc {
    display: block !important;
}
@media screen and (max-width: 768px) {
    .ipad_pc {
        display: none !important;
    }
}

.ipadPro_sp {
    display: none !important;
}
@media screen and (max-width: 1024px) {
    .ipadPro_sp {
        display: block !important;
    }
}

.ipadPro_pc {
    display: block !important;
}
@media screen and (max-width: 1024px) {
    .ipadPro_pc {
        display: none !important;
    }
}

.pc_inline {
    display: inline-block !important;
}
@media screen and (max-width: 568px) {
    .pc_inline {
        display: none !important;
    }
}

.sp_inline {
    display: none !important;
}
@media screen and (max-width: 568px) {
    .sp_inline {
        display: inline-block !important;
    }
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
}

* {
    min-width: 0;
    min-height: 0;
}

li {
    list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
a:hover {
    cursor: pointer;
    opacity: 0.7;
}

.margin-top10 {
    margin-top: 10px;
}

.margin-top20 {
    margin-top: 20px;
}

.margin-top30 {
    margin-top: 30px;
}

.margin-top40 {
    margin-top: 40px;
}

.margin-top50 {
    margin-top: 50px;
}

.margin-top60 {
    margin-top: 60px;
}

.margin-top70 {
    margin-top: 70px;
}

.margin-top80 {
    margin-top: 80px;
}

.margin-top90 {
    margin-top: 90px;
}

.margin-top100 {
    margin-top: 100px;
}

.margin-bottom10 {
    margin-bottom: 10px;
}

.margin-bottom20 {
    margin-bottom: 20px;
}

.margin-bottom30 {
    margin-bottom: 30px;
}

.margin-bottom40 {
    margin-bottom: 40px;
}

.margin-bottom50 {
    margin-bottom: 50px;
}

.margin-bottom60 {
    margin-bottom: 60px;
}

.margin-bottom70 {
    margin-bottom: 70px;
}

.margin-bottom80 {
    margin-bottom: 80px;
}

.margin-bottom90 {
    margin-bottom: 90px;
}

.margin-bottom100 {
    margin-bottom: 100px;
}

/* setting.scss end*/
/* setting.scss start*/
/* -----------------------------------------------------------------
   header
----------------------------------------------------------------- */
.container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0 60px;
}

/* ================================
   Breadcrumb
================================ */
.breadcrumb__list {
    display: flex;
    gap: 20px;
    align-items: center;
}
.breadcrumb__item {
    font-size: 11px;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: 0.77px;
}
.breadcrumb__item:not(:first-of-type) {
    position: relative;
}
.breadcrumb__item:not(:first-of-type)::before {
    content: '>';
    display: inline-block;
    width: 6px;
    position: absolute;
    top: 50%;
    left: -12px;
    transform: translateY(-45%);
}

/* -----------------------------------------------------------------
   side-nav
----------------------------------------------------------------- */
.side {
    width: 210px;
    padding-right: 30px;
}

.search {
    background: #E6E6E6;
    padding: 16px;
}

.search-btn {
    font-size: 12px;
    border: 1px solid #333333;
    border-radius: 3px;
    background: #fff;
    display: block;
    padding: 10px;
    text-align: center;
}

.search-area li {
    margin-bottom: 20px;
}

.search-area label {
    display: block;
    margin-bottom: 10px;
}

.search-area input, .search-area select {
    width: 100%;
}

input.search-price {
    width: 36%;
    margin-right: 4px;
}

.side-section {
    margin-top: 30px;
}

.sp-side-section {
    display: none;
}

.category-list-title {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}

.side-category-item {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding-right: 12px;
}

.side-category-item p, .side-category-item a {
    width: 100%;
    padding: 15px 0;
    display: inline-block;
}

.side-category-item p:before {
    display: block;
    content: "";
    position: absolute;
    top: 26px;
    right: 0;
    margin: auto;
    width: 12px;
    height: 1px;
    background-color: #333333;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.side-category-item p:after {
    display: block;
    content: "";
    position: absolute;
    top: 26px;
    right: 0;
    margin: auto;
    width: 12px;
    height: 1px;
    background-color: #333333;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.side-category-item p.on {
    width: 95%;
    background: #333333;
    color: #fff;
    padding-left: 6px;
    padding-right: 14px;
}

.side-category-item p.on:before {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    background: #fff;
    right: 10px;
}

.side-category-item p.on:after {
    background-color: transparent;
    background: #fff;
    right: 10px;
}

.child-item {
    padding: 8px !important;
    font-size: 12px;
}

.close {
    display: none;
}

.accordion {
    cursor: pointer;
}

.side-contact li {
    margin-bottom: 16px;
}

.calendar-wrap {
    -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.calendar-title {
    padding: 8px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 4px;
}

.calendar-title dt {
    font-size: 12px;
    margin-right: 6px;
}

.makeshop-calendar1,
.makeshop-calendar2 {
    width: 100%;
    border-collapse: inherit;
    padding: 8px;
}

.makeshop-calendar1 tr,
.makeshop-calendar2 tr {
    text-align: center;
    font-size: 12px;
}

.makeshop-calendar1 thead tr th,
.makeshop-calendar2 thead tr th {
    padding-bottom: 8px;
}

.makeshop-calendar1 tbody tr td,
.makeshop-calendar2 tbody tr td {
    padding-bottom: 2px;
    height: auto !important;
}

.makeshop-calendar1 td.today {
    background: #F23E0C;
    color: #fff;
    height: auto;
}

.this-month {
    background: #808080;
}

.next-month {
    background: #808080;
}

.saturday {
    color: #006BED;
}

.sunday {
    color: #F23E0C;
}

/* -----------------------------------------------------------------
   check
----------------------------------------------------------------- */
.checked-contents {
    padding-bottom: 60px;
    display: inline-block;
}

.checked-item-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.checked-item-list li {
    width: 140px;
    position: relative;
    margin-right: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.checked-item-list li:last-child {
    margin-right: 0;
}

.checked-item-list li img {
    width: 100%;
}

/* -----------------------------------------------------------------
   main
----------------------------------------------------------------- */
.main {
    width: 798px;
}

.shop-comment {
    margin-bottom: 40px;
}

.index-review-list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px;
}

.index-review-list li .index-review-image {
    margin-right: 18px;
    width: 140px;
    min-width: 140px;
}

.index-review-list li .index-review-image img {
    width: 100%;
}

.review-list-category {
    margin-bottom: 8px;
    font-size: 12px;
}

.review-index-score {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.review-index-score p {
    margin-right: 16px;
}

.foot-category {
    background: #f2f2f2;
    padding: 60px 0;
}

.foot-category h2 {
    text-align: center;
}

.main-category-list {
    width: 1000px;
    margin: 0 auto;
}

.main-category-list li {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 40px;
    width: 197px;
}

.main-category-list li a {
    width: 100%;
    display: block;
}

/* -----------------------------------------------------------------
   footer
----------------------------------------------------------------- */
.footer-bg {
    background: #E6E6E6;
}

.footer {
    width: 1000px;
    margin: 0 auto;
    padding: 35px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer img {
    max-width: 120px;
}

.footer-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-nav li {
    margin-right: 30px;
}

.copyright {
    font-size: 12px;
    max-width: 300px;
}

/* -----------------------------------------------------------------
   item-list-cart
----------------------------------------------------------------- */
.item-list-cart {
    margin: auto 0 0 0;
}

.item-list-btn {
    width: 100%;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    padding: 8px 0;
    font-weight: bold;
    font-size: 13px;
}

.item-list-sold {
    background: #B5B5B5;
    color: #fff;
}

.option-list-cart {
    border: 1px solid #808080;
    color: #808080;
}

.add-list-cart {
    background: #1FD5AD;
    color: #fff;
}

/* -----------------------------------------------------------------
   category
----------------------------------------------------------------- */


.category-image {
    margin-bottom: 20px !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.category-title {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
    .category-title {
        font-size: 20px;
        margin-bottom: 23px;
    }
}

.category-child-item {
    margin-bottom: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 13px;
}
.category-child-item li {
    font-size: 13px;
    line-height: normal;
    border-radius: 4px;
    border: 1px solid rgba(173, 183, 189, 0.25);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(20% - 10.4px);
    height: 44px;
    border-radius: 4px;
}
@media screen and (max-width: 768px) {
    .category-child-item li {
        width: calc(50% - 6.5px);
        height: 52px;
    }
}
.category-child-item li:hover {
    color: #FFF;
    background: #68D2D7;
}
.category-child-item li a {
    height: 100%;
    width: 100%;
    padding: 0 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .category-child-item li a {
        padding: 0 10px;
    }
}

.pager-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
}

.pager {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.pager li {
    margin: 0;
}
.pager li a, .pager li span {
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #000;
    font-family: "Poppins;";
    font-size: 0.875rem;
    line-height: normal;
    border-bottom: 1px solid #CBCBCB;
}
.pager li .current {
    border-bottom: #000 2px solid;
}
.pager .prev {
    font-size: 0;
}
.pager .prev::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23000'%3E%3Cpath d='M384-132 36-480l348-348 31 31L98-480l317 317-31 31Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.pager .next {
    font-size: 0;
}
.pager .next::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23000'%3E%3Cpath d='m287-132-31-31 317-317-317-317 31-31 348 348-348 348Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.sort {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
    .sort {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}
.sort .total-count {
    font-size: 15px;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .sort .total-count {
        width: 100%;
        text-align: center;
    }
}
.sort .list-head-sort {
    gap: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
}
@media screen and (max-width: 768px) {
    .sort .list-head-sort {
        gap: 15px;
        font-size: 11px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-top: rgba(173, 183, 189, 0.6) solid 1px;
        border-bottom: rgba(173, 183, 189, 0.6) solid 1px;
        padding: 18px 0;
        margin: 0 calc(50% - 50vw) 30px;
        width: 100vw;
    }
}
.sort .list-head-sort a {
    padding-right: 20px;
}
@media screen and (max-width: 768px) {
    .sort .list-head-sort a {
        padding-right: 15px;
    }
}
.sort .list-head-sort a:not(:last-of-type) {
    border-right: 1px solid #1C1D1F;
}
.sort .list-head-sort a span {
    padding-bottom: 3px;
}
.sort .list-head-sort a.active span {
    border-bottom: #1C1D1F solid 1px;
}

.bulk-group {
    margin-bottom: 40px;
    font-size: 12px;
    font-weight: bold;
}

.bulk-group a {
    color: #B5B5B5;
}

/* -----------------------------------------------------------------
   detail
----------------------------------------------------------------- */
/*スライダーcss*/
.slick-track {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.choice-btn li {
    cursor: pointer;
    width: calc(16.6666666667% - 8.3333333333px) !important;
}

.choice-btn .slick-track {
    width: 100% !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

.choice-btn li img {
    border: transparent solid 1px;
}

.choice-btn li.slick-current img {
    border: #d9d9d9 solid 1px;
}

.choice-btn li:hover img {
    opacity: 0.7;
}

/*追加*/
/*スライダーcssここまで*/
.item-detail-icon {
    position: absolute;
    display: contents;
    font-size: 12px;
    font-weight: normal;
    top: 0;
}

.item-detail-icon .item-detail-sale {
    color: #F23E0C;
}

.item-detail-icon p {
    margin-bottom: 12px;
}

.item-price-wrap {
    margin-bottom: 20px;
}

.item-price-wrap .item-price {
    font-size: 30px;
    font-weight: 500;
}

.item-price-wrap .item-tax {
    font-size: 14px;
}

.item-price-wrap .fixed-price {
    font-size: 12px;
}

.member-original-price {
    font-size: 12px;
}

.member-original-price span {
    font-size: 18px;
}

.sale-text .original {
    text-decoration: line-through;
}

.sale-text .sale-rate, .sale-text .sale-price {
    color: #F23E0C;
}

.sale-text .sale-rate {
    margin: 0 10px;
}

.sale-text .sale-price {
    font-size: 30px;
    font-weight: 500;
}

.sale-priod {
    font-size: 12px;
    margin: 6px 0 12px;
}

.item-point, .review-empty {
    margin-bottom: 20px;
}

.item-sell-text {
    margin: 20px 0;
}

.item-sell-text .sell-start {
    margin-bottom: 8px;
}

.item-reserve {
    margin: 20px 0;
}

.item-reserve .item-reserve-release-text,
.item-reserve .item-reserve-text {
    font-size: 12px;
    margin-top: 6px;
}

.nameprint-area {
    margin-top: 20px;
    margin-bottom: 25px;
    background: #F7F7F7;
    padding: 20px;
}

.nameprint-area .nameprint-title-wrap {
    margin: 18px 0 8px;
    font-size: 12px;
}

.nameprint-area .nameprint-text-wrap p {
    margin-bottom: 8px;
    font-size: 12px;
}

.nameprint-area .nameprint-title {
    font-weight: bold;
    margin-top: 10px;
}

.nameprint-area .nameprint-title span {
    color: #AF0F0F;
    font-weight: normal;
    margin-left: 6px;
}

.nameprint-area .nameprint-text input,
.nameprint-area .nameprint-text textarea {
    border: 1px solid #000;
    background: #FFF;
    height: 50px;
    width: 100%;
    padding: 0 15px;
    font-size: 16px;
}

.item-quantity {
    margin-bottom: 20px;
}

.item-review {
    font-size: 12px;
}

.review-link {
    margin-bottom: 20px;
}

.review-link a {
    text-decoration: underline;
}

.review-link a:hover {
    text-decoration: none;
}

.item-option {
    width: 100%;
}

.item-option .btn {
    margin-top: 20px;
}

.makeshop-option-wrap {
    margin-top: 10px;
}

.makeshop-option-label {
    font-size: 12px;
    margin-bottom: 6px;
}

.makeshop-option-select {
    border: 1px solid #D9D9D9;
    background: #FFF;
    height: 50px;
    width: 100%;
    padding: 0 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.makeshop-option-select-wrap {
    position: relative;
}

.makeshop-option-select-wrap::after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    position: absolute;
    top: 50%;
    right: 22px;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}

.add-cart {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 30px 0 40px;
}

.stock-wrap {
    width: 100%;
    margin-bottom: 8px;
}

.add-cart .item-stock {
    margin-right: 14px;
    font-size: 10px;
}

.add-cart .btn {
    width: 430px;
    display: inline-block;
    text-align: center;
    padding: 15px 0;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
}

.add-cart .add-cart-btn {
    background: #1FD5AD;
}

.add-cart .restock-btn {
    background: #333333;
}

.add-cart .disabled-btn {
    background: #B5B5B5;
}

.add-cart .subscription-btn {
    background: #006BED;
    margin-top: 8px;
}

.add-cart .off {
    display: none;
}

.add-cart .on {
    display: block;
}

.subscription-only {
    margin-top: 0 !important;
}

.item-stock-sku {
    margin-bottom: 8px;
}

.sku-btn {
    width: 130px !important;
    padding: 10px 0 !important;
    font-size: 12px !important;
}

.favorite-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.favorite-icon:after {
    font-family: "Font Awesome 5 Free";
    content: "\f004";
    font-size: 32px;
    font-weight: 900;
    margin-left: 14px;
    margin-right: 4px;
    -webkit-text-stroke: 1px #fff;
}

.favorite-icon.hide {
    display: none;
}

.favorite-on {
    color: #ff7683;
}

.favorite-off {
    color: #E6E6E6;
}

.item-list-image {
    position: relative;
}

.item-list-favorite {
    position: absolute;
    top: 6px;
    right: 4px;
}

.item-contact {
    margin-bottom: 40px;
}

.item-contact a {
    display: inline-block;
    text-align: center;
    width: 430px;
    background: #ECECEC;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 500;
}

.item-contact a:before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M2.89062 17.2897V4.71033H19.1087V17.2897H2.89062ZM10.9997 11.0477L3.73694 6.29685V16.4437H18.2624V6.29685L10.9997 11.0477ZM10.9997 10.0976L17.9664 5.55641H4.03302L10.9997 10.0976ZM3.73694 6.29685V5.55641V16.4437V6.29685Z' fill='%23383838'/%3E%3C/svg%3E");
    display: inline-block;
    margin-bottom: -5px;
    margin-right: 5px;
}

.item-description dt {
    margin-bottom: 16px;
}

.item-info-list {
    border-top: #D9D9D9 solid 1px;
    border-bottom: #D9D9D9 solid 1px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.item-info-list li {
    margin-bottom: 10px;
}

.item-info-list li dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.item-info-list li dt {
    width: 34%;
}

.item-info-list li dd {
    width: 66%;
}

.item-share li {
    margin-right: 8px;
    display: inline-block;
    vertical-align: top;
}

.border-top::before {
    content: "";
    display: block;
    width: 100%;
    border: 1px solid #CBCBCB;
    margin: 30px 0;
}

.item-share {
    margin-bottom: 40px;
    margin-top: 20px;
}

.sku tbody {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.sku-option-title {
    width: 60px;
    font-weight: bold;
    text-align: left;
    padding: 0 20px 10px 0;
    vertical-align: middle;
}

.sku-option-name {
    font-size: 10px;
    text-align: left;
    padding: 0 16px 20px 0;
    vertical-align: middle;
}

.sku-img {
    vertical-align: middle;
}

.sku-img img {
    padding-right: 20px;
}

.option-image {
    max-width: 80px;
}

.option-image:hover {
    cursor: pointer;
}

.sku-cart {
    padding-bottom: 20px;
}

.sku-price-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.sku-price-wrap .price {
    margin: 0 6px 4px 0;
    width: 100%;
}

.item-review-detail {
    margin-bottom: 60px;
}

.item-review-detail h3 {
    font-size: 18px;
    margin-bottom: 20px;
}

.review-category-title {
    margin-bottom: 30px;
}

.item-review-list li {
    margin-bottom: 60px;
}

.item-review-list-link {
    margin-bottom: 30px;
    font-size: 12px;
}

.item-review-list-link a {
    text-decoration: underline;
}

.item-review-list-link a:hover {
    text-decoration: none;
}

.review-list-unit .review-list-name {
    margin-bottom: 12px;
}

.review-list-unit .star-score {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px;
}

.review-list-unit .review-star {
    margin-right: 6px;
}

.review-list-unit .review-list-date {
    font-size: 12px;
    color: #B5B5B5;
    margin: 12px 0;
}

.review-list-unit .review-list-content {
    font-size: 12px;
}

.reviewRateStar {
    display: inline-block;
    font-size: 0;
    color: #FFA41C;
}

.reviewRateStar::before {
    font-family: "Font Awesome 5 Free";
    content: "\f005";
    font-size: 12px;
    font-weight: 900;
}

.starOff::before {
    font-family: "Font Awesome 5 Free";
    content: "\f005";
    font-weight: 400;
}

.starHalf::before {
    font-family: "Font Awesome 5 Free";
    content: "\f5c0";
}

.review-post {
    margin-top: 40px;
}

.review-post {
    text-align: center;
}

.review-post a {
    width: 260px;
    margin: 0 auto;
    display: inline-block;
    padding: 12px 0;
    border: 1px solid #333333;
    border-radius: 2px;
    text-align: center;
}

.review-post a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f304";
    font-size: 16px;
    font-weight: 900;
    padding-right: 10px;
    color: fff;
}

/*定期購入*/
.product-price-block {
    font-size: 30px;
    margin: 12px 0;
    font-weight: 500;
    color: #FE5A74;
}

.product-price-block small {
    font-size: 14px;
    color: #333333;
}

.subscription-gift {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
}

.subscription-gift img {
    margin-right: 20px;
    width: 80px;
    max-height: 80px;
}

.subscription-price {
    font-size: 26px;
    font-weight: 500;
    color: #FE5A74;
}

.subscription-price small {
    font-size: 14px;
}

.item-group-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 8px;
}

/* -----------------------------------------------------------------
   review
----------------------------------------------------------------- */
.review-item-wrap {
    border: 1px solid #333333;
    padding: 20px;
    border-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px;
}

.review-item-wrap .review-item-image {
    padding-right: 20px;
    width: 120px;
}

.review-item-wrap .review-item-image img {
    width: 100%;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
}

.review-item-info .review-item-category {
    font-size: 12px;
    margin-bottom: 8px;
}

.review-item-info .review-item-name {
    font-size: 18px;
}

.review-item-info .total-review {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-top: 10px;
}

.review-item-info .review-star {
    margin-right: 10px;
}

.review-item-info .review-average {
    font-size: 20px;
    font-weight: bold;
}

.review-item-info .review-count {
    font-size: 12px;
}

.review-form-wrap {
    width: 485px;
    margin: 0 auto;
}

.review-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

.review-form:last-child {
    margin-bottom: 60px;
}

.review-form dt {
    width: 150px;
    text-align: left;
}

.review-form .review-form-content {
    width: 100%;
}

.review-form dd input {
    border: 1px solid #707070;
    width: 100%;
}

.review-form dd .reviewRateStar:before {
    font-size: 18px;
}

.review-post-btn {
    border: none !important;
    background: #707070;
    color: #fff;
}

.cart {
    margin-bottom: 100px;
}

.cart-section-title {
    padding-top: 60px;
}

.free-shipping-wrap {
    text-align: right;
    margin-bottom: 16px;
    font-size: 12px;
}

.free-shipping-wrap .free-shipping-text em {
    color: #F23E0C;
}

.cart-list-table {
    width: 100%;
    padding: 20px;
}

.cart-list-table th {
    background: #E6E6E6;
    padding: 8px 12px;
    text-align: left;
    border-right: 1px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cart-list-table th:first-child {
    width: 360px;
}

.cart-list-table th:nth-child(2) {
    width: 190px;
}

.cart-list-table th:nth-child(3) {
    width: 200px;
}

.cart-list-table th:last-child {
    width: 200px;
}

.cart-list-table tbody tr {
    border-bottom: 1px solid #E6E6E6;
}

.cart-list-table tbody td {
    vertical-align: middle;
    padding: 20px;
}

.cart-list-table tbody td:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.cart-list-info {
    font-size: 12px;
}

.cart-list-image {
    width: 80px;
    min-width: 80px;
    margin-right: 12px;
}

.cart-list-image img {
    width: 100%;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
}

.item-cart-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
}

.item-cart-price {
    font-size: 24px;
}

.item-cart-quantity input {
    width: 40px;
    border: 1px solid #333333;
    margin-right: 12px;
}

.item-cart-delete {
    float: right;
}

.item-cart-delete a {
    font-size: 10px;
    border: 1px solid #333333;
    padding: 2px 8px;
}

.item-cart-subtotal {
    font-size: 24px;
    font-weight: bold;
}

.cart-total {
    background: #E6E6E6;
}

.cart-total td {
    display: table-cell !important;
}

.cart-total .cart-total-title {
    text-align: right;
    font-size: 20px;
    font-weight: bold;
}

.cart-total .cart-total-price {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 6px;
}

.cart-total .cart-total-point {
    font-size: 12px;
}

.cart-total .cart-bulk {
    margin-top: 6px;
    font-size: 12px;
}

.cart-button-wrap {
    text-align: right;
    margin-top: 40px;
}

.cart-button-wrap .cart-button a {
    width: 320px;
    display: inline-block;
    text-align: center;
    background: #1FD5AD;
    border-radius: 5px;
    padding: 20px 0;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}

.cart-button-wrap .cart-back-button a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f053";
    font-size: 12px;
    font-weight: bold;
    padding-right: 8px;
    color: #707070;
}

/* -----------------------------------------------------------------
   news
----------------------------------------------------------------- */
.news-list-unit {
    padding: 25px 0;
    border-bottom: rgba(173, 183, 189, 0.6) 1px solid;
}
@media screen and (max-width: 768px) {
    .news-list-unit {
        padding: 20px 0;
    }
}

.news-list-title {
    font-size: 20px;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .news-list-title {
        font-size: 16px;
    }
}

.news-list-title a:hover {
    text-decoration: underline;
}

.news-list-date {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}
@media screen and (max-width: 768px) {
    .news-list-date {
        font-size: 11px;
    }
}

.news-content-wrap {
    margin-bottom: 30px;
}

.news-section .news-head {
    border-bottom: rgba(173, 183, 189, 0.6) solid 1px;
    padding-bottom: 18px;
}
.news-section .news-head .news-title {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
    .news-section .news-head .news-title {
        font-size: 22px;
    }
}
.news-section .news-head .news-list-date {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
    .news-section .news-head .news-list-date {
        font-size: 13px;
    }
}
.news-section .news-detail-content {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    margin-top: 28px;
    margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
    .news-section .news-detail-content {
        font-size: 14px;
    }
}
.news-section .back a {
    margin: 0 auto;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    padding: 14px 10px;
    border: #262626 solid 1px;
    border-radius: 6px;
    max-width: 370px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4px;
    border-radius: 100px;
}
.news-section .back a::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M9.98438 13.75L11.0938 12.6406L5.95312 7.5L11.0938 2.35938L9.98438 1.25L3.73438 7.5L9.98438 13.75Z' fill='%232D2D2D'/%3E%3C/svg%3E");
}

/* -----------------------------------------------------------------
   guide
----------------------------------------------------------------- */
.guide-section {
    width: 85%;
    margin: 0 auto 60px;
}

.guide-section .guide-section-title {
    font-weight: bold;
    margin-bottom: 8px;
}

.comapany-box {
    width: 75%;
    margin: 0 auto 60px;
}

.comapany-box img {
    width: 100%;
    max-height: 640px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 20px;
}

.contract-section {
    width: 85%;
    margin: 0 auto 60px;
}

.contract-section dt {
    font-weight: bold;
    margin-bottom: 8px;
}

.policy-box {
    width: 85%;
    margin: 0 auto 60px;
}

/* -----------------------------------------------------------------
   catalog
----------------------------------------------------------------- */
.catalog-list {
    width: 100%;
    margin-bottom: 48px;
}

.catalog-list th {
    background: #E6E6E6;
}

.catalog-list td, .catalog-list th {
    border: 1px solid #ccc;
    padding: 6px 18px;
    vertical-align: middle;
}

.catalog-list input {
    border: 1px solid #ccc;
}

.catalog-input-num {
    width: 10rem;
}

.catalog-input-quantity {
    width: 3rem;
}

.catalog-info-wrap {
    text-align: left;
    font-size: 0.9rem;
    width: 397px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.catalog-img img {
    margin-right: 8px;
    width: 80px;
}

.catalog-search-btn {
    width: 60px;
}

.catalog-cart-btn {
    width: 25%;
}

.catalog-cart {
    text-align: center;
    display: block;
}

.catalog-search-btn {
    background: #333;
    padding: 10px 6px;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 12px;
}

/* -----------------------------------------------------------------
   search 検索結果
----------------------------------------------------------------- */
.search-title {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
    .search-title {
        font-size: 20px;
        margin-bottom: 23px;
    }
}

.nav-search {
    background-color: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 40px;
    border-bottom: 1px solid #D9D9D9;
}
@media screen and (max-width: 1024px) {
    .nav-search {
        color: #262626;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 40px;
        display: block;
    }
}
.nav-search > ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    gap: 20px;
}
@media screen and (max-width: 1024px) {
    .nav-search > ul {
        grid-template-columns: repeat(1, 1fr);
    }
}
.nav-search > ul li {
    margin-bottom: 0px;
}
.nav-search > ul label {
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
}
.nav-search > ul input, .nav-search > ul select {
    font-size: 13px;
}
.nav-search > ul .no--display {
    display: none;
}
.nav-search > ul .search-category--wrap {
    position: relative;
}
.nav-search > ul .search-category--wrap::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cg clip-path='url(%23clip0_737_1346)'%3E%3Cpath d='M0.833171 3.34408L1.57275 2.60449L4.99984 6.03158L8.42692 2.60449L9.1665 3.34408L4.99984 7.51074L0.833171 3.34408Z' fill='%232D2D2D'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_737_1346'%3E%3Crect width='10' height='10' fill='white' transform='translate(10) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    z-index: -1;
}
.nav-search > ul .search-category {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #D9D9D9;
    padding: 12px;
    width: 100%;
}
.nav-search > ul .side-search-keyword,
.nav-search > ul .search-price {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #F6F6F6;
    padding: 12px;
    width: 100%;
}
.nav-search > ul .space {
    padding: 0 2px;
    display: inline-block;
    font-size: 14px;
}
.nav-search > ul input.search-price {
    width: 43%;
}
@media screen and (max-width: 1024px) {
    .nav-search > ul input.search-price {
        width: 40%;
    }
}
@media screen and (max-width: 1024px) {
    .nav-search > ul input.search-price {
        width: 46%;
    }
}
@media screen and (max-width: 568px) {
    .nav-search > ul input.search-price {
        width: 44%;
    }
}
.nav-search .search-btn {
    width: 150px;
    border: unset;
    border-radius: 0px;
    background: #68D2D7;
    display: block;
    padding: 10px;
    color: #fff;
    font-size: 15px;
}
@media screen and (max-width: 1024px) {
    .nav-search .search-btn {
        width: 80%;
        margin: 30px auto 0;
    }
}

.filter-list {
    background-color: #F7F7F7;
    padding: 30px 50px;
    font-size: 13px;
    margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
    .filter-list {
        margin-top: 20px;
        padding: 4%;
    }
}
.filter-list .filter-list-item {
    margin-right: 30px;
}
@media screen and (max-width: 768px) {
    .filter-list .filter-list-item {
        display: block;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
.filter-list .filter-list-item .bold {
    font-weight: 600;
}
.filter-list .filter-list-item:last-of-type {
    margin-right: 0;
}

/* -----------------------------------------------------------------
   responsive
----------------------------------------------------------------- */
@media screen and (max-width: 768px) {
    .side {
        width: auto;
        padding-right: 0;
    }
    #g-nav {
        position: fixed;
        z-index: 999;
        top: 0;
        left: -120%;
        width: 100%;
        height: 100vh;
        background: #111;
        -webkit-transition: all 0.6s;
        transition: all 0.6s;
    }
    #g-nav.panelactive {
        left: 0;
    }
    #g-nav.panelactive #g-nav-list {
        position: fixed;
        z-index: 999;
        width: 100%;
        height: 100vh;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    /*ボタン*/
    .openbtn {
        position: fixed;
        z-index: 9999;
        top: 16px;
        left: 3px;
        cursor: pointer;
        width: 50px;
        height: 50px;
    }
    .openbtn span {
        display: inline-block;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        position: absolute;
        left: 14px;
        height: 3px;
        border-radius: 2px;
        background-color: #666;
        width: 45%;
    }
    .openbtn span:nth-of-type(1) {
        top: 15px;
    }
    .openbtn span:nth-of-type(2) {
        top: 23px;
    }
    .openbtn span:nth-of-type(3) {
        top: 31px;
    }
    .openbtn.active span:nth-of-type(1) {
        top: 18px;
        left: 18px;
        -webkit-transform: translateY(6px) rotate(-45deg);
        transform: translateY(6px) rotate(-45deg);
        width: 40%;
        background: #fff;
    }
    .openbtn.active span:nth-of-type(2) {
        opacity: 0;
    }
    .openbtn.active span:nth-of-type(3) {
        top: 30px;
        left: 18px;
        -webkit-transform: translateY(-6px) rotate(45deg);
        transform: translateY(-6px) rotate(45deg);
        width: 40%;
        background: #fff;
    }
    /*.search {*/
    /*    padding: 20px 45px 16px;*/
    /*    background: none;*/
    /*    color: #fff;*/
    /*}*/
    .search-btn {
        background: #333333;
        color: #fff;
    }
    .search-area select {
        background: #fff;
    }
    .side-section {
        width: 75%;
        margin: 50px auto;
    }
    .sp-side-section {
        display: block;
        padding: 90px 45px 0;
    }
    .sp-side-section .sp-gnav li {
        text-align: center;
        border: 1px solid #fff;
        border-radius: 5px;
        padding: 10px;
        margin-bottom: 20px;
    }
    .sp-side-section .sp-gnav li a {
        color: #fff;
    }
    .sp-side-section .sp-gnav .logout a:before {
        display: inline-block;
        margin-right: 6px;
        color: #fff;
    }
    .sp-side-section .sp-gnav .membership a:before {
        display: inline-block;
        margin-right: 6px;
        color: #fff;
    }
    .sp-side-section .sp-gnav .login a:before {
        display: inline-block;
        margin-right: 6px;
        color: #fff;
    }
    .side-category-list a {
        color: #fff !important;
    }
    .category-list-title,
    .side-category-item {
        border-bottom: 1px solid #ccc;
        color: #fff;
    }
    .side-category-item {
        padding-right: 20px;
    }
    .side-category-item p:before {
        background-color: #fff;
    }
    .side-category-item p:after {
        background-color: #fff;
    }
    .side-category-item p.on {
        width: 96%;
        background: #333333;
        color: #fff;
        padding-left: 10px;
        padding-right: 18px;
    }
    .side-contact a {
        color: #fff;
    }
    .makeshop-calendar1,
    .makeshop-calendar2 {
        background: #fff;
    }
    .makeshop-calendar1 tr,
    .makeshop-calendar2 tr {
        text-align: center;
        font-size: 12px;
    }
    .makeshop-calendar1 thead tr th,
    .makeshop-calendar2 thead tr th {
        padding-bottom: 8px;
    }
    .makeshop-calendar1 tbody tr td,
    .makeshop-calendar2 tbody tr td {
        padding-bottom: 2px;
    }
    .calendar-wrap {
        width: 75%;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .calendar-wrap div {
        background: #fff;
    }
    .calendar-title {
        margin-bottom: 0;
    }
    .main {
        width: 100%;
    }
    .index-review-list li {
        display: block;
        margin-bottom: 60px;
    }
    .review-index-score {
        display: block;
    }
    .review-index-score .review-score {
        display: none;
    }
    .review-index-score .review-list-unit,
    .review-index-score .review-list-name {
        margin-bottom: 5px;
    }
    .review-index-score .review-list-date {
        margin: 5px 0 12px;
    }
    .main-category-list {
        width: 95%;
    }
    .main-category-list li {
        display: block;
        vertical-align: middle;
        margin-bottom: 0;
        border-bottom: 1px solid #B5B5B5;
        width: 95%;
        padding: 12px 0;
    }
    .main-category-list li a {
        padding: 0 5px;
    }
    .footer {
        width: 95%;
        display: block;
    }
    .footer img {
        margin-bottom: 20px;
    }
    .footer-nav {
        display: block;
        margin-top: 20px;
    }
    .footer-nav li {
        margin-right: 0;
        margin-bottom: 16px;
    }
    .review-category-title {
        margin-bottom: 20px;
    }
    .item-review-list li {
        margin-bottom: 30px;
    }
    .review-item-wrap {
        margin-bottom: 30px;
    }
    .review-form-wrap {
        width: 100%;
    }
    .review-form {
        display: block;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 30px;
    }
    .review-form:last-child {
        margin-bottom: 60px;
    }
    .review-form dt {
        width: 100%;
        margin-bottom: 8px;
    }
    .review-form dd textarea {
        width: 98%;
    }
    .cart {
        margin-bottom: 40px;
    }
    .cart-section-title {
        padding-top: 0;
    }
    .free-shipping-wrap {
        text-align: left;
    }
    .cart-list-table {
        width: 100%;
        padding: 20px 0;
    }
    .cart-list-table th {
        display: none;
    }
    .cart-list-table tbody td {
        width: 100%;
        display: block;
        padding: 0;
        margin-bottom: 6px;
    }
    .cart-list-table tbody td:first-child {
        width: 100%;
        margin-top: 30px;
    }
    .item-cart-price {
        font-size: 16px;
        text-align: right;
    }
    .item-cart-quantity input {
        margin-right: 8px;
    }
    .item-cart-delete {
        float: none;
        padding-left: 20px;
    }
    .item-cart-subtotal {
        font-size: 22px;
        text-align: right;
        margin-bottom: 30px !important;
    }
    .item-cart-subtotal::before {
        content: "小計";
        font-size: 14px;
    }
    .cart-total {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 10px;
    }
    .cart-total-title {
        margin: 0 !important;
    }
    .cart-total-price-wrap {
        text-align: right;
    }
    .cart-button-wrap .cart-button a {
        width: 100%;
    }
}
.commonTitle {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: "Noto Sans JP", sans-serif;
    margin-bottom: 30px;
}
@media screen and (max-width: 568px) {
    .commonTitle {
        font-size: 1.125rem;
    }
}

.commonTitle-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
}
.commonTitle-wrap .commonTitle {
    margin-bottom: 0;
}

.commonLink {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.commonLink a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.commonLink a::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M1 1L7 6L1 11' stroke='black'/%3E%3C/svg%3E");
}

.contents {
    padding: 200px 0px 0px;
    margin: 0 auto;
}
@media screen and (max-width: 1024px) {
    .contents {
        padding: 90px 0px 0px;
    }
}

.item-list-scroll {
    padding-bottom: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 35px;
    overflow: scroll;
}
@media screen and (max-width: 768px) {
    .item-list-scroll {
        gap: 10px;
    }
}
.item-list-scroll .item {
    width: 250px;
    min-width: 250px;
}
@media screen and (max-width: 768px) {
    .item-list-scroll .item {
        min-width: 140px;
        width: 140px;
    }
}

.item-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 35px;
}
@media screen and (max-width: 768px) {
    .item-list {
        gap: 15px;
    }
}
.item-list .item {
    width: calc(25% - 26.25px);
}
@media screen and (max-width: 768px) {
    .item-list .item {
        width: calc(50% - 7.5px);
    }
}

.item .item-list-image {
    margin-bottom: 10px;
    border: #eee 1px solid;
    position: relative;
}
.item .item-list-image img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 1/1;
}
.item .item-list-image .item-soldout {
    position: absolute;
    top: 0px;
    left: 0;
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.item .item-list-image .item-sale {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.7;
    z-index: 1;
    background: #AF0F0F;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 2px 0;
}
.item .item-category {
    color: #A9A9A9;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.7;
    margin-bottom: 6px;
}
.item .item-name {
    font-size: 16px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
    .item .item-name {
        font-size: 14px;
    }
}
.item .price {
    font-size: 18px;
    font-weight: 400;
}
@media screen and (max-width: 768px) {
    .item .price {
        font-size: 16px;
    }
}
.item .price .tax {
    font-size: 14px;
    margin-left: 3px;
}
@media screen and (max-width: 768px) {
    .item .price .tax {
        font-size: 12px;
    }
}
.item .original-price {
    text-decoration: line-through;
}
.item .item-sale-price {
    color: #AF0F0F;
}
.item .ranking-icon {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='36' viewBox='0 0 29 36' fill='none'%3E%3Cpath d='M0 35.7107V0H28.3585V35.7107L14.1792 29.53L0 35.7107Z' fill='%23666'/%3E%3C/svg%3E");
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 16px;
    color: #fff;
    width: 29px;
    height: 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 5px;
}
.item .ranking-icon.rank-1 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='36' viewBox='0 0 29 36' fill='none'%3E%3Cpath d='M0 35.7107V0H28.3585V35.7107L14.1792 29.53L0 35.7107Z' fill='%23CAB26A'/%3E%3C/svg%3E");
}
.item .ranking-icon.rank-2 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='36' viewBox='0 0 29 36' fill='none'%3E%3Cpath d='M0 35.7107V0H28.3585V35.7107L14.1792 29.53L0 35.7107Z' fill='%23929292'/%3E%3C/svg%3E");
}
.item .ranking-icon.rank-3 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='36' viewBox='0 0 29 36' fill='none'%3E%3Cpath d='M0 35.7107V0H28.3585V35.7107L14.1792 29.53L0 35.7107Z' fill='%23987755'/%3E%3C/svg%3E");
}
.item .ranking-icon.rank-4 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='36' viewBox='0 0 29 36' fill='none'%3E%3Cpath d='M0 35.7107V0H28.3585V35.7107L14.1792 29.53L0 35.7107Z' fill='%237B2F1E'/%3E%3C/svg%3E");
}
.item .ranking-icon.rank-5 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='36' viewBox='0 0 29 36' fill='none'%3E%3Cpath d='M0 35.7107V0H28.3585V35.7107L14.1792 29.53L0 35.7107Z' fill='%23213974'/%3E%3C/svg%3E");
}

.no-scroll {
    overflow: hidden;
}

.header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}
.header.fix .header__top {
    display: none;
}
.header .pcHeader {
    background-color: #fff;
}
@media screen and (max-width: 1024px) {
    .header .pcHeader {
        display: none;
    }
}
.header__top {
    font-size: 14px;
    border-bottom: #000 solid 1px;
    height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.header__top-inner {
    max-width: 1245px;
    width: 100%;
    margin: 0 auto;
    padding: 0px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 10px;
}
.header__brand {
    font-size: 14px;
    font-weight: 500;
}
.header__nav-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    align-items: center;
}
.header__nav-item--search .header__nav-link--icon::before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cg clip-path='url(%23clip0_672_136)'%3E%3Cpath d='M11.81 14.1C10.66 14.84 9.29001 15.26 7.83001 15.26C3.72001 15.26 0.390015 11.93 0.390015 7.83C0.390015 3.73 3.72001 0.389999 7.83001 0.389999C11.94 0.389999 15.26 3.72 15.26 7.82C15.26 9.28 14.84 10.65 14.1 11.8C13.52 12.73 12.73 13.51 11.81 14.09V14.1Z' stroke='%23505056' stroke-width='0.78' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M10.65 12.28C9.83001 12.8 8.86001 13.1 7.82001 13.1C4.90001 13.1 2.54001 10.74 2.54001 7.82C2.54001 4.9 4.91001 2.54 7.83001 2.54C10.75 2.54 13.11 4.9 13.11 7.82C13.11 8.86 12.81 9.83 12.29 10.65C11.88 11.31 11.32 11.86 10.66 12.28H10.65Z' stroke='%23505056' stroke-width='0.78' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M7.82999 4.7C9.12999 4.7 10.24 5.49 10.71 6.61' stroke='%23505056' stroke-width='0.78' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M11.74 14.11L13.58 15.94L15.54 17.9C16.19 18.56 17.25 18.56 17.91 17.9C18.24 17.57 18.4 17.15 18.4 16.72C18.4 16.29 18.24 15.86 17.91 15.54L16.73 14.36L14.12 11.74' stroke='%23505056' stroke-width='0.78' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M15.26 12.89L12.89 15.26' stroke='%23505056' stroke-width='0.78' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_672_136'%3E%3Crect width='18.78' height='18.78' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.header__nav-item--cart .header__nav-link--icon::before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cg clip-path='url(%23clip0_672_145)'%3E%3Cpath d='M0.390015 0.389999H2.43001C2.61001 0.389999 2.77001 0.509999 2.81001 0.689999L5.72001 12.32C5.81001 12.67 6.12001 12.91 6.48001 12.91H17.61' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.04 16.82C16.6862 16.82 17.21 16.2962 17.21 15.65C17.21 15.0038 16.6862 14.48 16.04 14.48C15.3938 14.48 14.87 15.0038 14.87 15.65C14.87 16.2962 15.3938 16.82 16.04 16.82Z' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.04 16.82C7.68617 16.82 8.21 16.2962 8.21 15.65C8.21 15.0038 7.68617 14.48 7.04 14.48C6.39382 14.48 5.87 15.0038 5.87 15.65C5.87 16.2962 6.39382 16.82 7.04 16.82Z' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.09 2.35H18.01C18.24 2.35 18.42 2.55 18.39 2.78L17.73 9.07C17.69 9.43 17.41 9.72 17.05 9.76L7.05 10.79' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.22 4.7V7.83' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.35 4.7V7.83' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.48 4.7V7.83' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_672_145'%3E%3Crect width='18.78' height='17.22' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.header__nav-item--point .header__point-number {
    color: #7B2F1E;
    font-weight: 700;
}

.header__nav-item--login .header__nav-link--icon::before, .header__nav-item--logout .header__nav-link--icon::before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cg clip-path='url(%23clip0_672_156)'%3E%3Cpath d='M7.63 7.04L8.8 8.22L11.15 5.87' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.89001 15.67L5.34001 18.39L3.48001 15.87L0.390015 15.5L2.25001 12.24' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.89 15.67L13.44 18.39L15.3 15.87L18.39 15.5L16.53 12.24' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.39 12.32C12.0907 12.32 14.28 10.1307 14.28 7.43C14.28 4.72933 12.0907 2.54 9.39 2.54C6.68933 2.54 4.5 4.72933 4.5 7.43C4.5 10.1307 6.68933 12.32 9.39 12.32Z' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.38998 14.47C13.2781 14.47 16.43 11.3181 16.43 7.43C16.43 3.54191 13.2781 0.389999 9.38998 0.389999C5.50189 0.389999 2.34998 3.54191 2.34998 7.43C2.34998 11.3181 5.50189 14.47 9.38998 14.47Z' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_672_156'%3E%3Crect width='18.78' height='18.78' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.header__nav-item--mypage .header__nav-link--icon::before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cg clip-path='url(%23clip0_672_156)'%3E%3Cpath d='M7.63 7.04L8.8 8.22L11.15 5.87' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.89001 15.67L5.34001 18.39L3.48001 15.87L0.390015 15.5L2.25001 12.24' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.89 15.67L13.44 18.39L15.3 15.87L18.39 15.5L16.53 12.24' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.39 12.32C12.0907 12.32 14.28 10.1307 14.28 7.43C14.28 4.72933 12.0907 2.54 9.39 2.54C6.68933 2.54 4.5 4.72933 4.5 7.43C4.5 10.1307 6.68933 12.32 9.39 12.32Z' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.38998 14.47C13.2781 14.47 16.43 11.3181 16.43 7.43C16.43 3.54191 13.2781 0.389999 9.38998 0.389999C5.50189 0.389999 2.34998 3.54191 2.34998 7.43C2.34998 11.3181 5.50189 14.47 9.38998 14.47Z' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_672_156'%3E%3Crect width='18.78' height='18.78' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.header__nav-item--register .header__nav-link--icon::before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='13' viewBox='0 0 19 13' fill='none'%3E%3Cg clip-path='url(%23clip0_2478_4100)'%3E%3Cpath d='M3.13 5.87H9.39001' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.04 9H3.13' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.4 7.43H11.34V5.37C11.34 5.17 11.42 4.97 11.57 4.82L15.79 0.62C16.09 0.32 16.58 0.32 16.88 0.62L18.16 1.9C18.46 2.2 18.46 2.69 18.16 2.99L13.94 7.21C13.8 7.35 13.6 7.44 13.39 7.44L13.4 7.43Z' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.26 1.17L17.61 3.52' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.43 2.35L13.3 5.48' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.04 7.43V11.34C16.04 11.77 15.69 12.12 15.26 12.12H1.17001C0.740015 12.12 0.390015 11.77 0.390015 11.34V2.74C0.390015 2.31 0.740015 1.96 1.17001 1.96H11.34' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2478_4100'%3E%3Crect width='18.78' height='12.52' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.header__nav-item--guide .header__nav-link--icon::before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='19' viewBox='0 0 15 19' fill='none'%3E%3Cg clip-path='url(%23clip0_672_173)'%3E%3Cpath d='M11.74 7.83H7.04004' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.73999 8.02L3.43999 8.61L4.69999 7.04' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.74 12.91H7.04004' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.73999 13.11L3.43999 13.7L4.69999 12.13' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.96 0.389999H3.91002C3.69463 0.389999 3.52002 0.564608 3.52002 0.779999V2.35C3.52002 2.56539 3.69463 2.74 3.91002 2.74H10.96C11.1754 2.74 11.35 2.56539 11.35 2.35V0.779999C11.35 0.564608 11.1754 0.389999 10.96 0.389999Z' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.35 1.17H13.7C14.13 1.17 14.48 1.52 14.48 1.95V17.6C14.48 18.03 14.13 18.38 13.7 18.38H1.17001C0.740015 18.38 0.390015 18.03 0.390015 17.6V1.96C0.390015 1.53 0.740015 1.18 1.17001 1.18H3.52001' stroke='%23505056' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_672_173'%3E%3Crect width='14.87' height='18.78' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.header__nav-item--members .header__nav-link--icon::before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'%3E%3Cg clip-path='url(%23clip0_672_182)'%3E%3Cpath d='M11.54 0.389999V2.74' stroke='%23515151' stroke-width='0.78' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M8.80005 0.389999V2.74' stroke='%23515151' stroke-width='0.78' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M6.06995 0.389999V2.74' stroke='%23515151' stroke-width='0.78' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M3.32996 0.389999V2.74' stroke='%23515151' stroke-width='0.78' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M3.52002 6.26H10.17' stroke='%23515151' stroke-width='0.78' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M3.52002 9.78H8.61002' stroke='%23515151' stroke-width='0.78' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M3.52002 13.3H6.65002' stroke='%23515151' stroke-width='0.78' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M13.83 12.06L14.46 13.32C14.55 13.49 14.71 13.61 14.91 13.64L16.32 13.84C16.81 13.91 17 14.5 16.65 14.84L15.64 15.8C15.5 15.94 15.43 16.13 15.47 16.32L15.71 17.69C15.8 18.17 15.29 18.54 14.85 18.31L13.58 17.65C13.41 17.56 13.2 17.56 13.03 17.65L11.76 18.31C11.33 18.54 10.82 18.17 10.9 17.69L11.14 16.32C11.17 16.13 11.11 15.93 10.97 15.8L9.96002 14.84C9.60002 14.5 9.80002 13.91 10.29 13.84L11.7 13.64C11.89 13.61 12.06 13.49 12.15 13.32L12.78 12.06C13 11.63 13.62 11.63 13.84 12.06H13.83Z' stroke='%23515151' stroke-width='0.78' stroke-linejoin='round'/%3E%3Cpath d='M9.39003 18.39H1.57002C0.920025 18.39 0.400024 17.86 0.400024 17.22V2.35C0.400024 1.7 0.930025 1.18 1.57002 1.18H13.31C13.96 1.18 14.48 1.71 14.48 2.35V10.18' stroke='%23515151' stroke-width='0.78' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_672_182'%3E%3Crect width='17.22' height='18.78' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.header__nav-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    border-radius: 50px;
    background: #7B2F1E;
    color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 245px;
    justify-content: center;
}


/* ===== PC検索 ===== */
.header__searchWrap {
    display: flex;
    align-items: center;
}

.header__searchForm {
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #fff;
}

.header__searchIcon {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.header__searchInput {
    flex: 1;
    border: none;
    outline: none;
    font-size: 14px;
    font-family: inherit;
    color: #282222;
    /* width: 200px; */
    padding: 3px;
    max-width: 151px;
    border: 1px solid #D9D9D9;
}

.header__searchInput::placeholder {
    color: #aaa;
}

/* ===== SP検索バー ===== */
.spHeader__searchBar {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease;
    background: #fff;
    border-top: 1px solid #e8e8e8;
}

.spHeader__searchBar.is-open {
    max-height: 70px;
    padding: 10px 16px;
}

.spHeader__searchForm {
    display: flex;
    align-items: center;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
}

.spHeader__searchIcon {
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.spHeader__searchInput {
    flex: 1;
    border: none;
    outline: none;
    padding: 8px 12px 8px 0;
    font-size: 14px;
    font-family: inherit;
    color: #282222;
}

.spHeader__searchInput::placeholder {
    color: #aaa;
}
/* PC検索トグルボタン */
.header__search-btn {
    background: none;
    border: none;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* PC検索バー（非表示→展開） */
.header__searchBar {
    position: absolute;
    bottom: -5px;
    left: -9px;
    /* width: 240px; */
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease;
    background: #fff;
    z-index: 100;
}

.header__searchBar.is-open {
    max-height: 60px;
}
.header__nav-item--search {
    position: relative;
    transform: translateY(-5%);
}
.header {
    /* =========================
    Header Main（商品を探すだけ開く）
    - #nav-products-toggle:checked で .mega を表示
    - 他（特集/コラム/について）は通常リンクで開かない
  ========================= */
    /* toggle（JSなし） */
}
.header .navToggle {
    /* hiddenで非表示想定。保険 */
}
.header {
    /* 開いた状態（checkboxがONのとき） */
}
.header #nav-products-toggle:checked ~ .mega {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.header #nav-products-toggle:checked ~ .mega .mega__panel {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    opacity: 1;
}
.header {
    /* =========================
    Header Main
  ========================= */
}
.header .headerMain {
    position: relative;
    z-index: 60; /* megaより上（megaは50想定） */
    background: #fbf6ef;
}
.header .headerMain__inner {
    width: min(1200px, 100% - 48px);
    margin: 0 auto;
}
.header .headerMain__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: 20px 0;
}
.header .headerMain__item {
    text-align: center;
}
.header .headerMain__item--column {
    opacity: 1;
}
.header .headerMain__item--column .headerMain__link {
    cursor: pointer;
}
.header .headerMain__item--logo {
    padding: 0 10px;
}
.header .headerMain__link {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.header .headerMain__link:hover {
    opacity: 0.85;
}
.header .headerMain__link--toggle {
    /* labelなので見た目はリンクと同じに */
}
.header .headerMain__icon {
    width: 62px;
    height: 62px;
    display: block;
}
.header .headerMain__icon::before {
    content: "";
    display: block;
    width: 62px;
    height: 62px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.header .headerMain__item--products .headerMain__icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='62' viewBox='0 0 56 62' fill='none'%3E%3Cg clip-path='url(%23clip0_672_49)'%3E%3Cpath d='M11.4545 20.6667V11.625C11.4545 5.91583 16.0109 1.29166 21.6364 1.29166C27.2618 1.29166 31.8182 5.91583 31.8182 11.625V20.6667' stroke='%23282222' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M53.4545 29.7083H25.4545C24.7516 29.7083 24.1818 30.2866 24.1818 31V59.4167C24.1818 60.13 24.7516 60.7083 25.4545 60.7083H53.4545C54.1575 60.7083 54.7273 60.13 54.7273 59.4167V31C54.7273 30.2866 54.1575 29.7083 53.4545 29.7083Z' stroke='%23282222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.0909 60.7083H5.09091C2.97818 60.7083 1.27273 58.9775 1.27273 56.8333V18.0833C1.27273 16.6625 2.41818 15.5 3.81818 15.5H39.4545C40.8545 15.5 42 16.6625 42 18.0833V29.7083' stroke='%23282222' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M29.2727 52.9583H49.6364' stroke='%23282222' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_672_49'%3E%3Crect width='56' height='62' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.header .headerMain__item--feature .headerMain__icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='62' viewBox='0 0 62 62' fill='none'%3E%3Cg clip-path='url(%23clip0_672_55)'%3E%3Cpath d='M1.29166 40.7779L8.62832 38.1171C9.95874 37.6392 11.4312 38.3237 11.9221 39.6671L17.5537 53.7462C18.0446 55.1025 17.36 56.6137 16.0037 57.1046L6.04499 60.7083' stroke='%23282222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.5967 54.6375L31.9042 57.3758C34.1904 57.9829 36.6188 57.8021 38.7888 56.8462L58.4608 48.2696C60.4758 47.3912 61.3025 44.9758 60.2304 43.0642C59.3133 41.3979 57.2725 40.7004 55.5158 41.4237L45.5571 45.0017' stroke='%23282222' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M15.965 38.13L16.895 37.6521C20.1887 35.9471 24.0508 35.7017 27.5254 37.0063L39.1633 41.3463C41.2817 42.1342 42.3925 44.4463 41.6821 46.5775C40.9458 48.7733 38.5692 49.9488 36.3604 49.2254L28.5975 46.655' stroke='%23282222' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M21.08 32.2917C20.9896 32.1754 20.8992 32.0721 20.7958 31.9817L15.19 26.4792C13.2525 24.5804 14.3246 21.2608 16.9983 20.8733L24.7354 19.7367C25.7946 19.5817 26.7117 18.91 27.1896 17.9413L30.6513 10.8758C31.8525 8.43459 35.3013 8.43459 36.5025 10.8758L39.9642 17.9413C40.4421 18.91 41.3592 19.5817 42.4183 19.7367L50.1554 20.8733C52.8292 21.2608 53.9013 24.5804 51.9638 26.4792L46.3579 31.9817C45.5958 32.7308 45.2342 33.8288 45.415 34.8879L46.2933 40.0417' stroke='%23282222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.5833 1.29166V3.875' stroke='%23282222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M52.7646 9.23541L50.9433 11.0696' stroke='%23282222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M60.7083 28.4167H58.125' stroke='%23282222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.45834 28.4167H9.04168' stroke='%23282222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.4021 9.23541L16.2233 11.0696' stroke='%23282222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_672_55'%3E%3Crect width='62' height='62' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.header .headerMain__item--column .headerMain__icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='62' viewBox='0 0 56 62' fill='none'%3E%3Cg clip-path='url(%23clip0_672_66)'%3E%3Cpath d='M11.4545 16.7917H30.5454' stroke='%23282222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.4545 27.125H34.3636' stroke='%23282222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.4545 37.4583H28' stroke='%23282222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.1818 55.5417C12.9945 55.5417 15.2727 53.2296 15.2727 50.375H54.7272C54.7272 56.0842 50.1709 60.7083 44.5454 60.7083H8.90907C4.69634 60.7083 1.27271 57.2338 1.27271 52.9583V3.875C1.27271 2.45416 2.41816 1.29166 3.81816 1.29166H6.42725C6.73271 3.12583 8.28543 4.52083 10.1818 4.52083C12.0782 4.52083 13.6309 3.12583 13.9363 1.29166H20.4272C20.7327 3.12583 22.2854 4.52083 24.1818 4.52083C26.0782 4.52083 27.6309 3.12583 27.9363 1.29166H34.4272C34.7327 3.12583 36.2854 4.52083 38.1818 4.52083C40.0782 4.52083 41.6309 3.12583 41.9363 1.29166H44.5454C45.9454 1.29166 47.0909 2.45416 47.0909 3.875V43.9167' stroke='%23282222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_672_66'%3E%3Crect width='56' height='62' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.header .headerMain__item--about .headerMain__icon::before {
    width: 65px;
    height: 60px;
    background-image: url("https://gigaplus.makeshop.jp/imahan/img/imahan_icon.png");
}
.header .headerMain__text {
    text-align: center;
    font-family: "Hiragino Mincho Pro";
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}
.header .headerMain__logoLink {
    max-width: 241px;
    display: block;
}
.header {
    /* =========================
  Mega Menu（商品を探す）
  ※ヘッダー直下に配置される想定
  ========================= */
}
.header .mega {
    position: relative;
    z-index: 50;
    /* 初期は閉じる */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}
.header .mega__backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.15);
}
.header .mega__panel {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
    width: min(1100px, 100vw - 48px);
    background: #F9F5F0;
    border: 1px solid #987755;
    -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
    padding: 28px 28px 32px;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
    transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
    transition: transform 0.2s ease, opacity 0.2s ease;
    transition: transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
    /* ▼追加：パネル内だけスクロール */
    max-height: calc(100vh - 250px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
}
.header .mega__inner {
    width: 100%;
}
.header .mega__grid {
    display: grid;
    grid-template-columns: 1.05fr 1fr 1.05fr;
    gap: 36px;
}
.header .mega__col {
    min-width: 0;
}
.header {
    /* 見出し */
}
.header .megaBlock--mt {
    margin-top: 28px;
}
.header .megaBlock__title {
    font-family: "Hiragino Mincho Pro";
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    margin: 0 0 14px;
}
.header {
    /* 画像付きリスト */
}
.header .megaList {
    list-style: none;
    margin: 0;
    padding: 0;
}
.header .megaList__item + .megaList__item {
    margin-top: 12px;
}
.header .megaList__item--hasChildren {
    margin-top: 12px;
}
.header .megaLink {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    position: relative;
}
.header .megaLink__thumb {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    overflow: hidden;
}
.header .megaLink__thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}
.header .megaLink__icon {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    overflow: hidden;
    border: #987755 solid 1px;
    background: #fff;
}
.header .megaLink__icon img {
    width: 100%;
    height: 100%;
    display: block;
    padding: 10px;
}
.header .megaLink__text {
    font-size: 14px;
}
.header .arrow_icon {
    display: inline-block;
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' viewBox='0 0 7 12' fill='none'%3E%3Cpath d='M0.369873 11.3363L5.36987 5.83633L0.369873 0.336334' stroke='%23282222'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.header {
    /* アイコン付きリスト（用途） */
}
.header .megaIconList {
    list-style: none;
    margin: 0;
    padding: 0;
}
.header .megaIconList__item + .megaIconList__item {
    margin-top: 14px;
}
.header .megaIconLink {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    position: relative;
}
.header .megaIconLink__icon {
    width: 55px;
    height: 55px;
    border-radius: 999px;
    border: 1px solid #987755;
    display: grid;
    place-items: center;
    font-size: 16px;
}
.header .megaIconLink__text {
    font-size: 14px;
}
.header {
    /* テキストリスト（価格/人数） */
}
.header .megaTextList {
    list-style: none;
    margin: 0;
    padding: 0;
}
.header .megaTextList__item + .megaTextList__item {
    margin-top: 15px;
}
.header .megaTextLink {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    position: relative;
}
.header .megaTextLink span:last-child {
    opacity: 0.6;
    font-size: 18px;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}
.header {
    /* アコーディオン */
}
.header .megaAcc {
    border: none;
}

/* summaryをflexに変更・gapをなくして名前と矢印を分離 */
.header .megaAcc__summary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0;
    position: relative;
    cursor: default;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

/* ::-webkit-details-marker は不要になるが念のため残す */
.header .megaAcc__summary::-webkit-details-marker {
    display: none;
}

/* 親カテゴリリンク（サムネイル＋テキスト） */
.header .megaAcc__main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.header .megaAcc__main:hover {
    opacity: 0.7;
}

.header .megaAcc__text {
    font-size: 14px;
}

/* 矢印ボタン（アコーディオントリガー） */
.header .megaAcc__toggle {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px 0 4px 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.header .megaAcc__toggle:hover {
    opacity: 0.7;
}

/* arrow-down_icon をtoggle内ではpositionリセット */
.header .megaAcc__toggle .arrow-down_icon {
    position: static;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    display: block;
    width: 11px;
    height: 11px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M0.336426 0.369995L5.83643 5.37L11.3364 0.369995' stroke='%23282222'/%3E%3C/svg%3E");
}

/* 開いているときに矢印を回転 */
.header .megaAcc__toggle[aria-expanded="true"] .arrow-down_icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* arrow-down_icon の共通スタイル（既存と統合） */
.header .megaAcc .arrow-down_icon {
    display: inline-block;
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M0.336426 0.369995L5.83643 5.37L11.3364 0.369995' stroke='%23282222'/%3E%3C/svg%3E");
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* details[open] での回転は不要になるが念のため残す */
.header .megaAcc[open] .arrow-down_icon {
    -webkit-transform: rotate(180deg) translateY(1px);
    transform: rotate(180deg) translateY(1px);
}

/* サブリスト 非表示/表示 */
.header .megaSubList {
    list-style: none;
    margin: 10px 0 0;
    padding: 0 0 0 52px;
}
.header .megaSubList[hidden] {
    display: none;
}
.header .megaSubList:not([hidden]) {
    display: block;
}
.header .megaSubList__item + .megaSubList__item {
    margin-top: 15px;
}
.header .megaSubLink {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-decoration: none;
    color: inherit;
    font-size: 14px;
    position: relative;
}
.header .megaSubLink__arrow {
    opacity: 0.6;
    font-size: 18px;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}
.header .megaSubLink:hover {
    opacity: 0.85;
}

/* =========================
  SP Header
========================= */
.spHeader {
    display: none;
    background: #f8f5ef;
    border-bottom: 1px solid #d7d2cb;
}
@media screen and (max-width: 1024px) {
    .spHeader {
        display: block;
    }
}
.spHeader__inner {
    height: 70px;
    padding: 0 14px 0 16px;
    display: grid;
    grid-template-columns: 64px 1fr auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.spHeader__menuBtn {
    border: 0;
    background: transparent;
    padding: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    color: #282222;
    font-family: inherit;
    cursor: pointer;
}
.spHeader__menuLines {
    width: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 7px;
}
.spHeader__menuLines span {
    display: block;
    width: 100%;
    height: 1px;
    background: #282222;
    border-radius: 999px;
}
.spHeader__menuText {
    font-family: "Cormorant", serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}
.spHeader__logo {
    margin: 0;
    text-align: center;
}
.spHeader__logoLink {
    display: inline-block;
}
.spHeader__logo img {
    width: 130px;
}
.spHeader__right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 18px;
}
.spHeader__iconLink {
    text-decoration: none;
    color: #282222;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2px;

    border-radius: 50px;
    background: #7B2F1E;
    color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 175px;
    justify-content: center;
    font-size: 12px;
}
.spHeader__iconLink img {
    width: 30px;
    height: 30px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
}
.spHeader__iconLink--search .spHeader__icon::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M18.7851 22.4736C16.9327 23.6656 14.726 24.3421 12.3743 24.3421C5.754 24.3421 0.390137 18.9783 0.390137 12.3741C0.390137 5.76997 5.754 0.389999 12.3743 0.389999C18.9945 0.389999 24.3423 5.75386 24.3423 12.358C24.3423 14.7097 23.6657 16.9165 22.4738 18.7689C21.5395 20.2669 20.267 21.5233 18.7851 22.4575V22.4736Z' stroke='%23282222' stroke-width='0.78' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M16.9164 19.542C15.5955 20.3796 14.0331 20.8629 12.3579 20.8629C7.65444 20.8629 3.85303 17.0615 3.85303 12.358C3.85303 7.65457 7.67055 3.85316 12.374 3.85316C17.0774 3.85316 20.8788 7.65457 20.8788 12.358C20.8788 14.0332 20.3956 15.5957 19.558 16.9165C18.8976 17.9796 17.9956 18.8655 16.9325 19.542H16.9164Z' stroke='%23282222' stroke-width='0.78' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M12.374 7.33241C14.468 7.33241 16.256 8.60492 17.013 10.409' stroke='%23282222' stroke-width='0.78' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M18.6724 22.4897L21.6362 25.4374L24.7933 28.5946C25.8403 29.6577 27.5477 29.6577 28.6108 28.5946C29.1424 28.063 29.4001 27.3865 29.4001 26.6938C29.4001 26.0012 29.1424 25.3086 28.6108 24.7931L26.7101 22.8924L22.506 18.6722' stroke='%23282222' stroke-width='0.78' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M24.3424 20.5246L20.5249 24.3421' stroke='%23282222' stroke-width='0.78' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E");
}
.spHeader__iconLink--cart .spHeader__icon::before {
    content: "";
    display: block;
    width: 23px;
    height: 23px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='21' viewBox='0 0 23 21' fill='none'%3E%3Cpath d='M0.390137 0.389999H2.88441C3.10449 0.389999 3.30012 0.536721 3.34903 0.756804L6.90704 14.9766C7.01708 15.4045 7.39611 15.698 7.83628 15.698H21.4447' stroke='%23282222' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.5253 20.4787C20.3153 20.4787 20.9558 19.8382 20.9558 19.0481C20.9558 18.2581 20.3153 17.6176 19.5253 17.6176C18.7352 17.6176 18.0947 18.2581 18.0947 19.0481C18.0947 19.8382 18.7352 20.4787 19.5253 20.4787Z' stroke='%23282222' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.52087 20.4787C9.31093 20.4787 9.95141 19.8382 9.95141 19.0481C9.95141 18.2581 9.31093 17.6176 8.52087 17.6176C7.7308 17.6176 7.09033 18.2581 7.09033 19.0481C7.09033 19.8382 7.7308 20.4787 8.52087 20.4787Z' stroke='%23282222' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.12451 2.78646H21.9216C22.2028 2.78646 22.4229 3.031 22.3862 3.31221L21.5792 11.0029C21.5303 11.4431 21.188 11.7976 20.7478 11.8465L8.52097 13.1059' stroke='%23282222' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.95117 5.65977V9.48676' stroke='%23282222' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.7788 5.65977V9.48676' stroke='%23282222' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.6055 5.65977V9.48676' stroke='%23282222' stroke-width='0.78' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.spHeader__iconText {
    font-size: 10px;
    font-weight: 500;
}

/* =========================
  SP Drawer
========================= */
.spDrawer {
    position: fixed;
    inset: 0;
    z-index: 200;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity 0.25s ease, visibility 0.25s ease;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}
.spDrawer.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.spDrawer.is-open .spDrawer__panel {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.spDrawer__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.28);
}
.spDrawer__panel {
    position: relative;
    width: min(100%, 500px);
    height: 100dvh;
    background: #f8f5ef;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.spDrawer__inner {
    padding: 18px 18px 60px;
}
.spDrawer__close {
    border: 0;
    background: transparent;
    padding: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3px;
    color: #282222;
    cursor: pointer;
}
.spDrawer__closeIcon {
    width: 35px;
    height: 20px;
    position: relative;
}
.spDrawer__closeIcon span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #282222;
    -webkit-transform-origin: center;
    transform-origin: center;
}
.spDrawer__closeIcon span:first-child {
    -webkit-transform: translate(-50%, -50%) rotate(32deg);
    transform: translate(-50%, -50%) rotate(32deg);
}
.spDrawer__closeIcon span:last-child {
    -webkit-transform: translate(-50%, -50%) rotate(-32deg);
    transform: translate(-50%, -50%) rotate(-32deg);
}
.spDrawer__closeText {
    font-size: 10px;
}
.spDrawer__auth {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 28px;
}
.spDrawer__authBtn {
    height: 54px;
    border-radius: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}
.spDrawer__authBtn--login,
.spDrawer__authBtn--mypage {
    background: #7B2F1E;
    color: #fff;
}
.spDrawer__authBtn--register,
.spDrawer__authBtn--logout {
    background: #CAB26A;
    color: #fff;
}
.spDrawer__point {
    margin: 28px 0 0;
    font-size: 14px;
    font-weight: 500;
}
.spDrawer__point span {
    color: #7B2F1E;
    font-weight: 700;
}
.spDrawer__subNav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-top: 28px;
    padding-bottom: 22px;
    border-bottom: 1px solid #8d8780;
}
.spDrawer__subLink {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    font-weight: 500;
}
.spDrawer__nav {
    margin-top: 12px;
}
.spDrawer__navList {
    list-style: none;
    margin: 0;
    padding: 0;
}
.spDrawer__navItem {
    border-bottom: 0;
}
.spDrawer__navItem + .spDrawer__navItem {
    margin-top: 2px;
}
.spDrawer__navLink {
    display: block;
    padding: 7px 0;
}
.spDrawer__navHead, .spDrawer__navLink {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-family: "Hiragino Mincho Pro";
    font-size: 16px;
    font-weight: 600;
    position: relative;
}
.spDrawer__navIcon {
    width: 24px;
    height: 24px;
}
.spDrawer__navIcon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
}
.spDrawer__navTitle {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}
.spDrawer .arrow_icon {
    display: inline-block;
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' viewBox='0 0 7 12' fill='none'%3E%3Cpath d='M0.369873 11.3363L5.36987 5.83633L0.369873 0.336334' stroke='%23282222'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* =========================
  第1階層アコーディオン（商品を探す）
========================= */
.spAcc {
    border-bottom: 0;
}
.spAcc__summary {
    cursor: pointer;
    padding: 7px 0;
    display: block;
}
.spAcc__summary::-webkit-details-marker {
    display: none;
}

.spAcc__icon.custom img {
    width: 22px;
}
.spAcc---products .spAcc__icon::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22' fill='none'%3E%3Cg clip-path='url(%23clip0_672_435)'%3E%3Cpath d='M4.08789 7.33597V4.12994C4.08789 2.10051 5.71671 0.458008 7.72924 0.458008C9.73394 0.458008 11.3628 2.10051 11.3628 4.12204V7.32807' stroke='%23282222' stroke-width='1.16' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M19.0914 10.542H9.0914C8.84055 10.542 8.63721 10.747 8.63721 11V21.084C8.63721 21.3369 8.84055 21.542 9.0914 21.542H19.0914C19.3422 21.542 19.5456 21.3369 19.5456 21.084V11C19.5456 10.747 19.3422 10.542 19.0914 10.542Z' stroke='%23282222' stroke-width='1.16' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.82059 21.542H1.81667C1.06491 21.542 0.454102 20.9261 0.454102 20.168V6.41206C0.454102 5.90667 0.861306 5.49605 1.36248 5.49605H14.0876C14.5888 5.49605 14.996 5.90667 14.996 6.41206V10.5341' stroke='%23282222' stroke-width='1.16' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M10.4541 18.7861H17.7211' stroke='%23282222' stroke-width='1.16' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_672_435'%3E%3Crect width='20' height='22' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.spAcc---features .spAcc__icon::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23clip0_672_441)'%3E%3Cpath d='M0.458008 14.4666L3.06389 13.5269C3.53769 13.3532 4.05887 13.598 4.2326 14.0797L6.23044 19.0783C6.40417 19.56 6.15937 20.0969 5.67768 20.2706L2.14789 21.5499' stroke='%23282222' stroke-width='1.16' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.65967 19.3862L11.3158 20.3575C12.1292 20.5707 12.9899 20.5075 13.7638 20.168L20.7444 17.1278C21.463 16.8119 21.7551 15.9591 21.3761 15.28C21.0523 14.6877 20.3259 14.4429 19.702 14.6956L16.1722 15.967' stroke='%23282222' stroke-width='1.16' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M5.66211 13.5269L5.99377 13.3532C7.16247 12.7452 8.52858 12.6662 9.76835 13.1242L13.8983 14.664C14.6485 14.9404 15.0433 15.7617 14.7906 16.5197C14.53 17.2936 13.6851 17.72 12.9033 17.4594L10.1474 16.5434' stroke='%23282222' stroke-width='1.16' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M7.47819 11.458C7.47819 11.458 7.41502 11.3791 7.37554 11.3475L5.38559 9.397C4.69858 8.72578 5.07762 7.54919 6.02521 7.40705L8.77324 7.00432C9.15228 6.94904 9.47604 6.71215 9.64187 6.36469L10.8658 3.86146C11.2923 2.99283 12.5162 2.99283 12.9427 3.86146L14.1666 6.36469C14.3325 6.71215 14.6641 6.94904 15.0353 7.00432L17.7833 7.40705C18.7309 7.54919 19.1099 8.71789 18.4229 9.397L16.433 11.3475C16.1566 11.6159 16.0381 12.0029 16.1013 12.3819L16.4093 14.2139' stroke='%23282222' stroke-width='1.16' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.916 0.458008V1.37402' stroke='%23282222' stroke-width='1.16' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.7227 3.2771L18.0752 3.92462' stroke='%23282222' stroke-width='1.16' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.542 10.084H20.626' stroke='%23282222' stroke-width='1.16' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.29004 10.084H3.20605' stroke='%23282222' stroke-width='1.16' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.10889 3.2771L5.75641 3.92462' stroke='%23282222' stroke-width='1.16' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_672_441'%3E%3Crect width='22' height='22' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.spAcc---colums .spAcc__icon::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='23' viewBox='0 0 21 23' fill='none'%3E%3Cpath d='M3.7594 19.832C4.76175 19.832 5.57616 19.0107 5.57616 17.9999H19.6639C19.6639 20.0215 18.0351 21.664 16.0304 21.664H3.30522C1.80169 21.664 0.580078 20.4321 0.580078 18.916V1.496C0.580078 0.990611 0.987283 0.579987 1.48846 0.579987H2.42033C2.52996 1.22751 3.08595 1.725 3.7594 1.725C4.43286 1.725 4.98885 1.22751 5.09848 0.579987H7.41641C7.52605 1.22751 8.08204 1.725 8.75549 1.725C9.42894 1.725 9.98493 1.22751 10.0946 0.579987H12.4125C12.5221 1.22751 13.0781 1.725 13.7516 1.725C14.425 1.725 14.981 1.22751 15.0907 0.579987H16.0225C16.5237 0.579987 16.9309 0.990611 16.9309 1.496V15.702' stroke='%23282222' stroke-width='1.16' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.spAcc---about .spAcc__icon::before {
    width: 22px;
    height: 20px;
    background-image: url("https://gigaplus.makeshop.jp/imahan/img/imahan_icon.png");
}
.spAcc__arrow {
    width: 8px;
    height: 8px;
    border-right: 1px solid #282222;
    border-bottom: 1px solid #282222;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    position: absolute;
    right: 10px;
    top: 42%;
}
.spAcc[open] .spAcc__arrow {
    -webkit-transform: rotate(-135deg) translateY(-50%);
    transform: rotate(-135deg) translateY(-50%);
}
.spAcc__body {
    padding-top: 12px;
    padding-bottom: 45px;
}

/* =========================
  メニューセクション
========================= */
.spMenuBlock--mt {
    margin-top: 28px;
}
.spMenuBlock__title {
    margin: 0 0 10px;
    padding-bottom: 8px;
    font-family: "Hiragino Mincho Pro";
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    border-bottom: 1px solid #282222;
}
.spMenuBlock--yoto .spMenuLink__thumb {
    border: #987755 solid 1px;
    background: #fff;
}
.spMenuBlock--yoto .spMenuLink__thumb img {
    padding: 10px;
}

.spMenuList {
    list-style: none;
    margin: 0;
    padding: 0;
}
.spMenuList__item + .spMenuList__item {
    margin-top: 13px;
}

.spMenuLink {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    position: relative;
}
.spMenuLink__thumb {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    overflow: hidden;
}
.spMenuLink__thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}
.spMenuLink__text {
    font-size: 14px;
}
.spMenuLink__arrow {
    width: 10px;
    height: 10px;
    border-right: 1px solid #282222;
    border-bottom: 1px solid #282222;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    justify-self: end;
    margin-right: 4px;
}
.spMenuLink[open] .spMenuLink__arrow {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin-top: 6px;
}

/* =========================
  子カテゴリ付きアコーディオン
========================= */
.spChildAcc__summary {
    list-style: none;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    position: relative;
}
.spChildAcc__toggle {
    background: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.spChildAcc__toggle .arrow-down_icon {
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M0.336426 0.369995L5.83643 5.37L11.3364 0.369995' stroke='%23282222'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.spChildAcc__toggle[aria-expanded="true"] .arrow-down_icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.spChildAcc__summary::-webkit-details-marker {
    display: none;
}
.spChildAcc__main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}
.spChildAcc__text {
    font-size: 14px;
}
.spChildAcc__arrow {
    display: inline-block;
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M0.336426 0.369995L5.83643 5.37L11.3364 0.369995' stroke='%23282222'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.spChildAcc[open] .spChildAcc__arrow {
    top: 42%;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.spChildAcc__list {
    list-style: none;
    margin: 10px 0 0;
    padding: 0 0 0 78px;
}
.spChildAcc__item + .spChildAcc__item {
    margin-top: 10px;
}
.spChildAcc__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-decoration: none;
    color: #282222;
    font-size: 15px;
    line-height: 1.5;
    position: relative;
}
.spChildAcc__linkArrow {
    font-size: 20px;
    color: #5f5a55;
}

/* =========================
  テキストリスト
========================= */
.spTextList {
    list-style: none;
    margin: 0;
    padding: 0;
}
.spTextList__item + .spTextList__item {
    margin-top: 10px;
}

.spTextLink {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    font-size: 14px;
    position: relative;
    padding: 7px 0;
}
.spTextLink span:last-child {
    font-size: 20px;
}

.modalBg {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(28, 29, 31, 0.4);
    z-index: 1;
    top: 0;
    left: 0;
    display: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.modalBg.open {
    display: block;
}

.guideFooter {
    position: relative;
    background: #7B2F1E;
    color: #fff;
}
.guideFooter a {
    color: #fff;
    text-decoration: none;
}
.guideFooter__pagetop {
    position: absolute;
    top: -50px;
    right: 50px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #7B2F1E;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 4px;
    font-size: 14px;
    line-height: 1.1;
    text-align: center;
    z-index: 2;
    padding: 10px 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.guideFooter__pagetop:hover {
    opacity: 1;
}
.guideFooter__pagetop .arrow-down_icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M0.353516 5.20703L4.85352 0.707031L9.35352 5.20703' stroke='white'/%3E%3C/svg%3E");
    content: "";
    display: block;
    width: 10px;
    height: 6px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.guideFooter__inner {
    max-width: 1220px;
    margin: 0 auto;
    padding: 40px 20px 60px;
}
.guideFooter__head {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 54px;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    margin-bottom: 48px;
}
.guideFooter__logo img {
    width: 110px;
    height: auto;
    display: block;
}
.guideFooter__titleWrap {
    padding-bottom: 30px;
}
.guideFooter__subTitle {
    color: #F9F5F0;
    font-family: "Cormorant", serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}
.guideFooter__title {
    font-family: "Hiragino Mincho Pro";
    font-size: 35px;
    font-weight: 300;
    line-height: normal;
}
.guideFooter__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 40px;
}
.guideFooter__block {
    min-width: 0;
}
.guideFooter__blockTitle {
    margin: 0 0 5px;
    padding-bottom: 5px;
    font-family: "Hiragino Mincho Pro";
    font-size: 18px;
    font-weight: 600;
    line-height: 1.7;
    border-bottom: 1px solid #FFF;
}
.guideFooter__blockBody {
    font-size: 14px;
    line-height: 1.7;
}
.guideFooter__blockBody p + p {
    margin-top: 10px;
}
.guideFooter__more {
    margin-top: 5px !important;
}
.guideFooter__more a {
    display: inline-block;
    font-size: 16px;
    line-height: 1.4;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.guideFooter__contactBtnWrap {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}
.guideFooter__contactBtn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 380px;
    padding: 13px;
    border: 1px solid #fff;
    border-radius: 50px;
    font-size: 14px;
    line-height: 1.7;
    color: #fff;
    background: transparent;
}
.guideFooter__bottom {
    background: #fff;
    color: #282222;
}
.guideFooter__bottomInner {
    max-width: 1220px;
    margin: 0 auto;
    padding: 18px 40px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
}
.guideFooter__copy {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    white-space: nowrap;
}
.guideFooter__bottomNav {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 0;
}
.guideFooter__bottomItem {
    position: relative;
    padding: 0 18px;
}
.guideFooter__bottomItem:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 18px;
    background: #282222;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.guideFooter__bottomItem a {
    font-size: 14px;
    line-height: 1.7;
    color: #282222;
}

@media (max-width: 767px) {
    .guideFooter__pagetop {
        right: 16px;
        width: 86px;
        height: 86px;
        font-size: 12px;
    }
    .guideFooter__pagetop span {
        font-size: 14px;
    }
    .guideFooter__inner {
        padding: 20px 20px 50px;
    }
    .guideFooter__head {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-bottom: 28px;
    }
    .guideFooter__logo {
        text-align: center;
    }
    .guideFooter__logo img {
        width: 86px;
        margin: 0 auto;
    }
    .guideFooter__titleWrap {
        padding-top: 0;
    }
    .guideFooter__subTitle {
        font-size: 14px;
    }
    .guideFooter__title {
        font-size: 25px;
    }
    .guideFooter__grid {
        grid-template-columns: 1fr;
        padding-left: 0;
        row-gap: 30px;
    }
    .guideFooter__blockTitle {
        font-size: 16px;
    }
    .guideFooter__blockBody {
        font-size: 12px;
    }
    .guideFooter__more a {
        font-size: 14px;
    }
    .guideFooter__contactBtnWrap {
        margin-top: 14px !important;
        margin-bottom: 14px !important;
    }
    .guideFooter__contactBtn {
        width: 100%;
        min-width: 0;
        max-width: 200px;
        padding: 12px;
        font-size: 12px;
    }
    .guideFooter__bottomInner {
        padding: 18px 20px;
        gap: 12px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .guideFooter__copy {
        font-size: 12px;
        white-space: normal;
    }
    .guideFooter__bottomNav {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        row-gap: 8px;
    }
    .guideFooter__bottomItem {
        padding: 0 20px;
    }
    .guideFooter__bottomItem:not(:last-child)::after {
        height: 14px;
    }
    .guideFooter__bottomItem a {
        font-size: 12px;
    }
}
.topPage .contents {
    background: #F9F5F0;
}
.topPage .section {
    padding: 60px 0;
}
@media screen and (max-width: 568px) {
    .topPage .section {
        padding: 30px 0;
    }
}
.topPage .main-visual__inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px 30px;
}
.topPage .main-visual .main-visual__videoWrap {
    position: relative;
    height: 0;
    overflow: hidden;
}
.topPage .main-visual .main-visual__videoWrap--pc {
    padding-bottom: 56.3%;
}

.topPage .main-visual .main-visual__videoWrap--sp {
    padding-bottom: 179%;
}

.topPage .main-visual .main-visual__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.topPage {
    /* 共通 */
}
.topPage .topSection {
    padding: 56px 0;
}
.topPage .topSection--recommend, .topPage .topSection--meat, .topPage .topSection--gift, .topPage .topSection--menu {
    background: #fff;
}
.topPage .topSection--seasonal, .topPage .topSection--shops-news, .topPage .topSection--column, .topPage .topSection--magazine, .topPage .topSection--brandIntro {
    background: #F9F5F0;
}
@media screen and (max-width: 768px) {
    .topPage .topSection--seasonal, .topPage .topSection--shops-news, .topPage .topSection--column, .topPage .topSection--magazine, .topPage .topSection--brandIntro {
        background: #fff;
    }
}
.topPage .topSection--beginner, .topPage .topSection--ranking, .topPage .topSection--mambers-news, .topPage .topSection--viewed, .topPage .topSection--news {
    background: #fff;
}
@media screen and (max-width: 768px) {
    .topPage .topSection--beginner, .topPage .topSection--ranking, .topPage .topSection--mambers-news, .topPage .topSection--viewed, .topPage .topSection--news {
        background: #F9F5F0;
    }
}
.topPage .topSection__inner {
    width: min(1200px, 100% - 48px);
    margin: 0 auto;
}
.topPage .sectionHeading {
    margin-bottom: 28px;
    text-align: center;
}
.topPage .sectionHeading__en {
    color: #7B2F1E;
    text-align: center;
    font-family: "Cormorant", serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}
.topPage .sectionHeading__ja {
    text-align: center;
    font-family: "Zen Old Mincho", serif;
    font-size: 35px;
    font-weight: 600;
    line-height: normal;
}
.topPage {
    /* ホットキーワード */
}
.topPage .topKeywords {
    background: #fff;
    padding: 20px 0;
}
@media screen and (max-width: 768px) {
    .topPage .topKeywords {
        display: none;
        margin-bottom: 0px;
    }
}
.topPage .topKeywords__inner {
    width: min(1200px, 100% - 48px);
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
    .topPage .topKeywords__inner {
        display: block;
    }
}
.topPage .topKeywords__label {
    font-family: "Zen Old Mincho", serif;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
}
@media screen and (max-width: 768px) {
    .topPage .topKeywords__label {
        margin-bottom: 15px;
    }
}
.topPage .topKeywords__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.topPage .topKeywords__item a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 3px 10px;
    border: 1px solid #7B2F1E;
    border-radius: 15px;
    background: #fff;
    font-size: 16px;
    color: #7f4a38;
    text-decoration: none;
}
@media screen and (max-width: 768px) {
    .topPage .topKeywords__item a {
        font-size: 14px;
    }
}
.topPage .topKeywordsSp {
    display: none;
}
.topPage {
    /* 〜から探す */
}
.topPage .topSearch {
    padding: 0 0 30px;
}
.topPage .topSearch__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 1px;
}
.topPage .topSearch__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #7B2F1E;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    padding: 18px 0;
}
.topPage {
    /* おすすめ商品 */
}
.topPage .recommendList {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 14px;
}
.topPage .productCard__link {
    display: block;
    text-decoration: none;
    color: inherit;
}
.topPage .productCard__thumb {
    display: block;
    border: 1px solid #ddd4ca;
    background: #fff;
    aspect-ratio: 1/1;
}
.topPage .productCard__thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}
.topPage .productCard__name {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.5;
}
.topPage .productCard__price {
    display: block;
    margin-top: 4px;
    color: #b54c3c;
    font-size: 14px;
    font-weight: 700;
}
.topPage {
    /* キャンペーン */
}
.topPage .campaignSlider {
    position: relative;
}
.topPage .campaignSlider__main {
    min-width: 0;
    overflow: hidden;
}
.topPage .campaignSlider .swiper {
    width: 100%;
}
.topPage .campaignSlider .swiper-wrapper {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.topPage .campaignSlider .swiper-slide {
    height: auto;
}
.topPage .campaignSlider__image {
    display: block;
    overflow: hidden;
    background: #fff;
}
.topPage .campaignSlider__image img {
    width: 100%;
    display: block;
}
.topPage .campaignSlider__arrow {
    padding: 0;
    border: none;
    outline: none;
    font: inherit;
    color: inherit;
    background: none;
    position: absolute;
    top: 50%;
    left: 15%;
    right: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    border: #000 solid 1px;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    cursor: pointer;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    display: none; /* 一時的に削除 */
}
@media screen and (max-width: 768px) {
    .topPage .campaignSlider__arrow {
        height: 30px;
        width: 30px;
    }
}
.topPage .campaignSlider__arrow:hover {
    opacity: 0.7;
}
.topPage .campaignSlider__arrow::before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='40px' viewBox='0 -960 960 960' width='40px' fill='%23000'%3E%3Cpath d='M560-276 356-480l204-204.67 17.33 17.34L390.67-480l186.66 186.67L560-276Z'/%3E%3C/svg%3E");
}
@media screen and (max-width: 768px) {
    .topPage .campaignSlider__arrow::before {
        width: 30px;
        height: 30px;
    }
}
.topPage .campaignSlider__arrow--next {
    left: auto;
    right: 10%;
}
.topPage .campaignSlider__arrow--next::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='40px' viewBox='0 -960 960 960' width='40px' fill='%23000'%3E%3Cpath d='M545.33-480 358.67-667.33 376-684.67 580-480 376-276l-17.33-17.33L545.33-480Z'/%3E%3C/svg%3E");
}
.topPage {
    /* カテゴリカード共通 */
}
.topPage .categoryGrid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
}
.topPage .categoryGrid--processed {
    grid-template-columns: repeat(4, 1fr);
}
.topPage .categoryGrid--menu {
    grid-template-columns: repeat(3, 1fr);
}
.topPage .categoryCard {
    position: relative;
}
.topPage .categoryCard__link {
    background: #fff;
    border: 1px solid #d8d0c6;
    border-radius: 6px;
    -webkit-transform: 0.2s;
    transform: 0.2s;
    display: block;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
}
.topPage .categoryCard__link:hover {
    opacity: 1;
    background: #7B2F1E;
    color: #fff;
}
.topPage .categoryCard__link:hover .categoryCard__arrow::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='9' viewBox='0 0 15 9' fill='none'%3E%3Cpath d='M0.353554 0.353516L7.35355 7.35352L14.3536 0.353516' stroke='white'/%3E%3C/svg%3E");
}
.topPage .categoryCard__thumb {
    display: block;
    aspect-ratio: 1.4/1;
}
.topPage .categoryCard__thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}
.topPage .categoryCard__text {
    min-height: 48px;
    padding: 10px 12px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.categoryCard__text:has(.categoryCard__arrow) {
    -webkit-box-pack: justify;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
}
.topPage .categoryCard__name {
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    position: relative;
}
.topPage .categoryCard__arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(calc(-50% + 2px));
}
.topPage .categoryCard__arrow::before {
    content: "";
    display: block;
    width: 14px;
    height: 9px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M0.366394 0.340332L6.86639 7.34033L13.3664 0.340332' stroke='%23987755'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.topPage .categoryCard__details {
    display: block;
}
.topPage .categoryCard__summary {
    list-style: none;
    cursor: pointer;
}
.topPage .categoryCard__summary::-webkit-details-marker {
    display: none;
}
.topPage .categoryCard__summaryThumb {
    display: block;
    aspect-ratio: 1.4/1;
}
.topPage .categoryCard__summaryThumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}
.topPage .categoryCard__summaryName {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 48px;
    padding: 8px 12px;
    font-size: 14px;
    text-align: center;
    background: #fff;
    position: relative;
}
.topPage .categoryCard__summaryArrow {
    display: none;
}
.topPage .categoryCard__submenu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #929292;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    pointer-events: none;
}
.topPage .categoryCard__submenu-item {
    color: #282222;
    font-size: 16px;
    background: #fff;
    padding: 15px 30px;
}
.topPage .categoryCard__submenu-item:hover {
    background: #7B2F1E;
    color: #FFF;
    opacity: 1;
}
.topPage .categoryCard__submenu-item + .categoryCard__submenu-item {
    border-top: #929292 solid 1px;
}
.topPage .categoryCard .categoryCard.is-open .categoryCard__submenu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    pointer-events: auto;
}
.topPage {
    /* カタログギフト */
}
.topPage .giftIntro {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 40px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.topPage .giftIntro__image img {
    width: 100%;
    display: block;
}
.topPage .giftIntro__title {
    margin: 0 0 28px;
    font-family: "Zen Old Mincho", serif;
    font-size: 24px;
    font-weight: 600;
}
.topPage .giftIntro__text {
    font-size: 16px;
}
.topPage .giftIntro__btnWrap {
    margin-top: 28px;
}
.topPage .giftIntro__btn {
    font-size: 18px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 318px;
    padding: 18px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #7B2F1E;
    border-radius: 50px;
    text-decoration: none;
    color: #7B2F1E;
    background: #fff;
}
.topPage {
    /* 用途 */
}
.topPage .useGrid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
}
@media screen and (max-width: 768px) {
    .topPage .useGrid {
        max-width: 400px;
        margin: 0 auto;
    }
}
.topPage .useCard {
    width: calc(16.6666666667% - 12.5px);
    text-decoration: none;
    color: inherit;
    text-align: center;
    position: relative;
}
@media screen and (max-width: 1024px) {
    .topPage .useCard {
        width: calc(33.3333333333% - 10px);
    }
}
.topPage .useCard:hover {
    opacity: 1;
}
.topPage .useCard__icon {
    width: 144px;
    height: 144px;
    margin: 0 auto 12px;
    border-radius: 50%;
    border: 1px solid #d9d0c6;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.topPage .useCard__icon img {
    width: 66px;
    height: 66px;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
}
.topPage .useCard__name {
    display: block;
    font-size: 15px;
    line-height: 1.5;
}
.topPage .useCard--hasChildren .useCard__name::after {
    content: "";
    display: inline-block;
    width: 13px;
    height: 7px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='7' viewBox='0 0 13 7' fill='none'%3E%3Cpath d='M0.336334 0.369873L6.07712 5.58877L11.8179 0.369873' stroke='%23282222'/%3E%3C/svg%3E");
    margin-left: 10px;
}
.topPage .useCard__submenu {
    position: absolute;
    top: 110%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(10px);
    transform: translateX(-50%) translateY(10px);
    width: 180px;
    background: #fbf6ef;
    border: 1px solid #929292;
    border-radius: 4px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1;
}
@media screen and (max-width: 768px) {
    .topPage .useCard__submenu {
        top: 102%;
    }
}
.topPage .useCard:hover .useCard__submenu {
    background: #fbf6ef;
    color: #282222;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}
.topPage .useCard__submenu-item {
    padding: 13px;
}
.topPage .useCard__submenu-item:hover {
    background: #7B2F1E;
    color: #FFF;
    opacity: 1;
}
.topPage .useCard__submenu-item + .useCard__submenu-item {
    border-top: #929292 solid 1px;
}
.topPage {
    /* お料理 */
    /* 価格から探す */
}
.topPage .priceGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}
.topPage .priceCard {
    padding: 15px;
    border: 1px solid #987755;
    border-radius: 10px;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #987755;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.topPage .priceCard:hover {
    opacity: 1;
    background: #7B2F1E;
    color: #fff;
}
.topPage {
    /* 初めての方へ */
}
.topPage .beginnerGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px 20px;
}
.topPage .beginnerCard {
    position: relative;
}
.topPage .beginnerCard__text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    color: #FFF;
    text-align: center;
    font-family: "Zen Old Mincho", serif;
    font-size: 35px;
    font-weight: 700;
    line-height: normal;
    width: 100%;
}
@media screen and (max-width: 1024px) {
    .topPage .beginnerCard__text {
        font-size: 26px;
    }
}
.topPage {
    /* 季節のおすすめ商品 */
}
.topPage .seasonalGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.topPage .seasonalCard {
    min-width: 0;
}
.topPage .seasonalCard__link {
    display: block;
    text-decoration: none;
    color: inherit;
}
.topPage .seasonalCard__thumb {
    display: block;
    aspect-ratio: 1/1;
    overflow: hidden;
    background: #fff;
}
.topPage .seasonalCard__thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}
.topPage .seasonalCard__name {
    display: block;
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.9;
    color: #2f2925;
}
.topPage .seasonalCard__price {
    display: block;
    margin-top: 18px;
    font-size: 17px;
    line-height: 1.4;
    color: #2f2925;
    letter-spacing: 0.02em;
}
.topPage .seasonalCard__price span {
    margin-left: 2px;
    font-size: 12px;
}
.topPage .column-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
    .topPage .column-list {
        gap: 25px 15px;
    }
}
.topPage .column-list .article {
    width: calc(25% - 15px);
}
@media screen and (max-width: 768px) {
    .topPage .column-list .article {
        width: calc(50% - 7.5px);
    }
}
.topPage .column-list .article__image {
    margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
    .topPage .column-list .article__image {
        margin-bottom: 10px;
    }
}
.topPage .column-list .article__image img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 6/4;
}
.topPage .column-list .article__info {
    color: #464646;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
    .topPage .column-list .article__info {
        margin-bottom: 5px;
        font-size: 11px;
    }
}
.topPage .column-list .article__category a {
    margin-right: 10px;
    display: inline-block;
}
.topPage .column-list .article__title {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .topPage .column-list .article__title {
        font-size: 14px;
        -webkit-line-clamp: 4;
    }
}
.topPage .column-list .article__title a:hover {
    opacity: 1;
    text-decoration: underline;
}
.topPage .column__btnWrap {
    margin-top: 28px;
    text-align: center;
}
.topPage .column__btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 270px;
    height: 54px;
    padding: 0 28px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #282222;
    border-radius: 50px;
    text-decoration: none;
}
.topPage {
    /* メールマガジン */
}
.topPage .mailBanner {
    min-height: 148px;
    background: #7B2F1E;
    border-radius: 5px;
    padding: 24px 30px;
    display: grid;
    grid-template-columns: 70px 1fr 280px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    text-decoration: none;
    color: #fff;
}
.topPage .mailBanner__character img {
    width: 80px;
    height: auto;
    display: block;
}
.topPage .mailBanner__character--sp {
    display: none;
}
@media screen and (max-width: 768px) {
    .topPage .mailBanner__character--sp {
        display: block;
    }
}
.topPage .mailBanner__character--pc {
    display: block;
}
@media screen and (max-width: 768px) {
    .topPage .mailBanner__character--pc {
        display: none;
    }
}
.topPage .mailBanner__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    color: #fff;
}
.topPage .mailBanner__lead {
    font-size: 16px;
}
@media screen and (max-width: 768px) {
    .topPage .mailBanner__lead {
        font-size: 14px;
    }
}
.topPage .mailBanner--1 {
    margin-top: 35px;
}
.topPage .mailBanner--1 .mailBanner__lead {
    font-size: 21px;
    font-weight: 700;
}
.topPage .mailBanner__sub {
    font-size: 20px;
}
.topPage .mailBanner__text {
    font-size: 16px;
    line-height: 1.7;
}
.topPage .mailBanner__title span {
    font-family: "Zen Old Mincho", serif;
    font-size: 35px;
    font-weight: 400;
}
.topPage .mailBanner__btn {
    min-height: 58px;
    padding: 0 24px;
    border-radius: 50px;
    background: #fff;
    color: #7B2F1E;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}
.topPage {
    /* お知らせ */
}
.topPage .newsSection .newsList {
    list-style: none;
    margin: 0;
    padding: 0;
}
.topPage .newsSection .newsList__item {
    border-bottom: 1px solid #929292;
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 18px;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 20px 28px;
    text-decoration: none;
}
.topPage .newsSection .newsList__date {
    font-size: 16px;
    white-space: nowrap;
}
.topPage .newsSection .newsList__title {
    display: block;
    font-size: 16px;
    font-weight: 400;
}
.topPage .newsSection .newsList__title a {
    text-decoration: underline;
    text-underline-offset: 2px;
}
.topPage .newsSection__more {
    margin: 18px 0 0;
    text-align: right;
}
.topPage .newsSection__more a {
    display: inline-block;
    font-size: 16px;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.topPage {
    /* ブランド紹介 */
}
.topPage .brandIntro {
    display: grid;
    grid-template-columns: 1fr 560px;
    gap: 48px;
    -webkit-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end;
}
@media screen and (max-width: 1024px) {
    .topPage .brandIntro {
        grid-template-columns: 1fr 220px;
        gap: 10px;
    }
}
.topPage .brandIntro__content {
    padding: 34px 0 54px;
}
.topPage .brandIntro__title {
    font-family: "Zen Old Mincho";
    font-size: 45px;
    font-weight: 400;
    margin: 0 0 18px;
}
.topPage .brandIntro__lead {
    margin: 0 0 15px;
    font-family: "Hiragino Mincho Pro";
    font-size: 24px;
    font-weight: 300;
    line-height: 2;
}
.topPage .brandIntro__text p {
    font-size: 16px;
    line-height: 2;
}
.topPage .brandIntro__image {
    -webkit-align-self: end;
    -ms-flex-item-align: end;
    align-self: end;
    text-align: right;
}
.topPage .brandIntro__image img {
    width: 100%;
    max-width: 510px;
    height: auto;
    display: block;
    margin-left: auto;
}

/* SP */
@media (max-width: 768px) {
    .topPage .topSection {
        padding: 40px 0;
    }
    .topPage .topSection__inner {
        width: calc(100% - 24px);
    }
    .topPage .sectionHeading {
        margin-bottom: 20px;
    }
    .topPage .sectionHeading__en {
        font-size: 14px;
        margin-bottom: 4px;
    }
    .topPage .sectionHeading__ja {
        font-size: 25px;
    }
    .topPage .recommendList {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
    .topPage .productCard__name {
        font-size: 11px;
    }
    .topPage .productCard__price {
        font-size: 12px;
    }
    .topPage .categoryGrid,
    .topPage .categoryGrid--processed {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .topPage .categoryGrid--menu {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .topPage .categoryGrid--menu .categoryCard__link {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .topPage .categoryGrid--menu .categoryCard__thumb {
        aspect-ratio: 166.11/110.63;
    }
    .topPage .categoryGrid--menu .categoryCard__text {
        min-height: 44px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .topPage .categoryCard .categoryCard__submenu {
        -webkit-transform: none;
        transform: none;
        pointer-events: none;
        position: initial;
        margin-left: 110px;
        width: auto;
        display: none;
    }
    .topPage .categoryCard.is-open .categoryCard__submenu {
        opacity: 1;
        visibility: visible;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .topPage .categoryCard__link {
        border-radius: 10px;
        border: 1px solid #929292;
        display: grid;
        grid-template-columns: 110px 1fr;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
    }
    .topPage .categoryCard__thumb {
        aspect-ratio: 1.2/1;
    }
    .topPage .categoryCard__name {
        min-height: auto;
        padding: 0;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left;
        background: transparent;
        font-size: 14px;
    }
    .topPage .categoryCard__arrow {
        display: block;
        font-size: 18px;
        color: #7f766d;
        text-align: right;
    }
    .topPage .categoryCard__summary {
        display: grid;
        grid-template-columns: 92px 1fr 16px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        padding: 0 12px 0 0;
    }
    .topPage .categoryCard__summaryThumb {
        aspect-ratio: 1.2/1;
    }
    .topPage .categoryCard__summaryName {
        min-height: auto;
        padding: 0;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left;
        background: transparent;
        font-size: 14px;
    }
    .topPage .categoryCard__summaryArrow {
        display: block;
        font-size: 18px;
        color: #7f766d;
        text-align: right;
    }
    .topPage .categoryCard--active .categoryCard__name,
    .topPage .categoryCard--active .categoryCard__summaryName {
        background: transparent;
        color: #2f2925;
    }
    .topPage .categoryChildList {
        border-top: 1px solid #e2d8ce;
    }
    .topPage .categoryChildList__item a {
        padding: 10px 14px;
        font-size: 13px;
    }
    .topPage .giftIntro {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .topPage .giftIntro__title {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .topPage .giftIntro__text {
        font-size: 14px;
        line-height: 1.9;
    }
    .topPage .giftIntro__btnWrap {
        margin-top: 18px;
    }
    .topPage .giftIntro__btn {
        width: 100%;
        padding: 13px;
        font-size: 14px;
        font-weight: 700;
    }
    .topPage .useCard {
        width: calc(50% - 7.5px);
    }
    .topPage .useCard__icon {
        margin-bottom: 13px;
    }
    .topPage .useCard__icon img {
        width: 85px;
        height: 85px;
    }
    .topPage .useCard__name {
        font-size: 14px;
    }
    .topPage .useCard.is-open .useCard__submenu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
        background: #fbf6ef;
        color: #282222;
        text-align: center;
        font-size: 16px;
        font-weight: 400;
    }
    .topPage .menuGrid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .topPage .menuCard__name {
        min-height: 42px;
        font-size: 13px;
        padding: 8px 10px;
    }
    .topPage .priceGrid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .topPage .priceCard {
        min-height: 54px;
        padding: 8px 12px;
        font-size: 14px;
        border-radius: 6px;
    }
    .topPage .topKeywordsSp {
        display: block;
    }
    .topPage .beginnerGrid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .topPage .beginnerCard__text {
        font-size: 25px;
    }
    .topPage .seasonalGrid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px 12px;
    }
    .topPage .seasonalCard__name {
        margin-top: 10px;
        font-size: 13px;
        line-height: 1.7;
    }
    .topPage .seasonalCard__price {
        margin-top: 10px;
        font-size: 14px;
    }
    .topPage .seasonalCard__price span {
        font-size: 10px;
    }
    .topPage .topSection--magazine {
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .topPage .mailBanner {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 18px 16px 20px;
        min-height: auto;
    }
    .topPage .mailBanner__character img {
        width: 48px;
    }
    .topPage .mailBanner__body {
        gap: 6px;
        text-align: center;
    }
    .topPage .mailBanner__lead {
        font-size: 14px;
        line-height: 1.7;
    }
    .topPage .mailBanner__sub {
        font-size: 16px;
        line-height: 1.6;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 7px;
    }
    .topPage .mailBanner__text {
        font-size: 14px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: left;
    }
    .topPage .mailBanner__title {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: left;
    }
    .topPage .mailBanner__title span {
        font-size: 26px;
        line-height: 1.5;
        display: inline-block;
    }
    .topPage .mailBanner__title span {
        font-size: 26px;
        line-height: 1.5;
    }
    .topPage .mailBanner__btn {
        min-height: 65px;
        padding: 0 18px;
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
    }
    .topPage .newsSection__banner {
        position: static;
        width: 100%;
        margin-top: 16px;
    }
    .topPage .newsSection__bannerClose {
        display: none;
    }
    .topPage .newsSection__more {
        margin-top: 14px;
    }
    .topPage .newsSection__more a {
        font-size: 15px;
    }
    .topPage .newsSection .newsList__item {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 18px 0;
    }
    .topPage .newsSection .newsList__date {
        font-size: 14px;
    }
    .topPage .newsSection .newsList__title {
        font-size: 14px;
    }
    .topPage .brandIntro {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .topPage .brandIntro__content {
        padding: 0;
    }
    .topPage .brandIntro__title {
        margin-bottom: 20px;
        font-size: 25px;
    }
    .topPage .brandIntro__lead {
        margin: 0 0 20px;
        font-size: 20px;
    }
    .topPage .brandIntro__text p {
        font-size: 14px;
        line-height: 1.7;
    }
}
@media (hover: hover) and (pointer: fine) {
    .categoryCard:hover .categoryCard__submenu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        pointer-events: auto;
    }
    .useCard:hover .useCard__submenu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
    }
}
/* -----------------------------------------------------------------
   detail
----------------------------------------------------------------- */
.product .detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
    margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
    .product .detail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px;
    }
}
.product .detail .item-image-description {
    width: calc(50% - 25px);
}
@media screen and (max-width: 768px) {
    .product .detail .item-image-description {
        width: 100%;
    }
}
.product .detail .item-image-description .item-description {
    margin-top: 70px;
    margin-bottom: 20px;
    line-height: 1.7;
}
@media screen and (max-width: 768px) {
    .product .detail .item-image-description .item-description {
        margin-top: 0px;
        display: none;
    }
}
.product .detail .item-detail {
    width: calc(50% - 25px);
    position: -webkit-sticky;
    position: sticky;
    bottom: 10px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    min-height: 80vh;
}
@media screen and (max-width: 768px) {
    .product .detail .item-detail {
        width: 100%;
        position: static;
        min-height: auto;
    }
}
.product .detail .item-detail .item-category-name {
    font-size: 0.875rem;
    color: #747474;
    font-weight: 500;
    line-height: 1.7;
}
.product .detail .item-detail .item-title {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.7;
    margin-bottom: 10px;
}
.product .detail .item-detail .item-name {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.7;
}
.product .detail .item-detail .item-point {
    font-size: 0.75rem;
    margin-bottom: 25px;
}
.product .detail .item-detail .item-icon-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}
.product .detail .item-detail .item-icon-list li img {
    display: block;
}
.product .detail .item-detail .item-quantity {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
}
.product .detail .item-detail .item-quantity .productnum-wrap {
    position: relative;
}
.product .detail .item-detail .item-quantity .productnum-wrap .productnum {
    font-size: 1rem;
    width: 118px;
    height: 50px;
    padding: 15px 35px 15px 25px;
    border-radius: 0;
    border: 1px solid #D9D9D9;
    background: #FFF;
}
.product .detail .item-detail .item-quantity .productnum-wrap .productnum::-webkit-inner-spin-button, .product .detail .item-detail .item-quantity .productnum-wrap .productnum::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
}
.product .detail .item-detail .item-quantity .productnum-wrap .button {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.product .detail .item-detail .item-quantity .productnum-wrap .spinner-up {
    content: "";
    background-color: transparent;
    display: block;
    background-size: cover;
    border: 0px;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M1.16537 4.68129L2.20078 3.64587L6.9987 8.44379L11.7966 3.64587L12.832 4.68129L6.9987 10.5146L1.16537 4.68129Z' fill='%232D2D2D'/%3E%3C/svg%3E");
    cursor: pointer;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.product .detail .item-detail .item-quantity .productnum-wrap .spinner-down {
    content: "";
    background-color: transparent;
    display: block;
    background-size: cover;
    border: 0px;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M1.16537 4.68129L2.20078 3.64587L6.9987 8.44379L11.7966 3.64587L12.832 4.68129L6.9987 10.5146L1.16537 4.68129Z' fill='%232D2D2D'/%3E%3C/svg%3E");
    cursor: pointer;
}
.product .detail .item-detail .item-shareArea {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 30px;
    margin-top: 20px;
}
.product .detail .item-detail .item-shareArea .item-share {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px;
}

.secReview {
    padding-top: 60px;
    padding-bottom: 100px;
}
@media screen and (max-width: 568px) {
    .secReview {
        padding-top: 40px;
        padding-bottom: 80px;
    }
}
.secReview .commonTitle {
    margin-bottom: 40px;
}
@media screen and (max-width: 568px) {
    .secReview .commonTitle {
        margin-bottom: 20px;
    }
}
.secReview .item-review-detail-empty {
    margin-top: 40px;
    margin-bottom: 30px;
}
.secReview .review-post a {
    width: 335px;
    height: 48px;
    border-radius: 3px;
    background: #4C5459;
    color: #FFF;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: normal;
    border: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}
.secReview .review-post a::before {
    position: absolute;
    right: 23px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    display: block;
    width: 7px;
    height: 12px;
    padding-right: 0;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.33846e-07 0.991969L0.991929 3.72051e-05L7.09994 6.10805L0.991929 12.2161L1.18286e-08 11.2241L5.11608 6.10805L1.33846e-07 0.991969Z' fill='white'/%3E%3C/svg%3E");
}

.slider-img .slick-track {
    height: 100%;
    display: -webkit-flex;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.item-image img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 1/1;
    border: solid 1px #ddd;
}

.gallery {
    margin-bottom: 20px;
}
.gallery__main-image::after {
    content: "";
    display: block;
    clear: both;
}
.gallery .slick-prev, .gallery .slick-next {
    width: 44px;
    height: 44px;
    z-index: 1;
}
.gallery .slick-prev {
    left: 15px;
}
.gallery .slick-prev:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Cpath d='M43.5 22C43.5 33.9264 33.9264 43.5 22 43.5C10.0736 43.5 0.5 33.9264 0.5 22C0.5 10.0736 10.0736 0.5 22 0.5C33.9264 0.5 43.5 10.0736 43.5 22Z' fill='%23000000' fill-opacity='0.4' stroke='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.5 28.5L24.5 29.5L18 22L24.5 14.5L25.5 15.5L20.5 22L25.5 28.5Z' fill='white'/%3E%3C/svg%3E");
    background-size: cover;
    display: block;
    width: 44px;
    height: 44px;
    -webkit-transform: none;
    transform: none;
    background-color: transparent;
    position: initial;
    opacity: 1;
}
.gallery .slick-prev:before {
    display: none;
}
.gallery .slick-next {
    right: 15px;
}
.gallery .slick-next:before {
    display: none;
}
.gallery .slick-next:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Cpath d='M43.5 22C43.5 33.9264 33.9264 43.5 22 43.5C10.0736 43.5 0.5 33.9264 0.5 22C0.5 10.0736 10.0736 0.5 22 0.5C33.9264 0.5 43.5 10.0736 43.5 22Z' fill='%23000000' fill-opacity='0.4' stroke='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.5 28.5L24.5 29.5L18 22L24.5 14.5L25.5 15.5L20.5 22L25.5 28.5Z' fill='white'/%3E%3C/svg%3E");
    background-size: cover;
    display: block;
    width: 44px;
    height: 44px;
    -webkit-transform: none;
    transform: none;
    background-color: transparent;
    position: initial;
    opacity: 1;
    -webkit-transform: scale(-1);
    transform: scale(-1);
}
.gallery .slick-dots li {
    margin: 0;
}
.gallery .slick-dots li button:hover:before, .gallery .slick-dots li button:focus:before {
    opacity: 0.25;
}
.gallery .slick-dots li button:before {
    font-size: 10px;
    content: "●";
    font-family: "Noto Sans JP", sans-serif;
    opacity: 0.25;
}
.gallery .slick-dots li.slick-active button:before {
    font-size: 15px;
    content: "◉";
    opacity: 1;
}
.gallery .slick-prev.slick-disabled {
    display: none !important;
}
.gallery .slick-next.slick-disabled {
    display: none !important;
}

.choice-btn li {
    cursor: pointer;
    width: calc(16.6666666667% - 8.3333333333px) !important;
}
.choice-btn li img {
    border: transparent solid 1px;
}
.choice-btn li.slick-current img {
    border: #d9d9d9 solid 1px;
}
.choice-btn li:hover img {
    opacity: 0.7;
}
.choice-btn .slick-track {
    width: 100% !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}
.choice-btn .slick-track:before {
    display: none;
}
.choice-btn .slick-prev {
    left: 0;
}
.choice-btn .slick-prev:before {
    display: none;
}
.choice-btn .slick-prev:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='13' viewBox='0 0 22 13' fill='none'%3E%3Cpath d='M19.5135 0.854733L19.376 0.724644L19.2385 0.854733L11 8.65104L2.76145 0.854733L2.62398 0.724644L2.48651 0.854733L0.862531 2.39154L0.709024 2.5368L0.862531 2.68207L10.8625 12.1453L11 12.2754L11.1375 12.1453L21.1375 2.68207L21.291 2.5368L21.1375 2.39154L19.5135 0.854733Z' fill='%23262626' stroke='white' stroke-width='0.4'/%3E%3C/svg%3E");
    background-size: cover;
    display: block;
    width: 20px;
    height: 11px;
    background-color: transparent;
    position: initial;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0.6;
}
.choice-btn .slick-prev:hover:after {
    opacity: 1;
}
.choice-btn .slick-next {
    right: 0;
}
.choice-btn .slick-next:before {
    display: none;
}
.choice-btn .slick-next:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='13' viewBox='0 0 22 13' fill='none'%3E%3Cpath d='M19.5135 0.854733L19.376 0.724644L19.2385 0.854733L11 8.65104L2.76145 0.854733L2.62398 0.724644L2.48651 0.854733L0.862531 2.39154L0.709024 2.5368L0.862531 2.68207L10.8625 12.1453L11 12.2754L11.1375 12.1453L21.1375 2.68207L21.291 2.5368L21.1375 2.39154L19.5135 0.854733Z' fill='%23262626' stroke='white' stroke-width='0.4'/%3E%3C/svg%3E");
    background-size: cover;
    display: block;
    width: 20px;
    height: 11px;
    background-color: transparent;
    position: initial;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0.6;
}
.choice-btn .slick-next:hover:after {
    opacity: 1;
}
.choice-btn .slick-arrow.slick-disabled {
    pointer-events: none;
}

/* セール時のオリジナル価格のline-through */
.original-price {
    text-decoration: none;
}
.original-price .price-num {
    text-decoration: line-through;
}

.modal-wrapper {
    max-width: 600px;
}
.modal-wrapper .modalContents__txt {
    margin-bottom: 20px;
}
@media screen and (max-width: 568px) {
    .modal-wrapper .modalContents .modal-cart-btn {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.modal-wrapper .modalContents .modal-cart-btn .modal-order {
    background: #D94D4D;
}
.modal-wrapper .modalContents .modal-cart-btn li {
    width: 240px;
}
@media screen and (max-width: 568px) {
    .modal-wrapper .modalContents .modal-cart-btn li {
        width: 100%;
    }
}
.modal-wrapper .modalContents .modal-cart-btn li a {
    width: auto;
    display: block;
}

.add-image-section {
    margin-top: 45px;
    margin-bottom: 30px;
}
.add-image-section .add-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}
.add-image-section .add-image .add-image-list {
    width: calc(33.3333333333% - 13.3333333333px);
}
@media screen and (max-width: 768px) {
    .add-image-section .add-image .add-image-list {
        width: 100%;
    }
}
.add-image-section .add-image .add-image-list img {
    margin-bottom: 15px;
}
.add-image-section .add-image .add-image-list .add-description {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
}

.pswp__img {
    -o-object-fit: cover;
    object-fit: cover;
}

.review .review-category-title {
    margin-bottom: 30px;
}

.secGroup {
    padding-top: 60px;
    padding-bottom: 100px;
}
@media screen and (max-width: 568px) {
    .secGroup {
        padding-top: 40px;
        padding-bottom: 80px;
    }
}
.secGroup .commonTitle {
    margin-bottom: 40px;
}
@media screen and (max-width: 568px) {
    .secGroup .commonTitle {
        margin-bottom: 20px;
    }
}
.secGroup .group-item-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
}
.secGroup .group-item-list .item {
    width: calc(20% - 12px);
    position: relative;
}
@media screen and (max-width: 768px) {
    .secGroup .group-item-list .item {
        width: calc(50% - 7.5px);
    }
}
.secGroup .group-item-list .item__image {
    margin-bottom: 8px;
}
.secGroup .group-item-list .item__image a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.secGroup .group-item-list .item__image img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 1/1;
}
.secGroup .group-item-list .item__category a {
    color: #747474;
    font-size: 0.75rem;
    font-weight: 500;
}
@media screen and (max-width: 568px) {
    .secGroup .group-item-list .item__category a {
        font-size: 0.625rem;
    }
}
.secGroup .group-item-list .item__name {
    margin-bottom: 5px;
}
.secGroup .group-item-list .item__name a {
    font-size: 0.9375rem;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
@media screen and (max-width: 1024px) {
    .secGroup .group-item-list .item__name a {
        font-size: 0.75rem;
    }
}
.secGroup .group-item-list .item .price {
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 0;
}
@media screen and (max-width: 568px) {
    .secGroup .group-item-list .item .price {
        font-size: 0.9375rem;
    }
}
.secGroup .group-item-list .item .original-price {
    font-size: 0.8125rem;
    color: #747474;
    text-decoration: line-through;
    margin-bottom: 0;
}
@media screen and (max-width: 568px) {
    .secGroup .group-item-list .item .original-price {
        font-size: 0.6875rem;
    }
}
.secGroup .group-item-list .item .item-sale-price {
    color: #AF0F0F;
    font-size: 1.25rem;
}
@media screen and (max-width: 568px) {
    .secGroup .group-item-list .item .item-sale-price {
        font-size: 0.9375rem;
    }
}

.product-banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: #D9D9D9 solid 1px;
    margin-bottom: 20px;
}
@media screen and (max-width: 568px) {
    .product-banner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.product-banner__image {
    width: 45%;
    overflow: hidden;
}
@media screen and (max-width: 568px) {
    .product-banner__image {
        width: 100%;
        aspect-ratio: unset;
    }
}
.product-banner__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
@media screen and (max-width: 568px) {
    .product-banner__image img {
        -o-object-fit: initial;
        object-fit: initial;
        height: auto;
        width: 100%;
    }
}
.product-banner__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 25px 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (max-width: 568px) {
    .product-banner__content {
        width: 100%;
        padding: 18px 25px;
        display: block;
    }
}
.product-banner__title {
    font-family: "Noto Sans";
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7;
}
.product-banner__subtitle {
    font-size: 11px;
    line-height: 1.5;
    margin-bottom: 15px !important;
}
.product-banner__description {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 0px !important;
}

.cate-padding-space-top {
    padding-top: 200px;
}

@media (max-width: 1080px) {
    .cate-padding-space-top {
        padding-top: 235px;
    }
}

@media (max-width: 1024px) {
    .cate-padding-space-top {
        padding-top: 70px;
    }
}

.breadscrumb {
    display: flex;
    align-items: center;
    padding-left: 39px;
    font-size: 12px;
    color: #707070;
    gap: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.breadscrumb a {
    color: #707070;
    text-decoration: none;
}
/*.cate-padding-space-top {*/
/*    padding-top: 60px;*/
/*}*/

/*@media (max-width: 1080px) {*/
/*    .cate-padding-space-top {*/
/*        padding-top: 65px;*/
/*    }*/
/*}*/

.cate-padding-space-top {
    padding-top: 200px;
}

@media (max-width: 1080px) {
    .cate-padding-space-top {
        padding-top: 235px;
    }
}

@media (max-width: 1024px) {
    .cate-padding-space-top {
        padding-top: 70px;
    }
}