@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Arvo:wght@400;600;700&display=swap");

.font__meiryo {
    font-family: "メイリオ", "Meiryo", sans-serif;
}

.font__arvo {
    font-family: "ArVo", sans-serif;
}

.font__futura {
    font-family: "Futura", sans-serif;
}

.font__playfair {
    font-family: "Playfair Display", sans-serif;
}

.font__futura-pt {
    font-family: futura-pt, sans-serif;
}

.font__open_sans {
    font-family: "Open Sans", sans-serif;
}

.font__futura-pt-cond {
    font-family: "futura-pt-cond", sans-serif;
}

.font__sofia-pro {
    font-family: "sofia-pro", sans-serif;
    font-size: 2.8rem;
    letter-spacing: 0.001em;
}

/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
    box-sizing: border-box;
    border-style: solid;
    border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -webkit-tap-highlight-color: transparent;
    /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
    margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
    border-top-width: 1px;
    margin: 0;
    clear: both;
    color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: inherit;
    /* 2 */
}

address {
    font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
    text-decoration: none;
    color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: inherit;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
    vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
    -webkit-appearance: none;
    /* 1 */
    -moz-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    background: transparent;
    padding: 0;
    margin: 0;
    border-radius: 0;
    text-align: inherit;
    text-transform: inherit;
    /* 2 */
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}

[type="radio"] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    cursor: pointer;
}

button:disabled,
[type="button"]:disabled,
[type="reset"]:disabled,
[type="submit"]:disabled {
    cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
    outline: auto;
}

select:disabled {
    opacity: inherit;
}

/**
 * Remove padding
 */
option {
    padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
    margin: 0;
    padding: 0;
    min-width: 0;
}

legend {
    padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type="search"] {
    outline-offset: -2px;
    /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
    cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
    outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
    border-color: inherit;
    /* 1 */
    border-collapse: collapse;
}

caption {
    text-align: left;
}

td,
th {
    vertical-align: top;
    padding: 0;
}

th {
    text-align: left;
    font-weight: bold;
}

/* Component  */
@font-face {
    font-family: "futura-pt-cond";
    src: url("../fonts/FuturaPTCondBold.otf") format("woff"),
    url("../fonts/FuturaPTCondBold.otf") format("opentype"),
    url("../fonts/FuturaPTCondBold.otf") format("truetype");
    font-weight: bold;
}

@font-face {
    font-family: "futura-pt";
    src: url("../fonts/FuturaPTMedium.otf") format("woff"),
    url("../fonts/FuturaPTMedium.otf") format("opentype"),
    url("../fonts/FuturaPTMedium.otf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: "futura-pt";
    src: url("../fonts/FuturaPTDemi.otf") format("woff"),
    url("../fonts/FuturaPTDemi.otf") format("opentype"),
    url("../fonts/FuturaPTDemi.otf") format("truetype");
    font-weight: 600;
}

@font-face {
    font-family: "futura-pt";
    src: url("../fonts/FuturaPTBold.otf") format("woff"),
    url("../fonts/FuturaPTBold.otf") format("opentype"),
    url("../fonts/FuturaPTBold.otf") format("truetype");
    font-weight: 700;
}

/******************************************************

base

******************************************************/
html {
    font-size: 62.5%;
    overflow-y: scroll;
    /*  @media screen and (min-width: 1200.11rem) {
       font-size: calc(10 / 1920 * 100vw);
   } */
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    html {
        font-size: 0.8333333333vw;
    }
}

@media screen and (max-width: 375px) {
    html {
        font-size: 2.6666666667vw;
    }
}

body {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.6rem;
    background: #ffffff;
    color: #363c45;
}

@media screen and (max-width: 767px) {
    body {
        font-size: 1.4rem;
        line-height: 2.8rem;
    }
}

a {
    color: inherit;
    text-decoration: none;
}

a[href*="tel:"] {
    pointer-events: none;
}

img,
iframe {
    max-width: 100%;
}

.aw {
    display: inline-block;
}

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

@media screen and (min-width: 768px) {
    .only-sp {
        display: none !important;
    }
}
/*
ul li,
p {
    letter-spacing: 0;
    font-size: 1.4rem;
}
*/

/******************************************************

common

******************************************************/
/***
custom slider of slick arrow, dots
*/
.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.sliders .slick-dots {
    bottom: -2.5rem;
}

.sliders .slick-dots li {
    width: 0.7rem;
    height: 0.7rem;
    margin: 0 1.3rem;
}

.sliders .slick-dots li button {
    width: 100%;
    height: 100%;
    padding: 0;
}

.sliders .slick-dots li button:before {
    font-size: 0;
    border: 0.11rem solid #505960;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 1;
    background-color: #ffffff;
    bottom: 0;
    right: 0;
    margin: auto;
}

.sliders .slick-dots li button:hover::before {
    background: rgba(80, 89, 96, 0.2196078431);
    border-color: #aaa07a;
    background: rgba(170, 160, 122, 0.44);
}

.sliders .slick-dots li button.button-4video {
    width: 1.4rem;
    height: 1.4rem;
}

.sliders .slick-dots li button.button-4video::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0.3rem;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 0.9rem;
    height: 1rem;
    background: url("../img/common/icon-play-slick.svg") no-repeat center/contain;
}

@media screen and (min-width: 768px) {
    .sliders .slick-dots li button.button-4video::after {
        left: 0.1rem;
    }
}

.sliders .slick-dots li.slick-active button.button-4video::after {
    width: 0.933rem;
    height: 0.9rem;
    background: url("../img/common/icon-play-slick_b.svg") no-repeat center/contain;
}

.sliders .slick-dots li.slick-active button:before {
    color: #aaa07a;
    background: #aaa07a;
    border: 0.11rem solid #aaa07a;
}

.sliders .slick-prev,
.sliders .slick-next {
    width: 3.7rem;
    height: 3.7rem;
    background-color: #ffffff;
    border: 0.11rem solid #030303;
    display: block;
    transition: 0.2s linear;
}

.sliders .slick-prev::before,
.sliders .slick-next::before {
    content: "";
    position: absolute;
    background-image: url(../img/common/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 1.3rem;
    width: 0.7rem;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: 1;
}

.sliders .slick-prev:hover,
.sliders .slick-next:hover {
    background-color: #aaa07a;
    border-color: #aaa07a;
}

.sliders .slick-prev:hover::before,
.sliders .slick-next:hover::before {
    background-image: url(../img/common/arrow-right-w.svg);
}

.sliders .slick-next {
    right: -1.5rem;
    transform: translateX(100%);
}

.sliders .slick-prev {
    left: -1.5rem;
    transform: translateX(-100%);
}

.sliders .slick-prev::before {
    transform: translateX(-50%) translateY(-50%) rotate(-180deg);
}

.p-slide.sliders .slick-next {
    right: -0.5rem;
}

.p-slide.sliders .slick-prev {
    left: -0.5rem;
}

@media screen and (min-width: 768px) {
    .sliders.slick-dots-left50 .slick-dots {
        width: 50%;
        left: 50%;
    }

    .sliders .slick-dots {
        bottom: -2.5rem;
    }

    .sliders .slick-dots li {
        margin: 1rem;
        width: 0.7rem;
        height: 0.7rem;
    }
}

/* 20230307 */
/* 動画全体の横幅を指定するためのdiv */
.video-wrap {
    max-width: 100%;
}

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

/***
custom scroll bar
*/
/* width */
::-webkit-scrollbar {
    width: 1.1rem;
    height: 1.1rem;
}

/* Track */
::-webkit-scrollbar-track {
    background: rgba(204, 204, 204, 0.2);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #94989b;
    border-radius: 1rem;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #94989b;
}

@media screen and (max-width: 767px) {
    ::-webkit-scrollbar {
        width: 0.5rem;
        height: 0.5rem;
    }

    ::-webkit-scrollbar-thumb {
        background: #94989b;
        border-radius: 0.5rem;
    }
}

.wrapper {
    background-color: #f0f0f0;
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.3rem;
    padding-right: 1.3rem;
    width: 100%;
    max-width: 157rem;
    max-width: 104rem;
}

.s-container {
    max-width: 86.4rem;
}

.pb0 {
    padding-bottom: 0 !important;
}

.btn-to-top_wrap .container-totop .btn-top {
    margin-left: auto;
    margin-top: 3.3rem;
}

@media screen and (max-width: 767px) {
    .btn-to-top_wrap .container-totop .btn-top {
        margin-top: 2rem;
    }
}

.page-wrapper {
    background-color: #f0f0f0;
    padding-top: 2.5rem;
    padding-bottom: 4rem;
}

@media screen and (min-width: 768px) {
    .page-wrapper {
        padding-top: 5.4rem;
        padding-bottom: 6.7rem;
    }
}

.text-center {
    text-align: center !important;
}

.page-wrapper-content {
    background-color: #ffffff;
    padding: 1rem;
}

.page-wrapper-content h3 {
    font-size: 1.4rem;
    line-height: 2.2rem;
}

@media screen and (min-width: 768px) {
    .page-wrapper-content h3 {
        font-size: 1.2rem;
        line-height: 2.2rem;
    }
}

.page-wrapper-content p {
    font-size: 1.4rem;
    line-height: 2.2rem;
}

.page-wrapper-content p:not(:last-child) {
    margin-bottom: 1.3em;
}

@media screen and (min-width: 768px) {
    .page-wrapper-content p {
        font-size: 1.4rem;
        line-height: 2.6rem;
    }
}

.page-wrapper-content a {
    text-decoration: underline;
}

@media screen and (min-width: 768px) {
    .page-wrapper-content {
        padding: 1.3rem 2.7rem;
    }
}

.contact-bn {
    padding-top: 2.2rem;
    padding-bottom: 2.2rem;
    background-color: #f2d1d9;
}

.contact-bn .contact-bn_inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 104rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.contact-bn .text {
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center;
    font-family: "futura-pt", sans-serif;
    letter-spacing: 0.05em;
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 4.1rem;
}

.contact-bn .text .font__playfair {
    font-weight: 400;
    line-height: 5.1rem;
}

.contact-bn .text .fmedium {
    font-family: "sofia-pro", sans-serif;
    font-weight: 700;
    font-size: 2.8rem;
    letter-spacing: 0.001em;
}

.contact-bn .btn-wrap .btn {
    margin-left: auto;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .contact-bn .text {
        font-size: 3.18rem;
    }
}

@media screen and (min-width: 768px) {
    .contact-bn .contact-bn_inner {
        display: flex;
        align-items: center;
    }

    .contact-bn .text {
        width: 75%;
    }

    .contact-bn .btn-wrap {
        width: 25%;
    }
}

@media screen and (max-width: 767px) {
    .contact-bn {
        padding-top: 3.2rem;
        padding-bottom: 4rem;
    }

    .contact-bn .text {
        font-size: 1.8rem;
        line-height: 2.6rem;
        letter-spacing: 0;
    }

    .contact-bn .text .font__playfair {
        line-height: 2.6rem;
        letter-spacing: 0.05em;
    }

    .contact-bn .text .fmedium {
        letter-spacing: 0.025em;
    }

    .contact-bn .btn-wrap {
        margin-top: 2.6rem;
    }

    .contact-bn .btn-wrap .btn {
        margin-left: auto;
        margin-right: auto;
    }
}

.page-title {
    text-align: center;
    letter-spacing: 0.036em;
    font-size: 1.8rem;
    line-height: 4.2rem;
    margin-bottom: 2.5rem;
    font-family: "Playfair Display", sans-serif;
}

@media screen and (min-width: 768px) {
    .page-title {
        font-size: 2.6rem;
        line-height: 2.8rem;
        margin-bottom: 4.7rem;
        letter-spacing: 0.05em;
    }

    .page-title.page-has-des {
        margin-bottom: 2.7rem;
    }
}

.page-description {
    font-size: 1.4rem;
    line-height: 2rem;
}

@media screen and (min-width: 768px) {
    .page-description {
        font-size: 1.2rem;
        line-height: 2.2em;
    }
}

.inner {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.3rem;
    padding-right: 1.3rem;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

#svgfile {
    display: none;
}

.semi-bold {
    font-weight: 600;
}

.normal {
    font-weight: normal;
}

a.link {
    text-decoration: none;
    position: relative;
    color: #4375ad;
}

a.link::after {
    content: "";
    position: absolute;
    bottom: -0.4rem;
    left: 0;
    width: 100%;
    height: 0.11rem;
    background-color: #4375ad;
}

/***
custom checkbox, radio field
*/
.form-checkbox-field label,
.form-radio-field label {
    font-weight: normal;
    margin-bottom: 0;
}

.form-checkbox-field input,
.form-radio-field input {
    margin-right: 0.5rem;
}

.form-checkbox-field .form-checkbox-field-text,
.form-radio-field .form-checkbox-field-text {
    font-size: 1.4rem;
    line-height: 2.2rem;
    display: inline-block;
}

.form-radio-field input[type="radio"] {
    display: none;
}

.form-radio-field input[type="radio"] + span {
    position: relative;
    z-index: 0;
    padding-left: 3.6rem;
    cursor: pointer;
}

.form-radio-field input[type="radio"] + span::before {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 2.2rem;
    height: 2.2rem;
    border: 0.11rem solid #aaa07a;
    border-radius: 50%;
    content: "";
    background-color: #ffffff;
}

.form-radio-field input[type="radio"] + span::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 1.1rem;
    transform: translateX(-50%) translateY(-50%);
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.1019607843);
    content: "";
}

.form-radio-field input[type="radio"][disabled] + span {
    cursor: default;
}

.form-radio-field input[type="radio"][disabled] + span::before {
    border-color: #e4e4e4;
}

.form-radio-field input[type="radio"]:checked + span::after {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    background-color: #aaa07a;
    content: "";
}

@media screen and (max-width: 767px) {
    .form-radio-field input[type="radio"] + span {
        padding-left: 3rem;
    }

    .form-radio-field input[type="radio"] + span::before {
        width: 2rem;
        height: 2rem;
    }

    .form-radio-field input[type="radio"] + span::after {
        width: 0.8rem;
        height: 0.8rem;
        left: 1rem;
    }

    .form-radio-field .form-checkbox-field-text {
        font-size: 1.4rem;
        line-height: 1.9rem;
    }
}

.form-checkbox-field input[type="checkbox"] {
    display: none;
}

.form-checkbox-field input[type="checkbox"] + span {
    position: relative;
    z-index: 0;
    padding-left: 3.6rem;
    cursor: pointer;
}

.form-checkbox-field input[type="checkbox"] + span::before,
.form-checkbox-field input[type="checkbox"] + span::after {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 2.2rem;
    height: 2.2rem;
    content: "";
    border-radius: 0;
}

.form-checkbox-field input[type="checkbox"] + span::before {
    border: 0.11rem solid #aaa07a;
    background-color: #ffffff;
}

.form-checkbox-field input[type="checkbox"] + span::after {
    background-image: url(../img/common/icon-check-b.svg);
    background-size: 1.1rem 1.1rem;
    background-repeat: no-repeat;
    background-position: center 40%;
}

.form-checkbox-field input[type="checkbox"][disabled] + span {
    cursor: default;
}

.form-checkbox-field input[type="checkbox"][disabled] + span::before {
    border-color: #e4e4e4;
}

.form-checkbox-field input[type="checkbox"]:checked + span::after {
    background-color: #aaa07a;
    background-image: url(../img/common/icon-check.svg);
}

.form-checkbox-field.form-checkall .form-checkbox-field-text {
    font-weight: bold;
    color: #505960;
}

.form-checkbox-field.form-checkall input[type="checkbox"] + span {
    padding-left: 5.1rem;
}

.form-checkbox-field.form-checkall input[type="checkbox"] + span::before,
.form-checkbox-field.form-checkall input[type="checkbox"] + span::after {
    width: 3.7rem;
    height: 3.7rem;
}

.form-checkbox-field.form-checkall input[type="checkbox"] + span::after {
    background-size: 1.5rem 1.5rem;
}

@media screen and (max-width: 767px) {
    .form-checkbox-field input[type="checkbox"] + span {
        padding-left: 3rem;
    }

    .form-checkbox-field input[type="checkbox"] + span::before,
    .form-checkbox-field input[type="checkbox"] + span::after {
        width: 2rem;
        height: 2rem;
    }

    .form-checkbox-field input[type="checkbox"] + span::after {
        background-size: 1.2rem 1.2rem;
    }

    .form-checkbox-field .form-checkbox-field-text {
        font-size: 1.4rem;
        line-height: 1.9rem;
    }

    .form-checkbox-field.form-checkall input[type="checkbox"] + span {
        padding-left: 4.3rem;
    }

    .form-checkbox-field.form-checkall input[type="checkbox"] + span::before,
    .form-checkbox-field.form-checkall input[type="checkbox"] + span::after {
        width: 3rem;
        height: 3rem;
    }

    .form-checkbox-field.form-checkall input[type="checkbox"] + span::after {
        background-size: 1.6rem 1.6rem;
    }
}

/***
init input style
*/
input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"] {
    width: 100%;
    outline: none;
    background-color: #ffffff;
    color: #363c45;
    border: 0.11rem solid #030303;
    padding: 1rem 1.5rem;
    height: 4.3rem;
    font-size: 1.4rem;
    line-height: 2.2rem;
    transition: background-color 200ms;
}

input[type="text"] ::-moz-placeholder,
input[type="number"] ::-moz-placeholder,
input[type="email"] ::-moz-placeholder,
input[type="url"] ::-moz-placeholder,
input[type="tel"] ::-moz-placeholder,
input[type="password"] ::-moz-placeholder {
    color: #94989b;
}

input[type="text"] :-ms-input-placeholder,
input[type="number"] :-ms-input-placeholder,
input[type="email"] :-ms-input-placeholder,
input[type="url"] :-ms-input-placeholder,
input[type="tel"] :-ms-input-placeholder,
input[type="password"] :-ms-input-placeholder {
    color: #94989b;
}

input[type="text"] ::placeholder,
input[type="number"] ::placeholder,
input[type="email"] ::placeholder,
input[type="url"] ::placeholder,
input[type="tel"] ::placeholder,
input[type="password"] ::placeholder {
    color: #94989b;
}

input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="email"]:disabled,
input[type="url"]:disabled,
input[type="tel"]:disabled,
input[type="password"]:disabled {
    background-color: #e6e6e6;
}

@media screen and (max-width: 767px) {
    input[type="text"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="tel"],
    input[type="password"] {
        padding: 1rem 1.2rem;
        height: 3.4rem;
        font-size: 1.4rem;
        line-height: 3.4rem;
    }
}

select {
    width: 100%;
    outline: none;
    background-color: #ffffff;
    border: 0.11rem solid #030303;
    padding: 0 2.2rem;
    height: 5.5rem;
    line-height: 3.3rem;
    background: #ffffff url("../img/common/arrow-down.svg") no-repeat center/contain;
    background-size: 1.5rem 0.9rem;
    background-position: calc(100% - 2rem);
}

select option {
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    select {
        padding: 0 1.2rem;
        height: 3.4rem;
        line-height: 3.4rem;
        background-size: 1.2rem 0.7rem;
        background-position: calc(100% - 1rem);
    }
}

textarea {
    width: 100%;
    outline: none;
    background-color: #ffffff;
    border: 0.11rem solid #030303;
    padding: 1.45rem 2.2rem;
    font-size: 1.8rem;
    line-height: 3.3rem;
    height: 24.7rem;
    resize: vertical;
}

@media screen and (min-width: 768px) {
    textarea.textarea-small {
        height: 11rem;
    }
}

textarea ::-moz-placeholder {
    color: #94989b;
}

textarea :-ms-input-placeholder {
    color: #94989b;
}

textarea ::placeholder {
    color: #94989b;
}

@media screen and (max-width: 767px) {
    textarea {
        padding: 1rem 1.2rem;
        font-size: 1.4rem;
        line-height: 2rem;
        height: 14rem;
    }
}

/**
Custom Select with selectric
**/
.selectric-wrapper {
    width: 100%;
}

.selectric-wrapper.selectric-open .selectric .button {
    background: #d7d7d7;
}

@media screen and (min-width: 768px) {
    .selectric-wrapper.selectric-hover .selectric .button {
        background: #d7d7d7;
    }
}

.selectric-wrapper.selectric-below .selectric-items {
    top: calc(100% - 0.11rem);
}

.selectric-wrapper.selectric-above .selectric-items {
    bottom: calc(100% - 0.11rem);
}

.selectric-wrapper .selectric {
    background-color: #ffffff;
    border: 0.11rem solid #030303;
    height: 5.5rem;
    min-height: 3.7rem;
    height: auto;
    border: 0;
}

.selectric-wrapper .selectric .label {
    line-height: 5.5rem;
    min-height: 4.3rem;
    font-size: 1.4rem;
    margin: 0;
    color: inherit;
    padding: 0.7rem 1.7rem;
    font-weight: 700;
    white-space: normal;
    line-height: 2.8rem;
    height: 100%;
    width: calc(100% - 3.7rem);
    border: 0.11rem solid #030303;
}

.selectric-wrapper .selectric .label.normal {
    font-weight: normal;
}

.selectric-wrapper .selectric .button {
    width: 3.7rem;
    height: 5.5rem;
    height: 100%;
    background-color: #d7d7d7;
    background-color: #ffffff;
    transition: background-color 0.2s;
    border: 0.11rem solid #030303;
    border-left: none;
}

.selectric-wrapper .selectric .button::after {
    border: none;
    background: url("../img/common/arrow-down.svg") no-repeat center/contain;
    background-size: 1rem 0.6rem;
    width: 1rem;
    height: 0.6rem;
}

.selectric-wrapper .selectric-items {
    width: calc(100% - 3.7rem) !important;
    z-index: 3;
    border: 0.11rem solid #030303;
    border: none;
    z-index: -1;
}

.selectric-wrapper .selectric-items .selectric-scroll::before {
    position: absolute;
    content: "";
    border-bottom: 0.11rem solid #030303;
    height: 2px;
    width: 100%;
    bottom: 0;
    left: 0;
}

.selectric-wrapper .selectric-items .selectric-scroll::after {
    position: absolute;
    content: "";
    border-top: 0.11rem solid #030303;
    height: 2px;
    width: 100%;
    top: 0;
    left: 0;
}

.selectric-wrapper .selectric-items::before {
    position: absolute;
    content: "";
    border-left: 0.11rem solid #030303;
    width: 2px;
    height: 100%;
    top: 0;
    left: 0;
}

.selectric-wrapper .selectric-items::after {
    position: absolute;
    content: "";
    border-right: 0.11rem solid #030303;
    width: 2px;
    height: 100%;
    top: 0;
    right: 0;
}

.selectric-wrapper .selectric-items li {
    height: 5.5rem;
    line-height: 5.5rem;
    min-height: 3.7rem;
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0;
    padding: 0.6 2.2rem;
    border-bottom: 0.11rem solid #030303;
    padding: 0.6rem 2.2rem;
    font-size: 1.2rem;
    line-height: 2.4rem;
    height: auto;
    color: inherit;
    border-right: 0.11rem solid #030303;
    /* &:last-child {
      border-bottom: 0.11rem solid #030303;
  } */
}

.selectric-wrapper .selectric-items li.highlighted {
    background: #d7d7d7;
}

.selectric-wrapper .selectric-items li:first-child {
    border-top: 0.11rem solid #030303;
}

@media screen and (max-width: 767px) {
    .selectric-wrapper .selectric {
        height: 3.4rem;
        height: auto;
        min-height: 3.4rem;
    }

    .selectric-wrapper .selectric .label {
        width: calc(100% - 3.4rem);
        min-height: 3.4rem;
        font-size: 1.4rem;
        line-height: 1.9rem;
        padding: 0.64rem 1.2rem;
        white-space: normal;
    }

    .selectric-wrapper .selectric .button {
        width: 3.4rem;
        height: 3.4rem;
        height: 100%;
    }

    .selectric-wrapper .selectric .button::after {
        background-size: 1.2rem 0.7rem;
        width: 1.2rem;
        height: 0.7rem;
    }

    .selectric-wrapper .selectric-items {
        width: calc(100% - 3.4rem) !important;
    }

    .selectric-wrapper .selectric-items li {
        min-height: 3.4rem;
        line-height: 3.4rem;
        font-size: 1.1rem;
        font-weight: 600;
        padding: 0.64rem 1.2rem;
        font-size: 1.4rem;
        line-height: 1.9rem;
        height: auto;
    }
}

/* product archive sort and filter */
.p_sort-filter {
    position: relative;
    width: 15rem;
    height: 4.3rem;
    background-color: #ffffff;
}

.p_sort-filter .p_sort-filter-wrap {
    display: flex;
    width: 100%;
    height: 100%;
}

.p_sort-filter .p_sort-filter-wrap .p_sort-filter-title {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 4.3rem;
    height: 100%;
    overflow: hidden;
    padding-left: 1.6rem;
    padding-right: 7.9rem;
    width: 100%;
    text-align: center;
    z-index: 2;
    width: calc(100% - 3.7rem);
    padding-right: 1.6rem;
    border: 0.11rem solid #030303;
}

.p_sort-filter .p_sort-filter-wrap .p_sort-filter-button {
    cursor: pointer;
    width: 3.7rem;
    top: 0;
    bottom: 0;
    position: absolute;
    border: 0.11rem solid #030303;
    border-left: 0;
    right: 0;
    font-size: 0;
    transition: background-color 0.2s;
}

.p_sort-filter .p_sort-filter-wrap .p_sort-filter-button::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url("../img/common/arrow-down.svg") no-repeat center/contain;
    background-size: 1rem 0.7rem;
}

.p_sort-filter .p_sort-filter-wrap:active .p_sort-filter-button {
    background-color: #d7d7d7;
}

@media screen and (min-width: 768px) {
    .p_sort-filter .p_sort-filter-wrap:hover .p_sort-filter-button {
        background-color: #d7d7d7;
    }
}

.p_sort-filter .p_sort-filter-dropdown {
    border-top: none;
    width: calc(100% - 3.7rem);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: -1;
    transition: all 0.1s ease-out;
}

.p_sort-filter .p_sort-filter-dropdown li {
    background: #ffffff;
    cursor: pointer;
    border: 0.11rem solid #030303;
    border-top: 0;
}

.p_sort-filter .p_sort-filter-dropdown button span,
.p_sort-filter .p_sort-filter-dropdown li a,
.p_sort-filter .p_sort-filter-dropdown li span {
    cursor: pointer;
    display: block;
    font-size: 1.2rem;
    line-height: 3.3rem;
    height: 3.7rem;
    overflow: hidden;
    padding: 0 2.4rem;
    font-weight: bold;
    text-align: center;
}

.p_sort-filter .p_sort-filter-dropdown li.is-active,
.p_sort-filter .p_sort-filter-dropdown li:hover {
    background: #dfdfdf;
}

.p_sort-filter.is-active .p_sort-filter-wrap .p_sort-filter-button {
    background-color: #d7d7d7;
}

.p_sort-filter.is-active .p_sort-filter-dropdown {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    z-index: 10;
    transition-duration: 0.2s;
}

@media screen and (max-width: 767px) {
    .p_sort-filter {
        width: 15.1rem;
        height: 4rem;
    }

    .p_sort-filter .p_sort-filter-wrap .p_sort-filter-title {
        font-size: 1.4rem;
        line-height: 4rem;
        padding-left: 1rem;
        padding-right: 5rem;
        padding-right: 1rem;
        text-align: left;
        width: calc(100% - 4rem);
    }

    .p_sort-filter .p_sort-filter-wrap .p_sort-filter-button {
        width: 4rem;
    }

    .p_sort-filter .p_sort-filter-wrap .p_sort-filter-button::after {
        background-size: 1.17rem 0.67rem;
    }

    .p_sort-filter .p_sort-filter-dropdown {
        width: calc(100% - 4rem);
    }

    .p_sort-filter .p_sort-filter-dropdown li a,
    .p_sort-filter .p_sort-filter-dropdown li span {
        font-size: 1.4rem;
        line-height: 4rem;
        height: 4rem;
        padding: 0 1rem;
        text-align: left;
    }
}

.p_functions-filter_sp .p_sort-filter-dropdown li.active.fc-az,
.p_functions-filter_sp .p_sort-filter-dropdown li:hover.fc-az {
    background-color: #dfdfdf;
}

.p_functions-filter_sp .p_sort-filter-dropdown li.active.fc-food,
.p_functions-filter_sp .p_sort-filter-dropdown li:hover.fc-food {
    background-color: #d9e0ce;
}

.p_functions-filter_sp .p_sort-filter-dropdown li.active.fc-goods,
.p_functions-filter_sp .p_sort-filter-dropdown li:hover.fc-goods {
    background-color: #fcf1d2;
}

.p_functions-filter_sp .p_sort-filter-dropdown li.active.fc-machines,
.p_functions-filter_sp .p_sort-filter-dropdown li:hover.fc-machines {
    background-color: #d5e3f4;
}

.p_functions-filter_sp .p_sort-filter-dropdown li.active.fc-others,
.p_functions-filter_sp .p_sort-filter-dropdown li:hover.fc-others {
    background-color: #d9cabd;
}

@media screen and (max-width: 767px) {
    .p_functions-filter_sp {
        width: 14rem;
    }
}

.p_sort-filter.page-filter {
    width: 7.3rem;
}

.p_sort-filter.page-filter .p_sort-filter-wrap .p_sort-filter-title {
    padding-left: 1.2rem;
    padding-right: 6.5rem;
    padding-right: 2.3rem;
    font-family: "futura-pt-cond", sans-serif;
    font-size: 1.7rem;
}

.p_sort-filter.page-filter .p_sort-filter-dropdown li a,
.p_sort-filter.page-filter .p_sort-filter-dropdown li span {
    padding: 0 1rem;
    font-size: 1.4rem;
    font-family: "futura-pt-cond", sans-serif;
}

.p_sort-filter.show-favourite-product {
    width: 32.4rem;
}

.p_sort-filter.show-favourite-product .p_sort-filter-wrap .p_sort-filter-title {
    padding: 0 2rem;
    -moz-text-align-last: left;
    text-align-last: left;
}

.p_sort-filter.show-favourite-product .p_sort-filter-dropdown li a,
.p_sort-filter.show-favourite-product .p_sort-filter-dropdown li span {
    padding: 0 2rem;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .p_sort-filter.show-favourite-product {
        width: 28.2rem;
    }

    .p_sort-filter.show-favourite-product
    .p_sort-filter-wrap
    .p_sort-filter-title {
        padding: 0 1.1rem;
    }

    .p_sort-filter.show-favourite-product .p_sort-filter-dropdown li a,
    .p_sort-filter.show-favourite-product .p_sort-filter-dropdown li span {
        padding: 0 1.1rem;
    }
}

.p_sort-filter.order-favourite-product {
    width: 14.8rem;
}

.p_sort-filter.order-favourite-product.large-ja {
    width: 25rem;
}

.p_sort-filter.order-favourite-product
.p_sort-filter-wrap
.p_sort-filter-title {
    padding: 0 1.3rem;
    -moz-text-align-last: left;
    text-align-last: left;
}

.p_sort-filter.order-favourite-product .p_sort-filter-dropdown li a,
.p_sort-filter.order-favourite-product .p_sort-filter-dropdown li span {
    padding: 0 1.3rem;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .p_sort-filter.order-favourite-product {
        width: 15rem;
    }

    .p_sort-filter.order-favourite-product.large-ja {
        width: 17.5rem;
    }

    .p_sort-filter.order-favourite-product
    .p_sort-filter-wrap
    .p_sort-filter-title {
        padding: 0 0.8rem;
    }

    .p_sort-filter.order-favourite-product .p_sort-filter-dropdown li a,
    .p_sort-filter.order-favourite-product .p_sort-filter-dropdown li span {
        padding: 0 0.8rem;
    }
}

/* functions filter */
.p_functions-filter {
    display: flex;
}

.p_functions-filter .p_functions-filter__item {
    background-color: #ffffff;
    border: 0.11rem solid #030303;
    border-right-width: 0;
    width: 11.1rem;
    height: 4.3rem;
    line-height: 3.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.2s ease-in;
}

.p_functions-filter .p_functions-filter__item:last-child {
    border-right-width: 0.11rem;
}

.p_functions-filter .p_functions-filter__item .p_functions-filter__text {
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-weight: bold;
    letter-spacing: 0.02em;
}

.p_functions-filter .p_functions-filter__item .p_functions-filter__icon {
    position: relative;
    margin-left: 1.5rem;
    width: 0.9rem;
    height: 0.5rem;
    position: relative;
}

.p_functions-filter .p_functions-filter__item .p_functions-filter__icon::after {
    content: "";
    position: absolute;
    background: url("../img/common/arrow-down.svg") no-repeat center/contain;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: transform 0.1s;
}

.p_functions-filter
.p_functions-filter__item.active
.p_functions-filter__icon::after {
    transform: rotate(180deg);
}

.p_functions-filter .p_functions-filter__item.active {
    background-color: #aaa07a;
}

.p_functions-filter .p_functions-filter__item.active.fc-az {
    background-color: #dfdfdf;
}

.p_functions-filter .p_functions-filter__item.active.fc-food {
    background-color: #d9e0ce;
}

.p_functions-filter .p_functions-filter__item.active.fc-goods {
    background-color: #fcf1d2;
}

.p_functions-filter .p_functions-filter__item.active.fc-machines {
    background-color: #d5e3f4;
}

.p_functions-filter .p_functions-filter__item.active.fc-others {
    background-color: #d9cabd;
}

@media screen and (min-width: 768px) {
    .p_functions-filter .p_functions-filter__item:hover {
        background-color: #aaa07a;
    }

    .p_functions-filter .p_functions-filter__item:hover.fc-az {
        background-color: #dfdfdf;
    }

    .p_functions-filter .p_functions-filter__item:hover.fc-food {
        background-color: #d9e0ce;
    }

    .p_functions-filter .p_functions-filter__item:hover.fc-goods {
        background-color: #fcf1d2;
    }

    .p_functions-filter .p_functions-filter__item:hover.fc-machines {
        background-color: #d5e3f4;
    }

    .p_functions-filter .p_functions-filter__item:hover.fc-others {
        background-color: #d9cabd;
    }
}

@media screen and (max-width: 767px) {
    .p_functions-filter {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .p_functions-filter .p_functions-filter__item {
        flex: 1;
        height: 4rem;
        line-height: 4rem;
        margin-bottom: -0.11rem;
        border-right-width: 0.11rem;
    }

    .p_functions-filter .p_functions-filter__item:nth-child(2n) {
        border-left-width: 0;
    }

    .p_functions-filter .p_functions-filter__item .p_functions-filter__text {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .p_functions-filter .p_functions-filter__item .p_functions-filter__icon {
        margin-left: 0.8rem;
        width: 1.17rem;
        height: 0.67rem;
    }
}

.p_functions-filter.style-2
.p_functions-filter__item.active
.p_functions-filter__icon::after {
    background-image: url("../img/common/arrow-down-w.svg");
}

.p_functions-filter.style-2 .p_functions-filter__item.active {
    background-color: #aaa07a;
    color: #ffffff;
}

@media screen and (min-width: 768px) {
    .p_functions-filter.style-2 .p_functions-filter__item:hover {
        background-color: #aaa07a;
        color: #ffffff;
    }

    .p_functions-filter.style-2
    .p_functions-filter__item:hover
    .p_functions-filter__icon::after {
        background-image: url("../img/common/arrow-down-w.svg");
    }
}

.entry-footer {
    margin-top: 3.3rem;
}

.entry-footer .go-to-page {
    text-align: right;
}

.entry-footer .go-to-page .btn2 {
    margin-left: auto;
}

@media screen and (max-width: 767px) {
    .entry-footer .btn-top {
        margin-left: auto;
        margin-top: 5rem;
    }

    .entry-footer .go-to-page {
        margin-top: 4rem;
    }
}

@media screen and (min-width: 768px) {
    .entry-footer {
        margin-top: 6rem;
        position: relative;
    }

    .entry-footer .btn-top {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .entry-footer .go-to-page {
        padding-bottom: 5rem;
    }
}

.breadcrumb-wrap {
    margin-bottom: 1.5rem;
}

.breadcrumb-wrap ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 2rem;
}

.breadcrumb-wrap ul li a,
.breadcrumb-wrap ul li span {
    font-size: 1.4rem;
    line-height: 2rem;
    border-bottom: 0.11rem solid transparent;
}

.breadcrumb-wrap ul li a:hover,
.breadcrumb-wrap ul li span:hover {
    border-bottom-color: #aaa07a;
}

.breadcrumb-wrap ul li:not(:first-child),
.breadcrumb-wrap ul li:only-child {
    position: relative;
    display: flex;
    align-items: center;
}
.breadcrumb-wrap ul li:not(:first-child)::before,
.breadcrumb-wrap ul li:only-child::before {
    content: "";
    background: url("../img/common/arrow-right.svg") no-repeat center/contain;
    width: 0.5rem;
    height: 0.9rem;
    display: inline-block;
    margin-right: 1.3rem;
}

@media screen and (min-width: 768px) {
    .breadcrumb-wrap {
        margin-bottom: 2rem;
    }

    .breadcrumb-wrap ul {
        gap: 2.4rem;
    }

    .breadcrumb-wrap ul li:not(:first-child)::before,
    .breadcrumb-wrap ul li:only-child::before {
        width: 0.7rem;
        height: 1.2rem;
    }

    .breadcrumb-wrap ul li:not(:first-child)::before {
        margin-right: 2.4rem;
    }

    .breadcrumb-wrap ul li a,
    .breadcrumb-wrap ul li span {
        font-size: 1.5rem;
        line-height: 1.7rem;
        border-bottom-width: 0.22rem;
    }
}

.btn-text {
    font-size: 1.4rem;
    line-height: 3.6rem;
}

@media screen and (max-width: 767px) {
    .btn-text {
        font-size: 1.4rem;
        line-height: 2.3rem;
    }
}

.btn {
    height: 4.3rem;
    width: 22rem;
    display: flex;
    justify-content: center;
    text-align: center;
    background-color: #ffffff;
    max-width: 100%;
}

.btn .btn-text {
    display: block;
    width: calc(100% - 3.7rem);
    height: 100%;
    border: 0.11rem solid #030303;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 5.3rem;
    letter-spacing: 0.02em;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.btn .btn-text .svg-icon {
    margin-right: 2.2rem;
}

.btn .btn-icon {
    position: relative;
    width: 4.3rem;
    height: 4.3rem;
    border: 0.11rem solid #030303;
    border-left: none;
}

.btn .btn-icon::before {
    content: "";
    position: absolute;
    background-size: contain;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
}

.btn .btn-icon::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: -0.11rem;
    background-color: #7fabde;
    opacity: 0.33;
  transform: translate(0.5rem, -0.5rem); /* 2024-1112 */
    transition: transform 0.1s;
}

.btn .arrow-r {
    position: relative;
    width: 5.5rem;
    height: 5.5rem;
}

.btn .arrow-r::before {
    content: "";
    position: absolute;
    background: url(../img/common/arrow-right.svg) no-repeat center;
    background-size: contain;
    width: 1rem;
    height: 1.8rem;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
}

.btn .arrow-r::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: -0.11rem;
    background-color: #7fabde;
    opacity: 0.33;
    transform: translate(0.7rem, -0.7rem);
    transition: transform 0.1s;
}

.btn:hover .arrow-r::after,
.btn:hover .btn-icon::after {
    transform: translate(0, 0);
}

.btn-noarrow {
    position: relative;
    border: 0.11rem solid #030303;
}

.btn-noarrow::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: -0.11rem;
    background-color: #f2b5c4;
    opacity: 0.33;
  transform: translate(0.5rem, -0.5rem); /* 2024-1112 */
    transition: transform 0.1s;
}

.btn-noarrow .btn-text {
    width: auto !important;
    border: none;
}

.ask-product-button .btn-noarrow .btn-text {
    /*letter-spacing: normal; 20230922*/
}

.btn-noarrow:hover::after {
    transform: translate(0, 0);
}

@media screen and (max-width: 767px) {
    .btn-noarrow::after {
    transform: translate(0.5rem, -0.5rem); /* 2024-1112 */
    }
}

.btn-fav {
    display: flex;
    align-items: center;
}

.btn-fav::after {
    background-color: #f2b5c4;
}

.btn-fav .btn-text {
    letter-spacing: 0.01em;
}

.btn-fav .icon-left {
    width: 1.8rem;
    height: 1.6rem;
    position: relative;
    margin-right: 1.4rem;
}

.btn-fav .icon-left::before {
    content: "";
    background: url("../img/common/icon-heart.svg") no-repeat center;
    background-size: contain;
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    left: 0;
}

@media screen and (max-width: 767px) {
    .btn-fav .icon-left {
        width: 2.17rem;
        height: 2rem;
        margin-right: 0.85rem;
    }
}

.btn-suplliers {
    display: flex;
    align-items: center;
}

.btn-suplliers::after {
    background-color: #f2b5c4;
}

.btn-suplliers .btn-text {
    letter-spacing: 0.01em;
}

.btn-suplliers .icon-left {
    width: 1.5rem;
    height: 1.9rem;
    position: relative;
    margin-right: 2rem;
}

.btn-suplliers .icon-left::before {
    content: "";
    background: url("../img/common/icon-supplier.svg") no-repeat center;
    background-size: contain;
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    left: 0;
}

@media screen and (max-width: 767px) {
    .btn-suplliers .icon-left {
        width: 1.75rem;
        height: 2.17rem;
        margin-right: 1.2rem;
    }
}

.btn-contact {
    display: flex;
    align-items: center;
}

.btn-contact::after {
    background-color: #7fabde;
}

.btn-contact .icon-left {
    width: 1.8rem;
    height: 1.8rem;
    position: relative;
    margin-right: 1.3rem;
}

.btn-contact .icon-left::before {
    content: "";
    background: url("../img/common/icon-plans.svg") no-repeat center;
    background-size: contain;
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    left: 0;
}

.btn-contact .icon-right {
    width: 1.8rem;
    height: 1.8rem;
    position: relative;
    margin-left: 1.3rem;
}

.btn-contact .icon-right::before {
    content: "";
    background: url("../img/common/icon-smiley.svg") no-repeat center;
    background-size: contain;
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    left: 0;
}

@media screen and (max-width: 767px) {
    .btn-contact .icon-left {
        width: 2.2rem;
        height: 2.2rem;
        margin-right: 0.8rem;
    }

    .btn-contact .icon-right {
        width: 2.2rem;
        height: 2.2rem;
        margin-left: 0.8rem;
    }
}

.btn-contact-supplier,
.btn-request {
    display: flex;
    align-items: center;
}

.btn-contact-supplier .icon-left,
.btn-request .icon-left {
    width: 1.8rem;
    height: 1.8rem;
    position: relative;
    margin-right: 1.3rem;
}

.ask-product-button .btn-contact-supplier .icon-left {
    /*  margin-right: 0.4rem; 20230922*/
}

.btn-contact-supplier .icon-left::before,
.btn-request .icon-left::before {
    content: "";
    background: url("../img/common/icon-plans.svg") no-repeat center;
    background-size: contain;
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    left: 0;
}

@media screen and (max-width: 767px) {
    .btn-contact-supplier .icon-left,
    .btn-request .icon-left {
        width: 2.2rem;
        height: 2.2rem;
        margin-right: 0.8rem;
    }
}

.btn-contact-supplier::after {
    background-color: #8ca26a;
    opacity: 0.33;
}

.btn-request::after {
    background-color: #7fabde;
    opacity: 0.33;
}

.btn-back .btn-icon::before {
    background: url(../img/common/icon-back.svg) no-repeat center/contain;
    width: 1.9rem;
    height: 1.7rem;
}

@media screen and (max-width: 767px) {
    .btn-back .btn-icon::before {
        width: 2.2rem;
        height: 2rem;
    }
}

.btn-arrow-r .btn-icon::before {
    background: url(../img/common/arrow-right.svg) no-repeat center/contain;
    width: 0.7rem;
    height: 1.3rem;
}

@media screen and (max-width: 767px) {
    .btn-arrow-r .btn-icon::before {
        width: 0.7rem;
        height: 1.2rem;
    }
}

/* 2023機能改修 FSC START */
/* 20220825~ */
.btn-follow,
.btn-follow-supplier {
    height: 3.7rem;
    background-color: #ffffff;
    border: 0.11rem solid #aaa07a;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
}

/* ~20220825 */
.btn-follow .btn-text,
.btn-follow-supplier .btn-text {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 2.4rem;
    /*line-height: 5.5rem;*/
    color: #aaa07a;
}

.btn-follow .icon-left,
.btn-follow-supplier .icon-left {
    position: relative;
    margin-right: 1.3rem;
}

.btn-follow .icon-left::before,
.btn-follow-supplier .icon-left::before {
    content: "";
    background-size: contain;
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    left: 0;
}

.btn-follow.-followed,
.btn-follow-supplier.-sp-followed {
    background-color: #aaa07a;
}

.btn-follow.-followed .btn-text,
.btn-follow-supplier.-sp-followed .btn-text {
    color: #ffffff;
}

@media screen and (max-width: 767px) {
    /* 20220825~ */
    .btn-follow,
    .btn-follow-supplier {
        height: 4rem;
        border-width: 0.08rem;
    }

    /* ~20220825 */
    .btn-follow .btn-text,
    .btn-follow-supplier .btn-text {
        line-height: 4rem;
        font-size: 1.4rem;
        line-height: 1.9rem;
    }

    .btn-follow .icon-left,
    .btn-follow-supplier .icon-left {
        width: 1.74rem;
        height: 2.16rem;
        margin-right: 0.9rem;
    }
}

/* 20220825~*/
.btn-follow {
    width: 10rem;
}

.btn-follow .icon-left {
    width: 1.6rem;
    height: 2rem;
}

/* 2023機能改修 FSC END */
.btn-follow .icon-left::before {
    /* 2023機能改修 FSC START */
    /* background: url("../img/common/icon-follow.svg") no-repeat center; */
    background: url("../img/common/icon-follow-2_s675.svg") no-repeat center;
    /* 2023機能改修 FSC END */
}

.btn-follow.-followed .icon-left::before {
    background-image: url("../img/common/icon-followed.svg");
}

.btn-follow.follow-icon2 .icon-left::before {
    background: url("../img/common/icon-follow-2.svg") no-repeat center;
}

.btn-follow-supplier {
    width: 22rem;
}

.btn-follow-supplier .icon-left {
    width: 1.6rem;
    height: 1.9rem;
}

.btn-follow-supplier .icon-left::before {
    background: url("../img/common/icon-supplier.svg") no-repeat center/contain;
}

.btn-follow-supplier.-followed .icon-left::before {
    background-image: url("../img/common/icon-followed-2.svg");
}

*

/
@media screen and (max-width: 767px) {
    .btn {
        height: 4rem;
        width: 20.7rem;
    }

    .btn .btn-text {
        font-size: 1.4rem;
        width: calc(100% - 4rem);
        line-height: 3.8rem;
    }

    .btn .arrow-r,
    .btn .btn-icon {
        width: 4rem;
        height: 4rem;
    }

    .btn .arrow-r::after,
    .btn .btn-icon::after {
        transform: translate(0.7rem, -0.7rem);
    }
}

.btn-top {
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    align-items: center;
}

.btn-top__icon {
    width: 1.7rem;
    height: 1.7rem;
    position: relative;
}

.btn-top__icon::before {
    content: "";
    background: url("../img/common/icon-gotop.svg") no-repeat center/contain;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: background 0.2s;
}

.btn-top__text {
    margin-left: 1.4rem;
    font-size: 1.4rem;
    line-height: 1.6rem;
    transition: color 0.2s;
}

.btn-top:hover .btn-top__icon::before {
    background: url("../img/common/icon-gotop_h.svg") no-repeat center/contain;
}

.btn-top:hover .btn-top__text {
    color: #aaa07a;
}

@media screen and (max-width: 767px) {
    .btn-top__icon {
        width: 2rem;
        height: 2rem;
        width: 1.5rem;
        height: 1.7rem;
    }

    .btn-top__text {
        margin-left: 1.2rem;
        font-size: 1.2rem;
        line-height: 1.7rem;
    }
}

.btn-oc {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 11rem;
    height: 3.7rem;
    border: 0.11rem solid #030303;
    transition: 0.2s linear;
    background-color: #ffffff;
}

.btn-oc__icon {
    width: 1.7rem;
    height: 1.7rem;
    position: relative;
}

.btn-oc__icon::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../img/common/icon-plus.svg") no-repeat center/contain;
}

.btn-oc__text {
    display: block;
    margin-left: 1.5rem;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.6rem;
}

.btn-oc.btn-close .btn-oc__icon::after {
    background: url("../img/common/icon-sub.svg") no-repeat center/contain;
}

.btn-oc:active {
    background-color: #e0e0e0;
}

@media screen and (min-width: 768px) {
    .btn-oc:hover {
        background-color: #e0e0e0;
    }
}

@media screen and (max-width: 767px) {
    .btn-oc {
        height: 4rem;
        width: 10rem;
    }

    .btn-oc__icon {
        width: 2rem;
        height: 2.5rem;
    }

    .btn-oc__text {
        margin-left: 1.2rem;
        font-size: 1.4rem;
        line-height: 2rem;
    }
}

.btn2 {
    display: inline-flex;
    justify-content: center;
    text-align: center;
}

.btn2 .btn-text {
    display: block;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.6rem;
    letter-spacing: 0.02em;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.btn2 .btn-icon {
    display: block;
    position: relative;
    width: 1.7rem;
    height: 1.7rem;
    border: 0.15rem solid #363c45;
    border-radius: 50%;
    margin-top: 0.2rem;
    margin-left: 0.4rem;
    z-index: 1;
}

.btn2 .btn-icon::before {
    content: "";
    position: absolute;
    background: url("../img/common/arrow-right-2.svg") no-repeat center/contain;
    background-size: contain;
    width: 1rem;
    height: 1rem;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
}

.btn2 .btn-icon::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: -0.22rem;
    background-color: #7fabde;
    border: 0.22rem solid #7fabde;
    border-radius: 50%;
    opacity: 0.33;
    transform: translate(0.5rem, -0.4rem);
    transition: transform 0.1s;
    z-index: 1;
}

.btn2:hover .btn-icon::after {
    transform: translate(0, 0);
}

@media screen and (max-width: 767px) {
    .btn2 .btn-text {
        font-size: 1.1rem;
        line-height: 1.9rem;
    }

    .btn2 .btn-icon {
        /* margin-left: 1.1rem; */
        width: 1.57rem;
        height: 1.57rem;
    }

    .btn2 .btn-icon::after {
        border-width: 0.08rem;
        inset: -0.08rem;
    }

    .btn2 .btn-icon::before {
        width: 0.97rem;
        height: 0.97rem;
    }
}

.btn-add {
    border: 0.11rem solid #aaa07a;
    display: block;
    background-color: #ffffff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    width: 22rem;
    height: 4.3rem;
    line-height: 4.3rem;
}

.btn-add .btn-add__text {
    font-weight: bold;
    color: #aaa07a;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
}

.btn-add .btn-add__text::before {
    content: "";
    background: url("../img/common/icon-heart.svg") no-repeat center/contain;
    width: 1.8rem;
    height: 1.6rem;
    display: inline-block;
    margin-right: 1.3rem;
}

.btn-add.-added {
    background-color: #aaa07a;
}

.btn-add.-added .btn-add__text {
    color: #ffffff;
}

@media screen and (max-width: 767px) {
    .btn-add {
        border-width: 0.11rem;
        height: 4rem;
        line-height: 4rem;
        width: 15rem;
    }

    .btn-add .btn-add__text {
        font-size: 1.4rem;
    }

    .btn-add .btn-add__text::before {
        width: 2.17rem;
        height: 2rem;
        margin-right: 0.8rem;
    }
}

.btn-search {
    height: 4.3rem;
    width: 14.8rem;
    border: 0.11rem solid #030303;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #ffffff;
}

.btn-search .btn-text {
    display: block;
    height: 100%;
    width: auto;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 4rem;
    text-align: center;
    z-index: 2;
}

.btn-search .icon-right {
    width: 1.8rem;
    height: 1.8rem;
    position: relative;
    margin-left: 1.3rem;
}

.btn-search .icon-right::before {
    content: "";
    background: url("../img/common/icon-search2.svg") no-repeat center;
    background-size: contain;
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    left: 0;
}

.btn-search::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: -0.11rem;
    background-color: #7fabde;
    opacity: 0.33;
  transform: translate(0.5rem, -0.5rem); /* 2024-1112 */
    transition: transform 0.1s;
}

.btn-search:hover::after {
    transform: translate(0, 0);
}

@media screen and (max-width: 767px) {
    .btn-search {
        height: 4rem;
        width: 20.6rem;
    }

    .btn-search .btn-text {
        font-size: 1.4rem;
        line-height: 3.9rem;
    }

    .btn-search .icon-right {
        width: 2rem;
        height: 2rem;
    }

    .btn-search::after {
        transform: translate(0.7rem, -0.7rem);
    }
}

@media screen and (max-width: 767px) {
    .btn-search.-other-sp {
        border: none;
    }

    .btn-search.-other-sp::after {
        display: none;
    }

    .btn-search.-other-sp .icon-right {
        width: 4rem;
        height: 100%;
        margin-left: 0;
        border: 0.11rem solid #030303;
        border-left: 0;
    }

    .btn-search.-other-sp .icon-right::before {
        content: "";
        position: absolute;
        background: url(../img/common/icon-search2.svg) no-repeat center;
        background-size: contain;
        width: 2.2rem;
        height: 2.2rem;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 2;
    }

    .btn-search.-other-sp .icon-right::after {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #7fabde;
        opacity: 0.33;
        transform: translate(0.7rem, -0.7rem);
        transition: transform 0.1s;
    }

    .btn-search.-other-sp .btn-text {
        width: calc(100% - 4rem);
        border: 0.11rem solid #030303;
    }

    .btn-search.-other-sp:hover .icon-right::after {
        transform: translate(0, 0);
    }
}

.btn-reset {
    display: flex;
    align-items: center;
}

.btn-reset .icon-left {
    width: 1.8rem;
    height: 1.7rem;
    position: relative;
    margin-right: 1.4rem;
}

.btn-reset .icon-left::before {
    content: "";
    background: url("../img/common/icon-reset.svg") no-repeat center;
    background-size: contain;
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    left: 0;
}

.btn-reset .btn-text {
    display: block;
    height: 100%;
    width: auto;
    font-size: 1.4rem;
    line-height: 3.6rem;
    text-align: center;
    z-index: 2;
}

@media screen and (max-width: 767px) {
    .btn-reset .icon-left {
        margin-right: 1rem;
    }

    .btn-reset .btn-text {
        font-size: 1.2rem;
        line-height: 2.3rem;
    }
}

.btn-delete {
    width: 4rem;
    height: 4rem;
    border: 0.11rem solid #030303;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
}

.btn-delete .icon-left {
    width: 2rem;
    height: 2rem;
    display: block;
    position: relative;
}

.btn-delete .icon-left::before {
    content: "";
    position: absolute;
    background: url("../img/common/icon-delete.svg") no-repeat center;
    background-size: contain;
    display: inline-block;
    width: 100%;
    height: 100%;
    z-index: 3;
    left: 0;
}

.btn-delete .btn__text {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .btn-delete .btn__text {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .btn-delete {
        width: 11.1rem;
        height: 4.3rem;
    }

    .btn-delete .icon-left {
        margin-right: 1.3rem;
        width: 1.7rem;
        height: 1.7rem;
    }

    .btn-delete .btn__text {
        font-size: 1.4rem;
        line-height: 1.6rem;
    }
}

.btn-70 {
    height: 7rem;
    width: 24.3rem;
    max-width: 100%;
    background-color: #ffffff;
    position: relative;
    border: 0.11rem solid #030303;
    display: inline-block;
    z-index: 2;
}

.btn-70 .btn-70__text {
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 0.5rem;
    width: 100%;
    letter-spacing: 0.02em;
}

.btn-70 .btn-70__text span {
    text-align: center;
}

.btn-70 .btn-70__text .bg-check {
    background-color: rgba(242, 209, 217, 0.88);
    line-height: 1;
    display: inline-block;
}

.btn-70 .btn-70__text::before {
    content: "";
    background: url("../img/common/icon-plans.svg") no-repeat center;
    background-size: contain;
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    z-index: 3;
    left: 0;
}

.btn-70::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: -0.11rem;
    background-color: #7fabde;
    opacity: 0.33;
  transform: translate(0.5rem, -0.5rem); /* 2024-1112 */
    transition: transform 0.1s;
}

.btn-70.btn-request-small::after,
.btn-70.btn-ask-small::after {
  transform: translate(0.5rem, -0.5rem); /* 2024-1112 */
}

.btn-70.btn-request-small .btn-70__text,
.btn-70.btn-ask-small .btn-70__text {
    font-size: 1.4rem;
}

.btn-70.btn-request-small .btn-70__text::before,
.btn-70.btn-ask-small .btn-70__text::before {
    width: 2rem;
    height: 2rem;
}

@media screen and (min-width: 768px) {
    .btn-70.btn-request-small::after,
    .btn-70.btn-ask-small::after {
    transform: translate(0.5rem, -0.5rem);  /* 2024-1112 */
    }

    .btn-70.btn-request-small .btn-70__text,
    .btn-70.btn-ask-small .btn-70__text {
        gap: 1rem;
        font-size: 1.4rem;
    }

    .btn-70.btn-request-small .btn-70__text::before,
    .btn-70.btn-ask-small .btn-70__text::before {
        width: 1.7rem;
        height: 1.7rem;
    }
}

.btn-70.btn-request-small {
    width: 17rem;
    height: 4rem;
}

@media screen and (min-width: 768px) {
    .btn-70.btn-request-small {
        width: 18.2rem;
        height: 4.3rem;
    }
}

.btn-70.btn-ask-small {
    width: 8rem;
    height: 4rem;
}

@media screen and (min-width: 768px) {
    .btn-70.btn-ask-small {
        width: 11.1rem;
        height: 4.3rem;
    }
}

.btn-70:hover::after {
    transform: translate(0, 0);
}

.btn-70.btn-ask-about::after {
    background-color: #8ca26a;
}

@media screen and (min-width: 768px) {
    .btn-70 {
        width: 37.1rem;
        height: 7.4rem;
    }

    .btn-70 .btn-70__text {
        font-size: 1.6rem;
        line-height: 2.2rem;
        gap: 2rem;
    }

    .btn-70 .btn-70__text::before {
        width: 2.7rem;
        height: 2.7rem;
    }

    .btn-70::after {
    transform: translate(0.7rem, -0.7rem); /* 2024-1112 */
    }
}

.btn-csv-output {
    width: 11rem;
    height: 4rem;
    background-color: #ffffff;
    border: 0.08rem solid #030303;
    border: 0.11rem solid #030303;
    display: inline-block;
    text-align: center;
    transition: 0.2s background-color;
}

.btn-csv-output__text {
    font-size: 1.4rem;
    line-height: 4rem;
    font-weight: bold;
}

.btn-csv-output:hover {
    background-color: rgba(112, 112, 112, 0.22);
}

@media screen and (min-width: 768px) {
    .btn-csv-output {
        width: 11.1rem;
        height: 3.7rem;
    }

    .btn-csv-output__text {
        font-size: 1.2rem;
        line-height: 3.7rem;
    }
}

.select-view {
    width: 30rem;
    height: 4.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.select-view .btn-view {
    height: 100%;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border: 0.11rem solid #363c45;
}

.select-view .btn-view .icon-left {
    position: relative;
    margin-right: 1.4rem;
}

.select-view .btn-view .icon-left::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    left: 0;
}

.select-view .btn-view .btn-text {
    font-weight: bold;
}

.select-view .btn-view.active {
    background-color: #aaa07a;
}

.select-view .btn-view.active .btn-text {
    color: #ffffff;
}

.select-view .list-view .icon-left {
    width: 1.5rem;
    height: 1.8rem;
}

.select-view .list-view .icon-left::before {
    background: url("../img/common/icon-list-view.svg") no-repeat center/contain;
}

.select-view .tile-view {
    border-left: none;
}

.select-view .tile-view .icon-left {
    width: 1.8rem;
    height: 1.5rem;
}

.select-view .tile-view .icon-left::before {
    background: url("../img/common/icon-tile-view.svg") no-repeat center/contain;
}

@media screen and (max-width: 767px) {
    .select-view {
        width: 28rem;
        height: 3rem;
    }

    .select-view .btn-view .icon-left {
        margin-right: 0.96rem;
    }

    .select-view .list-view .icon-left {
        width: 1.77rem;
        height: 2.17rem;
    }

    .select-view .tile-view .icon-left {
        width: 2.17rem;
        height: 1.86rem;
    }
}

/******************************************************

header

******************************************************/
.l-header {
    background-color: #ffffff;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    padding-top: 2.2rem;
    padding-bottom: 2.4rem;
}

.l-header .l-header__inner {
    max-width: 120rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
}

.l-header .hlogo {
    display: flex;
    justify-content: center;
}

.l-header .hlogo .hlogo_link {
    transition: 0.2s linear;
    outline: none;
}

.l-header .hlogo .hlogo_link:hover {
    opacity: 0.7;
}

.l-header .hlogo .hlogo_link img {
    width: 24.7rem;
    height: auto;
}

.l-header .header-function {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    align-self: flex-end;
}

.l-header
.header-function
.header-search
.search-form-header
> *:not(.header-search__btn) {
    opacity: 0;
    visibility: hidden;
}

.l-header
.header-function
.header-search
.search-form-header.active
> *:not(.header-search__btn) {
    opacity: 1;
    visibility: visible;
}

.l-header
.header-function
.header-search
.search-form-header.active
.header-search__btn {
    opacity: 0;
    visibility: hidden;
}

.l-header .header-function .header-search__btn {
    display: block;
}

.l-header .header-function .header-search__btn svg {
    display: block;
    fill: #363c45;
    transition: all 0.2s;
}

.l-header .header-function .header-search__btn:hover svg {
    fill: #aaa07a;
}

.l-header .header-function .nav-icon-g {
    display: flex;
    align-items: center;
    margin-right: 9.3rem;
}

.l-header .header-function .site-lang {
    position: relative;
    display: flex;
}

.l-header .header-function .site-lang .site-lang_btn {
    font-weight: bold;
    line-height: 1;
    padding: 0 0.7rem;
    position: relative;
    display: flex;
    align-items: center;
}

.l-header .header-function .site-lang .site-lang_btn .icon-arrow-d {
    margin-left: 1rem;
}

.l-header .header-function .site-lang .site-lang_btn .icon-arrow-d svg {
    display: block;
    width: 1rem;
    height: 0.6rem;
}

.l-header .header-function .site-lang .site-lang_btn .icon-arrow-d svg use {
    transition: 0.2s linear;
    stroke: #363c45;
}

.l-header .header-function .site-lang .site-lang_list {
    padding: 0 0.4rem;
    position: absolute;
    z-index: 20;
    min-width: 100%;
    display: block;
    opacity: 0;
    left: 0;
    top: calc(100% - 0.1rem);
    pointer-events: none;
    transform: translateY(-0.5rem);
    transition-duration: 86ms;
    transition-property: opacity, transform;
}

.l-header .header-function .site-lang .site-lang_list .site-lang_link {
    font-weight: bold;
    line-height: 1;
    display: inline-block;
    padding: 0.3rem 0.5rem;
    border: 0.22rem solid transparent;
}

.l-header .header-function .site-lang .site-lang_list .site-lang_link:hover,
.l-header .header-function .site-lang .site-lang_list .site-lang_link:focus {
    border-color: #aaa07a;
    background-color: #ffffff;
}

.l-header .header-function .site-lang:hover .site-lang_list {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.l-header
.header-function
.site-lang:hover
.site-lang_btn
.icon-arrow-d
svg
use {
    stroke: #aaa07a;
}

.l-header .header-function .header-path-hover {
    transition: 0.2s linear;
}

.l-header .header-function .nav-log {
    margin-left: 3.4rem;
}

.l-header .header-function .nav-log .nav-log__link svg use {
    transition: 0.2s linear;
    fill: #363c45;
}

.l-header .header-function .nav-log .nav-log__link:hover svg use {
    fill: #aaa07a;
}

.l-header .header-function .nav-log .nav-log__link .nav-log_icon {
    display: block;
    position: relative;
    /*  width: 2.5rem;
            height: 2.5rem;
            background-repeat: no-repeat;
            background-position: center; */
}

.l-header .header-function .nav-log .nav-log__link .nav-log_icon svg {
    width: 1.66rem; /* 3092 add */
    height: 1.83rem; /* 3092 add */
    display: block;
}

.l-header .header-function .user-info {
    margin-right: 7.4rem;
    position: relative;
}

.l-header .header-function .user-info__link {
    display: block;
}

.l-header .header-function .user-info__link svg use {
    transition: 0.2s linear;
    stroke: #363c45;
}

.l-header .header-function .user-info__link:hover svg use {
    stroke: #aaa07a;
}

.l-header .header-function .user-info__link:hover .user-info__text {
    color: #aaa07a;
}

.l-header .header-function .user-info__img {
    text-align: center;
}

.l-header .header-function .user-info__img svg {
    display: block;
    margin: 0 auto;
    width: 2.23rem; /* 3115 add */
    height: 1.83rem; /* 3115 add */
}

.l-header .header-function .user-info__img .icon-user_guest {
    width: 1.6rem;
    height: auto;
}

.l-header .header-function .user-info__text {
    text-align: center;
    line-height: 2.4rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    margin-top: 0.3rem;
}

.l-header .header-function .header-function__item {
    position: relative;
}

.l-header .header-function .header-function__item .header-function__item_icon {
    display: block;
    width: 1.83rem; /* 3135 add */
    height: 1.83rem; /* 3135 add */
}

.l-header
.header-function
.header-function__item
.header-function__item_link
svg
use {
    transition: 0.2s linear;
    fill: #363c45;
}

.l-header
.header-function
.header-function__item
.header-function__item_link:hover
svg
use {
    fill: #aaa07a;
}

.l-header .header-function .header-function__item .header-function__item_text {
    font-family: "futura-pt-cond", sans-serif;
    font-size: 1.2rem;
    line-height: 2.4rem;
    line-height: 2rem;
    position: absolute;
    top: -0.6rem;
    transform: translateY(calc(-100% - 0.7rem)) translateX(-50%);
    background-color: #f2d1d9;
    display: block;
    min-width: 4rem;
    text-align: center;
    font-weight: bold;
    left: 50%;
    right: 0;
    margin: 0 auto;
    display: block;
}

.l-header
.header-function
.header-function__item
.header-function__item_text::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 1rem;
    height: 1rem;
    border-left: 0.7rem solid transparent;
    border-right: 0.7rem solid transparent;
    border-top: 0.7rem solid #f2d1d9;
    bottom: 0.11rem;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(100%);
}

@media screen and (min-width: 768px) {
    .l-header .hlogo,
    .l-header .header-function {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        width: 100%;
    }

    .l-header .l-header__inner {
        justify-content: flex-end;
    }

    .l-header .header-function {
        padding-bottom: 0.6rem;
    }

    .l-header .header-function .header-search {
        margin-right: 8rem;
        position: relative;
    }

    .l-header .header-function .header-search__btn {
        position: absolute;
        cursor: pointer;
        right: 0;
        bottom: 0;
        width: 5.5rem;
        height: 5.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid transparent;
        border-left: 0;
    }

    .l-header .header-function .nav-icon-g {
        gap: 5rem;
    }
}

@media screen and (max-width: 767px) {
    .l-header {
        padding-top: 2rem;
        padding-bottom: 2.9rem;
    }

    .l-header .l-header__inner {
        justify-content: space-between;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .l-header .hlogo .hlogo_link img {
        width: 9.8rem;
        height: auto;
    }

    .l-header .header-function .header-search__btn svg {
        display: block;
        width: 2rem;
        height: 2rem;
    }

    .l-header .header-function .nav-icon-g {
        margin-right: 2rem;
    }

    .l-header .header-function .site-lang .site-lang_btn {
        font-size: 1.2rem;
        padding: 0 0.5rem;
    }

    .l-header .header-function .site-lang .site-lang_btn .icon-arrow-d {
        margin-left: 0.9rem;
    }

    .l-header .header-function .site-lang .site-lang_btn .icon-arrow-d svg {
        width: 1.17rem;
        height: 0.67rem;
    }

    .l-header .header-function .site-lang .site-lang_list {
        padding: 0 0.2rem;
    }

    .l-header .header-function .site-lang .site-lang_list .site-lang_link {
        font-size: 1.2rem;
        padding: 0.2rem 0.3rem;
        border-width: 0.17rem;
    }

    .l-header .header-function .nav-log {
        margin-left: 2.7rem;
    }

    .l-header .header-function .nav-log .nav-log_icon svg {
        width: 1.9rem;
        height: auto;
        display: block;
    }

    .l-header .header-function .header-function__item {
        width: 2.1rem;
        height: 2.1rem;
    }

    .l-header .header-function .header-function__item.nav-favorite {
        margin-right: 2rem;
    }

    .l-header
    .header-function
    .header-function__item
    .header-function__item_icon {
        width: auto;
        height: 2.1rem;
    }

    .l-header
    .header-function
    .header-function__item
    .header-function__item_text {
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        display: block;
        padding: 0 0.5rem;
        line-height: 1.6rem;
        font-size: 1.2rem;
        top: -0.7rem;
    }

    .l-header .header-function .user-info {
        margin-right: 2.9rem;
        position: relative;
    }

    .l-header .header-function .user-info__text {
        font-size: 1.2rem;
        line-height: 1.7rem;
    }

    .l-header .header-function .user-info__img .icon-user_guest {
        width: 2rem;
    }

    .l-header .header-function .user-info__img svg {
        width: 2.6rem;
        height: auto;
        display: block;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .l-header .l-header__inner {
        justify-content: space-between;
    }
}

.l-header_guest .header-function {
    /* 2023年度機能改修　FSC START */
    /* padding-right: 6%; */
    /* 2023年度機能改修　FSC END */
}

@media screen and (max-width: 767px) {
    .l-header_sub {
        padding-bottom: 2.2rem;
    }
}

.l-header_sub .l-header__inner {
    justify-content: space-between;
}

@media screen and (min-width: 768px) and (max-width: 1400px) {
    .l-header_sub .l-header__inner {
        flex-direction: column;
        gap: 4rem;
    }
}

.l-header_sub .l-header__inner .hlogo {
    justify-content: flex-start;
}

@media screen and (min-width: 768px) {
    .l-header_sub .l-header__inner .hlogo {
        padding-left: 6rem;
    }
}

@media screen and (min-width: 768px) {
    .l-header_sub .l-header__inner .header-function {
        flex: 0 0 66.666666%;
        max-width: 66.666666%;
    }
}

@media screen and (max-width: 767px) {
    .l-header_sub .header-search {
        margin-top: 3.5rem;
        width: 100%;
    }

    .l-header_sub .header-search__btn svg {
        display: block;
        width: 2rem;
        height: auto;
    }
}

/******************************************************

footer

******************************************************/
.l-footer {
    padding-top: 6rem;
    padding-bottom: 4rem;
    background-image: radial-gradient(
            circle at 0.5rem 0.5rem,
            #d7d7d7 0.18rem,
            #e4e4e4 0
    );
    background-size: 2.2rem 2.2rem;
    overflow: hidden;
}

.l-footer .inner {
    max-width: 108rem;
    margin-left: auto;
    margin-right: auto;
}

.l-footer .f-link {
    position: relative;
}

.l-footer .f-link::after {
    position: absolute;
    content: "";
    background-color: #505960;
    width: 0;
    left: 0;
    bottom: -0.4rem;
    height: 0.22rem;
    border-radius: 0.5rem;
}

.l-footer .f-link:hover::after {
    width: 100%;
}

.l-footer .f-link[target="_blank"]::after {
    background-color: #4375ad;
}

.l-footer .footer-logo__in {
    display: flex;
    flex-direction: column;
    align-items: end;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.l-footer .footer-logo__in .japanstreet-logo {
    width: 26.6rem;
    height: auto;
    display: block;
}

.l-footer .footer-logo .product-by {
    margin-top: 1.7rem;
    line-height: 2.4;
}

.l-footer .footer-logo .product-by > span {
    font-size: 1.2rem;
    line-height: 2.4rem;
    margin-right: 2rem;
}

.l-footer .footer-logo .product-by .produced-logo {
    display: inline-block;
}

.l-footer .footer-logo .product-by .produced-logo .jetro-logo {
    width: 12.1rem;
    height: auto;
}

.l-footer .footer-top {
    display: flex;
    flex-wrap: wrap;
}

.l-footer .footer-top .footer-menu .footer-col .footer-menu__tl {
    font-weight: bold;
}

.l-footer .footer-top .footer-menu .footer-col > ul > li a {
    font-size: 1.2rem;
    line-height: 3rem;
}

.l-footer .footer-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 2.7rem;
}

.l-footer .contact-us {
    padding-left: 0;
}

.l-footer .contact-us > a {
    display: flex;
    align-items: center;
}

.l-footer .contact-us > a svg {
    margin-left: 2rem;
}

.l-footer .contact-us .intro-movie {
    margin-right: 4.5rem;
}

.l-footer .contact-us .intro-movie .icon-movie {
    position: absolute;
}

.l-footer .contact-us .intro-movie .icon-movie::after {
    content: "";
    background: url("../img/common/icon-movie.svg") no-repeat center;
    background-size: contain;
    width: 2.5rem;
    height: 1.7rem;
    display: inline-block;
    margin-left: 2rem;
    position: relative;
    top: 0.2rem;
}

@media screen and (min-width: 768px) {
    .l-footer .footer-top {
        padding-bottom: 2rem;
        margin: 0 -2rem;
    }

    .l-footer .footer-top .footer-logo {
        width: 50%;
        padding: 0 2rem;
    }

    .l-footer .footer-top .footer-menu {
        width: 50%;
        padding: 0 2rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .l-footer .footer-top .footer-menu .footer-col2 {
        width: 100%;
        display: flex;
        padding: 0 2rem;
        justify-content: flex-end;
        flex-direction: column;
    }

    .l-footer .footer-top .footer-menu .footer-col2 > ul {
        gap: 1rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .l-footer .footer-top .footer-menu:only-child {
        /*  .footer-col {
        width: 100%;
    } */
    }

    .l-footer .footer-bottom {
        border-top: 0.22rem solid #ffffff;
    }
}

@media screen and (max-width: 767px) {
    .l-footer {
        padding-top: 2.2rem;
        padding-bottom: 3.7rem;
        background-image: radial-gradient(
                circle at 0.3rem 0.3rem,
                #d7d7d7 0.15rem,
                #e4e4e4 0
        );
        background-size: 1.5rem 1.5rem;
    }

    .l-footer .f-link {
        font-size: 1.2rem;
    }

    .l-footer .f-link::after {
        height: 0.16rem;
        bottom: -0.3rem;
    }

    .l-footer .footer-logo {
        width: 100%;
    }

    .l-footer .footer-logo .footer-logo__in {
        display: flex;
        flex-direction: row;
        width: 100%;
        align-items: end;
        justify-content: center;
    }

    .l-footer .footer-logo .footer-logo__in .japanstreet-foot__link {
        margin-right: 2.8rem;
    }

    .l-footer .footer-logo .footer-logo__in .japanstreet-logo {
        width: 14.9rem;
        height: auto;
        display: block;
    }

    .l-footer .footer-logo .footer-logo__in .product-by {
        display: flex;
        align-items: end;
        margin-top: 0;
    }

    .l-footer .footer-logo .footer-logo__in .product-by span {
        font-size: 1.2rem;
        line-height: 1.7rem;
        margin-right: 0.8rem;
    }

    .l-footer .footer-logo .footer-logo__in .product-by .jetro-logo {
        width: 6rem;
        height: auto;
        display: block;
    }

    .l-footer .footer-top {
        flex-direction: column-reverse;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .l-footer .footer-top .footer-menu {
        width: 100%;
        margin-bottom: 2.6rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .l-footer .footer-top .footer-menu .footer-menu__tl {
        font-size: 1.2rem;
        line-height: 3.3rem;
    }

    .l-footer .footer-top .footer-menu .footer-col {
        padding-left: 1.7rem;
        padding-right: 1.7rem;
        /*  &:nth-child(2) {
        order: 3;
    }

    &:nth-child(3) {
        order: 2;
    }

    &:nth-child(4) {
        order: 4;
    } */
    }

    .l-footer .footer-top .footer-menu .footer-col ul li > a {
        font-size: 1.2rem;
        line-height: 3.3rem;
    }

    .l-footer .footer-top .footer-menu .foot-about {
        grid-column: 1/3;
        position: relative;
    }

    .l-footer .footer-top .footer-menu .foot-about:not(:only-child)::after {
        content: "";
        position: absolute;
        border-bottom: 0.16rem solid #ffffff;
        left: -1.5rem;
        right: -1.5rem;
        bottom: 0;
        height: 0.2rem;
    }

    .l-footer .footer-top .footer-menu .foot-about ul {
        /*  columns: 2;
     column-gap: 3.4rem; */
        display: flex;
        flex-wrap: wrap;
        -moz-column-gap: 3.4rem;
        column-gap: 3.4rem;
    }

    .l-footer .footer-top .footer-menu .foot-about ul li {
        width: calc(50% - 1.7rem);
    }

    .l-footer .footer-top .footer-menu .foot-specials {
        grid-column: 2/3;
        grid-row: 2/3;
    }

    .l-footer .footer-top .footer-menu .foot-searchby {
        grid-column: 1/2;
        grid-row: 2/3;
    }

    .l-footer .footer-top .footer-menu .footer-col2 {
        padding-left: 1.7rem;
        padding-right: 1.7rem;
    }

    .l-footer .footer-bottom {
        padding-top: 1.9rem;
        border-top: 0.16rem solid #ffffff;
    }

    .l-footer .footer-bottom .footer-logo {
        order: 2;
        margin-top: 1rem;
    }

    .l-footer .footer-bottom .copyright {
        width: calc(100% + 4rem);
        font-size: 0.9rem;
        line-height: 1.9rem;
        text-align: center;
        order: 3;
        margin-top: 2.2rem;
        margin-left: -2rem;
        margin-right: -2rem;
    }

    .l-footer .contact-us {
        width: 100%;
        padding-left: 0;
        order: 1;
        display: flex;
        justify-content: space-between;
        padding-left: 3.2rem;
        padding-right: 3.2rem;
    }

    .l-footer .contact-us .intro-movie {
        margin-right: 3.2rem;
    }

    .l-footer .contact-us .intro-movie .icon-movie::after {
        content: "";
        width: 2.2rem;
        height: 2rem;
        margin-left: 1rem;
        top: 0.5rem;
    }
}

@media screen and (max-width: 767px) {
    .l-footer-ja .footer-top {
        padding: 0;
    }

    .l-footer-ja .footer-top .footer-menu .footer-col {
        padding-left: 0;
        padding-right: 0;
    }

    .l-footer-ja .footer-top .footer-menu .footer-col ul {
        padding-left: 1.7rem;
    }

    .l-footer-ja .footer-top .footer-menu .foot-searchby {
        grid-column: auto;
        grid-row: auto;
    }

    .l-footer-ja .footer-top .footer-menu .foot-about {
        grid-column: 1/2;
    }

    .l-footer-ja .footer-top .footer-menu .foot-about ul {
        -moz-columns: auto;
        columns: auto;
    }

    .l-footer-ja .footer-top .footer-menu .foot-about ul li {
        width: 100%;
    }

    .l-footer-ja .footer-top .footer-menu .foot-about:not(:only-child)::after {
        content: none;
    }

    .l-footer-ja .footer-top .footer-menu .foot-specials {
        grid-row: 1/2;
    }

    .l-footer-ja .footer-bottom {
        padding-top: 0;
        border-top: none;
    }

    .l-footer-ja .contact-us {
        padding-left: 0;
        padding-right: 0;
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .l-footer-guest .footer-top {
        padding-bottom: 4.7rem;
    }
}

.pagination-comment .pagination-top {
    display: flex;
    margin-bottom: 1rem;
    gap: 1rem;
}

.pagination-comment .pagination-top .prev,
.pagination-comment .pagination-top .next {
    min-width: calc(50% - 0.25rem);
    width: 5.5rem;
    height: 5.5rem;
    line-height: 5.5rem;
    background-color: #ffffff;
    font-family: "futura-pt-cond", sans-serif;
    display: block;
    color: #363c45;
    border-color: #030303;
    border-style: solid;
    border-width: 1.1pt 1.1pt 1.1pt 0;
    border-width: 0.11rem;
    text-indent: -9999em;
    position: relative;
}

.pagination-comment .pagination-top .prev::after,
.pagination-comment .pagination-top .next::after {
    content: "";
    position: absolute;
    width: 0.8rem;
    height: 1.4rem;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
}

@media screen and (min-width: 768px) {
    .pagination-comment .pagination-top .prev:hover,
    .pagination-comment .pagination-top .next:hover {
        background-color: rgba(112, 112, 112, 0.22);
    }
}

.pagination-comment .pagination-top .prev:active,
.pagination-comment .pagination-top .next:active {
    background-color: #aaa07a;
}

.pagination-comment .pagination-top .prev::after {
    background: url(../img/common/arrow-right.svg) no-repeat center/contain;
    transform: translateX(-50%) translateY(-50%) rotate(-180deg);
}

.pagination-comment .pagination-top .next::after {
    background: url(../img/common/arrow-right.svg) no-repeat center/contain;
}

@media screen and (max-width: 767px) {
    .pagination-comment .pagination-top {
        margin-bottom: 0.5rem;
        gap: 0.5rem;
    }

    .pagination-comment .pagination-top .prev,
    .pagination-comment .pagination-top .next {
        height: 3.4rem;
        line-height: 3.4rem;
    }
}

.pagination-comment .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination-comment .nav-links .page-numbers {
    width: 4.3rem;
    height: 4.3rem;
    line-height: 4.3rem;
    display: block;
    background-color: #ffffff;
    font-family: "futura-pt-cond", sans-serif;
    font-weight: bold;
    font-size: 1.7rem;
    color: #363c45;
    border-color: #030303;
    border-style: solid;
    border-width: 0.11rem;
    border-left-width: 0;
    text-align: center;
    position: relative;
    z-index: 0;
}

.pagination-comment .nav-links .page-numbers::before {
    content: "";
    inset: -0.011rem;
    position: absolute;
}

.pagination-comment .nav-links .page-numbers:first-child,
.pagination-comment .nav-links .page-numbers.next,
.pagination-comment .nav-links .page-numbers.prev + .page-numbers {
    border-width: 0.11rem;
}

.pagination-comment .nav-links .page-numbers.next,
.pagination-comment .nav-links .page-numbers.prev {
    position: relative;
}

.pagination-comment .nav-links .page-numbers.next span,
.pagination-comment .nav-links .page-numbers.prev span {
    text-indent: -9999em;
    display: block;
}

.pagination-comment .nav-links .page-numbers.next::after,
.pagination-comment .nav-links .page-numbers.prev::after {
    content: "";
    position: absolute;
    width: 0.6rem;
    height: 1rem;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
}

.pagination-comment .nav-links .page-numbers.prev {
    margin-right: 2.05rem;
}

.pagination-comment .nav-links .page-numbers.prev::after {
    background: url(../img/common/arrow-right.svg) no-repeat center/contain;
    transform: translateX(-50%) translateY(-50%) rotate(-180deg);
}

.pagination-comment .nav-links .page-numbers.next {
    margin-left: 2.2rem;
}

.pagination-comment .nav-links .page-numbers.next::after {
    background: url(../img/common/arrow-right.svg) no-repeat center/contain;
}

@media screen and (min-width: 768px) {
    .pagination-comment .nav-links a.page-numbers:hover:not(.current)::before {
        background-color: rgba(112, 112, 112, 0.22);
        z-index: -3;
    }
}

.pagination-comment .nav-links a.page-numbers:active,
.pagination-comment .nav-links a.page-numbers.current {
    color: #ffffff;
    background-color: #aaa07a;
}

@media screen and (max-width: 767px) {
    .pagination-comment .nav-links .page-numbers {
        width: 6.7rem;
        min-width: 20%;
        height: 3.4rem;
        line-height: 3.4rem;
        font-size: 1.8rem;
    }

    .pagination-comment .nav-links .page-numbers.next {
        margin-left: 0;
    }

    .pagination-comment .nav-links .page-numbers.prev {
        margin-right: 0;
    }

    .pagination-comment .nav-links .prev,
    .pagination-comment .nav-links .next {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .entry-footer {
        min-width: calc(100% - 4rem);
    }
}

.search-form {
    display: flex;
    flex-wrap: wrap;
    width: 26rem;
}

.search-form .search-wrap .suggestions {
    margin-left: -0.11rem;
}

.search-form .search-wrap {
    width: 22.2rem;
    position: relative;
}

.search-form .search-wrap .suggestions {
    background-color: #ffffff;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 4;
}

.search-form .search-wrap .suggestions.show {
    display: block;
}

.search-form .search-wrap .suggestions .suggest {
    padding: 1rem 2.3rem;
    color: #505960;
    border: 0.11rem solid #030303;
    border-top: none;
    cursor: pointer;
    transition: all 0.1s;
}

.search-form .search-wrap .suggestions .suggest.select,
.search-form .search-wrap .suggestions .suggest:hover {
    background-color: #d7d7d7;
}

.search-form input {
    font-size: 1.4rem;
    line-height: 3.3rem;
    border: 0.11rem solid #030303;
    width: 100%;
    height: 4.3rem;
    padding: 1.5rem 2rem;
    outline: none;
    color: #505960;
}

.search-form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #94989b;
}

.search-form input::-moz-placeholder {
    color: #94989b;
}

.search-form input::placeholder {
    color: #94989b;
}

.search-form button {
    border: none;
    border: 0.11rem solid #030303;
    border-left: none;
    width: 3.7rem;
    height: 4.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #ffffff;
}

.search-form button img {
    z-index: 2;
    width: 1.7rem;
    height: auto;
}

.search-form button::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: -0.11rem;
    background-color: #7fabde;
    opacity: 0.33;
  transform: translate(0.5rem, -0.5rem); /* 2024-1112 */
    transition: transform 0.1s;
}

.search-form button:hover::after {
    transform: translate(0, 0);
}

.search-form.search-product {
    width: 100%;
}

.search-form.search-product .select-wrap {
    /*  border: 0.11rem solid #030303;
   border-right: none;
   height: 5.5rem;
   display: flex;
   align-items: center; */
    position: relative;
}

.search-form.search-product .select-wrap .select-btn {
    border-left: 0.11rem solid #030303;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    width: 5.5rem;
    text-indent: 10rem;
    overflow: hidden;
    background: url(../img/common/arrow-down.svg) no-repeat center;
    display: none;
}

.search-form.search-product select {
    font-size: 1.8rem;
    line-height: 2.4rem;
    height: 5.5rem;
    width: 100%;
    outline: none;
    padding: 0 2rem;
    font-weight: bold;
    position: relative;
    background-image: none;
}

.search-form.search-product select::after {
    content: "";
    position: absolute;
    width: 5.5rem;
    height: 5.5rem;
    top: 0;
    right: 0;
}

.search-form.search-product button span {
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 1rem;
    position: relative;
    z-index: 3;
}

@media screen and (min-width: 768px) {
    .search-form.search-product.-top .search-wrap input {
        border-left-width: 0;
    }

    .search-form.search-product .select-wrap {
        width: 18.5rem;
    }

    .search-form.search-product .select-wrap .selectric-wrapper .selectric {
        height: 4.3rem;
    }

    .search-form.search-product .search-wrap {
        width: calc(100% - 18.5rem - 14.8rem);
    }

    .search-form.search-product button {
        width: 14.8rem;
    }
}

@media screen and (max-width: 767px) {
    .search-form {
        width: 100%;
        max-width: 38.5rem;
        margin-left: auto;
        margin-right: auto;
    }

    .search-form.search-product {
        max-width: 100%;
    }

    .search-form.search-product.-top .search-wrap input {
        border-left-width: 0.11rem;
    }

    .search-form.search-product.-top .search-wrap,
    .search-form.search-product.-top button {
        margin-top: -0.11rem;
    }

    .search-form.search-product.-top .search-wrap .suggestions {
        margin-left: 0;
    }

    .search-form.search-product .select-wrap .select-btn {
        width: 4rem;
    }

    .search-form.search-product .select-wrap select,
    .search-form.search-product .select-wrap .selectric-wrapper {
        width: 16.8rem;
        height: 4rem;
        font-size: 1.4rem;
        line-height: 1.9rem;
        border-bottom: none;
    }

    .search-form.search-product .select-wrap .selectric-wrapper .selectric {
        height: 4rem;
    }

    .search-form.search-product
    .select-wrap
    .selectric-wrapper
    .selectric
    .button {
        width: 4rem;
    }

    .search-form.search-product
    .select-wrap
    .selectric-wrapper
    .selectric
    .label {
        height: 4rem;
        line-height: 4rem;
        font-size: 1.4rem;
        padding: 0 0.8rem;
        width: calc(100% - 4rem);
    }

    .search-form.search-product .select-wrap .selectric-wrapper .selectric-items {
        width: calc(100% - 4rem) !important;
    }

    .search-form.search-product
    .select-wrap
    .selectric-wrapper
    .selectric-items
    li {
        height: 4rem;
        line-height: 4rem;
        font-weight: bold;
        font-size: 1.4rem;
        padding: 0 1rem;
    }

    .search-form.search-product button span {
        display: none;
    }

    .search-form button {
        width: 4rem;
        height: 4rem;
    }

    .search-form button img {
        width: 2.2rem;
        height: 2.2rem;
    }

    .search-form button::after {
    transform: translate(0.5rem, -0.5rem); /* 2024-1112 */
    }

    .search-form .search-wrap {
        width: calc(100% - 4rem);
    }

    .search-form .search-wrap .suggestions .suggest {
        font-size: 1.4rem;
        line-height: 3.3rem;
        padding: 0.3rem 1.5rem;
    }

    .search-form input {
        height: 4rem;
        font-size: 1.4rem;
        line-height: 1.9rem;
        padding: 1rem 1.5rem;
    }

    .search-form input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #94989b !important;
    }

    .search-form input::-moz-placeholder {
        color: #94989b !important;
    }

    .search-form input::placeholder {
        color: #94989b !important;
    }
}

.search-tags {
    background-color: #ffffff;
    border: 0.11rem solid #030303;
    border-top: none;
    height: 4.3rem;
    padding: 0.6rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.search-tags a {
    font-size: 1.4rem;
    line-height: 2.8rem;
    display: inline-block;
    color: #94989b;
    padding: 0 0.4rem;
    border: 0.22rem solid transparent;
}

.search-tags a:hover {
    border: 0.22rem solid #aaa07a;
}

.search-tags a::before {
    content: "#";
    letter-spacing: 0.2em;
}

@media screen and (max-width: 767px) {
    .search-tags {
        padding: 1rem 1.2rem;
        gap: 1.2rem 0.5rem;
    white-space: nowrap; /* 2024-1112 */
    overflow: hidden; /* 2024-1112 */
    }

    .search-tags a {
        font-size: 1.4rem;
        line-height: 2rem;
        padding: 0 0.4rem;
        border: 0.11rem solid transparent;
    }

    .search-tags a:hover {
        border: 0.11rem solid #aaa07a;
    }
}

.page-pw .page-pw__ttl {
    text-align: center;
    font-family: "Playfair Display", sans-serif;
    font-size: 2.5rem;
    line-height: 2.8rem;
    font-weight: 400;
    margin-bottom: 2.2rem;
    letter-spacing: 0.05em;
}

@media screen and (max-width: 767px) {
    .page-pw .page-pw__ttl {
        font-size: 2rem;
        margin-bottom: 2.5rem;
    }
}

.page-pw .page-pw__description {
    text-align: center;
}

.page-pw .page-pw__description p {
    font-size: 1.4rem;
    line-height: 2.2rem;
}

.page-pw .page-pw__description p:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .page-pw .page-pw__description {
        text-align: left;
    }

    .page-pw .page-pw__description p {
        font-size: 1.4rem;
        line-height: 2rem;
        margin-bottom: 1rem;
    }
}

.page-pw .privacy-des {
    text-align: center;
}

.page-pw .privacy-des p {
    font-weight: 600;
}

.page-pw .password-change-f {
    text-align: left;
}

.page-pw .password-change-f p {
    margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
    .page-pw .password-change-f p {
        margin-bottom: 2.5rem;
    }
}

.page-pw .-rs-complete {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .page-pw .-rs-complete {
        text-align: center;
    }
}

.page-pw .warning {
    margin-top: 2.7rem;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #e3627a;
}

.page-pw .warning .warning-detail {
    font-weight: 600;
}

.page-pw .warning p:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .page-pw .warning {
        margin-top: 2rem;
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .page-pw .warning .warning-note {
        margin-bottom: 1rem;
    }
}

.page-pw .required-note {
    color: #e3627a;
    line-height: 2.2rem;
    padding: 0 1.3rem;
}

@media screen and (max-width: 767px) {
    .page-pw .required-note {
        padding: 0;
        font-size: 1.4rem;
        line-height: 2rem;
    }
}

.page-pw .required {
    color: #e3637b;
    margin-left: 0.7rem;
}

@media screen and (max-width: 767px) {
    .page-pw .required {
        margin-left: 0.5rem;
    }
}

.page-pw .form-reset-password {
    margin-top: 2.7rem;
}

@media screen and (max-width: 767px) {
    .page-pw .form-reset-password {
        margin-top: 1.5rem;
    }
}

span.indicate_txt:after {
    content: "Show Password";
    display: inline-block;
    color: #4b3d32;
    font-size: 1.2rem;
    border: 1px solid #483b33;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 4px;
}

span.hide_txt:after {
    content: "Hide Password";
    display: inline-block;
    color: #4b3d32;
    font-size: 1.2rem;
    border: 1px solid #483b33;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 4px;
}

.page-pw .outline-pw .key-pw:last-of-type,
.page-pw .outline-pw .value-pw:last-of-type {
    margin-bottom: 0;
}

.page-pw .outline-pw .key-pw {
    font-weight: bold;
}

.page-pw .outline-pw .key-pw2 {
    /* 20220826 */
    font-weight: bold;
}

.page-pw .outline-pw .key-pw.key-align-center {
    display: flex;
    align-items: center;
}

.page-pw .outline-pw .value-pw .form-input-wrap-d {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -0.5rem;
}

.page-pw .outline-pw .value-pw .form-input-wrap-d .form-input-wrap {
    width: 50%;
    padding: 0 0.5rem;
}

.page-pw .outline-pw .value-pw p {
    font-size: 1.4rem;
    line-height: 3.3rem;
}

.page-pw .outline-pw .value-pw2 p {
    /* 20220826 */
    font-size: 1.4rem;
    line-height: 3.3rem;
}

.page-pw .outline-pw .value-pw p.note {
    line-height: 2rem;
    margin-bottom: 1rem;
    padding-left: 1.6rem;
    margin-top: 0.3rem;
}

.page-pw .outline-pw .value-pw2 p.note {
    /* 20220826 */
    line-height: 2rem;
    margin-bottom: 1rem;
    padding-left: 1.6rem;
    margin-top: 0.3rem;
}

p.note3 {
    line-height: 1.6rem;
    margin-bottom: 1rem;
    padding-left: 0rem;
    margin-top: 0.3rem;
}

.page-pw .outline-pw .value-pw .value-text {
    padding: 0.7rem 1.5rem;
    font-size: 1.4rem;
    line-height: 2.6rem;
    display: block;
    /* word-break: break-word; */
}

.page-pw .outline-pw .value-pw .list-types {
    padding: 1.8rem 2.7rem;
    padding-right: 0;
}

.page-pw .outline-pw .value-pw .list-types > div {
    margin-bottom: 2rem;
}

.page-pw .outline-pw .value-pw .list-types > div:last-child {
    margin-bottom: 0;
}

.page-pw .outline-pw .value-pw .preferred-list {
    padding-left: 2.2rem;
    padding-right: 0;
}

.page-pw .outline-pw .value-pw .preferred-list > span {
    display: inline-flex;
    margin: 1.1rem 0;
    margin-right: 3.1rem;
}

.page-pw .outline-pw .value-pw .preferred-list > span:last-child {
    margin-right: 0;
}

.page-pw .outline-pw .value-pw .others-w {
    display: flex;
    justify-content: space-between;
}

.page-pw .outline-pw .value-pw .others-w .form-input-wrap {
    width: 50%;
    margin-top: -1.1rem;
    margin-bottom: -1.1rem;
}

.page-pw .outline-pw .value-pw .others-w:not(.others-w2) {
    flex-wrap: wrap;
}

.page-pw .outline-pw .value-pw .others-w2 {
    display: inline-flex;
}

.page-pw .outline-pw .value-pw .others-w2 > span {
    margin-right: 2.3rem;
}

.page-pw .outline-pw .value-pw .others-w2 .form-input-wrap {
    width: 16.7rem;
}

.page-pw .outline-pw .key-pw {
    background-color: #e6e6e6;
    padding: 1rem 1.5rem;
    line-height: 2.2rem;
    min-height: 4.3rem;
}

.page-pw .outline-pw .key-pw2 {
    /* 20220826 */
    background-color: #e6e6e6;
    padding: 1.2rem 1.5rem;
    line-height: 1;
}

.page-pw .outline-pw .value-pw {
    line-height: 1;
}

.page-pw .outline-pw .value-pw2 {
    /* 20220826 */
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .page-pw .outline-pw .value-pw {
        margin-bottom: 2rem;
    }

    .page-pw .outline-pw .value-pw .list-types {
        padding-left: 0;
    }

    .page-pw .outline-pw .value-pw .others-w .form-input-wrap {
        width: 100%;
        margin-top: 1.2rem;
        padding-left: 3rem;
        margin-bottom: 0;
    }

    .page-pw .outline-pw .value-pw .others-w:not(.others-w2) {
        flex-wrap: wrap;
    }

    .page-pw .outline-pw .value-pw .preferred-list {
        padding-left: 0;
        padding-bottom: 0;
    }

    .page-pw .outline-pw .value-pw .preferred-list > span {
        display: block;
        margin-bottom: 2rem;
    }

    .page-pw .outline-pw .value-pw .preferred-list > span:last-child {
        margin-bottom: 0;
    }

    .page-pw .outline-pw .value-pw span.others-w2 {
        display: flex;
        justify-content: flex-start;
    }

    .page-pw .outline-pw .value-pw span.others-w2 > span {
        margin-right: 5.3rem;
    }

    .page-pw .outline-pw .value-pw span.others-w2 .form-input-wrap {
        width: 21rem;
        padding-left: 0;
        margin-top: -0.7rem;
        margin-bottom: -0.7rem;
    }

    .page-pw .outline-pw .value-pw p {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .page-pw .outline-pw .value-pw .value-text {
        padding: 1rem 1.2rem;
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .page-pw .outline-pw .value-pw p.note {
        margin-bottom: 1rem;
        padding-left: 1rem;
    }

    .page-pw .outline-pw .key-pw {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0.6rem 1.2rem;
    }
}

@media screen and (min-width: 768px) {
    .page-pw .outline-pw {
        margin-top: 0.7rem;
        display: flex;
        flex-wrap: wrap;
    }

    .page-pw .outline-pw .key-pw {
        width: 22.2rem;
    }

    .page-pw .outline-pw .value-pw {
        width: calc(100% - 22.2rem);
        position: relative;
    }

    .page-pw .outline-pw .value-pw2 {
        /* 20220826 */
        width: calc(100% - 22.2rem);
        position: relative;
    }

    .page-pw .outline-pw .value-pw .others-w:not(.others-w2) .form-input-wrap {
        min-width: 30rem;
    }

    .page-pw .outline-pw .key-pw,
    .page-pw .outline-pw .value-pw {
        margin-bottom: 0.7rem;
    }

    .page-pw .outline-pw p.note2 {
        position: absolute;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .page-pw .outline-pw .key-pw {
        width: 27rem;
    }

    .page-pw .outline-pw .key-pw2 {
        /* 20220826 */
        width: 27rem;
    }

    .page-pw .outline-pw .value-pw {
        width: calc(100% - 27rem);
    }

    .page-pw .outline-pw .value-pw2 {
        /* 20220826 */
        width: calc(100% - 27rem);
    }

    .page-pw .outline-pw .value-pw .others-w {
        flex-wrap: wrap;
    }

    .page-pw .outline-pw .value-pw .others-w:not(.others-w2) {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .page-pw .outline-pw .value-pw .others-w:not(.others-w2) .form-input-wrap {
        margin: 0;
        width: 100%;
        margin-top: 1.35rem;
        padding-left: 5.3rem;
    }
}

@media screen and (min-width: 768px) {
    .page-pw .outline-pw2 .key-pw,
    .page-pw .outline-pw2 .value-pw {
        margin-bottom: 1.6rem;
    }

    .page-pw .outline-pw2 .key-pw2,
    .page-pw .outline-pw2 .value-pw2 {
    margin-bottom: 13rem; /* 2024年度機能改修 FS修正 2024/08/15 */
    }
}

.page-pw .reset-note {
    text-align: center;
    margin-top: 5rem;
}

.page-pw .reset-note p {
    font-size: 1.4rem;
    line-height: 2.2rem;
}

@media screen and (max-width: 767px) {
    .page-pw .reset-note {
        margin-top: 2rem;
    }

    .page-pw .reset-note p {
        font-size: 1.4rem;
        line-height: 2rem;
    }
}

.page-pw .-login-action {
    margin-top: 7.5rem;
}

.page-pw .pw-action {
    margin-top: 3rem;
}

.page-pw .pw-action .ac-button .btn {
    margin-left: auto;
    margin-right: auto;
}

.page-pw .pw-action .ac-button .btn-back {
    width: 14.8rem;
    margin-top: 2rem;
}

.page-pw .pw-action .ac-button .btn-back .btn-icon::after {
    background-color: #707070;
}

@media screen and (max-width: 767px) {
    .page-pw .pw-action {
        margin-top: 3.5rem;
    }

    .page-pw .pw-action .ac-button .btn-back {
        width: 15rem;
    }
}

.page-pw .action-password_change .ac-button .btn-back .btn-icon::after {
    background-color: #7fabde;
}

@media screen and (min-width: 768px) {
    .page-pw .action-password_change {
        margin-top: 6rem;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center;
        gap: 11.5rem;
    }

    .page-pw .action-password_change .ac-button .btn-back {
        margin-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .page-pw .action-password_change .ac-button .btn-back {
        width: 20.7rem;
    }
}

.page-pw .action-login .ac-button {
    text-align: center;
}

.page-pw .action-login .btn-forgot {
    margin-top: 1.3rem;
}

.page-pw .c-reset-pass {
    margin-top: 6.7rem;
}

@media screen and (max-width: 767px) {
    .page-pw .c-reset-pass {
        margin-top: 2rem;
    }
}

@media screen and (min-width: 768px) {
    .p-reset_password .page-pw__description {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 767px) {
    .p-password-sent .page-pw__description {
        max-width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
}

.form-ask {
    margin-top: 4rem;
    /*   input,textarea{
        border-color: #9D9D9D;
    } */
}

.form-ask .ask-item {
    margin-bottom: 4rem;
}

.form-ask .ask-p_ttl {
    font-family: "ArVo", sans-serif;
    font-weight: 400;
    font-size: 2.8rem;
    line-height: 3.5rem;
    letter-spacing: 0.01em;
}

.form-ask .ask-p_snip {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-size: 1.8rem;
    line-height: 3.3rem;
}

.form-ask .ask-p_snip .linkto-mypage {
    color: #e3627a;
}

.form-ask .ask-p_snip2 {
    margin-top: 0;
    color: #707070;
}

.form-ask .ask-p_table {
    margin-top: 1.5rem;
}

.form-ask .ask-p_table table {
    table-layout: fixed;
    width: calc(100% + 2rem);
    border-spacing: 1rem;
    margin: -1rem;
    border-collapse: separate;
    font-size: 1.8rem;
    line-height: 3.3rem;
}

.form-ask .ask-p_table table th,
.form-ask .ask-p_table table td {
    vertical-align: middle;
    padding: 0 2rem;
}

.form-ask .ask-p_table table .number-order {
    width: 5.5rem;
    height: 5.5rem;
    text-align: center;
    background-color: #e6e6e6;
    border: none;
    font-weight: bold;
}

.form-ask .ask-p_table table thead th {
    text-align: center;
    background-color: #e6e6e6;
    line-height: 1;
}

.form-ask .ask-p_table table tbody tr td {
    border: 0.11rem solid #9d9d9d;
    background-color: #f0f0f0;
    padding: 0.9rem 2rem;
}

.form-ask .ask-p_table table .pre-estimate_checkbox {
    width: 11.5rem;
    padding: 0;
    text-align: center;
    border: 0.11rem solid transparent;
}

.form-ask
.ask-p_table
table
.pre-estimate_checkbox
.form-checkbox-field
input[type="checkbox"]
+ span {
    padding-left: 3.3rem;
}

.form-ask .ask-p_table table .p-supplier_name,
.form-ask .ask-p_table table .p-product_name {
    /* word-break: break-word; */
}

.form-ask .ask-p_table table tr.p-supplier_name,
.form-ask .ask-p_table table tr.p-product_name {
    /* word-break: break-word; */
    width: calc((100% - 11.5rem - 5.5rem) / 2);
}

.form-ask .ask-p_table table .p-product_supplier_name {
    /* word-break: break-word; */
    border: none;
}

.form-ask .ask-p_table table .p-product_supplier_name span {
    display: block;
    line-height: 2rem;
}

.form-ask .ask-p_table table .p-product_supplier_name span.p-product_name {
    border-bottom: 0.11rem solid #707070;
}

.form-ask .pw-action {
    margin-top: 6rem;
}

@media screen and (max-width: 767px) {
    .form-ask {
        margin-top: 3rem;
    }

    .form-ask .required-note {
        padding: 0;
    }

    .form-ask .ask-item {
        margin-bottom: 3rem;
    }

    .form-ask .ask-p_ttl {
        font-weight: bold;
        font-size: 1.4rem;
        line-height: 1.6rem;
    }

    .form-ask .ask-p_snip {
        margin-top: 1rem;
        margin-bottom: 1rem;
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .form-ask .ask-p_snip .linkto-mypage {
        color: #e3627a;
    }

    .form-ask .ask-p_snip.sp-small {
        font-size: 1.3rem;
    }

    .form-ask .ask-p_table table {
        width: calc(100% + 1.6rem);
        border-spacing: 0.8rem;
        margin: -0.8rem;
        font-size: 1.4rem;
        line-height: 1;
    }

    .form-ask .ask-p_table table .number-order {
        width: 2rem;
        height: auto;
        font-size: 1.4rem;
        padding: 1.3rem 0.3rem;
    }

    .form-ask .ask-p_table table thead th {
        padding: 0.6rem 0;
    }

    .form-ask .ask-p_table table tbody tr td {
        padding: 1.6rem 0;
        padding: 1.3rem 0.3rem;
    }

    .form-ask .ask-p_table table tbody .p-supplier_name {
        font-weight: 400;
    }

    .form-ask .ask-p_table table tbody .p-product_name {
        font-weight: 600;
        text-align: left;
    }

    .form-ask .ask-p_table table tr.p-supplier_name,
    .form-ask .ask-p_table table tr.p-product_name {
        width: calc((100% - 7.8rem - 2rem) / 2);
    }

    .form-ask .ask-p_table table .pre-estimate_checkbox {
        width: 7.8rem;
        padding: 0;
    }

    .form-ask
    .ask-p_table
    table
    .pre-estimate_checkbox
    .form-checkbox-field
    input[type="checkbox"]
    + span {
        padding-left: 2.3rem;
    }

    .form-ask .pw-action {
        margin-top: 4rem;
    }
}

@media screen and (min-width: 768px) {
    .form-ask .ask-p_snip2 {
        display: flex;
    }

    .form-ask .ask-p_snip2 span.ex {
        margin-right: 0.5rem;
    }
}

.form-ask .ask-p_table2 table tbody .p-supplier_name {
    text-align: left;
}

@media screen and (min-width: 768px) {
    .form-ask .ask-p_table2 table {
        width: auto;
    }

    .form-ask .ask-p_table2 table .p-supplier_name2 {
        width: 70rem;
    }
}

@media screen and (max-width: 767px) {
    .form-ask .ask-p_table2 table tbody tr td {
        padding: 0.6rem 0.3rem;
    }
}

.form-change {
    margin-top: 3rem;
}

.form-change .outline-pw .key-pw-child {
    margin-top: 2rem;
}

@media screen and (min-width: 768px) {
    .form-change .outline-pw .key-pw,
    .form-change .outline-pw .value-pw {
        margin-bottom: 5.4rem;
    }

    .form-change .outline-pw .select-of-secret-wrap,
    .form-registration .outline-pw .select-of-secret-wrap {
        margin-bottom: 4rem;
    }
}

.login-container {
    max-width: 110rem;
}

.login-row .create-section {
    background-color: rgba(158, 158, 158, 0.1803921569);
    position: relative;
}

.login-row .create-section::before {
    content: attr(data-bf);
    position: absolute;
    font-weight: bold;
}

@media screen and (min-width: 768px) {
    .login-row {
        display: flex;
        justify-content: space-between;
    }

    .login-row .create-section {
        width: 26%;
        width: 40.8rem;
        padding: 0 2rem;
        max-width: 27.5rem;
        margin-left: auto;
        margin-right: auto;
        padding: 0 2.7rem;
        display: flex;
        align-items: center;
    }

    .login-row .create-section::before {
        font-size: 2.3rem;
        line-height: 1;
        top: 50%;
        left: 0;
        transform: translateX(-50%) translateY(-50%);
    }

    .login-row .login-section {
        padding: 0 1, 3rem;
        width: 74%;
        width: calc(100% - 40.8rem);
        max-width: 68.8rem;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .login-row {
        flex-wrap: wrap;
    }

    .login-row .create-section {
        width: 100%;
        max-width: 98rem;
        padding-top: 5rem;
        padding-bottom: 6rem;
        margin-top: 6rem;
        justify-content: center;
    }

    .login-row .create-section::before {
        left: 50%;
        top: 0;
        transform: translateX(-50%) translateY(-60%);
    }

    .login-row .login-section {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .login-row .create-section {
        margin: 0 -2rem;
        margin-top: 4rem;
        padding-top: 3rem;
        padding-bottom: 4rem;
    }

    .login-row .create-section::before {
        font-size: 1.8rem;
        line-height: 2.4rem;
        left: 50%;
        top: 0;
        transform: translateX(-50%) translateY(-60%);
    }

    .login-row .create-section .page-pw__ttl {
        margin-bottom: 2rem;
    }

    .login-row .create-section .pw-action {
        margin-top: 2rem;
    }
}

.form-business-meeting .addmore__checkbox {
    margin-top: 1.1rem;
}

.form-business-meeting .ask-others {
    margin-bottom: 3rem;
}

.form-business-meeting .select-datetime {
    display: flex;
}

.form-business-meeting .select-datetime .select-month {
    width: 15.5rem;
}

.form-business-meeting
.select-datetime
.select-month
.selectric-wrapper
.selectric
.label {
    padding-right: 0;
}

.form-business-meeting .select-datetime .select-date {
    width: 12.1rem;
}

.form-business-meeting
.select-datetime
.select-date
.selectric-wrapper
.selectric-items
li {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 0;
}

.form-business-meeting .select-datetime .select-year {
    width: 18.6rem;
}

.form-business-meeting .select-datetime .select-hour {
    width: 19.5rem;
    position: relative;
}

.form-business-meeting .select-datetime .select-hour input::-moz-placeholder {
    text-align: center;
}

.form-business-meeting
.select-datetime
.select-hour
input:-ms-input-placeholder {
    text-align: center;
}

.form-business-meeting .select-datetime .select-hour input::placeholder {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .form-business-meeting .select-datetime .select-hour input::-moz-placeholder {
        letter-spacing: -0.2em;
    }

    .form-business-meeting
    .select-datetime
    .select-hour
    input:-ms-input-placeholder {
        letter-spacing: -0.2em;
    }

    .form-business-meeting .select-datetime .select-hour input::placeholder {
        letter-spacing: -0.2em;
    }
}

.form-business-meeting .select-datetime .select-hour .note-hour {
    position: absolute;
    padding-left: 0 !important;
    margin-top: 1.1rem;
}

.form-business-meeting .select-datetime .select-hour .note-hour .note-red {
    color: #e3627a;
}

.form-business-meeting .select-datetime .select-hour .-way2 {
    display: flex;
    justify-content: center;
    background-color: #ffffff;
    border: 0.11rem solid #030303;
}

.form-business-meeting .select-datetime .select-hour .-way2 input {
    border: none;
    padding: 0;
    text-align: center;
}

.form-business-meeting .select-datetime .select-hour .-way2 .hour-1 {
    width: 18%;
}

.form-business-meeting .select-datetime .select-hour .-way2 .hour-1:first-child,
.form-business-meeting .select-datetime .select-hour .-way2 .hour-1:last-child {
    width: 22%;
}

.form-business-meeting
.select-datetime
.select-hour
.-way2
.hour-1:first-child {
    text-align: right;
}

.form-business-meeting .select-datetime .select-hour .-way2 .hour-1:last-child {
    text-align: left;
}

.form-business-meeting .select-datetime .select-hour .-way2 .hour-sep {
    line-height: 5.5rem;
    height: 5.5rem;
}

@media screen and (max-width: 767px) {
    .form-business-meeting .select-datetime .select-hour .-way2 {
        padding: 0rem 1.2rem;
    }

    .form-business-meeting .select-datetime .select-hour .-way2 .hour-sep {
        line-height: 3.4rem;
        height: 3.4rem;
    }
}

@media screen and (min-width: 768px) {
    .form-business-meeting .outline-pw .timezone-value,
    .form-business-meeting .outline-pw .timezone-key {
        margin-bottom: 7.5rem;
    }

    .form-business-meeting .outline-pw .note3 {
        position: absolute;
        margin-top: 2rem;
    }

    .form-business-meeting .select-datetime {
        gap: 1rem;
    }

    .form-business-meeting
    .select-datetime
    .select-date
    .selectric-wrapper
    .selectric
    .label {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}

@media screen and (max-width: 767px) {
    .form-business-meeting .ask-others {
        margin-bottom: 2rem;
    }

    .form-business-meeting .summer-time__checkbox {
        margin-top: 0.8rem;
    }

    .form-business-meeting .select-datetime {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .form-business-meeting .select-datetime .selectric-wrapper .selectric .label {
        overflow: initial;
    }

    .form-business-meeting .select-datetime .select-month {
        width: 10.5rem;
    }

    .form-business-meeting .select-datetime .select-date {
        width: 9.4rem;
    }

    .form-business-meeting .select-datetime .select-year {
        width: 9.4rem;
    }

    .form-business-meeting .select-datetime .select-hour {
        width: 12rem;
    }

    .form-business-meeting .select-datetime .select-hour .note-hour {
        left: -3rem;
        margin-top: 0.8rem;
        position: initial;
    }

    .form-business-meeting
    .select-datetime
    .select-date
    .selectric-wrapper
    .selectric-items
    li,
    .form-business-meeting
    .select-datetime
    .select-year
    .selectric-wrapper
    .selectric-items
    li {
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        padding: 0;
    }

    .form-business-meeting .wrap-priority .outline-pw {
        margin-top: 2rem;
    }
}

.searchbox-page .searchbox-page_top {
    background: repeating-linear-gradient(
            90deg,
            #f0f0f0,
            #f0f0f0 1.5rem,
            #e7e3e0 1.5rem,
            #e7e3e0 1.6rem
    );
    background-color: #f0f0f0;
}

.searchbox-page .searchbox-page_top .searchbox_in {
    max-width: 88rem;
    width: 100%;
    padding: 0 2rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3.4rem;
    padding-bottom: 3.4rem;
}

.searchbox-page .searchbox-page_top .search-form input {
    border-left-width: 0;
}

.searchbox-page .searchbox-page_top .l-keyword {
    margin-bottom: 3.4rem;
    font-family: "ArVo", sans-serif;
    font-size: 1.9rem;
    line-height: 2.3rem;
    text-align: center;
}

.searchbox-page .searchbox-page_top .l-keyword .kw {
    font-size: 2.5rem;
    line-height: 3.2rem;
    color: #aaa07a;
}

.searchbox-page .searchbox-page_top .related-word {
    margin-top: 1.7rem;
}

.searchbox-page .searchbox-page_top .related-word .related-word__in {
    display: flex;
    gap: 1.5rem;
}

.searchbox-page
.searchbox-page_top
.related-word
.related-word__in
.related-word-label {
    text-align: right;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.8rem;
}

.searchbox-page
.searchbox-page_top
.related-word
.related-word__in
.related-word-body {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.searchbox-page
.searchbox-page_top
.related-word
.related-word__in
.related-word-body
.related-word__item {
    font-size: 1.4rem;
    line-height: 2.8rem;
    color: #808080;
    height: 2.8rem;
    padding: 0 1rem;
    border: 0.11rem solid #707070;
    background-color: #ffffff;
}

.searchbox-page
.searchbox-page_top
.related-word
.related-word__in
.related-word-body
.related-word__item:hover {
    border-color: #aaa07a;
}

@media screen and (min-width: 768px) {
    .searchbox-page .searchbox-page_top .related-word .related-word__in {
        gap: 1rem;
    }

    .searchbox-page
    .searchbox-page_top
    .related-word
    .related-word__in
    .related-word-label {
        width: calc(100% - 70.2rem);
    }

    .searchbox-page
    .searchbox-page_top
    .related-word
    .related-word__in
    .related-word-body {
        max-width: 70.2rem;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .searchbox-page .searchbox-page_top {
        background: repeating-linear-gradient(
                90deg,
                #f0f0f0,
                #f0f0f0 0.9rem,
                #e7e3e0 0.9rem,
                #e7e3e0 1rem
        );
    }

    .searchbox-page .searchbox-page_top .searchbox_in {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .searchbox-page .searchbox-page_top .searchbox_in.-p203 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .searchbox-page .searchbox-page_top .searchbox_in.-p203 .related-word__in {
        height: 10.5rem;
        overflow: hidden;
    }

    .searchbox-page
    .searchbox-page_top
    .searchbox_in
    .select-wrap
    .selectric-wrapper {
        width: 12.7rem;
    }

    .searchbox-page .searchbox-page_top .searchbox_in .select-wrap select {
        width: 12.7rem;
    }

    .searchbox-page .searchbox-page_top .searchbox_in .search-wrap {
        width: calc(100% - 4rem - 12.7rem);
    }

    .searchbox-page
    .searchbox-page_top
    .searchbox_in
    .search-wrap
    input::-webkit-input-placeholder {
        color: transparent;
    }

    .searchbox-page
    .searchbox-page_top
    .searchbox_in
    .search-wrap
    input::-moz-input-placeholder {
        color: transparent;
    }

    .searchbox-page .searchbox-page_top .searchbox_in .l-keyword {
        margin-bottom: 2rem;
        font-size: 1.4rem;
        line-height: 1.6rem;
    }

    .searchbox-page .searchbox-page_top .searchbox_in .l-keyword .kw {
        font-size: 1.4rem;
        line-height: 1.6rem;
    }

    .searchbox-page .searchbox-page_top .searchbox_in .related-word {
        margin-top: 0.8rem;
    }

    .searchbox-page
    .searchbox-page_top
    .searchbox_in
    .related-word
    .related-word__in {
        display: block;
    }

    .searchbox-page
    .searchbox-page_top
    .searchbox_in
    .related-word
    .related-word__in
    .related-word-label {
        text-align: left;
        font-size: 1.4rem;
        line-height: 1.9rem;
        margin-bottom: 0.6rem;
        margin-right: 0.6rem;
        display: inline;
    }

    .searchbox-page
    .searchbox-page_top
    .searchbox_in
    .related-word
    .related-word__in
    .related-word-body {
        display: inline;
    }

    .searchbox-page
    .searchbox-page_top
    .searchbox_in
    .related-word
    .related-word__in
    .related-word-body
    .related-word__item {
        font-size: 1.4rem;
        line-height: 3rem;
        height: 3rem;
        padding: 0 1rem;
        display: inline-block;
        margin-right: 0.6rem;
        margin-bottom: 0.6rem;
    }

    .searchbox-page
    .searchbox-page_top
    .searchbox_in
    .related-word
    .related-word__in
    .related-word-body
    .related-word__item:nth-child(n + 6) {
        display: none;
    }
}

.searchbox-page .advanced-search-filter {
    background-color: #ffffff;
}

.searchbox-page .advanced-search-filter .selectric-wrapper .selectric .label {
    color: #505960;
}

.searchbox-page .advanced-search-filter .asf-top {
    background-color: rgba(142, 96, 58, 0.4);
    height: 3.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.8rem;
    padding: 0 2rem;
    padding-right: 1.3rem;
}

.searchbox-page .advanced-search-filter .asf-top .asf-text {
    font-family: "ArVo", sans-serif;
    font-size: 1.9rem;
    line-height: 2.4rem;
    letter-spacing: 0.01em;
}

.searchbox-page .advanced-search-filter .asf-bottom {
    /*display: none;*/
}

.searchbox-page .advanced-search-filter .asf-bottom__in {
    max-width: 88rem;
    width: 100%;
    padding: 0.4rem 2rem;
    margin-left: auto;
    margin-right: auto;
}

.searchbox-page .advanced-search-filter .asf-bottom .asf-category {
    background-color: #e6e6e6;
    padding: 2rem 0;
}

.searchbox-page .advanced-search-filter .asf-bottom .asf-category__item {
    margin-bottom: 1.4rem;
}

.searchbox-page
.advanced-search-filter
.asf-bottom
.asf-category__item
.select-wrap {
    width: 100%;
    margin-left: auto;
}

.searchbox-page
.advanced-search-filter
.asf-bottom
.asf-category__item.-item1
.asf-category__name {
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: bold;
}

.searchbox-page
.advanced-search-filter
.asf-bottom
.asf-category__item:not(:first-child)
.select-wrap {
    position: relative;
}

.searchbox-page
.advanced-search-filter
.asf-bottom
.asf-category__item:not(:first-child)
.select-wrap::before {
    content: "";
    position: absolute;
    background: url("../img/common/icon-goto.svg") no-repeat center/contain;
    width: 1.8rem;
    height: 1.8rem;
    display: inline-block;
    left: -1rem;
    top: 0;
    transform: translateX(-100%);
}

.searchbox-page
.advanced-search-filter
.asf-bottom
.asf-category__item:nth-child(2)
.select-wrap {
    max-width: 66.5rem;
}

.searchbox-page
.advanced-search-filter
.asf-bottom
.asf-category__item:nth-child(3)
.select-wrap {
    max-width: 63rem;
}

.searchbox-page
.advanced-search-filter
.asf-bottom
.asf-category__item:nth-child(4)
.select-wrap {
    max-width: 59rem;
}

.searchbox-page
.advanced-search-filter
.asf-bottom
.asf-category__item:nth-child(5)
.select-wrap {
    max-width: 82rem;
}

.searchbox-page
.advanced-search-filter
.asf-bottom
.asf-category__item:last-child {
    margin-bottom: 0;
}

.searchbox-page .advanced-search-filter .asf-bottom .asf-category .btn-wrap {
    margin-top: 1.7rem;
    text-align: right;
}

.searchbox-page
.advanced-search-filter
.asf-bottom
.asf-certification
.asf-item__in {
    align-items: baseline;
}

.searchbox-page
.advanced-search-filter
.asf-bottom
.asf-certification
.asf-cer__input {
    display: flex;
    align-items: center;
    gap: 4rem;
}

.searchbox-page
.advanced-search-filter
.asf-bottom
.asf-certification
.asf-cer__item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.searchbox-page
.advanced-search-filter
.asf-bottom
.asf-certification
.asf-cer__item-name {
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-weight: 600;
    margin-bottom: 1.2rem;
    text-align: center;
}

.searchbox-page
.advanced-search-filter
.asf-bottom
.asf-certification
.asf-cer__item-box {
    width: 20.9rem;
    height: 13rem;
    overflow-y: scroll;
    border: 0.11rem solid #aaa07a;
    padding: 1.5rem;
    padding-right: 0.3rem;
    background-color: #ffffff;
}

.searchbox-page
.advanced-search-filter
.asf-bottom
.asf-certification
.asf-cer__item-box
ul
li {
    line-height: 1;
    display: block;
    width: 100%;
}

.searchbox-page
.advanced-search-filter
.asf-bottom
.asf-certification
.asf-cer__item-box
ul
li:not(:last-child) {
    margin-bottom: 1.3rem;
}

.searchbox-page
.advanced-search-filter
.asf-bottom
.asf-certification
.asf-cer__and-text {
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 1.1rem;
}

.searchbox-page .advanced-search-filter .asf-bottom .asf-item {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    background-color: #e6e6e6;
}

.searchbox-page .advanced-search-filter .asf-bottom .asf-item .btn-wrap {
    margin-top: 1.7rem;
    text-align: right;
}

.searchbox-page .advanced-search-filter .asf-bottom .asf-item ul.list-choose {
    display: flex;
    flex-wrap: wrap;
}

.searchbox-page
.advanced-search-filter
.asf-bottom
.asf-item
ul.list-choose
li {
    min-width: 25%;
    min-width: 18.2rem;
}

.searchbox-page .advanced-search-filter .asf-bottom .asf-item:nth-child(2n) {
    background-color: #f0f0f0;
}

.searchbox-page .advanced-search-filter .asf-bottom .asf-item__in {
    max-width: 109rem;
    width: 100%;
    padding: 0 1.3rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 1.3rem;
    min-height: 4rem;
}

.searchbox-page .advanced-search-filter .asf-bottom .asf-item__in-bottom {
    max-width: 87rem;
    justify-content: end;
}

.searchbox-page .advanced-search-filter .asf-bottom .asf-item__in .asf__name {
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-weight: bold;
}

.searchbox-page
.advanced-search-filter
.asf-bottom
.asf-item__in
.asf__name
span {
    font-weight: 400;
    display: block;
}

.searchbox-page
.advanced-search-filter
.asf-bottom
.asf-item__in
.asf__name
.asf-left {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    text-align: left;
    font-weight: bold;
}

.searchbox-page .advanced-search-filter .asf-bottom .asf-item__in .asf-input {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
}

.searchbox-page
.advanced-search-filter
.asf-bottom
.asf-item__in
.asf-input
ul.list-choose {
    line-height: 1;
}

.searchbox-page
.advanced-search-filter
.asf-bottom
.asf-item__in
.asf-input
ul.list-choose
li {
    line-height: 1;
    display: inline-block;
}

.searchbox-page .advanced-search-filter .asf-bottom .asf-price .asf-item__in {
    align-items: baseline;
}

.searchbox-page .advanced-search-filter .asf-bottom .asf-price .list-price {
    line-height: 1;
}

.searchbox-page .advanced-search-filter .asf-bottom .asf-price .list-price li {
    line-height: 1;
}

.searchbox-page .advanced-search-filter .asf-bottom .asf-action {
    padding-top: 2.7rem;
    padding-bottom: 2rem;
}

.searchbox-page .advanced-search-filter .asf-bottom .asf-action__in {
    max-width: 86rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}

.searchbox-page .advanced-search-filter .asf-bottom .asf-action__in .btn-reset {
    margin-top: 1.4rem;
}

@media screen and (max-width: 767px) {
    .searchbox-page .advanced-search-filter .asf-top {
        height: 4rem;
    }

    .searchbox-page .advanced-search-filter .asf-top .asf-text {
        font-size: 1.8rem;
        line-height: 2.1rem;
    }

    .searchbox-page .advanced-search-filter .asf-bottom .asf-item {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .searchbox-page .advanced-search-filter .asf-bottom .asf-item .btn-wrap {
        margin-top: 1rem;
        text-align: center;
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-item
    ul.list-choose
    li {
        min-width: 50%;
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-item
    ul.list-choose
    li:not(:nth-child(-n + 2)) {
        margin-top: 2rem;
    }

    .searchbox-page .advanced-search-filter .asf-bottom .asf-item__in {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .searchbox-page .advanced-search-filter .asf-bottom .asf-item__in-bottom {
        justify-content: center;
    }

    .searchbox-page .advanced-search-filter .asf-bottom .asf-item__in .asf__name {
        font-size: 1.4rem;
        line-height: 1.9rem;
    }

    .searchbox-page .advanced-search-filter .asf-bottom .asf-item__in .asf-input {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }

    .searchbox-page .advanced-search-filter .asf-bottom .asf-category {
        padding-top: 2rem;
        padding-bottom: 1rem;
    }

    .searchbox-page .advanced-search-filter .asf-bottom .asf-category .btn-wrap {
        margin-top: 1rem;
        text-align: center;
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-category__item.-item1
    .asf-category__name {
        font-size: 1.4rem;
        line-height: 1.5rem;
        margin-bottom: 0.8rem;
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-category__item:not(:first-child)
    .select-wrap::before {
        background: url("../img/common/icon-goto_sp.svg") no-repeat center/contain;
        width: 1rem;
        height: 1rem;
        left: -0.2rem;
        top: 50%;
        transform: translateX(-100%) translateY(-50%);
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-category__item:nth-child(2)
    .select-wrap {
        max-width: calc(100% - 1.2rem);
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-category__item:nth-child(3)
    .select-wrap {
        max-width: calc(100% - 2.4rem);
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-category__item:nth-child(4)
    .select-wrap {
        max-width: calc(100% - 3.6rem);
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-category__item:nth-child(5)
    .select-wrap {
        max-width: calc(100% - 4.8rem);
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-certification
    .asf-cer__input {
        flex-wrap: wrap;
        gap: 1rem;
        justify-content: center;
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-certification
    .asf-cer__item {
        width: 100%;
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-certification
    .asf-cer__item-name {
        font-size: 1.4rem;
        line-height: 1.9rem;
        margin-bottom: 0.8rem;
        text-align: left;
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-certification
    .asf-cer__item-box {
        padding: 1rem 2rem;
        height: 13.9rem;
        width: 100%;
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-certification
    .asf-cer__item-box
    ul
    li {
        display: block;
        width: 100%;
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-certification
    .asf-cer__and::after {
        display: block; /* 20230217 */
        clear: both; /* 20230217 */
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-certification
    .asf-cer__and-text {
        font-size: 1.4rem;
        margin-bottom: 0.6rem;
        line-height: 1.9rem;
        margin-bottom: 0; /* 20230217 */
        margin-right: 1rem; /* 20230217 */
        float: left; /* 20230217 */
        margin-top: calc(34px - 1vw - 7px); /* 20230217 */
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-certification
    .asf-cer__and-img {
        /* 20230217 */
        float: left;
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-certification
    .asf-cer__and-img
    img {
        width: 4.5rem;
        height: auto;
    }

    .searchbox-page .advanced-search-filter .asf-bottom .asf-action {
        background-color: #f0f0f0;
    }

    .searchbox-page .advanced-search-filter .asf-bottom .asf-action__in {
        justify-content: center;
        align-items: center;
    }
}

@media screen and (min-width: 768px) {
    .searchbox-page .advanced-search-filter .asf-top {
        padding-left: 11.2rem;
        gap: 5.4rem;
    }

    .searchbox-page .advanced-search-filter .asf-bottom .asf-item ul.list-choose {
        gap: 1.4rem 0;
        flex-wrap: wrap;
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-item
    ul.list-choose
    li {
        /* &:nth-child(n+5){
        margin-top: 2rem;
    } */
    }

    .searchbox-page .advanced-search-filter .asf-bottom .asf-item__in .asf__name {
        width: 25%;
        text-align: right;
    }

    .searchbox-page .advanced-search-filter .asf-bottom .asf-item__in .asf-input {
        width: 75%;
        padding: 0.57rem 0;
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-location
    .asf-item__in {
        align-items: center;
    }

    .searchbox-page .advanced-search-filter .asf-bottom .asf-location .asf-input {
        display: flex;
        gap: 2rem;
        align-content: center;
        padding: 3rem 0;
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-location
    .asf-input
    .select-of-location {
        width: 22rem;
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-location
    .asf-input
    .btn-wrap {
        align-self: center;
        margin-top: 0;
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-category__item
    .select-wrap {
        max-width: 104rem;
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-category__item.-item1 {
        display: flex;
        align-items: center;
        gap: 1.5rem;
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-category__item.-item1
    .asf-category__name {
        text-align: right;
        width: calc(100% - 70rem);
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-price
    .asf-item__in
    .asf-input,
    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-best-before
    .asf-item__in
    .asf-input,
    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-trans-temp
    .asf-item__in
    .asf-input {
        padding-top: 1.4rem;
        padding-bottom: 1.4rem;
    }

    .searchbox-page
    .advanced-search-filter
    .asf-bottom
    .asf-certification
    .asf-item__in
    .asf-input {
        padding-top: 1.3rem;
        padding-bottom: 0;
    }

    .searchbox-page .advanced-search-filter .asf-bottom .asf-item__in-bottom {
        padding-bottom: 1.3rem;
    }
}

.search-result_content {
    padding-top: 2.3rem;
    background-color: #f7f7f7;
    background-image: radial-gradient(
            circle at 0.27rem 0.27rem,
            #e3e3e3 0.135rem,
            #fbfbfb 0
    );
    background-size: 1.7rem 1.7rem;
}

.search-result_content .inner {
    max-width: 110rem;
}

.search-result_content .search-result_heading-wrap {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.search-result_content .search-result_heading .v-result {
    display: flex;
    align-items: baseline;
}

.search-result_content .search-result_heading .v-result__label {
    font-size: 1.9rem;
    line-height: 2.4rem;
    font-family: "ArVo", sans-serif;
    letter-spacing: 0.02em;
}

.search-result_content .search-result_heading .v-result__number {
    margin-left: 2rem;
    font-size: 4.7rem;
    line-height: 9rem;
    line-height: 1;
    font-family: "futura-pt-cond", sans-serif;
    font-weight: bold;
    color: #aaa07a;
}

.search-result_content .search-result_heading .v-result__number:only-child {
    margin-left: 0;
}

.search-result_content .search-result_heading .v-result__number span {
    font-size: 1.9rem;
    line-height: 2.4rem;
    font-family: "ArVo", sans-serif;
    font-weight: 400;
    letter-spacing: 0.02em;
    margin-left: 0.4rem;
}

.search-result_content .search-result_heading .btn-wrap {
    display: flex;
    align-items: flex-end;
    gap: 2.2rem;
}

.search-result_content .search-result_heading .btn-wrap .sort-view__item {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.search-result_content .follow-view_action {
    margin-top: 3.8rem;
}

.search-result_content .follow-view_action-wrap {
    display: flex;
    justify-content: flex-end;
}

.search-result_content .product-view__action {
    margin-top: 1.4rem;
}

.search-result_content .product-view__action-wrap {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.search-result_content .product-view__action-wrap .sort-view {
    display: flex;
    align-items: flex-end;
    gap: 2.3rem;
}

.search-result_content .product-view__action-wrap .sort-view__item {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.search-result_content .product-view__action-wrap .sort-view__item-label {
    font-size: 1.4rem;
    line-height: 1.9rem;
    margin-bottom: 0.8rem;
}

.search-result_content .product,
.search-result_content .suppliers {
    margin-top: 3.7rem;
    padding-bottom: 6rem;
}

@media screen and (max-width: 767px) {
    .search-result_content {
        background-image: radial-gradient(
                circle at 0.2rem 0.2rem,
                #e3e3e3 0.1rem,
                #f7f7f7 0
        );
        background-size: 1.3rem 1.3rem;
        padding-top: 2.7rem;
    }

    .search-result_content .product,
    .search-result_content .suppliers {
        margin-top: 2rem;
    }

    .search-result_content .search-result_heading {
        align-items: flex-start;
    }

    .search-result_content .search-result_heading .v-result {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .search-result_content .search-result_heading .v-result__label {
        font-size: 1.4rem;
        line-height: 1.6rem;
    }

    .search-result_content .search-result_heading .v-result__number {
        font-size: 2.6rem;
        line-height: 2.4rem;
        margin-left: 0;
        margin-top: 1.5rem;
    }

    .search-result_content .search-result_heading .v-result__number span {
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin-left: 0.5rem;
    }

    .search-result_content .search-result_heading .btn-wrap .btn {
        width: 14rem;
        height: 3rem;
    }

    .search-result_content .search-result_heading .btn-wrap .btn .btn-text {
        font-size: 1.2rem;
    }

    .search-result_content .product-view__action {
        /* margin-top: -2rem; */
    }

    .search-result_content .product-view__action-wrap {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .search-result_content .product-view__action-wrap .select-view {
        margin-left: auto;
        margin-right: auto;
    }

    .search-result_content .product-view__action.no-margin {
        margin-top: 2rem;
    }

    .search-result_content .follow-view_action {
        margin-top: -2rem;
    }

    .search-result_content .follow-view_action.no-content-left {
        margin-top: 2rem;
    }

    .search-result_content .product,
    .search-result_content .suppliers {
        margin-top: 2rem;
        padding-bottom: 5rem;
    }
}

.product .product-inner {
    max-width: 155rem;
    padding: 0 2rem;
    max-width: 109rem;
    padding: 0 3.4rem;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 767px) {
    .product .product-inner {
        padding: 0 1.8rem;
    }
}

.product .product-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1rem;
}

.product-list.p-slide:not(.slick-initialized) .product-item:nth-child(n + 5) {
    display: none;
}

.product .product-list .product-item {
    width: 25%;
    padding: 0 1rem;
}

.product .product-list .product-item:not(:nth-child(-n + 4)) {
    margin-top: 2.2rem;
}

.product .product-list .product-item .product-item__in {
    padding: 0.6rem;
    background-color: #ffffff;
    border: 0.22rem solid transparent;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-width: 2.2px;
}

.product .product-list .product-item .product-item__in .product-thumb img {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    max-height: 23rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.product .product-list .product-item .product-item__in .product-info {
    align-self: baseline;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product .product-list .product-item .product-item__in .product-cer {
    display: none;
    color: #505960;
}

.product .product-list .product-item .product-item__in .product-body {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.product
.product-list
.product-item
.product-item__in
.product-body
.product-name {
    color: #505960;
    flex: 1;
}

.product .product-list .product-item .product-item__in .product-name {
    text-align: left;
    font-size: 1.4rem;
    line-height: 2.8rem;
    line-height: 2.2rem;
    font-weight: bold;
    color: #505960;
    /* word-break: break-all; */
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 0.15rem;
    margin: -0.15rem;
    padding-top: 0.75rem;
}

.product .product-list .product-item .product-item__in .product-name a {
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.product
.product-list
.product-item
.product-item__in
.product-name:only-child {
    min-height: 7rem;
}

.product .product-list .product-item .product-item__in .product-info {
    text-align: right;
    word-break: break-word;
    line-height: 1;
    width: 100%;
    color: #505960;
}

.product .product-list .product-item .product-item__in span.udline {
    border-bottom: 0.22rem solid transparent;
}

.product .product-list .product-item .product-item__in .product-com {
    align-self: end;
    font-weight: 400;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    padding: 0.22rem;
    margin: -0.22rem;
    font-size: 1.4rem;
    line-height: 2.6rem;
    color: #505960;
    /* word-break: break-all; */
}

.product .product-list .product-item .product-item__in .product-com.only-listv {
    display: none;
}

.product .product-list .product-item .product-item__in .product-price {
    font-size: 1.4rem;
    line-height: 2.6rem;
    text-align: right;
    color: #505960;
}

@media screen and (min-width: 768px) {
    .product .product-list .product-item .product-item__in .product-price .unit {
        display: inline-block;
    }
}

.product
.product-list
.product-item
.product-item__in
.product-price
.best-before {
    display: none;
}

.product .product-list .product-item .product-item__in .btn-add {
    margin-top: 0.9rem;
    text-align: center;
    width: 100%;
    position: relative;
    z-index: 3;
}

.product .product-list .product-item .product-item__in .btn-add .text-fl {
    display: none;
}

.product .product-list .product-item .product-item__in:hover {
    border-color: #aaa07a;
}

.product .product-list .product-item .product-item__in:hover span.udline {
    border-bottom-color: #aaa07a;
}

@media screen and (max-width: 767px) {
    .product .product-list {
        margin: 0 -0.1rem;
        width: auto;
    }

    .product .product-list .product-item {
        width: 50%;
        padding: 0 0.1rem;
    }

    .product .product-list .product-item:not(:nth-child(-n + 2)) {
        margin-top: 0.7rem;
    }

    .product .product-list .product-item .product-item__in {
        padding: 0.9rem;
        border-width: 0.17rem;
        border-width: 1.7px;
    }

    .product .product-list .product-item .product-item__in .product-name {
        font-size: 1.2rem;
        line-height: 1.7rem;
        padding: 0.11rem;
        margin: -0.11rem;
        padding-top: 0.6rem;
    }

    .product
    .product-list
    .product-item
    .product-item__in
    .product-name:only-child {
        min-height: 4.4rem;
    }

    .product .product-list .product-item .product-item__in span.udline {
        border-bottom-width: 0.11rem;
    }

    .product .product-list .product-item .product-item__in .product-com {
        margin-top: 0;
        font-size: 1.2rem;
        line-height: 2rem;
        padding: 0.11rem;
        margin: -0.11rem;
    }

    .product .product-list .product-item .product-item__in .product-price {
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .product .product-list .product-item .product-item__in .btn-add {
        margin-top: 0.6rem;
    }
}

.l-list_view__heading {
    display: none;
}

.l-list_view
.product-list
.product-item
.product-item__in
.product-price
.unit {
    /*display: none;*/
}

@media screen and (min-width: 768px) {
    .l-list_view .product-inner {
        max-width: 123rem;
    }

    .l-list_view .product-list {
        background-color: #ffffff;
        margin: 0;
    }

    .l-list_view .product-list .product-item {
        width: 100%;
        padding: 0;
    }

    .l-list_view .product-list .product-item:not(:nth-child(-n + 4)) {
        margin: 0;
    }

    .l-list_view .product-list .product-item .product-item__in {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-left: 6.7rem;
        padding-right: 6.7rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        margin-left: auto;
        margin-right: auto;
        gap: 4.7rem;
        justify-content: space-between;
        /*  &:hover {
       .product-cer {
         li {
           span {
             border-bottom-color: $primary-color;
           }
         }
       }
     } */
    }

    .l-list_view .product-list .product-item .product-item__in .btn-add {
        order: 1;
        margin-top: 0;
        width: 10.1rem;
    }

    .l-list_view .product-list .product-item .product-item__in .btn-add .text-fl {
        display: block;
    }

    .l-list_view .product-list .product-item .product-item__in .btn-add .text-ft {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 1400px) and (min-width: 768px) {
    .l-list_view .product-list .product-item .product-item__in {
        padding-left: 6.7rem;
        padding-right: 6.7rem;
        gap: 3rem;
    }

    .l-list_view .product-list .product-item .product-item__in .btn-add {
        width: 10.1rem;
    }

    .l-list_view
    .product-list
    .product-item
    .product-item__in
    .btn-add
    .btn-add__text::before {
        margin-right: 1rem;
    }
}

@media screen and (min-width: 768px) {
    .l-list_view .product-list .product-item .product-item__in .product-thumb {
        order: 2;
    }

    .l-list_view
    .product-list
    .product-item
    .product-item__in
    .product-thumb
    .img {
        width: 6.7rem;
        height: 6.7rem;
        background-color: #ffffff;
    }
}

@media screen and (min-width: 768px) and (max-width: 1400px) and (min-width: 768px) {
    .l-list_view
    .product-list
    .product-item
    .product-item__in
    .product-thumb
    .img {
        width: 7.5rem;
        height: 7.5rem;
    }
}

@media screen and (min-width: 768px) {
    .l-list_view
    .product-list
    .product-item
    .product-item__in
    .product-thumb
    .img
    img {
        width: 100%;
        height: auto;
        -o-object-fit: contain;
        object-fit: contain;
    }
}

@media screen and (min-width: 768px) {
    .l-list_view .product-list .product-item .product-item__in .product-info {
        order: 3;
        align-self: center;
    }
}

@media screen and (min-width: 768px) and (max-width: 1400px) and (min-width: 768px) {
    .l-list_view .product-list .product-item .product-item__in .product-info {
        width: 25%;
        flex: inherit;
    }
}

@media screen and (min-width: 768px) {
    .l-list_view
    .product-list
    .product-item
    .product-item__in
    .product-info
    .product-name {
        text-align: left;
        padding-top: 0;
        font-size: 1.4rem;
        line-height: 2.6rem;
    }
}

@media screen and (min-width: 768px) {
    .l-list_view
    .product-list
    .product-item
    .product-item__in
    .product-info
    .product-com {
        text-align: left;
        margin-top: 0;
        display: block;
        align-self: start;
    }
}

@media screen and (min-width: 768px) {
    .l-list_view .product-list .product-item .product-item__in .product-price {
        order: 4;
        text-align: left;
        align-self: center;
    }

    .l-list_view
    .product-list
    .product-item
    .product-item__in
    .product-price
    .best-before {
        display: block;
    }

    .l-list_view
    .product-list
    .product-item
    .product-item__in
    .product-price
    .price {
        font-weight: 600;
    }
}

@media screen and (min-width: 768px) {
    .l-list_view .product-list .product-item .product-item__in .product-cer {
        display: block;
        order: 5;
    }

    .l-list_view .product-list .product-item .product-item__in .product-cer ul {
        display: flex;
        flex-direction: column;
    }

    .l-list_view
    .product-list
    .product-item
    .product-item__in
    .product-cer
    ul
    li {
        align-self: baseline;
    }
}

@media screen and (min-width: 768px) {
    .l-list_view .l-list_view-inner {
        background-color: #ffffff;
        padding: 2.7rem 0;
    }

    .l-list_view .l-list_view-inner .td-product-add {
        width: 9.868%;
    }

    .l-list_view .l-list_view-inner .td-product-thumb {
        width: 6.579%;
    }

    .l-list_view .l-list_view-inner .td-product-info,
    .l-list_view
    .l-list_view-inner
    .product-list
    .product-item
    .product-item__in
    .product-info {
        width: 30.921%;
        flex: 1;
    }
}

@media screen and (min-width: 768px) and (max-width: 1400px) and (min-width: 768px) {
    .l-list_view .l-list_view-inner .td-product-info,
    .l-list_view
    .l-list_view-inner
    .product-list
    .product-item
    .product-item__in
    .product-info {
        width: 25%;
    }
}

@media screen and (min-width: 768px) {
    .l-list_view .l-list_view-inner .td-product-price {
        width: 14.802%;
    }
}

@media screen and (min-width: 768px) {
    .l-list_view .l-list_view-inner .td-product-cer {
        width: 17.565%;
        width: 18rem;
    }
}

@media screen and (min-width: 768px) {
    .l-list_view .l-list_view-inner .td-product-add .td-label,
    .l-list_view .l-list_view-inner .td-product-thumb .td-label {
        display: block;
        text-indent: -9999em;
    }
}

@media screen and (min-width: 768px) {
    .l-list_view .l-list_view__heading {
        display: block;
        padding-bottom: 2rem;
        padding-left: 6.7rem;
        padding-right: 6.7rem;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2.7rem;
        display: flex;
        gap: 4.7rem;
        position: relative;
        justify-content: space-between;
    }
}

@media screen and (min-width: 768px) and (max-width: 1400px) and (min-width: 768px) {
    .l-list_view .l-list_view__heading {
        padding-left: 6.7rem;
        padding-right: 6.7rem;
        gap: 3rem;
    }
}

@media screen and (min-width: 768px) {
    .l-list_view .l-list_view__heading::after {
        position: absolute;
        content: "";
        border-bottom: 0.11rem solid #acafb1;
        left: 6rem;
        right: 6rem;
        bottom: 0;
        height: 0.11rem;
    }
}

@media screen and (min-width: 768px) {
    .l-list_view .l-list_view__heading > div {
        font-size: 1.4rem;
        line-height: 2.2rem;
        font-weight: bold;
    }

    .l-list_view .l-list_view__heading > div span {
        display: block;
        font-weight: 400;
    }

    .l-list_view .l-list_view__heading > div .cer-light {
        font-weight: 300;
    }
}

@media screen and (min-width: 768px) {
    .l-list_view .l-list_view__heading table {
        table-layout: fixed;
        width: 100%;
    }

    .l-list_view .l-list_view__heading table tbody {
        width: 100%;
    }

    .l-list_view .l-list_view__heading table td {
        font-size: 1.8rem;
        line-height: 3.3rem;
        font-weight: bold;
    }

    .l-list_view .l-list_view__heading table td span {
        display: block;
        font-weight: 400;
    }

    .l-list_view .l-list_view__heading table td .cer-light {
        font-weight: 300;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .l-list_view .l-list_view__heading {
        padding-left: 6rem;
        padding-right: 6rem;
    }

    .l-list_view .product-list .product-item .product-item__in {
        padding-left: 6rem;
        padding-right: 6rem;
    }
}

@media screen and (max-width: 767px) {
    .l-list_view .btn-add .btn-add__text {
        text-indent: -9999em;
    }

    .l-list_view .product-inner {
        padding: 0 1.3rem;
    }

    .l-list_view .product-list {
        background-color: #ffffff;
    }

    .l-list_view .product-list .product-item {
        width: 100%;
        padding: 0;
    }

    .l-list_view .product-list .product-item:not(:nth-child(-n + 4)) {
        margin: 0;
    }

    .l-list_view .product-list .product-item .product-item__in {
        display: grid;
        gap: 0 1rem;
        position: relative;
        grid-template-columns: 10rem auto;
        padding: 1rem 1.3rem;
    }

    .l-list_view .product-list .product-item .product-item__in .btn-add {
        order: 1;
        margin-top: 0;
        position: absolute;
        right: 1.3rem;
        bottom: 1.3rem;
        width: 4rem;
        height: 4rem;
        min-width: auto;
    }

    .l-list_view
    .product-list
    .product-item
    .product-item__in
    .btn-add
    .btn-add__text::before {
        margin-right: 0;
    }

    .l-list_view .product-list .product-item .product-item__in .btn-add .text-fl {
    display: flex;
    font-size: 0;
    }

    .l-list_view .product-list .product-item .product-item__in .btn-add .text-ft {
        display: none;
    }

    .l-list_view .product-list .product-item .product-item__in .product-thumb {
        grid-column: 1/2;
        grid-row: 1/6;
    }

    .l-list_view .product-list .product-item .product-item__in .product-info {
        grid-column: 2/3;
        grid-row: 1/3;
    }

    .l-list_view .product-list .product-item .product-item__in .product-name {
        text-align: left;
        padding-top: 0;
        font-size: 1.2rem;
        line-height: 1.7rem;
    }

    .l-list_view .product-list .product-item .product-item__in .product-com {
        text-align: left;
        margin-top: 0;
        display: block;
        font-size: 1.2rem;
        line-height: 1.8rem;
        align-self: flex-start;
        grid-column: 2/3;
        grid-row: 4/5;
        padding-right: 4.5rem;
    }

    .l-list_view
    .product-list
    .product-item
    .product-item__in
    .product-com.only-listv {
        display: block;
        margin-top: 1rem;
    }

    .l-list_view
    .product-list
    .product-item
    .product-item__in
    .product-com.only-tilev {
        display: none;
    }

    .l-list_view .product-list .product-item .product-item__in .product-price {
        grid-column: 2/3;
        grid-row: 5/6;
        text-align: left;
        padding-right: 4.5rem;
        font-weight: bold;
    }

    .l-list_view
    .product-list
    .product-item
    .product-item__in
    .product-price
    .best-before {
        display: none;
    }

    .l-list_view .product-list .product-item .product-item__in .product-cer {
        grid-column: 2/3;
        grid-row: 3/4;
        display: block;
        font-size: 1.2rem;
        line-height: 1.7rem;
        font-weight: bold;
        padding-left: 1.3rem;
    }

    .l-list_view
    .product-list
    .product-item
    .product-item__in
    .product-cer
    ul
    li {
        position: relative;
    }

    .l-list_view
    .product-list
    .product-item
    .product-item__in
    .product-cer
    ul
    li::before {
        content: "・";
        position: absolute;
        left: -1rem;
    }
}

.product-section .product-section-head .inner {
    max-width: 110rem;
}

@media screen and (min-width: 768px) {
    .product-section .product-section-head .inner {
        padding-left: 3.4rem;
        padding-right: 3.4rem;
    }
}

.product-section .product-section-head__wrap {
    position: relative;
}

.product-section .product-section__ttl {
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-family: "ArVo", sans-serif;
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.product-section .product-section__ttl::before {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
}

.product-section .product-section__ttl.supplier-product__ttl {
    align-items: center;
    gap: 1rem;
}

.product-section .product-section__ttl.supplier-product__ttl::before {
    background-image: url("../img/common/icon-supplier-product_pc.svg");
    width: 1.8rem;
    height: 2rem;
}

.product-section .product-section__ttl.related-product-ttl::before {
    background-image: url("../img/common/icon-special.svg");
}

@media screen and (max-width: 767px) {
    .product-section .product-section-head__top {
        display: flex;
        flex-direction: column-reverse;
        gap: 2.4rem;
    }

    .product-section .center-sp {
        justify-content: center;
        flex-direction: row;
    }
}

@media screen and (min-width: 768px) {
    .product-section .product-section__ttl {
        font-size: 1.9rem;
        line-height: 2.4rem;
        gap: 2.8rem;
        position: relative;
    }

    .product-section .product-section__ttl::before {
        width: 1.5rem;
        height: 1.8rem;
        position: absolute;
        left: -3.2rem;
    }

    .product-section .product-section__ttl.supplier-product__ttl::before {
        width: 2.36rem;
        height: 2.52rem;
        position: absolute;
        left: -4.77rem;
        top: 0.3rem;
    }
}

.product-section .entry-header .price-note {
    padding-left: 1rem;
}

@media screen and (max-width: 767px) {
    .product-section .entry-header .price-note {
        padding-left: 0;
        font-size: 1rem;
        line-height: 1.9rem;
    }
}

.p-catalog-archive-wrap {
    padding-bottom: 0;
}

.p-catalog-archive-wrap .entry-footer {
    padding-left: 2rem;
    padding-right: 2rem;
}

.p-catalog-archive .catalog-date {
    margin-top: 3.3rem;
    padding-top: 3rem;
    padding-bottom: 3.7rem;
    background: repeating-linear-gradient(
            90deg,
            #f0f0f0,
            #f0f0f0 1.5rem,
            #e7e3e0 1.5rem,
            #e7e3e0 1.6rem
    );
    background-color: #f0f0f0;
}

.p-catalog-archive .catalog-date .catalog-date__list {
    display: flex;
    justify-content: center;
    gap: 6rem;
}

.p-catalog-archive
.catalog-date
.catalog-date__list
.catalog-date__item
.catalog-date_link {
    font-family: "futura-pt-cond", sans-serif;
    font-size: 3.3rem;
    line-height: 1;
    font-weight: bold;
    color: #94989b;
    display: block;
    border-bottom: 0.22rem solid transparent;
}

.p-catalog-archive
.catalog-date
.catalog-date__list
.catalog-date__item
.catalog-date_link:hover {
    border-bottom-color: #aaa07a;
}

.p-catalog-archive
.catalog-date
.catalog-date__list
.catalog-date__item.active
.catalog-date_link {
    border-bottom-color: #aaa07a;
}

.p-catalog-archive .catalogs-archive__content {
    background-color: #ffffff;
    padding-top: 4.4rem;
    padding-bottom: 7.4rem;
}

.p-catalog-archive .catalogs-archive__content .inner {
    width: 100%;
    max-width: 110rem;
    padding: 0 1.3rem;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 767px) {
    .p-catalog-archive .catalog-date {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
        background: repeating-linear-gradient(
                90deg,
                #f0f0f0,
                #f0f0f0 1.4rem,
                #e7e3e0 1.4rem,
                #e7e3e0 1.6rem
        );
    }

    .p-catalog-archive .catalog-date .catalog-date__list {
    gap: 3rem;
    }

    .p-catalog-archive
    .catalog-date
    .catalog-date__list
    .catalog-date__item
    .catalog-date_link {
        font-size: 2.4rem;
    }

    .p-catalog-archive .catalogs-archive__content {
        padding-top: 0;
        padding-bottom: 4rem;
    }

    .p-catalog-archive .catalogs-archive__content .inner {
        padding: 0;
    }
}

.catalogs-list .catalogs-article {
    padding-top: 2.3rem;
    padding-bottom: 2.3rem;
}

.catalogs-list .catalogs-article:not(:last-child) {
    border-bottom: 0.11rem solid #acafb1;
}

.catalogs-list .catalogs-article .thumb {
    align-self: baseline;
    position: relative;
}

.catalogs-list .catalogs-article .thumb::after {
    content: "";
    position: absolute;
    left: -0.1rem;
    top: -0.1rem;
    bottom: -0.1rem;
    right: -0.1rem;
    border: 0.1rem solid #acafb1;
}

.catalogs-list .catalogs-article .thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.catalogs-list .catalogs-article .text .catalog-ttl {
    text-align: center;
    font-size: 1.9rem;
    line-height: 2.2rem;
    font-weight: bold;
}

.catalogs-list .catalogs-article .text .catalog-ttl span {
    border-bottom: 0.22rem solid transparent;
}

.catalogs-list .catalogs-article .text .catalog-info {
    text-align: center;
    font-weight: bold;
    margin-top: 0.6rem;
}

.catalogs-list .catalogs-article .text .catalog-info span {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: bold;
    display: block;
}

.catalogs-list .catalogs-article .text .catalog-snip {
    margin-top: 0.6rem;
}

.catalogs-list .catalogs-article .text .catalog-snip p {
    font-size: 1.4rem;
    line-height: 2.6rem;
}

.catalogs-list .catalogs-article__in:hover .thumb::after {
    left: -0.22rem;
    top: -0.22rem;
    bottom: -0.22rem;
    right: -0.22rem;
    border-width: 0.22rem;
    border-color: #aaa07a;
}

.catalogs-list .catalogs-article__in:hover .text .catalog-ttl span {
    border-bottom-color: #aaa07a;
}

@media screen and (max-width: 767px) {
    .catalogs-list .catalogs-article {
        padding: 2rem;
    }

    .catalogs-list .catalogs-article .text {
        margin-top: 0.5rem;
    }

    .catalogs-list .catalogs-article .text .catalog-ttl {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .catalogs-list .catalogs-article .text .catalog-ttl span {
        padding-bottom: 0.39rem;
    }

    .catalogs-list .catalogs-article .text .catalog-info {
        margin-top: 0.5rem;
    }

    .catalogs-list .catalogs-article .text .catalog-info span {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .catalogs-list .catalogs-article .text .catalog-info .hashtag {
        font-weight: 400;
    }

    .catalogs-list .catalogs-article .text .catalog-snip p {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

@media screen and (min-width: 768px) {
    .catalogs-list .catalogs-article__in {
        display: flex;
        justify-content: center;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
        gap: 5.1rem;
    }

    .catalogs-list .catalogs-article .thumb {
        width: 31.5%;
    }

    .catalogs-list .catalogs-article .text {
        width: 68.5%;
    }
}

.suppliers .suppliers-inner {
    max-width: 118rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

.suppliers .suppliers-list {
    background-color: #ffffff;
}

.suppliers .suppliers-list .suppliers-item .suppliers-item__in {
    padding: 1rem 10rem;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0.22rem solid transparent;
}

.suppliers
.suppliers-list
.suppliers-item
.suppliers-item__in
.div-info
.suppliers-item__ttl,
.suppliers
.suppliers-list
.suppliers-item
.suppliers-item__in
.div-info
.suppliers-item__txt {
    color: #505960;
}

.suppliers
.suppliers-list
.suppliers-item
.suppliers-item__in
.div-info
.suppliers-item__ttl
span,
.suppliers
.suppliers-list
.suppliers-item
.suppliers-item__in
.div-info
.suppliers-item__txt
span {
    border-bottom: 0.22rem solid transparent;
    padding-bottom: 0.3rem;
}

.suppliers
.suppliers-list
.suppliers-item
.suppliers-item__in
.div-info-sanchi
.suppliers-item__ttl
span,
.suppliers
.suppliers-list
.suppliers-item
.suppliers-item__in
.div-info-sanchi
.suppliers-item__txt
span {
    border-bottom: 0.22rem solid transparent;
    padding-bottom: 0.3rem;
}

.suppliers .suppliers-list .suppliers-item .suppliers-item__in .div-info p {
    font-size: 1.4rem;
    line-height: 2.5rem;
}

.suppliers .suppliers-list .suppliers-item .suppliers-item__in .div-info-sanchi p {
    font-size: 1.4rem;
    line-height: 2.5rem;
}

.suppliers
.suppliers-list
.suppliers-item
.suppliers-item__in
.div-info
.suppliers-item__ttl {
    font-weight: bold;
}

.suppliers-list
.suppliers-item
.suppliers-item__in
.div-info-sanchi
.suppliers-item__ttl {
    font-weight: bold;
}

.suppliers
.suppliers-list
.suppliers-item
.suppliers-item__in
.div-info
.suppliers-item__txt {
    font-weight: 400;
}

.suppliers
.suppliers-list
.suppliers-item
.suppliers-item__in
.div-info-sanchi
.suppliers-item__txt {
    font-weight: 400;
}

.suppliers .suppliers-list .suppliers-item .suppliers-item__in .div-img {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4rem;
    gap: 13.5%;
}

.suppliers .suppliers-list .suppliers-item .suppliers-item__in .div-img-sanchi {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 4rem;
    gap: 5%;
}

.suppliers .suppliers-list .suppliers-item .suppliers-item__in .div-img .img {
    /* max-height: 10rem; */
    max-height: 6rem;
}

.suppliers .suppliers-list .suppliers-item .suppliers-item__in .div-img-sanchi .img {
    max-height: 7rem;
}

.suppliers
.suppliers-list
.suppliers-item
.suppliers-item__in
.div-img
.img
img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.suppliers
.suppliers-list
.suppliers-item
.suppliers-item__in
.div-img-sanchi
.img
img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.suppliers
.suppliers-list
.suppliers-item
.suppliers-item__in
.div-info__number {
    display: flex;
    align-items: center;
}

.suppliers
.suppliers-list
.suppliers-item
.suppliers-item__in
.div-info__number-sanchi {
    display: flex;
    align-items: center;
} /* 中身はないので設定はここまでで良い */

.suppliers
.suppliers-list
.suppliers-item
.suppliers-item__in
.div-info__number
.div-info__number__item {
    min-width: 7.4rem;
    flex: 1;
    width: 25%;
    font-weight: bold;
    font-size: 3.3rem;
    line-height: 1;
    text-align: center;
    font-family: "futura-pt-cond", sans-serif;
    letter-spacing: 0.05em;
}

.suppliers
.suppliers-list
.suppliers-item
.suppliers-item__in
.div-info__number
.-green {
    color: #8ca26a;
}

.suppliers
.suppliers-list
.suppliers-item
.suppliers-item__in
.div-info__number
.-yellow {
    color: #f6d678;
}

.suppliers
.suppliers-list
.suppliers-item
.suppliers-item__in
.div-info__number
.-blue {
    color: #7fabde;
}

.suppliers
.suppliers-list
.suppliers-item
.suppliers-item__in
.div-info__number
.-brown {
    color: #8e603a;
}

.suppliers .suppliers-list .suppliers-item .suppliers-item__in:hover {
    border-color: #aaa07a;
}

.suppliers
.suppliers-list
.suppliers-item
.suppliers-item__in:hover
.div-info
.suppliers-item__ttl
span,
.suppliers
.suppliers-list
.suppliers-item
.suppliers-item__in:hover
.div-info
.suppliers-item__txt
span {
    border-bottom-color: #aaa07a;
}

.suppliers
.suppliers-list
.suppliers-item
.suppliers-item__in:hover
.div-info-sanchi
.suppliers-item__ttl
span,
.suppliers
.suppliers-list
.suppliers-item
.suppliers-item__in:hover
.div-info-sanchi
.suppliers-item__txt
span {
    border-bottom-color: #aaa07a;
}

@media screen and (min-width: 768px) {
    .suppliers .suppliers-list .suppliers-item .suppliers-item__in {
        gap: 2.7rem;
    }

    .suppliers .suppliers-list .suppliers-item .suppliers-item__in .div-info {
        /* 20220825 */
        /*  width: 22%; */
        width: 30%;
    }

    .suppliers .suppliers-list .suppliers-item .suppliers-item__in .div-info-sanchi {
        width: 30%;
    }

    .suppliers .suppliers-list .suppliers-item .suppliers-item__in .div-img {
        /* 20220825 */
        /*  width: 19.17%; */
        width: 22%;
    }

    .suppliers .suppliers-list .suppliers-item .suppliers-item__in .div-img-sanchi {
        /* 20220825 */
        /*  width: 19.17%; */
        width: 62%;
    }

    .suppliers
    .suppliers-list
    .suppliers-item
    .suppliers-item__in
    .div-info__number {
        /* 20220825 */
        /*  width: 37%; */
        width: 43%;
    }

    .suppliers
    .suppliers-list
    .suppliers-item
    .suppliers-item__in
    .div-info__number-sanchi {
        /* 20220825 */
        /*  width: 37%; */
        width: 0%;
    }
}

@media screen and (max-width: 767px) {
    .suppliers .suppliers-inner {
        padding-left: 1.3rem;
        padding-right: 1.3rem;
    }

    .suppliers .suppliers-list .suppliers-item:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    .suppliers .suppliers-list .suppliers-item .suppliers-item__in {
        padding: 1.5rem 0.7rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
        border-width: 0.11rem;
    }

    .suppliers
    .suppliers-list
    .suppliers-item
    .suppliers-item__in
    .div-info
    .suppliers-item__ttl
    span,
    .suppliers
    .suppliers-list
    .suppliers-item
    .suppliers-item__in
    .div-info
    .suppliers-item__txt
    span {
        border-bottom-width: 0.11rem;
        padding-bottom: 0;
    }

    .suppliers .suppliers-list .suppliers-item .suppliers-item__in .div-btn {
        order: 3;
    }

    .suppliers .suppliers-list .suppliers-item .suppliers-item__in .div-info {
        grid-column: 1/3;
    }

    .suppliers .suppliers-list .suppliers-item .suppliers-item__in .div-info p {
        font-size: 1.4rem;
        line-height: 1.5rem;
    }

    .suppliers
    .suppliers-list
    .suppliers-item
    .suppliers-item__in
    .div-info
    .suppliers-item__txt {
        font-weight: bold;
        margin-top: 0.3rem;
    }

    .suppliers .suppliers-list .suppliers-item .suppliers-item__in .div-img {
        gap: 0.7rem;
    }

    .suppliers .suppliers-list .suppliers-item .suppliers-item__in .div-img-sanchi {
        grid-template-columns: repeat(3, 1fr);
        gap: 0.7rem;
    }

    .suppliers
    .suppliers-list
    .suppliers-item
    .suppliers-item__in
    .div-img
    .img
    img {
        width: 100%;
        height: 100%;
        /* -o-object-fit: contain; */
        object-fit: contain;
    }

    .suppliers
    .suppliers-list
    .suppliers-item
    .suppliers-item__in
    .div-info__number
    .div-info__number__item {
        min-width: 3rem;
        font-size: 2rem;
    }

    .suppliers
    .suppliers-list
    .suppliers-item
    .suppliers-item__in
    .div-info__number
    .div-info__number__item._4digit {
        font-size: 1.8rem;
    }
}

/* Page  */
/******************************************************

TOP

******************************************************/
.daruma {
    background-color: rgba(148, 152, 155, 0.7);
    overflow: hidden;
}

.daruma .inner {
    display: flex;
    flex-wrap: wrap;
    max-width: 129rem;
}

.daruma .daruma-col {
    width: 50%;
}

.daruma .youtube-iframe iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}

.daruma .daruma-content {
    padding: 9% 2rem 9% 11%;
  /* padding-top: 3.6875vw;
    padding-left: 4.6875vw;
    padding-bottom: 1.3rem;
  padding-right: 1.3rem; */  /* 2024-1112 */
    max-width: 52rem;
}

.daruma .daruma-content .daruma-title {
    font-family: "sofia-pro", sans-serif;
    font-weight: 900;
    font-size: 4.6rem;
    line-height: 1;
    color: #ffffff;
    letter-spacing: 0.025em;
}

.daruma .daruma-content .daruma-description {
    margin-top: 2.6rem;
    font-family: "sofia-pro", sans-serif;
    color: #ffffff;
    font-size: 1.4rem;
    line-height: 2.8rem;
    font-weight: 400;
}

.daruma .daruma-content .btn-wrap {
    margin-top: 3.4rem;
}

.daruma .daruma-content .btn-wrap .btn {
    margin-left: auto;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .daruma .youtube-iframe iframe {
        aspect-ratio: 4/3;
    }

    .daruma .daruma-content {
        padding: 4rem 4rem;
        padding-right: 2rem;
    }

    .daruma .daruma-content .daruma-title {
        font-size: 5rem;
    }

    .daruma .daruma-content .daruma-description {
        margin-top: 3.6rem;
    }
}

@media screen and (min-width: 768px) {
    .daruma .inner {
        padding: 0;
    }

    .daruma .youtube-iframe {
        height: 100%;
    }

    .daruma .youtube-iframe iframe {
        height: 100%;
    }
}

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

    .daruma .youtube-iframe {
        position: relative;
        padding-bottom: 56.25%;
        aspect-ratio: 16/9;
        /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */
        margin: 0 -2rem;
    }

    .daruma .youtube-iframe iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .daruma .daruma-content {
        padding: 3.5rem 0;
    }

    .daruma .daruma-content .daruma-title {
        font-size: 2.8rem;
        line-height: 3rem;
        text-align: center;
    }

    .daruma .daruma-content .daruma-description {
        margin-top: 2.5rem;
        font-size: 1.4rem;
        line-height: 2.2rem;
    }

    .daruma .daruma-content .btn-wrap {
        margin-top: 2.6rem;
    }

    .daruma .daruma-content .btn-wrap .btn {
        margin-left: auto;
        margin-right: auto;
    }
}

.searchbox-center {
    background-color: #f0f0f0;
    background: repeating-linear-gradient(
            90deg,
            #f0f0f0,
            #f0f0f0 1.5rem,
            #e7e3e0 1.5rem,
            #e7e3e0 1.6rem
    );
    padding-top: 5.4rem;
    padding-bottom: 6rem;
}

.searchbox-center .searchbox_in {
    max-width: 88rem;
    width: 100%;
    padding: 0 2rem;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 767px) {
    .searchbox-center {
        padding-top: 2rem;
        padding-bottom: 2rem;
        background: repeating-linear-gradient(
                90deg,
                #f0f0f0,
                #f0f0f0 1.4rem,
                #e7e3e0 1.4rem,
                #e7e3e0 1.6rem
        );
    }

    .searchbox-center .searchbox_in {
        padding: 0 1.2rem;
    }
}

.find-common-ttl {
    text-align: center;
    font-family: "Playfair Display", sans-serif;
    font-weight: 400;
    line-height: 1.25;
    font-size: 2.5rem;
    letter-spacing: 0.05em;
    padding-bottom: 5.7rem;
}

.find-common-ttl span {
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .find-common-ttl {
        font-size: 1.8rem;
        line-height: 2.4rem;
        background-color: rgba(246, 214, 120, 0.2196078431);
        padding: 1rem 0;
    }
}

.find-products {
    background: #f7f7f7;
    padding-top: 4.8rem;
    overflow: hidden;
}

@media screen and (min-width: 768px) {
    .find-products {
        padding-bottom: 8.8rem;
    }
}

@media screen and (max-width: 767px) {
    .find-products {
        padding-top: 3rem;
        background-color: #ffffff;
    }
}

.searchby-item {
    padding-bottom: 6rem;
}

.searchby-item .inner {
    max-width: 110rem;
    padding: 0;
}

.searchby-item .search-heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-right: 1rem;
}

.searchby-item .search-heading .div-ttl {
    display: flex;
    align-items: center;
}

.searchby-item .search-heading .div-ttl .search-ttl {
    font-family: "ArVo", sans-serif;
    font-size: 1.9rem;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0.02em;
    position: relative;
    display: flex;
    align-items: center;
}

.searchby-item .search-heading .div-ttl .search-ttl::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
}

.searchby-item .search-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.6rem;
    margin-top: 3rem;
    padding-top: 2rem;
}

.searchby-item .search-list .search-list__item {
    width: 25%;
    padding: 0 1.6rem;
    padding-right: 1.1rem; /* 6853 */
    padding-left: 1.1rem; /* 6853 */
}

.searchby-item .search-list .search-list__item-in {
    padding: 2.7rem 1.3rem;
    display: block;
    height: 100%;
    border: 0.22rem solid transparent;
    transition: linear 0.2s;
}

.searchby-item .search-list .search-list__item-in:hover {
    border-color: #aaa07a;
}

.searchby-item .search-list .search-list__item .thumb img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.searchby-item .search-list .search-list__item .text {
    margin-top: 2.7rem;
    font-size: 1.2rem;
    line-height: 2.8rem;
    text-align: center;
    /* word-break: break-word; */
}

.searchby-item .search-list .search-list__item .text .txt-ttl {
    font-weight: bold;
}

.searchby-item .search-list .search-list__item .text .txt-snip {
    font-weight: 400;
}

@media screen and (max-width: 767px) {
    .searchby-item {
        padding: 3.5rem 0.8rem;
    }

    .searchby-item .search-heading {
        justify-content: center;
    }

    .searchby-item .search-heading .div-ttl .search-ttl {
        font-size: 1.6rem;
        line-height: 1.9rem;
        padding-left: 3rem;
    }

    .searchby-item .search-heading .div-ttl .search-ttl::before {
        height: 2.17rem;
    }

    .searchby-item .search-list {
        padding-left: 0;
        margin: 0 -0.9rem;
        margin-top: 1rem;
    }

    .searchby-item .search-list .search-list__item {
        width: 50%;
        padding: 0 0.9rem;
    }

    .searchby-item .search-list .search-list__item-in {
        border-width: 0.16rem;
        padding: 3rem 1rem;
    }

    .searchby-item .search-list .search-list__item .text {
        font-size: 1.4rem;
        line-height: 2.2rem;
        margin-top: 1.75rem;
    }

    .searchby-item .div-btn {
        margin-top: 2.3rem;
    }

    .searchby-item .div-btn .btn {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 768px) {
    .searchby-item:last-of-type {
        padding-bottom: 0;
        padding-right: 4rem; /* 6922@media screen and (min-width: 768px) */
        padding-left: 4rem; /* 6922@media screen and (min-width: 768px) */
    }

    .searchby-item .search-heading {
        padding: 0 6rem;
    }

    .searchby-item .search-heading .div-ttl .search-ttl::before {
        left: -3.7rem;
    }

    .searchby-item .search-list {
        padding: 0 4rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .searchby-item .search-heading .div-ttl .search-ttl {
        padding-left: 4.5rem;
    }

    .searchby-item .search-heading .div-ttl .search-ttl::before {
        left: 0;
        width: 1.5rem; /* 6942 */
        height: 1.9rem; /* 6943 */
    }
}

.search-category .search-heading .div-ttl .search-ttl::before {
    background: url("../img/common/icon-category.svg") no-repeat center/contain;
    width: 2.2rem;
    height: 2.7rem;
}

.search-category .search-list .search-list__item-in .thumb {
    border-radius: 50%;
    overflow: hidden;
}

.search-category .search-list .search-list__item-in .thumb img {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
}

@media screen and (max-width: 767px) {
    .search-category .search-heading .div-ttl .search-ttl {
        padding-left: 2.98rem;
    }

    .search-category .search-heading .div-ttl .search-ttl::before {
        width: 1.77rem;
        height: 2.17rem;
    }

    .search-category .search-list .search-list__item:not(:nth-of-type(-n + 2)) {
        margin-top: 0.3rem;
    }
}

.search-location .search-heading .div-ttl .search-ttl::before {
    background: url("../img/common/icon-location.svg") no-repeat center/contain;
    width: 1.8rem;
    height: 1.7rem;
}

.search-location .search-list {
    flex-wrap: nowrap;
}

.search-location .search-list .search-list__item-in .thumb img {
    height: 20rem;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .search-location .search-list .search-list__item-in .thumb img {
        height: 18rem;
    }
}

@media screen and (max-width: 767px) {
    .search-location .search-heading .div-ttl .search-ttl {
        padding-left: 3.6rem;
    }

    .search-location .search-heading .div-ttl .search-ttl::before {
        height: 2.17rem;
    }

    .search-location .search-list {
        flex-wrap: wrap;
        margin-top: 2.5rem;
    }

    .search-location .search-list .search-list__item {
        width: 50%;
    }

    .search-location .search-list .search-list__item-in {
        padding: 1rem 0.95rem;
    }

    .search-location .search-list .search-list__item-in .thumb img {
        height: 15rem;
        width: auto;
    }

    .search-location .search-list .search-list__item:not(:nth-of-type(-n + 2)) {
        margin-top: 1.9rem;
    }
}

.search-special .search-heading .div-ttl .search-ttl::before {
    background: url("../img/common/icon-special.svg") no-repeat center/contain;
    width: 1.5rem;
    height: 1.8rem;
}

@media screen and (max-width: 767px) {
    .search-special {
        background-color: #f2f2f2;
    }

    .search-special .search-heading .div-ttl .search-ttl::before {
        height: 2.17rem;
    }

    .search-special .search-list {
        margin-top: 2.5rem;
    }

    .search-special .search-list .search-list__item-in {
        padding: 1rem 1rem;
    }

    .search-special .search-list .search-list__item:not(:nth-of-type(-n + 2)) {
        margin-top: 0.5rem;
    }
}

.search-certification .search-heading .div-ttl .search-ttl::before {
    background: url("../img/common/icon-certification.svg") no-repeat center/contain;
    width: 1.8rem;
    height: 2.7rem;
}

.search-certification .certification-list {
    margin-top: 5.4rem;
    background: #ffffff;
    padding: 2rem 4.5rem 1rem 4.5rem;
    display: flex;
    justify-content: space-between;
    padding: 3.4rem 10rem;
}

.search-certification .certification-list ul {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.search-certification .certification-list ul:nth-child(2) {
    margin-left: -7rem; /* 7051 */
}

.search-certification .certification-list .certification-item {
    display: flex;
    margin-bottom: 4rem;
}

.search-certification .certification-list .certification-item:last-child {
    margin-bottom: 0;
}

.search-certification .certification-list .certification-item__link {
    font-size: 1.9rem;
    line-height: 8.4rem;
    line-height: 2.4rem;
    position: relative;
    display: inline-flex;
    align-items: center;
    border-bottom: 0.22rem solid transparent;
}

.search-certification .certification-list .certification-item__link::before {
    content: "";
    background: url("../img/common/icon-certification.svg") no-repeat center/contain;
    width: 1.2rem;
    height: 1.8rem;
    background-size: contain;
    display: inline-block;
    margin-right: 2rem;
}

.search-certification .certification-list .certification-item__link:hover {
    border-bottom-color: #aaa07a;
}

@media screen and (min-width: 768px) {
    .search-certification .certification-list {
        padding-right: 14rem;
        margin-left: 4rem;
        margin-right: 4rem;
    }
}

@media screen and (max-width: 767px) {
    .search-certification {
        background-color: #f2f2f2;
        padding: 3.5rem 0;
    }

    .search-certification .search-heading .div-ttl .search-ttl {
        padding-left: 2.5rem;
    }

    .search-certification .search-heading .div-ttl .search-ttl::before {
        height: 2.17rem;
    }

    .search-certification .certification-list {
        margin-top: 3rem;
        -moz-columns: 3;
        columns: 3;
        margin-left: 0;
        padding: 0 2.5rem;
        background-color: #f2f2f2;
    }

    .search-certification .certification-list .certification-item {
        padding-left: 0;
        margin-bottom: 3rem;
    }

    .search-certification .certification-list .certification-item__link {
        font-size: 1.4rem;
        margin: 0;
        border-bottom-width: 0.17rem;
    }

    .search-certification .certification-list .certification-item__link::before {
        width: 0.9rem;
        height: 1.3rem;
        margin-right: 0.94rem;
    }

    .search-certification .div-btn {
        margin-top: 3rem;
    }
}

.search-sanchi .search-heading .div-ttl .search-ttl::before {
    background: url("../img/common/icon-certification.svg") no-repeat
    center/contain;
    width: 1.8rem;
    height: 2.7rem;
}

.search-sanchi .certification-list {
    margin-top: 5.4rem;
    background: #ffffff;
    padding: 2rem 4.5rem 1rem 4.5rem;
    display: flex;
    justify-content: space-between;
    padding: 3.4rem 10rem;
}

.search-sanchi .certification-list ul {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.search-sanchi .certification-list ul:nth-child(2) {
    margin-left: -7rem; /* 7051 */
}

.search-sanchi .certification-list .certification-item {
    display: flex;
    margin-bottom: 4rem;
}

.search-sanchi .certification-list .certification-item:last-child {
    margin-bottom: 0;
}

.search-sanchi .certification-list .certification-item__link {
    font-size: 1.9rem;
    line-height: 8.4rem;
    line-height: 2.4rem;
    position: relative;
    display: inline-flex;
    align-items: center;
    border-bottom: 0.22rem solid transparent;
}

.search-sanchi .certification-list .certification-item__link::before {
    content: "";
    background: url("../img/common/icon-certification.svg") no-repeat
    center/contain;
    width: 1.2rem;
    height: 1.8rem;
    background-size: contain;
    display: inline-block;
    margin-right: 2rem;
}

.search-sanchi .certification-list .certification-item__link:hover {
    border-bottom-color: #aaa07a;
}

@media screen and (min-width: 768px) {
    .search-sanchi .certification-list {
        padding-right: 14rem;
        margin-left: 4rem;
        margin-right: 4rem;
    }
}

@media screen and (max-width: 767px) {
    .search-sanchi {
        background-color: #f2f2f2;
        padding: 3.5rem 0;
    }

    .search-sanchi .search-heading .div-ttl .search-ttl {
        padding-left: 2.5rem;
    }

    .search-sanchi .search-heading .div-ttl .search-ttl::before {
        height: 2.17rem;
    }

    .search-sanchi .certification-list {
        margin-top: 3rem;
        -moz-columns: 3;
        columns: 3;
        margin-left: 0;
        padding: 0 2.5rem;
        background-color: #f2f2f2;
    }

    .search-sanchi .certification-list .certification-item {
        padding-left: 0;
        margin-bottom: 3rem;
    }

    .search-sanchi .certification-list .certification-item__link {
        font-size: 1.4rem;
        margin: 0;
        border-bottom-width: 0.17rem;
    }

    .search-sanchi .certification-list .certification-item__link::before {
        width: 0.9rem;
        height: 1.3rem;
        margin-right: 0.94rem;
    }

    .search-sanchi .div-btn {
        margin-top: 3rem;
    }
}

.look-recommendations {
    background-color: #f7f7f7;
    background-image: radial-gradient(
            circle at 0.5rem 0.5rem,
            #e3e3e3 0.18rem,
            #f7f7f7 0
    );
    background-size: 2.2rem 2.2rem;
    padding-bottom: 10rem;
    overflow: hidden;
}

.look-recommendations .look-recommendations__ttl {
    font-size: 3.8rem;
    line-height: 5.1rem;
    text-align: center;
    font-family: "Playfair Display", sans-serif;
    margin-bottom: 4rem;
}

.look-recommendations .look-recommendations__ttl span {
    font-weight: bold;
}

.look-recommendations .recommend-note {
    padding-left: 1.7rem;
    line-height: 2.2rem;
    margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
    .look-recommendations .recommend-note {
        font-size: 0.9rem;
        line-height: 1.4rem;
        margin-top: 0.7rem;
        text-align: right;
        margin-bottom: 0;
        padding-right: 1.5rem;
    }
}

.look-recommendations .recommend-item {
    margin-bottom: 9rem;
}

.look-recommendations .recommend-item .inner {
    max-width: 110rem;
    padding: 0;
}

@media screen and (max-width: 1280px) {
    .look-recommendations .recommend-item .inner {
        max-width: 113rem;
    }
}

.look-recommendations .recommend-item:last-of-type {
    margin-bottom: 0;
}

.look-recommendations .recommend-item .recommend-heading {
    padding-right: 1rem;
}

.look-recommendations
.recommend-item
.recommend-heading
.div-ttl
.recommend-ttl {
    font-family: "ArVo", sans-serif;
    font-size: 1.9rem;
    line-height: 2.4rem;
    font-weight: 400;
    letter-spacing: 0.002;
    position: relative;
    display: flex;
    align-items: center;
}

.look-recommendations
.recommend-item
.recommend-heading
.div-ttl
.recommend-ttl::before {
    content: "";
    display: inline-block;
    position: absolute;
    background: url("../img/common/icon-special.svg") no-repeat center/contain;
    width: 1.5rem;
    height: 1.9rem;
    left: 0;
}

.look-recommendations .recommend-item .recommend-content {
    margin-top: 5rem;
}

.look-recommendations
.recommend-item
.recommend-content.product
.product-item:not(:nth-child(-n + 4)) {
    margin-top: 0;
}

.look-recommendations .recommend-item .recommend-content .product-list {
    display: flex;
    width: 100%;
}

.look-recommendations
.recommend-item
.recommend-content
.product-list
.product-item {
    width: 25%;
    padding: 0 1rem;
}

.look-recommendations
.recommend-item
.recommend-content
.product-list
.product-item
.product-item__in {
    padding: 0.7rem;
    background-color: #ffffff;
    border: 0.22rem solid transparent;
    transition: 200ms linear;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-width: 2.2px;
}

.look-recommendations
.recommend-item
.recommend-content
.product-list
.product-item
.product-item__in
.product-thumb
img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
}

.look-recommendations
.recommend-item
.recommend-content
.product-list
.product-item
.product-item__in
.product-body {
    padding-top: 1rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.look-recommendations
.recommend-item
.recommend-content
.product-list
.product-item
.product-item__in
.product-body
span.udline {
    border-bottom: 0.22rem solid transparent;
}

.look-recommendations
.recommend-item
.recommend-content
.product-list
.product-item
.product-item__in
.product-body
.product-name {
    font-size: 1.4rem;
    font-weight: bold;
    align-self: baseline;
    flex: 1;
    line-height: 2.3rem;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 0.22rem;
    margin: -0.22rem;
}

.look-recommendations
.recommend-item
.recommend-content
.product-list
.product-item
.product-item__in
.product-body
.product-name
a {
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.look-recommendations
.recommend-item
.recommend-content
.product-list
.product-item
.product-item__in
.product-body
.product-com {
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    padding: 0.22rem;
    margin: -0.22rem;
}

.look-recommendations
.recommend-item
.recommend-content
.product-list
.product-item
.product-item__in
.product-body
.product-info {
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 1.2rem;
    line-height: 2.2rem;
    padding-top: 1.1rem;
}

.look-recommendations
.recommend-item
.recommend-content
.product-list
.product-item
.product-item__in
.product-body
.product-info
.product-com {
    font-weight: 400;
}

.look-recommendations
.recommend-item
.recommend-content
.product-list
.product-item
.product-item__in
.product-body
.product-info
.product-price {
    font-weight: 600;
}

.look-recommendations
.recommend-item
.recommend-content
.product-list
.product-item
.product-item__in
.product-body
.btn-add {
    margin-top: 1rem;
    text-align: center;
    width: 100%;
}

.look-recommendations
.recommend-item
.recommend-content
.product-list
.product-item
.product-item__in:hover {
    border-color: #aaa07a;
}

.look-recommendations
.recommend-item
.recommend-content
.product-list
.product-item
.product-item__in:hover
.product-body
span.udline {
    border-bottom-color: #aaa07a;
}

@media screen and (min-width: 768px) {
    .look-recommendations {
        padding-top: 4rem;
    }

    .look-recommendations .recommend-item .recommend-heading {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: 0 4rem;
    }

    .look-recommendations
    .recommend-item
    .recommend-heading
    .div-ttl
    .recommend-ttl::before {
        left: -3.7rem;
    }

    .look-recommendations .recommend-item .recommend-content {
        padding: 0 3rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .look-recommendations
    .recommend-item
    .recommend-heading
    .div-ttl
    .recommend-ttl {
        padding-left: 4.5rem;
    }

    .look-recommendations
    .recommend-item
    .recommend-heading
    .div-ttl
    .recommend-ttl::before {
        left: 0;
    }
}

@media screen and (max-width: 767px) {
    .look-recommendations {
        background-image: radial-gradient(
                circle at 0.3rem 0.3rem,
                #e3e3e3 0.15rem,
                #f7f7f7 0
        );
        background-size: 1.5rem 1.5rem;
        padding-bottom: 2.7rem;
    }

    .look-recommendations .find-common-ttl {
        background-color: #f7f0db;
    }

    .look-recommendations .recommend-item {
        padding: 0;
        margin: 3.5rem 0;
    }

    .look-recommendations .recommend-item .recommend-heading {
        padding-left: 1.3rem;
        padding-right: 1.3rem;
    }

    .look-recommendations .recommend-item .recommend-heading .div-ttl {
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .look-recommendations
    .recommend-item
    .recommend-heading
    .div-ttl
    .recommend-ttl {
        font-size: 1.6rem;
        line-height: 1.9rem;
        padding-left: 2.9rem;
    }

    .look-recommendations
    .recommend-item
    .recommend-heading
    .div-ttl
    .recommend-ttl::before {
        height: 2.17rem;
    }

    .look-recommendations .recommend-item .recommend-heading .div-btn {
        margin-top: 1.5rem;
    }

    .look-recommendations .recommend-item .recommend-heading .div-btn .btn {
        margin-left: auto;
        width: 14rem;
        height: 3rem;
    }

    .look-recommendations
    .recommend-item
    .recommend-heading
    .div-btn
    .btn
    .btn-text {
        font-size: 1.2rem;
        line-height: 3rem;
        width: calc(100% - 3rem);
    }

    .look-recommendations
    .recommend-item
    .recommend-heading
    .div-btn
    .btn
    .btn-icon {
        width: 3rem;
        height: 3rem;
    }

    .look-recommendations .recommend-item .recommend-content {
        padding-left: 0;
        margin-top: 3.5rem;
    }

    .look-recommendations .recommend-item .recommend-content .product-list {
        margin: 0 -0.1rem;
        width: auto;
    }

    .look-recommendations
    .recommend-item
    .recommend-content
    .product-list
    .product-item {
        width: 16.8rem !important;
        min-width: 16.8rem;
        padding: 0 0.1rem;
    }

    .look-recommendations
    .recommend-item
    .recommend-content
    .product-list
    .product-item
    .product-item__in {
        padding: 0.9rem;
        border-width: 0.16rem;
        border-width: 1.6px;
    }

    .look-recommendations
    .recommend-item
    .recommend-content
    .product-list
    .product-item
    .product-item__in
    .product-body {
        padding-top: 0.8rem;
    }

    .look-recommendations
    .recommend-item
    .recommend-content
    .product-list
    .product-item
    .product-item__in
    .product-body
    span.udline {
        border-bottom-width: 0.16rem;
    }

    .look-recommendations
    .recommend-item
    .recommend-content
    .product-list
    .product-item
    .product-item__in
    .product-body
    .product-name {
        /* word-break: break-word; */
        font-size: 1.2rem;
        line-height: 2rem;
        padding: 0.16rem;
        margin: -0.16rem;
    }

    .look-recommendations
    .recommend-item
    .recommend-content
    .product-list
    .product-item
    .product-item__in
    .product-body
    .product-info {
        font-size: 1.2rem;
        line-height: 2rem;
        margin-top: 0.5rem;
    }

    .look-recommendations
    .recommend-item
    .recommend-content
    .product-list
    .product-item
    .product-item__in
    .product-body
    .product-com {
        padding: 0.11rem;
        margin: -0.11rem;
    }

    .look-recommendations
    .recommend-item
    .recommend-content
    .product-list
    .product-item
    .product-item__in
    .product-body
    .btn-add {
        margin-top: 0.6rem;
    }

    .look-recommendations .div-btn-recommend {
        margin-top: 3.5rem;
    }

    .look-recommendations .div-btn-recommend .btn {
        margin-left: auto;
        margin-right: auto;
    }
}

.main-mv {
    max-width: 130rem;
    margin-left: auto;
    margin-right: auto;
}

.main-mv .mv-text {
    position: relative;
}

.main-top-slider
.top-slider:not(.slick-initialized)
.slide-item:not(:first-child) {
    display: none;
}

.main-top-slider .top-slider .slide-item {
    position: relative;
}

.main-top-slider .top-slider .slide-item img {
    width: 100%;
}

.main-top-slider .associate-with {
    position: absolute;
    left: 10.8rem;
}

.main-top-slider .associate-with .associate-with__ttl {
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-size: 2.5rem;
    letter-spacing: 0.001em;
    line-height: 1.85714;
    margin-bottom: 0.5rem;
}

.main-top-slider .associate-with .associate-with__list li {
    font-family: "futura-pt-cond", sans-serif;
    font-size: 4.7rem;
    font-weight: bold;
    line-height: 5.7rem;
}

.main-top-slider .associate-with .associate-with__list li span {
    font-family: "ArVo", sans-serif;
    font-weight: 400;
    font-size: 1.9rem;
    line-height: 0.6rem;
    margin-left: 1.3rem;
}

@media screen and (min-width: 768px) {
    .main-top-slider .associate-with {
        bottom: 7.4rem;
    }

    .main-mv {
        display: flex;
    }

    .main-mv .main-mv_col {
        width: 50%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1400px) {
    .main-top-slider .associate-with {
        bottom: 4rem;
        left: 6rem;
    }
}

@media screen and (max-width: 767px) {
    .main-top-slider .associate-with {
        left: 5rem;
        bottom: 1rem;
    }

    .main-top-slider .associate-with .associate-with__ttl {
        font-size: 1.8rem;
    }

    .main-top-slider .associate-with .associate-with__list li {
        font-size: 3.3rem;
        line-height: 4rem;
    }

    .main-top-slider .associate-with .associate-with__list li span {
        font-size: 1.6rem;
        line-height: 4rem;
        margin-left: 1rem;
    }
}

.p-slide .slick-list {
    width: 100%;
}

.p-slide .slick-track {
    height: 100%;
}

.p-certification .page-description {
    font-size: 1.4rem;
    line-height: 2.6rem;
}

.p-certification .certification-top {
    max-width: 150.8rem;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    padding: 1.2rem 2.1rem;
    margin-top: 4.2rem;
}

.p-certification .certification-top ul {
    -moz-column-count: 2;
    column-count: 2;
    counter-reset: number-count;
}

.p-certification .certification-top ul li {
    counter-increment: number-count;
}

.p-certification .certification-top ul li .cer-item_link {
    position: relative;
    font-size: 1.9rem;
    line-height: 2.3rem;
    font-family: "ArVo", sans-serif;
    font-weight: 400;
    letter-spacing: 0.01em;
}

.p-certification .certification-top ul li .cer-item_lin-sanchi {
    position: relative;
    font-size: 1.9rem;
    line-height: 2.3rem;
    font-family: "ArVo", sans-serif;
    font-weight: 400;
    letter-spacing: 0.01em;
}

.p-certification .certification-top ul li .cer-item_link::before {
    content: counter(number-count) ". ";
    font-size: 3.4rem;
    line-height: 6rem;
    font-weight: bold;
    font-family: "futura-pt-cond", sans-serif;
    color: #94989b;
    display: inline-block;
    min-width: 4.7rem;
}

.p-certification .certification-top ul li .cer-item_link-sanchi::before {
    content: counter(number-count) ". ";
    font-size: 3.4rem;
    line-height: 6rem;
    font-weight: bold;
    font-family: "futura-pt-cond", sans-serif;
    color: #94989b;
    display: inline-block;
    min-width: 4.7rem;
}

.p-certification .certification-top ul li .cer-item_link:hover {
    border-bottom: 0.22rem solid #aaa07a;
}

.p-certification .certification-top ul li .cer-item_link-sanchi:hover {
    border-bottom: 0.22rem solid #aaa07a;
}

.p-certification .detail-of-cer {
    margin-top: 6rem;
    background-color: #ffffff;
  padding-top: 2.2rem;
}

.p-certification .detail-of-cer .doc-container {
    position: relative;
}

.p-certification .detail-of-cer .doc-container .btn-bottom {
    position: absolute;
    right: 1.3rem;
    bottom: 4rem;
}

.p-certification .detail-of-cer .detail-of-cer__note {
    font-size: 1.4rem;
    line-height: 1.6rem;
}

.p-certification .detail-of-cer .cer-detail__wrap {
    counter-reset: number-count-2;
    margin-top: 2.2rem;
    padding-bottom: 9.5rem;
}

.p-certification .detail-of-cer .cer-detail__wrap .cer-detail__item {
    counter-increment: number-count-2;
    margin-bottom: 2.8rem;
    position: relative;
}

.p-certification .detail-of-cer .cer-detail__wrap .cer-detail__item:last-child {
    margin-bottom: 0;
}

.p-certification
.detail-of-cer
.cer-detail__wrap
.cer-detail__item
.cer-item__ttl {
    font-size: 1.9rem;
    line-height: 2.7rem;
    font-family: "ArVo", sans-serif;
    font-weight: 400;
    letter-spacing: 0.01em;
    margin-bottom: 2.2rem;
    padding-right: 6rem;
}

.p-certification
.detail-of-cer
.cer-detail__wrap
.cer-detail__item
.cer-item__ttl::before {
    content: counter(number-count-2) ". ";
    font-size: 3.4rem;
    line-height: 4.7rem;
    line-height: 1;
    font-weight: bold;
    font-family: "futura-pt-cond", sans-serif;
    color: #94989b;
    display: inline-block;
    min-width: 4.7rem;
}

.p-certification
.detail-of-cer
.cer-detail__wrap
.cer-detail__item
.cer-item__text {
    padding-left: 9.1rem;
    padding-right: 1.3rem;
}

.p-certification
.detail-of-cer
.cer-detail__wrap
.cer-detail__item
.cer-item__text
p,
.p-certification
.detail-of-cer
.cer-detail__wrap
.cer-detail__item
.cer-item__text
ul {
    font-size: 1.2rem;
    line-height: 1.9rem;
}

.p-certification
.detail-of-cer
.cer-detail__wrap
.cer-detail__item
.cer-item__text
.cer-detail-link {
    margin-top: 1.3rem;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 5.5rem;
    line-height: 2.3rem;
    /* word-break: break-word; */
    display: block;
}

.p-certification
.detail-of-cer
.cer-detail__wrap
.cer-detail__item
.cer-item__text
.cer-detail-link:hover
span {
    border-bottom: 0.22rem solid #aaa07a;
}

.p-certification
.detail-of-cer
.cer-detail__wrap
.cer-detail__item
.cer-item__text
.div-has-img {
    margin-bottom: 1.3rem;
}

.p-certification
.detail-of-cer
.cer-detail__wrap
.cer-detail__item
.cer-item__text
.div-has-img
.text
ul {
    padding-left: 1.5rem;
}

.p-certification .detail-of-cer .cer-detail__wrap .cer-detail__item .btn-top {
    position: absolute;
    right: 0;
    top: 1rem;
}

.p-certification .certification-top ul li .cer-item_link-sanchi {
    font-size: 1.7rem;
    line-height: 1.8rem;
}

@media screen and (max-width: 767px) {
    .p-certification .page-description {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .p-certification .certification-top {
        padding: 0.8rem 1rem;
        margin-top: 4rem;
    }

    .p-certification .certification-top ul li .cer-item_link {
        font-size: 1.2rem;
        line-height: 1.5rem;
    }

    .p-certification .certification-top ul li .cer-item_link-sanchi {
        font-size: 1.4rem;
        line-height: 1.4rem;
    }

    .p-certification .certification-top ul li .cer-item_link::before {
        font-size: 2.2rem;
        line-height: 5rem;
        min-width: 2.7rem;
    }

    .p-certification .certification-top ul li .cer-item_link-sanchi::before {
        font-size: 2.2rem;
        line-height: 5rem;
        min-width: 2.7rem;
    }

    .p-certification .certification-top ul li .cer-item_link:hover {
        border-bottom-width: 0.11rem;
    }

    .p-certification .certification-top ul li .cer-item_lin-sanchi:hover {
        border-bottom-width: 0.11rem;
    }

    .p-certification .detail-of-cer {
        margin-top: 3.5rem;
    }

    .p-certification .detail-of-cer .doc-container .btn-bottom {
        bottom: 3rem;
    }

    .p-certification .detail-of-cer .detail-of-cer__note {
        font-size: 1.4rem;
        line-height: 1.9rem;
    }

    .p-certification .detail-of-cer .cer-detail__wrap {
        margin-top: 1.8rem;
        padding-bottom: 7rem;
    }

    .p-certification .detail-of-cer .cer-detail__wrap .cer-detail__item {
        margin-bottom: 2.4rem;
    }

    .p-certification
    .detail-of-cer
    .cer-detail__wrap
    .cer-detail__item
    .cer-item__ttl {
        margin-bottom: 1.1rem;
        font-size: 1.4rem;
        line-height: 1.6rem;
        padding-right: 6rem;
    }

    .p-certification
    .detail-of-cer
    .cer-detail__wrap
    .cer-detail__item
    .cer-item__ttl::before {
        font-size: 2.2rem;
        min-width: 3rem;
    }

    .p-certification
    .detail-of-cer
    .cer-detail__wrap
    .cer-detail__item
    .cer-item__text {
        padding-left: 4rem;
        padding-right: 0;
    }

    .p-certification
    .detail-of-cer
    .cer-detail__wrap
    .cer-detail__item
    .cer-item__text
    p,
    .p-certification
    .detail-of-cer
    .cer-detail__wrap
    .cer-detail__item
    .cer-item__text
    ul {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .p-certification
    .detail-of-cer
    .cer-detail__wrap
    .cer-detail__item
    .cer-item__text
    .cer-detail-link {
        margin-top: 1rem;
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .p-certification
    .detail-of-cer
    .cer-detail__wrap
    .cer-detail__item
    .cer-item__text
    .div-has-img
    .img {
        margin-bottom: 2rem;
    }

    .p-certification
    .detail-of-cer
    .cer-detail__wrap
    .cer-detail__item
    .cer-item__text
    .text
    ul {
        margin-top: 2rem;
    }

    .p-certification .detail-of-cer .cer-detail__wrap .cer-detail__item .btn-top {
        position: absolute;
        right: 0;
        top: 0.2rem;
    }
}

@media screen and (min-width: 768px) {
    .p-certification .detail-of-cer .div-has-img {
        display: flex;
        gap: 1.7rem;
        margin-bottom: 2rem;
    }

    .p-certification .detail-of-cer .div-has-img .img {
        width: 19.9rem;
    }

    .p-certification .detail-of-cer .div-has-img .text {
        width: calc(100% - 29.5rem);
    }

    .p-certification .detail-of-cer .div-has-img .text ul {
        padding-left: 1.5rem;
    }

    .p-certification .detail-of-cer .div-has-img .txt2 {
        max-width: 73rem;
    }
}

.page-title.page-faq-title {
    margin-bottom: 1.5rem;
}

@media screen and (min-width: 768px) {
    .page-title.page-faq-title {
        margin-bottom: 2rem;
    }
}

.faq-wrapper {
    padding-bottom: 2.5rem;
}

@media screen and (min-width: 768px) {
    .faq-wrapper {
        padding-bottom: 6.7rem;
    }
}

.faq-wrapper .faq-title {
    margin-top: 2rem;
    display: flex;
    align-items: flex-end;
    font-size: 1.6rem;
    line-height: 1.9rem;
    gap: 1rem;
}

@media screen and (min-width: 768px) {
    .faq-wrapper .faq-title {
        font-size: 1.9rem;
        line-height: 2.4rem;
        gap: 2rem;
    }
}

.faq-wrapper .faq-title span {
    font-weight: bold;
    line-height: 1;
    color: #94989b;
    font-size: 2.4rem;
}

@media screen and (min-width: 768px) {
    .faq-wrapper .faq-title span {
        font-size: 3.3rem;
    }
}

.faq-wrapper .faq-tabs .faq-title {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    .faq-wrapper .faq-tabs {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }

    .faq-wrapper .faq-tabs .faq-title {
        margin-top: 1rem;
        font-size: 1.6rem;
        line-height: 1.9rem;
    }
}

@media screen and (min-width: 768px) {
    .faq-wrapper .faq-tabs {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1rem 4.7rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .faq-wrapper .faq-tabs {
        flex-direction: column;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
        align-items: flex-start;
    }
}

.faq-wrapper .faq-tabs .faq-tab {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.faq-wrapper .faq-tabs .faq-tab::after {
    content: "";
    position: absolute;
    bottom: -0.3rem;
    left: 50%;
    width: 0;
    transform: translateX(-50%);
    border-bottom: 0.22rem solid #aaa07a;
}

@media screen and (max-width: 767px) {
    .faq-wrapper .faq-tabs .faq-tab::after {
        border-bottom-width: 0.11rem;
    }
}

.faq-wrapper .faq-tabs .faq-tab:hover::after {
    width: 100%;
}

.faq-wrapper .faq-content {
    margin-top: 1.1rem;
    background-color: #ffffff;
    padding: 1.5rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

@media screen and (min-width: 768px) {
    .faq-wrapper .faq-content {
        margin-top: 1.3rem;
        padding: 2rem;
        margin-left: 2.7rem;
        margin-right: 2.7rem;
    }
}

.faq-wrapper .faq-item {
    font-size: 1.4rem;
    line-height: 2rem;
    margin-bottom: 1.5rem;
}

@media screen and (min-width: 768px) {
    .faq-wrapper .faq-item {
        font-size: 1.2rem;
        line-height: 2.2rem;
    }
}

.faq-wrapper .faq-item .question,
.faq-wrapper .faq-item .answer {
    position: relative;
}

@media screen and (min-width: 768px) {
    .faq-wrapper .faq-item .question,
    .faq-wrapper .faq-item .answer {
        padding-left: 2.7rem;
    }

    .faq-wrapper .faq-item .question::before,
    .faq-wrapper .faq-item .answer::before {
        position: absolute;
        left: 0;
    }
}

@media screen and (max-width: 767px) {
    .faq-wrapper .faq-item .question::before,
    .faq-wrapper .faq-item .answer::before {
        display: inline-block;
        margin-right: 1.5rem;
    }
}

.faq-wrapper .faq-item .question {
    font-weight: bold;
}

.faq-wrapper .faq-item .question::before {
    content: "Q.";
}

.faq-wrapper .faq-item .answer {
    margin-bottom: 1rem;
}

.faq-wrapper .faq-item .answer::before {
    content: "A.";
}

.faq-wrapper .faq-item .action {
    display: flex;
    justify-content: end;
    gap: 2rem;
}

@media screen and (max-width: 767px) {
    .faq-wrapper .faq-item .action {
        justify-content: center;
        margin-top: 1.5rem;
    }
}

.faq-wrapper .container-totop .btn-top {
    margin-right: 1.3rem;
}

@media screen and (min-width: 768px) {
    .faq-wrapper .container-totop .btn-top {
        padding-right: 4rem;
    }
}

.terms-content {
    height: 45rem;
    overflow-y: scroll;
    margin-top: 4.5rem;
}

@media screen and (max-width: 767px) {
    .terms-content {
        height: 32.5rem;
        margin-top: 3rem;
    }
}

.privacy-content {
    height: 37.5rem;
    overflow-y: scroll;
    margin-top: 3rem;
}

@media screen and (max-width: 767px) {
    .privacy-content {
        height: 32.5rem;
        margin-top: 3rem;
    }
}

.terms-note {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.6rem;
    margin-top: 1.8rem;
    padding-left: 1.3rem;
}

@media screen and (max-width: 767px) {
    .terms-note {
        font-size: 1.4rem;
        line-height: 1.5rem;
        margin-top: 1.5rem;
        padding-left: 1rem;
    }
}

.terms-check {
    margin-top: 5rem;
    text-align: center;
}

.terms-check .form-checkbox-field {
    display: inline-block;
}

.terms-check .form-checkbox-field-text {
    font-weight: 600;
    display: block;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .terms-check {
        margin-top: 3rem;
    }
}

.p-terms_of_use .page-pw__ttl {
    margin-bottom: 4.3rem;
}

.p-terms_of_use .tnd-title {
    margin-bottom: 4rem;
}

@media screen and (max-width: 767px) {
    .p-terms_of_use .tnd-title {
        margin-bottom: 2.5rem;
    }
}

@media screen and (max-width: 767px) {
    .p-terms_of_use .page-pw__ttl {
        margin-bottom: 3rem;
    }
}

.p-agree .tnd-title {
    margin-bottom: 2.7rem;
}

@media screen and (max-width: 767px) {
    .p-agree .tnd-title {
        margin-bottom: 2.5rem;
    }
}

.p-contact .form-contact .note {
    font-size: 1.8rem;
    line-height: 2rem;
    font-weight: 400;
    margin-top: 1rem;
}

.p-contact .form-contact .required-note {
    margin-top: 3rem;
}

@media screen and (max-width: 767px) {
    .p-contact .form-contact .note {
        font-size: 1.4rem;
        line-height: 2rem;
        margin-bottom: 0.7rem;
    }

    .p-contact .form-contact .outline-pw .value-pw p.note {
        padding-left: 0;
    }
}

.p-specials .page-top-specials {
    background-color: #e2e0e0;
}

.p-specials .page-top-specials .inner {
    padding: 0;
    max-width: 192rem;
}

.p-specials
.page-top-specials
.specials-bn
.specials-bn-item__in
.specials-bn-description {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem;
}

.p-specials
.page-top-specials
.specials-bn
.specials-bn-item__in
.specials-bn-description__in {
    max-width: 65rem;
    font-family: "Playfair Display", sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.8rem;
}

.p-specials
.page-top-specials
.specials-bn
.specials-bn-item__in
.specials-bn-img
img {
    display: block;
    width: 100%;
    height: auto;
}

.p-specials .page-top-specials .sliders .specials-bn-img img {
    aspect-ratio: 16/9;
}

.p-specials .page-specials-function {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: repeating-linear-gradient(
            90deg,
            #f0f0f0,
            #f0f0f0 1.5rem,
            #e7e3e0 1.5rem,
            #e7e3e0 1.6rem
    );
    background-color: #f0f0f0;
}

.p-specials .page-specials-function .page-specials-function__wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-specials .specials-article-section {
    padding-top: 6.7rem;
    padding-bottom: 8.9rem;
    background-color: #ffffff;
}

.p-specials .specials-article-section .inner {
    width: 100%;
    max-width: 110rem;
    padding: 0 1.3rem;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 767px) {
    .p-specials .page-top-specials .specials-bn .specials-bn-item__in {
        display: flex;
        flex-direction: column-reverse;
    }

    .p-specials
    .page-top-specials
    .specials-bn
    .specials-bn-item__in
    .specials-bn-description {
        padding: 1rem 3rem;
        text-align: left;
    }

    .p-specials
    .page-top-specials
    .specials-bn
    .specials-bn-item__in
    .specials-bn-description__in {
        /*  font-size: 1.8rem;
                                   line-height: 2.0rem;
    */
    }

    .p-specials
    .page-top-specials
    .specials-bn
    .specials-bn-item__in
    .specials-bn-img {
        background-color: #f0f0f0;
        padding: 0 1.3rem;
        padding-bottom: 3rem;
    }

    .p-specials
    .page-top-specials
    .specials-bn
    .specials-bn-item__in
    .specials-bn-img:only-child {
        padding-bottom: 0;
    }

    .p-specials .page-top-specials .specials-bn .slick-dots {
        top: calc((100vw - 2.6rem) / 16 * 9 - 0.5rem);
        bottom: inherit;
    }

    .p-specials .page-specials-function {
        padding-top: 2rem;
        padding-bottom: 2rem;
        background: repeating-linear-gradient(
                90deg,
                #f0f0f0,
                #f0f0f0 1.3rem,
                #e7e3e0 1.3rem,
                #e7e3e0 1.5rem
        );
    }

    .p-specials .specials-article-section {
        padding-top: 3rem;
        padding-bottom: 5rem;
    }

    .p-specials .specials-article-section .inner {
        padding: 0;
    }
}

@media screen and (min-width: 768px) {
    .p-specials .page-top-specials .specials-bn .specials-bn-item__in {
        display: flex;
    }

    .p-specials
    .page-top-specials
    .specials-bn
    .specials-bn-item__in
    .specials-bn-description {
        width: 50%;
    }

    .p-specials
    .page-top-specials
    .specials-bn
    .specials-bn-item__in
    .specials-bn-img {
        width: 50%;
    }

    .p-specials
    .page-top-specials
    .specials-bn
    .specials-bn-item__in
    .specials-bn-img:only-child {
        width: 100%;
    }

    .p-specials
    .page-top-specials
    .specials-bn
    .specials-bn-item__in
    .specials-bn-img:only-child
    img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

.p-location .page-title {
    margin-bottom: 2rem;
}

.p-location .location-ttl {
    font-size: 1.9rem;
    font-weight: 400;
    line-height: 2.4rem;
    font-family: "ArVo", sans-serif;
}

.p-location .location-ttl::before {
    content: "";
    display: inline-block;
    background: url("../img/common/icon-location.svg") no-repeat center/contain;
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 2.4rem;
}

@media screen and (max-width: 767px) {
    .p-location .location-ttl {
        font-size: 1.8rem;
        line-height: 2.1rem;
    }

    .p-location .location-ttl::before {
        width: 2.36rem;
        height: 2.17rem;
        margin-right: 1.5rem;
    }
}

.p-location .page-description {
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.2rem;
}

.p-location .regions-japan .inner {
    max-width: 118.8rem;
}

.p-location .regions-japan .regions-japan__wrap {
    margin-top: 3.3rem;
    background-color: #ffffff;
    padding: 2.7rem 3.7rem;
    padding-bottom: 12.2rem;
    position: relative;
    min-height: 97.7rem;
}

.p-location .regions-japan .regions-japan__wrap .map-wrap {
    position: absolute;
    right: 4rem;
    top: 4rem;
    overflow: hidden;
    text-align: right;
}

.p-location .regions-japan .regions-japan__wrap .map-wrap svg {
    max-width: 76.5%;
}

.p-location
.regions-japan
.regions-japan__wrap
.map-wrap
svg
path:not([hover]) {
    transition: fill 0.2s ease;
}

.p-location
.regions-japan
.regions-japan__wrap
.map-wrap
svg
path:not([hover]):hover {
    fill: #aaa07a;
    cursor: pointer;
}

.p-location .regions-japan .regions-japan__wrap .location-ttl {
    margin-bottom: 4.7rem;
}

.p-location .regions-japan .regions-japan__wrap .regions-japan__content {
    padding-left: 4.4rem;
}

.p-location .regions-japan .regions-japan__wrap .regions-bottom {
    margin-top: 8rem;
}

.p-location .regions-japan .regions-japan__wrap .regions-list {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6rem;
}

.p-location
.regions-japan
.regions-japan__wrap
.regions-list
.regions-item
.regions-item__ttl {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2.9rem;
    z-index: 1;
    position: relative;
}

.p-location
.regions-japan
.regions-japan__wrap
.regions-list
.regions-item
.regions-item__list
li {
    font-size: 1.4rem;
    line-height: 2.9rem;
    font-weight: 400;
}

.p-location
.regions-japan
.regions-japan__wrap
.regions-list
.regions-item
.regions-item__list
li.with-i {
    position: relative;
}

.p-location
.regions-japan
.regions-japan__wrap
.regions-list
.regions-item
.regions-item__list
li.with-i::before {
    content: "";
    position: absolute;
    background: url("../img/common/icon-star.svg") no-repeat center/contain;
    width: 1.6rem;
    height: 1.5rem;
    left: -1.7rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

.p-location
.regions-japan
.regions-japan__wrap
.regions-list
.regions-item
.regions-item__list
li
a {
    border-bottom: 0.22rem solid transparent;
    z-index: 1;
    position: relative;
}

.p-location
.regions-japan
.regions-japan__wrap
.regions-list
.regions-item
.regions-item__list
li
a:hover {
    border-bottom-color: #aaa07a;
}

.p-location
.regions-japan
.regions-japan__wrap
.regions-list
.regions-item
.two-columns {
    -moz-columns: 2;
    columns: 2;
    -moz-column-gap: 5rem;
    column-gap: 5rem;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .p-location .regions-japan .regions-japan__wrap .map-wrap svg {
        max-width: 70%;
        height: auto;
    }
}

@media screen and (max-width: 767px) {
    .p-location .regions-japan .regions-japan__wrap {
        padding: 1.5rem;
        background-size: 100%;
        background-position: center;
        min-height: 71.1rem;
    }

    .p-location .regions-japan .regions-japan__wrap .location-ttl {
        margin-bottom: 1.5rem;
    }

    .p-location .regions-japan .regions-japan__wrap .map-wrap {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
    }

    .p-location .regions-japan .regions-japan__wrap .map-wrap svg {
        max-width: 100%;
        height: 100%;
    }

    .p-location .regions-japan .regions-japan__wrap .regions-japan__content {
        padding-left: 0;
    }

    .p-location .regions-japan .regions-japan__wrap .regions-list {
        flex-wrap: wrap;
        gap: 1.5rem;
        display: inline;
    }

    .p-location .regions-japan .regions-japan__wrap .regions-list .regions-item {
        display: inline;
    }

    .p-location
    .regions-japan
    .regions-japan__wrap
    .regions-list
    .regions-item
    .regions-item__ttl {
        font-size: 1.6rem;
        line-height: 2.88rem;
        display: none;
    }

    .p-location
    .regions-japan
    .regions-japan__wrap
    .regions-list
    .regions-item
    .regions-item__list {
        display: inline;
        flex-wrap: wrap;
    }

    .p-location
    .regions-japan
    .regions-japan__wrap
    .regions-list
    .regions-item
    .regions-item__list
    li {
        font-size: 1.6rem;
        line-height: 2.88rem;
        width: 33.3333333333%;
        display: inline;
        z-index: 1;
        position: relative;
    }

    .p-location
    .regions-japan
    .regions-japan__wrap
    .regions-list
    .regions-item
    .two-columns {
        -moz-columns: 1;
        columns: 1;
        -moz-column-gap: 10;
        column-gap: 10;
    }

    .p-location .regions-japan .regions-japan__wrap .regions-bottom {
        margin-top: 0;
    }

    .p-location
    .regions-japan
    .regions-japan__wrap
    .regions-list2
    .regions-item__list {
        display: flex;
        flex-wrap: wrap;
        gap: 1.2rem 2.9rem;
    }

    .p-location
    .regions-japan
    .regions-japan__wrap
    .regions-list2
    .regions-item__list
    li {
        width: calc(33.3333333333% - 2rem);
        font-size: 1.6rem;
        line-height: 2.88rem;
    }

    .p-location
    .regions-japan
    .regions-japan__wrap
    .regions-list2
    .regions-item__list
    li.with-i {
        position: relative;
    }

    .p-location
    .regions-japan
    .regions-japan__wrap
    .regions-list2
    .regions-item__list
    li.with-i::before {
        content: "";
        position: absolute;
        background: url("../img/common/icon-star.svg") no-repeat center/contain;
        width: 1.4rem;
        height: 1.4rem;
        left: -1.5rem;
        top: 50%;
        transform: translateY(-50%);
        z-index: 3;
    }

    .p-location
    .regions-japan
    .regions-japan__wrap
    .regions-list2
    .regions-item__list
    li
    a {
        border-bottom: 0.11rem solid transparent;
        z-index: 1;
        position: relative;
    }

    .p-location
    .regions-japan
    .regions-japan__wrap
    .regions-list2
    .regions-item__list
    li
    a:hover {
        border-bottom-color: #aaa07a;
    }
}

/* 地図以下部のテキスト欄 */

.p-location .specials-by-location {
    background-color: #ffffff;
    padding-top: 6rem;
    padding-bottom: 6rem;
    margin-top: 5.4rem;
}

.p-location .specials-by-location-sanchi {
    background-color: #ffffff;
    padding-top: 1rem;
    padding-bottom: 6rem;
    margin-top: 5.4rem;
}

.p-location .specials-by-location .inner {
    max-width: 111rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1.3rem;
}

.p-location .specials-by-location-sanchi .inner {
    max-width: 111rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1.3rem;
}

.p-location .specials-by-location .location-article__list {
    margin-top: 5.4rem;
}

.p-location .specials-by-location-sanchi .location-article__list {
    margin-top: 5.4rem;
}

.p-location
.specials-by-location
.location-article__list
.location-article:not(:last-child) {
    margin-bottom: 6rem;
}

.specials-by-location-sanchi
.location-article__list
.location-article:not(:last-child) {
    margin-bottom: 6rem;
}

.thumb-left
img {
    /* display: block; */
    width: 30%;
    border: 0.22rem solid #d2d2d2;
    float: left;
    margin-top: 0.5em;
    margin-right: 0.8em;
    margin-bottom: 0.2em;
}

.p-location
.specials-by-location
.location-article__list
.location-article__in
.thumb-left
img {
    /* display: block; */
    width: 30%;
    border: 0.22rem solid #d2d2d2;
    float: left;
    margin-top: 0.6em;
    margin-right: 0.8em;
    margin-bottom: 0.2em;
}

.p-location
.specials-by-location-sanchi
.location-article__list
.location-article__in
.thumb-left
img {
    /* display: block; */
    width: 30%;
    border: 0.22rem solid #d2d2d2;
    float: left;
    margin-top: 0.6em;
    margin-right: 0.8em;
    margin-bottom: 0.2em;
}

.p-location
.specials-by-location
.location-article__list
.location-article__in
.thumb-right
img {
    /* display: block; */
    width: 30%;
    border: 0.22rem solid #d2d2d2;
    float: right;
    margin-top: 0.6em;
    margin-left: 0.5em;
    margin-bottom: 1em;
}

.p-location
.specials-by-location-sanchi
.location-article__list
.location-article__in
.thumb-right
img {
    /* display: block; */
    width: 30%;
    border: 0.22rem solid #d2d2d2;
    float: right;
    margin-top: 0.6em;
    margin-left: 0.5em;
    margin-bottom: 1em;
}

.p-location
.specials-by-location
.location-article__list
.location-article__in
.thumb
img {
    /* display: block; */
    width: 100%;
    border: 0.22rem solid #d2d2d2;
}

.p-location
.specials-by-location-sanchi
.location-article__list
.location-article__in
.thumb
img {
    /* display: block; */
    width: 100%;
    border: 0.22rem solid #d2d2d2;
}

.p-location
.specials-by-location
.location-article__list
  .location-article__in:hover
  .thumb
img {
    border-color: #aaa07a;
}

.p-location
.specials-by-location
.location-article__list
.location-article__in
.text
.text-ttl {
    font-weight: bold;
}

.p-location
.specials-by-location-sanchi
.location-article__list
.location-article__in
.text
.text-ttl {
    font-weight: bold;
}

.p-location
.specials-by-location
.location-article__list
.location-article__in
.text-sanchi
.text-ttl {
    font-weight: bold;
}

.p-location
.specials-by-location-sanchi
.location-article__list
.location-article__in
.text-sanchi
.text-ttl {
    font-weight: bold;
}

.p-location
.specials-by-location
.location-article__list
.location-article__in
.text
.text-ttl
.text-ttl__link {
    border-bottom: 0.22rem solid transparent;
}

.p-location
.specials-by-location
.location-article__list
  .location-article__in:hover
.text
  .text-ttl
.text-ttl__link {
    border-color: #aaa07a;
}

.p-location
.specials-by-location-sanchi
.location-article__list
.location-article__in
.text
.text-ttl:hover
.text-ttl__link {
    border-color: #aaa07a;
}

.p-location
.specials-by-location
.location-article__list
.location-article__in
.text
.text-ttl,
.p-location
.specials-by-location
.location-article__list
.location-article__in
.text
.text-snip {
    font-size: 1.4rem;
    line-height: 2.2rem;
    /* word-break: break-word; */
}

.p-location
.specials-by-location-sanchi
.location-article__list
.location-article__in
.text
.text-ttl,
.p-location
.specials-by-location-sanchi
.location-article__list
.location-article__in
.text
.text-snip {
    font-size: 1.4rem;
    line-height: 2.2rem;
    /* word-break: break-word; */
}

.p-location
.specials-by-location
.location-article__list
.location-article__in
.text-sanchi
.text-snip-sanchi {
    font-size: 1.6rem;
    line-height: 2.2rem;
    margin-bottom: 1.1em;
    /* word-break: break-word; */
}

.text-snip-sanch {
    font-size: 1.6rem;
}

span.text-link-sanchi a:hover {
    border-bottom: solid 2px;
    border-bottom-color: #aaa07a;
    padding-bottom: 0.1em;
}

@media screen and (min-width: 768px) {
    .p-location .specials-by-location .location-article__list {
        margin-left: 3.7rem;
        margin-right: 3.7rem;
    }

    .p-location .specials-by-location-sanchi .location-article__list {
        margin-left: 3.7rem;
        margin-right: 3.7rem;
    }
}

@media screen and (max-width: 767px) {
    .p-location .location-ttl {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }

    .p-location .page-description {
        font-size: 1.6rem;
        line-height: 1.9rem;
    }

    .p-location .specials-by-location {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
        margin-top: 3rem;
    }

    .p-location .specials-by-location-sanchi {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
        margin-top: 3rem;
    }

    .p-location .specials-by-location .location-article__list {
        margin-top: 3rem;
    }

    .p-location .specials-by-location-sanchi .location-article__list {
        margin-top: 3rem;
    }

    .p-location
    .specials-by-location
    .location-article__list
    .location-article:not(:last-child) {
        margin-bottom: 3rem;
    }

    .p-location
    .specials-by-location-sanchi
    .location-article__list
    .location-article:not(:last-child) {
        margin-bottom: 3rem;
    }

    .p-location
    .specials-by-location
    .location-article__list
    .location-article__in
    .text {
        margin-top: 2rem;
    }

    .p-location
    .specials-by-location-sanchi
    .location-article__list
    .location-article__in
    .text {
        margin-top: 2rem;
    }

    .p-location
    .specials-by-location
    .location-article__list
    .location-article__in
    .text
    .text-ttl {
        margin-bottom: 2rem;
    }

    .p-location
    .specials-by-location-sanchi
    .location-article__list
    .location-article__in
    .text
    .text-ttl {
        margin-bottom: 2rem;
    }

    .p-location
    .specials-by-location
    .location-article__list
    .location-article__in
    .text
    .text-ttl,
    .p-location
    .specials-by-location
    .location-article__list
    .location-article__in
    .text
    .text-snip {
        font-size: 1.4rem;
        line-height: 2em;
    }

    .p-location
    .specials-by-location-sanchi
    .location-article__list
    .location-article__in
    .text
    .text-ttl,
    .p-location
    .specials-by-location-sanchi
    .location-article__list
    .location-article__in
    .text
    .text-snip {
        font-size: 1.4rem;
        line-height: 2em;
    }

    .p-location
    .specials-by-location
    .location-article__list
    .location-article__in
    .text
    .text-snip-sanchi {
        font-size: 1.4rem;
        line-height: 2em;
        margin-bottom: 1em;
    }

    a.text-link-sanchi:hover {
        border-bottom: solid 2px;
        border-bottom-color: #aaa07a;
        padding-bottom: 0.1em;
    }
}
@media screen and (min-width: 768px) {
    .p-location
    .specials-by-location
    .location-article__list
    .location-article__in {
        display: flex;
        gap: 3.7rem;
    }

    .p-location
    .specials-by-location-sanchi
    .location-article__list
    .location-article__in {
        display: flex;
        gap: 3.7rem;
    }

    .p-location
    .specials-by-location
    .location-article__list
    .location-article__in
    .thumb {
        width: 22.2rem;
    }

    .p-location
    .specials-by-location-sanchi
    .location-article__list
    .location-article__in
    .thumb {
        width: 22.2rem;
    }

    .p-location
    .specials-by-location
    .location-article__list
    .location-article__in
    .text {
        width: calc(100% - 22.2rem - 3.7rem);
    }

    .p-location
    .specials-by-location-sanchi
    .location-article__list
    .location-article__in
    .text {
        width: calc(100% - 22.2rem - 3.7rem);
    }

    .p-location
    .specials-by-location
    .location-article__list
    .location-article__in
    .text-sanchi {
        /* width: calc(100% - 22.2rem - 3.7rem); */
    }

    .p-location
    .specials-by-location-sanchi
    .location-article__list
    .location-article__in
    .text-sanchi {
        /* width: calc(100% - 22.2rem - 3.7rem); */
    }
}

.p-location-wrap {
    padding-bottom: 0;
}

@media screen and (max-width: 767px) {
    .p-location-wrap .page-title {
        font-size: 2rem;
    }
}

.component-item {
    margin: 2.7rem auto;
}

/****
** Page 210
**/
.p-component {
    padding: 4rem 0;
}

@media screen and (max-width: 767px) {
    .p-component {
        padding: 4rem 0;
    }
}

.p-component .inner {
    max-width: 130rem;
}

.p-component .component-search-box_sp .search-form {
    margin: auto;
}

.supplier-name__ttl {
    font-size: 1.9rem;
    line-height: 2.4rem;
    font-weight: 400;
    font-family: "ArVo", sans-serif;
    position: relative;
    display: flex;
    align-items: center;
}

.supplier-name__ttl::before {
    content: "";
    display: inline-block;
    background: url("../img/common/icon-supplier_b.svg") no-repeat center/contain;
    width: 1.5rem;
    height: 1.8rem;
    margin-right: 2.4rem;
}

@media screen and (max-width: 767px) {
    .supplier-name__ttl {
        font-size: 1.4rem;
        line-height: 1.6rem;
    }

    .supplier-name__ttl::before {
        width: 1.75rem;
        height: 2.17rem;
        margin-right: 1.5rem;
    }
}

@media screen and (min-width: 768px) {
    .p_208 .search-result_content .inner {
        max-width: 120rem;
        padding-left: calc(5% + 1rem);
        padding-right: calc(5% + 1rem);
    }
}

.p_208-heading {
    background-color: #f0f0f0;
    /*   @include tablet{
        .p_208-heading_wrap {
            .info{
                padding-right: 1rem;

                .info-top {
                    .n-item {
                        font-size: 5.3rem;
                        line-height: 4.5rem;

                        .n-item_unit {
                            font-size: 2.2rem;
                            line-height: 3.5rem;
                        }
                    }

                    .sep {
                        font-size: 3.3rem;
                        line-height: 4.5rem;
                    }
                }
                .info-bottom {
                    margin-top: 3.0rem;
                    .n-item {
                        font-size: 4.2rem;
                        line-height: 2.9rem;

                        .n-item_unit {
                            font-size: 2.2rem;
                        line-height: 2.9rem;
                        }
                    }

                    .sep {
                        font-size: 4.2rem;
                        line-height: 2.9rem;
                    }

                    .info-quan {
                        li{
                            .info-quan__main{
                                width: 75%;
                                padding-right: 0.85rem;
                                white-space: nowrap;

                            }
                            .info-quan__unit{
                                padding-left: 1.25rem;
                                font-size: 1.8rem;
                                line-height: 2.1;
                                width: 25%;
                                min-width: auto;
                                white-space: nowrap;
                                &::before {

                                    border-left-width: 0.4rem;
                                    width: 0.4rem;
                                }
                            }
                            &:first-child{
                                .info-quan__unit{
                                    &::before {
                                        top: 1.0rem;
                                    }
                                }
                            }
                            &:last-child{
                                .info-quan__unit{
                                    &::before {
                                        bottom: 1.0rem;
                                    }
                                }
                            }
                        }

                    }


                }
            }
        }
    } */
}

.p_208-heading .inner {
    max-width: 1920px;
    padding: 0;
}

.p_208-heading .p_208-heading_wrap .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.p_208-heading .p_208-heading_wrap .info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    padding-right: 6rem;
    padding-right: 3.5%;
}

.p_208-heading .p_208-heading_wrap .info .n-item {
    display: inline-block;
    font-weight: bold;
    white-space: nowrap;
    font-family: "futura-pt-cond", sans-serif;
}

.p_208-heading .p_208-heading_wrap .info .n-item .n-item_unit {
    font-weight: 400;
    font-family: "ArVo", sans-serif;
    letter-spacing: 0.02em;
}

.p_208-heading .p_208-heading_wrap .info .sep {
    font-family: "futura-pt-cond", sans-serif;
    letter-spacing: 0.05em;
    margin: 0 0.1em;
    font-weight: 500;
}

.p_208-heading .p_208-heading_wrap .info .info-top {
    display: flex;
}

.p_208-heading .p_208-heading_wrap .info .info-top .n-item {
    font-size: 7rem;
    line-height: 9.4rem;
    color: #aaa07a;
}

@media screen and (min-width: 768px) {
    .p_208-heading .p_208-heading_wrap .info .info-top .n-item {
    font-size: clamp(1rem, 3.6458333333vw, 7rem);/* 2024-1114 */
        line-height: 1.3428571429;
    }
}

.p_208-heading .p_208-heading_wrap .info .info-top .n-item .n-item_unit {
    font-size: 2.8rem;
    line-height: 3.5rem;
    margin-left: 1rem;
}

@media screen and (min-width: 768px) {
    .p_208-heading .p_208-heading_wrap .info .info-top .n-item .n-item_unit {
    font-size: clamp(1rem, 1.4583333333vw ,2.8rem);/* 2024-1114 */
        line-height: 1.25;
    }
}

.p_208-heading .p_208-heading_wrap .info .info-top .sep {
    font-size: 7rem;
    line-height: 9.4rem;
    color: #aaa07a;
}

@media screen and (min-width: 768px) {
    .p_208-heading .p_208-heading_wrap .info .info-top .sep {
    font-size: clamp(1rem, 3.6458333333vw, 7rem);/* 2024-1114 */
        line-height: 1.3428571429;
    }
}

.p_208-heading .p_208-heading_wrap .info .info-bottom {
    display: flex;
    margin-top: 7rem;
}

@media screen and (min-width: 768px) {
    .p_208-heading .p_208-heading_wrap .info .info-bottom {
    margin-top: clamp(1rem, 3.6458333333vw, 7rem);/* 2024-1114 */
    }
}

.p_208-heading .p_208-heading_wrap .info .info-bottom .n-item {
    font-size: 5rem;
    line-height: 6.3rem;
    color: #94989b;
}

@media screen and (min-width: 768px) {
    .p_208-heading .p_208-heading_wrap .info .info-bottom .n-item {
    font-size: clamp(1rem, 2.6041666667vw ,5rem);/* 2024-1114 */
        line-height: 1.26;
    }
}

.p_208-heading .p_208-heading_wrap .info .info-bottom .n-item .n-item_unit {
    font-size: 2rem;
    margin-left: 1rem;
}

@media screen and (min-width: 768px) {
    .p_208-heading .p_208-heading_wrap .info .info-bottom .n-item .n-item_unit {
    font-size: clamp(1rem, 1.0416666667vw, 2rem);/* 2024-1114 */
        margin-left: 0.5208333333vw;
    }
}

.p_208-heading .p_208-heading_wrap .info .info-bottom .sep {
    font-size: 5rem;
    line-height: 6.3rem;
    color: #94989b;
}

@media screen and (min-width: 768px) {
    .p_208-heading .p_208-heading_wrap .info .info-bottom .sep {
    font-size: clamp(1rem, 2.6041666667vw ,5rem);/* 2024-1114 */
        line-height: 1.26;
    }
}

.p_208-heading .p_208-heading_wrap .info .info-bottom .info-quan li {
    display: flex;
    white-space: nowrap;
}

.p_208-heading
.p_208-heading_wrap
.info
.info-bottom
.info-quan
li
.info-quan__main {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    width: 70%;
    padding-right: 2.5rem;
    white-space: nowrap;
}

.p_208-heading
.p_208-heading_wrap
.info
.info-bottom
.info-quan
li
.info-quan__unit {
    padding-left: 3.3rem;
    font-size: 2.8rem;
    line-height: 2.62;
    color: #94989b;
    font-weight: bold;
    width: 30%;
    position: relative;
    white-space: nowrap;
}

@media screen and (min-width: 768px) {
    .p_208-heading
    .p_208-heading_wrap
    .info
    .info-bottom
    .info-quan
    li
    .info-quan__unit {
    font-size: clamp(1rem, 1.4583333333vw ,2.8rem);/* 2024-1114 */
    padding-left: clamp(1rem , 1.71875vw ,3.3rem);/* 2024-1114 */
        white-space: nowrap;
    }
}

.p_208-heading
.p_208-heading_wrap
.info
.info-bottom
.info-quan
li
.info-quan__unit::before {
    content: "";
    position: absolute;
    border-left-style: sold;
    border-left-color: #94989b;
    width: 0.8rem;
    left: 0;
    top: 0;
    bottom: 0;
    white-space: nowrap;
}

@media screen and (min-width: 768px) {
    .p_208-heading
    .p_208-heading_wrap
    .info
    .info-bottom
    .info-quan
    li
    .info-quan__unit::before {
    border-left-width: clamp(0.3rem, 0.4166666667vw, 0.8rem); /* 2024-1114 */
        white-space: nowrap;
    }
}

.p_208-heading
.p_208-heading_wrap
.info
.info-bottom
.info-quan
li:first-child
.info-quan__unit::before {
    top: 2.5rem;
    white-space: nowrap;
}

@media screen and (min-width: 768px) {
    .p_208-heading
    .p_208-heading_wrap
    .info
    .info-bottom
    .info-quan
    li:first-child
    .info-quan__unit::before {
        top: 1.3020833333vw;
        white-space: nowrap;
    }
}

.p_208-heading
.p_208-heading_wrap
.info
.info-bottom
.info-quan
li:last-child
.info-quan__unit::before {
    bottom: 2.5rem;
    white-space: nowrap;
}

@media screen and (min-width: 768px) {
    .p_208-heading
    .p_208-heading_wrap
    .info
    .info-bottom
    .info-quan
    li:last-child
    .info-quan__unit::before {
        bottom: 1.3020833333vw;
        white-space: nowrap;
    }
}

@media screen and (min-width: 768px) {
    .p_208-heading .p_208-heading_wrap {
        display: flex;
    }

    .p_208-heading .p_208-heading_wrap .img,
    .p_208-heading .p_208-heading_wrap .info {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .p_208-heading .p_208-heading_wrap .info {
        padding: 2rem;
    }

    .p_208-heading .p_208-heading_wrap .info .info-top .n-item {
        font-size: 3.3rem;
        line-height: 4.5rem;
    }

    .p_208-heading .p_208-heading_wrap .info .info-top .n-item .n-item_unit {
        font-size: 1.4rem;
        line-height: 4.5rem;
        margin-left: 0.5rem;
    }

    .p_208-heading .p_208-heading_wrap .info .info-top .sep {
        font-size: 3.3rem;
        line-height: 4.5rem;
    }

    .p_208-heading .p_208-heading_wrap .info .info-bottom {
        margin-top: 2rem;
    }

    .p_208-heading .p_208-heading_wrap .info .info-bottom .n-item {
        font-size: 2.2rem;
        line-height: 2.9rem;
        color: #94989b;
    }

    .p_208-heading .p_208-heading_wrap .info .info-bottom .n-item .n-item_unit {
        font-size: 1.2rem;
        line-height: 2.9rem;
        margin-left: 0.5rem;
    }

    .p_208-heading .p_208-heading_wrap .info .info-bottom .sep {
        font-size: 2.2rem;
        line-height: 2.9rem;
    }

    .p_208-heading
    .p_208-heading_wrap
    .info
    .info-bottom
    .info-quan
    li
    .info-quan__main {
        padding-right: 0.85rem;
        white-space: nowrap;
    }

    .p_208-heading
    .p_208-heading_wrap
    .info
    .info-bottom
    .info-quan
    li
    .info-quan__unit {
        padding-left: 1.25rem;
        min-width: 5rem;
        font-size: 1.4rem;
        line-height: 2.35;
        white-space: nowrap;
    }

    .p_208-heading
    .p_208-heading_wrap
    .info
    .info-bottom
    .info-quan
    li
    .info-quan__unit::before {
        border-left-width: 0.4rem;
        width: 0.4rem;
        white-space: nowrap;
    }

    .p_208-heading
    .p_208-heading_wrap
    .info
    .info-bottom
    .info-quan
    li:first-child
    .info-quan__unit::before {
        top: 1rem;
        white-space: nowrap;
    }

    .p_208-heading
    .p_208-heading_wrap
    .info
    .info-bottom
    .info-quan
    li:last-child
    .info-quan__unit::before {
        bottom: 1rem;
        white-space: nowrap;
    }

    .p_208-heading
    .p_208-heading_wrap
    .info
    .info-bottom
    .info-quan-unit::before {
        border-left: 0.4rem solid #94989b;
        width: 0.4rem;
        top: 1rem;
        bottom: 1rem;
        white-space: nowrap;
    }
}

.p_208-intro {
    background-color: #f7f7f7;
    padding: 3rem 0;
}

.p_208-intro-sanchi .breadcrumbs-sanchi {
    font-size: 1.4rem;
    padding: 1rem 0;
}

.p_208-intro-sanchi .breadcrumbs-sanchi a:hover {
    border-bottom: solid 2px;
    border-bottom-color: #aaa07a;
    padding-bottom: 0.1em;
}

.p_208-intro-wrap .p_208__ttl {
    font-size: 2rem;
    line-height: 2.6rem;
    font-weight: 900;
    font-family: "sofia-pro", sans-serif;
    text-align: center;
}

.p_208-intro-wrap .p_208__ttl-sanchi {
    font-size: 2rem;
    line-height: 2.6rem;
    font-weight: 900;
    font-family: "sofia-pro", sans-serif;
    text-align: left;
}

.p_208-intro-wrap .p_208__description {
    margin-top: 2rem;
    font-size: 1.4rem;
    line-height: 2rem;
}

@media screen and (min-width: 768px) {
    .p_208-intro {
        padding: 5rem 0;
    }

    .p_208-intro-sanchi {
        padding-top: 1rem;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 5rem;
    }

    .p_208-intro .inner {
        max-width: 103rem;
    }

    .p_208-intro-sanchi .inner {
        max-width: 103rem;
    }

    .p_208-intro-wrap .p_208__ttl {
        font-size: 3.4rem;
        line-height: 4.3rem;
    }

    .p_208-intro-wrap .p_208__ttl-sanchi {
        font-size: 3.4rem;
        line-height: 4.3rem;
    }

    .p_208-intro-wrap .p_208__description {
        font-size: 1.2rem;
        line-height: 2.2rem;
    }

    .p_208-intro-wrap .p_208__description-sanchi {
        font-size: 1.3rem;
        line-height: 2.2rem;
        margin-top: 1.3rem;
    }
}

@media screen and (max-width: 767px) {
    .p_208-intro-sanchi {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

/**************************************
 stepFlow
 **************************************/
.stepflow {
    display: flex;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 0;
    list-style: none;
    position: relative;
    max-width: 52.6rem;
    margin: 0 auto 2.4rem auto;
    padding: 0 1.5rem;
    height: 3.2rem;
}

.stepflow::before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    content: "";
    width: calc(100% - 3rem);
}

.stepflow .stepflow__item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #f2cdd6;
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin: 0 -1.5rem;
    -webkit-clip-path: polygon(
            5rem 50%,
            0% 0%,
            calc(100% - 5rem) 0%,
            100% 50%,
            calc(100% - 5rem) 100%,
            0% 100%
    );
    clip-path: polygon(
            5rem 50%,
            0% 0%,
            calc(100% - 5rem) 0%,
            100% 50%,
            calc(100% - 5rem) 100%,
            0% 100%
    );
}

.stepflow .stepflow__item.current {
    background: #c75370;
    font-weight: bold;
    color: #ffffff;
}

.stepflow .stepflow__item:not(:first-child) {
    -webkit-clip-path: polygonpolygon(
            3.4rem 50%,
            0% 0%,
            calc(100% - 3.4rem) 0%,
            100% 50%,
            calc(100% - 3.4rem) 100%,
            0% 100%
    );
    clip-path: polygon(
            3.4rem 50%,
            0% 0%,
            calc(100% - 3.4rem) 0%,
            100% 50%,
            calc(100% - 3.4rem) 100%,
            0% 100%
    );
}

.stepflow .stepflow__item:first-child {
    -webkit-clip-path: polygon(
            0% 0%,
            calc(100% - 3.4rem) 0%,
            100% 50%,
            calc(100% - 3.4rem) 100%,
            0% 100%
    );
    clip-path: polygon(
            0% 0%,
            calc(100% - 3.4rem) 0%,
            100% 50%,
            calc(100% - 3.4rem) 100%,
            0% 100%
    );
    text-align: left;
    padding-right: 2.5rem;
}

@media screen and (max-width: 767px) {
    .stepflow {
        margin-bottom: 3rem;
        padding: 0 1.1rem;
        height: 4.4rem;
    }

    .stepflow .stepflow__item {
        font-size: 1.4rem;
        line-height: 1;
        margin: 0 -1.1rem;
        -webkit-clip-path: polygon(
                2.5rem 50%,
                0% 0%,
                calc(100% - 2.5rem) 0%,
                100% 50%,
                calc(100% - 2.5rem) 100%,
                0% 100%
        );
        clip-path: polygon(
                2.5rem 50%,
                0% 0%,
                calc(100% - 2.5rem) 0%,
                100% 50%,
                calc(100% - 2.5rem) 100%,
                0% 100%
        );
    }

    .stepflow .stepflow__item:not(:first-child) {
        -webkit-clip-path: polygon(
                2.5rem 50%,
                0% 0%,
                calc(100% - 2.5rem) 0%,
                100% 50%,
                calc(100% - 2.5rem) 100%,
                0% 100%
        );
        clip-path: polygon(
                2.5rem 50%,
                0% 0%,
                calc(100% - 2.5rem) 0%,
                100% 50%,
                calc(100% - 2.5rem) 100%,
                0% 100%
        );
    }

    .stepflow .stepflow__item:first-child {
        -webkit-clip-path: polygon(
                0% 0%,
                calc(100% - 2.5rem) 0%,
                100% 50%,
                calc(100% - 2.5rem) 100%,
                0% 100%
        );
        clip-path: polygon(
                0% 0%,
                calc(100% - 2.5rem) 0%,
                100% 50%,
                calc(100% - 2.5rem) 100%,
                0% 100%
        );
        text-align: center;
        padding-left: 0;
        padding-right: 1.2rem;
    }
}

.registration-note p {
    font-size: 1.4rem;
    line-height: 2.2rem;
    text-align: center;
    margin-bottom: 3.5rem;
}

.registration-note p:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .registration-note {
        padding: 0 2rem;
    }

    .registration-note p {
        font-size: 1.4rem;
        line-height: 2rem;
        text-align: left;
        margin-bottom: 2rem;
    }
}

.form-registration {
    margin-top: 4rem;
}

@media screen and (min-width: 768px) {
    .form-registration .outline-pw .key-pw,
    .form-registration .outline-pw .value-pw {
        margin-bottom: 3rem;
    }

    .form-registration .pw-action {
        margin-top: 3rem;
    }
}

@media screen and (max-width: 767px) {
    .form-registration {
        margin-top: 2rem;
    }
}

.p-product-category .product-cat-top {
    max-width: 101.8rem;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    padding: 1.1rem 2.1rem;
    margin-top: 4.2rem;
}

.p-product-category .product-cat-top .product-cat__list {
    -moz-column-count: 2;
    column-count: 2;
    counter-reset: number-count;
}

.p-product-category .product-cat-top .product-cat__list li {
    counter-increment: number-count;
}

.p-product-category .product-cat-top .product-cat__list li .product-cat__link {
    position: relative;
    font-size: 1.9rem;
    line-height: 2.4rem;
    font-family: "ArVo", sans-serif;
    font-weight: 400;
    letter-spacing: 0.01em;
    display: flex;
    align-items: baseline;
}

.p-product-category
.product-cat-top
.product-cat__list
li
.product-cat__link::before {
    content: counter(number-count) ". ";
    font-size: 3.3rem;
    line-height: 6rem;
    font-weight: bold;
    font-family: "futura-pt-cond", sans-serif;
    color: #94989b;
    display: inline-block;
    min-width: 5rem;
}

.p-product-category
.product-cat-top
.product-cat__list
li
.product-cat__link
span {
    border-bottom: 0.22rem solid transparent;
}

.p-product-category
.product-cat-top
.product-cat__list
li
.product-cat__link:hover
span {
    border-bottom-color: #aaa07a;
}

@media screen and (max-width: 767px) {
    .p-product-category .product-cat-top {
        padding: 0.8rem 1rem;
        margin-top: 4rem;
    }

    .p-product-category
    .product-cat-top
    .product-cat__list
    li
    .product-cat__link {
        font-size: 1.1rem;
        line-height: 1.4rem;
        align-items: center;
    }

    .p-product-category
    .product-cat-top
    .product-cat__list
    li
    .product-cat__link::before {
        font-size: 2.2rem;
        line-height: 3.85rem;
        min-width: 2.7rem;
    }

    .p-product-category
    .product-cat-top
    .product-cat__list
    li
    .product-cat__link
    span {
        border-bottom-width: 0.11rem;
    }
}

.p-product-category .product-cat-bottom {
    background-color: #ffffff;
    margin-top: 6rem;
    padding-top: 4.7rem;
    padding-bottom: 9.4rem;
    overflow: hidden;
}

.p-product-category .product-cat-bottom .inner {
    max-width: 110rem;
    position: relative;
}

.p-product-category .product-cat-bottom .inner .btn-bottom {
    position: absolute;
    right: 1.3rem;
    bottom: -4rem;
}

@media screen and (max-width: 767px) {
    .p-product-category .product-cat-bottom .inner .btn-bottom {
        bottom: -3rem;
    }
}

.p-product-category .product-cat-bottom .product-cat-detail__list {
    counter-reset: number-count-2;
}

.p-product-category
.product-cat-bottom
.product-cat-detail__list
.link-n-hover
span {
    border-bottom: 0.22rem solid transparent;
}

.p-product-category
.product-cat-bottom
.product-cat-detail__list
.link-n-hover:hover
span {
    border-bottom-color: #aaa07a;
}

.p-product-category
.product-cat-bottom
.product-cat-detail__list
.product-cat__item {
    counter-increment: number-count-2;
    position: relative;
}

.p-product-category
.product-cat-bottom
.product-cat-detail__list
.product-cat__item:not(:last-child) {
    margin-bottom: 4.7rem;
}

.p-product-category
.product-cat-bottom
.product-cat-detail__list
.product-cat__item
.btn-top {
    position: absolute;
    right: 0;
    top: 0.8rem;
    z-index: 1;
}

.p-product-category
.product-cat-bottom
.product-cat-detail__list
.product-cat__item
.product-ttl {
    font-family: "ArVo", sans-serif;
    letter-spacing: 0.01em;
    font-size: 2.5rem;
    line-height: 3.2rem;
    margin-bottom: 1.8rem;
    color: #505960;
}

.p-product-category
.product-cat-bottom
.product-cat-detail__list
.product-cat__item
.product-ttl
.product-ttl__in
span::before {
    content: counter(number-count-2) ". ";
    font-size: 3.4rem;
    line-height: 1;
    font-weight: bold;
    font-family: "futura-pt-cond", sans-serif;
    color: #94989b;
    display: inline-block;
    min-width: 4.7rem;
}

.p-product-category
.product-cat-bottom
.product-cat-detail__list
.product-cat__item
.product-list-00__wrap {
    margin-left: 8.1rem;
}

.p-product-category
.product-cat-bottom
.product-cat-detail__list
.product-cat__item
.product-list-00__wrap
.product-list-00__item:not(:last-child) {
    margin-bottom: 2rem;
}

.p-product-category
.product-cat-bottom
.product-cat-detail__list
.product-cat__item
.product-list-00__wrap
.product-list-00__item
.product-list-00__ttl {
    color: #505960;
    font-weight: bold;
    font-size: 1.9rem;
    line-height: 3.7rem;
    margin-bottom: 1.5rem;
}

.p-product-category
.product-cat-bottom
.product-cat-detail__list
.product-cat__item
.product-list-01__wrap {
    margin-left: 3rem;
}

.p-product-category
.product-cat-bottom
.product-cat-detail__list
.product-cat__item
.product-list-01__wrap
.product-list-01__item:not(:last-child) {
    margin-bottom: 2rem;
}

.p-product-category
.product-cat-bottom
.product-cat-detail__list
.product-cat__item
.product-list-01__wrap
.product-list-01__item
.product-list-01__ttl {
    font-size: 1.4rem;
    line-height: 3rem;
    margin-bottom: 0.7rem;
    font-weight: bold;
}

.p-product-category
.product-cat-bottom
.product-cat-detail__list
.product-cat__item
.product-list-01__wrap
.product-list-01__item
.product-list-01__list {
    margin-left: 3.4rem;
    position: relative;
}

.p-product-category
.product-cat-bottom
.product-cat-detail__list
.product-cat__item
.product-list-01__wrap
.product-list-01__item
.product-list-01__list
li {
    display: inline-block;
    margin-right: 1.8rem;
    line-height: 2.7rem;
    position: relative;
}

.p-product-category
.product-cat-bottom
.product-cat-detail__list
.product-cat__item
.product-list-01__wrap
.product-list-01__item
.product-list-01__list
li
.link-of-box:hover
span {
    color: #aaa07a;
}

.p-product-category
.product-cat-bottom
.product-cat-detail__list
.product-cat__item
.product-list-01__wrap
.product-list-01__item
.product-list-01__list
li
.link-of-box {
    display: block;
}

.p-product-category
.product-cat-bottom
.product-cat-detail__list
.product-cat__item
.product-list-01__wrap
.product-list-01__item
.product-list-01__list
li
.box-content-of-product-cat {
    position: absolute;
    z-index: 3;
    opacity: 0;
    transform: translateY(0.5rem);
    transition: opacity, transform 0.2s;
    visibility: hidden;
}

.p-product-category
.product-cat-bottom
.product-cat-detail__list
.product-cat__item
.product-list-01__wrap
.product-list-01__item
.product-list-01__list
li:hover
a
span {
    color: #aaa07a;
    border-bottom-color: #aaa07a;
}

.p-product-category
.product-cat-bottom
.product-cat-detail__list
.product-cat__item
.product-list-01__wrap
.product-list-01__item
.product-list-01__list
li:hover
.box-content-of-product-cat {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

@media screen and (max-width: 767px) {
    .p-product-category .product-cat-bottom {
        margin-top: 3.5rem;
        padding-top: 2.4rem;
        padding-bottom: 7rem;
    }

    .p-product-category
    .product-cat-bottom
    .product-cat-detail__list
    .link-n-hover
    span {
        border-bottom-width: 0.11rem;
    }

    .p-product-category
    .product-cat-bottom
    .product-cat-detail__list
    .product-cat__item:not(:last-child) {
        margin-bottom: 2.8rem;
    }

    .p-product-category
    .product-cat-bottom
    .product-cat-detail__list
    .product-cat__item
    .btn-top {
        top: 0.2rem;
    }

    .p-product-category
    .product-cat-bottom
    .product-cat-detail__list
    .product-cat__item
    .product-ttl {
        margin-bottom: 1.5rem;
        font-size: 1.4rem;
        line-height: 1.6rem;
    }

    .p-product-category
    .product-cat-bottom
    .product-cat-detail__list
    .product-cat__item
    .product-ttl
    .product-ttl__in
    span::before {
        font-size: 2.2rem;
        min-width: 2.5rem;
    }

    .p-product-category
    .product-cat-bottom
    .product-cat-detail__list
    .product-cat__item
    .product-list-00__wrap {
        margin-left: 2.6rem;
    }

    .p-product-category
    .product-cat-bottom
    .product-cat-detail__list
    .product-cat__item
    .product-list-00__wrap
    .product-list-00__item:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    .p-product-category
    .product-cat-bottom
    .product-cat-detail__list
    .product-cat__item
    .product-list-00__wrap
    .product-list-00__item
    .product-list-00__ttl {
        font-size: 1.4rem;
        line-height: 2rem;
        margin-bottom: 1.5rem;
    }

    .p-product-category
    .product-cat-bottom
    .product-cat-detail__list
    .product-cat__item
    .product-list-01__wrap {
        margin-left: 0.5rem;
    }

    .p-product-category
    .product-cat-bottom
    .product-cat-detail__list
    .product-cat__item
    .product-list-01__wrap
    .product-list-01__item:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    .p-product-category
    .product-cat-bottom
    .product-cat-detail__list
    .product-cat__item
    .product-list-01__wrap
    .product-list-01__item
    .product-list-01__ttl {
        font-size: 1.4rem;
        line-height: 2rem;
        margin-bottom: 1rem;
    }

    .p-product-category
    .product-cat-bottom
    .product-cat-detail__list
    .product-cat__item
    .product-list-01__wrap
    .product-list-01__item
    .product-list-01__list {
        margin-left: 0;
    }

    .p-product-category
    .product-cat-bottom
    .product-cat-detail__list
    .product-cat__item
    .product-list-01__wrap
    .product-list-01__item
    .product-list-01__list
    li {
        margin-right: 1.2rem;
        font-size: 1.4rem;
        line-height: 3.6rem;
    }
}

.p-product-category .box-content-of-product-cat {
    background-color: #ffffff;
    width: 50rem;
    padding-top: 1rem;
}

@media screen and (max-width: 767px) {
    .p-product-category .box-content-of-product-cat {
        width: 28.5rem;
        padding-top: 0.5rem;
    }
}

.p-product-category .box-content-of-product-cat .pc_box {
    max-width: 50rem;
    width: 100%;
    border: 0.22rem solid #aaa07a;
}

.p-product-category .box-content-of-product-cat .pc_box .pc_box-item {
    padding: 2rem 3.3rem;
    padding-right: 2rem;
    display: flex;
    border: 0.22rem solid transparent;
    border-left: none;
    border-right: none;
    margin: -0.22rem;
}

.p-product-category .box-content-of-product-cat .pc_box .pc_box-item .img {
    width: 10rem;
    height: 10rem;
}

.p-product-category .box-content-of-product-cat .pc_box .pc_box-item .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.p-product-category .box-content-of-product-cat .pc_box .pc_box-item .text {
    margin-left: 2.2rem;
}

.p-product-category
.box-content-of-product-cat
.pc_box
.pc_box-item
.text
.pc_box__ttl,
.p-product-category
.box-content-of-product-cat
.pc_box
.pc_box-item
.text
.pc_box__price,
.p-product-category
.box-content-of-product-cat
.pc_box
.pc_box-item
.text
.pc_box__snip {
    line-height: 3.3rem;
}

.p-product-category
.box-content-of-product-cat
.pc_box
.pc_box-item
.text
.pc_box__ttl {
    font-weight: bold;
}

.p-product-category
.box-content-of-product-cat
.pc_box
.pc_box-item
.text
.pc_box__price {
    font-weight: 600;
}

.p-product-category .box-content-of-product-cat .pc_box .pc_box-item:hover {
    border-color: #aaa07a;
    background-color: rgba(112, 112, 112, 0.22);
}

@media screen and (max-width: 767px) {
    .p-product-category .box-content-of-product-cat .pc_box {
        border-width: 0.11rem;
    }

    .p-product-category .box-content-of-product-cat .pc_box .pc_box-item {
        padding: 1.2rem;
        padding-right: 1.2rem;
        border-width: 0.11rem;
        margin: -0.11rem;
    }

    .p-product-category .box-content-of-product-cat .pc_box .pc_box-item .img {
        width: 7rem;
        height: 7rem;
    }

    .p-product-category .box-content-of-product-cat .pc_box .pc_box-item .text {
        margin-left: 1.2rem;
    }

    .p-product-category
    .box-content-of-product-cat
    .pc_box
    .pc_box-item
    .text
    .pc_box__ttl,
    .p-product-category
    .box-content-of-product-cat
    .pc_box
    .pc_box-item
    .text
    .pc_box__price,
    .p-product-category
    .box-content-of-product-cat
    .pc_box
    .pc_box-item
    .text
    .pc_box__snip {
        line-height: 1.9rem;
        font-size: 1.2rem;
    }
}

.p-suppliers-single {
    padding-top: 2.5rem;
    overflow: hidden;
}

@media screen and (min-width: 768px) {
    .p-suppliers-single {
        padding-top: 3.4rem;
    }
}

.p-suppliers-single .inner {
    max-width: 104.6rem;
}

.p-suppliers-single .main-info .inner {
    max-width: 110rem;
}

.p-suppliers-single .box-suppliers-info {
    padding-bottom: 4rem;
}

.p-suppliers-single .box-suppliers-info .p-suppliers-single__ttl {
    font-size: 1.8rem;
    line-height: 2rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    font-family: "sofia-pro", sans-serif;
    /* word-break: break-all; */
}

.p-suppliers-single .box-suppliers-info .sup-info_sns {
    margin-top: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.p-suppliers-single .box-suppliers-info .sup-info_sns-item {
    width: 1.7rem;
    height: 1.7rem;
    position: relative;
    text-indent: -9999em;
}

.p-suppliers-single .box-suppliers-info .sup-info_sns-item::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: 0.2s background-image;
}

.p-suppliers-single .box-suppliers-info .sup-info_sns-item.-sns-web::after {
    background-image: url("../img/common/icon-web.svg");
}

.p-suppliers-single
.box-suppliers-info
.sup-info_sns-item.-sns-web:hover::after {
    background-image: url("../img/common/icon-web-h.svg");
}

.p-suppliers-single .box-suppliers-info .sup-info_sns-item.-sns-insta::after {
    background-image: url("../img/common/icon-instagram.svg");
}

.p-suppliers-single
.box-suppliers-info
.sup-info_sns-item.-sns-insta:hover::after {
    background-image: url("../img/common/icon-instagram-h.svg");
}

.p-suppliers-single .box-suppliers-info .sup-info_sns-item.-sns-tw::after {
    background-image: url("../img/common/icon-twitter.svg");
}

.p-suppliers-single
.box-suppliers-info
.sup-info_sns-item.-sns-tw:hover::after {
    background-image: url("../img/common/icon-twitter-h.svg");
}

.p-suppliers-single .box-suppliers-info .sup-info_sns-item.-sns-fb::after {
    background-image: url("../img/common/icon-facebook.svg");
}

.p-suppliers-single
.box-suppliers-info
.sup-info_sns-item.-sns-fb:hover::after {
    background-image: url("../img/common/icon-facebook-h.svg");
}

.p-suppliers-single .box-suppliers-info .sup-info_sns-item.-sns-youtube::after {
    background-image: url("../img/common/icon-youtube.svg");
}

.p-suppliers-single
.box-suppliers-info
.sup-info_sns-item.-sns-youtube:hover::after {
    background-image: url("../img/common/icon-youtube-h.svg");
}

.p-suppliers-single .box-suppliers-info .sup-info_sns a {
    display: block;
}

.p-suppliers-single .box-suppliers-info .box-suppliers-info__top {
    margin-top: 2.4rem;
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__top
.sup-info__label,
.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__top
.sup-info__text {
    font-size: 1.4rem;
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__top
.sup-info__label {
    font-weight: bold;
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__top
.sup-info__item {
    display: flex;
    gap: 1rem;
}

.p-suppliers-single .box-suppliers-info .box-suppliers-info__top .sup-info_url {
    margin-top: 1.5rem;
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__top
.sup-info_url
ul.sup-info_url__list
li {
    display: flex;
    align-items: baseline;
    gap: 0.9rem;
    color: #505960;
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__top
.sup-info_url
ul.sup-info_url__list
li:not(:last-child) {
    margin-bottom: 1.5rem;
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__top
.sup-info_url
ul.sup-info_url__list
li
a {
    font-size: 1.4rem;
    line-height: 1.7rem;
    position: relative;
    padding-left: 2.7rem;
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__top
.sup-info_url
ul.sup-info_url__list
li
a::before {
    content: "";
    background-image: url("../img/common/icon-url.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 1.7rem;
    height: 1.5rem;
    position: absolute;
    left: 0;
    top: 0.5rem;
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__top
.sup-info_url
ul.sup-info_url__list
li
a
span {
    border-bottom: 0.11rem solid #505960;
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__top
.sup-info_url
ul.sup-info_url__list
li
a:hover {
    color: #4375ad;
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__top
.sup-info_url
ul.sup-info_url__list
li
a:hover
span {
    border-bottom-color: #4375ad;
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__top
.sup-info_url
ul.sup-info_url__list
li
a:hover::before {
    background-image: url("../img/common/icon-url-h.svg");
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__top
.box-suppliers-info_01 {
    padding: 1rem;
    background-color: #ffffff;
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__top
.box-suppliers-info_button {
    margin-top: 0.9rem;
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__top
.box-suppliers-info_button
.div-button__item:not(:last-child) {
    margin-bottom: 2rem;
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__top
.list-registered-product__wrap {
    margin-top: 1rem;
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__top
.list-registered-product {
    padding-left: 1.7rem;
    margin-left: 1rem;
    position: relative;
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__top
.list-registered-product::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0.22rem;
    height: 100%;
    background-color: #94989b;
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__top
.list-registered-product
li {
    display: flex;
    justify-content: space-between;
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__top
.list-registered-product
.list-registered-product-name,
.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__top
.list-registered-product
.list-registered-product-number {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3rem;
    letter-spacing: 0.025em;
    color: #94989b;
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__top
.list-registered-product
.list-registered-product-name {
    font-family: "futura-pt", sans-serif;
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__top
.list-registered-product
.list-registered-product-number {
    font-family: "futura-pt-cond", sans-serif;
}

.p-suppliers-single .box-suppliers-info .box-suppliers-info__bottom {
    margin-top: 1rem;
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__bottom
.video-wrap
iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 1.56;
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__bottom
.box-info__description {
    margin-top: 1rem;
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__bottom
.box-info__description
.box-info__ttl02,
.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__bottom
.box-info__description
.box-info__text02 {
    font-size: 1.4rem;
    line-height: 2rem;
}

.p-suppliers-single
.box-suppliers-info
.box-suppliers-info__bottom
.box-info__description
.box-info__ttl02 {
    font-weight: bold;
}

.p-suppliers-single .box-suppliers-info .product-specs {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.p-suppliers-single .box-suppliers-info .product-specs .product-specs__item {
    display: flex;
    flex-wrap: wrap;
    gap: 0 0.67rem;
}

.p-suppliers-single .box-suppliers-info .product-specs .product-specs__label,
.p-suppliers-single .box-suppliers-info .product-specs .product-specs__txt {
    font-size: 1.4rem;
    line-height: 2rem;
    overflow-wrap: break-word; /* 20230921 */
    /*word-break: break-all; 20230907 */
}

.p-suppliers-single .box-suppliers-info .product-specs .product-specs__txt__countries > span {
    white-space: nowrap;
}

.p-suppliers-single .box-suppliers-info .product-specs .product-specs__label {
    font-weight: bold;
}

.p-suppliers-single .box-suppliers-info .product-brand {
    padding: 1rem 1.7rem;
    background-color: #ffffff;
}

.p-suppliers-single
.box-suppliers-info
.product-brand__in
.product-brand__name {
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 2.6rem;
    font-family: "futura-pt", sans-serif;
    letter-spacing: 0.025em;
}

.p-suppliers-single .box-suppliers-info .product-brand__in .product-brand__sns {
    margin-top: 1.1rem;
    justify-content: flex-start;
    gap: 2.7rem;
}

.p-suppliers-single
.box-suppliers-info
.product-brand__in
.product-brand__follow {
    margin-top: 1.7rem;
}

/* 2023年度機能改修　FSC START */
.p-suppliers-single .box-suppliers-info .product-brand__in .sup-info__item {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

.p-suppliers-single
.box-suppliers-info
.product-brand__in
.sup-info__item
.sup-info__label {
    font-weight: bold;
}

.p-suppliers-single .box-suppliers-info .product-brand__in .sup-info_url {
    margin-top: 1.5rem;
}

.p-suppliers-single
.box-suppliers-info
.product-brand__in
.sup-info_url
ul.sup-info_url__list
li {
    display: flex;
    align-items: baseline;
    gap: 0.9rem;
    color: #505960;
}

.p-suppliers-single
.box-suppliers-info
.product-brand__in
.sup-info_url
ul.sup-info_url__list
li:not(:last-child) {
    margin-bottom: 1.5rem;
}

.p-suppliers-single
.box-suppliers-info
.product-brand__in
.sup-info_url
ul.sup-info_url__list
li
a {
    font-size: 1.4rem;
    line-height: 2rem;
    position: relative;
    padding-left: 2.7rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.p-suppliers-single
.box-suppliers-info
.product-brand__in
.sup-info_url
ul.sup-info_url__list
li
a::before {
    content: "";
    background-image: url("../img/common/icon-url.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 1.7rem;
    height: 1.5rem;
    position: absolute;
    left: 0;
    top: 0.5rem;
}

.p-suppliers-single
.box-suppliers-info
.product-brand__in
.sup-info_url
ul.sup-info_url__list
li
a
span {
    border-bottom: 0.11rem solid #505960;
}

.p-suppliers-single
.box-suppliers-info
.product-brand__in
.sup-info_url
ul.sup-info_url__list
li
a:hover {
    color: #4375ad;
}

.p-suppliers-single
.box-suppliers-info
.product-brand__in
.sup-info_url
ul.sup-info_url__list
li
a:hover
span {
    border-bottom-color: #4375ad;
}

.p-suppliers-single
.box-suppliers-info
.product-brand__in
.sup-info_url
ul.sup-info_url__list
li
a:hover::before {
    background-image: url("../img/common/icon-url-h.svg");
}

/* 2023年度機能改修　FSC END */
.p-suppliers-single
.box-suppliers-info
.box-product-button
.div-button__item:not(:last-child) {
    margin-bottom: 1.4rem;
}

.p-suppliers-single .box-suppliers-info .box-product-button .div-button__item a,
.p-suppliers-single
.box-suppliers-info
.box-product-button
.div-button__item
button {
    margin-left: auto;
    margin-right: auto;
}

.p-suppliers-single
.box-suppliers-info
.product-slider-box
.product-slider
.product-slider-item {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    height: auto;
}

.p-suppliers-single
.box-suppliers-info
.product-slider-box
.product-slider
.product-slider-item
iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}

.p-suppliers-single
.box-suppliers-info
.product-slider-box
.product-slider
.product-slider-item
img {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
}

.p-suppliers-single
.product-slider:not(.slick-initialized)
.product-slider-item:nth-child(n + 2) {
    display: none;
}

.p-suppliers-single
.box-suppliers-info
.product-slider-box
.product-slider
.slick-track {
    display: flex;
}

.p-suppliers-single
.box-suppliers-info
.product-slider-box
.product-slider
.slick-disabled {
    visibility: hidden;
    opacity: 0;
}

.p-suppliers-single
.box-suppliers-info
.product-slider-box
.product-slider
.slick-dots
li {
    width: 0.95rem;
    height: 0.95rem;
    margin: 0 0.8rem;
}

.p-suppliers-single
.box-suppliers-info
.product-slider-box
.product-slider
.slick-dots
li
button {
    width: 0.67rem;
    height: 0.67rem;
}

.p-suppliers-single
.box-suppliers-info
.product-slider-box
.product-slider
.slick-dots
li
button::before {
    width: 0.67rem;
    height: 0.67rem;
}

.p-suppliers-single
.box-suppliers-info
.product-slider-box
.product-slider
.slick-dots
li
button.button-4video::before {
    width: 0.95rem;
    height: 0.95rem;
}

.p-suppliers-single
.box-suppliers-info
.product-slider-box
.product-slider-thumb {
    display: none;
}

.p-suppliers-single
.box-suppliers-info
.product-slider-box
.product-slider-thumb
.product-slider-item {
    background-color: #ffffff;
    border: 0.22rem solid transparent;
    border-width: 0;
}

.p-suppliers-single
.box-suppliers-info
.product-slider-box
.product-slider-thumb
.product-slider-item
img,
.p-suppliers-single
.box-suppliers-info
.product-slider-box
.product-slider-thumb
.product-slider-item
iframe {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    aspect-ratio: 1;
    max-width: 6.5rem;
}

.p-suppliers-single
.box-suppliers-info
.product-slider-box
.product-slider-thumb
.slick-current {
    border-width: 0.22rem;
    border-color: #aaa07a;
}

.p-suppliers-single
.box-suppliers-info
.product-slider-box
.product-slider-thumb
.slick-track {
    transform: none !important;
    width: auto !important;
    display: flex;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    flex-wrap: wrap;
    gap: 1rem;
}

.p-suppliers-single
.box-suppliers-info
.product-slider-box
.product-slider-thumb
.slick-track::before {
    content: none;
}

.p-suppliers-single
.box-suppliers-info
.product-slider-box
.product-slider-thumb
.slick-track
.slick-slide {
    cursor: pointer;
}

.p-suppliers-single .box-suppliers-info .product-video .video-wrap iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}

.p-suppliers-single .box-suppliers-info .product-sup-info-box {
    margin-top: 3.5rem;
}

/* 2023年度機能改修　FSC START*/
.p-suppliers-single .box-suppliers-info .product-free-area {
    margin-bottom: 3.4rem;
}

/* 2023年度機能改修　FSC END*/
@media screen and (max-width: 767px) {
    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .box-suppliers-info_button
    .btn,
    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .box-suppliers-info_button
    .btn-follow-supplier {
        width: 100%;
    }

    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .list-registered-product {
        max-width: 85%;
    }

    .p-suppliers-single .box-suppliers-info .box-product-button {
        margin-top: 4rem;
    }

    .p-suppliers-single .box-suppliers-info .product-specs__top {
        margin-top: 2rem;
    }

    .p-suppliers-single .box-suppliers-info .product-brand {
        margin-top: 3rem;
    }

    .p-suppliers-single .box-suppliers-info .product-video {
        /* 2023年度機能改修　FSC START*/
        /* display: none;*/
        margin-top: 3.4rem;
        /* 2023年度機能改修　FSC END*/
    }

    .p-suppliers-single
    .box-suppliers-info
    .product-slider-box
    .product-slider
    .product-slider-item {
        width: 100%;
        /* height: calc(100vw - 4rem); */
    }
}

@media screen and (min-width: 768px) {
    .p-suppliers-single .box-suppliers-info {
        padding-bottom: 5rem;
    }

    .p-suppliers-single .box-suppliers-info .p-suppliers-single__ttl {
        font-size: 3.2rem;
        line-height: 3.9rem;
    }

    .p-suppliers-single .box-suppliers-info .sup-info__row {
        display: flex;
    }

    .p-suppliers-single .box-suppliers-info .sup-info__row .sup-info__col-1 {
        width: 58%;
    }

    .p-suppliers-single .box-suppliers-info .sup-info__row .sup-info__col-2 {
        width: 42%;
        padding-left: 4.7rem;
    }

    .p-suppliers-single
    .box-suppliers-info
    .sup-info__row
    .sup-info__col-2:only-child {
        padding-left: 0;
        width: 58%;
    }

    .p-suppliers-single .box-suppliers-info .sup-info_sns {
        margin-top: 1.4rem;
        display: flex;
        justify-content: flex-start;
        gap: 3.4rem;
    }

    .p-suppliers-single .box-suppliers-info .sup-info_sns a {
        display: block;
    }

    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .sup-info__label,
    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .sup-info__text {
        font-size: 1.4rem;
    }

    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .box-suppliers-info_01 {
        padding: 1.7rem 2.4rem;
    }

    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .sup-info__item {
        margin-bottom: 1rem;
    }

    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .sup-info_url {
        margin-top: 2.4rem;
    }

    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .sup-info_url
    ul.sup-info_url__list
    li {
        gap: 1.5rem;
    }

    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .sup-info_url
    ul.sup-info_url__list
    li:not(:last-child) {
        margin-bottom: 1rem;
    }

    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .sup-info_url
    ul.sup-info_url__list
    li
    a {
        font-size: 1.2rem;
        padding-left: 2.9rem;
    }

    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .sup-info_url
    ul.sup-info_url__list
    li
    a::before {
        background-image: url("../img/common/icon-url_pc.svg");
        width: 1.8rem;
        height: 1.7rem;
        top: 0.2rem;
    }

    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .sup-info_url
    ul.sup-info_url__list
    li
    a
    span {
        border-bottom-width: 0.22rem;
    }

    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .sup-info_url
    ul.sup-info_url__list
    li
    a:hover::before {
        background-image: url("../img/common/icon-url_pc-h.svg");
    }

    /* 20220826
  .p-suppliers-single .box-suppliers-info .box-suppliers-info__top .box-suppliers-info_button .div-button__item:not(:last-child) {
    margin-bottom: 2.2rem;
  }
  */
    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .box-suppliers-info_button
    .btn,
    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .box-suppliers-info_button
    .btn-follow-supplier {
        margin-left: auto;
    }

    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .box-suppliers-info_01 {
        display: flex;
        gap: 2.5rem;
    }

    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .box-suppliers-info_01
    .box-suppliers-info__inner-left {
        width: calc(72% - 2.5rem);
    }

    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .box-suppliers-info_01
    .list-registered-product__wrap {
        width: 28%;
    }

    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .list-registered-product {
        padding-left: 1.7rem;
        margin-top: 1.7rem;
    }

    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .list-registered-product::before {
        width: 0.37rem;
    }

    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .list-registered-product
    .list-registered-product-name,
    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .list-registered-product
    .list-registered-product-number {
        font-size: 2.2rem;
        line-height: 3rem;
    }

    .p-suppliers-single .box-suppliers-info .box-suppliers-info__bottom {
        margin-top: 5.5rem;
    }

    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__bottom
    .box-info__description {
        margin-top: 0;
    }

    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__bottom
    .box-info__description
    .box-info__ttl02,
    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__bottom
    .box-info__description
    .box-info__text02 {
        font-size: 1.4rem;
        line-height: 2.6rem;
    }

    .p-suppliers-single
    .box-suppliers-info
    .product-slider-box
    .product-slider
    .slick-dots {
        bottom: -3.4rem;
    }

    .p-suppliers-single
    .box-suppliers-info
    .product-slider-box
    .product-slider
    .slick-dots
    li {
        margin: 0 1rem;
    }

    .p-suppliers-single
    .box-suppliers-info
    .product-slider-box
    .product-slider-thumb {
        margin-top: 5.6rem;
        display: flex;
        flex-wrap: wrap;
        gap: 1.1rem;
    }

    .p-suppliers-single .box-suppliers-info .product-sup-info__row {
        display: flex;
        justify-content: space-between;
        margin: 0 -2rem;
    }

    .p-suppliers-single
    .box-suppliers-info
    .product-sup-info__row
    .product-sup-info_col1 {
        width: 35.6%;
        padding: 0 1.3rem;
    }

    .p-suppliers-single
    .box-suppliers-info
    .product-sup-info__row
    .product-sup-info_col2 {
        width: 58.4%;
        padding: 0 1.3rem;
        /* display: grid;
    grid-template-rows: auto 34rem; */
    }

    .p-suppliers-single .box-suppliers-info .product-sup-info-box {
        position: relative;
        margin-top: 3.7rem;
    }

    .p-suppliers-single
    .box-suppliers-info
    .product-sup-info-box
    .box-product-button {
        /* position: absolute; */
        right: 3rem;
        top: 0;
        z-index: 3;
        width: 24rem;
        padding-left: 2rem;
        order: 2;
        float: right;
    }

    .p-suppliers-single .box-suppliers-info .product-specs {
        margin-top: 0;
        margin-bottom: 3.4rem;
        /*  display: flex;
    flex-wrap: wrap; */
        /* height: max-content; */
    }

    .p-suppliers-single .box-suppliers-info .product-specs .product-specs__item {
        display: block;
    }

    .p-suppliers-single .box-suppliers-info .product-specs .product-specs__label {
        display: inline-block;
        margin-right: 0.67rem;
    }

    .p-suppliers-single
    .box-suppliers-info
    .product-specs
    .product-specs__label.display-block {
        display: block;
    }

    .p-suppliers-single .box-suppliers-info .product-specs .product-specs__txt {
        display: inline;
    }

    .p-suppliers-single .box-suppliers-info .product-specs__top {
        /* width: calc(100% - 22rem); */
        order: 1;
        padding-right: 2rem;
        display: inline;
    }

    .p-suppliers-single .box-suppliers-info .product-specs__bottom {
        width: 100%;
        order: 3;
    }

    .p-suppliers-single .box-suppliers-info .product-specs .product-specs__label,
    .p-suppliers-single .box-suppliers-info .product-specs .product-specs__txt {
        font-size: 1.4rem;
        line-height: 2.2rem;
        overflow-wrap: break-word; /* 20230921 */
        /*word-break: break-all; 20230907 */
    }

    .p-suppliers-single .box-suppliers-info .product-specs .product-specs__txt__countries > span {
        white-space: nowrap;
    }

    .p-suppliers-single .box-suppliers-info .product-brand {
        margin-top: 6rem;
    }

    .p-suppliers-single
    .box-suppliers-info
    .product-brand__in
    .product-brand__name {
        font-size: 1.9rem;
        line-height: 2.2rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .p-suppliers-single .box-suppliers-info .sup-info__row .sup-info__col-2 {
        padding-left: 4rem;
    }

    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .box-suppliers-info_01 {
        gap: 1.5rem;
    }

    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .box-suppliers-info_01
    .box-suppliers-info__inner-left {
        width: calc(62% - 1.5rem);
    }

    .p-suppliers-single
    .box-suppliers-info
    .box-suppliers-info__top
    .box-suppliers-info_01
    .list-registered-product__wrap {
        width: 38%;
    }
}

.p-suppliers-single .brand-series {
    font-weight: bold;
}

.p-suppliers-single .product {
    margin-top: 1rem;
    padding-bottom: 0;
}

.p-suppliers-single .product .entry-header {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

@media screen and (min-width: 768px) {
    .p-suppliers-single .product {
        margin-top: 0;
    }

    .p-suppliers-single .product .entry-header {
        margin-bottom: 2.3rem;
    }
}

.p-suppliers-single .related-product {
    margin-top: 3rem;
}

.p-suppliers-single .related-product .related-product-heading {
    max-width: 109rem;
    padding: 0 2rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    margin-bottom: 2.7rem;
}

@media screen and (min-width: 768px) {
    .p-suppliers-single .related-product .related-product-heading {
        padding: 0 3.4rem;
    }
}

@media screen and (min-width: 768px) {
    .p-suppliers-single
    .related-product
    .related-product-body
    .product
    .product-inner {
        max-width: 115rem;
        padding: 0 6.7rem;
    }
}

.p-suppliers-single
.related-product
.related-product-body
.product
.product-item {
    margin-top: 0;
}

.p-suppliers-single
.related-product
.related-product-body
.product
.product-item:not(:nth-child(-n + 2)) {
    margin-top: 0;
}

@media screen and (min-width: 768px) {
    .p-suppliers-single .related-product {
        margin-top: 3.4rem;
    }

    .p-suppliers-single .related-product .related-product-heading {
        display: flex;
        justify-content: space-between;
    }
}

.p-suppliers-single .div-btn-bottom {
    margin-top: 2rem;
}

@media screen and (min-width: 768px) {
    .p-suppliers-single .div-btn-bottom {
        margin-top: 5.4rem;
    }
}

.p-suppliers-single .div-btn-bottom .btn-top {
    margin-left: auto;
}

.p-suppliers-single .div-btn-bottom .btn-wrap .btn {
    margin-left: auto;
    margin-right: auto;
}

.p-suppliers-single .product-section {
    padding-bottom: 4rem;
}

@media screen and (max-width: 767px) {
    .p-suppliers-single .product-section .product-view__action {
        position: absolute;
        right: 0;
        margin: 0;
        top: -0.7rem;
    }
}

@media screen and (min-width: 768px) {
    .p-suppliers-single .product-section {
        padding-bottom: 4.7rem;
    }

    .p-suppliers-single .product-section .product-view__action-wrap {
        justify-content: flex-end;
    }
}

@media screen and (max-width: 767px) {
    .p-product-single .product .product-inner {
        padding: 0 1.5rem;
    }

    .p-product-single .product .product-list {
        margin: 0 -0.6rem;
    }

    .p-product-single .product .product-list .product-item {
        padding: 0 0.6rem;
    }

    .p-product-single
    .product
    .product-list
    .product-item:not(:nth-child(-n + 2)) {
        margin-top: 2rem;
    }

    .p-product-single .product-section .product-view__action {
        position: initial;
        margin-top: 2rem;
    }

    .p-product-single .product-section .product {
        margin-top: 3rem;
    }
}

@media screen and (min-width: 768px) {
    .suppliers-product
    .product
    .product-list
    .product-item:not(:nth-child(-n + 4)) {
        margin-top: 5.5rem;
    }
}

.p-favourite-list .p-favourite__heading {
    position: relative;
    z-index: 3;
    padding-top: 5rem; /* 2024-1114 */
    padding-bottom: 0; /* 2024-1114 */
}

.p-favourite-list .p-favourite__heading .inner {
    max-width: 118.8rem;
}

.p-favourite-list .p-favourite__heading .p-favourite__title {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-family: "Playfair Display", sans-serif;
    text-align: center;
}

.p-favourite-list
.p-favourite__heading
.p-favourite__title
.p-favourite__title-text {
    position: relative;
    display: inline-flex;
    gap: 1rem;
    align-items: center;
}

.p-favourite-list
.p-favourite__heading
.p-favourite__title
.p-favourite__title-text::before,
.p-favourite-list
.p-favourite__heading
.p-favourite__title
.p-favourite__title-text::after {
    content: "";
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 2.1rem;
    width: 2.1rem;
}

.p-favourite-list
.p-favourite__heading
.p-favourite__title
.p-favourite__title-text::after {
    background-image: url("../img/common/icon-supplier_b.svg");
}

.p-favourite-list
.p-favourite__heading
.p-favourite__title
.p-favourite__title-text::before {
    background-image: url("../img/common/icon-heart-b.svg");
}

.p-favourite-list .p-favourite__heading .favourite__settings {
    position: absolute;
    right: 1.2rem;
    top: 0;
}

.p-favourite-list .p-favourite__heading .favourite__settings .chris_label {
    display: flex;
    align-items: center;
    gap: 1rem;
    position: relative;
}

.p-favourite-list
.p-favourite__heading
.favourite__settings
.chris_label
.chris-setting__text {
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.9rem;
    letter-spacing: 0.02em;
    position: relative;
    z-index: 5;
}

.p-favourite-list
.p-favourite__heading
.favourite__settings
.chris_label
.chris-setting__button {
    position: relative;
    border: 0.08rem solid #030303;
    width: 4rem;
    height: 4rem;
    background-color: #ffffff;
    background-image: url("../img/common/icon-settings.svg");
    background-repeat: no-repeat;
    background-size: 2rem;
    background-position: center;
    text-indent: -9999em;
    transition: 0.2s background-color;
}

.p-favourite-list
.p-favourite__heading
.favourite__settings
.chris_label
.chris-setting__button:hover {
    background-color: rgba(112, 112, 112, 0.22);
}

.p-favourite-list
.p-favourite__heading
.favourite__settings
.chris-dropdown-wrap {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4;
    width: 35rem;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: opacity 0.2s;
}

.p-favourite-list
.p-favourite__heading
.favourite__settings
.chris-dropdown-wrap.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.p-favourite-list
.p-favourite__heading
.favourite__settings
.chris-dropdown-wrap
.chris-dropdown__inner {
    width: 35rem;
    padding: 5rem;
    padding-left: 4.5rem;
    padding-right: 4rem;
    padding-bottom: 3rem;
    border: 0.08rem solid #030303;
    background-color: rgba(247, 247, 247, 0.95);
}

.p-favourite-list
.p-favourite__heading
.favourite__settings
.chris-dropdown-wrap
.button-close {
    width: 4rem;
    height: 4rem;
    background-image: url("../img/common/icon-close.svg");
    background-repeat: no-repeat;
    background-size: 1.6rem;
    background-position: center;
    text-indent: -9999em;
    position: absolute;
    right: 0;
    top: 0;
}

.p-favourite-list
.p-favourite__heading
.favourite__settings
.chris-dropdown-wrap
ul
li {
    line-height: 1;
}

.p-favourite-list
.p-favourite__heading
.favourite__settings
.chris-dropdown-wrap
ul
li:not(:last-child) {
    margin-bottom: 2rem;
}

.p-favourite-list
.p-favourite__heading
.favourite__settings
.chris-dropdown-wrap
ul
li
a {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2rem;
    letter-spacing: 0.01em;
    position: relative;
}

.p-favourite-list
.p-favourite__heading
.favourite__settings
.chris-dropdown-wrap
ul
li
a
span {
    border-bottom: 0.11rem solid transparent;
}

.p-favourite-list
.p-favourite__heading
.favourite__settings
.chris-dropdown-wrap
ul
li
a::after {
    content: "";
    background: url("../img/common/arrow-right-3.svg") no-repeat center/contain;
    width: 1.32rem;
    height: 1.17rem;
    display: inline-block;
    position: relative;
    margin-left: 1rem;
}

.p-favourite-list
.p-favourite__heading
.favourite__settings
.chris-dropdown-wrap
ul
li
a:hover
span {
    border-bottom-color: #aaa07a;
}

.p-favourite-list
.p-favourite__heading
.favourite__settings
.chris-dropdown-wrap
ul
li
a:hover::after {
    background: url("../img/common/arrow-right-3-h.svg") no-repeat center/contain;
}

@media screen and (min-width: 768px) {
    .p-favourite-list .p-favourite__heading {
        padding-top: 4.7rem;
        padding-bottom: 4.7rem;
    }

    .p-favourite-list .p-favourite__heading .p-favourite__heading__wrap {
        position: relative;
    }

    .p-favourite-list .p-favourite__heading .p-favourite__title {
        font-size: 2.6rem;
    }

    .p-favourite-list
    .p-favourite__heading
    .p-favourite__title
    .p-favourite__title-text {
        gap: 2rem;
    }

    .p-favourite-list
    .p-favourite__heading
    .p-favourite__title
    .p-favourite__title-text::before,
    .p-favourite-list
    .p-favourite__heading
    .p-favourite__title
    .p-favourite__title-text::after {
        height: 1.7rem;
        width: 1.7rem;
    }

    .p-favourite-list .p-favourite__heading .favourite__settings {
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }

    .p-favourite-list
    .p-favourite__heading
    .favourite__settings
    .chris_label
    .chris-setting__text {
        font-size: 1.4rem;
        line-height: 1.6rem;
    }

    .p-favourite-list
    .p-favourite__heading
    .favourite__settings
    .chris_label
    .chris-setting__button {
        position: relative;
        border-width: 0.11rem;
        width: 3.7rem;
        height: 3.7rem;
        background-size: 1.7rem;
        text-indent: -9999em;
    }

    .p-favourite-list
    .p-favourite__heading
    .favourite__settings
    .chris-dropdown-wrap {
        width: 30.9rem;
    }

    .p-favourite-list
    .p-favourite__heading
    .favourite__settings
    .chris-dropdown-wrap
    .chris-dropdown__inner {
        width: 30.9rem;
        padding: 3.7rem 2rem 2.3rem 3.4rem;
        border-width: 0.11rem;
    }

    .p-favourite-list
    .p-favourite__heading
    .favourite__settings
    .chris-dropdown-wrap
    .button-close {
        width: 3.7rem;
        height: 3.7rem;
        background-size: 1.7rem;
    }

    .p-favourite-list
    .p-favourite__heading
    .favourite__settings
    .chris-dropdown-wrap
    ul
    li:not(:last-child) {
        margin-bottom: 0.7rem;
    }

    .p-favourite-list
    .p-favourite__heading
    .favourite__settings
    .chris-dropdown-wrap
    ul
    li
    a {
        font-size: 1.4rem;
        line-height: 2.6rem;
        letter-spacing: 0.02em;
    }

    .p-favourite-list
    .p-favourite__heading
    .favourite__settings
    .chris-dropdown-wrap
    ul
    li
    a
    span {
        border-bottom-width: 0.22rem;
    }

    .p-favourite-list
    .p-favourite__heading
    .favourite__settings
    .chris-dropdown-wrap
    ul
    li
    a::after {
        width: 1.1rem;
        height: 0.9rem;
        margin-left: 1.3rem;
    }
}

.p-favourite-list .p-favourite__body {
    background-color: #fbfbfb;
}

.p-favourite-list .p-favourite__body .note-for-check {
    background-color: rgba(246, 214, 120, 0.33);
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 2rem;
    line-height: 2.7rem;
    font-family: "Playfair Display", sans-serif;
    letter-spacing: 0.05em;
    text-align: center;
    margin-bottom: 4rem;
}

.p-favourite-list .p-favourite__body .note-for-check .font1 {
    font-weight: 600;
}

.p-favourite-list .p-favourite__body .note-for-check .img-check {
    display: inline-block;
    margin: 0 0.5rem;
    line-height: 1;
}

.p-favourite-list .p-favourite__body .note-for-check .img-check img {
    width: 2rem;
    height: 2rem;
}

@media screen and (min-width: 768px) {
    .p-favourite-list .p-favourite__body .note-for-check {
        padding-top: 1.8rem;
        padding-bottom: 1.8rem;
        font-size: 3.8rem;
        line-height: 5.1rem;
        margin-bottom: 9rem;
    }

    .p-favourite-list .p-favourite__body .note-for-check .img-check img {
        width: 3.3rem;
        height: 3.3rem;
    }
}

.p-favourite-list .p-favourite__body .box-favourite {
  margin-top: 2rem; /* 2024-1114 */
}

.p-favourite-list .p-favourite__body .box-favourite .box-favourite__heading {
    display: flex;
    gap: 0.5rem;
    position: relative;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__heading::after {
    content: "";
    position: absolute;
    border-bottom: 0.08rem solid #94989b;
    height: 0.08rem;
    bottom: 0;
    left: 50%;
    right: 0;
    width: 0.86rem;
    transform: translateX(-50%);
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__heading
.box-favourite-tab {
    cursor: pointer;
    /* width: 50%; */ /* 20220826 */
    width: 100%;
    min-height: 7rem;
    background-color: #d1cec1;
    border: 0.08rem solid #94989b;
    padding-top: 1.3rem;
    padding-left: 1rem;
    padding-right: 0.5rem;
    line-height: 1;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__heading
.box-favourite-tab
.box-favourite-tab__ttl {
    font-size: 1.4rem;
    line-height: 1.8rem;
    display: inline-flex;
    gap: 0.7rem;
    color: #94989b;
    align-items: center;
    font-family: "ArVo", sans-serif;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__heading
.box-favourite-tab
.box-favourite-tab__ttl::before {
    content: "";
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 2.1rem;
    width: 2.1rem;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__heading
.box-favourite-tab
.box-favourite-tab__ttl.favourite-products__ttl::before {
    background-image: url("../img/common/icon-heart-b.svg");
}

/* 2023機能改修 FSC START */
/* 20220826 */
.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__heading
.box-favourite-tab
.box-favourite-tab__ttl.following-suppliers__ttl::before {
    background-image: url("../img/common/icon-supplier_b.svg");
}

/* 2023機能改修 FSC END */
.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__heading
.box-favourite-tab
.box-favourite-tab__number {
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 3.7rem;
    color: #94989b;
    letter-spacing: 0.05em;
    font-family: "futura-pt-cond", sans-serif;
    text-align: right;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__heading
.box-favourite-tab
.box-favourite-tab__number
span {
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    font-family: "ArVo", sans-serif;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__heading
.box-favourite-tab.js-active {
    background-color: #f0f0f1;
    border-bottom: 0;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__heading
.box-favourite-tab.js-active
.box-favourite-tab__ttl {
    color: #363c45;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__heading
.box-favourite-tab.js-active
.box-favourite-tab__number {
    color: #aaa07a;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__heading
.tab-hover {
    position: relative;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__heading
.tab-hover::before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 0.4rem;
    background-color: #aaa07a;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__heading
    .box-favourite-tab
    .box-favourite-tab__number {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    /* 20220826
  .p-favourite-list .p-favourite__body .box-favourite .box-favourite__heading .box-favourite-tab {
    min-height: 7.4rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 3.7rem;
    padding-top: 2rem;
    align-items: baseline;
  }
  */
    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__heading
    .box-favourite-tab
    .box-favourite-tab__ttl {
        font-size: 1.9rem;
        line-height: 2.3rem;
        gap: 2rem;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__heading
    .box-favourite-tab
    .box-favourite-tab__ttl::before {
        height: 1.7rem;
        width: 1.5rem;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__heading
    .box-favourite-tab
    .box-favourite-tab__number {
        font-size: 4.7rem;
        line-height: 1;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__heading
    .box-favourite-tab
    .box-favourite-tab__number
    span {
        font-size: 1.9rem;
        line-height: 1;
    }
}

.p-favourite-list .p-favourite__body .box-favourite .box-favourite__body {
    border: 0.11rem solid #94989b;
    border-bottom: none;
    background-color: rgba(148, 152, 155, 0.1);
    border-top: 0;
    padding-top: 2.8rem;
}

@media screen and (max-width: 767px) {
    .p-favourite-list .p-favourite__body .box-favourite .box-favourite__body {
        border-left: 0;
        border-right: 0;
    }
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.request-and-ask-wrap {
    max-width: 29rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2.15rem;
    padding-right: 2.65rem;
    padding-top: 1.57rem;
    padding-bottom: 1.03rem;
    background: url("../img/common/img-background-favourite-btn.svg") repeat top/contain;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.request-and-ask-wrap
.request-and-ask__other_note {
    text-align: center;
    margin-top: 0.8rem;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.favourite-function-top {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
    padding: 0 1.3rem;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.favourite-function-top
.show-check__wrap {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 2.2rem;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.favourite-function-top
.show-check__wrap
.show-all__wrap {
    display: flex;
    justify-content: flex-end;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.favourite-function-top
.csv-order__wrap {
    display: flex;
    justify-content: flex-end;
    gap: 2.2rem;
    margin-left: auto;
}

@media screen and (min-width: 768px) {
    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .favourite-function-top {
        padding: 0 4rem;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        flex-wrap: wrap-reverse;
        gap: 1.3rem;
        margin-bottom: 3.7rem;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .favourite-function-top.-padding2 {
        padding: 0 6.7rem;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .favourite-function-top
    .show-check__wrap {
        flex-direction: row;
        align-items: center;
        gap: 3.4rem;
        margin-top: auto;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .favourite-function-top
    .csv-order__wrap {
        flex-direction: column;
        align-items: flex-end;
        gap: 2.8rem;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .favourite-function-top
    .csv-order__wrap
    .csv-order__row1 {
        display: flex;
        align-items: flex-end;
        gap: 2.4rem;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .favourite-function-top
    .csv-order__wrap
    .csv-order__row1
    .sort-view__item {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
}

@media screen and (max-width: 767px) {
    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .favourite-function-top
    .show-check__wrap
    .check-all__wrap {
        margin-top: 2.2rem;
    }
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.tabs__panel {
    /*  display: none;

   &.js-active {
       display: block;
   } */
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.box-favourite__main {
    margin-bottom: 3.2rem;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.box-favourite__main
.product-favourite__item {
    padding-top: 1.1rem;
    padding-bottom: 1.5rem;
    padding-right: 1.3rem;
    padding-left: 1.3rem;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    border: 0.16rem solid #ffffff;
    border-left-color: transparent;
    border-right-color: transparent;
    border-width: 1px;
    margin-bottom: -1px;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.box-favourite__main
.product-favourite__item
.col-check {
    grid-column: 1/2;
    display: flex;
    align-items: center;
    width: 2rem;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.box-favourite__main
.product-favourite__item
.col-check
.form-checkbox-field
input[type="checkbox"]
+ span {
    padding-left: 2rem;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.box-favourite__main
.product-favourite__item
.col-text {
    grid-column: 2/3;
    margin-left: 2rem;
    width: calc(100% - 2rem - 15.5rem - 4rem);
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.box-favourite__main
.product-favourite__item
.col-text
.product-favourite__name {
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 2rem;
    /* word-break: break-all; */
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.box-favourite__main
.product-favourite__item
.col-text
.product-favourite__text {
    font-size: 1.2rem;
    line-height: 1.8rem;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.box-favourite__main
.product-favourite__item
.col-text
.product-favourite__name,
.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.box-favourite__main
.product-favourite__item
.col-text
.product-favourite__text {
    color: #505960;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.box-favourite__main
.product-favourite__item
.col-text
.product-favourite__name
span,
.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.box-favourite__main
.product-favourite__item
.col-text
.product-favourite__text
span {
    border-bottom: 0.16rem solid transparent;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.box-favourite__main
.product-favourite__item
.col-img {
    grid-column: 3/4;
    display: flex;
    align-items: center;
    margin-left: 2rem;
    width: 15.5rem;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.box-favourite__main
.product-favourite__item
.col-img
.col-img__inner {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.2rem;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.box-favourite__main
.product-favourite__item
.col-img
.img {
    background-color: #ffffff;
    width: 5rem;
    height: 5rem;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.box-favourite__main
.product-favourite__item
.col-img
.img
img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.box-favourite__main
.product-favourite__item
.col-button {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: auto;
    margin-top: 1.3rem;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.box-favourite__main
.product-favourite__item
.col-button
> a,
.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.box-favourite__main
.product-favourite__item
.col-button
button {
    margin-left: 2rem;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.box-favourite__main
.product-favourite__item
.col-button
> a:first-child,
.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.box-favourite__main
.product-favourite__item
.col-button
button:first-child {
    margin-left: 0;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.box-favourite__main
.product-favourite__item:hover {
    border-color: #aaa07a;
    z-index: 2;
}

.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.box-favourite__main
.product-favourite__item:hover
.col-text
.product-favourite__name
span,
.p-favourite-list
.p-favourite__body
.box-favourite
.box-favourite__body
.box-favourite__main
.product-favourite__item:hover
.col-text
.product-favourite__text
span {
    border-bottom-color: #aaa07a;
}

@media screen and (max-width: 767px) {
    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .request-and-ask-wrap.-item2 {
        margin-top: 2.2rem;
        margin-bottom: 2.2rem;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .request-and-ask-wrap
    .request-and-ask__button_w
    .btn-70__wrap:not(:last-child) {
        margin-bottom: 2.2rem;
    }
}

@media screen and (min-width: 768px) {
    .p-favourite-list .p-favourite__body .box-favourite .box-favourite__body {
        padding-top: 3.8rem;
        padding-bottom: 3.8rem;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .request-and-ask-wrap {
        max-width: 85.2rem;
        padding: 3.6rem;
        padding-bottom: 0.7rem;
        background: url("../img/common/img-background-favourite-btn_pc.svg") repeat top/contain;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .request-and-ask-wrap
    .request-and-ask__button_w {
        display: flex;
        justify-content: space-between;
        margin: 0 -1rem;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .request-and-ask-wrap
    .request-and-ask__button_w
    .btn-70__wrap {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 50%;
        padding: 0 1rem;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .request-and-ask-wrap
    .request-and-ask__other_note {
        margin-top: 1.2rem;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .box-favourite__main {
        background-color: #ffffff;
        margin-bottom: 3.7rem;
        margin-top: 3.7rem;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .box-favourite__main
    .product-favourite__item {
        padding-left: 3%;
        padding-right: 3%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        border-width: 2px;
        margin-bottom: -2px;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .box-favourite__main
    .product-favourite__item
    .col-check {
        width: 2.2rem;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .box-favourite__main
    .product-favourite__item
    .col-check
    .form-checkbox-field
    input[type="checkbox"]
    + span {
        padding-left: 2.2rem;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .box-favourite__main
    .product-favourite__item
    .col-text {
        width: 20.9rem;
        margin-left: 2.2rem;
        margin-right: 2.2rem;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .box-favourite__main
    .product-favourite__item
    .col-text
    .product-favourite__name,
    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .box-favourite__main
    .product-favourite__item
    .col-text
    .product-favourite__text {
        font-size: 1.2rem;
        line-height: 2.2em;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .box-favourite__main
    .product-favourite__item
    .col-text
    .product-favourite__name
    span,
    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .box-favourite__main
    .product-favourite__item
    .col-text
    .product-favourite__text
    span {
        border-bottom-width: 0.22rem;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .box-favourite__main
    .product-favourite__item
    .col-img {
        width: 23.2rem;
        margin-left: auto;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .box-favourite__main
    .product-favourite__item
    .col-img
    .col-img__inner {
        width: 100%;
        gap: 1.5rem;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .box-favourite__main
    .product-favourite__item
    .col-img
    .col-img__inner
    .img {
        width: 6.7rem;
        height: 6.7rem;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .box-favourite__main
    .product-favourite__item
    .col-button {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        margin-left: auto;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .box-favourite__main
    .product-favourite__item
    .col-button
    > a {
        margin: 0 1.7rem;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .box-favourite__main
    .product-favourite__item
    .col-button
    > a:last-child {
        margin-right: 0;
    }

    .p-favourite-list
    .p-favourite__body
    .box-favourite
    .box-favourite__body
    .box-favourite__main
    .product-favourite__item
    .col-button
    > a:first-child {
        margin-left: 0;
    }
}

@media screen and (min-width: 768px) {
    .p-favourite-list .p-favourite__body .box-favourite {
        max-width: 116.1rem;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 768px) {
    .p-favourite-list .p-favourite__body .box-favourite {
        margin-top: 6rem;
    }

    .p-favourite-list .p-favourite__body .box-favourite .box-favourite__body {
        padding-left: 2.4rem;
        padding-right: 2.4rem;
    }
}

.p-favourite-list .fav-bottom .entry-footer {
    max-width: 85.2rem;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 767px) {
    .p-favourite-list .fav-bottom {
        display: flex;
        flex-direction: column-reverse;
    }

    .p-favourite-list .fav-bottom .entry-footer {
        margin-top: 0;
        padding-bottom: 1.5rem;
    }

    .p-favourite-list .fav-bottom .entry-footer .btn-top {
        margin-top: 2.5rem;
    }

    .p-favourite-list .fav-bottom .pagination-comment {
        margin-top: 0;
    }

    .p-favourite-list .fav-bottom .box-request-item2 {
        background-color: #f7f7f7;
    }
}

.with-auto {
    width: auto !important;
}

.checkbox {
    display: inline-flex;
}

.checkbox input[type="checkbox"] {
    display: none;
}

.checkbox input[type="checkbox"] + span {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    position: relative;
}

@media screen and (min-width: 768px) {
    .checkbox input[type="checkbox"] + span {
        width: 2.2rem;
        height: 2.2rem;
    }
}

.checkbox input[type="checkbox"] + span:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #ffffff;
    background-image: url(../img/common/icon-check-b.svg);
    background-repeat: no-repeat;
    background-position: center 30%;
    background-size: 1.2rem 1.2rem;
    border: 0.11rem solid #aaa07a;
}

@media screen and (min-width: 768px) {
    .checkbox input[type="checkbox"] + span:before {
        background-size: 1.1rem 1.1rem;
    }
}

.checkbox input[type="checkbox"]:checked + span:before {
    background-color: #aaa07a;
    background-image: url(../img/common/icon-check.svg);
}

.checkbox .label {
    margin-left: 1.3rem;
}

@media screen and (min-width: 768px) {
    .checkbox .label {
        margin-left: 2rem;
    }
}

.p-favourite__note {
    font-family: "Playfair Display", sans-serif;
    background-color: rgba(246, 214, 120, 0.33);
    text-align: center;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    letter-spacing: 0.05em;
    font-size: 1.8rem;
    line-height: 1.8;
}

@media screen and (min-width: 768px) {
    .p-favourite__note {
        font-size: 2.6rem;
        line-height: 3.4rem;
    }
}

.p-favourite__note strong {
    font-family: "sofia-pro", sans-serif;
    font-weight: 700;
    letter-spacing: 0.001em;
}

.favourites {
    margin-bottom: 3.2rem;
}

@media screen and (min-width: 768px) {
    .favourites {
        background-color: #ffffff;
        margin-left: 3.4rem;
        margin-right: 3.4rem;
        margin-bottom: 3.7rem;
    }
}

.favourites .favourite {
    border: 0.17rem solid #ffffff;
    border-left-color: transparent;
    border-right-color: transparent;
    padding: 1.5rem 1rem 2rem 0.9rem;
    position: relative;
    z-index: 1;
    border-width: 1px;
    margin-bottom: -1px;
}

@media screen and (min-width: 768px) {
    .favourites .favourite {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 1.7rem 3.7rem;
        border-width: 0.22rem;
        border-width: 2px;
        margin-bottom: -2px;
    }
}

.favourites .favourite .detail {
    display: flex;
    align-items: center;
    padding-bottom: 1.45rem;
}

@media screen and (min-width: 768px) {
    .favourites .favourite .detail {
        width: 43.9rem;
        padding-bottom: 0;
    }
}

.favourites .favourite .detail .thumbnail {
    width: 5rem;
    margin-left: 2.15rem;
    margin-right: 1.4rem;
    overflow: hidden;
}

.favourites .favourite .detail .thumbnail img {
    width: 67px;
    height: 67px;
    -o-object-fit: contain;
    object-fit: contain;
}

@media screen and (min-width: 768px) {
    .favourites .favourite .detail .thumbnail {
        width: 6.7rem;
        margin-left: 2.2rem;
        margin-right: 2.2rem;
    }
}

.favourites .favourite .detail .product-info {
    width: calc(100% - 10.55rem);
    line-height: 1.8rem;
    font-size: 1.2rem;
}

@media screen and (min-width: 768px) {
    .favourites .favourite .detail .product-info {
        width: calc(100% - 13.5rem);
        line-height: 2.6rem;
        font-size: 1.4rem;
    }
}

.favourites .favourite .detail .product-info .name {
    font-weight: bold;
    /* word-break: break-all; */
    color: #505960;
}

.favourites .favourite .detail .product-info .name span {
    border-bottom: 0.17rem solid transparent;
}

@media screen and (max-width: 767px) {
    .favourites .favourite .detail .product-info .name {
        font-size: 1.4rem;
    }
}

@media screen and (min-width: 768px) {
    .favourites .favourite .detail .product-info .name span {
        border-bottom-width: 0.22rem;
    }
}

.favourites .favourite .detail .product-info .company {
    color: #505960;
}

.favourites .favourite .detail .product-info .company span {
    border-bottom: 0.17rem solid transparent;
}

@media screen and (min-width: 768px) {
    .favourites .favourite .detail .product-info .company span {
        border-bottom-width: 0.22rem;
    }
}

.favourites .favourite .detail .product-info .price {
    font-weight: 600;
    color: #505960;
}

.favourites .favourite .detail .product-info .price span {
    border-bottom: 0.17rem solid transparent;
}

@media screen and (min-width: 768px) {
    .favourites .favourite .detail .product-info .price span {
        border-bottom-width: 0.22rem;
    }
}

.favourites .favourite .action {
    margin-left: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.favourites .favourite .action a {
    margin-left: 1.7rem;
}

@media screen and (min-width: 768px) {
    .favourites .favourite .action a {
        margin-left: 3.6rem;
    }
}

.favourites .favourite:hover {
    border-color: #aaa07a;
    z-index: 2;
}

.favourites .favourite:hover .detail .product-info .name span,
.favourites .favourite:hover .detail .product-info .company span,
.favourites .favourite:hover .detail .product-info .price span {
    border-bottom-color: #aaa07a;
}

.list-sorting {
    padding: 2.2rem 1.3rem 2.2rem 0.7rem;
}

@media screen and (min-width: 768px) {
    .list-sorting {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding-left: 10rem;
        padding-right: 10rem;
    }
}

.list-sorting .ordering {
    margin-bottom: 2.2rem;
    display: flex;
    justify-content: end;
}

@media screen and (min-width: 768px) {
    .list-sorting .ordering {
        flex-wrap: wrap;
        align-items: end;
        order: 2;
    }
}

.list-sorting .ordering .btn-export {
    display: inline-block;
    height: auto;
    width: auto;
    padding: 1rem 1.5rem;
    border: 0.11rem solid #030303;
    line-height: 1.3;
    font-size: 1.4rem;
    font-weight: bold;
    background-color: #ffffff;
}

@media screen and (min-width: 768px) {
    .list-sorting .ordering .btn-export {
        font-size: 1.8rem;
        padding: 1.5rem 3.2rem;
        height: 5.5rem;
    }
}

.list-sorting .ordering .sorting {
    margin-left: 2.2rem;
}

@media screen and (min-width: 768px) {
    .list-sorting .ordering .sorting {
        margin-top: 4.2rem;
    }
}

.list-sorting .ordering .break {
    flex-basis: 100%;
    width: 0px;
    height: 0px;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .list-sorting .ordering .break {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .list-sorting .ordering .paging {
        margin-left: 5.5rem;
    }
}

@media screen and (min-width: 768px) {
    .list-sorting .filter {
        display: flex;
        align-items: center;
    }
}

.list-sorting .filter .p_sort-filter {
    width: 28.2rem;
    margin-left: auto;
    margin-bottom: 2.2rem;
}

@media screen and (min-width: 768px) {
    .list-sorting .filter .p_sort-filter {
        width: 48rem;
        order: 2;
        margin-left: 5.5rem;
    }

    .list-sorting .filter .p_sort-filter .p_sort-filter-title {
        text-align: left;
    }

    .list-sorting .filter .p_sort-filter .p_sort-filter-dropdown li a {
        text-align: left;
    }
}

.list-sorting .filter .check-all {
    font-size: 1.2rem;
}

@media screen and (min-width: 768px) {
    .list-sorting .filter .check-all {
        font-size: 1.8rem;
    }
}

.list-sorting .filter .check-all .label {
    line-height: 1.8;
}

.p-specials-list {
    padding-top: 3rem;
}

.p-specials-list .inner {
    max-width: 107rem;
}

@media screen and (min-width: 768px) {
    .p-specials-list .breadcrumb-wrap {
        margin-top: 3.2rem;
    }
}

.p-specials-list .page-title {
    margin-bottom: 0;
    padding: 2.7rem 0;
}

.p-specials-list .page-desc2 {
    margin-bottom: 2.7rem;
}

@media screen and (max-width: 767px) {
    .p-specials-list .page-desc2 {
        line-height: 2.2rem;
        margin-bottom: 2rem;
    }
}

.p-specials-list .specials-anlink {
    padding: 2rem 0;
    background: repeating-linear-gradient(
            90deg,
            #f0f0f0,
            #f0f0f0 1.3rem,
            #e7e3e0 1.3rem,
            #e7e3e0 1.5rem
    );
    background-color: #f0f0f0;
}

.p-specials-list .specials-anlink__inner {
    display: flex;
    padding: 1.5rem 2.5rem;
    justify-content: space-between;
    background-color: #ffffff;
}

.p-specials-list .specials-anlink__inner .s-link {
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-family: "ArVo", sans-serif;
    letter-spacing: 0.01em;
}

.p-specials-list .specials-anlink__inner .s-link span {
    position: relative;
    border-bottom: 0.11rem solid transparent;
}

.p-specials-list .specials-anlink__inner .s-link span::before {
    content: "";
    background-image: url("../img/common/icon-special_b.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 1.38rem;
    height: 1.72rem;
    position: relative;
    top: 0.3rem;
    display: inline-block;
    margin-right: 0.9rem;
}

.p-specials-list .specials-anlink__inner .s-link:hover span {
    border-bottom-color: #aaa07a;
}

@media screen and (min-width: 768px) {
    .p-specials-list .specials-anlink {
        padding: 2.7rem 0;
        background: repeating-linear-gradient(
                90deg,
                #f0f0f0,
                #f0f0f0 1.5rem,
                #e7e3e0 1.5rem,
                #e7e3e0 1.6rem
        );
    }

    .p-specials-list .specials-anlink__inner {
        max-width: 78rem;
        margin-left: auto;
        margin-right: auto;
        gap: 15rem;
        justify-content: center;
        padding: 2.1rem 0;
    }

    .p-specials-list .specials-anlink__inner .s-link {
        font-size: 1.9rem;
        line-height: 2.3rem;
    }

    .p-specials-list .specials-anlink__inner .s-link span {
        border-bottom-width: 0.22rem;
    }

    .p-specials-list .specials-anlink__inner .s-link span::before {
        background-image: url("../img/common/icon-special.svg");
        width: 1.5rem;
        height: 1.8rem;
        margin-right: 1.8rem;
    }
}

.p-specials-list .specials-type-name {
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-family: "ArVo", sans-serif;
    letter-spacing: 0.01em;
    margin-bottom: 1rem;
}

.p-specials-list .specials-type-name span::before {
    content: "";
    background-image: url("../img/common/icon-special_b.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 1.38rem;
    height: 1.72rem;
    position: relative;
    top: 0.3rem;
    display: inline-block;
    margin-right: 0.9rem;
}

@media screen and (min-width: 768px) {
    .p-specials-list .specials-type-name {
        font-size: 1.9rem;
        line-height: 2.3rem;
    }

    .p-specials-list .specials-type-name span {
        position: relative;
    }

    .p-specials-list .specials-type-name span::before {
        background-image: url("../img/common/icon-special.svg");
        width: 1.5rem;
        height: 1.8rem;
        margin-right: 1.8rem;
        position: absolute;
        left: -3.2rem;
    }
}

.p-specials-list .specials-type-note {
    margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
    .p-specials-list .specials-type-note p {
        font-size: 1rem;
        line-height: 1.9rem;
    }
}

.p-specials-list .specials-type__item:not(:last-child) {
    margin-bottom: 2rem;
}

@media screen and (min-width: 768px) {
    .p-specials-list .specials-type__item:not(:last-child) {
        margin-bottom: 3.3rem;
    }
}

@media screen and (min-width: 768px) {
    .p-specials-list {
        padding-top: 5.4rem;
    }

    .p-specials-list .page-title {
        padding: 3.3rem 0;
    }
}

@media screen and (min-width: 768px) {
    .p-specials-list .l-list_view .specials-type-name {
        padding: 0 10.1rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .p-specials-list .l-list_view .specials-type-name {
        padding: 0 11rem;
    }
}

@media screen and (min-width: 768px) {
    .p-specials-list .l-list_view .specials-type-note {
        padding: 0 6.7rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .p-specials-list .l-list_view .specials-type-note {
        padding: 0 6rem;
    }
}

@media screen and (min-width: 768px) {
    .p-specials-list .l-list_view .td-product-cer,
    .p-specials-list
    .l-list_view
    .product-list
    .product-item
    .product-item__in
    .product-cer {
        display: none;
    }

    .p-specials-list .l-list_view .l-list_view-inner .td-product-price {
        width: 15.2rem;
    }
}

.p-specials-list .go-to-page {
    text-align: right;
}

.p-specials-list .go-to-page .inner {
    max-width: 118.8rem;
}

.p-specials-list .search-result_content {
    padding-bottom: 2rem;
}

@media screen and (min-width: 768px) {
    .p-specials-list .search-result_content {
        padding-bottom: 2.3rem;
    }
}

.p-specials-list .search-result_content .product {
    padding-bottom: 2.7rem;
}

[data-lang="ja"] {
    /* .page-pw .page-pw__ttl{
      @include font__meiryo;
  } */
}

@media screen and (max-width: 767px) {
    [data-lang="ja"]
    .search-result_content
    .search-result_heading
    .btn-wrap
    .btn {
        width: 18.7rem;
    }

    [data-lang="ja"] .btn-70.btn-request-small {
        width: 13rem;
    }

    [data-lang="ja"] .btn-70.btn-ask-small {
        width: 12rem;
    }

    [data-lang="ja"] .btn-70.btn-request-small .btn-70__text,
    [data-lang="ja"] .btn-70.btn-ask-small .btn-70__text {
        font-size: 1.2rem;
    }
}

@media screen and (min-width: 768px) {
    [data-lang="ja"] .btn-70.btn-request-small .btn-70__text,
    [data-lang="ja"] .btn-70.btn-ask-small .btn-70__text {
        font-size: 1.6rem;
    }

    [data-lang="ja"] .btn-follow .btn-text,
    [data-lang="ja"] .btn-follow-supplier .btn-text {
        font-size: 1.6rem;
    }

    [data-lang="ja"] .btn-follow .icon-left,
    [data-lang="ja"] .btn-follow-supplier .icon-left {
        margin-right: 1rem;
    }
}

.asf-cer__and-img img {
    width: 9rem; /* 999999 */
}

.suggest-icon {
    width: 10px;
    height: 10px;
    vertical-align: middle;
    margin-right: 5px;
}

.suggest a span {
    color: #00acf0;
}

.suggest span {
    font-weight: bold;
}