:root {
    --orange-line: #ed7800;
    --nav-height: 280px;
    --nav-height-sp: 190px;
    --border-color: #dddddd;
    --purple-link: #a44375;
    --swiper-theme-color: #ffffff;
    --menu-link-color: #6B7280;
    --banner-height: 40px;
    --custom-nav-height: 230px;
    --nav-fixed-header: 180px;
    --nav-shrink-logo: 158px
}

@font-face {
    font-family: 'Futura';
    src: url('../assets/fonts/Futura.woff2') format('woff2'),
        url('../assets/fonts/Futura.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: var(--nav-height);
}

.h2-size {
    font-size: 48px !important;
}

.h3-size {
    font-size: 36px !important;
}

h4 {
    font-size: 40px !important;
}

.menu__link-js {
    display: none;
}

.bg-body {
    background-color: rgb(246, 246, 246);
}

.leading-50 {
    line-height: 3.125rem;
}

/* Nav */

#header {
    max-height: var(--nav-height);
    border-bottom: 1px solid var(--border-color);
}

#header .header-top {
    font-family: "Source Sans Pro", serif;
    color: #5A5A5A;
}

#header .menu-header,
.nav__menu-slide {
    font-family: Helvetica, Arial, sans-serif;
}

#header .menu-header .item-ja,
.nav__menu-slide .item-ja {
    font-family: "Shippori Mincho", serif;
}

#header .menu-header .item-en,
.nav__menu-slide .item-en {
    font-family: 'Futura';
    font-weight: 100;
    font-style: normal;
}

#header .header-banner {
    height: var(--banner-height);
    font-size: 15px;
    width: 100%;
    letter-spacing: 1.5px;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 11px 20px;
    box-sizing: border-box;
    font-weight: 400;
    font-family: 'Source Sans Pro', sans-serif;
}

.theme-logo {
    background: url(../img/header/logo.png) center no-repeat;
    background-size: contain;
    width: 130px;
    height: 50px;
}

.theme-logo:hover {
    background-position-y: bottom;
}

.gender-select:hover {
    color: #ee7602;
}

.gender-select {
    position: relative;
    width: 100%;
}

.theme-highlight {
    color: rgb(55, 65, 81);
}

.header-theme__highlight::before {
    content: '';
    position: absolute;
    right: 15%;
    bottom: 0;
    height: 1px;
    width: 70%;
    background-color: rgb(55, 65, 81);
    transition: all 0.2s;
    pointer-events: none;
}

.bag__quantity {
    position: absolute;
    font-size: 9px;
    line-height: 1.5;
    padding: 0px 4px;
    border-radius: 50%;
    background: #ef7701;
    color: white;
    right: 45px;
    top: 2px;
}

.translate-y-1 {
    transform: translateY(7px);
}

#eLogo {
    transition: height 0.2s ease-in-out;
}

/* Shopping Submenu */

.shopping__submenu-gender-img--women,
.shopping__submenu-gender-img--men {
    height: 345px;
    min-width: 110px;
}

.shopping__submenu-gender-img--men {
    background: url(../img/submenu/shopping/shopping_men.png) no-repeat center;
    background-position-x: 21%;
    background-position-y: 67%;
    background-size: auto 400px;
}

.shopping__submenu-gender-img--women {
    background: url(../img/submenu/shopping/shopping_women.png) no-repeat center;
    background-position-x: 62%;
    background-position-y: 89%;
    background-size: auto 400px;
}

.shopping__submenu-belt-image {
    max-width: 110px;
    width: 100%;
    margin-bottom: 7px;
}

.shopping__list {
    position: relative;
}

.shopping__list:hover .shopping__submenu {
    display: flex;
}


/* Style, Exotic, Accessories, Guide Sub-menu  */

.style__submenu-content {
    width: 180px;
    height: 250px;
}

.women-submenu .style__submenu-types-text {
    font-size: 16px;
}

.style__submenu-types-text {
    font-size: 20px;
    position: relative;
    top: 85%;
}

.guide__submenu-line,
.accessories__submenu-line,
.style__submenu-line {
    width: 183px;
    margin: 12px 43px 0 22px;
    border-top: 1px solid rgb(153, 153, 153);
}

.item__link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 2px;
    width: 100%;
    background-color: rgb(237, 137, 54);
    opacity: 0;
    transition: all 0.2s;
    pointer-events: none;
}


/* Default */

.item__link:hover,
.item__link:hover::after,

/* Guide */

.guide__list:hover>.guide__list--hovered,
.guide__list:hover>.item__link::after,
.guide__submenu:hover,

/* Accessories */

.accessories__list:hover>.accessories__list--hovered,
.accessories__list:hover>.item__link::after,
.accessories__submenu:hover,

/* Exotic */

.exotic__list:hover>.exotic__list--hovered,
.exotic__list:hover>.item__link::after,
.exotic__submenu:hover,

/* Style */

.style__list:hover>.style__list--hovered,
.style__list:hover>.item__link::after,
.style__submenu:hover,

/* Shopping */

.shopping__list:hover>.shopping__list--hovered,
.shopping__list:hover>.item__link::after,
.shopping__submenu:hover,

/* Customize */
.customize__list:hover>.customize__list--hovered,
.customize__list:hover>.item__link::after,
.customize__submenu:hover {
    color: rgba(26, 32, 44, 1);
    opacity: 1;
}

.guide__list,
.accessories__list,
.exotic__list,
.style__list {
    position: relative;
}

.guide__submenu,
.accessories__submenu,
.exotic__submenu,
.style__submenu,
.shopping__submenu,
.customize__submenu {
    position: fixed;
    top: 230px;
    left: 0 !important;
    right: 0 !important;
    height: 350px;
    display: none;
    border-top: 1px solid #EBEBEB;
}

.style__submenu {
    left: -700%;
}

.shopping__submenu {
    height: 470px;
    left: -559%;
}

.exotic__submenu {
    left: -945%;
}

.accessories__submenu {
    right: -898%;
}

.guide__submenu {
    right: -668%;
}

.shopping__submenu:after,
.style__submenu:after,
.exotic__submenu:after,
.accessories__submenu:after,
.guide__submenu:after,
.customize__submenu::after {
    content: "";
    position: absolute;
    top: -5px;
    height: 10px;
}

.shopping__submenu:after {
    left: 28%;
    width: 6%;
}

.guide__submenu:after {
    left: 72%;
    width: 5%;
}

.accessories__submenu:after {
    left: 40%;
    width: 8%;
}

.exotic__submenu:after {
    left: 34%;
    width: 6%;
}

.style__submenu:after {
    left: 23%;
    width: 4%;
}

.customize__submenu::after {
    left: 48%;
    width: 8%;
}

.guide__list:hover .guide__submenu,
.accessories__list:hover .accessories__submenu,
.exotic__list:hover .exotic__submenu,
.style__list:hover .style__submenu,
.customize__list:hover .customize__submenu {
    display: block;
}


/* Accessories */

.accessories__submenu-content {
    width: 200px;
    height: 200px;
}

.accessories__submenu-line {
    width: 389px;
    margin: 12px 43px 0 22px;
}


/* Guide */

.guide__submenu-content {
    width: 692px;
    height: 247px;
}

.guide__submenu-line {
    width: 379px;
    margin: 12px 90px 0 -76px;
}

.languages__select {
    position: relative;
}

.languages__select-icon {
    position: relative;
}

.languages__select-option {
    position: absolute;
    top: 20px;
    right: 0px;
    width: 40px;
    color: white;
    position: absolute;
    top: 20px;
    right: 0px;
    width: 40px;
    color: white;
    text-align: center;
    background-color: #000;
    cursor: pointer;
    cursor: pointer;
    display: none;
}

.languages__select-option::before {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    width: 40px;
    height: 5px;
    background-color: transparent;
}

.languages__select:hover .languages__select-option {
    display: block;
}

.sales__heading-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.sales__heading-content {
    margin: auto;
    bottom: 0px;
    background-color: #de6e00;
    opacity: 0.8;
    width: 646px;
    height: 40px;
    display: flex;
}

.sales__heading-content p {
    line-height: 40px;
    text-decoration: underline;
}

.sales__heading-line {
    display: flex;
    align-items: center;
}

.sales__heading-line:before {
    content: "";
    display: block;
    position: relative;
    left: 16px;
    background-color: #fff;
    width: 24px;
    height: 1px;
    margin-right: 50px;
}


/* Customize */

.customize-font {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

.font-shipori {
    font-family:"Shippori Mincho",serif;
}

.font-source-sans {
    font-family:"Source Sans Pro";
    letter-spacing: 1px;
}

.font-cormorant {
    font-family: 'Cormorant Infant', serif;
}

.font-futura {
    font-family: 'Futura' !important;
    font-weight: 100;
    font-style: normal;
}
/* Footer */

.footer {
    width: 100%;
    min-height: 300px;
    /* margin-top: 70px; */
    background-color: #333;
    font-family: "Cormorant Infant", serif !important;
}

.footer .footer-dot {
    content: "";
    position: absolute;
    display: block;
    top: 8px;
    left: 1px;
    width: 5px;
    height: 3px;
    background-color: #fff;
}

.footer .footer-list__category {
    font-family: "Source Sans Pro", serif;
}

.footer .footer-list__category .footer-category {
    font-size: 11px;
    margin-bottom: 0.2rem;
    font-weight: 500;
    font-family: "Futura"
}

.footer .footer-list__category .footer-category:hover {
    color: #FFFFFF!important;
}

.footer .footer-theme__highlight:after {
    content: '';
    position: absolute;
    left: 25%;
    top: 0;
    height: 1px;
    width: 50%;
    background-color: rgb(255, 255, 255);
    transition: all 0.2s;
    pointer-events: none;
}

.footer .footer-category__line {
    display: block;
    height: 70px;
    width: 2px;
    background-color: #939393;
}


/* Body */

.set__belt-img {
    width: 100%;
    height: 600px;
    background: url(../img/set_belt.png) no-repeat;
    background-position: top center;
    background-size: cover;
}

.pickup__buckle-view-link,
.pickup__strap-view-link,
.belt__model-view-link {
    position: relative;
}

.pickup__buckle-view-link::after,
.pickup__strap-view-link::after,
.belt__model-view::after {
    content: "";
    position: absolute;
    display: block;
    bottom: -4px;
    left: 50%;
    width: 28px;
    height: 2px;
    background-color: #000;
    transform: translateX(-50%);
}

.belt__model-example:last-child {
    border-right: none;
}

.belt__model-container {
    height: 371px;
}

@media (min-width: 640px) and (max-width: 1023px) {
    .belt__model-example {
        border: none;
    }
}

@media (min-width: 375px) {
    .belt__model-example {
        border: none;
    }
}

@media (min-width: 1024px) {
    .belt__model-example {
        border-right: 2px solid var(--border-color);
    }
}

.main-wrapper {
    margin-top: 105px;
}

@media (min-width: 768px) {
    .main-wrapper {
        margin-top: unset;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wapper-margin {
        margin-top: 90px;
    }
}

@media (min-width: 1024px) {
    .wapper-margin {
        margin-top: 130px;
    }
}

.header-fixed.header-position {
    position: fixed;
}

.header-fixed {
    position: fixed;
}

@media (min-width: 768px) {
    .header-fixed {
        position: unset;
    }
}

.custom__belt-content-img {
    width: 100%;
    height: 600px;
    background: url(../img/custom_belt.png) no-repeat;
    background-position: top center;
    background-size: cover;
}

.pickup__buckle-header::after,
.pickup__strap-header::after {
    content: "";
    position: absolute;
    display: block;
    background-color: var(--orange-line);
    width: 2px;
    height: 20px;
    top: -20px;
    right: 45%;
}

.pickup__buckle-header::after {
    right: 50%;
}

.pickup__buckle-model-item,
.pickup__strap-model-item {
    border-right: 2px solid var(--border-color);
}

.pickup__buckle-model-item:last-child,
.pickup__strap-model-item:last-child {
    border-right: none;
}

.custom__belt-gender {
    height: 554px;
}

.custom__belt-gender-men {
    background-position-x: 29%;
    background-position-y: 70%;
    background-size: 1300px;
}

.custom__belt-gender-women {
    background-position-x: 100%;
    background-position-y: 70%;
    background-size: 1300px;
}

.pagecover {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #111;
    z-index: 100;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.21, 0.77, 0.58, 0.99);
    transition: -webkit-transform 1s cubic-bezier(0.21, 0.77, 0.58, 0.99);
    -o-transition: transform 1s cubic-bezier(0.21, 0.77, 0.58, 0.99);
    transition: transform 1s cubic-bezier(0.21, 0.77, 0.58, 0.99);
    transition: transform 1s cubic-bezier(0.21, 0.77, 0.58, 0.99), -webkit-transform 1s cubic-bezier(0.21, 0.77, 0.58, 0.99)
}

.pagecover-in {
    -webkit-transform: translate3d(0, -101vh, 0);
    transform: translate3d(0, -101vh, 0)
}

#wholepage {
    position: relative;
    -webkit-transform: translate3d(0, 5vh, 0);
    transform: translate3d(0, 5vh, 0);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.2, 0.63, 0.46, 0.92);
    transition: -webkit-transform 1s cubic-bezier(0.2, 0.63, 0.46, 0.92);
    -o-transition: transform 1s cubic-bezier(0.2, 0.63, 0.46, 0.92);
    transition: transform 1s cubic-bezier(0.2, 0.63, 0.46, 0.92);
    transition: transform 1s cubic-bezier(0.2, 0.63, 0.46, 0.92), -webkit-transform 1s cubic-bezier(0.2, 0.63, 0.46, 0.92)
}

#wholepage.wholepage-in {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}


/* STYLE PAGE PURCHASE */

.page-purchase .page-body .step-label {
    font-family: "Yu Gothic", serif;
}

.page-purchase .page-body .step-title {
    font-family: "Cormorant Infant", serif;
}

.page-purchase .guide__form .fax__field .field__content {
    width: calc(100% - 410px);
    margin-left: auto;
}

.page-purchase .guide__form .tel__field .field__content {
    width: calc(100% - 410px);
    margin-left: auto;
}

.page-purchase .guide__form .tel__field .field__content p {
    width: 100%;
}

.page-purchase .guide__form .address__field .postcode input[name="post-code-1"] {
    width: 95px;
}

.page-purchase .guide__form .address__field .postcode input[name="post-code-2"] {
    width: 162px;
}

.page-purchase .guide__form .address__field select {
    width: 220px;
    font-size: 0.875rem;
    height: auto;
}

.page-purchase .guide__form .custom-field__address {
    width: 32rem;
}

.page-purchase .guide__form .custom-field__dropdown {
    min-height: 70px;
    padding-left: 20px;
}

.page-purchase .dropdown-select {
    background-position-x: 94%;
    background-position-y: 27px;
    background-size: 14px 14px;
}

.page-purchase .guide__form .radio_group p {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.page-purchase .guide__form .radio_group p label {
    display: flex;
    align-items: center;
    gap: 10px;
}

.page-purchase .wpcf7-form-control.wpcf7-select {
    width: 220px;
}

.page-purchase .wpcf7-form-control.custom-field__text {
    width: 230px;
}

/* .page-purchase .wpcf7-form-control.has-spinner.wpcf7-submit {
    font-size: 29px;
    width: 289px;
    height: 67px;
} */


/* STYLE PAGE SIZE */

.page-size .guide__form .fax__field .field__content {
    width: calc(100% - 410px);
    margin-left: auto;
}

.page-size .guide__form .tel__field .field__content {
    width: calc(100% - 410px);
    margin-left: auto;
}

.page-size .guide__form .tel__field .field__content p {
    width: 100%;
}

.page-size .guide__form .address__field .postcode input[name="post-code-2"] {
    width: 162px;
}

.page-size .guide__form .address__field select {
    width: 220px;
    font-size: 0.875rem;
    height: auto;
}

.page-size .dropdown-select {
    background-position-x: 94%;
    background-position-y: 27px;
    background-size: 14px 14px;
}

.page-size .guide__form .custom-field__address {
    width: 32rem;
}

.page-size .guide__form .radio_group p {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.page-size .guide__form .radio_group p label {
    display: flex;
    align-items: center;
    gap: 10px;
}

.page-size .wpcf7-form-control.custom-field__text {
    width: 520px;
}

.page-size .guide__form .custom-field__dropdown {
    min-height: 70px;
    padding-left: 20px;
}

.page-size .guide__form .custom-field__area {
    height: 19rem;
}

.page-size .wpcf7-form-control.wpcf7-select {
    width: 220px;
}

.page-size .guide__form .customized_length p {
    display: flex;
    align-items: center;
    gap: 15px;
}

.page-size .guide__form .customized_length input {
    width: 245px;
}

/* .page-size .wpcf7-form-control.has-spinner.wpcf7-submit {
    font-size: 29px;
    width: 289px;
    height: 67px;
} */

.page-size.page-size__en .wpcf7-form-control.has-spinner.wpcf7-submit,
.page-purchase.page-purchase__en .wpcf7-form-control.has-spinner.wpcf7-submit {
    width: max-content !important;
    padding: 12px;
    font-size: 18px;
}

/* Start Guide pages */

.dropdown-select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("../img/icon/arrow-down.png");
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 18px;
    background-size: 12px 12px;
}

.button-arrow:after {
    background-image: url("../img/icon/button-arrow.png");
    content: '';
    display: inline-block;
    width: 6px;
    height: 4px;
    vertical-align: middle;
    margin-left: 10px;
}

.guide__form .wpcf7-form {
    position: relative;
}

.guide__form .wpcf7-form .wpcf7-response-output {
    position: absolute;
    width: 99%;
    bottom: 140px;
}

.page-contact .guide__form .wpcf7-form .wpcf7-response-output {
    bottom: 115px;
}

.guide__form br {
    display: none;
}

.guide__form input[type="text"],
.guide__form textarea {
    border-radius: 0.25rem;
}

.guide__form input[type="text"]:focus,
.guide__form textarea:focus {
    border-color: #4299e1;
}

.guide__form .fax__field br {
    display: none
}

.guide__form .fax__field .field__content,
.guide__form .tel__field .field__content {
    width: calc(100% - 300px);
    margin-left: auto;
}

.guide__form .field__content.fullname p {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}

.guide__form .fax__field .field__content p {
    display: flex;
    align-items: center;
}

.guide__form .address__field p {
    display: flex;
    align-items: center;
}

.guide__form .address__field .postcode input[name="post-code-1"] {
    width: 80px;
}

.guide__form .address__field .postcode input[name="post-code-2"] {
    width: 120px;
}

.guide__form .address__field select {
    width: 200px;
    font-size: 0.875rem;
    height: auto;
}

.guide__form .survey__field select {
    width: 250px;
    font-size: 0.875rem;
    height: auto;
}

.guide__form input[type="submit"] {
    background: #333333 !important;
    margin: 0 !important;
    width: 228px;
    height: 56px;
}

.page-contact_en .guide__form input[type="submit"] {
    width: max-content !important;
    padding: 12px;
    font-size: 18px;
}

.guide__form .form__nav-submit {
    position: relative;
}

.guide__form .form__nav-submit p {
    display: flex !important;
    gap: 1rem !important;
}

.guide__form .wpcf7-spinner {
    position: absolute;
    right: -50px;
    top: 15px;
    margin-right: 12px;
}

.guide__form .wpcf7-not-valid-tip {
    margin-top: 5px;
}

.guide__form select {
    border: 1px solid rgb(209 213 219) !important;
}

.guide__form .invalid .wpcf7-response-output,
.guide__form .failed .wpcf7-response-output {
    display: block !important;
}


/* End Guide pages */


/* Style form question */

#form_question {
    font-family: "Cormorant Infant", serif;
}

#form_question .nf-form-title,
#form_question .nf-before-form-content,
#form_question .nf-error.field-wrap .nf-field-element:after,
#form_question .nf-pass.field-wrap .nf-field-element:after {
    display: none;
}

#form_question .nf-field-label label {
    font-size: 14px;
}

#form_question textarea.ninja-forms-field {
    resize: none;
}

#form_question input.ninja-forms-field {
    width: 100%;
}

#form_question .nf-form-wrap {
    position: relative;
}

#form_question .nf-form-wrap .nf-response-msg {
    padding: 5px;
    position: absolute;
    bottom: -5px;
    color: #06aa47;
}

#form_question input.ninja-forms-field:hover {
    cursor: pointer;
}

#form_question .toogle-form {
    animation: pulse 1.5s infinite 1s cubic-bezier(0.25, 0, 0, 1);
    box-shadow: 0 0 0 0 #e37410;
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 18px rgba(255, 255, 255, 0);
    }
}
.accordion-container .content {
    display: none;
}

.accordion-container .set > .help-qa_question.active{
    background-color:#f5f5f5;
    color: rgb(51, 51, 51);
}

/* Nav Mobile */
.nav__menu-slide {
    width: calc(100vw - 80px);
    -webkit-box-shadow: 0 1px 3px -3px rgba(0, 0, 0, .12), 0 1px 2px -2px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 3px -3px rgba(0, 0, 0, .12), 0 1px 2px -2px rgba(0, 0, 0, .12);
}

.nav__menu-slide.nav__menu-slide--open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.overlay {
    display: none;
}

.nav__menu-slide.nav__menu-slide--open + .overlay {
    display: block;
}

@media (min-width: 0px) and (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
    .nav__menu-slide {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease;
    }
}

.nav__menu-slide .nav__mb {
    width: calc(100vw - 80px);
}

.nav__menu-slide .nav__mb .nav__mb--shopping {
    width: calc(100vw);
}

.nav__menu-slide .nav__mb .nav__mb-content .nav__mb-list .nav__mb-title:hover {
    cursor: pointer;
}

.nav__menu-slide .sub__nav-menu .sub__nav-category {
    padding: 16px 16px 20px;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-shrink: 0;
    cursor: pointer;
}

.nav__menu-slide .sub__nav-menu .sub__nav-category::after {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    height: 4px;
    left: 16px;
    right: 16px;
    background: #000;
}

.nav__menu-slide .sub__nav-menu .sub__nav-category .sub__nav-title {
    text-transform: uppercase;
    line-height: 1;
    max-height: .8em;
}

.nav__menu-slide .sub__nav-menu .sub__nav-content {
    padding: 0 30px;
    height: 100vh;
    max-height: calc(100vh - 64px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.nav__menu-slide .sub__nav-menu .sub__nav-content .sub__nav-item {
    padding: 12px 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: inline-block;
    width: 100%;
}

.nav__menu-slide .sub__nav-menu .sub__nav-content .sub__nav-item a {
    width: 100%;
}

.nav__menu-slide .sub__nav-menu .sub__nav-content .sub__nav-subtitle::after,
.nav__menu-slide .nav__mb-content .nav__mb-login::after {
    content: "";
    display: block;
    height: 1px;
    width: 48px;
    border-top: 1px solid #cbcbcb;
    margin: 12px 0 0;
}

.nav__menu-slide .nav__mb-content .nav__mb-login::after {
    margin-top: 24px;
}

.nav__menu-slide .sub__nav-menu .sub__nav-content .sub__nav--male > h3::before,
.nav__menu-slide .sub__nav-menu .sub__nav-content .sub__nav--women > h3::before {
    content: "•";
    display: inline-block;
    color: #000;
    margin-right: 8px;
    font-size: 1.5em;
}

.nav__menu-slide .sub__nav-menu .sub__nav-content .sub__nav-type {
    width: calc((100% - 112px) / 3);
}

.nav__menu-slide .sub__nav-menu .sub__nav-content .sub__nav-type.type-smart {
    min-width: 112px;
}

.buckle-group img {
    margin: auto;
}

.wp-block-image img {
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .custom-belt-bottom .wp-block-cover__inner-container {
        position: relative;
        top: 10px;
    }
}

@media screen and (max-width: 640px) {
    #header .header-banner {
        font-size: 12px;
    }
}

.qa__group-question .qa__group-question--question,
.qa__group-answer .qa__group-answer--answer {
    font-size: 18px;
}

@media screen and (max-width: 767px) {
    .qa__group-question .qa__group-question--question,
    .qa__group-answer .qa__group-answer--answer {
        font-size: 14px;
    }
}


/* CLASSY STYLE */
.main-classy.classy {
    background: url(../img/assets/classy/cover.png) no-repeat top center;
    height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-size: cover !important;
}

@media screen and (max-width: 850px) {
    .guide__form .address__field p,
    .guide__form .field__content.post__code {
        flex-direction: column;
        align-items: baseline;
        gap: 10px;
    }
    .guide__form .field__content.post__code p {
        flex-direction: row;
    }
}

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

    .page-size .guide__form .radio_group p,
    .page-purchase .guide__form .radio_group p {
        flex-direction: row;
        align-items: center;
    }

    .page-size .guide__form .radio_group p span,
    .page-purchase .guide__form .radio_group p span {
        word-break: keep-all;
    }

    .main-classy.classy {
        height: 300px;
        background-position: 77% 0;
    }

    .label__title {
        margin-bottom: 10px;
    }

    .guide__form .fax__field .field__content,
    .guide__form .tel__field .field__content {
        width: 100%;
        margin: auto;
    }

    .page-size .guide__form .custom-field__address,
    .page-size .wpcf7-form-control.custom-field__text {
        width: 100% !important;
    }

    .guide__form .address__field .postcode > p {
        flex-direction: row;
        width: 100%;
    }

    .guide__form span.wpcf7-form-control-wrap {
        display: block;
        width: 100%;
    }

    .guide__form span.wpcf7-form-control-wrap input {
        width: 100%! important;
    }

    .guide__form .address__field .postcode input[name="post-code-1"],
    .guide__form .address__field .postcode input[name="post-code-2"],
    .guide__form .address__field select,
    .guide__form .survey__field p,
    .guide__form .survey__field select {
        width: 100%;
    }
}

.sns-icon {
    width: 23px;
    height: 23px;
}