/* 共通 */
/* ------------------------------------------------ */
@import url('https://fonts.googleapis.com/css?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

:root {
    --scroll-bar-width: 15px;
    --fade-animation: .2s ease-in-out;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    text-align: justify;
    line-height: 160%;
    line-break: strict;
    -webkit-touch-callout: none;
}

@media screen and (max-width: 768px) {
    body {
        background: #fff;
    }
}

html,
body {
    scroll-padding-top: 140px;
}

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

    html,
    body {
        scroll-padding-top: 120px;
    }
}

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

    html,
    body {
        scroll-padding-top: 120px;
    }
}

a {
    /* transition: .2s ease-in-out; */
    /* -webkit-transition: .2s ease-in-out; */
    word-break: break-all;
}

p {
    margin: 5px 0;
}

option {
    font-weight: 400;
}

details {
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

details summary::-webkit-details-marker {
    display: none;
}

blockquote {
    font-style: italic;
    margin: 0;
    padding: 15px;
}

.material-symbols-outlined {
    font-variation-settings:
        'FILL' 1,
        'wght' 400,
        'GRAD' 200,
        'opsz' 48
}

.logout.my-false {
    display: none;
}

.login.my-true {
    display: none;
}

[class*=productName] a,
a[class*=productName__name] {
    color: #333;
    text-decoration: none;
}

[class*=productName] a:hover,
a[class*=productName__name]:hover {
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    .hk-hidden__sp {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .hk-visible__sp {
        display: none;
    }
}

/* ------------------------------------------------ */
/* 背景 */

.hk-fixed {
    height: 100%;
    width: 100%;
    position: fixed;
}

.hk-overlay {
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out
}

.hk-overlay.true {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999999;
}

.fullWidth {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
}

.has-scrollbar .fullWidth {
    margin-right: calc(50% - 50vw + var(--scroll-bar-width) / 2);
    margin-left: calc(50% - 50vw + var(--scroll-bar-width) / 2);
}

.colored {
    background: #c6e5e3;
}

.fullWidth.compact {
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
}

/* ------------------------------------------------ */
/* ボタン */
button,
[class*="button"] {
    box-shadow: none;
}

.fs-c-button--primary,
.fs-c-button--secondary {
    padding-top: 20px;
    padding-bottom: 20px;
}

.fs-c-button--standard {
    padding-top: 10px;
    padding-bottom: 10px;
}

[class*="fs-c-button--"]

/* .fs-c-button--primary,
.fs-c-button--secondary,
.fs-c-button--particular  */
    {
    transition: var(--fade-animation);
    -webkit-transition: var(--fade-animation);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}

[class*="fs-c-button--"]:hover

/* .fs-c-button--primary:hover,
.fs-c-button--secondary:hover,
.fs-c-button--particular:hover  */
    {
    /* .fs-c-button--addReview--detail.fs-c-button--plain:hover { */
    transition: var(--fade-animation);
    -webkit-transition: var(--fade-animation);
}

.fs-c-button--particular.fs-c-button--addToWishList--icon,
.fs-c-button--particular.fs-c-button--removeFromWishList--icon {
    box-shadow: none;

}

.fs-c-button--particular.fs-c-button--addToWishList--icon::before {
    color: #ccc;
}

a.fs-c-button--addReview--detail {
    background: #22bfbd;
    color: #fff;
    line-height: 1.1;
    border-radius: 5px;
    padding: 5px;
    min-height: 40px;
}

a.fs-c-button--addReview--detail:hover {
    color: #fff;
}

.hk-button--more,
.hk-button--return,
.fs-c-viewAllProductsLink,
.fs-c-button--myPageTop {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


.hk-button--more::after,
.fs-c-viewAllProductsLink::after {
    font-family: "Material Symbols Outlined" !important;
    content: "\e409";
    font-size: 2.6rem;
    font-weight: 500;
    transition: var(--fade-animation);
    -webkit-transition: var(--fade-animation);
}

.hk-button--more:hover,
.fs-c-viewAllProductsLink:hover {
    text-decoration: none;
}

.hk-button--more:hover::after,
.fs-c-viewAllProductsLink:hover::after {
    transform: translateX(3px);
}

.hk-button--return::before,
.fs-c-button--myPageTop::before {
    font-family: "Material Symbols Outlined" !important;
    content: "\e408";
    font-size: 2.6rem;
    font-weight: 500;
    transition: var(--fade-animation);
    -webkit-transition: var(--fade-animation);
}

.hk-button--return:hover,
.fs-c-button--myPageTop:hover {
    text-decoration: none;
    color: #1277be;
}

.hk-button--return:hover::before,
.fs-c-button--myPageTop:hover::before {
    transform: translateX(-3px);
}

.hk-button--contactSelect,
.hk-button--contactSelect:visited {
    border: solid 1px #22bfbd;
    background: #22bfbd;
    color: #fff;
    border-radius: 2px;
    font-size: 2rem;
    padding: 20px 10px;
    display: flex;
    flex-direction: column;
    max-width: 400px;
    margin: 0 auto;
}

.hk-button--contactSelect:hover {
    text-decoration: none;
    opacity: 0.8;
    color: #fff;
}

.hk-buttonContainer {
    padding: 10px 0;
}

.hk-buttonContainer__center {
    text-align: center;
    padding: 10px 0;
}

.hk-buttonContainer__right {
    text-align: right;
    padding: 10px 0;
}

/* ------------------------------------------------ */
/* メニュー */
.fs-pt-menu * {
    transition: none;
}

.fs-pt-menu a {
    padding: 0;
    margin: 0;
}

.hk-headerSubMenu ul {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 30px;
    padding: 10px;
}

.hk-headerSubMenu a {
    position: relative;
    display: inline-block;
    transition: var(--fade-animation);
    -webkit-transition: var(--fade-animation);
}

.hk-headerSubMenu a:hover {
    color: #22bfa1;
    /* border-bottom: solid 1px #aaa; */
}

.hk-tel {
    font-size: large;
    margin: 0 4px;
    white-space: nowrap;
}

@media screen and (min-width: 1201px) {
    .hk-tel {
        pointer-events: none;
    }
}

/* ------------------------------------------------ */
/* リスト */
ul.hk-c-list {
    margin: 1rem 0;
    padding: 0;
    list-style: disc;
    margin-left: 2.1rem;
}

li>ul.hk-c-list {
    margin: 0 0 0 0.7rem;
    padding: 0 0 0 0.8rem;
}

ul.hk-list__caution,
.hk-documentArticle__caution {
    margin: 1rem 0;
    padding: 0 5px;
    list-style: none;
}

ul.hk-list__caution>li,
.hk-documentArticle__caution>li {
    position: relative;
    margin-left: 2rem;
}

ul.hk-list__caution>li::before,
.hk-documentArticle__caution>li::before {
    position: absolute;
    left: -2.4rem;
    font-family: "Material Symbols Outlined";
    content: "\e000";
    font-size: 2rem;
    font-weight: 500;
    color: #bbb;
}

ul.hk-list-point {
    margin: 1rem 0;
    padding: 0;
    list-style: none;
    margin-left: -5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

ul.hk-list-point>li::before {
    content: "＼ポイント／";
    color: #22bfa1;
    font-size: 1.2rem;
}

ol.hk-c-orderedList {
    margin: 1rem 0;
    padding: 0;
    margin-left: 2.1rem;
}

li>ol.hk-c-orderedList {
    margin: 0 0 0 0.7rem;
    padding: 0 0 0 1rem;
}

ol.hk-c-orderedList--circle {
    margin: 1rem 0;
    padding: 0;
    list-style: none;
    counter-reset: c-counter;
}

ol.hk-c-orderedList--circle li {
    display: grid;
    grid-template-columns: auto 1fr;
    margin: 5px;
}

ol.hk-c-orderedList--circle li::before {
    content: counter(c-counter);
    counter-increment: c-counter;
    font-size: 1.4rem;
    font-weight: 600;
    border-radius: 50%;
    line-height: 160%;
    width: 2.2rem;
    height: 2.2rem;
    text-align: center;
    color: #fff;
    background: #ccc;
    margin-right: 5px;
}

ol.hk-orderedList--menberBenefits {
    margin: 2rem 0;
    padding: 0;
    list-style: none;
    counter-reset: my-counter;
    padding: 20px;
}

ol.hk-orderedList--menberBenefits li {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0 15px;
    align-items: center;
    margin: 15px 0;
    font-size: 1.6rem;
}

ol.hk-orderedList--menberBenefits li::before {
    content: counter(my-counter);
    counter-increment: my-counter;
    font-size: 2rem;
    font-weight: 500;
    color: #fff;
    background: #22bfa1;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-row: 2/3;
    grid-column: 1/2;
}

ol.hk-orderedList--menberBenefits li::after {
    /* content: "＼point／"; */
    content: "\ff3c\0070\006f\0069\006e\0074\ff0f";
    color: #22bfa1;
    font-size: 1.2rem;
    line-height: 1.2;
    grid-row: 1/2;
    grid-column: 1/2;
    text-align: center;
}

ol.hk-orderedList--menberBenefits li span {
    grid-row: 1/3;
    grid-column: 2/3;
}

ol.hk-orderedList--process {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    counter-reset: process-counter;
    gap: 2px;
}

ol.hk-orderedList--process>li {
    display: grid;
    grid-template-columns: 30px 1fr;
    padding-left: 5px;
    column-gap: 10px;
}

ol.hk-orderedList--process>li::before {
    content: counter(process-counter);
    counter-increment: process-counter;
    color: #333;
    background: #00AC9A;
    grid-row: 1/2;
    grid-column: 1/2;
    text-align: center;
    color: #fff;
}

ol.hk-orderedList--process>li::after {
    content: "";
    border-top: 8px solid #00AC9A;
    border-right: 15px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 15px solid transparent;
    grid-row: 2/3;
    grid-column: 1/2;
}

ol.hk-orderedList--process>li:last-child::after {
    border-top: 8px solid #00AC9A;
    border-right: 15px solid #00AC9A;
    border-bottom: 0px solid #00AC9A;
    border-left: 15px solid #00AC9A;
}

ol.hk-orderedList--process .hk-orderedList--process__content {
    grid-row: 1/2;
    grid-column: 2/3;
    padding: 0 5px 20px;
}

ol.hk-orderedList--process h3 {
    padding: 0 5px 8px;
    margin: 1rem 0 2rem;
    font-size: 1.8rem;
}

.hk-orderedList--process__imgContainer {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 20px;
    flex-wrap: wrap;
    gap: 20px;
    background: #f5f5f5;
    margin: 20px;
}

.hk-orderedList--process__imgContainer img {
    max-height: 500px;
}

dl.hk-c-definitionList {
    display: grid;
    grid-template-columns: auto 1fr;
    margin: 1rem 0;
}

dl.hk-c-definitionList dt {
    background: #eee;
    display: flex;
    align-items: center;
    min-width: 150px;
    padding: 1px 10px;
    border-bottom: solid 2px #fff;
}

dl.hk-c-definitionList dt:last-of-type {
    border: none;
}

dl.hk-c-definitionList dd {
    padding: 10px;
    border-bottom: solid 2px;
    border-right: solid 2px;
    border-color: #eee;
    background: #fff;
}

dl.hk-c-definitionList dd:first-of-type {
    border-top: solid 2px #eee;
}

dl.hk-c-definitionList dt,
dl.hk-c-definitionList dd {
    margin: 0;
}

@media screen and (max-width: 768px) {
    dl.hk-c-definitionList {
        grid-template-columns: 1fr;
    }

    dl.hk-c-definitionList dt,
    dl.hk-c-definitionList dd {
        border: none;
    }

    dl.hk-c-definitionList dd:first-of-type {
        border-top: none;
    }
}

.fs-c-orderedList>li::before {
    color: #ccc;
}

/* ------------------------------------------------ */
/* テキスト */
.hk-text__center {
    text-align: center;
}

.hk-strong {
    text-decoration: underline double #7ec7c2;
}

.hk-large {
    font-size: large;
}

.hk-clause {
    white-space: nowrap;
}

.hk-caution {
    margin: 30px 0;
    border: solid 2px #fcb8bd;
    background: #fff;
}

.hk-caution__title {
    background: #fcb8bd;
    color: #cb353f;
    padding: 2px 10px;
    display: inline-block;
}

.hk-caution__content {
    padding: 0 10px 10px;
}

/* ------------------------------------------------ */
/* レイアウト */
.hk-col2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 40px;
}

@media screen and (max-width: 768px) {
    .hk-col2 {
        grid-template-columns: 1fr;
    }
}

.hk-col4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media screen and (max-width: 768px) {
    .hk-col4 {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

.hk-spacer {
    display: block;
    height: 60px;
}

/* ------------------------------------------------ */
/* カルーセル */
/* [class^="hk-"] .fs-c-slick .slick-prev,
[class^="hk-"] .fs-c-slick .slick-next { */
.fs-c-slick .slick-prev,
.fs-c-slick .slick-next {
    display: none;
}

/* ------------------------------------------------ */
/* テーブル */
table.hk-c-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 30px;
    table-layout: fixed;
}

table.hk-c-table caption {
    text-align: start;
}

table.hk-c-table tbody {
    border: solid 2px #eee;
}

table.hk-c-table th {
    padding: 10px;
    background: #eee;
    text-align: center;
}

table.hk-c-table tr:not(:last-child) th {
    border-bottom: solid 2px #fff;
}

table.hk-c-table td {
    padding: 10px;
    border-bottom: solid 2px #eee;
}

/* @media screen and (max-width: 768px) {

    table.hk-c-table th {
        padding: 5px;
        border: none;
        display: block;
        width: 100%;
        text-align: left;
    }

    table.hk-c-table td {
        border: none;
        display: block;
        width: 100%;
    }
} */

    table.hk-c-table th+th {
        border-left: solid 2px #fff;
    }

    table.hk-c-table td+td {
        border-left: solid 2px #eee;

    }

table.hk-c-table .hk-c-table__cell_strong {
    background: #22bfbd;
    color: #fff;
}

table.hk-c-table.strong * {
    border-color: #22bfbd;
}

table.hk-c-table.strong th {
    background: #22bfbd;
    color: #fff;
}

/* ------------------------------------------------ */
/* 任意商品一覧 */


.fs-c-productListCarousel {
    flex-wrap: wrap;
    column-gap: 15px;
}

.fs-c-productListCarousel.fs-c-slick.slick-slider {
    order: 1;
    width: 100%;
}

.fs-c-productListCarousel .fs-c-productListCarousel__ctrl.fs-c-productListCarousel__ctrl--prev {
    order: 2;
}

.fs-c-productListCarousel .fs-c-productListCarousel__ctrl.fs-c-productListCarousel__ctrl--next {
    order: 3;
}

.fs-c-productListCarousel.fs-c-slick .slick-track {
    display: flex;
    gap: 30px;
}

@media screen and (max-width: 500px) {
    .fs-c-productListCarousel.fs-c-slick .slick-track {
        gap: 10px;
    }
}

.fs-c-productListCarousel.fs-c-slick .slick-track:before,
.fs-c-productListCarousel.fs-c-slick .slick-track:after {
    display: none;
}

.fs-c-productListCarousel.fs-c-slick .slick-slide {
    height: auto;
    padding: 0 10px 0 15px;
}

@media screen and (max-width: 500px) {
    .fs-c-productListCarousel.fs-c-slick .slick-slide {
        padding: 0 0 0 10px;
    }
}

.fs-c-productListCarousel.fs-c-slick .slick-slide>div {
    height: 100%;
}

.fs-c-productListCarousel .fs-c-productListCarousel__list {
    margin-bottom: 20px;
}

.fs-c-productListCarousel .fs-c-productListCarousel__list__item {
    margin: 0;
    display: flex !important;
    flex-direction: column;
    max-width: 200px;
    min-width: 200px;
    gap: 5px;
}

.fs-c-productPrice--selling .fs-c-productPrice__main__price {
    font-size: 2rem;
}

.fs-c-productPrice--selling .fs-c-productPrice__main__price .fs-c-price__value {
    font-size: 2.2rem;
}

.hk-product-list-carousel__panel.fs-c-slick .slick-track {
    gap: 0;
}

.hk-product-list-carousel__panel .slick-slide>div {
    background: #fff;
    padding: 0px 20px 10px;
}

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

    .hk-product-list-carousel__panel .slick-slide>div {
        padding: 0px 15px 10px;
    }
}

.hk-product-list-carousel__open {
    /* padding: 50px 0; */
}

.hk-product-list-carousel__open.fs-c-slick .slick-track {
    flex-wrap: wrap;
    width: 100% !important;
    transform: none !important;
    justify-content: center;
    gap: 50px 40px;
}

@media screen and (max-width: 500px) {
    .hk-product-list-carousel__open.fs-c-slick .slick-track {
        gap: 20px 0;
    }
}

.hk-product-list-carousel__open.fs-c-productListCarousel.fs-c-slick .slick-slide {
    padding: 10px;
}

.hk-product-list-carousel__open .fs-c-productListCarousel__ctrl.fs-c-productListCarousel__ctrl--prev,
.hk-product-list-carousel__open .fs-c-productListCarousel__ctrl.fs-c-productListCarousel__ctrl--next {
    display: none !important;
}

/* ------------------------------------------------ */
/* 共通レイアウト */
#hk_side_area {
    grid-area: sub_area;
    display: block !important;
}

#hk_main_contents {
    grid-area: main_area;
}

.fs-l-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.hk-main {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-template-areas:
        "main_area"
        "sub_area";
    gap: 0;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 20px 80px;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .hk-main {
        padding: 10px 10px 60px;
    }
}

.hk-mainContents {
    padding: 40px;
    background: #fff;
    margin-top: 20px;
}

@media screen and (max-width: 1200px) {
    .hk-mainContents {
        padding: 20px;
    }
}

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

    .hk-mainContents {
        padding: 0;
        margin-top: 0;
    }
}

.hk-main--min {
    max-width: 1000px;
    padding: 0 20px 80px;
    margin: 0 auto;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .hk-main--min {
        padding: 10px 10px 60px;
    }
}

.hk-main--pd,
.hk-main--feature {
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 50px;
    background: #f2f8f8;
}

.hk-main--feature {
    max-width: 1200px;
    margin: 0 auto;
}

.fs-c-breadcrumb {
    font-size: 1.2rem;
    line-height: 1.4;
    padding: 15px 0 5px 15px;
}

.fs-c-breadcrumb+.fs-c-breadcrumb {
    padding: 0 0 5px 15px;
}

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

    .fs-c-breadcrumb {
        padding: 15px 0 5px 20px;
    }

    .fs-c-breadcrumb+.fs-c-breadcrumb {
        padding: 0 0 5px 20px;
    }
}

@media screen and (max-width: 768px) {
    .fs-c-breadcrumb {
        padding: 5px 0 5px 5px;
    }

    .fs-c-breadcrumb+.fs-c-breadcrumb {
        padding: 0 0 5px 5px;
    }
}

.fs-c-breadcrumb__list {
    padding: 0;
    margin: 0;
    text-align: left;
}

.fs-c-breadcrumb__list a {
    text-decoration: underline;
}

.fs-c-breadcrumb__list a:hover {
    text-decoration: none;
}

.hk-contactAdress {
    display: flex;
    flex-direction: column;
}

/* ------------------------------------------------ */
/* ヘッダー */

.hk-headerArea {
    display: grid;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 99999;
    background: #fff;
    width: 100%;
    /* background-image: linear-gradient(0deg, #c6e5e3 3px, #fff 3px); */
    box-shadow: 0px 2px 2px #0000000f;
    grid-template-columns: 1fr minmax(200px, 400px) 1fr;
    /* grid-template-rows: repeat(2, auto); */
    column-gap: 10px;
    align-items: center;
    /* height: 100%; */
}

#hk_header_message {
    grid-area: 1 / 1 / 2 / 2;
}

#hk_header_logo {
    grid-area: 2 / 1 / 3 / 2;
}

#hk_header_keyword_search {
    grid-area: 2 / 2 / 3 / 3;
}

#hk_header_sub_menu {
    grid-area: 1 / 2 / 2 / 4;
}

/* #hk_header_main_menu {
    grid-area: 3 / 2 / 4 / 6;
} */

#hk_header_main_menu_icon_menu {
    grid-area: 2 / 3 / 3 / 4;
}

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

    .hk-headerArea {
        grid-template-columns: 1fr 1fr 1fr;
    }

    #hk_header_message {
        grid-area: 1 / 1 / 2 / 3;
    }

    #hk_sp_left_menu {
        grid-area: 2 / 1 / 3 / 2;
    }

    #hk_header_logo {
        grid-area: 2 / 2 / 3 / 3;
    }

    #hk_header_main_menu_icon_menu {
        grid-area: 1 / 3 / 3 / 4;
    }

    /* #hk_header_main_menu {
        grid-area: 3 / 1 / 4 / 4;
    } */
}

@media screen and (max-width: 768px) {
    #hk_header_message {
        grid-area: 1 / 1 / 2 / 4;
    }
}

.hk-header__welcomeMsg {
    height: auto;
    padding: 5px;
    line-height: 1;
}

.hk-header__welcomeMsg .fs-p-memberInfo__points {
    display: inline-block;
    padding: 3px 5px;
    margin: 0 10px;
    font-size: 1.6rem;
}

@media screen and (max-width: 1200px) {
    [class*="hk-headerArea"] .hk-header__welcomeMsg {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .hk-spLeftMenu {
        display: flex !important;
        align-items: center;
    }
}

@media screen and (max-width: 1200px) {
    [class*="hk-headerArea"] .fs-l-header__drawerOpener {
        text-align: center;
        /* color: #555; */
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 5px;
    }

    [class*="hk-headerArea"] .fs-l-header__drawerOpener .material-symbols-outlined {
        font-size: 3rem;
    }
}

.hk-headerSubArea {
    background: #fff;
    display: flex;
    justify-content: space-between;
}

.fs-p-drawer__buttonContainer {
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    background: #f2f2f2;
    position: sticky;
    top: 0;
    right: 0;
    z-index: 99999;
    margin: 0 0 0 auto;
}

.fs-p-drawer__buttonContainer .material-symbols-outlined {
    font-size: 3rem;
}

.fs-p-drawerButton {
    text-align: center;
}

.hk-materialSymbols__lead {
    display: block;
    line-height: 1rem;
    font-size: 1rem;
}

.hk-headerArea--min {
    display: block;
}

.hk-headerMessage {
    text-align: center;
    background: #f2f2f2;
    color: #22bfa1;
    min-height: 2.8rem;
}

.hk-headerMessage a {
    color: #22bfa1;
    text-decoration: underline;
}

.hk-headerMessage a:hover {
    text-decoration: none;
}

.hk-headerMessage ul {
    margin: 0;
}

.hk-headerMessage li {
    display: none;
}

.hk-headerMessage li.active {
    animation: fadeIn 1s linear;
    margin: 0;
    display: block;
    padding: 5px;
}

@media screen and (max-width: 768px) {
    .hk-headerMessage li.active {
        padding: 10px 5px;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    50%,
    100% {
        opacity: 1;
    }
}

.hk-headerArea .fs-p-searchForm {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1200px) {
    .hk-headerArea .fs-p-searchForm {
        display: none;
    }
}

.hk-headerArea .fs-p-searchForm form {
    width: 100%;
}

.hk-headerLogo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 0;
}

@media screen and (max-width: 1200px) {
    .hk-headerLogo {
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .hk-headerLogo {
        padding: 5px 0;
    }
}

.hk-headerLogo--lv1 {
    padding: 0;
    margin: 0;
}

.hk-headerLogo__link {
    display: flex;
    align-items: center;
    color: inherit;
}

@media screen and (max-width: 1200px) {
    .hk-headerLogo__link {
        flex-direction: column;
        gap: 5px;
    }
}

.hk-headerLogo__link:visited {
    color: inherit;
}

a.hk-headerLogo__link:hover {
    opacity: 1;
    color: inherit;
    text-decoration: none;
}

.hk-headerLogo__img {
    width: 50px;
    margin: 0 10px;
    flex-shrink: 0;
}

@media screen and (max-width: 768px) {
    .hk-headerLogo__img {
        width: 40px;
    }
}

.hk-headerLogo__lead {
    font-size: 1.7rem;
    line-height: 2.7rem;
    text-align: left;
}

@media screen and (max-width: 1200px) {
    .hk-headerLogo__lead {
        font-size: 1.2rem;
        line-height: 1.2;
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .hk-headerLogo__lead {
        font-size: 1rem;
    }
}

.hk-headerArea--min .hk-headerLogo {
    justify-content: center;
}

.hk-headerUtilityMenu {
    position: relative;
}

.hk-headerUtilityMenu ul {
    padding: 5px;
    margin: auto;
    font-size: 1.4rem;
    position: absolute;
    bottom: 0;
    right: 0;
}

.hk-headerUtilityMenu a::before {
    content: none;
}

@media screen and (max-width: 768px) {
    .hk-headerUtilityMenu ul {
        justify-content: space-evenly;
    }
}

.hk-headerNavigation {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 10px;
}

@media screen and (max-width: 768px) {
    .hk-headerNavigation {
        padding: 0;
    }
}

.hk-headerNavigation .fs-p-headerNavigation__list {
    gap: 20px;
}

.hk-headerNavigation .fs-p-headerNavigation__listItem {
    min-width: initial;
}

.hk-headerNavigation .fs-p-headerNavigation__link {
    padding: 10px;
}

@media screen and (max-width: 768px) {
    .hk-headerNavigation .fs-p-headerNavigation__list {
        gap: 0;
    }
}

.hk-headerNavigation .fs-p-headerNavigation__link:hover {
    color: #fff;
    opacity: 1;
}

.hk-headerNavigation .fs-p-headerNavigation__search {
    padding: 5px;
}

[class*="hk-headerArea"] ul.fs-pt-menu__submenu.fs-pt-menu--lv2,
.hk-headerMainMenu__menu ul.fs-pt-menu__submenu.fs-pt-menu--lv2 {
    display: none;
    background: #fff;
    box-shadow: inset 0px 2px 2px 0px #0000000f, 0px 2px 2px 0px #0000000f;
    opacity: 0;
    opacity: 0;
}

.hk-headerMainMenu__menu ul.fs-pt-menu__submenu.fs-pt-menu--lv2 {
    margin-top: 3px;
}

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

    [class*="hk-headerArea"] li.fs-pt-menu__item.fs-pt-menu__item--lv1:hover ul.fs-pt-menu__submenu.fs-pt-menu--lv2,
    .hk-headerMainMenu__menu li.fs-pt-menu__item.fs-pt-menu__item--lv1:hover ul.fs-pt-menu__submenu.fs-pt-menu--lv2 {
        display: flex;
        position: absolute;
        white-space: nowrap;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        flex-direction: column;
        align-items: stretch;
        /* gap: 5px; */
        transition: var(--fade-animation);
        -webkit-transition: var(--fade-animation);
        opacity: 1;
        z-index: 99999;
    }

}

[class*="hk-headerArea"] a.fs-pt-menu__link--lv2,
.hk-headerMainMenu__menu a.fs-pt-menu__link--lv2 {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 15px;
    transition: var(--fade-animation);
    -webkit-transition: var(--fade-animation);
}

[class*="hk-headerArea"] a.fs-pt-menu__link--lv2:hover,
.hk-headerMainMenu__menu a.fs-pt-menu__link--lv2:hover {
    color: inherit;
    background: #e4eeed;
    transition: var(--fade-animation);
    -webkit-transition: var(--fade-animation);
}


.hk-headerMainMenu__menu .fs-pt-menu__heading--lv1 {
    height: 100%;
}

.hk-headerMainMenu__menu li.fs-pt-menu__item.fs-pt-menu__item--lv1 {
    position: relative;
    flex-shrink: 0;
    border-bottom: solid 3px transparent;
    transition: var(--fade-animation);
    -webkit-transition: var(--fade-animation);
}

.hk-headerMainMenu__menu li.fs-pt-menu__item.fs-pt-menu__item--lv1:hover {
    border-color: #22bfa1;
    transition: var(--fade-animation);
    -webkit-transition: var(--fade-animation);
}

.hk-headerMainMenu__menu a.fs-pt-menu__link--lv1 {
    height: 100%;
    display: flex;
    align-items: end;
    padding: 5px 20px;
}

@media screen and (max-width: 1200px) {
    .hk-headerMainMenu__menu a.fs-pt-menu__link--lv1 {
        /* padding: 10px 20px; */
    }
}

.hk-headerMainMenu__menu a.fs-pt-menu__link--lv1:hover {
    color: inherit;
}

.hk-headerMainMenu__menu {
    /* height: 50px; */
    background: #fff;
    box-shadow: 0px 2px 2px 0px #0000000f;
    /* position: relative; */
    font-size: 1.5rem;
}

.hk-headerMainMenu__menu::before {
    /* content: ""; */
    display: block;
    background: #e8f7f6;
    position: absolute;
    bottom: 0;
    height: 3px;
    width: 100%;
}

/* @media screen and (max-width: 1200px) {
    .hk-headerMainMenu__menu {
        height: 25px;
    }
} */
.hk-headerMainMenu__menu ul.fs-pt-menu.fs-pt-menu--lv1 {
    display: flex;
    align-items: stretch;
    /* justify-content: center; */
    justify-content: space-around;
    max-width: 1000px;
    margin: 0 auto;
}

@media screen and (max-width: 1200px) {
    .hk-headerMainMenu__menu ul.fs-pt-menu.fs-pt-menu--lv1 {
        /* flex-wrap: wrap; */
        /* overflow: hidden; */
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .hk-headerMainMenu__menu ul.fs-pt-menu.fs-pt-menu--lv1::-webkit-scrollbar {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .hk-headerMainMenu__menu ul.fs-pt-menu.fs-pt-menu--lv1 {
        justify-content: flex-start;
    }
}

.hk-headerMainMenu__iconMenu {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    height: 100%;
}

@media screen and (max-width: 768px) {
    .hk-headerMainMenu__iconMenu {
        position: fixed;
        z-index: 99999;
        right: 1px;
        bottom: 1px;
        align-items: flex-end;
        height: fit-content;
    }
}

.hk-headerMainMenu__iconMenu ul.fs-pt-menu.fs-pt-menu--lv1 {
    display: flex;
    justify-content: flex-end;
    /* gap: 5px; */
}

.hk-headerMainMenu__iconMenu__text {
    display: none;
}

/* @media screen and (min-width: 1200px) { */
.hk-headerMainMenu__iconMenu ul.fs-pt-menu.fs-pt-menu--lv1 {
    gap: 1px;
}

.hk-headerMainMenu__iconMenu li.fs-pt-menu__item.fs-pt-menu__item--lv1 {
    background: #22bfa1;
    /* padding: 5px; */
    width: 65px;
    height: 65px;
}

@media screen and (max-width: 1200px) {
    .hk-headerMainMenu__iconMenu li.fs-pt-menu__item.fs-pt-menu__item--lv1 {
        width: 60px;
        height: 60px;
    }
}

.hk-headerMainMenu__iconMenu li.fs-pt-menu__item.fs-pt-menu__item--lv1:hover {
    background: #4eccb4;
}

.hk-headerMainMenu__iconMenu span.fs-pt-menu__heading--lv1 {
    height: 100%;
}

.hk-headerMainMenu__iconMenu a.fs-pt-menu__link--lv1 {
    color: #fff;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.hk-headerMainMenu__iconMenu ul.fs-pt-menu.fs-pt-menu--lv1 {
    /* align-items: center; */
}

.hk-headerMainMenu__iconMenu__text {
    display: block;
    font-size: 1rem;
    line-height: 1rem;
    text-align: center;
}

/* } */

.hk-headerMainMenu__iconMenu span.material-symbols-outlined {
    font-size: 40px;
}

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

    .hk-headerMainMenu__iconMenu span.material-symbols-outlined {
        font-size: 35px;
    }
}

.hk-headerSubMenu {
    /* display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end; */
    font-size: 1.5rem;
}

.hk-headerCarousel {
    grid-area: carousel;
}


/* ------------------------------------------------ */
/* ドロワーメニュー */

.fs-p-ctrlDrawer {
    display: none;
}

.hk-drawerArea {
    padding: 0;
    box-shadow: none;
    z-index: 9999999;
    max-width: 1000px;
    background: #fff;
}

.hk-drawerEcLogo {
    padding: 0 10px 20px 5px;
}

span.hk-drawerEcLogo__lead {
    line-break: strict;
    word-break: keep-all;
    text-align: left;
}

a.hk-drawerEcLogo__link {
    color: #000;
    display: flex;
    align-items: center;
    gap: 5px;
}

.hk-drawerEcLogo__img {
    width: 40px;
}

.hk-drawerArea .fs-p-searchForm {
    padding: 10px;
}

[class*="hk-drawer"] ul.fs-pt-menu {
    margin: 30px 0;
}

[class*="hk-drawer"] a.fs-pt-menu__link--lv1 {
    padding: 10px;
    margin: 2px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #9aaba9;
    color: #fff;
    font-size: 1.6rem;
}

[class*="hk-drawer"] a.fs-pt-menu__link--lv1:hover {
    opacity: 0.9;
}

[class*="hk-drawer"] a.fs-pt-menu__link--lv1::after {
    font-family: "Material Symbols Outlined" !important;
    content: "\e409";
}

.hk-drawerItemGroup .fs-pt-menu__submenu {
    padding: 5px;
}

.hk-drawerLoginlogout {
    border: solid 2px #eee;
    padding: 10px 30px;
    margin: 30px 15px;
    text-align: center;
}

.hk-drawerLoginlogout ul.fs-pt-menu {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.hk-drawerLoginlogout a.fs-pt-menu__link--lv1 {
    max-width: 500px;
    justify-content: center;
    margin: auto;
    padding: 15px;
    border-radius: 5px;
    background: #eee;
    color: #333;
    font-size: 1.4rem;
}

.hk-drawerLoginlogout a.fs-pt-menu__link--lv1::after {
    display: none;
}

.hk-drawerLoginlogout a.fs-pt-menu__link--lv1[href*="/my"],
.hk-drawerLoginlogout a.fs-pt-menu__link--lv1[href*="/login"] {
    background: #00AC9A;
    color: #fff;
}

.hk-drawerTitle {
    padding: 10px;
    margin: 0;
    background: #333;
    color: #fff;
}

.hk-drawerMenu {
    /* background: #333;
    color: #fff; */
    margin-bottom: 20px;
}

.hk-drawerMenu .fs-pt-menu__item--lv1 {
    border-bottom: solid 3px #fff;
}

/* .hk-drawerMenu .fs-pt-menu__item--lv1:last-of-type {
    border-bottom: none;
} */

.hk-drawerMenu .fs-pt-menu a:hover {
    background: #ddd;
    color: inherit;
}

/* ------------------------------------------------ */
/* サイドエリア */

.hk-drawerParts {
    display: flex;
    justify-content: space-between;
}

.hk-sideItemGroup {
    margin: 20px 2px 60px;
}

.hk-sideItemGroup .fs-pt-menu--lv1 {
    font-size: 1.6rem;
}

.hk-sideItemGroup .fs-pt-menu__heading--lv1 {
    border-bottom: solid 1px #eee;
    /* background: #e8f7f6; */
}

.hk-sideItemGroup .fs-pt-menu__item--lv1 {
    margin: 20px 0;
}

.hk-sideItemGroup .fs-pt-menu__item--lv2 {
    margin: 0;
    /* padding: 0 0 0 15px; */
    padding: 0;
    font-size: 1.4rem;
}

.hk-sideItemGroup a {
    margin: 0;
    padding: 5px;
    transition: var(--fade-animation);
    -webkit-transition: var(--fade-animation);
}

.hk-sideItemGroup a.fs-pt-menu__link--lv1 {
    padding: 8px 8px 2px;
}

.hk-sideItemGroup .fs-pt-menu__link--lv2 {
    padding: 7px 15px;
}

.hk-sideItemGroup .fs-pt-menu__item--lv1 a:hover {
    color: inherit;
    background: #efefef;
    /* border-radius: 50px; */
}

.hk-sideItemGroup .fs-pt-menu__item--lv2 a:hover {
    color: inherit;
    background: #e8f7f6;
}

.hk-sideMenu__heading {
    background-image: url("https://kitamint.itembox.design/item/img/common/peppermintIllustration.png?t=20241029170217");
    background-repeat: no-repeat;
    background-size: contain;
    background-color: rgba(255, 255, 255, 0.7);
    background-blend-mode: lighten;
    font-size: 2rem;
    display: flex;
    align-items: center;
    padding-left: 2rem;
    height: 80px;
    margin-top: 40px;
}

@media screen and (max-width: 768px) {
    .hk-sideMenu__heading {
        font-size: 1.8rem;
    }
}

/* ------------------------------------------------ */
/* フッター */

.hk-footerArea {
    display: flex;
    flex-direction: column;
    margin-top: auto;
}


.hk-footerNavigation {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 40px;
    padding: 20px;
    background: #c6e5e3;
}

@media screen and (max-width: 1200px) {
    .hk-footerNavigation {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px 40px;
        padding: 10px;
    }

}

@media screen and (max-width: 600px) {
    .hk-footerNavigation {
        grid-template-columns: 1fr;
    }
}

.hk-footerNavigationItem__header {
    border-bottom: solid 2px #a2868099;
    font-size: 2rem;
    padding-bottom: 5px;
}

.hk-footerNavigationItem__emphasis {
    font-size: large;
    color: orangered;
}

.hk-footerNavigationItem__dataList {
    display: grid;
    grid-template-columns: auto 1fr;
}

.hk-footerNavigationItem__dataList__title::after {
    content: "\ff1a";
}

.hk-footerNavigationItem__dataList__data {
    margin: 0;
}

.hk-footerMenu {
    background: #5f483f;
}

.hk-footerUtilityMenu {
    background: #c6e5e3;
}

.hk-footerMenu,
.hk-footerUtilityMenu {
    padding: 8px 0;
    display: flex;
}

.hk-footerMenu ul.fs-pt-menu,
.hk-footerUtilityMenu ul.fs-pt-menu {
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px 15px;
}

.hk-footerMenu ul.fs-pt-menu span,
.hk-footerUtilityMenu ul.fs-pt-menu span {
    display: block;
    height: 100%;
    width: 100%;
}

.hk-footerMenu ul.fs-pt-menu a,
.hk-footerUtilityMenu ul.fs-pt-menu a {
    text-decoration: underline;
}

.hk-footerMenu ul.fs-pt-menu a {
    color: #7ec7c2;
}

.hk-footerUtilityMenu ul.fs-pt-menu a {
    color: #333;
}

.hk-footerMenu ul.fs-pt-menu a:hover,
.hk-footerUtilityMenu ul.fs-pt-menu a:hover {
    text-decoration: none;
}

.hk-footerPayment {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 5px;
    padding: 10px 0;
}

.hk-footerPayment img {
    max-width: 80px;
    max-height: 30px;
}

.hk-footerPayment img[alt="VISA"] {
    max-height: 18px;
}

.hk-footerPayment img[alt="代金引換"] {
    max-height: 26px;
}

.hk-footerSns {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 15px;
    padding: 15px 0;
    background: #c6e5e3;
    color: #000;
    flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
    .hk-footerSns {
        padding: 25px 10px;
        gap: 15px;
    }

}

.hk-footerSns ul,
.hk-footerSns li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.hk-footerSns-list {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
}

.hk-footerSns-list-item {
    /* width: 70px; */
    /* height: 70px; */
}

.hk-footerSns-list-item a {
    /* background: #c6e5e3; */
    color: currentColor;
    /* border-radius: 50%; */
    /* gap: 2px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* width: 100%; */
    /* height: 100%; */
    /* transition: .2s ease-in-out; */
    /* -webkit-transition: .2s ease-in-out; */
}

.hk-footerSns-list-item a:hover {
    text-decoration: none;
    /* background: #acbfbd; */
}

.hk-footerSns-list-item img {
    max-width: 30px;
    max-height: 30px;
    /* opacity: 0.8; */
    border-radius: 5px;
}

.hk-footerSns-list-item span {
    font-size: 1rem;
    line-height: 1;
}

.hk-footerCopyright {
    background: #555;
    color: #fff;
    text-align: center;
    padding: 10px;
}

/* @media screen and (max-width: 768px) {
    footer .hk-footerCopyright {
        padding-bottom: 80px;
    }
} */

.hk-footerCopyright__text {
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 768px) {
    footer .hk-footerCopyright {
        padding-bottom: 65px;
    }
}

.hk-toTop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999999;
    transition: var(--fade-animation);
    -webkit-transition: var(--fade-animation);
}

@media screen and (max-width: 768px) {
    .hk-toTop {
        right: 10px;
        bottom: 80px;
    }
}

.hk-toTop.inactive {
    opacity: 0;
}

.hk-toTop__link {
    width: 50px;
    height: 50px;
    background: #22bfa1;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 1px 1px 5px #b2b2b2;
    opacity: 0.6;
}

.hk-toTop__link:hover,
.hk-toTop__link:visited {
    color: #fff;
    opacity: 1;
    text-decoration: none;
}

.hk-toTop__link span {
    font-size: 3.5rem;
    line-height: 5rem;
    transition: var(--fade-animation);
    -webkit-transition: var(--fade-animation);
}

.hk-toTop__link span:hover {
    transform: translateY(-3px);
}

@media screen and (min-width: 601px) {
    .hk-footerArea .fs-p-footerNavigationItem__title {
        pointer-events: none;
    }
}

/* ------------------------------------------------ */
/* 見出し */
.hk-heading--page {
    text-align: center;
    padding: 0 0 40px;
}

@media screen and (max-width: 768px) {
    .hk-heading--page {
        padding: 10px 0;
    }
}

.hk-heading--lv2 {
    font-size: 2.8rem;
    padding: 60px 0;
    /* position: relative; */
    text-align: center;
    /* margin: 60px 0 40px; */
    margin: 0;
}

.hk-heading--lv2 span {
    display: block;
    font-size: 1.4rem;
    margin-top: 5px;
}

@media screen and (max-width: 786px) {
    .hk-heading--lv2 {
        font-size: 2.6rem;
        padding: 40px 0 30px;
    }
}

/* @media screen and (max-width: 1200px) {
    .hk-heading--lv2 {
        text-align: center;
        padding: 20px 0 20px;
        margin: 40px 0 20px;
    }
} */

/* .hk-heading--lv2:before {
    content: "";
    position: absolute;
    height: 80px;
    width: 80px;
    background: radial-gradient(#ccf1e3, #fff);
    border-radius: 50%;
    top: -8px;
    left: calc(50% - 40px);
    z-index: -1;
} */

.hk-heading--itemList {
    text-align: center;
    padding: 0 0 40px;
}

@media screen and (max-width: 768px) {
    .hk-heading--itemList {
        padding: 0;
        margin: 20px 0;
        font-size: 2.6rem;
    }
}

/* ------------------------------------------------ */
/* トップページ */

.hk-topPageContents__section {
    padding-bottom: 40px;
}

.hk-products-list__container {
    padding: 20px 0 40px;
}

.hk-products-list {
    margin: 0 0 0 0;
    /* padding: 8px; */
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media screen and (max-width: 768px) {
    .hk-products-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}

.hk-products-list li {
    list-style: none;
}

.hk-products-list-item a {
    display: block;
    text-align: center;
    color: currentColor;
    font-size: 1.4rem;
}

.hk-products-list-item a:hover {
    text-decoration: none;
}

.hk-products-list-item a:hover img {
    filter: brightness(0.6);
}


.hk-products-list-item img {
    border-radius: 5px;
    transition: var(--fade-animation);
    -webkit-transition: var(--fade-animation);
}

.hk-products-list-item.new img {
    border: dashed 3px #22bfbd;
}

.hk-products-list-item.new a:hover img {
    border: dotted 3px #22bfbd;
}

.hk-products-list-item.new span::before {
    /* content: "＼new／"; */
    content: "\ff3c\006e\0065\0077\ff0f";
    color: #22bfbd;
}

/* .hk-list-news li.fs-pt-list__item {
    margin: 0;
    border-bottom: solid 1px #ddd;
} */

/* .hk-list-news li.fs-pt-list__item:first-child {
    border-top: solid 1px #ddd;
    background: #ffffffd1;
} */
ul.hk-list-news {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
    gap: 20px;
}

@media screen and (max-width: 768px) {
    ul.hk-list-news {
        grid-template-columns: 1fr;
    }
}

ul.hk-list-news.fs-pt-list--noMarker>li+li {
    margin: 0;
}

ul.hk-list-news a.fs-pt-list__link {
    display: block;
    background: #fff;
    border-radius: 3px;
    padding: 25px 20px;
    /* border: solid 1px #fff; */
    height: 100%;
}

ul.hk-list-news a.fs-pt-list__link:hover {
    /* background: #f2f2f2; */
    text-decoration: none;
    background: #eee;
    /* border-color: #00AC9A; */
}

ul.hk-list-news a.fs-pt-list__link * {
    font-size: 1.4rem;
    line-height: 1;
    color: #333;
    padding: 0;
    margin: 0;
}

/* ul.hk-list-news a.fs-pt-list__link time {
    background: #00AC9A;
    color: #fff;
    padding: 2px 5px;
} */

ul.hk-list-news a.fs-pt-list__link h3 {
    margin: 10px;
    line-height: 1.6;
}

.hk-column__3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* gap: 20px; */
}

@media screen and (max-width: 820px) {
    .hk-column__3 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 500px) {
    .hk-column__3 {
        grid-template-columns: repeat(1, 1fr);
    }
}

[class*="hk-"] .fs-pt-column__heading {
    margin: 12px 0 5px;
    color: #333;
}

[class*="hk-"] .fs-pt-column a {
    color: #555;
}

[class*="hk-"] a.fs-pt-column__item {
    padding: 10px;
    transition: var(--fade-animation);
    -webkit-transition: var(--fade-animation);
    height: 100%;
    display: block;
}

[class*="hk-"] a.fs-pt-column__item:hover {
    text-decoration: none;
    /* opacity: 0.7; */
    background: #0000000f;
}

.hk-product-list-carousel__ranking .slick-track>div {
    position: relative;
    counter-increment: ranking;
}

.hk-product-list-carousel__ranking .slick-track>div::before {
    width: 35px;
    height: 35px;
    background: #7ec7c2;
    color: #fff;
    font-size: 2rem;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    content: counter(ranking);
}

.hk-product-list-carousel__ranking .slick-track>div:nth-child(1)::before {
    content: "";
    background-image: url("https://kitamint.itembox.design/item/img/common/rank1.png?t=20241029170217");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    border-radius: unset;
    border: none;
    width: 60px;
    height: 100px;
}

.hk-product-list-carousel__ranking .slick-track>div:nth-child(2)::before {
    content: "";
    background-image: url("https://kitamint.itembox.design/item/img/common/rank2.png?t=20241029170217");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    border-radius: unset;
    border: none;
    width: 55px;
    height: 100px;
}

.hk-product-list-carousel__ranking .slick-track>div:nth-child(3)::before {
    content: "";
    background-image: url("https://kitamint.itembox.design/item/img/common/rank3.png?t=20241029170217");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    border-radius: unset;
    border: none;
    width: 55px;
    height: 100px;
}

.hk-product-list-carousel__ranking .fs-c-productImage img,
.hk-product-list-carousel__ranking .fs-c-productImage a:hover img {
    transform: none;
}

.hk-product-list-carousel__panel.fs-c-slick .slick-track {
    gap: 20px 10px;
}

@media screen and (max-width: 500px) {
    .hk-product-list-carousel__panel.fs-c-slick .slick-track {
        gap: 20px 0;
    }
}

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

    .hk-product-list-carousel__recommend .slick-slide {
        padding: 0;
    }

    .hk-product-list-carousel__recommend .slick-slide>div {
        padding: 0;
    }

}

@media screen and (max-width: 500px) {
    .hk-product-list-carousel__recommend .fs-c-productListCarousel__list__item {
        max-width: calc(50vw - 30px);
        min-width: calc(50vw - 30px);
    }
}

/* ------------------------------------------------ */
/* 商品グループページ */
/* --　サブグループリストパーツ　-- */
.fs-c-subgroupList {
    display: grid;
    /* grid-template-columns: repeat(4, 1fr); */
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

@media screen and (max-width: 1400px) {
    .fs-c-subgroupList {
        /* grid-template-columns: repeat(2, 1fr); */
        grid-template-columns: repeat(4, 1fr);
        /* gap: 10px; */
    }
}

@media screen and (max-width: 768px) {
    .fs-c-subgroupList {
        grid-template-columns: repeat(2, 1fr);
        /* grid-template-columns: 1fr; */
    }
}

.fs-c-subgroupList__link {
    border: solid 1px #ddd;
    background: none;
    /* border-radius: 5px; */
    transition: var(--fade-animation);
    -webkit-transition: var(--fade-animation);
}

.fs-c-subgroupList__link::after {
    color: #ccc;
}

.fs-c-subgroupList__link:hover {
    /* opacity: 0.7; */
    background: #efefef;
}

.fs-c-subgroupList__image {
    height: 100%;
    display: flex;
    align-items: center;
}

.fs-c-subgroupList__image>img {
    margin: 2px;
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.fs-c-subgroup {
    margin-bottom: 60px;
}

.fs-c-subgroup .fs-c-listControl:last-of-type {
    display: none;
}

.fs-c-productImage a img {
    transition: var(--fade-animation);
    -webkit-transition: var(--fade-animation);
}

.fs-c-productImage a:hover img {
    /* filter: blur(2px); */
    transform: scale(1.02);
}

.fs-c-productListItem__productName {
    /* margin: 0 0 5px; */
    line-height: 1.5;
    /* color: #333; */
    margin: 0;
}

.fs-c-productListItem__productName a {
    /* color: inherit; */
}

.fs-c-productPrice {
    gap: 3px;
    /* justify-content: right; */
}

.fs-c-productListItem__prices {
    /* margin-bottom: 10px; */
    margin: 0;
    padding: 2px;
}

.fs-c-productPointDisplay {
    color: inherit;
    background: none;
}

.hk-itemList__information__price .fs-c-productPrice__main {
    font-size: 2.2rem;
}

.fs-c-productPrice--listed .fs-c-productPrice__main {
    font-size: 1.2rem;
}

.fs-c-productPostage::before,
.fs-c-productPostage::after {
    content: none;
}

.fs-c-productPostage__label {
    background: #22bfbd;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 4px 13px;
    margin: 4px 0 0;
}

/* --　並べ替えパーツ　-- */

.fs-c-productList__controller {
    flex-direction: column-reverse;
    /* gap: 10px; */
    margin: 30px 0;
}

.fs-c-sortItems {
    gap: 5px;
    border: none;
}

@media screen and (max-width: 768px) {
    .fs-c-sortItems {
        width: 100%;
    }
}

.fs-c-sortItems__label {
    border: none;
    border-right: dotted 1px currentColor;
    padding: 0 8px 0 0;
    display: none;
}

.fs-c-sortItems__list {
    border: none;
    /* border: solid 1px #ccc; */
    flex-wrap: nowrap;
    gap: 10px;
}

@media screen and (max-width: 768px) {
    .fs-c-sortItems__list {
        gap: 3px;
    }
}

.fs-c-sortItems__list__item {
    color: #555;
    flex-grow: 1;
    background: #f5f5f5;
    border: none;
}

/* .fs-c-sortItems__list__item:not(:first-of-type) {
    border-left: solid 1px #ccc;
} */

.fs-c-sortItems__list__item.is-active {
    background: #ddd;
    color: #666;
}

.fs-c-sortItems__list__item a:hover {
    text-decoration: none;
    /* opacity: 0.7; */
    background: #f2f2f2;
}

.fs-c-sortItems__list__item__label {
    padding: 2px 15px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .fs-c-sortItems__list__item__label {
        padding: 2px;
    }
}

.fs-c-listControl {
    flex-direction: column-reverse;
    align-items: center;
    margin: 20px 0;
}

.fs-c-listControl__status {
    font-size: 1.3rem;
    letter-spacing: 0.1rem;
}

.fs-c-pagination {
    margin: 0;
    gap: 10px;
}

.fs-c-pagination__item {
    padding: 10px;
    color: inherit;
    /* background: #fff; */
    /* border: solid 1px #ddd; */
}

a.fs-c-pagination__item:hover {
    color: inherit;
    background: #f2f2f2;
}

a.fs-c-pagination__item:visited,
a.fs-c-pagination__item:active {
    color: inherit;
}

/* -- 詳細検索パーツ -- */
.fs-c-inputTable__headerCell {
    font-weight: unset;
    margin-bottom: 5px;
}

.fs-p-productSearch__formSwitch {
    padding: 0;
    background: none;
}

.fs-p-productSearch__formSwitch>span {
    background: #efefef;
    padding: 5px 10px;
    border: solid 1px #ddd;
    border-radius: 5px;
}

.fs-p-productSearch :checked+.fs-p-productSearch__formSwitch .fs-p-productSearch__formClose {
    border-bottom: none;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.fs-c-radioGroup,
.fs-c-checkboxGroup {
    flex-direction: row;
    flex-wrap: wrap;
}

.fs-c-radioGroup>*,
.fs-c-checkboxGroup>* {
    flex-basis: auto;
}

.fs-p-productSearch__form {
    padding: 20px;
    background: #efefef;
}

.fs-p-productSearch {
    border: none;
}

.fs-p-productSearch__field {
    margin-bottom: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
    row-gap: 0;
}

@media screen and (max-width: 768px) {
    .fs-p-productSearch__field {
        grid-template-columns: 1fr;
    }
}

.hk-productSearch__content {
    border-bottom: solid 1px #ddd;
    padding: 0 0 20px;
}

.hk-productSearch__title {
    margin: 10px 0;
}

.fs-p-productSearch :checked~.fs-p-productSearch__search {
    max-height: none;
}

.fs-c-inputTextGroup__item {
    display: flex;
    align-items: center;
}

.fs-c-productListItem__outOfStock {
    background: #efefef;
    border: none;
    color: #cb353f;
}

.fs-c-productNotice--outOfStock {
    margin: 20px 0;
}

.fs-p-inputGroup {
    align-items: center;
    border: solid 2px #9aaba9;
    background: #9aaba9;
    border-radius: 50px;
}

.fs-p-searchForm__input {
    border-radius: 50px 0 0 50px;
    padding: 10px;
}

.fs-p-searchForm__button {
    background: #9aaba9;
    border-radius: 50px;
    color: #fff;
    width: 50px;
}

.fs-c-salesPeriod__date {
    background: #efefef;
    border: none;
    color: #00AC9A;
    line-height: 1;
    padding: 4px;
}

/* レビュー */
.productRating {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    line-height: 1;
    flex-wrap: wrap;
}

.productRating>* {
    display: flex;
    align-items: center;
}

.ratingcount-0 {
    display: none;
}

.fs-c-rating {
    display: flex;
    flex-wrap: wrap;
}

/* ------------------------------------------------ */
/* 商品詳細ページ */
/* [class*="hk-main"] .fs-l-productLayout { */
.fs-l-productLayout {
    display: grid;
    grid-template: "img info"
        "explain explain";
    /* grid-template-columns: 1fr 1fr; */
    grid-template-columns: auto minmax(auto, 500px);
    column-gap: 40px;
    margin: 0 auto;
}

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

    /* [class*="hk-main"] .fs-l-productLayout { */
    .fs-l-productLayout {
        grid-template: "img"
            "info"
            "explain";
        grid-template-columns: 1fr;
    }

}

.fs-c-productActionButton {
    padding: 40px 0;
}

[class*="hk-"] .fs-c-productNameHeading {
    font-size: 2.2rem;
}

#hk_itemDetail__img {
    grid-area: img;
}

#hk_itemDetail__info {
    grid-area: info;
}

#hk_itemDetail__explain {
    grid-area: explain;
}

.hk-itemDetail__info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.hk-itemDetail__info .fs-c-productPrice--selling .fs-c-productPrice__main__price .fs-c-price__value {
    font-size: 2.4rem;
}

.hk-itemDetailNote {
    background: #e8f7f6;
    color: #22bfbd;
    padding: 15px;
    margin: 20px 0;
}

.hk-itemDetailNote__important {
    background: #ffebc6;
    color: #ff9800;
    padding: 15px;
    margin: 20px 0;
}

.hk-itemDetailNote__caution {
    background: #fcb8bd;
    color: #cb353f;
    padding: 15px;
    margin: 20px 0;
}

/* [class*="hk-itemDetailNote"] { */
.hk-itemDetailNote__caution {
    position: relative;
    padding-left: 70px;
}

/* [class*="hk-itemDetailNote"]::before { */
.hk-itemDetailNote__caution::before {
    font-family: 'Material Symbols Outlined' !important;
    font-size: 3rem;
    font-weight: 500;
    border-right: solid 1px currentColor;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    left: 5px;
    width: 49px;
    height: calc(100% - 20px);
}

@media screen and (max-width: 768px) {
    .hk-itemDetailNote__caution {
        padding-left: 55px;
    }

    .hk-itemDetailNote__caution::before {
        font-size: 2.4rem;
        width: 39px;
    }
}

.hk-itemDetailNote__caution::before {
    content: "\e002";
    border-color: #cb353f70;
}

.hk-itemDetailExtra__content {
    display: flex;
    gap: 10px;
    margin: 20px 0;
}

.hk-itemDetailExtra__content+.hk-itemDetailExtra__content {
    border-top: solid 1px #efefef;
}

.hk-itemDetailExtra__content h3 {
    margin: 1rem 0;
}

.hk-itemDetailExtra__img {
    max-width: 100px;
    min-width: 100px;
    margin: 10px 0;
}

table.hk-itemDetailTable {
    width: 100%;
    border-collapse: collapse;
    margin-top: 30px;
    table-layout: fixed;
}

table.hk-itemDetailTable caption {
    text-align: start;
}

table.hk-itemDetailTable tbody {
    border: solid 2px #c6e5e3;
}

table.hk-itemDetailTable th {
    padding: 10px;
    background: #c6e5e3;
    width: 25%;
    text-align: center;
}

table.hk-itemDetailTable tr:not(:last-child) th {
    border-bottom: solid 2px #fff;
}

table.hk-itemDetailTable td {
    padding: 10px;
    border-bottom: solid 2px #c6e5e3;
}

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

    table.hk-itemDetailTable th {
        padding: 5px;
        border: none;
        display: block;
        width: 100%;
        text-align: left;
    }

    table.hk-itemDetailTable td {
        border: none;
        display: block;
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    table.hk-itemDetailTable th+th {
        border-left: solid 2px #fff;
    }

    table.hk-itemDetailTable td+td {
        border-left: solid 2px #c6e5e3;

    }
}

table.hk-itemDetailTable .hk-itemDetailTable__cell_strong {
    background: #22bfbd;
    color: #fff;
}

table.hk-itemDetailTable.strong * {
    border-color: #22bfbd;
}

table.hk-itemDetailTable.strong th {
    background: #22bfbd;
    color: #fff;
}

.fs-p-productDescription--short {
    margin-top: 30px;
}

.fs-c-productList__list {
    grid-template-columns: repeat(5, 1fr);
    justify-content: space-between;
    gap: 80px 70px;
}

@media screen and (max-width: 1400px) {
    .fs-c-productList__list {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 1100px) {
    .fs-c-productList__list {
        grid-template-columns: repeat(3, 1fr);
        gap: 60px 50px;
    }
}

@media screen and (max-width: 768px) {
    .fs-c-productList__list {
        grid-template-columns: repeat(3, 1fr);
        gap: 40px 30px;
    }
}

@media screen and (max-width: 600px) {
    .fs-c-productList__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 20px;
    }
}

.fs-c-productList__list__item {
    border: none;
    padding: 0;
    max-width: 240px;
    margin: 0 auto;
}

.fs-c-productList__list__item form {
    /* height: 100%; */
    display: grid;
    grid-template-rows: auto 1fr;
}

.fs-c-productListItem__viewMoreImageButton.fs-c-buttonContainer {
    display: none;
}

.hk-itemList__information {
    display: flex;
    flex-direction: column;
}

.hk-itemList__information__price {
    padding: 5px 0;
}

.hk-itemList__information__button {
    margin-top: auto;
}

.fs-c-productListItem__control.fs-c-buttonContainer {
    justify-content: left;
    gap: 5px;
    /* margin-top: auto; */
    border-top: solid 2px #eee;
}


/* .fs-c-button--plain.fs-c-button--addToCart--list:hover, */
/* .fs-c-button--plain.fs-c-button--viewProductDetail:hover, */
/* .fs-c-button--plain.fs-c-button--subscribeToArrivalNotice--list:hover, */
.fs-c-button--plain[class^="fs-c-button--"]::before {
    display: none;
}

.fs-c-button--addToWishList--icon.fs-c-button--particular,
.fs-c-button--removeFromWishList--icon.fs-c-button--particular {
    margin: 0;
}

.fs-c-button--particular.fs-c-button--removeFromWishList--icon::before,
.fs-c-button--particular.fs-c-button--removeFromWishList--detail::after {
    color: #00AC9A;
}

.fs-c-productMarks {
    margin: 0;
}

.fs-c-productMarks,
.fs-c-productMarks {
    display: flex;
    gap: 3px;
    flex-wrap: wrap;
}

.fs-c-productMark {
    gap: 3px;
}

.fs-c-mark,
.fs-c-productMark__mark {
    margin: 0;
    border-radius: 0;
}

.hk-itemDetail__info .fs-c-mark,
.hk-itemDetail__info .fs-c-productMark__mark {
    font-size: 1.4rem;
    line-height: 1.2;
}

.fs-c-productSalesPeriod {
    background: #efefef;
    border: none;
    color: #00AC9A;
}

/* .hk-itemDetail__info .fs-c-productPrice--selling .fs-c-productPrice__main__price { */
/* .fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price { */
/* font-size: 2.6rem; */
/* } */

.fs-c-productMainImage {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px;
}

.fs-c-productMainImage__image {
    max-width: 500px;
}

.fs-c-productImageModal {
    z-index: 9999999;
    display: flex;
    align-items: center;
}

.hk-itemDetail__explain {
    display: grid;
    grid-template-columns: 1fr;
}

.hk-itemDetail__explain__title {
    border-bottom: solid 2px #eee;
    color: inherit;
    font-size: 1.7rem;
    margin: 30px 0 0;
    padding: 0 5px 8px;
}

.hk-itemDetail__explain__quantity {
    margin: 10px 0;
    display: flex;
    align-items: center;
    gap: 15px;
}

.hk-itemDetail__explain__quantity img {
    max-width: 80px;
}

@media screen and (max-width: 768px) {
    .hk-itemDetail__explain__quantity img {
        max-width: 80px;
    }
}

dl.hk-itemDetail__explainList {
    display: grid;
    grid-template-columns: auto 1fr;
    border: solid 2px #c6e5e3;
}

dl.hk-itemDetail__explainList>dt {
    background: #c6e5e3;
    border-bottom: solid 2px #fff;
    min-width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

dl.hk-itemDetail__explainList>dd {
    border-bottom: solid 2px #c6e5e3;
}

dl.hk-itemDetail__explainList>dt,
dl.hk-itemDetail__explainList>dd {
    margin: 0;
    padding: 10px;
}

dl.hk-itemDetail__explainList>dt:last-of-type,
dl.hk-itemDetail__explainList>dd:last-of-type {
    border: none;
}

@media screen and (max-width: 768px) {
    dl.hk-itemDetail__explainList {
        grid-template-columns: 1fr;
    }

    dl.hk-itemDetail__explainList>dt {
        justify-content: left;
        padding: 2px 5px;
    }

    dl.hk-itemDetail__explainList>dt,
    dl.hk-itemDetail__explainList>dd {
        border: none;
    }

}

/* .hk-mainContents .fs-c-productNumber { */
.fs-c-productNumber {
    border: none;
    padding: 0;
}

/* .fs-c-button--addToCart--detail,
.fs-c-button--subscribeToArrivalNotice--detail {
    width: 90%;
} */

.fs-c-button--carousel--prev::before,
.fs-c-button--carousel--next::before {
    content: "";
    width: 40px;
    height: 8px;
}

.fs-c-button--carousel--prev::before {
    border-bottom: solid 2px #888;
    border-left: solid 3px #888;
    transform: skew(-45deg);
}

.fs-c-button--carousel--next::before {
    border-bottom: solid 2px #888;
    border-right: solid 3px #888;
    transform: skew(45deg);
}


.hk-s-option .fs-c-productOption__price {
    display: none;
}

.fs-c-productQuantityAndWishlist {
    margin-top: 30px;
}

/* .fs-c-productReview {
    margin: 50px 0;
} */

.fs-c-reviewBody {
    border: none;
    padding: 0;
}

.fs-c-reviewStars::before {
    color: #00AC9A;
}

.fs-c-rating__value {
    color: #9aaba9;
}

.fs-c-reviewStatus {
    background: #00AC9A;
}

.fs-c-reviewerStatus {
    background: #00AC9A;
}

.fs-c-reviewList__item,
.fs-c-reviewList__item:first-child {
    border-color: #eee;
    border-width: 2px;
}

.fs-c-history .fs-c-reviewList__item__info {
    justify-content: center;
    align-items: center;
}

.fs-c-history .fs-c-reviewList__item__body {
    display: flex;
    align-items: center;
}

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

    .fs-c-history .fs-c-reviewList__item {
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 20px;
    }

    .fs-c-history .fs-c-reviewList__item__body {
        /* grid-row: 2/3; */
        grid-column: 1/3;
    }

    .fs-c-history .fs-c-reviewList__item__editButton {
        grid-column: 2/3;

    }

}

.fs-body-review-write .fs-c-reveiwNotes {
    border: none;
    background: #e8f7f6;
    padding: 5px 10px;
}

/* ------------------------------------------------ */
/* フリーページ（記事） */
/* 送料とお支払 */
.fs-c-shippingCarrierInfo__content {
    background-color: #fff;
}

.fs-c-documentArticle,
.fs-p-announcement,
.fs-c-wishlistProduct,
.fs-c-featuredProduct {
    padding: 0 0 40px;
    margin: 20px 0;
}

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

    .fs-c-documentArticle,
    .fs-p-announcement,
    .fs-c-wishlistProduct,
    .fs-c-featuredProduct {
        padding: 0 0 20px;
    }
}

.fs-c-documentArticle p {
    padding: 0 5px;
}

.fs-c-documentArticle a {
    text-decoration: underline;
}

.fs-c-documentArticle a:hover {
    text-decoration: none;
}

.fs-c-documentArticle__heading,
.fs-p-announcement__title,
.fs-c-wishlistProduct__title,
.fs-c-featuredProduct__title,
.hk-itemDetailExtra__heading {
    margin: 10px 0 20px;
    padding: 20px 15px;
    text-align: left;
    font-size: 1.8rem;
    border: none;
    background: rgb(158, 172, 168);
    background: linear-gradient(30deg, rgba(158, 172, 168, 1) 0%, rgba(181, 203, 197, 1) 100%);
    color: #fff;
    font-weight: 500;
}

.fs-c-documentArticle__content,
.fs-p-announcement__body {
    padding: 0;
}

/* .hk-mainContents .fs-c-documentColumn { */
.fs-c-documentColumn {
    padding: 10px 0 0;
}

/* .hk-mainContents *+.fs-c-documentColumn { */
*+.fs-c-documentColumn {
    margin-top: 35px;
}

.fs-c-documentColumn__heading {
    border: none;
    /* border-bottom: solid 1px #aaa; */
    border-bottom: solid 2px #ddd;
    color: inherit;
    margin: 0;
    padding: 0 5px 8px;
    font-size: 1.7rem;
}

/* .fs-c-documentColumn__content {
    padding: 0;
} */

.fs-c-documentSubColumn {
    border: solid 2px #eee;
}

.hk-contactSelect {
    display: grid;
    gap: 80px;
    /* max-width: 800px; */
    padding: 40px 0;
    margin: 0 auto;
    grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 800px) {
    .hk-contactSelect {
        grid-template-columns: 1fr;
    }
}

.hk-contactSelect__buttonContainer {
    padding: 40px 0;
}

.hk-guideMenu {
    margin: 0 0 50px;
}

.hk-guideMenu ul {
    display: grid;
    grid-template-columns: repeat(4, auto);
    list-style: none;
    margin: 0;
    padding: 0;
    column-gap: 20px;
}

@media screen and (max-width: 900px) {
    .hk-guideMenu ul {
        grid-template-columns: repeat(3, auto);
    }
}

@media screen and (max-width: 650px) {
    .hk-guideMenu ul {
        grid-template-columns: repeat(2, auto);
    }
}

@media screen and (max-width: 400px) {
    .hk-guideMenu ul {
        grid-template-columns: repeat(1, auto);
    }
}

.hk-guideMenu li {
    display: flex;
}

.hk-guideMenu li::before {
    font-family: "Material Symbols Outlined" !important;
    content: "\e5c5";
}

.hk-news {
    max-width: 800px;
    margin: 0 auto;
}

.hk-news time {
    background: #aaa;
    color: #fff;
    padding: 2px 4px;
}

.hk-newsSection {
    padding: 30px 0 80px;
}

.hk-newsSection+.hk-newsSection {
    border-top: solid 1px #ddd;
}

.hk-documentArticle-faq {
    /* padding: 40px 0; */
}

.hk-documentColumn-faq {
    padding: 20px 0;
}

.hk-documentColumn-faq__heading {
    border-bottom: solid 2px #ddd;
    color: inherit;
    margin: 0;
    padding: 0 5px 8px;
    font-size: 1.7rem;
}

.hk-documentColumn-faq__content {
    padding: 20px 0;
}

details.hk-documentFaq {
    background: #fff;
    padding: 0;
    border: solid 2px #f2f2f2;
    transition: var(--fade-animation);
    -webkit-transition: var(--fade-animation);
    font-size: 1.5rem;
}

summary.hk-documentFaq__title {
    background: #f2f2f2;
    position: relative;
    padding: 15px;
    padding-right: 50px;
    transition: var(--fade-animation);
    -webkit-transition: var(--fade-animation);
}

summary.hk-documentFaq__title:hover {
    cursor: pointer;
    /* text-decoration: underline; */
    color: #aaa;
    transition: var(--fade-animation);
    -webkit-transition: var(--fade-animation);
}

summary.hk-documentFaq__title::before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 2px;
    background: #333;
    right: 0;
    margin-right: 15px;
    top: calc(50% - 1px);
}

summary.hk-documentFaq__title::after {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 20px;
    background: #333;
    right: 9px;
    margin-right: 15px;
    top: calc(50% - 10px);
    transition: var(--fade-animation);
    -webkit-transition: var();
    transform: rotate(0deg);
}

details.hk-documentFaq.is-opened summary.hk-documentFaq__title::after {
    transform: rotate(90deg);
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
}

.hk-documentFaq__title>* {
    font-size: 1.8rem;
    margin: 0;
    line-height: 1.4;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.hk-documentFaq__title>*::before {
    content: "Q.";
    padding-right: 8px;
    color: #22bfa1;
    font-size: 2.4rem;
    display: inline-block;
}

details.hk-documentFaq .hk-documentFaq__content {
    padding: 0 15px;
    opacity: 0;
    transition: var(--fade-animation);
    -webkit-transition: var(--fade-animation);
    background: #fff;
}

details.hk-documentFaq .hk-documentFaq__content::before {
    content: "A.";
    font-size: 2.4rem;
    color: #C98696;
    display: block;
}

details.hk-documentFaq.is-opened .hk-documentFaq__content {
    padding: 30px 20px;
    transition: var(--fade-animation);
    -webkit-transition: var(--fade-animation);
    opacity: 1;
}

@media screen and (max-width: 768px) {
    details.hk-documentFaq .hk-documentFaq__content {
        padding: 0 15px;

    }

    details.hk-documentFaq.is-opened .hk-documentFaq__content {
        padding: 30px 15px;
    }
}

details.hk-documentFaq .hk-documentFaq__content p {
    margin: 2rem 0;
}

details.hk-documentFaq+details.hk-documentFaq {
    margin-top: 2px;
}

details.hk-documentFaq[open]+details.hk-documentFaq {
    margin-top: 0;
}

.hk-documentFaqSubsection {
    margin: 40px 0;
}

.hk-documentFaqSubsection__heading {
    font-size: 1.6rem;
    background: #f2f2f2;
    padding: 10px;
    margin: 10px 0;
}

.hk-documentIllustration {
    display: flex;
    gap: 20px;
    padding: 10px;
}

.hk-documentIllustration__img {
    max-width: 50%;
}

@media screen and (max-width: 600px) {
    .hk-documentIllustration {
        flex-direction: column;
    }

    .hk-documentIllustration__img {
        max-width: 100%;
    }
}

table.hk-businessCalenderTable {
    width: 100%;
    text-align: center;
}

table.hk-businessCalenderTable th,
table.hk-businessCalenderTable td {
    padding: 5px 0;
}

table.hk-businessCalenderTable th {
    background: #c6e5e3;
}

table.hk-businessCalenderTable td {
    background: #f8f8f8;
}

table.hk-businessCalenderTable .saturday td,
table.hk-businessCalenderTable .holiday td {
    background: #e3e3e3;
    color: #888;
}

table.hk-businessCalenderTable .saturday .date,
table.hk-businessCalenderTable .saturday .day-of-week {
    color: cornflowerblue;
}

table.hk-businessCalenderTable .holiday .date,
table.hk-businessCalenderTable .holiday .day-of-week {
    color: coral;
}

/* ------------------------------------------------ */
/* マイページ関連 */
.fs-c-subSection__title,
.fs-c-linkedServiceLogin__title {
    border: none;
    border-bottom: solid 2px #eee;
    color: inherit;
    margin: 0;
    padding: 0 5px 8px;
    font-size: 1.7rem;
    margin-bottom: 20px;
}

.fs-c-linkedServiceLogin__body {
    padding: 20px 0;
}

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

    .fs-body-login .fs-c-loginForm {
        justify-content: center;
    }
}

.fs-c-linkServicesList {
    grid-template-columns: 1fr;
}

.fs-c-linkServicesList__item {
    box-shadow: none;
    border-width: 2px;
    border-radius: 0;
    border-color: #ddd;
}

.fs-c-accountService {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 0 0 40px;
}

@media screen and (max-width: 1400px) {
    .fs-c-accountService {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 600px) {
    .fs-c-accountService {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

@media screen and (max-width: 300px) {
    .fs-c-accountService {
        grid-template-columns: repeat(1, 1fr);
    }
}

.fs-c-accountService__page {
    margin: 0;
    padding: 0;
}

.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink {
    box-shadow: none;
    border-radius: 10px;
    border: solid 2px #eee;
    color: #00ac9a;
    background: #fafafa;
}

.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink:hover {
    background: #fff;
}

.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink__label,
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink__label::before {
    color: #848484;
}

.fs-c-history__total dt,
.fs-c-history__total dd {
    border: none;
}

.fs-c-specialPointList__label {
    color: inherit;
}

.fs-c-orderHistoryItem__orderInfo {
    flex-direction: column;
    align-items: flex-start;
    padding: 5px;
}

.fs-c-orderHistoryItem__orderInfo__info,
.fs-c-orderHistoryItem__orderSummary {
    display: flex;
    gap: 10px;
}

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

    .fs-c-orderHistoryItem__header__button {
        width: 100%;
    }
}

.fs-c-orderHistoryItem__orderInfo__info,
.fs-c-orderHistoryItem__orderSummary,
.fs-c-orderHistoryItem__header__button {
    margin: 5px;
}

.fs-c-orderHistoryItem__header {
    flex-direction: row;
    flex-wrap: wrap;
    background: #f5f5f5;
}

.fs-c-orderHistoryItem,
.fs-c-orderHistoryItem__header {
    border-radius: 0;
    border-color: #f5f5f5;
    border-width: 2px;
}

.fs-c-orderHistoryItem__product+.fs-c-orderHistoryItem__product {
    border-top: solid 2px #f5f5f5;
}

.fs-c-orderHistoryItem__deliveryInfo dd {
    border-color: #ddd;
}

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

    .fs-body-my-points .fs-c-history__info {
        max-width: 100%;
    }
}

.fs-c-listTable {
    border: solid 2px #eee;
}

@media screen and (max-width: 600px) {
    .fs-c-listTable {
        border: none;
    }
}

.fs-c-listTable>thead {
    border: none;
    background: #eee;
}

.fs-c-listTable>tbody {
    /* border-top-color: #f2f2f2; */
    /* border-top-width: 2px; */
    /* border-bottom: none; */
    border: none;
}

.fs-c-listTable th {
    border-color: #fff;
    border-width: 2px;
    text-align: center;
    background: #eee;
}

.fs-c-listTable td {
    border-color: #eee;
    border-width: 2px;
}

.fs-c-listTable>tbody>tr {
    border-top: solid 2px #eee;
}

@media screen and (max-width: 600px) {
    .fs-c-listTable>tbody>tr {
        border: solid 2px #eee;
    }
}

.fs-c-listTable>tbody>tr:nth-child(even) {
    background: none;
}

.fs-c-addressBookList__list.fs-c-listTable td {
    border: none;
}

.fs-p-accountInfo {
    /* background: #9EACA8; */
    background: rgb(158, 172, 168);
    background: linear-gradient(30deg, rgba(158, 172, 168, 1) 0%, rgba(181, 203, 197, 1) 100%);
}

.fs-p-accountInfo__header {
    color: #fff;
}

.fs-c-orderDetailList {
    border: solid 2px #9aaba9;
}

.fs-c-orderDetailList__date,
.fs-c-orderDetailList__date+dd {
    background: #9aaba9;
}

.fs-c-orderPerAddressee__heading {
    background: #eee;
    color: inherit;
}

.fs-c-addresseeList .fs-c-address {
    flex-direction: column;
}

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

    .fs-c-addresseeList {
        gap: 10px 20px;
    }
}

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

    .fs-body-my-orders-details .fs-c-orderPerAddressee,
    .fs-body-my-orders-details .fs-c-orderDetailInfo {
        grid-template: auto auto auto/1fr 300px;
        column-gap: 30px;
    }

    .fs-body-my-orders-details .fs-c-orderPerAddressee__addressee {
        grid-column: 1/3;
    }
}

.fs-c-deliveryInfoList {
    border: solid 2px #f2f2f2;
}

.fs-c-deliveryInfoList * {
    border: none;
}

.fs-c-deliveryInfoList>dt {
    background: #f2f2f2;
    border-bottom: solid 2px #fff;
}

.fs-c-deliveryInfoList>dt:last-of-type {
    border: none;
}

.fs-c-deliveryInfoList>dd {
    border-bottom: solid 2px #f2f2f2;
}

.fs-c-deliveryInfoList>dd:last-of-type {
    border: none;
}

.fs-c-orderPaymentTable>thead>tr th,
.fs-c-orderPaymentTable>thead>tr td,
.fs-c-orderPaymentTable>tfoot>tr th,
.fs-c-orderPaymentTable>tfoot>tr td,
.fs-c-orderPaymentTable>tbody>tr th,
.fs-c-orderPaymentTable>tbody>tr td {
    border: solid 2px #f2f2f2;
}

.fs-c-orderPaymentTable>thead>tr>th,
.fs-c-orderPaymentTable>tfoot>tr>th,
.fs-c-orderPaymentTable>tbody>tr>th {
    background: #f2f2f2;
}

.fs-c-postage__list>dt {
    background: #eee;
}

.fs-c-postage__list>dt,
.fs-c-postage__list>dd {
    border: solid 2px #eee;
}

.fs-c-specTable,
.fs-c-specTable__headerCell,
.fs-c-specTable__dataCell {
    border: none;
}

.fs-c-specTable {
    border: solid 2px #eee;
}

.fs-c-specTable__headerCell {
    background: #eee;
    /* border: solid 2px #eee; */
    border-right: solid 2px #fff;
    border-bottom: solid 2px #fff;
}

.fs-c-specTable thead .fs-c-specTable__headerCell:last-child {
    border-right: solid 2px #eee;
}

.fs-c-specTable__dataCell {
    border: solid 2px #eee;
}

.fs-c-specTable tbody tr:last-child .fs-c-specTable__headerCell {
    border-bottom: solid 2px #eee;
}

/* ------------------------------------------------ */
/* メールマガジン申し込み */
/* 会員登録 */

.fs-c-agreementConfirmation {
    margin: 40px 0 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.fs-c-inputInformation__field,
.fs-body-newsletter-subscribe .fs-c-inputInformation__field {
    /* max-width: 800px; */
    /* background: #fff; */
    background: transparent;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media screen and (min-width: 768px) {
    .fs-c-modal__contents .fs-c-inputInformation__field {
        color: inherit;
        padding: 0 20px;
    }
}

.fs-c-modal__contents .fs-c-inputInformation__field {
    padding-bottom: 20px;
}

.fs-c-inputField__explanation {
    font-size: 1.4rem;
    color: #aaa;
    line-height: 1.5;
}

.fs-c-inputField__explanation p {
    margin: 5px 0 0 0;
}

.fs-c-radio__radioLabelText {
    line-height: 1;
}

.fs-c-radio__radio:checked:enabled+label>.fs-c-radio__radioMark {
    border-color: #00AC9A;
}

.fs-c-radio__radio:checked:enabled+label>.fs-c-radio__radioMark::before {
    background: #00AC9A;
}

.fs-c-additionalCheckField .fs-c-checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e8f7f6;
    /* border-radius: 10px; */
    /* margin: 20px; */
    padding: 20px;
}

.fs-c-additionalCheckField .fs-c-checkbox__label {
    gap: 5px;
}

.fs-c-checkbox__checkbox:checked+label>.fs-c-checkbox__checkMark {
    background: #00AC9A;
    border-color: #00AC9A;
}

.fs-c-agreementConfirmation__addon {
    margin: 0;
}

.fs-c-agreementConfirmation__addon input {
    padding-top: 10px;
    padding-bottom: 10px;
}

[type=hidden],
[type=text],
[type=search],
[type=tel],
[type=url],
[type=email],
[type=password],
[type=datetime],
[type=date],
[type=month],
[type=week],
[type=time],
[type=datetime-local],
[type=number],
select,
textarea {
    padding-top: 10px;
    padding-bottom: 10px;
}

.fs-c-checkout-preview {
    /* border-radius: 0; */
    /* border-width: 2px; */
    /* border-color: #f2f2f2; */
    border: none;
    padding: 0;
}

.fs-c-checkout-preview__title {
    border-bottom: solid 2px #ddd;
    margin-bottom: 20px;
}

.fs-c-checkout-previewAndEdit__info {
    padding: 10px 15px;
}

.fs-c-checkout-multiDestination__subtitle {
    border-color: #ccc;
}

.fs-c-checkout-checkoutMethodList {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.fs-c-checkout-addressee {
    border: solid 2px #f2f2f2;
}

/* ------------------------------------------------ */
/* 会員情報 */

/* .fs-body-newsletter-subscribe .fs-c-inputTable, */
/* .fs-c-memberInfoField .fs-c-inputTable, */
.fs-c-inputTable {
    border-collapse: collapse;
}

/* .fs-body-newsletter-subscribe .fs-c-inputTable>tbody, */
/* .fs-c-memberInfoField .fs-c-inputTable>tbody, */
.fs-c-inputTable>tbody {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* .fs-body-newsletter-subscribe .fs-c-inputTable>tbody>tr, */
/* .fs-c-memberInfoField .fs-c-inputTable>tbody>tr, */
.fs-c-inputTable>tbody>tr {
    display: flex;
    flex-direction: column;
}

/* .fs-body-newsletter-subscribe .fs-c-inputTable__dataCell, */
/* .fs-c-memberInfoField .fs-c-inputTable__dataCell, */
.fs-c-inputTable__dataCell {
    font-size: 1.6rem;
}

/* .fs-body-newsletter-subscribe .fs-c-inputTable__dataCell, */
/* .fs-c-memberInfoField .fs-c-inputTable__dataCell, */
.fs-c-inputTable__dataCell {
    padding: 15px 5px;
}

/* ------------------------------------------------ */
/* カート */
.fs-c-listedProductName__name,
.fs-c-listedProductName__name:visited {
    /* color: inherit; */
}

.fs-c-cartTable {
    /* border: solid 2px #eee; */
}

@media screen and (max-width: 600px) {
    .fs-c-cartTable {
        /* border: none; */
    }
}

.fs-c-cartTableContainer {
    border: none;
    padding: 0;
    margin-bottom: 40px;
}

.fs-c-cartTable__headerCell,
.fs-c-cartTable__dataCell {
    /* border: none; */
}

.fs-c-cartTable__headerCell {
    /* text-align: center; */
    /* border-left: solid 2px #fff; */
    /* border-left: solid 2px #f2f8f8; */
    /* background: #f2f2f2; */
    /* background: #eee; */
}

.fs-c-cartTable__headerCell:first-child {
    /* border: none; */
}

.fs-c-cartTable__dataCell {
    /* background: #fff; */
}

.fs-c-cartTable__row {
    /* border-top: solid 2px #eee; */
    /* border-color: #eee; */
    /* border-width: 2px; */
}

/* .fs-c-cartTable__row:first-child {
    border: none;
} */

/* @media screen and (max-width: 600px) {

    .fs-c-cartTable__row:first-child,
    .fs-c-cartTable__row,
    .fs-body-my-orders-details .fs-c-cartTable__row {
        border: solid 2px #eee;
        padding: 10px;
        background: #fff;
    }
} */

.fs-c-cartTable__message {
    font-size: 1.1rem;
    line-height: 1;
    padding: 5px;
}

.fs-c-cartTable__actionButton {
    gap: 8px;
}

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

    .fs-c-cartTable__actionButton {
        display: inline-flex;
        gap: 20px;
    }
}

.fs-c-cartTable__actionButton__container {
    display: flex;
    justify-content: center;
}

.fs-c-cartTable__actionButton__container+.fs-c-cartTable__actionButton__container {
    border: none;
    margin: 0;
    padding: 0;
}

.fs-c-listedOptionPrice {
    background: #f5f5f5;
    padding: 10px;
    margin-right: 10px;
}

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

    .fs-body-cart .fs-l-cart__sideColumn {
        border-radius: 0;
        border: solid 2px #eee;
        padding: 30px 15px;
    }

    [class^=fs-body-checkout] .fs-l-checkout {
        flex-wrap: wrap;
        gap: 50px;
    }

    [class^=fs-body-checkout] .fs-l-checkout__mainColumn {
        padding-right: 0;
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
}

.fs-c-orderTotalTable>thead>tr th,
.fs-c-orderTotalTable>thead>tr td,
.fs-c-orderTotalTable>tfoot>tr th,
.fs-c-orderTotalTable>tfoot>tr td,
.fs-c-orderTotalTable>tbody>tr th,
.fs-c-orderTotalTable>tbody>tr td,
.fs-c-orderTotalTable>thead>tr:last-of-type,
.fs-c-orderTotalTable>tfoot>tr:last-of-type,
.fs-c-orderTotalTable>tbody>tr:last-of-type {
    border-color: #eee;
    border-width: 2px;
}

.fs-c-cartBundleInfo__info {
    /* background: #e8f7f6; */
    background: #c6e5e3;
}

.fs-c-cartBundleInfo__title {
    background: #c6e5e3;
    color: #555;
    padding-top: 15px;
}

.fs-c-cartBundleInfo__list>li>a {
    border-color: #fff;
}

.fs-c-dropdown__menu>option {
    font-weight: 400;
}

/* ------------------------------------------------ */
/* メンテナンス中 */

.fs-p-closed {
    gap: 30px;
}

.hk-closed__img {
    max-width: 500px;
    width: 100%;
    padding: 20px;
}

.hk-closed__shopName {
    font-size: 1.8rem;
    margin: 40px 0;
}

/* .fs-body-closed {
background-image: url(https://kitamint.itembox.design/item/img/common/peppermintMark_rgb.png?t=20241029170217);
} */

.hk-closed__sns ul {
    list-style: none;
    display: flex;
    justify-content: space-evenly;
    padding: 0;
    gap: 10px;
}

.hk-closed__sns ul li a {
    display: flex;
    flex-direction: column;
    padding: 25px;
    background: #efefef;
    border-radius: 50%;
}

.hk-closed__sns ul li a:hover {
    background: #e8f7f6;
}

.hk-closed__sns ul li a img {
    border-radius: 5px;
    opacity: 0.8;
    width: 30px;
}

/* ------------------------------------------------ */
/* 製品紹介 */
.hk-headerArea-pd {
    position: relative;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
}

.has-scrollbar .hk-headerArea-pd {
    margin-right: calc(50% - 50vw + var(--scroll-bar-width) / 2);
    margin-left: calc(50% - 50vw + var(--scroll-bar-width) / 2);
}

.hk-headerArea-feature h1 {
    margin: 0;
    padding: 0;
}

.hk-header-pd__heading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 3.6rem;
    text-align: center;
    text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    padding: 15px;
    z-index: 1;
}

.hk-header-pd__subHeading {
    display: block;
    font-size: 1.6rem;
}

.hk-header-pd__heading h1 {
    font-size: 2.8rem;
    padding: 0 0 15px;
    margin: 0;
}

.hk-header-pd__img {
    object-fit: cover;
    width: 100%;
    height: 200px;
    position: inherit;
    z-index: 0;
    filter: brightness(0.5);
}

.hk-documentArticle-pd,
.hk-documentArticle-feature {
    padding: 0 20px 50px;
}

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

    .hk-documentArticle-pd,
    .hk-documentArticle-feature {
        margin: 0 10px;
        padding: 0 0 20px;
    }
}

.hk-documentArticle-pd+.hk-documentArticle-pd,
.hk-documentArticle-feature+.hk-documentArticle-feature {
    border-top: solid 1px #ccc;
}

.hk-documentArticle-pd__heading,
.hk-documentArticle-feature__heading {
    text-align: center;
    padding: 80px 20px;
    font-size: 3rem;
    line-height: 1.6;
    color: #aaa;
    max-width: 500px;
    margin: auto;
}

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

    .hk-documentArticle-pd__heading,
    .hk-documentArticle-feature__heading {
        padding: 50px 20px;
        font-size: 2.8rem;
    }
}

.hk-documentColumn-pd {
    background: #fff;
    padding: 60px 40px;
    margin: 40px 10px;
    /* border-radius: 20px; */
}

@media screen and (max-width: 768px) {
    .hk-documentColumn-pd {
        padding: 40px 10px;
        margin: 40px 5px;
    }
}


/* .hk-documentColumn-pd::before {
    content: "・・・";
    display: block;
    color: #aaa;
    text-align: center;
    height: 80px;
    line-height: 80px;
} */

.hk-documentColumn-feature::after {
    content: url("https://kitamint.itembox.design/item/img/common/peppermintMark_rgb.png?t=20241029170217");
    display: block;
    text-align: center;
    opacity: 0.4;
    padding: 30px 0;
}

.hk-documentColumn-pd__heading {
    font-size: 2.6rem;
    text-align: center;
    margin: 0 0 50px;
    line-height: 1.4;
    position: relative;
}

.hk-documentColumn-pd__heading::before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background-color: #00ac9a;
}

.hk-documentColumn-feature__heading {
    font-size: 2.2rem;
    text-align: center;
    margin: 50px 0 30px;
    line-height: 1.4;
}

.hk-documentColumn-pd__text,
.hk-documentColumn-feature__text {
    padding: 0 5px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin: 0 auto;
    /* margin-top: 40px; */
    /* margin-bottom: 40px; */
}

.hk-documentArticle-pd__content>.hk-documentColumn-pd__text {
    max-width: 600px;
    padding: 10px 30px;
    margin-bottom: 80px;
}

.hk-documentColumn-pd__content>.hk-documentColumn-pd__text {
    max-width: 800px;
    padding: 20px;
}

.hk-documentColumn-pd__imgContainer {
    max-width: 1200px;
    /* max-width: 800px; */
    margin: 0 auto;
    margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
    .hk-documentColumn-pd__imgContainer {
        margin-bottom: 50px;
    }
}

.hk-documentColumn-pd__imgContainer img {
    aspect-ratio: 4 / 1;
    object-fit: cover;
    object-position: center;
}

@media screen and (max-width: 768px) {
    .hk-documentColumn-pd__imgContainer img {
        aspect-ratio: 2 / 1;
    }
}

.hk-documentColumn-feature__imgContainer {
    margin: 30px 0;
}

.hk-documentArticle-pd__content>.hk-documentColumn-pd__imgContainer {
    padding-right: 15px;
}

.hk-documentArticle-pd__content>.hk-documentColumn-pd__imgContainer img {
    box-shadow: 15px 15px #c6e5e3;
}

@media screen and (max-width: 768px) {
    .hk-documentArticle-pd__content>.hk-documentColumn-pd__imgContainer {
        padding-right: 10px;
    }

    .hk-documentArticle-pd__content>.hk-documentColumn-pd__imgContainer img {
        box-shadow: 10px 10px #c6e5e3;
    }

}

@media screen and (max-width: 500px) {
    .hk-documentColumn-pd .fs-c-productListCarousel .fs-c-productListCarousel__list__item {
        max-width: calc(50vw - 50px);
        min-width: calc(50vw - 50px);
    }
}

.hk-products-mintShower__img {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

@media screen and (max-width: 500px) {
    .hk-products-mintShower__img {
        grid-template-columns: 1fr;
    }
}

.hk-products-example {
    display: flex;
    gap: 10px;
    padding: 15px 10px;
    align-items: center;
    border: solid 1px #ddd;
    margin: 30px 0;
}

.hk-products-example img {
    max-height: 100px;
}

.hk-documentArticle-pd__content>details.hk-documentFaq {
    border-color: #fff;
}

.hk-documentArticle-pd__content>summary.hk-documentFaq__title {
    background: #fff;
}

[href="/f/products"][class*="hk-button--return"],
a.hk-button--toHome {
    background: #00AC9A;
    color: #fff;
    padding: 20px;
    margin: 0 auto;
    display: flex;
    max-width: 300px;
    border-radius: 5px;
    justify-content: center;
}

a.hk-button--toHome:hover {
    color: #fff;
}

/* ------------------------------------------------ */
/* 製品紹介・特集 */

.hk-documentArticle-pd a.hk-targetBlank,
.hk-documentArticle-feature a.hk-targetBlank {
    text-decoration: underline;
}

.hk-documentArticle-pd a.hk-targetBlank:hover,
.hk-documentArticle-feature a.hk-targetBlank:hover {
    text-decoration: none;
}

.fs-p-privacyPolicy,
.fs-p-aboutTerms,
.fs-p-aboutPoints,
.fs-p-memberAgreement {
    /* max-width: 800px; */
    /* margin: 0 auto; */
    padding: 0 20px;
}

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

    .fs-p-privacyPolicy,
    .fs-p-aboutTerms,
    .fs-p-aboutPoints,
    .fs-p-memberAgreement {
        padding: 0;
    }
}

/* ------------------------------------------------ */
/* 商品をさがす */
.hk-searchSection {
    background: #e8f7f6;
    /* background: #c6e5e3; */
    padding: 60px;
    /* margin: 60px 0; */
    /* border-radius: 20px; */
    /* max-width: 1500px; */
}

@media screen and (max-width: 1200px) {
    .hk-searchSection {
        padding: 40px;
    }
}

@media screen and (max-width: 768px) {
    .hk-searchSection {

        padding: 40px 20px 80px;
    }
}

.hk-searchSection__heading {
    text-align: center;
    font-size: 2.8rem;
    margin: 0;
    padding-bottom: 20px;
}

.hk-searchSection__content {
    display: flex;
    flex-direction: column;
    /* gap: 30px; */
}

@media screen and (min-width: 768px) {
    details.hk-searchSubsection {
        display: block;
    }
}

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

    details+details.hk-searchSubsection.open,
    details+details.hk-searchSubsection.is-opened {
        padding-top: 20px;
    }
}

details.hk-searchSubsection summary {
    cursor: pointer;
}

details.hk-searchSubsection.open summary {
    pointer-events: none;
}

details.hk-searchSubsection summary .hk-searchSubsection__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

details.hk-searchSubsection summary .hk-searchSubsection__heading::after {
    font-family: "Material Symbols Outlined" !important;
    content: "\e5cf";
    font-size: 2rem;
    font-weight: 500;
    transition: var(--fade-animation);
    -webkit-transition: var(--fade-animation);
    color: #a2868099;
}

details.hk-searchSubsection.open summary .hk-searchSubsection__heading::after {
    display: none;
}

details.hk-searchSubsection.is-opened summary .hk-searchSubsection__heading::after {
    transform: rotate(180deg);
}

details.hk-searchSubsection.open .hk-searchSubsection__content,
details.hk-searchSubsection.is-opened .hk-searchSubsection__content {
    padding-top: 20px;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    opacity: 1;
}

.hk-searchSubsection__heading {
    border-bottom: solid 2px #a2868099;
    padding: 20px 5px 10px;
    font-size: 1.8rem;
    /* margin: 0 0 20px; */
    margin: 0;
}

.hk-searchSubsection__content {
    padding-top: 0;
    padding-bottom: 40px;
    opacity: 0;
}

.hk-searchSubsection__content button.fs-c-button--secondary {
    background: #00AC9A;
    border-color: #00AC9A;
}

.hk-searchSubsection__content button.fs-c-button--secondary:hover {
    /* color: #00AC9A; */
}

.hk-searchSection .fs-p-searchForm {
    max-width: 500px;
}

.hk-searchSection .fs-pt-menu {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.hk-searchSection a.fs-pt-menu__link.fs-pt-menu__link--lv1 {
    font-size: 1.6rem;
    display: inline-block;
    padding-bottom: 1px;
    margin-bottom: 6px;
    position: relative;
    padding-left: 2rem;
}

.hk-searchSection a.fs-pt-menu__link.fs-pt-menu__link--lv1::before {
    font-family: "Material Symbols Outlined" !important;
    content: "\e5df";
    display: inline-block;
    position: absolute;
    margin-left: -2rem;
}

.hk-searchSection a.fs-pt-menu__link.fs-pt-menu__link--lv1:hover {
    color: inherit;
    text-decoration: underline #aaa;
}

.hk-searchSection .fs-pt-menu__submenu,
.hk-drawerItemGroup .fs-pt-menu__submenu {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
}

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

    .hk-searchSection .fs-pt-menu__submenu,
    .hk-drawerItemGroup .fs-pt-menu__submenu {
        grid-template-columns: repeat(6, 1fr);

    }
}

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

    .hk-searchSection .fs-pt-menu__submenu,
    .hk-drawerItemGroup .fs-pt-menu__submenu {
        grid-template-columns: repeat(5, 1fr);

    }
}

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

    .hk-searchSection .fs-pt-menu__submenu,
    .hk-drawerItemGroup .fs-pt-menu__submenu {
        grid-template-columns: repeat(4, 1fr);

    }
}

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

    .hk-searchSection .fs-pt-menu__submenu,
    .hk-drawerItemGroup .fs-pt-menu__submenu {
        grid-template-columns: repeat(3, 1fr);

    }
}

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

    .hk-searchSection .fs-pt-menu__submenu,
    .hk-drawerItemGroup .fs-pt-menu__submenu {
        grid-template-columns: repeat(2, 1fr);

    }
}

.hk-searchSection .fs-pt-menu__submenu *,
.hk-drawerItemGroup .fs-pt-menu__submenu * {
    height: 100%;
}

.hk-searchSection a.fs-pt-menu__link.fs-pt-menu__link--lv2,
.hk-drawerItemGroup a.fs-pt-menu__link.fs-pt-menu__link--lv2 {
    border: solid 1px #ddd;
    background: #fff;
    padding: 3px 10px;
    transition: var(--fade-animation);
    -webkit-transition: var(--fade-animation);
    display: grid;
    grid-template-columns: 40px auto;
    align-items: center;
    gap: 5px;
}

.hk-searchSection a.fs-pt-menu__link.fs-pt-menu__link--lv2:hover,
.hk-drawerItemGroup a.fs-pt-menu__link.fs-pt-menu__link--lv2:hover {
    color: inherit;
    background: #efefef;
    transition: var(--fade-animation);
    -webkit-transition: var(--fade-animation);
}

.hk-searchSection a.fs-pt-menu__link.fs-pt-menu__link--lv2::before,
.hk-drawerItemGroup a.fs-pt-menu__link.fs-pt-menu__link--lv2::before {
    content: "";
    width: 40px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #eee;
}

.hk-searchSubsection li.fs-pt_menu__item--mint_oil_series a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--mint_oil_series a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_mint_oil_series.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--other_mint_oil a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--other_mint_oil a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_other_mint_oil.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--mint_candy a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--mint_candy a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_mint_candy.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--mint_bean a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--mint_bean a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_mint_bean.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--tablet a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--tablet a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_tablet.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--biscuit a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--biscuit a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_biscuit.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--mint_gelato a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--mint_gelato a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_mint_gelato.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--mint_tea a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--mint_tea a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_mint_tea.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--other_candy a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--other_candy a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_other_candy.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--moisture_cream a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--moisture_cream a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_moisture_cream.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--soap a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--soap a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_soap.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--bath_salt a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--bath_salt a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_bath_salt.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--body_care a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--body_care a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_body_care.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--fabric_refresher a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--fabric_refresher a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_fabric_refresher.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--wet_tissue a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--wet_tissue a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_wet_tissue.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--scent a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--scent a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_scent.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--cutlery a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--cutlery a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_cutlery.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--towel a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--towel a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_towel.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--cool_musk a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--cool_musk a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_cool_musk.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--original_goods a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--original_goods a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_original_goods.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--cool_goods a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--cool_goods a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_cool_goods.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--paper_bag a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--paper_bag a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_paper_bag.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--curling_goods a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--curling_goods a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_curling_goods.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--books a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--books a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_books.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--gift_set a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--gift_set a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_gift_set.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--gift_bag a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--gift_bag a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_gift_bag.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--special_set a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--special_set a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_special_set.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--bundle_sale a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--bundle_sale a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_bundle_sale.jpg?t=20241029170217");
}

.hk-searchSubsection li.fs-pt_menu__item--bulk_buying a::before,
.hk-drawerItemGroup li.fs-pt_menu__item--bulk_buying a::before {
    background-image: url("https://kitamint.itembox.design/item/img/item-group/img_cat_bulk_buying.jpg?t=20241029170217");
}

.hk-productSearch {
    background: #fff;
    padding: 20px 40px;
}

@media screen and (max-width: 768px) {
    .hk-productSearch {
        padding: 20px;
    }
}

/* ------------------------------------------------ */

a.hk-targetBlank,
.hk-targetBlank a {
    display: inline;
    margin-right: 2px;
}

a.hk-targetBlank::after,
.hk-targetBlank a::after {
    /* position: absolute; */
    font-family: "Material Symbols Outlined" !important;
    content: "\e89e";
    font-size: 1.8rem;
    color: currentColor;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    /* -webkit-transform: translateY(-50%); */
    /* -ms-transform: translateY(-50%); */
    /* right: -1.8rem; */
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    margin-left: 2px;
}

a.hk-innerLink {
    text-decoration: underline;
}

a.hk-innerLink:hover {
    text-decoration: none;
}