@charset "UTF-8";


.has-enishi-brown-background-color {
    background-color: #4b3827;
}

.has-enishi-brown-color {
    color: #4b3827;
}

.has-enishi-ivory-background-color {
    background-color: #fffef9;
}

.has-enishi-ivory-color {
    color: #fffef9;
}

.has-enishi-green-background-color {
    background-color: #365a6a;
}

.has-enishi-green-color {
    color: #365a6a;
}

.has-enishi-pink-background-color {
    background-color: #d18e73;
}

.has-enishi-pink-color {
    color: #d18e73;
}



/* 共通部分
------------------------------- */
:root {
    --enishi-ivory-color: #fffef9;
    --enishi-brown-color: #4b3827;
    --enishi-pink-color: #d18e73;
    --enishi-error-color: #c53929;
    --enishi-ivory-color-rgb: rgb(255, 254, 249);
    --enishi-brown-color-rgb: rgb(75, 56, 39);
    --enishi-pink-color-rgb: rgb(209, 142, 115);
    --enishi-error-color-rgb: rgb(197, 57, 41);
}

.wp-block-button.is-style-common-tinyoutline-button .wp-block-button__link {
    background-color: transparent;
    border: 1px solid var(--enishi-brown-color);
    padding: 10px;
    color: var(--enishi-brown-color);
    font-size: small;
}


.wp-block-button.is-style-common-addtocart-button .wp-block-button__link {
    background-color: var(--enishi-brown-color);
    border-radius: 60px;
    padding: 10px;
    color: var(--enishi-ivory-color);
    font-size: small;
    transition: .3s;
}

.wp-block-button.is-style-common-addtocart-button .wp-block-button__link::before {
    font-family: "Font Awesome 5 Free";
    content: "\f290";
    color: var(--enishi-ivory-color);
    font-weight: 900;
    font-size: small;
    margin-right:10px;
}

.wp-block-button.is-style-common-addtocart-button:hover {
    filter: brightness(1.5);
}


html {
    font-size: 100%;
}
body{
    font-family: 'Noto Serif JP', serif;
    line-height: 1.7;
    background-color: var(--enishi-ivory-color);
}
a {
    text-decoration: none;
}
img {
    max-width: 100%;
}
.wrapper {
    max-width: 1872px;
    margin: 0 auto;
    padding: 0 10px;
}

.workshop-wrapper {
    width: 100vw;
    margin: 0 auto;
    padding: 0 0%;
}


.big-bg {
    background-size: cover;
    background-position: center top;
}


iframe {
    width: 100%;
}


/* HEADER
------------------------------- */
.header-top-content-index {
    background-color: #365a6a;
    height: 3rem;
    position: relative;
}

.header-top-content-index__news-slider:not(.background) {
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translate(0%, -50%);
    width: 90%;
    transition: opacity .5s;
    opacity: 1;
}

.header-top-content-index__news-slider{
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translate(0%, -50%);
    width: 90%;
    transition: opacity .5s;
    opacity: 0;
}

.header-top-content-index__news-slider__content__flex {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    gap: 10px;
    transition: .3s;
    color: var(--enishi-ivory-color);
    font-size: .5rem;
    align-items: center;
}

.header-top-content-index__news-slider__content__flex:hover {
    opacity: 0.7;
}

.header-top-content-index__news-slider__content__flex__heading {
    font-weight: normal;
}

.header-top-content-transparent {
    background-color: transparent;
    height: 1rem;
}

.header-top-content-shopping + .wrapper .header-relative .navigation-desktopwrapper {
    display: none;
}

.header-top-content-shopping + .wrapper .header-relative .navigation-iconsmenu {
    display: none;
}

.header-top-content-shopping + .wrapper .header-relative .logo-link {
    margin-top: 10px;
    top: 0;
}

.header-relative {
    position: relative;
    background-color: var(--enishi-ivory-color);
    z-index: 10;
}

.is-background-transparent {
    background-color: transparent;
}

.header-container {
    padding-top: 10px;
    height: 6rem;
    position: relative;
}

.navigation__main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
}

.navigation-mobile {
    display: var(--d, block);
}

.search-mobile {
    display: none;
    flex-basis: 100%;
}

.logo-link {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: fit-content;
    height: 3rem;
    transition: .2s;
    transform: scale(1.0);
}

.logo-img {
    width: auto;
    height: 3rem;
}

.navigation-desktopwrapper {
    display: var(--d, block);
}

.navigation-desktop {
    display: flex;
    font-size: 1rem;
    text-transform: uppercase;
    list-style: none;
    height: 3.5rem;
}
.navigation-desktop li {
    align-items: center;
    height: 100%;
    display: flex;
    flex-direction: row;
}

.search-desktop {
    display: none;
    position: relative;
}

.search-desktop::after {
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 0.5px;
    background-color: var(--enishi-brown-color);
    bottom: -1px;
    transform: scale(0,1);
    transform-origin: right top;
    transition: transform 0.3s;
}

.search-desktop.active::after {
    transform: scale(1,1);
}

.navigation-desktop-personalize::before,
.navigation-desktop-shop::before,
.navigation-desktop-faq::before {
    border-left: 1px solid gray;
    height: 10px;
    width: 1px;
    content: "";
    margin: 0px 18px 0px 18px;
}

.navigation-desktop li:first-child::before {
    border-left: none;
    margin: 0px 0px 0px 0px;
}

.navigation-desktop a {
    color: var(--enishi-brown-color);
    transition: .2s;
}
.navigation-desktop a:hover {
    filter: opacity(0.5);
}

.navigation-iconsmenu {
    display: flex;
    list-style: none;
    font-size: 1rem;
}

.navigation-iconsmenu li {
    margin: 0px 8px 0px 8px;
    align-self: center;
}

.navigation-iconsmenu-wishlist,
.navigation-iconsmenu-account,
.navigation-iconsmenu-cart {
    position: relative;
}

.navigation-iconsmenu-status {
    display: none;
    position: absolute;
    height: 1rem;
    width: 1rem;
    top: 10%;
    left: 60%;
    transform: translate(-50%, -50%);
    background-color: var(--enishi-ivory-color);
}

.navigation-iconsmenu-status > svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.search-form {
    display: flex;
    justify-content: space-between;
}

.search-field:-webkit-autofill {
    background-color: transparent !important;
    -webkit-box-shadow: 0 0 0 50px white inset;
}

*:focus {
    outline: none !important;
}

.search-field:-webkit-autofill::first-line {
    font-size: .8125rem !important;
    color: var(--enishi-brown-color) !important;
    letter-spacing: 0.5px !important;
}

.search-field {
    border-bottom: none;
    width: 14.125rem;
    display: none;
}

.search-field::-webkit-search-cancel-button {
    display: none;
}

.search-button {
    display: initial;
    position: relative;
}

.search-button > svg {
    font-size: small;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-140%, -50%);
}

.navigation-iconsmenu-wishlist:after {
    position: relative;
    content: "";
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" role="img" width="48px" height="48px" viewBox="0 0 24 24" aria-labelledby="favouriteIconTitle" stroke="rgb(75, 56, 39)" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="transparent"> <title id="favouriteIconTitle">Favourite</title> <path d="M12,21 L10.55,19.7051771 C5.4,15.1242507 2,12.1029973 2,8.39509537 C2,5.37384196 4.42,3 7.5,3 C9.24,3 10.91,3.79455041 12,5.05013624 C13.09,3.79455041 14.76,3 16.5,3 C19.58,3 22,5.37384196 22,8.39509537 C22,12.1029973 18.6,15.1242507 13.45,19.7149864 L12,21 Z"/> </svg>') !important;
    background-position: center center;
    background-size: contain;
    vertical-align: text-bottom;
    margin-right: 10px;
    cursor: pointer;
    vertical-align: text-top;
}

.navigation-iconsmenu-wishlist:not(.has-wishlist) > .navigation-iconsmenu-status {
    display:none;
}

.navigation-iconsmenu-wishlist.has-wishlist > .navigation-iconsmenu-status {
    display:block;
}

.navigation-iconsmenu-account:after {
    content: "";
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.cls-1,.cls-2{fill:none;}.cls-2{stroke:black;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><title>user_24</title><g id="レイヤー_2" data-name="レイヤー 2"><g id="Rectangle"><rect class="cls-1" width="17" height="17"/></g><g id="icon_data"><circle class="cls-2" cx="24.13" cy="14.13" r="6"/><path class="cls-2" d="M8.93,40.65v-3c0-5.79,4.23-10.5,9.45-10.5H29.87c5.22,0,9.45,4.71,9.45,10.5v3"/></g></g></svg>') !important;
    width: 1.4rem;
    height: 1.4rem;
    display: inline-block;
    background-position: center center;
    background-size: contain;
    vertical-align: text-top;
    margin-right: 10px;
}

.navigation-iconsmenu-account:not(.is-login) > .navigation-iconsmenu-status {
    display:none;
}

.navigation-iconsmenu-account.is-login > .navigation-iconsmenu-status {
    display:block;
}

.navigation-iconsmenu-cart:after {
    position: relative;
    content: "";
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-shopping-bag" width="24" height="24" viewBox="0 0 22 22" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/>  <path d="M6.331 8h11.339a2 2 0 0 1 1.977 2.304l-1.255 8.152a3 3 0 0 1 -2.966 2.544h-6.852a3 3 0 0 1 -2.965 -2.544l-1.255 -8.152a2 2 0 0 1 1.977 -2.304z"/>  <path d="M9 11v-5a3 3 0 0 1 6 0v5"/></svg>') !important;
    background-position: center center;
    background-size: contain;
    vertical-align: text-bottom;
    margin-right: 10px;
    cursor: pointer;
    vertical-align: text-top;
}

.navigation-iconsmenu-hamburger {
    position: relative;
    width:  20px;
    height: 20px;
    background: transparent;
}

.navigation-iconsmenu-hamburger-line {
    position: absolute;
    left:   10px;
    width:  10px;
    height: 1px;
    background: #aaa;
    transition: 0.8s;
}

.navigation-iconsmenu-hamburger-line:nth-of-type(1) {
    top:4px;
}
.navigation-iconsmenu-hamburger-line:nth-of-type(2) {
    top:9px;
}
.navigation-iconsmenu-hamburger-line:nth-of-type(3) {
    top:14px;
}


.navigation__border {
    height: 1px;
    margin: 0rem 0px 0rem 0px;
    width: 100%;
    border-bottom: 1px solid var(--enishi-brown-color);
    filter: opacity(0.0);
    transition: .3s;
}

.navigation__border.show {
    filter: opacity(0.3);
}

.navigation__border:hover {
    filter: opacity(0.3);
}

.navigation__border:hover + .navigation-desktop-onlineshop-submenu {
    filter: opacity(1.0);
    top: 0rem;
}

.navigation-desktop-onlineshop-submenu {
    background-color: transparent;
    position: absolute;
    top: 80%;
    filter: opacity(1.0);
    z-index: 999999999;
    pointer-events: auto;
    transition: .3s;
    width: 100%;
}

.navigation-desktop-onlineshop-submenu:not(:hover) {
    position: absolute;
    top: 2rem;
    background-color: transparent;
    transition: .3s;
    height: 3.5rem;
    filter: opacity(0.0);
    transition: .3s;
    pointer-events: none;
}

.navigation-desktop-onlineshop {
    font-size: .8125rem;
}

.navigation-desktop-personalize {
    font-size: .8125rem;
}

.navigation-desktop-shop {
    font-size: .8125rem;
}

.navigation-desktop-topic {
    font-size: .8125rem;
}

.navigation-desktop-faq {
    font-size: .8125rem;
}

.navigation-desktop-onlineshop-submenu-items__item {
    font-size: .8125rem;
}

.navigation-desktop-onlineshop-submenu-items__item-separator {
    border-left: 1px solid gray;
    height: 10px !important;
    align-self: center;
    width: 1px;
    content: "";
    margin: 0px 18px 0px 18px;
}

.navigation-desktop-onlineshop:hover + .navigation-desktop-onlineshop-submenu {
    background-color: transparent;
    position: absolute;
    top: 80%;
    filter: opacity(1.0);
    z-index: 999999999;
    transition: .3s;
    pointer-events: auto;
}

.navigation-desktop-onlineshop-submenu:hover {
    background-color: transparent;
    position: absolute;
    top: 80%;
    filter: opacity(1.0);
    transition: .3s;
    z-index: 999999999;
    pointer-events: auto;
}

.navigation-desktop-onlineshop-submenu-items {
    display: none;
    list-style: none;
    display: flex;
    height: 2rem;
    color: var(--enishi-brown-color);
}

.navigation-desktop-onlineshop-submenu-items .navigation-desktop-onlineshop-submenu-items__item {
    align-self: center;
}

.navigation-desktop-onlineshop-submenu-items__item__link {
    transition: .3s;
    color: var(--enishi-brown-color);
}

.navigation-desktop-onlineshop-submenu-items__item__link:hover {
    filter: opacity(0.5);
}

.sidenavigation {
    position: fixed;
    width: 0px;
    height: 100%;
    transition: .3s;
    z-index: 12;
    top: 0;
    right: 0;
    background-color: var(--enishi-ivory-color);
    width: 34.375rem;
    right: -34.375rem;
}

.sidenavigation.is_emerge {
    right: 0rem;
}


.hamburger-sidenavigation {
    position: fixed;
    width: 0px;
    height: 100%;
    overflow: scroll;
    transition: .3s;
    z-index: 12;
    top: 0;
    right: 0;
    background-color: var(--enishi-ivory-color);
    width: calc(100% - 1.25rem);
    right: -100%;
}

.hamburger-sidenavigation.is_emerge {
    right: 0rem;
}


.hamburger-sidenavigation__header__close__button {
    cursor: pointer;
    text-align: end;
}

.hamburger-sidenavigation__header__close__button > svg {
    width: 1rem;
    height: 1rem;
    margin: 1rem 2rem 1rem 1rem;
}

.hamburger-sidenavigation__content {
    padding: 0 2rem 2rem 2rem;
}
.hamburger-sidenavigation__content__enishi-products {
    padding: 2rem;
}
.hamburger-sidenavigation__content__services__enishi-products__heading {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    cursor: pointer;
}
.hamburger-sidenavigation__content__services__enishi-products__heading > svg {
    width: 1rem;
    height: 1rem;
    transition: .3s;
}
.hamburger-sidenavigation__content__services__enishi-products__heading.expand > svg {
    transform:rotateZ( -180deg);
}
.hamburger-sidenavigation__content__services__enishi-products__heading + ul {
    max-height: 0px;
}
.hamburger-sidenavigation__content__services__enishi-products__heading.expand + ul {
    max-height: 500px;
}
.hamburger-sidenavigation__content__services__enishi-products__submenu {
    transition: .3s;
    overflow: hidden;
}

.hamburger-sidenavigation__content__services__enishi-products__pickup__heading {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    cursor: pointer;
}
.hamburger-sidenavigation__content__services__enishi-products__pickup__content {
    transition: .3s;
    overflow: hidden;
}

.hamburger-sidenavigation__content__services__enishi-products__pickup__heading > svg {
    width: 1rem;
    height: 1rem;
    transition: .3s;
}
.hamburger-sidenavigation__content__services__enishi-products__pickup__heading.expand > svg {
    transform:rotateZ( -180deg);
}
.hamburger-sidenavigation__content__services__enishi-products__pickup__heading + div {
    max-height: 0px;
}
.hamburger-sidenavigation__content__services__enishi-products__pickup__heading.expand + div {
    max-height: 500px;
}
.hamburger-sidenavigation__content__client-services__login__link,
.hamburger-sidenavigation__content__client-services__wishlist__link,
.hamburger-sidenavigation__content__client-services__shoppingbag__link {
    cursor: pointer;
}

.sidenavigation_content_cover {
    background-color: black;
    position: fixed;
    top: 0;
    opacity: 0;
    height: 100vh;
    width: 100vw;
    z-index: -11;
    cursor: pointer;
}

.sidenavigation_content_cover.is_emerge {
    opacity: 0.5;
    z-index: 11;
}

.sidenavigation__close {
    position: relative;
    height: 5rem;
    text-align: end;
}

.sidenavigation__close__button {
    display: block;
    font-size: 2rem;
    cursor: pointer;
}

.sidenavigation__close__button > svg {
    width: 1rem;
    height: 1rem;
    margin: 1rem;
}

.sidenavigation__menubar {
    display: flex;
    position: relative;
    flex-direction: row;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    justify-content: space-evenly;
    overflow-x: auto;
}

.sidenavigation__menubar > * {
    flex-shrink: 0;
}

.sidenavigation__menubar__wishlist {
    font-size: .8125rem;
    cursor: pointer;
    padding: 10px 5px 10px 5px;
}

.sidenavigation__menubar__wishlist.selected {
    border-bottom: 1px solid var(--enishi-brown-color);
    font-weight: bold;
}

.sidenavigation__menubar__account {
    font-size: .8125rem;
    cursor: pointer;
    padding: 10px 5px 10px 5px;
}

.sidenavigation__menubar__account.selected {
    border-bottom: 1px solid var(--enishi-brown-color);
    font-weight: bold;
}

.sidenavigation__menubar__cart {
    font-size: .8125rem;
    cursor: pointer;
    padding: 10px 5px 10px 5px;
}

.sidenavigation__menubar__cart.selected {
    border-bottom: 1px solid var(--enishi-brown-color);
    font-weight: bold;
}

.sidenavigation__menubar__contents {
    overflow: scroll;
    height: calc(100% - 5rem - 2.8125rem);
}

/* sidenavigation(wishlist)
**************************/
.sidenavigation__menubar__contents__wishlist__items__item {
    display: flex;
    flex-direction: row;
    gap: 30px;
    padding: 20px;
    position: relative;
}

.sidenavigation__menubar__contents__wishlist__items__item__img__add-to-cart-button {
    position: absolute;
    display: none;
}

.sidenavigation__menubar__contents__wishlist__items__item__img {
    height: 12.8125rem;
    aspect-ratio: 15/16;
}

.sidenavigation__menubar__contents__wishlist__items__item__img__image {
    height: 100%;
    width: 100%;
}

.sidenavigation__menubar__contents__wishlist__items__item__info {
    display: flex;
    align-self: center;
    flex-direction: column;
}

.sidenavigation__menubar__contents__wishlist__items__item__info__title {
    font-size: .8125rem;
    line-height: 1.25rem;
}

.sidenavigation__menubar__contents__wishlist__items__item__info__description {
    font-size: .8125rem;
    line-height: 1.25rem;
}

.sidenavigation__menubar__contents__wishlist__items__item__info__price {
    font-size: .8125rem;
    line-height: 1.25rem;
    font-weight: bold;
    margin: 1.25rem 0;
}

.sidenavigation__menubar__contents__wishlist__items__item__info__delete {
    font-size: .8125rem;
    line-height: 1.25rem;
    cursor: pointer;
}

.sidenavigation__menubar__contents__wishlist__items__item__info__delete:hover {
    font-weight: bold;
}


/* sidenavigation(account)
**************************/
.sidenavigation__menubar__contents__account__container {
    padding: 20px;
}

.sidenavigation__menubar__contents__account__container__title {
    text-align: center;
    color: var(--enishi-brown-color);
    margin-bottom: 20px;
}

.sidenavigation__menubar__contents__account__container__login,
.sidenavigation__menubar__contents__account__container__register {
}

.sidenavigation__menubar__contents__account__container__login__title,
.sidenavigation__menubar__contents__account__container__register__title {
    font-size: .8125rem;
    color: var(--enishi-brown-color);
}

.sidenavigation__menubar__contents__account__container__login__formbody {
    margin: 20px;
}

.sidenavigation__menubar__contents__account__container__login__formbody__email__title {
    font-size: .5125rem;
    color: var(--enishi-brown-color);
}

.sidenavigation__menubar__contents__account__container__login__formbody__password__title {
    margin-top: 20px;
    font-size: .5125rem;
    color: var(--enishi-brown-color);
}

.sidenavigation__menubar__contents__account__container__login__formbody__password__reset {
    font-size: .5125rem;
    text-decoration: underline;
    cursor: pointer;
    color: gray;
}

.sidenavigation__menubar__contents__account__container__login__formbody__password__reset:hover {
    text-decoration: none;
}

.sidenavigation__menubar__contents__account__container__login__formbody input[type="text"],
.sidenavigation__menubar__contents__account__container__login__formbody input[type="email"],
.sidenavigation__menubar__contents__account__container__login__formbody input[type="password"] {
    background-color: white;
    border: 1px solid lightgray;
    color: var(--enishi-brown-color);
    font-size: 1rem;
    padding: .5rem;
    width: 100%;
}

.sidenavigation__menubar__contents__account__container__login__formbody__button {
    width: 100%;
    background-color: var(--enishi-brown-color);
    margin-top: 20px;
    text-align: center;
    height: 3rem;
    transition: .3s;
    cursor: pointer;
}

.sidenavigation__menubar__contents__account__container__login__formbody__button:hover {
    opacity: 0.7;
}

.sidenavigation__menubar__contents__account__container__login__formbody__button > input {
    font-size: .8125rem;
    color: var(--enishi-ivory-color);
    width: 100%;
    height: 100%;
}

.sidenavigation__menubar__contents__account__container__login__formbody__error-message {
    text-align: center;
}

.sidenavigation__menubar__contents__account__container__login__formbody-verification {
    margin: 20px;
}


.sidenavigation__menubar__contents__account__container__login__formbody__verification-code > input {
    background-color: white;
    border: 1px solid lightgray;
    color: var(--enishi-brown-color);
    font-size: 1rem;
    padding: .5rem;
    width: 100%;
}

.sidenavigation__menubar__contents__account__container__login__formbody__verification-code__inputbox {
    text-align: center;
}

.sidenavigation__menubar__contents__account__container__login__formbody__verification-code__title {
    font-size: .5125rem;
    color: var(--enishi-brown-color);
    margin-top: 20px;
}

.sidenavigation__menubar__contents__account__container__register__description {
    font-size: .5rem;
    color: var(--enishi-brown-color);
    padding: 20px;
}

.sidenavigation__menubar__contents__account__container__register__buttonlink__button {
    padding: 20px;
    width: 100%;
    color: var(--enishi-ivory-color);
    text-align: center;
    transition: .3s;
    cursor: pointer;
}

.sidenavigation__menubar__contents__account__container__register__buttonlink {
    color: var(--enishi-ivory-color);
    background-color: var(--enishi-brown-color);
    display: inline-block;
    width: 100%;
    height: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sidenavigation__menubar__contents__account__container__register__buttonlink__button > span {
    font-size: .8125rem;
}

.sidenavigation__menubar__contents__account__container__register__buttonlink__button:hover {
    opacity: 0.7;
}

/* ログイン中
*******************/
.sidenavigation__menubar__contents__account__container__separator {
    width: 20%;
    margin: 10px 20px;
    color: var(--enishi-brown-color);
    opacity: 0.7;
}

.sidenavigation__menubar__contents__account__container__top-content {
    padding: 20px;
}

.sidenavigation__menubar__contents__account__container__top-content__greeting {
    font-size: .8125rem;
    color: var(--enishi-brown-color);
}

.sidenavigation__menubar__contents__account__container__top-content__logout {
    font-size: .8125rem;
    color: var(--enishi-brown-color);
    text-decoration: underline;
    margin-top: 10px;
    display: inline-block;
}

.sidenavigation__menubar__contents__account__container__top-content__logout:hover {
    text-decoration: none;
}

.sidenavigation__menubar__contents__account__container__history {
    padding: 20px 0px 0px 20px;
}

.sidenavigation__menubar__contents__account__container__history__heading {
    font-size: .8125rem;
    color: var(--enishi-brown-color);
}

.sidenavigation__menubar__contents__account__container__history__contents > a {
    font-size: .5rem;
    color: var(--enishi-brown-color);
    margin-left: 10px;
    display: block;
}

.sidenavigation__menubar__contents__account__container__history__contents > a:hover {
    opacity: 0.7;
}

.sidenavigation__menubar__contents__account__container__wishlist {
    padding: 20px 0px 0px 20px;
}

.sidenavigation__menubar__contents__account__container__wishlist__heading {
    font-size: .8125rem;
    color: var(--enishi-brown-color);
}

.sidenavigation__menubar__contents__account__container__wishlist__contents > a {
    font-size: .5rem;
    color: var(--enishi-brown-color);
    margin-left: 10px;
    display: block;
}

.sidenavigation__menubar__contents__account__container__wishlist__contents > a:hover {
    opacity: 0.7;
}

.sidenavigation__menubar__contents__account__container__recommendation {
    padding: 20px 0px 0px 20px;
}

.sidenavigation__menubar__contents__account__container__recommendation__heading {
    font-size: .8125rem;
    color: var(--enishi-brown-color);
}

.sidenavigation__menubar__contents__account__container__recommendation__contents > a {
    font-size: .5rem;
    color: var(--enishi-brown-color);
    margin-left: 10px;
    display: block;
}

.sidenavigation__menubar__contents__account__container__recommendation__contents > a:hover {
    opacity: 0.7;
}


.sidenavigation__menubar__contents__account__container__setting {
    padding: 20px 0px 0px 20px;
}

.sidenavigation__menubar__contents__account__container__setting__heading {
    font-size: .8125rem;
    color: var(--enishi-brown-color);
}

.sidenavigation__menubar__contents__account__container__setting__contents > a {
    font-size: .5rem;
    color: var(--enishi-brown-color);
    margin-left: 10px;
    display: block;
}

.sidenavigation__menubar__contents__account__container__setting__contents > a:hover {
    opacity: 0.7;
}



/* sidenavigation(cart)
**************************/
.sidenavigation__menubar__contents__cart__item__flex {
    display: flex;
    flex-direction: row;
    padding: 20px;
}

.sidenavigation__menubar__contents__cart__item__flex__image {
    width: 30%;
}

.sidenavigation__menubar__contents__cart__item__flex__image__link__img {
    width: 100%;
}

.sidenavigation__menubar__contents__cart__item__flex__right__infos {
    font-size: .8125rem;
}

.sidenavigation__menubar__contents__cart__item__flex__right__controlls {
    font-size: .8125rem;
}

.sidenavigation__menubar__contents__cart__item__flex__right {
    width: 70%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.sidenavigation__menubar__contents__cart__item__flex__right__infos {
    display: flex;
    flex-direction: column;
    margin: 0px 20px;
}

.sidenavigation__menubar__contents__cart__item__flex__right__infos__bottom__button {
    text-decoration: underline;
    font-size: .8125rem;
    color: var(--enishi-brown-color);
    margin-top: 10px;
    display: inline-block;
    cursor: pointer;
}

.sidenavigation__menubar__contents__cart__item__flex__right__infos__bottom__button:hover {
    text-decoration: none;
}

.sidenavigation__menubar__contents__cart__item__flex__right__infos__totalprice {
    font-weight: bold;
}

.sidenavigation__menubar__contents__cart__item__flex__right__controlls__quantity {
    text-align: center;
    margin-bottom: 10px;
}

.sidenavigation__menubar__contents__cart__item__flex__right__controlls__buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
}

.sidenavigation__menubar__contents__cart__item__flex__right__controlls__buttons__decriment {
    border: 1px solid var(--enishi-brown-color);
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    color: var(--enishi-brown-color);
}

.sidenavigation__menubar__contents__cart__item__flex__right__controlls__buttons__incriment {
    border: 1px solid var(--enishi-brown-color);
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    color: var(--enishi-brown-color);
}

.sidenavigation__menubar__contents__cart__item__warning {
    display: none;
    padding: 10px;
    border: 1px solid rgba(75, 56, 39, 0.3);
    margin: 10px;
}

.sidenavigation__menubar__contents__cart__item__warning__icon {
    border: 1px solid var(--enishi-brown-color);
    width: 25px;
    display: inline-block;
    text-align: center;
    height: 25px;
    border-radius: 50%;
    color: var(--enishi-brown-color);
    line-height: 1.5;
    margin: 0px 10px;
}

.sidenavigation__menubar__contents__cart__item__warning__description {
    color: var(--enishi-brown-color);
    font-size: .8125rem;
}


/* フッター
------------------------------- */
.footer-container {
    padding: 3.5rem 1rem;
}

.footer-container__title {
    text-align: center;
    margin-bottom: 20px;
    font-weight: normal;
}

.footer__other_contents {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-bottom: 100px;
}

.footer__other_contents-onlineshop__title {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: xx-large;
    font-weight: normal;
    color: var(--enishi-brown-color);
}

.footer__other_contents-onlineshop {
    width: 30vw;
    height: 50vh;
}

.footer__other_contents-onlineshop__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer__other_contents-onlineshop__button {
    display: block;
    width: fit-content;
    margin: 0px auto;
    transform: translateY(-50%);
    color: var(--enishi-brown-color);
    font-size: small;
    font-weight: 900;
    padding: 12px 30px;
    border: 1px solid var(--enishi-brown-color);
    background-color: var(--enishi-ivory-color);
    border-radius: 60px;
}

.footer__other_contents-personalize {
    width: 30vw;
    height: 50vh;
}

.footer__other_contents-personalize__title {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: xx-large;
    font-weight: normal;
    color: var(--enishi-brown-color);
}

.footer__other_contents-personalize__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer__other_contents-personalize__button {
    display: block;
    width: fit-content;
    margin: 0px auto;
    transform: translateY(-50%);
    color: var(--enishi-brown-color);
    font-size: small;
    font-weight: 900;
    padding: 12px 30px;
    border: 1px solid var(--enishi-brown-color);
    background-color: var(--enishi-ivory-color);
    border-radius: 60px;
}

.footer__other_contents-workshop {
    width: 30vw;
    height: 50vh;
}

.footer__other_contents-workshop__title {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: xx-large;
    font-weight: normal;
    color: var(--enishi-brown-color);
}

.footer__other_contents-workshop__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer__other_contents-workshop__button {
    display: block;
    width: fit-content;
    margin: 0px auto;
    transform: translateY(-50%);
    color: var(--enishi-brown-color);
    font-size: small;
    font-weight: 900;
    padding: 12px 30px;
    border: 1px solid var(--enishi-brown-color);
    background-color: var(--enishi-ivory-color);
    border-radius: 60px;
}

.footer__contents__sns {
    display: flex;
    justify-content: center;
    gap: 30px;
}

.footer__contents__sns a {
    cursor: pointer;
    transition: .3s;
}

.footer__contents__sns-youtube:hover svg {
    fill: #c4302b;
    transition: .5s;
}

.footer__contents__sns-twitter:hover svg {
    fill: #00acee;
    transition: .5s;
}

.footer__contents__sns-instagram:hover svg {
    fill: #3f729b;
    transition: .5s;
}

.footer__contents__sns-tiktok:hover svg {
    fill: #3f729b;
    transition: .5s;
}

.footer__contents__sns-facebook:hover svg {
    fill: #3b5998;
    transition: .5s;
}

.footer__contents__navigation {
    display: flex;
    justify-content: space-between;
    margin: 50px auto 0px auto;
    align-items: center;
}

.footer__contents__navigation-menu {
    list-style: none;
    display: flex;
}

.footer__contents__navigation-menu li a {
    color: var(--enishi-brown-color);
    font-size: 0.7rem;
    padding-left: 10px;
    padding-right: 10px;
    transition: .3s;
}

.footer__contents__navigation-menu li a:hover {
    filter: opacity(0.6);
}

.footer__contents__navigation-contact__button {
    border: 0.5px solid var(--enishi-brown-color);
    font-size: 0.7rem;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;

}

.footer-sidenavigation {
    position: fixed;
    width: 0px;
    height: 100%;
    transition: .3s;
    z-index: 12;
    top: 0;
    right: 0;
    background-color: var(--enishi-ivory-color);
    width: 34.375rem;
    right: -34.375rem;
    overflow: scroll;
    height: 100%;
}

.footer-sidenavigation.is_emerge {
    right: 0rem;
}

.footer-sidenavigation_content_cover {
    background-color: black;
    position: fixed;
    top: 0;
    opacity: 0;
    height: 100vh;
    width: 100vw;
    z-index: -11;
    cursor: pointer;
}

.footer-sidenavigation_content_cover.is_emerge {
    opacity: 0.5;
    z-index: 11;
}

.footer-sidenavigation__contact {
    padding:0px 100px;
}

.footer-sidenavigation__close {
    position: relative;
    height: 5rem;
    text-align: end;
}

.footer-sidenavigation__close__button {
    display: block;
    font-size: 2rem;
    cursor: pointer;
}

.footer-sidenavigation__close__button > svg {
    width: 1rem;
    height: 1rem;
    margin: 1rem;
}

.footer-sidenavigation__contact__title {
    text-align: center;
    color: var(--enishi-brown-color);
}

.footer-sidenavigation__contact__description {
    margin-top: 30px;
    font-size: .8125rem;
    color: var(--enishi-brown-color);
}

.footer-sidenavigation__contact__description__link {
    color: var(--enishi-brown-color);
    text-decoration: underline;
}

.footer-sidenavigation__contact__description__link:hover {
    text-decoration: none;
}

.footer-sidenavigation__contact__customer-support {
    margin-top: 30px;
    font-size: .8125rem;
    color: var(--enishi-brown-color);
}

.footer-sidenavigation__contact__customer-support__telephone {
    margin-top: 30px;
    font-size: .8125rem;
    color: var(--enishi-brown-color);
    display: block;
    width: fit-content;
    text-decoration: underline;
}

.footer-sidenavigation__contact__customer-support__telephone:hover {
    text-decoration: none;
}

.footer-sidenavigation__contact__customer-support__email {
    margin-top: 10px;
    font-size: .8125rem;
    color: var(--enishi-brown-color);
    display: block;
    width: fit-content;
    text-decoration: underline;
}

.footer-sidenavigation__contact__customer-support__email:hover {
    text-decoration: none;
}

.footer-sidenavigation__contact__separator {
    margin: 30px 0px 30px 0px;
}

.footer-sidenavigation__contact__frequency-qa {
    font-size: .8125rem;
    color: var(--enishi-brown-color);
}

.footer-sidenavigation__contact__frequency-qa__candidates {
    margin-top: 10px;
}

.footer-sidenavigation__contact__frequency-qa__candidates > a {
    display: block;
    color: var(--enishi-brown-color);
    margin: 5px 0px;
    text-decoration: underline;
    width: fit-content;
}

.footer-sidenavigation__contact__frequency-qa__candidates > a:hover {
    text-decoration: none;
}

.footer-sidenavigation__contact__frequency-qa__button {
    border: 1px solid var(--enishi-brown-color);
    border-radius: 10px;
    margin: 20px auto;
    text-align: center;
    width: fit-content;
}

.footer-sidenavigation__contact__frequency-qa__button:hover {
    filter: opacity(0.5);
}

.footer-sidenavigation__contact__frequency-qa__button > a {
    color: var(--enishi-brown-color);
    width: 100%;
    height: 100%;
    display: block;
    padding: 10px 20px;
}

.footer-sidenavigation__contact__frequency-qa__button > a:hover {

}

.footer__contents_mobile__menu {
    display: none;
}

.footer__contents__copyright {
    margin-top: 20px;
    font-size: 8px;
    color: var(--enishi-brown-color);
    text-align: center;
}

.footer__contents__enishi-anagram {
    width: 2.5rem;
    opacity: 0.7;
    margin: 70px  auto 0;
}
.footer__contents__enishi-anagram > img {
    width: 100%;
}

.footer-collection__body {
/* Positioning */

/* Box Model */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.hanging-button-article {
    flex-basis: calc(50% - 1.25rem);
}

.hanging-button-article__link__eyecatch {
/* Positioning */
    position: relative;

/* Box Model */
    text-align: center;

/* Typography */
    /* set by class */

/* Visual */

/* Animate */
}

.hanging-button-article__link__eyecatch__heading {
/* Positioning */
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%,-50%);

/* Box Model */

/* Typography */
    /* set by class */

/* Visual */

/* Animate */
}

.hanging-button-article__link__button {
/* Positioning */
    transform: translateY(-50%);
/* Box Model */
    display: block;
    width: fit-content;
    margin: 0px auto;
    padding: 12px 30px;
    border: 1px solid var(--enishi-brown-color);
    border-radius: 60px;
/* Typography */
    /* set by class */
/* Visual */
    color: var(--enishi-brown-color);
    background-color: var(--enishi-ivory-color);
    font-size: small;
    font-weight: 900;
}

/* HOME
------------------------------- */
#home {
    min-height: 100vh;
    background-color: var(--enishi-ivory-color);
}
#home .page-title {
    text-transform: none;
}

.home-content {
    width:100%;
}

.home-content__desktop {
    width:100%;
    text-align: center;
    display: flex;
    flex-direction: row;
    gap: 5px;
    height: fit-content;
}

.home-content__mobile {
    width:100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: fit-content;
}

.is-relative {
    position: relative;
}

.top__entrance-onlineshop {
    overflow: hidden;
}

.top__entrance-onlineshop:hover > div {
    filter: brightness(0.5);
}

.top__entrance-onlineshop:hover > div .top__entrance-onlineshop__img {
    transform: scale(1.05);
}

.top__entrance-onlineshop:hover > .top__entrance-onlineshop__title {
    filter: opacity(1.0);
}

.top__entrance-onlineshop__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: .5s;
}

.is-absolute {
    position: absolute;
}

.top__entrance-onlineshop__title {
    filter: opacity(0.0);
    position: absolute;
    transform: translate(-50%,-50%);
    color:white;
    top: 50%;
    left: 50%;
    transition: .5s;
    font-size: 1.5rem;
}

.top__entrance-personalize {
    overflow: hidden;
}

.top__entrance-personalize.is-comingsoon > div,
.top__entrance-personalize:hover > div {
    filter: brightness(0.5);
}

.top__entrance-personalize.is-comingsoon > div .top__entrance-personalize__img,
.top__entrance-personalize:hover > div .top__entrance-personalize__img {
    transform: scale(1.05);
}

.top__entrance-personalize.is-comingsoon > .top__entrance-personalize__title,
.top__entrance-personalize:hover > .top__entrance-personalize__title {
    filter: opacity(1.0);
}

.top__entrance-personalize__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: .5s;
}

.top__entrance-personalize__title {
    filter: opacity(0.0);
    position: absolute;
    transform: translate(-50%,-50%);
    color:white;
    top: 50%;
    left: 50%;
    transition: .5s;
    font-size: 1.5rem;
}


.top__entrance-workshop {
    grid-area: 2 / 1 / 3 / 3;
    overflow: hidden;
}

.top__entrance-workshop__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: .5s;
}

.top__entrance-workshop:hover > a .top__entrance-workshop__img {
    transform: scale(1.05);
    filter: brightness(0.5);
}

.top__entrance-workshop:hover > a .top__entrance-workshop__title {
    filter: opacity(1.0);
}

.top__entrance-workshop__title {
    filter: opacity(0.0);
    position: absolute;
    transform: translate(-50%,-50%);
    color:white;
    top: 50%;
    left: 50%;
    transition: .5s;
    font-size: 1.5rem;
}

.home-content__media {
    margin-top: 40px;
}

.home-content__media__title {
    color: var(--enishi-brown-color);
    text-align: center;
    font-weight: normal;
}

.home-content__media__swiper-container {
    padding:0 50px;
}

/* ONLINE SHOP(TOP)
------------------------------- */
.enishi-products__mitokoto > .wp-block-group__inner-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 0px 15%;
}

.enishi-products__mitokoto__entrance {
    flex-basis: 50%;

}

.enishi-products__mitokoto__entrance__image > figure{
    border-radius: 10px;
}

.enishi-products__mitokoto__entrance__image > figure > img{
    aspect-ratio: 3/4;
    object-fit: cover;
}

.enishi-products__mitokoto__entrance__label {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.enishi-products__mitokoto__entrance__button {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.enishi-products__mitokoto__entrance__button > .wp-block-button > .wp-block-button__link {
    padding: 10px 30px;
    transition: .3s;
    color: var(--enishi-brown-color);
}

.enishi-products__mitokoto__entrance__button:hover > .wp-block-button > .wp-block-button__link {
    color: var(--enishi-brown-color);
    background-color: white;
    opacity: 0.7;
}

.swiper-wrapper {
  width: 100%;
  height: fit-content;
}

.swiper-slide {
}

.browsing-history {
    position: relative;
    width: 100%;
}

.browsing-history__title {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

.imagelink-slider__wrapper__slide {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 25%;
}

.imagelink-slider__wrapper__slide__img {
    object-fit: fill;
}

.imagelink-slider__prev {
    left: -27px;
}

.imagelink-slider__next {
    right: -27px;
}

.swiper{
  padding:0 50px;
}


.swiper-pagination-bullets {
  position: static;
  margin-top: 16px;
}

.swiper-pagination-bullet {
    background: var(--enishi-brown-color) !important;
}

.swiper-button-prev {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg role="img" xmlns="http://www.w3.org/2000/svg" width="48px" height="48px" viewBox="0 0 24 24" aria-labelledby="chevronLeftIconTitle" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="miter" fill="none" color="var(--enishi-brown-color)"> <title id="chevronLeftIconTitle">Chevron Left</title> <polyline points="14 18 8 12 14 6 14 6"/> </svg>') !important;
}


.swiper-button-next {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" role="img" width="48px" height="48px" viewBox="0 0 24 24" aria-labelledby="chevronRightIconTitle" stroke="black" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="black"> <title id="chevronRightIconTitle">Chevron Right</title> <polyline points="10 6 16 12 10 18 10 18"/> </svg>') !important;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    content:"";
}

.swiper-button-prev,
.swiper-button-next {
    width: 24px;
    height: 40px;
    background-size: 24px 40px;
    transform: translateY(-50%);
    margin-top: 0;
}

.swiper-lightbox {
    padding: unset;
}

.swiper-lightbox__slide {
    width: 100%;
}

.swiper-lightbox-pagination {
    display: inline !important;
    width: fit-content !important;
    position: absolute;
    text-align: left;
    padding-left: 10px;
}

.swiper-lightbox-pagination > .swiper-pagination-bullet {
    width: .25rem;
    height: .25rem;
}

.swiper-lightbox-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: .375rem;
    height: .375rem;
}



.wide-article {
/* Positioning */
    position: relative;
/* Box Model */
    text-align: center;
}

.wide-article__button {
/* Positioning */
    position: absolute;
    bottom: 5%;
    left: 50%;

/* Box Model */
    display: inline-block;
    width: fit-content;
    padding: 0 2rem;
    height: 2.7rem;

/* Typography */
    /* set by class */

/* Visual */
    background-color: var(--enishi-brown-color);
    color: var(--enishi-ivory-color);
    border-radius: 1.5rem;

/* Animate */
    transform: translate(-50%, 0%);
}

.wide-article__button:hover {
    font-weight: bold;
}

.spacer-small {
/* Box Model */
    display: block;
    height: 20px;
}

.borderline-subtle {
/* Visual */
    border-top: 0.5px solid #E5E5E5;
}

.flex-productlist {
/* Positioning */
    margin: 0 auto;

/* Box Model */
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    width: 100%;
}

.flex-productlist-item {
/* Positioning */

/* Box Model */
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0.625rem;
    align-items: center;
}

.flex-productlist-item__infos {
/* Positioning */

/* Box Model */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.flex-productlist-item__infos__button {
/* Positioning */
    position: relative;

/* Box Model */
    display: flex;
    flex-direction: row;
    padding: 0 2rem;
    gap: 10px;
    height: 2.7rem;
    align-items: center;

/* Typography */
    /* set by class */

/* Visual */
    background-color: var(--enishi-brown-color);
    color: var(--enishi-ivory-color);
    border-radius: 1.5rem;
}

.flex-productlist-item__infos__button:hover {
/* Typography */
    font-weight: bold;
}

.swiper-productlist-spotlight__slide {
    text-align: center;
}

.swiper-productlist-spotlight__slide__infos:not(.hidden) {
/* Positioning */

/* Box Model */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.swiper-productlist-spotlight__slide__infos.hidden {
/* Positioning */

/* Box Model */
    display: none;
}

.swiper-productlist-spotlight__slide__infos__button {
/* Positioning */
    position: relative;

/* Box Model */
    display: flex;
    flex-direction: row;
    padding: 0 2rem;
    gap: 10px;
    height: 2.7rem;
    align-items: center;

/* Typography */
    /* set by class */

/* Visual */
    background-color: var(--enishi-brown-color);
    color: var(--enishi-ivory-color);
    border-radius: 1.5rem;
}

.swiper-productlist-spotlight__slide__infos__button:hover {
/* Typography */
    font-weight: bold;
}

.diffuser-category__body {
/* Positioning */

/* Box Model */
    display: flex;
    flex-direction: row;
    padding: 0 1rem;
    gap: 10px;
    align-items: center;

/* Typography */
    /* set by class */

/* Visual */
}

/* KOTO
------------------------------- */
.row-article,
.row-article-invert {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.row-article__description,
.row-article-invert__description {
/* Positioning */
/* Box Model */
    width: 45%;
    text-align: center;
}

.row-article__description__button,
.row-article-invert__description__button {
/* Positioning */

/* Box Model */
    display: inline-block;
    width: fit-content;
    padding: 0 2rem;
    height: 2.7rem;

/* Typography */
    /* set by class */

/* Visual */
    background-color: var(--enishi-brown-color);
    color: var(--enishi-ivory-color);
    border-radius: 1.5rem;

/* Animate */
}

.row-article__description__button:hover,
.row-article-invert__description__button:hover {
/* Positioning */
/* Box Model */
/* Typography */
    font-weight: bold;
/* Visual */
/* Animate */
}

/* PRODUCT PAGE(MITO & KOTO & PERSONALIZE)
------------------------------- */
.product-detail__product-name {
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.875rem;
}

.product-detail__product-category {
    font-weight: 400;
    font-size: .8125rem;
    line-height: 1.3125rem;
}

.product-detail__product-review-summary {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

.product-detail__product-review-summary__star-section__star {
    display: inline;
}

.product-detail__product-review-summary__star-section__star.fillstar::after {
    content: "";
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-star" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="rgb(75, 56, 39)" fill="rgb(75, 56, 39)" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"></path></svg>') !important;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-position: center center;
    background-size: contain;
}

.product-detail__product-review-summary__star-section__star.halfstar::after {
    content: "";
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-star-half" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="rgb(75, 56, 39)" fill="rgb(75, 56, 39)" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253z"></path></svg>') !important;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-position: center center;
    background-size: contain;
}

.product-detail__product-review-summary__star-section__star.emptystar::after {
    content: "";
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-star" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="rgb(75, 56, 39)" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"></path></svg>') !important;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-position: center center;
    background-size: contain;
}

.product-detail__product-review-summary__link-section {
    font-size: .8125rem;
    color: var(--enishi-brown-color);
}

.product-detail__product-review-summary__link-section > a {
    text-decoration: underline;
    color: var(--enishi-brown-color);
}

.product-detail__product-review-summary__link-section > a:hover {
    text-decoration: none;
}


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

.onetwo-gallery__main {
    width: 100%;
    padding: 0 0.625rem 0.625rem;
}

.onetwo-gallery__other {
    width: 50%;
    padding: 0 0.625rem 0.625rem;
}

/* MITO
------------------------------- */
.enishiproducts__mito__separator {
    height: 0.1px !important;
}

.enishiproducts__mito__categoryimg {
    height: 30vh;
    width: 100%;
}

.enishiproducts__mito__categoryimg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: bottom;
}

.enishiproducts__mito__categoryproduct {
    margin: 0px 30px;
}

.enishiproducts__mito__categoryproduct__img img {
    width: 70%;
    display: block;
    margin: 0 auto;
}

/* MITO DIAGNOSE
------------------------------- */
.mito-diagnose-navigation {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 2;
    width: 100%;
    font-size: 2rem;
    padding: 15px;
}

.swiper-fullscreen-responsive {
    padding: unset;
    height: auto;
}

.swiper-fullscreen-responsive__slide {
    height: auto;
}


.mito-diagnose-base {
    height: calc(100vh - 65px);
    background-image: url(https://kyoto-enishi.net/wp-content/uploads/2023/01/desktop-background.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
}

.mito-diagnose-base.is-last {
    height: auto;
    background: unset;
}

.mito-diagnose-base__content {
    padding: 10% 10%;
    text-align: center;
}

.mito-diagnose-base__content__progress {
    margin-bottom: 1.3rem;
    position: relative;
    width: fit-content;
    margin: 0 auto 1rem;
}

.mito-diagnose-base__content__progress::after {
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 0.5px;
    background-color: var(--enishi-brown-color);
    bottom: -1px;
    transform: scale(1,1);
    transform-origin: right top;
    transition: transform 0.3s;
}

.mito-diagnose-base__content__description {
    margin-bottom: 2.3rem;
}

.mito-diagnose-base__content__ui__for-myself,
.mito-diagnose-base__content__ui__for-gift,
.mito-diagnose-base__content__ui__next,
.mito-diagnose-base__content__ui__place-entrance,
.mito-diagnose-base__content__ui__place-living,
.mito-diagnose-base__content__ui__place-bedroom {
/* Box Model */
    display: block;
    width: 16.5em;
    margin: 0px auto;
    padding: 12px 30px;
    border: 1px solid var(--enishi-brown-color);
    border-radius: 60px;
/* Typography */
    /* set by class */
/* Visual */
    color: var(--enishi-brown-color);
    background-color: var(--enishi-ivory-color);
    font-size: small;
    font-weight: 900;
}

.mito-diagnose-base__content__ui__scentimage-desktop {
    justify-content: center;
}

.mito-diagnose-base__content__ui__scentimage-desktop__button {
    position: relative;
    margin: 0px 10px;
    background-color: var(--enishi-ivory-color);
    border: 1px solid var(--enishi-brown-color);
    border-radius: 10px;
    width: 200px;
    height: 200px;
    cursor: pointer;
}

.mito-diagnose-base__content__ui__scentimage-desktop__button__description {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    cursor: pointer;
}

.swiper-scentimage__slide__button {
/* Box Model */
    display: block;
    width: fit-content;
    margin: 0px auto;
    padding: 12px 30px;
    border: 1px solid var(--enishi-brown-color);
    border-radius: 60px;
/* Typography */
    /* set by class */
/* Visual */
    color: var(--enishi-brown-color);
    background-color: var(--enishi-ivory-color);
    font-size: small;
    font-weight: 900;
}

.swiper-scentimage__slide__image {
    position: relative;
    width: 200px;
    height: 200px;
    background-color: var(--enishi-ivory-color);
    border: 1px solid var(--enishi-brown-color);
    border-radius: 10px;
    margin: 0 auto;
}

.swiper-scentimage__slide__image__description {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: default;
}

.mito-diagnose-base__content__result {
    display: flex;
    flex-direction: row;
}

.mito-diagnose-content-wrapper {
    height: 100vh;
}

.mito-diagnosis-title {
    margin: 100px auto 40px auto;
    text-align: center;
}

.mito-diagnosis-question {
    margin: 40px auto 40px auto;
}

.mito-diagnosis__question-introduction {
    text-align: center;
}

.mito-diagnosis__question-introduction__title {
    font-size: 4rem;
    margin: 0px auto 20px;
    max-width: 50%;
    line-height: normal;
}

.mit-diagnosis__question-forwhom {
    text-align: center;
    height: 50vh;
}

.mit-diagnosis__question-forwhom__title {
    margin: 40px auto 40px auto;
}

.mit-diagnosis__question-forwhom__selection {
    display:flex;
    gap:20px;
    justify-content: center;
}

.mit-diagnosis__question-forwhom__selection__container {
    position: relative;
    cursor: pointer;
    width: 40%;
}

.mit-diagnosis__question-forwhom__selection__image {
    position: relative;
    object-fit: cover;
    height: 100%;
    width: 100%;
    transition: .3s;
}

.mit-diagnosis__question-forwhom__selection__description {
    color: var(--enishi-brown-color);
}


.mit-diagnosis__question-scenttype__title {
    margin: 40px auto 40px auto;
    text-align: center;
}

.mit-diagnosis__question-scenttype__content {
    text-align: center;
    margin: 80px auto 80px auto;
}

.mit-diagnosis__question-scenttype__content__slider {
    display: block;
    margin: 0px auto 0px auto;
}

input[type="range"] {
  -webkit-appearance: none;
  width: 40%;
  height: 5px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  background-image: linear-gradient(var(--enishi-brown-color), var(--enishi-brown-color));
  background-size: 50% 100%;
  background-repeat: no-repeat;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: var(--enishi-brown-color);
  cursor: pointer;
  box-shadow: 0 0 2px 0 #555;
  transition: background .3s ease-in-out;
}

input[type=range]::-webkit-slider-runnable-track  {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}


.mit-diagnosis__question-scenttype__content__label {
    display: flex;
    justify-content: space-evenly;
    margin: 20px auto 20px auto;
}


.mit-diagnosis__question-place__title {
    margin: 40px auto 40px auto;
    text-align: center;
}

.mit-diagnosis__question-place__selection {
    width: 50%;
    margin:  auto;
}

.mit-diagnosis__question-place__selection__item {
    width: 100%;
    display:block;
}

.mit-diagnosis__question-place__selection__item__video {
    width:100%;
    height:100%;
}

.mit-diagnosis__question-place__selection__item__description.show-underline::after {
    content: "";
    height: 3px;
    width: 50%;
    background-color: var(--enishi-brown-color);
    display: block;
    margin: auto;
}

.mit-diagnosis__question-scentimage__title {
    text-align: center;
    margin: 40px auto 40px auto;
}

.mit-diagnosis__question-scentimage__selection {
}

.mit-diagnosis__question-scentimage__selection__item {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: brightness(0.5);
    transition: .3s;
}

.mit-diagnosis__question-scentimage__selection__item:hover, .mit-diagnosis__question-scentimage__selection__item.active {
    filter: brightness(1.0);
    transform: scale(1.1);
    border-bottom: 5px solid var(--enishi-brown-color);
}

.mit-diagnosis__question-scentimage__selection__item-description {
    text-align: center;
}

.mit-diagnosis__question-finish__title {
    text-align: center;
    margin: 40px auto 40px auto;
}

.mit-diagnosis__question-finish__selection {
    display:flex;
    margin: auto;
    width: 40%;
    gap: 30px;
}

.mit-diagnosis__question-finish__selection__item {
    width: 100%;
}

.mit-diagnosis__question-finish__selection__item-image {
    max-width: 50%;
    display: block;
    margin: auto;
}

.mit-diagnosis__question-finish__selection__item-productname {
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
}

.mit-diagnosis__question-finish__selection__item-subtitle {
    text-align: center;
    margin-bottom: 10px;
}

.mit-diagnosis__question-finish__selection__item-subtitle::after {
    content: "";
    display: block;
    background-color: var(--enishi-brown-color);
    height: 1px;
    width: 30%;
    margin: 10px auto;
}

.mit-diagnosis__question-finish__selection__item-description {
    text-align: center;
    margin-bottom: 10px;
}

.mit-diagnosis__question-finish__selection__item-button {
    background-color: var(--enishi-brown-color);
    color: var(--enishi-ivory-color);
    width: fit-content;
    padding: 5px 22px;
    border-radius: 50px;
    border-color: var(--enishi-brown-color);
    border-width: 1px;
    border-style: solid;
    display: block;
    margin: auto;
    transition: .3s;
    cursor: pointer;
    font-size: .8125rem;
}

.mit-diagnosis__question-finish__selection__item-button:hover {
    background-color: var(--enishi-ivory-color);
    color: var(--enishi-brown-color);
}


.mito-diagnosis__nav {
    margin: 40px auto 40px auto;
    text-align: center;
    display: flex;
    gap: 20px;
    justify-content: center;
}

.mito-diagnosis__nav_prev {
    align-items: center;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    border-color: var(--enishi-brown-color);
    border-width: 1px;
    border-style: solid;
    color: var(--enishi-brown-color);
}

.mito-diagnosis__nav_next {
    background-color: var(--enishi-brown-color);
    color: var(--enishi-ivory-color);
    width: 15%;
    height: 50px;
    padding: 5px;
    border-radius: 50px;
    border-color: var(--enishi-brown-color);
    border-width: 1px;
    border-style: solid;
    transition: .3s;
}

.mito-diagnosis__nav_next:hover {
    background-color: var(--enishi-ivory-color);
    color: var(--enishi-brown-color);
}

.mito-diagnosis__nav_first {
    background-color: var(--enishi-brown-color);
    color: var(--enishi-ivory-color);
    width: 15%;
    height: 50px;
    padding: 5px;
    border-radius: 50px;
    border-color: var(--enishi-brown-color);
    border-width: 1px;
    border-style: solid;
    transition: .3s;
}

.mito-diagnosis__nav_first:hover {
    background-color: var(--enishi-ivory-color);
    color: var(--enishi-brown-color);
}

.mito-category__body {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.mito-category__body__product {
    width: 31.5%;
    text-align: center;
}

.mito-category__body__scent-impression {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center;
}

.mito-category__body__scent-impression-narrow {
    width: 65.75%;
}

.mito-category__body__scent-impression-narrow img {
    max-height: 772px;
}

.mito-category__body__scent-impression__description {
/* Positioning */
/* Box Model */
    margin-bottom: 20px;
/* Typography */
    text-align: center;
/* Visual */
}

.mito-category__body__product__infos {
/* Positioning */
/* Box Model */
/* Typography */
    text-align: center;
/* Visual */
}

/* PRODUCT
------------------------------- */
.is-hidden {
    display: none;
}

.product__breadcrumb {
    padding: 0 0.625rem 0.625rem;
}

.product__topcontent-left {
    position: sticky;
    top: 0;
    height: fit-content;
}

.showscreen-mobile {
    width: 100vw;
    height: 100vh;
    z-index: 100000;
    position: fixed;
    top: 0;
    background-color: var(--enishi-ivory-color);
}

.showscreen-desktop {
    width: 100vw;
    height: 100vh;
    z-index: 100000;
    position: fixed;
    top: 0;
    background-color: var(--enishi-ivory-color);
    padding: 2.5rem;
}

.showscreen__close {
    position: absolute;
    top: 0%;
    right: 0%;
    padding: 2rem 1rem;
    cursor: pointer;
    color: var(--enishi-brown-color);
}

.swiper-showscreen-mobile {
    padding: unset;
    height: 100%;
}

.swiper-showscreen-mobile-wrapper {
    height: 100%;
}

.swiper-showscreen-mobile__navigation {
    display: flex;
    flex-direction: row;
    gap: 5px;
    position: absolute;
    bottom: 5.0rem !important;
    left: 50% !important;
    z-index: 1;
    align-items: center;
}

.swiper-showscreen-mobile__navigation__pagination {
    margin-top: unset;
    display: flex;
    flex-direction: row;
    width: 100% !important;
}


.swiper-showscreen-mobile__navigation__prev {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg role="img" xmlns="http://www.w3.org/2000/svg" width="48px" height="48px" viewBox="0 0 24 24" aria-labelledby="chevronLeftIconTitle" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="miter" fill="none" color="var(--enishi-brown-color)"> <title id="chevronLeftIconTitle">Chevron Left</title> <polyline points="14 18 8 12 14 6 14 6"/> </svg>') !important;
    background-position: center center;
    background-size: contain;
}
.swiper-showscreen-mobile__navigation__next {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" role="img" width="48px" height="48px" viewBox="0 0 24 24" aria-labelledby="chevronRightIconTitle" stroke="black" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="black"> <title id="chevronRightIconTitle">Chevron Right</title> <polyline points="10 6 16 12 10 18 10 18"/> </svg>') !important;
    background-position: center center;
    background-size: contain;
}

.swiper-showscreen-mobile__navigation__prev::after,
.swiper-showscreen-mobile__navigation__next::after {
    content: "";
}

.swiper-showscreen-mobile__navigation__prev,
.swiper-showscreen-mobile__navigation__next {
    width: 1.875rem;
    height: 1.875rem;
    aspect-ratio: 1/1;
    border: 1px solid var(--enishi-brown-color);
    border-radius: 50%;
    background-color: var(--enishi-ivory-color);
}

.showscreen__content {
    display: flex;
    flex-direction: row;
    height: 100%;
    align-items: center;
    gap: 20px;
}

.swiper-showscreen-desktop__controller {
    width: 3.125rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
}

.swiper-showscreen-desktop__controller__zoomin,
.swiper-showscreen-desktop__controller__zoomout {
    position: relative;
    border: 0.5px solid rgba(43,27,26,0.7);
    width: 1.5625rem;
    height: 1.5625rem;
}

.swiper-showscreen-desktop__controller__zoomin > span,
.swiper-showscreen-desktop__controller__zoomout > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.swiper-showscreen-desktopmain-next {
    right: 140px;
}

.swiper-showscreen-desktopmain-prev {
    left: 140px;
}


.swiper-showscreen-desktopmain-wrapper {
    height: 100%;
}

.swiper-showscreen-desktopmain {
    height: fit-content;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: unset;
    margin: 0 4.6875rem;
}

.swiper-showscreen-desktopmain__slide__image {
}

.swiper-showscreen-desktopthumbs {
    width: 3.4375rem;
    flex-shrink: 0;
    padding: unset;
    align-self: center;
}

.swiper-showscreen-desktopthumbs__slide {
    opacity: 0.4;
    height: fit-content !important;
}

.swiper-showscreen-desktopthumbs__slide.swiper-slide-thumb-active {
    opacity: 1;
}

.productlist-flexrow {
    gap: 20px;
}

.productlist-flexrow__product {
    padding: 10px;
}

.enishiproducts-title-block > .wp-block-group__inner-container {
    justify-content: space-between;
    display: flex;
    flex-direction: row;
}

.enishiproducts-title-block__wishlist {
    content: "";
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" role="img" width="48px" height="48px" viewBox="0 0 24 24" aria-labelledby="favouriteIconTitle" stroke="rgb(75, 56, 39)" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="transparent"> <title id="favouriteIconTitle">Favourite</title> <path d="M12,21 L10.55,19.7051771 C5.4,15.1242507 2,12.1029973 2,8.39509537 C2,5.37384196 4.42,3 7.5,3 C9.24,3 10.91,3.79455041 12,5.05013624 C13.09,3.79455041 14.76,3 16.5,3 C19.58,3 22,5.37384196 22,8.39509537 C22,12.1029973 18.6,15.1242507 13.45,19.7149864 L12,21 Z"/> </svg>') !important;
    background-position: center center;
    background-size: contain;
    vertical-align: text-bottom;
    margin-right: 4px;
    cursor: pointer;
}

.enishiproducts-title-block__wishlist.selected {
    content: "";
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" role="img" width="48px" height="48px" viewBox="0 0 24 24" aria-labelledby="favouriteIconTitle" stroke="rgb(209, 142, 115)" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="rgb(209, 142, 115)" color="rgb(209, 142, 115)"> <title id="favouriteIconTitle">Favourite</title> <path d="M12,21 L10.55,19.7051771 C5.4,15.1242507 2,12.1029973 2,8.39509537 C2,5.37384196 4.42,3 7.5,3 C9.24,3 10.91,3.79455041 12,5.05013624 C13.09,3.79455041 14.76,3 16.5,3 C19.58,3 22,5.37384196 22,8.39509537 C22,12.1029973 18.6,15.1242507 13.45,19.7149864 L12,21 Z"/> </svg>') !important;
    background-position: center center;
    background-size: contain;
    vertical-align: text-bottom;
    margin-right: 4px;
    cursor: pointer;
}

.shortcode-addtocart-button {
    background-color: var(--enishi-brown-color);
    border-radius: 60px;
    padding: 10px;
    color: var(--enishi-ivory-color);
    font-size: small;
    transition: .3s;
    display: block;
    margin: 0 auto;
}

.shortcode-addtocart-button::before {
    position: relative;
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-shopping-bag" width="24" height="24" viewBox="0 0 22 22" stroke-width="1.5" stroke="white" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/>  <path d="M6.331 8h11.339a2 2 0 0 1 1.977 2.304l-1.255 8.152a3 3 0 0 1 -2.966 2.544h-6.852a3 3 0 0 1 -2.965 -2.544l-1.255 -8.152a2 2 0 0 1 1.977 -2.304z"/>  <path d="M9 11v-5a3 3 0 0 1 6 0v5"/></svg>') !important;
    background-position: center center;
    background-size: contain;
    vertical-align: text-bottom;
    margin-right: 10px;
    cursor: pointer;
    vertical-align: top;
}

.shortcode-addtocart-button:hover {
    filter: brightness(1.5);
}

/* CUSTOMER REVIEW */
.enishiproducts-review-container {
    margin: 40px auto;
}

.enishiproducts-review-container__title {
    color: var(--enishi-brown-color);
    text-align: center;
}

.enishiproducts-review-container__postcontainer__opentoggle {
    border: 1px solid var(--enishi-brown-color);
    border-radius: 5px;
    color: var(--enishi-ivory-color);
    background-color: var(--enishi-brown-color);
    text-align: center;
    padding: 10px 40px;
    width: fit-content;
    margin: 10px auto;
    cursor: pointer;
    transition: .3s;
}

.enishiproducts-review-container__postcontainer__opentoggle.is-postcontainer-folded > p::after {
    position: absolute;
    content: "";
    width: 1rem;
    height: 1rem;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" role="img" width="48px" height="48px" viewBox="0 0 24 24" aria-labelledby="chevronDownIconTitle" stroke="white" stroke-width="2" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="white"> <title id="chevronDownIconTitle">Chevron Down</title> <polyline points="6 10 12 16 18 10"/></svg>') !important;
    background-position: center center;
    background-size: contain;
    margin-left: 10px;
    transform: translateY(20%);
    transition: .3s;
}

.enishiproducts-review-container__postcontainer__opentoggle > p::after {
    position: absolute;
    content: "";
    width: 1rem;
    height: 1rem;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" role="img" width="48px" height="48px" viewBox="0 0 24 24" aria-labelledby="chevronDownIconTitle" stroke="white" stroke-width="2" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="white"> <title id="chevronDownIconTitle">Chevron Down</title> <polyline points="6 10 12 16 18 10"/></svg>') !important;
    background-position: center center;
    background-size: contain;
    margin-left: 10px;
    transform: translateY(20%) rotate(180deg);
    transition: .3s;
}

.enishiproducts-review-container__postcontainer__guideline {
    font-size: .8125rem;
    text-align: center;
}

.enishiproducts-review-container__postcontainer__guideline__link {
    color: gray;
    cursor: pointer;
}

.enishiproducts-review-container__postcontainer__guideline__content {
    padding: 40px;
}

.enishiproducts-review-container__postcontainer__loginprompt {
    height: 0px;
    margin: 1.5rem 25% 4rem;
    opacity: 0;
    transition: .0s;
    text-align: center;
}

.enishiproducts-review-container__postcontainer__loginprompt.openreviewform {
    height: fit-content;
    opacity: 1;
    transition: .3s;
}

.enishiproducts-review-container__postcontainer__formcontaier {
    height: 0px;
    margin: 1.5rem 25% 4rem;
    opacity: 0;
    transition: .0s;
}

.enishiproducts-review-container__postcontainer__formcontaier.openreviewform {
    height: fit-content;
    opacity: 1;
    transition: .3s;
}

.enishiproducts-review-container__postcontainer__formcontaier__score,
.enishiproducts-review-container__postcontainer__formcontaier__name,
.enishiproducts-review-container__postcontainer__formcontaier__title,
.enishiproducts-review-container__postcontainer__formcontaier__content,
.enishiproducts-review-container__postcontainer__formcontaier__recommend {
    margin-top: 1.75rem;
}

.enishiproducts-review-container__postcontainer__formcontaier__score__label,
.enishiproducts-review-container__postcontainer__formcontaier__name__label,
.enishiproducts-review-container__postcontainer__formcontaier__title__label,
.enishiproducts-review-container__postcontainer__formcontaier__content__label,
.enishiproducts-review-container__postcontainer__formcontaier__recommend__label {
    font-size: .8125rem;
    margin-bottom: 1.0rem;
}

.enishiproducts-review-container__postcontainer__formcontaier__score__options-option {
    opacity: 0;
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
}

.enishiproducts-review-container__postcontainer__formcontaier__score__options-option + span {
    vertical-align: middle;
}


.enishiproducts-review-container__postcontainer__formcontaier__score__options-option + span::before {
    font-family: "Font Awesome 5 Free";
    content: "\f111";
    color: transparent;
    font-weight: 900;
    font-size: 1rem;
    -webkit-text-stroke: 1px black;
    text-stroke: 1px black;
    margin-left: 5px;
}


.enishiproducts-review-container__postcontainer__formcontaier__score__options-option:checked + span::before {
    font-family: "Font Awesome 5 Free";
    content: "\f058";
    color: var(--enishi-brown-color);
    font-weight: 900;
    font-size: 1rem;
    margin-left: 5px;
}


.enishiproducts-review-container__postcontainer__formcontaier__score__options-option > i {
    letter-spacing: 4px;
}

.enishiproducts-review-container__postcontainer__formcontaier__name > input[name="reviewer_name"] {
    font-size: 1rem;
    background-color: white;
    border: 1px solid lightgray;
    width: 100%;
    padding: 10px;
}

.enishiproducts-review-container__postcontainer__formcontaier__title__textbox,
.enishiproducts-review-container__postcontainer__formcontaier__content__textbox {
    font-size: 1rem;
    background-color: white;
    border: 1px solid lightgray;
    width: 100%;
    padding: 10px;
}

.enishiproducts-review-container__postcontainer__formcontaier__postbutton {
    position: relative;
    border: 1px solid var(--enishi-brown-color);
    border-radius: 5px;
    color: var(--enishi-brown-color);
    background-color: var(--enishi-ivory-color);
    text-align: center;
    padding: 10px 40px;
    width: fit-content;
    margin: 10px auto;
    cursor: pointer;
    transition: .3s;
    display: block;
}

.enishiproducts-review-container__flex {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin: 30px auto;
    justify-content: center;
}

.enishiproducts-review-container__flex__totalscore {
    text-align: center;
    width: content-fit;
    padding: 0px 20px;
}

.enishiproducts-review-container__flex__totalscore__title {
    color: var(--enishi-brown-color);
    font-size: .8125rem;
    margin-bottom: 1.25rem;
}

.enishiproducts-review-container__flex__totalscore__star {
    display: inline;
}

.enishiproducts-review-container__flex__totalscore__star.fillstar::after {
    content: "";
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-star" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="rgb(75, 56, 39)" fill="rgb(75, 56, 39)" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"></path></svg>') !important;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-position: center center;
    background-size: contain;
}

.enishiproducts-review-container__flex__totalscore__star.halfstar::after {
    content: "";
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-star-half" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="rgb(75, 56, 39)" fill="rgb(75, 56, 39)" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253z"></path></svg>') !important;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-position: center center;
    background-size: contain;
}

.enishiproducts-review-container__flex__totalscore__star.emptystar::after {
    content: "";
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-star" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="rgb(75, 56, 39)" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"></path></svg>') !important;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-position: center center;
    background-size: contain;
}

.enishiproducts-review-container__flex__totalscore__result {
    margin: 0.625rem 0 0.5rem;
    color: var(--enishi-brown-color);
}

.enishiproducts-review-container__flex__reviewcontainer {
    position: relative;
    width: 65%;
    border: 1px solid var(--enishi-brown-color);
    border-radius: 5px;
    padding: 1rem 1.25rem 2.5rem 1rem;
}


.enishiproducts-review-container__flex__reviewcontainer__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0px 20px;
    font-size: .8125rem;
    color: var(--enishi-brown-color);
}


.enishiproducts-review-container__flex__reviewcontainer__header__changeorder {
    cursor: pointer;
    position: relative;
}

.enishiproducts-review-container__flex__reviewcontainer__header__changeorder.is-changeorder-folded::after {
    position: absolute;
    content: "";
    width: 1rem;
    height: 1rem;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" role="img" width="48px" height="48px" viewBox="0 0 24 24" aria-labelledby="chevronDownIconTitle" stroke="black" stroke-width="2" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="black"> <title id="chevronDownIconTitle">Chevron Down</title> <polyline points="6 10 12 16 18 10"/></svg>') !important;
    background-position: center center;
    background-size: contain;
    margin-left: 10px;
    transform: translateY(10%) rotate(180deg);
    transition: .3s;
}

.enishiproducts-review-container__flex__reviewcontainer__header__changeorder::after {
    position: absolute;
    content: "";
    width: 1rem;
    height: 1rem;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" role="img" width="48px" height="48px" viewBox="0 0 24 24" aria-labelledby="chevronDownIconTitle" stroke="black" stroke-width="2" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="black"> <title id="chevronDownIconTitle">Chevron Down</title> <polyline points="6 10 12 16 18 10"/></svg>') !important;
    background-position: center center;
    background-size: contain;
    margin-left: 10px;
    transform: translateY(10%);
    transition: .3s;
}

.enishiproducts-review-container__flex__reviewcontainer__header__changeorder__options {
    display: none;
    position: absolute;
    display: none;
    flex-direction: column;
    gap: 2px;
    background-color: var(--enishi-ivory-color);
    border: 1px solid lightgray;
    right: 0px;
    z-index: 1;
}

.enishiproducts-review-container__flex__reviewcontainer__header__changeorder.is-changeorder-folded > .enishiproducts-review-container__flex__reviewcontainer__header__changeorder__options {
    display: flex;
}

.enishiproducts-review-container__flex__reviewcontainer__header__changeorder__options-newest,
.enishiproducts-review-container__flex__reviewcontainer__header__changeorder__options-oldest,
.enishiproducts-review-container__flex__reviewcontainer__header__changeorder__options-lowest,
.enishiproducts-review-container__flex__reviewcontainer__header__changeorder__options-highest {
    width: fit-content;
    z-index: 10;
    background-color: var(--enishi-ivory-color);
    white-space: nowrap;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding: 0px 20px;
}

.enishiproducts-review-container__flex__reviewcontainer__header__changeorder__options-newest:hover,
.enishiproducts-review-container__flex__reviewcontainer__header__changeorder__options-oldest:hover,
.enishiproducts-review-container__flex__reviewcontainer__header__changeorder__options-lowest:hover,
.enishiproducts-review-container__flex__reviewcontainer__header__changeorder__options-highest:hover {
    color: rgba(43,27,26,0.7);
}

.enishiproducts-review-container__flex__reviewcontainer__header__changeorder__options-newest__mark,
.enishiproducts-review-container__flex__reviewcontainer__header__changeorder__options-oldest__mark,
.enishiproducts-review-container__flex__reviewcontainer__header__changeorder__options-lowest__mark,
.enishiproducts-review-container__flex__reviewcontainer__header__changeorder__options-highest__mark {
    width: 20px;
    height: 20px;
}

.enishiproducts-review-container__flex__reviewcontainer__header__changeorder__options-newest__mark.checked,
.enishiproducts-review-container__flex__reviewcontainer__header__changeorder__options-oldest__mark.checked,
.enishiproducts-review-container__flex__reviewcontainer__header__changeorder__options-lowest__mark.checked,
.enishiproducts-review-container__flex__reviewcontainer__header__changeorder__options-highest__mark.checked {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" role="img" width="20px" height="20px" viewBox="0 0 24 24" aria-labelledby="okIconTitle" stroke="rgb(75, 56, 39)" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="rgb(75, 56, 39)"> <title id="okIconTitle">Ok</title> <polyline points="4 13 9 18 20 7"/> </svg>') !important;
}

.enishiproducts-review-container__flex__reviewcontainer__reviews {
}

.enishiproducts-review-container__flex__reviewcontainer__review {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 1.875rem;
}

.enishiproducts-review-container__flex__reviewcontainer__review__profile{
    display: flex;
    flex-direction: column;
    align-self: center;
    font-size: .8125rem;
    width: 25%;
}


.enishiproducts-review-container__flex__reviewcontainer__review__profile__author {
}

.enishiproducts-review-container__flex__reviewcontainer__review__profile__prefecture {
}

.enishiproducts-review-container__flex__reviewcontainer__review__content {
    width: 75%;
    padding-left: 2.5rem;
    border-left: 0.0625rem solid rgba(43,27,26,0.7);
}

.enishiproducts-review-container__flex__reviewcontainer__review__content__score__content {
    display: flex;
    flex-direction: row;
    gap: 30px;
    font-size: .8125rem;
}

.enishiproducts-review-container__flex__reviewcontainer__review__content__score__content__stars {
}


.enishiproducts-review-container__flex__reviewcontainer__review__content__score__content__stars__star {
    display: inline;
}

.enishiproducts-review-container__flex__reviewcontainer__review__content__score__content__stars__star.fillstar::after {
    content: "";
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-star" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="rgb(75, 56, 39)" fill="rgb(75, 56, 39)" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"></path></svg>') !important;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-position: center center;
    background-size: contain;
}

.enishiproducts-review-container__flex__reviewcontainer__review__content__score__content__stars__star.halfstar::after {
    content: "";
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-star-half" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="rgb(75, 56, 39)" fill="rgb(75, 56, 39)" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253z"></path></svg>') !important;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-position: center center;
    background-size: contain;
}

.enishiproducts-review-container__flex__reviewcontainer__review__content__score__content__stars__star.emptystar::after {
    content: "";
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-star" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="rgb(75, 56, 39)" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z"></path></svg>') !important;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-position: center center;
    background-size: contain;
}


.enishiproducts-review-container__flex__reviewcontainer__review__content__score__content__date {
}

.enishiproducts-review-container__flex__reviewcontainer__review__content__title {
    font-size: .8125rem;
    margin-top: 0.25rem;
}

.enishiproducts-review-container__flex__reviewcontainer__review__content__description {
    font-size: .8125rem;
    margin-top: 0.75rem;
}

.enishiproducts-review-container__flex__reviewcontainer__review__content__recommend {
    font-size: .8125rem;
    margin-top: 0.75rem;
}

.enishiproducts-review-container__flex__reviewcontainer__review__content__recommend::before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    color: var(--enishi-brown-color);
    font-weight: 900;
    font-size: small;
    margin-right:10px;
}

.enishiproducts-review-container__flex__reviewcontainer__review-narrow {
    display: flex;
    flex-direction: column;
    padding-top: 1.875rem;
}

.enishiproducts-review-container__flex__reviewcontainer__review-narrow__rating {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


.enishiproducts-review-container__flex__reviewcontainer__loadinganim,
.enishiproducts-review-container__flex__reviewcontainer__loadinganim:before,
.enishiproducts-review-container__flex__reviewcontainer__loadinganim:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}
.enishiproducts-review-container__flex__reviewcontainer__loadinganim {
    display: none;
    color: var(--enishi-brown-color);
    font-size: 5px;
    margin: 10px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.enishiproducts-review-container__flex__reviewcontainer__loadinganim:before,
.enishiproducts-review-container__flex__reviewcontainer__loadinganim:after {
    content: '';
    position: absolute;
    top: 0;
}
.enishiproducts-review-container__flex__reviewcontainer__loadinganim:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.enishiproducts-review-container__flex__reviewcontainer__loadinganim:after {
    left: 3.5em;
}
@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}
@keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}


.enishiproducts-review-container__flex__reviewcontainer__loadmore {
    position: absolute;
    display: block;
    width: fit-content;
    margin: 0px auto;
    transform: translate(-50%, -50%);
    color: var(--enishi-brown-color);
    font-size: small;
    font-weight: 900;
    border: 1px solid var(--enishi-brown-color);
    background-color: var(--enishi-ivory-color);
    border-radius: 60px;
    bottom: -2.625rem;
    left: 50%;
    height: 2.5rem;
    width: 2.5rem;
    align-items: center;
    margin: 0 auto;
}

/* PERSONALIZE
------------------------------- */
.personalize__underscore-animation-center {
    position: relative;
    display: block;
    width: fit-content;
    margin: 0 auto;
}

.personalize__underscore-animation-center::after {
    position: absolute;
    content: "";
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 1px;
    transform: var(--personalize-underscore-animation-scale, scale(0, 1));
    background-color: var(--enishi-brown-color);
    transform-origin: center top;
    transition: transform 1.0s;
}

.personalize-content-wrapper {
    width: 100vw;
    margin: 0 auto;
    padding: 0;
}

.personalize__topimage {
    height: 100vh;
}

.personalize__button-diagnose-top {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: content-fit;
    padding: 0.5em 2.375em;
}

.personalize__button-diagnose-top > .wp-block-button > .wp-block-button__link {
    background-color: rgba(255, 255, 255, .4);
    display: inline-block;
    padding: 20px 80px;
}

.personalize__button-diagnose-top > .wp-block-button > .wp-block-button__link:hover {
    filter: brightness(2.0);
}

.personalize__button-diagnose {
    width: content-fit;
    padding: 0.5em 2.375em;
}

.personalize-about-hautecouture-diffuser {
    margin: 0px 20px;
}

.personalize__button-diagnose > .wp-block-button > .wp-block-button__link {
    display: inline-block;
    padding: 20px 80px;
}

.personalize__button-diagnose > .wp-block-button > .wp-block-button__link:hover {
    filter: brightness(2.0);
}


.personalize__priceblock > .wp-block-group__inner-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    align-items: center;
}

.personalize__priceblock > .wp-block-group__inner-container > p {
}

.personalize-howtouse-container {
    margin: 0px 40px;
}

.personalize-howtouse-container > .wp-block-group__inner-container {
    display: flex;
    gap: 40px;
    justify-content: center;
}

.personalize-howtouse-procedure {
    width: fit-content;
}

.personalize-howtouse-video {
    width: 50%;
}

.personalize-fragrance-container {
}

.personalize-fragrance-container-grid  > .wp-block-group__inner-container {
    display: grid;
    margin: 0px 30px;
    gap: 20px;
    grid-template-columns: repeat(6, minmax(100px, 1fr));
    justify-items: center;
}

.personalize-fragrance-container-grid__img {
    width: 100px;
}

.personalize-fragrance__viewmore-button > .wp-block-button__link {
    display: inline-block;
    padding: 10px 40px !important;
}

.personalize-fragrance__viewmore-button:hover {
    filter: brightness(2.0);
}

.personalize-effect-container__content  > .wp-block-group__inner-container {
    display: flex;
    gap: 40px;
    justify-content: center;
}

.personalize-effect-container__content-description {
    display: inline-block;
    width: 40%;
}

.personalize-effect-container__content-slide {
    width: 60%;
}


.personalize__question-forwhom__button > .wp-block-button__link {
    pointer-events: none;
}

.personalize__question-forwhom__button-selected > a {
    background-color: var(--enishi-brown-color);
    color: var(--enishi-ivory-color);
}

.personalize__question-forwhom__button-touched > a {
    transform: scale(1.1);
}

.personalize__question-scenttype__button-selected > a {
    background-color: var(--enishi-brown-color);
}


.perosnalize-question__scenttype__grid > .wp-block-group__inner-container {
    display: grid;
    margin: 0 auto;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.personalize__question-scenttype__candidate {
    border-bottom: 1px solid var(--enishi-brown-color);
}


.personalize__question-scenttype__candidate > p:empty::before {
    display: inline-block;
    content: "";
}

.personalize__question-scenttype__button > .wp-block-button__link {
    pointer-events: none;
}

.personalize__question-scenttype__button-selected > a {
    background-color: var(--enishi-brown-color);
    color: var(--enishi-ivory-color);
}

.personalize__question-scenttype__button-touched > a {
    transform: scale(1.1);
}



.perosnalize-question__dislikescenttype__grid > .wp-block-group__inner-container {
    display: grid;
    margin: 0 auto;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.personalize__question-dislikescenttype__candidate {
    border-bottom: 1px solid var(--enishi-brown-color);
}


.personalize__question-dislikescenttype__candidate > p:empty::before {
    display: inline-block;
    content: "";
}

.personalize__question-dislikescenttype__button > .wp-block-button__link {
    pointer-events: none;
}

.personalize__question-dislikescenttype__button-selected > a {
    background-color: var(--enishi-brown-color);
    color: var(--enishi-ivory-color);
}

.personalize__question-dislikescenttype__button-touched > a {
    transform: scale(1.1);
}


.perosnalize-question__creed__grid > .wp-block-group__inner-container {
    display: grid;
    margin: 0 auto;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}


.perosnalize-question__interior__grid > .wp-block-group__inner-container {
    display: grid;
    margin: 0 auto;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.personalize__question-interior__candidate {
    border-bottom: 1px solid var(--enishi-brown-color);
}


.personalize__question-interior__candidate > p:empty::before {
    display: inline-block;
    content: "";
}

.personalize__question-interior__button > .wp-block-button__link {
    pointer-events: none;
}

.personalize__question-interior__button-selected > a {
    background-color: var(--enishi-brown-color);
    color: var(--enishi-ivory-color);
}

.personalize__question-interior__button-touched > a {
    transform: scale(1.1);
}


.perosnalize-question__place__grid > .wp-block-group__inner-container {
    display: grid;
    margin: 0 auto;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}


.perosnalize-question__scentweight__container {
    margin: 0 auto;
}

.perosnalize-question__scentweight__checkbox {
    text-align: center;
}

.perosnalize-question__scentweight__checkbox > li {
    width: 1.5em;
    height: 1.5em;
    background-color: transparent;
    border: 3px gray solid;
    border-radius: 1em;
    position: relative;
    text-align: center;
    display: inline-block;
    margin: 0 5em;
    line-height: 2em;
    color: transparent;
    cursor: default;
}

.perosnalize-question__scentweight__checkbox > li::before{
    content: '';
    position: absolute;
    top: .5em;
    left: -10.4em;
    width: 10.4em;
    height: .2em;
    background: lightgray;
    z-index: -1;
    filter: opacity(1.0);
}

.perosnalize-question__scentweight__checkbox > li::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1em;
    height: 1em;
    border-radius: 1em;
    background-color: var(--backgroundcolor, transparent);
    transition: .3s;
    cursor: pointer;
}

.perosnalize-question__scentweight__checkbox > li:first-child::before {
    display: none;
}

.perosnalize-question__scentweight__checkbox__labels {
    width: 80%;
    margin: 0 auto;
}


.perosnalize-question__scenttaste__container {
    margin: 0 auto;
}

.perosnalize-question__scenttaste__checkbox {
    text-align: center;
}

.perosnalize-question__scenttaste__checkbox > li {
    width: 1.5em;
    height: 1.5em;
    background-color: transparent;
    border: 3px gray solid;
    border-radius: 1em;
    position: relative;
    text-align: center;
    display: inline-block;
    margin: 0 5em;
    line-height: 2em;
    color: transparent;
    cursor: default;
}

.perosnalize-question__scenttaste__checkbox > li::before{
    content: '';
    position: absolute;
    top: .5em;
    left: -10.4em;
    width: 10.4em;
    height: .2em;
    background: lightgray;
    z-index: -1;
    filter: opacity(1.0);
}

.perosnalize-question__scenttaste__checkbox > li::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1em;
    height: 1em;
    border-radius: 1em;
    background-color: var(--backgroundcolor, transparent);
    transition: .3s;
    cursor: pointer;
}

.perosnalize-question__scenttaste__checkbox > li:first-child::before {
    display: none;
}

.perosnalize-question__scenttaste__checkbox__labels {
    width: 80%;
    margin: 0 auto;
}


.perosnalize-question__color__tint__block  > .wp-block-group__inner-container {
    display: flex;
    margin: 0 auto;
    flex-direction: row;
    justify-content: center;
    gap: 15px;
}


.personalize__question-color__tintbutton {
    width: 40px;
    height: 40px;
    border: 1px solid gray;
    border-radius: 50%;
    position: relative;
}

.personalize__question-color__tintbutton::after {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    color: var(--tintbuttoncolor, transparent);
    font-weight: 900;
    font-size: large;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.personalize__question-color__tintbutton-brown {
    background-color: #9e5854;
}

.personalize__question-color__tintbutton-pink {
    background-color: #f0a9d0;
}

.personalize__question-color__tintbutton-red {
    background-color: #ff6e6e;
}

.personalize__question-color__tintbutton-blue {
    background-color: #8183ff;
}

.personalize__question-color__tintbutton-gray {
    background-color: #b8b8b8;
}

.personalize__question-color__tintbutton-yellow {
    background-color: #fcfa98;
}

.personalize__question-color__tintbutton-green {
    background-color: #a2ffb6;
}

.personalize__question-color__tintbutton-orange {
    background-color: #fdc37b;
}

.personalize__question-color__tintbutton-purple {
    background-color: #d98eff;
}

.personalize__question-color__tintbutton > .wp-block-button__link {
    display: none;
}

.perosnalize-question__color__dense__checkbox {
    text-align: center;
}

.perosnalize-question__color__dense__checkbox > li {
    width: 1.5em;
    height: 1.5em;
    background-color: transparent;
    border: 3px gray solid;
    border-radius: 1em;
    position: relative;
    text-align: center;
    display: inline-block;
    margin: 0 3em;
    line-height: 2em;
    color: transparent;
    cursor: default;
}

.perosnalize-question__color__dense__checkbox > li::before{
    content: '';
    position: absolute;
    top: .5em;
    left: -6.4em;
    width: 6.4em;
    height: .2em;
    background: lightgray;
    z-index: -1;
    filter: opacity(1.0);
}

.perosnalize-question__color__dense__checkbox > li::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1em;
    height: 1em;
    border-radius: 1em;
    background-color: var(--backgroundcolor, transparent);
    transition: .3s;
    cursor: pointer;
}

.perosnalize-question__color__dense__checkbox > li:first-child::before {
    display: none;
}

.perosnalize-question__color__dense__checkbox__labels {
    width: 50%;
    margin: 0 auto;
}


.personalize-result-container {

}

.personalize-result__mainimage {
}

.personalize-result__mainimage__scentname__container {
    position: absolute;
    top: 0%;
    left: 10%;
    background-color: rgba(255,255,255,0.5);
    display: inline-block;
    width: content-fit
    height: content-fit;
    padding: 10px 30px;
}

.personalize-result__mainimage__scentname-lead {
    text-align: left;
    font-size: 1rem;
}

.personalize-result__mainimage__scentname-scent {
    font-size: 2rem;
    text-align: center;
}

.personalize-result__mainimage__scentdescription__container {
    position: absolute;
    bottom: 0%;
    left: 0%;
    background-color: rgba(0,0,0,0.5);
    display: inline-block;
    width: 100%;
    height: 20%;
    font-size: 1rem;
    padding: 10px 100px;
}

.perosnalize-result__tendency-item__container  > .wp-block-group__inner-container {
    display: flex;
    justify-content: center;
}

.perosnalize-result__tendency-item__label {
    width: 10%;
}

.perosnalize-result__tendency-item__checkbox {
    text-align: center;
    align-self: center;
}

.perosnalize-result__tendency-item__checkbox > li {
    width: 1px;
    height: 1em;
    background-color: transparent;
    border: 1px var(--enishi-brown-color) solid;
    position: relative;
    text-align: center;
    display: inline-block;
    margin: 0 5em;
    line-height: 2em;
    color: transparent;
    cursor: default;
}

.perosnalize-result__tendency-item__checkbox > li::before{
    content: '';
    position: absolute;
    top: .4em;
    left: -10.2em;
    width: 10.2em;
    height: 1px;
    background: var(--enishi-brown-color);
    z-index: -1;
    filter: opacity(1.0);
}

.perosnalize-result__tendency-item__checkbox > li::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1em;
    height: 1em;
    border-radius: 1em;
    background-color: var(--backgroundcolor, transparent);
    transition: .3s;
}

.perosnalize-result__tendency-item__checkbox > li:first-child::before {
    display: none;
}


/* WORKSHOP
------------------------------- */
.workshop-content__mainvideo {
    height: 100vh;
}

.workshop-content__mainvideo__wrap {
    filter: blur(0px);
    opacity: 1;
    ransform: translate3d(-50%, -50%, 0px) scale(1.36612);
    position: fixed;
    top:0;
    left:0;
    right:0;
    height:calc(100% + 60px);
    transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.workshop-content__mainvideo__video {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translate3d(-50%, -50%, 0px) scale(1.36612);
    top:50%;
    left:50%;
    object-fit: cover;
}

.workshop-content__mainvideo__logo {
    z-index: 1;
    position: absolute;
    width: 100%;
    max-width: 300px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.workshop-content__mainvideo__gallery__introduction__lead {
    text-align: center;
    font-size: x-large;
    font-weight: bold;
}

.workshop-content__mainvideo__gallery {
    padding: 100px  0 100px 0;
    margin-bottom: 100px;
    z-index: 3;
    position: relative;
    background-color: var(--enishi-ivory-color);
}

.workshop-content__mainvideo__gallery__introduction__description {
    text-align: start;
    margin: 30px 40px;
}

.workshop-content__mainvideo__gallery__grid {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(4, 200px);
    grid-template-rows: repeat(4, 200px);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: 20vh;
}

.workshop-content__mainvideo__gallery__grid__img-01 { grid-area: 1 / 1 / 3 / 3; width: 100%; height: 100%; object-fit: cover; }
.workshop-content__mainvideo__gallery__grid__img-02 { grid-area: 1 / 3 / 2 / 4; width: 100%; height: 100%; object-fit: cover; }
.workshop-content__mainvideo__gallery__grid__img-03 { grid-area: 1 / 4 / 2 / 5; width: 100%; height: 100%; object-fit: cover; }
.workshop-content__mainvideo__gallery__grid__img-04 { grid-area: 2 / 3 / 3 / 4; width: 100%; height: 100%; object-fit: cover; }
.workshop-content__mainvideo__gallery__grid__img-05 { grid-area: 2 / 4 / 3 / 5; width: 100%; height: 100%; object-fit: cover; }
.workshop-content__mainvideo__gallery__grid__img-06 { grid-area: 3 / 1 / 4 / 2; width: 100%; height: 100%; object-fit: cover; }
.workshop-content__mainvideo__gallery__grid__img-07 { grid-area: 3 / 2 / 4 / 3; width: 100%; height: 100%; object-fit: cover; }
.workshop-content__mainvideo__gallery__grid__img-08 { grid-area: 4 / 1 / 5 / 2; width: 100%; height: 100%; object-fit: cover; }
.workshop-content__mainvideo__gallery__grid__img-09 { grid-area: 4 / 2 / 5 / 3; width: 100%; height: 100%; object-fit: cover; }
.workshop-content__mainvideo__gallery__grid__img-10 { grid-area: 3 / 3 / 5 / 5; width: 100%; height: 100%; object-fit: cover; }

.workshop-content__mainvideo__backgroundimg {
    position: fixed;
    top: var(--workshop-backgroundimg-top, 0%);
    z-index: 2;
}

.workshop-content__mainvideo__backgroundimg > img{
    height: 100vh;
    width: 100vw;
}

.workshop-content__mainvideo__reservation {
    position: relative;
    background-color: var(--enishi-ivory-color);
    color: var(--enishi-brown-color);
    margin: 0 auto;
    width: 80%;
    z-index: 3;
}

.workshop-content__mainvideo__reservation__container {
    padding: 30px 30px;
}

.workshop-content__mainvideo__reservation-title {
    font-size: 2rem;
    text-align: center;
}


.workshop-content__mainvideo__reservation-subtitle {
    font-size: 1.5rem;
    text-align: center;
}

.workshop-content__mainvideo__reservation-attentionlist {
    list-style: inside;
    margin: 30px auto;
}

.workshop-content__mainvideo__reservation-attentionlist-item-description {
    display: inline;
}

.workshop-content__mainvideo__reservation-attentionred {
    color: red;
    margin: 30px auto;
}

.workshop-content__mainvideo__reservation-button {
    margin: 30px auto 30px;
    display: block;
    border: 2px solid var(--enishi-brown-color);
    padding: 5px 30px;
    font-size: 2rem;
    color: var(--enishi-brown-color);
    width: fit-content;
}


.workshop-content__mainvideo__map {
    position: relative;
    background-color: var(--enishi-ivory-color);
    color: var(--enishi-brown-color);
    margin: 80px auto 80px;
    z-index: 3;
    padding: 40px;
}

.workshop-content__mainvideo__map__description__title {
    font-size: x-large;
    font-weight: bold;
    text-align: center;
}

.workshop-content__mainvideo__map__contents {
    margin-top: 40px;
    width: 90%;
}

.workshop-content__mainvideo__question {
    position: relative;
    background-color: var(--enishi-ivory-color);
    color: var(--enishi-brown-color);
    margin: 80px auto 80px;
    z-index: 3;
    padding: 40px;
    width: 80%;
}

.workshop-content__mainvideo__question__title {
    font-size: x-large;
    font-weight: bold;
    text-align: center;
}

.workshop-content__mainvideo__question__qa {
    display: flex;
    flex-direction: column;;
    margin: 20px auto 20px;
}

.workshop-content__mainvideo__question__qa-question {
    display: flex;
    flex-direction: row;
}

.workshop-content__mainvideo__question__qa-answer {
    display: flex;
    flex-direction: row;
}

/* SITEMAP
------------------------------- */
.sitemap-content {
}

.sitemap-content__summary > .wp-block-group__inner-container {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.sitemap-content__summary__about-enishi > .wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sitemap-content__summary__about-enishi__title {
    margin-bottom: 10px;
}

.sitemap-content__summary__about-enishi__item {
    width: fit-content;
}

.sitemap-content__summary__about-enishi__item > a {
    color: #6991b8;
}

.sitemap-content__summary__about-enishi__item:hover > a {
    filter: opacity(0.7);
}


.sitemap-content__summary__enishi-products > .wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sitemap-content__summary__enishi-products__title {
    margin-bottom: 10px;
}

.sitemap-content__summary__enishi-products__item {
    width: fit-content;
}

.sitemap-content__summary__enishi-products__item > a {
    color: #6991b8;
}

.sitemap-content__summary__enishi-products__item:hover > a {
    filter: opacity(0.7);
}


.sitemap-content__summary__news > .wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sitemap-content__summary__news__title {
    margin-bottom: 10px;
}

.sitemap-content__summary__news__item {
    width: fit-content;
}

.sitemap-content__summary__news__item > a {
    color: #6991b8;
}

.sitemap-content__summary__news__item:hover > a {
    filter: opacity(0.7);
}

.sitemap-content__mito__toppage {
    width: fit-content;
    margin-bottom: 20px;
}

.sitemap-content__mito__toppage > a {
    color: #6991b8;
}

.sitemap-content__mito__toppage:hover > a {
    filter: opacity(0.7);
}


.sitemap-content__mito__category-container > .wp-block-group__inner-container {
    display: grid;
    margin: 0 auto;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}


.sitemap-content__mito__category-container__block {
    displey: flex;
    flex-direction: column;
    gap: 10px;
}

.sitemap-content__mito__category-container__block__title {
    margin-bottom: 10px;
}

.sitemap-content__mito__category-container__block__item {
    width: fit-content;
}

.sitemap-content__mito__category-container__block__item > a {
    color: #6991b8;
}

.sitemap-content__mito__category-container__block__item:hover > a {
    filter: opacity(0.7);
}

.sitemap-content__koto__toppage {
    width: fit-content;
    margin-bottom: 20px;
}

.sitemap-content__koto__toppage > a {
    color: #6991b8;
}

.sitemap-content__koto__toppage:hover > a {
    filter: opacity(0.7);
}


.sitemap-content__koto__category-container > .wp-block-group__inner-container {
    display: grid;
    margin: 0 auto;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.sitemap-content__koto__category-container__block > .wp-block-group__inner-container {
    displey: flex;
    flex-direction: column;
    gap: 10px;
}


.sitemap-content__koto__category-container__block__title {
    margin-bottom: 10px;
}

.sitemap-content__koto__category-container__block__item {
    width: fit-content;
}

.sitemap-content__koto__category-container__block__item > a {
    color: #6991b8;
}

.sitemap-content__koto__category-container__block__item:hover > a {
    filter: opacity(0.7);
}


.sitemap-content__personalize__toppage {
    width: fit-content;
    margin-bottom: 20px;
}

.sitemap-content__personalize__toppage > a {
    color: #6991b8;
}

.sitemap-content__personalize__toppage:hover > a {
    filter: opacity(0.7);
}

.sitemap-content__personalize__contents__diagnose {
    width: fit-content;
}

.sitemap-content__personalize__contents__diagnose > a {
    color: #6991b8;
}

.sitemap-content__personalize__contents__diagnose:hover > a {
    filter: opacity(0.7);
}


.sitemap-content__workshop__toppage {
    width: fit-content;
    margin-bottom: 20px;
}

.sitemap-content__workshop__toppage > a {
    color: #6991b8;
}

.sitemap-content__workshop__toppage:hover > a {
    filter: opacity(0.7);
}

.sitemap-content__workshop__contents__reserve {
    width: fit-content;
}

.sitemap-content__workshop__contents__reserve > a {
    color: #6991b8;
}

.sitemap-content__workshop__contents__reserve:hover > a {
    filter: opacity(0.7);
}


.sitemap-content__other__content__commerce {
    width: fit-content;
}

.sitemap-content__other__content__commerce > a {
    color: #6991b8;
}

.sitemap-content__other__content__commerce:hover > a {
    filter: opacity(0.7);
}


.sitemap-content__other__content__privacy {
    width: fit-content;
}

.sitemap-content__other__content__privacy > a {
    color: #6991b8;
}

.sitemap-content__other__content__privacy:hover > a {
    filter: opacity(0.7);
}

/* LEGAL
------------------------------- */
.legal-content {
    margin-top: 50px;
}

.legal__menu {
    display: flex;
    flex-direction: row;
    justify-content: right;
    border: 1px solid lightgray;

}

.legal__menu__commerce {
    cursor: pointer;
    padding: 30px 30px 30px 30px;
    border-left: 1px solid lightgray;
}

.legal__menu__privacy {
    cursor: pointer;
    padding: 30px 30px 30px 30px;
    border-left: 1px solid lightgray;
}

.legal__menu__terms-of-service {
    cursor: pointer;
    padding: 30px 30px 30px 30px;
    border-left: 1px solid lightgray;
    transition: .3s;
}


.legal__commerce-container {
    display: flex;
    flex-direction: row;
}

.legal__commerce-container__leftcolumn {
    width: 70%;
    padding: 20px;
}

.legal__commerce-container__leftcolumn__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.legal__commerce-container__rightcolumn {
    background-color: white;
    width: 30%;
    padding: 20px;
}

.legal__commerce-container__rightcolumn__navigation {
    list-style-type: none;
}

.legal__commerce-container__rightcolumn__navigation li {
    padding: 10px;
}

.legal__commerce-container__rightcolumn__navigation li:not(:last-child) {
    border-bottom: 1px solid lightgray;
}

.legal__privacy-container {
    display: flex;
    flex-direction: row;
}

.legal__privacy-container__leftcolumn {
    width: 70%;
    padding: 20px;
}

.legal__privacy-container__leftcolumn__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.legal__privacy-container__rightcolumn {
    background-color: white;
    width: 30%;
    padding: 20px;
}

.legal__privacy-container__rightcolumn__navigation {
    list-style-type: none;
}

.legal__privacy-container__rightcolumn__navigation li {
    padding: 10px;
}

.legal__privacy-container__rightcolumn__navigation li:not(:last-child) {
    border-bottom: 1px solid lightgray;
}

.legal__terms-of-service-container {
    display: flex;
    flex-direction: row;
}

.legal__terms-of-service-container__leftcolumn {
    width: 70%;
    padding: 20px;
}

.legal__terms-of-service-container__leftcolumn__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.legal__terms-of-service-container__rightcolumn {
    background-color: white;
    width: 30%;
    padding: 20px;
}

.legal__terms-of-service-container__leftcolumn > .wp-block-group__inner-container {
    padding: 20px;
}

.legal__description-block {
    background-color: white;
    padding: 20px;
    margin: 30px 10px 30px 10px;
}

.legal__terms-of-service-container__rightcolumn__navigation {
    list-style-type: none;
}

.legal__terms-of-service-container__rightcolumn__navigation li {
    padding: 10px;
}

.legal__terms-of-service-container__rightcolumn__navigation li:not(:last-child) {
    border-bottom: 1px solid lightgray;
}


/* LEGAL(MOBILE)
-------------------------*/
.legal-content-main-items {
    display: flex;
    flex-direction: column;
    padding: 5px;
}

.legal-content-sub-items {
    display: flex;
    flex-direction: column;
}

.legal-content-sub-items a {
    font-size: .5rem !important;
}
.legal-content-sub-items a:hover {
    font-size: .5rem !important;
}

.main-item,
.sub-item {
    position: relative;
    text-align: start;
}

.main-item::after,
.sub-item::after {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" role="img" width="1rem" height="1rem" viewBox="0 0 24 24" aria-labelledby="plusIconTitle" stroke="black" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="black"> <title id="plusIconTitle">Plus</title> <path d="M20 12L4 12M12 4L12 20"/> </svg>'); /* PLUS SVG */
    width: 1rem;
    height: 1rem;
}

.main-item.is-open::after,
.sub-item.is-open::after {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" role="img" width="1rem" height="1rem" viewBox="0 0 24 24" aria-labelledby="minusIconTitle" stroke="black" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="black"> <title id="minusIconTitle">Minus</title> <path d="M20,12 L4,12"/> </svg>'); /* MINUS SVG */
}

.main-item-content,
.sub-item-content {
    transition: opacity .3s;
    padding-left: 20px;
}

.main-item + .main-item-content,
.sub-item + .sub-item-content {
    max-height: 0;
    display: none;
    opacity: 0;
}

.main-item.is-open + .main-item-content,
.sub-item.is-open + .sub-item-content {
    max-height: 10000px;
    display: block;
    opacity: 1;
}

/* TOPICS
------------------------------- */
.topic__navigation-container > .wp-block-group__inner-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid lightgray;
}

.topic__navigation-container__categorylist > .wp-block-group__inner-container {
    display: flex;
    flex-direction: row;
}

.topic__navigation-container__periodlist > .wp-block-group__inner-container {
    display: flex;
    flex-direction: row;
}

.topic__navigation-container__categorylist__categoryitem {
    padding: 30px;
    cursor: pointer;
    transition: .3s;
}


.topic__navigation-container__categorylist__categoryitem.mouseover {
    filter: opacity(0.5);
    border-bottom: 1px solid var(--enishi-brown-color);
}

.topic__navigation-container__categorylist__categoryitem.selected {
    border-bottom: 2px solid var(--enishi-brown-color);
}

.topic__navigation-container__periodlist {
    padding: 30px;
    position: relative;
}

.topic__navigation-container__periodlist__title {
    padding: 0px 15px;
}

.topic__navigation-container__periodlist__selectedlabel {
    cursor: pointer;
    transition: .3s;
    position: relative;
}

.topic__navigation-container__periodlist__selectedlabel::after {
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    color: var(--enishi-brown-color);
    font-weight: 900;
    font-size: large;
    margin: auto;
    position: absolute;
    top: 50%;
    right: -80%;
    transform: translate(0%, -50%);

}

.topic__navigation-container__periodlist__selectedlabel:hover {
    filter: opacity(0.5);
}

.topic__navigation-container__periodlist__selectedlabel.displayed + .topic__navigation-container__periodlist__dropdown {
    filter: opacity(1.0);
}

.topic__navigation-container__periodlist__dropdown {
    filter: opacity(0.0);
    position: absolute;
    padding: 10px 20px;
    position: absolute;
    list-style-type: none;
    top: 60%;
    right: 1%;
    background-color: var(--enishi-ivory-color);
    transition: .3s;
}

.topic__navigation-container__periodlist__dropdown > li {
    cursor: pointer;
    transition: .3s;
}

.topic__navigation-container__periodlist__dropdown > li:hover {
    filter: opacity(0.5);
}

.topics-content__topics-container__list {
    display: flex;
    flex-direction: column;
}

.topics-content__topics-container__list__element a {
    display: block;
    color: var(--enishi-brown-color);
    flex-direction: row;
    transition: .3s;
    font-size: .8125rem;
}

.topics-content__topics-container__list__element a:hover {
    opacity: 0.5;
}

.topics-content__topics-container__list__element__info {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin: 10px 0px;
}

.topics-content__topics-container__list__element__info__category {
    background-color: lightgray;
    width: fit-content;
    padding: 0px 10px 0px 10px;
    align-self: center;
}

.topics-content__topics-container__list__element__info__date {
    color: gray;
    font-size: .8125rem;
}

.topics-content__topics-container__list__element__body {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.topic-description {
    width: 70%;
    align-self: center;
    padding: 10px;
}

.topics-content__topics-container__list__element__thumbnail {
    width: 30%;
    align-self: center;
}

.topics-content__topics-container__list__element__thumbnail > img {
    max-width: 100%;
    object-fit: cover;
    max-height: 100%;
}

.topics-content__topics-container__pagenation__pagelist {
    display: flex;
    gap: 20px;
    flex-direction: row;
    list-style-type: none;
    margin-top: 1.5rem;
    justify-content: center;
}

.topics-content__topics-container__pagenation__pagelist__item {
    border: 1px solid rgba(130,130,130,0.3);
    width: 50px;
    height: 50px;
    font-size: .8125rem;
    text-align: center;
    line-height: 45px;
}

.topics-content__topics-container__pagenation__pagelist__item > a {
    color: var(--enishi-brown-color);
    background-color: var(--enishi-ivory-color);
    transition: .3s;
    width: 100%;
    height: 100%;
    display: block;
}


.topics-content__topics-container__pagenation__pagelist__item.current > a {
    color: var(--enishi-ivory-color);
    background-color: var(--enishi-brown-color);
    pointer-events: none;
}

.topics-content__topics-container__pagenation__pagelist__item:not(.current):hover > a {
    background-color: rgba(130,130,130,0.1);
}

.topics-content__topics-container__pagenation__pagelist__prev {
    border: 1px solid rgba(130,130,130,0.3);
    width: 100px;
    height: 50px;
    font-size: .8125rem;
    text-align: center;
    line-height: 45px;
}

.topics-content__topics-container__pagenation__pagelist__prev > a {
    color: var(--enishi-brown-color);
    background-color: var(--enishi-ivory-color);
    transition: .3s;
    width: 100%;
    height: 100%;
    display: block;
}


.topics-content__topics-container__pagenation__pagelist__prev.disabled > a {
    filter: opacity(0.1);
    pointer-events: none;
}

.topics-content__topics-container__pagenation__pagelist__prev:not(.disabled):hover > a {
    background-color: rgba(130,130,130,0.1);
}

.topics-content__topics-container__pagenation__pagelist__next {
    border: 1px solid rgba(130,130,130,0.3);
    width: 100px;
    height: 50px;
    font-size: .8125rem;
    text-align: center;
    line-height: 45px;
}

.topics-content__topics-container__pagenation__pagelist__next > a {
    color: var(--enishi-brown-color);
    background-color: var(--enishi-ivory-color);
    transition: .3s;
    width: 100%;
    height: 100%;
    display: block;
}


.topics-content__topics-container__pagenation__pagelist__next.disabled > a {
    filter: opacity(0.1);
    pointer-events: none;
}

.topics-content__topics-container__pagenation__pagelist__next:not(.disabled):hover > a {
    background-color: rgba(130,130,130,0.1);
}

.topics-post-contentainer {
    margin: 0px auto;
}

.topics-post-contentainer__backtolist {
    margin-bottom: 30px;
    border-bottom: 1px solid #eae8e4 !important;
}

.topics-post-contentainer__backtolist > a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: .8125rem;
    color: var(--enishi-brown-color);
    text-decoration: underline;
    transition: .3s;
    margin-bottom: 30px;
}

.topics-post-contentainer__backtolist > a:hover {
    opacity: 0.7;
    text-decoration: none;
}

.topics-post-contentainer__backtolist > a > svg {
    width: 1rem;
    height: 1rem;
}

.topics-post__header > .wp-block-group__inner-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.topics-post__header__term {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem;
    padding: 0px 20px;
    background-color: lightgray;
    width: fit-content;
    padding: 0px 10px 0px 10px;
}

.topics-post__header__postdate {
    font-size: .8125rem;
    padding: 0px 10px 0px 10px;
}

.topics-post__post-title {
    margin-top: 30px;
    text-align: center;
    font-size: 2.2rem;
    line-height: 1.81818;
}

.topics-post__body {
    margin-top: 80px;
    margin-bottom: 80px;
}

.topics-post-contentainer__share {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 50px;
}

.topics-post-contentainer__share__title {
    color: var(--enishi-brown-color);
    padding: 0px 0px;
    font-size: .8125rem;
    font-weight: bold;
}

.topics-post-contentainer__share > a {
    color: var(--enishi-brown-color);
    transition: .3s;
}

.topics-post-contentainer__share > a:hover {
    filter: opacity(0.7);
}

.topics-post-contentainer__share__twitter {
    padding: 0px 5px;
}

.topics-post-contentainer__share__line {
    padding: 0px 5px;
}

.topics-post-contentainer__share__facebook {
    padding: 0px 5px;
}

.topics-post-contentainer__share__twitter svg,
.topics-post-contentainer__share__line svg,
.topics-post-contentainer__share__facebook svg {
    vertical-align: text-top;
    fill: var(--enishi-brown-color);
}

.selected-year::after {
    position: absolute;
    content: "";
    width: 1rem;
    height: 1rem;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" role="img" width="48px" height="48px" viewBox="0 0 24 24" aria-labelledby="chevronDownIconTitle" stroke="black" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="black"> <title id="chevronDownIconTitle">Chevron Down</title> <polyline points="6 10 12 16 18 10"/></svg>') !important;
    background-position: center center;
    background-size: contain;
}

.selected-year.active::after {
    position: absolute;
    content: "";
    width: 1rem;
    height: 1rem;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" role="img" width="48px" height="48px" viewBox="0 0 24 24" aria-labelledby="chevronDownIconTitle" stroke="black" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="black"> <title id="chevronDownIconTitle">Chevron Down</title> <polyline points="6 10 12 16 18 10"/></svg>') !important;
    background-position: center center;
    background-size: contain;
    transform: rotate(180deg);
}

.year-list {
    background-color: #F5F1EB;
    max-height: 0px;
    opacity: 0;
    transition: .3s;
}

.year-list > li {
    margin: 5px 10px;
}

.year-list.displayed {
    opacity: 1;
    max-height: 100vh;
}

.year-block {
}

.category-item {
    transition: .3s;
    opacity: 1;
    border-bottom: 1px solid transparent;
}

.category-item.mouseover {
    opacity: 0.3;
}

.category-item.selected {
    border-bottom: 1px solid var(--enishi-brown-color);
}

/* CONTACT-FORM
------------------------------- */
.contact-form__description {
    font-size: .8125rem;
}

.contact-form__container {
    display: none;
    padding: 50px 0px;
}

.contact-form__container__formbody {

}

.contact-form__container__formbody__separator {
    margin: 40px 0px;
    border: 1px solid rgba(130,130,130,0.1);
}

.contact-form__container__formbody__question-type {
}

.contact-form__container__formbody__gridpart {
    display: grid;
    grid-template-columns: repeat(2, 46vw);
    gap: 30px;
}

.contact-form__container__formbody__attension{
    font-size: .8125rem;
    color: var(--enishi-brown-color);
    margin-bottom: 30px;
}

.contact-form__container__formbody__question-type {
    font-size: .8125rem;
    color: var(--enishi-brown-color);
}

input[type="radio"] {
    opacity:0;
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
}



input[type="radio"] + span::before {
    display: inline-block;
    content: '';
    width: 1.0rem;
    height: 1.0rem;
    border: 1px solid #bbb;
    border-radius: 50%;
    background: #fff;
    margin: -.125rem .5rem 0 0;
    vertical-align: middle;


    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    padding: 0 1.9px;
    line-height: 1.5;
    transition: .3s;
    font-size: 8px;
    color: transparent;
}

input[type="radio"]:checked + span::before {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-circle" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="rgb(75, 56, 39)" fill="rgb(75, 56, 39)" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><circle cx="7" cy="7" r="4"></circle></svg>') !important;
}

.contact-form__container__formbody__gridpart__element__itemname,
.contact-form__container__formbody__subject__itemname,
.contact-form__container__formbody__message__itemname {
    font-size: .8125rem;
    color: var(--enishi-brown-color);
    margin-bottom: 10px;
}

.contact-form__container__formbody input[type="text"],
.contact-form__container__formbody input[type="email"],
.contact-form__container__formbody input[type="tel"],
.contact-form__container__formbody textarea {
    background-color: white;
    border: 1px solid lightgray;
    color: var(--enishi-brown-color);
    font-size: .8125rem;
    padding: .5rem;
    width: 80%;
}

.contact-form__container__formbody__subject {
    margin-top: 30px;
}

.contact-form__container__formbody__message {
    margin-top: 30px;
}

.contact-form__container__formbody__submit {
    color: var(--enishi-ivory-color);
    background-color: var(--enishi-brown-color);
    font-size: .8125rem;
    padding: 10px 30px;
    width: 30%;
    transition: .3s;
    margin-top: 20px;
}

.contact-form__container__formbody__submit:hover {
    filter: opacity(0.5);
}


.contact-form__thanks {
    display: none;
}

.contact-form__thanks__description {
    color: var(--enishi-brown-color);
    font-size: .8125rem;
    text-align: center;
}

.contact-form__thanks__backtotop > .wp-block-button:hover {
    filter: opacity(0.6);
}


.wpcf7 form.sent .wpcf7-response-output {
    display: none !important;
}


.wpcf7 form.invalid .wpcf7-response-output {
    display: none !important;
}


.wpcf7-not-valid-tip {
    font-size: .8125rem !important;
}

.contact-form-name input[type="text"],
.contact-form-kana input[type="text"],
.contact-form-address-addr01 input[type="text"],
.contact-form-address-addr02 input[type="text"],
.contact-form-tel input[type="text"],
.contact-form-tel input[type="tel"],
.contact-form-mail input[type="text"],
.contact-form-mail input[type="email"],
.contact-form-content textarea {
    font-size: 1rem;
    background-color: white;
    border: 1px solid lightgray;
    width: 100%;
    padding: 10px;
    color: var(--enishi-brown-color);
}

.contact-form-zipcode input[type="text"],
.contact-form-zipcode input[type="tel"],
.contact-form-adderss-pref select {
    font-size: 1rem;
    background-color: white;
    border: 1px solid lightgray;
    width: fit-content;
    padding: 10px;
    color: var(--enishi-brown-color);
}

.contact-beginning {
    text-align: center;
}

.contact-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.contact-category {
    border-top: 1px solid rgba(130,130,130,0.1);
    border-bottom: 1px solid rgba(130,130,130,0.1);
    padding: 20px 100px;
    text-align: center;
    margin-top: 30px;
}

.contact-category label {
    white-space: nowrap;
    line-height: 3;
    margin: 0 10px;
}

.contact-form-body {
    width: 70%;
    margin-top: 30px;
}

.flex-row-gap10 {
    display: flex;
    flex-direction: row;
    gap:10px;
}

.contact-form-name-name01,
.contact-form-name-name02,
.contact-form-kana-kana01,
.contact-form-kana-kana02 {
    width:100%;
}

.contact-form-kana,
.contact-form-address,
.contact-form-tel,
.contact-form-mail-mail01,
.contact-form-mail-mail02,
.contact-form-content {
    margin-top: 20px;
}

.contact-form-zipcode {
    width: fit-content;
}

.contact-form-adderss-pref {
    margin-top: 10px;
    width: fit-content;
}

.contact-form-address-addr01,
.contact-form-address-addr02 {
    margin-top: 10px;
}

.contact-form-button {
    text-align: center;
    background-color: var(--enishi-brown-color);
    width: 40%;
    margin: 20px auto;
    transition: .3s;
    cursor: pointer;
    height: 3rem;
}

.contact-form-button button {
    color: var(--enishi-ivory-color);
    font-size: .5rem;
    width: 100%;
    height: 100%;
}

.contact-form-button.is-processing {
    cursor: wait;
    position: relative;
}

.contact-form-button.is-processing:hover {
    opacity: 1;
}

.contact-form-button.is-processing > button {
    display: none;
}

.contact-form-button.is-processing > .input-validity-status-loading-ivory {
    display: block;
    opacity: 1;
    left: 50%;
    transform: translate(-50%, -50%);
}

.contact-form-redirect {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* お問い合わせ(確認ページ)
------------------------------- */
.contact-confirm-beginning {
    text-align: center;
}

.centered-flex {
    display:flex;
    justify-content: center;
}

.centered-flex-content {
    width: fit-content;
}

.contact-confirm-unit {
    display: flex;
    flex-direction: row;
}

.contact-confirm-unit__title {
    width:10rem;
    white-space: nowrap;
}

.contact-confirm-unit__body {
    max-width: 30rem;
    overflow-wrap: anywhere;
}

.contact-confirm-buttons {
    text-align: center;
}

.contact-confirm-buttons-return {
    background-color: var(--enishi-ivory-color);
    color: var(--enishi-brown-color);
    padding: 10px 20px;
    margin-top: 30px;
    border: 1px solid var(--enishi-brown-color);
}

.contact-confirm-buttons-complete {
    background-color: var(--enishi-brown-color);
    color: var(--enishi-ivory-color);
    padding: 10px 20px;
    margin-top: 30px;
    border: 1px solid var(--enishi-brown-color);
}

/* お問い合わせ(完了ページ)
------------------------------- */
.contact-complete-button {
    text-align: center;
}

.go-top-button {
    background-color: var(--enishi-brown-color);
    color: var(--enishi-ivory-color);
    padding: 10px 20px;
    margin-top: 30px;
    border: 1px solid var(--enishi-brown-color);
}


/* 404
------------------------------- */
.not-found-container__picture-container__four-o-four {
    text-align: center;
    font-size: 4rem;
    color: var(--enishi-brown-color);
}

.not-found-container__picture-container__title {
    text-align: center;
    font-size: 2rem;
    color: var(--enishi-brown-color);
}

.not-found-container__picture-container__description {
    margin-top: 20px;
    font-size: .8125rem;
    color: var(--enishi-brown-color);
}

.not-found-container__picture-container {
    padding: 0px 140px;
}

.not-found-container__navigation {
    margin: 40px auto;
    border: 1px solid var(--enishi-brown-color);
    width: fit-content;
    text-align: center;
    font-size: .8125rem;
}

.not-found-container__navigation:hover {
    filter: opacity(0.6);
}

.not-found-container__navigation__backtotop {
    width: 100%;
}

.not-found-container__navigation__backtotop__link {
    display: block;
    width: 100%;
    height: 100%;
    color: var(--enishi-brown-color);
    padding: 10px 30px;
}


/* Error template
------------------------------- */
.eccube-error-container__contents__description {
    margin-top: 20px;
    font-size: .8125rem;
    color: var(--enishi-brown-color);
    text-align: center;
}

.eccube-error-container__contents {
    padding: 0px 140px;
}

.eccube-error-container__navigation {
    margin: 40px auto;
    border: 1px solid var(--enishi-brown-color);
    width: 30%;
    text-align: center;
    font-size: .8125rem;
}

.eccube-error-container__navigation:hover {
    filter: opacity(0.6);
}

.eccube-error-container__navigation__backtotop {
    width: 100%;
}

.eccube-error-container__navigation__backtotop__link {
    display: block;
    width: 100%;
    height: 100%;
    color: var(--enishi-brown-color);
    padding: 10px 30px;
}

/* shopping
***********/
.ec-shopping-wrapper {
    padding: 0px 1.5rem;
}

.ec-shopping-wrapper__back {
    display: flex;
    flex-direction: row;
    align-items: center;
}

/* PC Style*/
.ec-shopping-wrapper__content {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.ec-shopping-wrapper__content__left {
    width: 70%;
}

.ec-shopping-wrapper__content__right {
    position: sticky;
    top: 0;
    height: fit-content;
    width: 30%;
}

@keyframes activate-to-done {
    0% { /* activate */
        filter: opacity(1.0);
        color: white;
        background-color: var(--enishi-brown-color);
    }
    50% {
        filter: opacity(0.0);
    }
    100% {/* done */
        filter: opacity(1.0);
        color: white;
        background-color: #9ACD32;
        border-color: #9ACD32;
    }
}


.ec-shopping-wrapper__content__left__account {
    margin-bottom: 10px;
    background-color: white;
    box-shadow: lightgrey 1px 1px 2px;
    border-top: 1px solid rgba(245,245,245,1);
    border-left: 1px solid rgba(245,245,245,1);
}

.ec-shopping-wrapper__content__left__account.hidden > .ec-shopping-wrapper__content__left__account__heading {
    filter: opacity(0.3);
}
.ec-shopping-wrapper__content__left__account:not(.hidden) > .ec-shopping-wrapper__content__left__account__heading > .number-and-progress {
    color: white;
    background-color: var(--enishi-brown-color);
}
.ec-shopping-wrapper__content__left__account.done > .ec-shopping-wrapper__content__left__account__heading > .number-and-progress {
    animation: activate-to-done 1s 1 forwards;
}

.ec-shopping-wrapper__content__left__account.hidden > .ec-shopping-wrapper__content__left__account__form {
    display: none;
}

.ec-shopping-wrapper__content__left__account__form-emailinput{
    display: block;
}
.ec-shopping-wrapper__content__left__account__form-guest {
    display: none;
}
.ec-shopping-wrapper__content__left__account__form-login {
    display: none;
}
.ec-shopping-wrapper__content__left__account__form-finishmember {
    display: none;
}

.ec-shopping-wrapper__content__left__account__form__changemail {
    height: 3rem;
    border: 1px solid var(--enishi-brown-color);
    margin-top: 1rem;
}
.ec-shopping-wrapper__content__left__account__form__changemail > .ec-shopping-wrapper__content__left__account__form__changemail__button {
    width: 100%;
    height: 100%;
}



.ec-shopping-wrapper__content__left__gift-wrapping {
    margin-bottom: 10px;
    background-color: white;
    box-shadow: lightgrey 1px 1px 2px;
    border-top: 1px solid rgba(245,245,245,1);
    border-left: 1px solid rgba(245,245,245,1);
}

.ec-shopping-wrapper__content__left__gift-wrapping.hidden > .ec-shopping-wrapper__content__left__gift-wrapping__heading {
    filter: opacity(0.3);
}
.ec-shopping-wrapper__content__left__gift-wrapping:not(.hidden) > .ec-shopping-wrapper__content__left__gift-wrapping__heading > .number-and-progress {
    color: white;
    background-color: var(--enishi-brown-color);
}
.ec-shopping-wrapper__content__left__gift-wrapping.done > .ec-shopping-wrapper__content__left__gift-wrapping__heading > .number-and-progress {
    animation: activate-to-done 1s 1 forwards;
}

.ec-shopping-wrapper__content__left__gift-wrapping.hidden > .ec-shopping-wrapper__content__left__gift-wrapping__form {
    display: none;
}

.ec-shopping-wrapper__content__left__gift-wrapping__form__comfirmation-panel {
    display: none;
    text-align: start;
}

.ec-shopping-wrapper__content__left__gift-wrapping__heading {
    display: flex;
    flex-direction: row;
    background-color: white;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid lightgray;
    justify-content: start;
}

.ec-shopping-wrapper__content__left__gift-wrapping__form {
    padding: 30px;
    font-size: .8125rem;
}

.ec-shopping-wrapper__content__left__gift-wrapping__form__body__wrapping-type-list {
    padding: 20px;
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.ec-shopping-wrapper__content__left__gift-wrapping__form__body__wrapping-type-list__item {
    position: relative;
    width: 100%;
    height: 4rem;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.ec-shopping-wrapper__content__left__gift-wrapping__form__body__wrapping-type-list__item > label {
    position: relative;
    width: 100%;
    height: 100%;
}

.ec-shopping-wrapper__content__left__gift-wrapping__form__body__wrapping-type-list__item > label > input[type="radio"] {
    opacity: 0;
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
}

.ec-shopping-wrapper__content__left__gift-wrapping__form__body__wrapping-type-list__item > label > input[type="radio"] + span:before {
    position: absolute;
    top: 10%;
    right: 0%;
    content: "";
    color: transparent;
    border: 1px solid var(--enishi-brown-color);
    width: 20px;
    height: 20px;
}



.ec-shopping-wrapper__content__left__gift-wrapping__form__body__wrapping-type-list__item > label > input[type="radio"]:checked + span:before {
    color: var(--enishi-brown-color);
    background-color: var(--enishi-brown-color);
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" role="img" width="20px" height="20px" viewBox="1 3 24 24" aria-labelledby="okIconTitle" stroke="rgb(255, 254, 249)" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="rgb(255, 254, 249)"> <title id="okIconTitle">Ok</title> <polyline points="4 13 9 18 20 7"/> </svg>') !important;
}




.ec-shopping-wrapper__content__left__gift-wrapping__form__body__gift-wrapping-cancel {
    width: 100%;
    border: 1px solid var(--enishi-brown-color);
    margin-right: 20px;
    margin-bottom: 1rem;
    height: 3rem;
}

.ec-shopping-wrapper__content__left__gift-wrapping__form__body__gift-wrapping-cancel > button {
    color: var(--enishi-brown-color);
    width: 100%;
    height: 100%;
}

.ec-shopping-wrapper__content__left__gift-wrapping__form__body__gift-wrapping-submit {
    display: block;
    background-color: var(--enishi-brown-color);
    color: var(--enishi-ivory-color);
    width: 100%;
    transition: .3s;
    cursor: pointer;
    position: static;
    height: 3rem;
}

.ec-shopping-wrapper__content__left__gift-wrapping__form__body__gift-wrapping-submit.grayout {
    background-color: lightgray;
    color: white;
}

.ec-shopping-wrapper__content__left__gift-wrapping__form__body__gift-wrapping-submit:hover {
    opacity: 0.7;
}

.ec-shopping-wrapper__content__left__gift-wrapping__form__body__gift-wrapping-submit > button {
    color: var(--enishi-ivory-color);
    width: 100%;
    height: 100%;
    display: inline-block;
}


.ec-shopping-wrapper__content__left__gift-wrapping__form__body__gift-wrapping-submit.is-processing > .input-validity-status-loading-ivory {
    display: none;
    opacity: 0;
}

/* 支払い方法処理中のUI
----------------------- */
.ec-shopping-wrapper__content__left__gift-wrapping__form__body__gift-wrapping-submit.is-processing {
    cursor: wait;
    position: relative;
}


.ec-shopping-wrapper__content__left__gift-wrapping__form__body__gift-wrapping-submit.is-processing:hover {
    opacity: 1;
}

.ec-shopping-wrapper__content__left__gift-wrapping__form__body__gift-wrapping-submit.is-processing > button {
    display: none;
}


.ec-shopping-wrapper__content__left__gift-wrapping__form__body__gift-wrapping-submit.is-processing > .input-validity-status-loading-ivory {
    display: block;
    opacity: 1;
    left: 50%;
    transform: translate(-50%, -50%);
}


.ec-shopping-wrapper__content__left__gift-wrapping__form__body__gift-message_expand-button .ec-shopping-wrapper__content__left__gift-wrapping__form__body__gift-message_expand-button__svg {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" role="img" width="1rem" height="1rem" viewBox="0 0 24 24" aria-labelledby="plusIconTitle" stroke="black" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="black"> <title id="plusIconTitle">Plus</title> <path d="M20 12L4 12M12 4L12 20"/> </svg>'); /* PLUS SVG */
}


.ec-shopping-wrapper__content__left__gift-wrapping__form__body__gift-message_expand-button.is-expand .ec-shopping-wrapper__content__left__gift-wrapping__form__body__gift-message_expand-button__svg {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" role="img" width="1rem" height="1rem" viewBox="0 0 24 24" aria-labelledby="minusIconTitle" stroke="black" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="black"> <title id="minusIconTitle">Minus</title> <path d="M20,12 L4,12"/> </svg>'); /* MINUS SVG */
}



.ec-shopping-wrapper__content__left__gift-wrapping__form__body__gift-message_expand-button.is-expand + .ec-shopping-wrapper__content__left__gift-wrapping__form__body__gift-message {
    display: block;
    border-radius: 10px;
    padding: 10px;
    opacity: 1;
    transition: .3s;
}


.ec-shopping-wrapper__content__left__gift-wrapping__form__body__gift-message {
    display: none;
    border: none;
    border-radius: 10px;
    padding: 0px;
    opacity: 0;
    transition: .3s;
}

.ec-shopping-wrapper__content__left__gift-wrapping-block__heading {
    font-size: .5rem;
    color: var(--enishi-brown-color);
    margin-top: 10px;
    text-align: start
}

.ec-shopping-wrapper__content__left__gift-wrapping-block__separator {
    margin-top: 10px;
    color: var(--enishi-brown-color);
    width: 100%;
}

.ec-shopping-wrapper__content__left__gift-wrapping-block__method {
    font-size: .5rem;
    color: var(--enishi-brown-color);
    text-align: start;
}

.ec-shopping-wrapper__content__left__gift-wrapping-block__total {
    font-size: .5rem;
    color: var(--enishi-brown-color);
    text-align: start;
}











.ec-shopping-wrapper__content__left__deliver {
    margin-bottom: 10px;
    background-color: white;
    box-shadow: lightgrey 1px 1px 2px;
    border-top: 1px solid rgba(245,245,245,1);
    border-left: 1px solid rgba(245,245,245,1);
}

.ec-shopping-wrapper__content__left__deliver.hidden > .ec-shopping-wrapper__content__left__deliver__heading {
    filter: opacity(0.3);
}
.ec-shopping-wrapper__content__left__deliver:not(.hidden) > .ec-shopping-wrapper__content__left__deliver__heading > .number-and-progress {
    color: white;
    background-color: var(--enishi-brown-color);
}
.ec-shopping-wrapper__content__left__deliver.done > .ec-shopping-wrapper__content__left__deliver__heading > .number-and-progress {
    animation: activate-to-done 1s 1 forwards;
}

.ec-shopping-wrapper__content__left__deliver.hidden > .ec-shopping-wrapper__content__left__deliver__form {
    display: none;
}
.ec-shopping-wrapper__content__left__deliver__form__comfirmation-panel {
    display: none;
}
.ec-shopping-wrapper__content__left__deliver__form__description-formember__add-button {
    background-color: transparent;
    border: 1px solid var(--enishi-brown-color);
    width: fit-content;
    margin: 1rem 0 1rem;
    transition: .3s;
    padding: 0.2rem 1rem;
    cursor: pointer;
}
.deliver-change-form__submit,
.deliver-add-form__submit {
    display: block;
    background-color: var(--enishi-brown-color);
    color: var(--enishi-ivory-color);
    width: 80%;
    margin: 1rem auto;
    transition: .3s;
    padding: 1rem;
    cursor: pointer;
}

.ec-shopping-wrapper__content__left__payment {
    margin-bottom: 10px;
    background-color: white;
    box-shadow: lightgrey 1px 1px 2px;
    border-top: 1px solid rgba(245,245,245,1);
    border-left: 1px solid rgba(245,245,245,1);
}

.ec-shopping-wrapper__content__left__payment.hidden > .ec-shopping-wrapper__content__left__payment__heading {
    filter: opacity(0.3);
}
.ec-shopping-wrapper__content__left__payment:not(.hidden) > .ec-shopping-wrapper__content__left__payment__heading > .number-and-progress {
    color: white;
    background-color: var(--enishi-brown-color);
}
.ec-shopping-wrapper__content__left__payment.done > .ec-shopping-wrapper__content__left__payment__heading > .number-and-progress {
    animation: activate-to-done 1s 1 forwards;
}

.ec-shopping-wrapper__content__left__payment.hidden > .ec-shopping-wrapper__content__left__payment__form {
    display: none;
}

.ec-shopping-wrapper__content__left__payment__form__comfirmation-panel {
    display: none;
    text-align: start;
}

.ec-shopping-wrapper__content__left__account__heading {
    display: flex;
    justify-content: start;
    flex-direction: row;
    background-color: white;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid lightgray;
}

.ec-shopping-wrapper__content__left__account__heading__do-revise,
.ec-shopping-wrapper__content__left__gift-wrapping__heading__do-revise,
.ec-shopping-wrapper__content__left__deliver__heading__do-revise,
.ec-shopping-wrapper__content__left__payment__heading__do-revise {
    white-space: nowrap;
}

.ec-shopping-wrapper__content__left__account__form {
    padding: 30px;
    font-size: .8125rem;
    text-align: start;
}

.ec-shopping-wrapper__content__left__account__form__description {
    margin-bottom: 20px;
}
.ec-shopping-wrapper__content__left__account__form__body__privatepolicy {
    margin: 30px auto;
}

.ec-shopping-wrapper__content__left__account__form__body__cancelbutton {
    width: 100%;
    border: 1px solid var(--enishi-brown-color);
    margin-right: 20px;
    height: 3rem;
}

.ec-shopping-wrapper__content__left__account__form__body__cancelbutton > button {
    color: var(--enishi-brown-color);
    width: 100%;
    height: 100%;
}


.ec-shopping-wrapper__content__left__account__form__body__nextbutton {
    width: 100%;
}

.ec-shopping-wrapper__content__left__account__form__body__nextbutton > button {
    background-color: var(--enishi-brown-color);
    color: var(--enishi-ivory-color);
    width: 100%;
    height: 3rem;
}

.ec-shopping-wrapper__content__left__deliver__heading {
    display: flex;
    justify-content: start;
    flex-direction: row;
    background-color: white;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid lightgray;
}

.ec-shopping-wrapper__content__left__deliver__form {
    padding: 30px;
    font-size: .8125rem;
    text-align: start;
}

.ec-shopping-wrapper__content__left__deliver__form__body__name-title {
    margin-top: 20px;
}

.ec-shopping-wrapper__content__left__deliver__form__body__name-title-gender > span {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ec-shopping-wrapper__content__left__deliver__form__body__name-furigana-title {
    margin-top: 20px;
}

.ec-shopping-wrapper__content__left__deliver__form__body__company-name-title {
    margin-top: 20px;
}

.ec-shopping-wrapper__content__left__deliver__form__body__zipcode-title {
    margin-top: 20px;
}

.ec-shopping-wrapper__content__left__deliver__form__body__address-title {
    margin: 20px auto 10px;
}

.ec-shopping-wrapper__content__left__deliver__form__body__address__prefecture-title {
    font-size: .4125rem;
    color: var(--enishi-brown-color);
}

.ec-shopping-wrapper__content__left__deliver__form__body__phone-title {
    margin-top: 20px;
}

.ec-shopping-wrapper__content__left__detail-block__order-info,
.ec-shopping-wrapper__content__left__detail-block__deliver-info {
    font-size: .5rem;
}

/* ログイン済みユーザーの配送先設定
********************/
.ec-shopping-wrapper__content__left__deliver__form__body__address-book {
    display: flex;
    font-size: .5rem;
    flex-direction: column;
}

.ec-shopping-wrapper__content__left__deliver__form__body__address-book__item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px;
}

.ec-shopping-wrapper__content__left__deliver__form__body__address-book__item__controls > a {
    text-decoration: underline;
    color: var(--enishi-brown-color);
}

.ec-shopping-wrapper__content__left__deliver__form__body__address-book__item__controls > a:hover {
    text-decoration: none;
}

.ec-shopping-wrapper__content__left__deliver__form__body__next-button {
    background-color: var(--enishi-brown-color);
    width: 100%;
    text-align: center;
    margin: 20px auto;
    transition: .3s;
    cursor: pointer;
    position: static;
    height: 3rem;
}

.ec-shopping-wrapper__content__left__deliver__form__body__next-button:hover {
    opacity: 0.7;
}

.ec-shopping-wrapper__content__left__deliver__form__body__next-button > button {
    color: var(--enishi-ivory-color);
    display: inline-block;
    height: 100%;
    width: 100%;
}

.ec-shopping-wrapper__content__left__deliver__form__body__next-button.is-processing > .input-validity-status-loading-ivory {
    display: none;
    opacity: 0;
}


/* 注文処理中のUI
----------------------- */
.ec-shopping-wrapper__content__left__deliver__form__body__next-button.is-processing {
    cursor: wait;
    position: relative;
}


.ec-shopping-wrapper__content__left__deliver__form__body__next-button.is-processing:hover {
    opacity: 1;
}

.ec-shopping-wrapper__content__left__deliver__form__body__next-button.is-processing > button {
    display: none;
}


.ec-shopping-wrapper__content__left__deliver__form__body__next-button.is-processing > .input-validity-status-loading-ivory {
    display: block;
    opacity: 1;
    left: 50%;
    transform: translate(-50%, -50%);
}






.ec-shopping-wrapper__content__left__payment__heading {
    display: flex;
    flex-direction: row;
    background-color: white;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid lightgray;
    justify-content: start;
}

.ec-shopping-wrapper__content__left__payment__form {
    padding: 30px;
    font-size: .8125rem;
}

.number-and-progress {
    display: inline-block;
    border: 1px solid var(--enishi-brown-color);
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 2.2;
    margin-right: 20px;
    border-radius: 50%;
    aspect-ratio: 1/1;
}

.number-and-progress + h3 {
    width: 80%;
}

.ec-shopping-wrapper__content__left__account__form__body [type="email"],
.ec-shopping-wrapper__content__left__account__form__body [type="password"],
.ec-shopping-wrapper__content__left__account__form__body [type="text"],
.ec-shopping-wrapper__content__left__deliver__form__body [type="tel"],
.ec-shopping-wrapper__content__left__deliver__form__body [type="text"] {
    background-color: white;
    border: 1px solid lightgray;
    color: var(--enishi-brown-color);
    font-size: 1rem;
    padding: .5rem;
    width: 100%;
}

.ec-shopping-wrapper__content__left__deliver__form__body [name="order_name01"],
.ec-shopping-wrapper__content__left__deliver__form__body [name="order_name02"],
.ec-shopping-wrapper__content__left__deliver__form__body [name="order_kana01"],
.ec-shopping-wrapper__content__left__deliver__form__body [name="order_kana02"],
.ec-shopping-wrapper__content__left__deliver__form__body [name="order_zip01"],
.ec-shopping-wrapper__content__left__deliver__form__body [name="order_zip02"],
.ec-shopping-wrapper__content__left__deliver__form__body [name="order_tel01"],
.ec-shopping-wrapper__content__left__deliver__form__body [name="order_tel02"],
.ec-shopping-wrapper__content__left__deliver__form__body [name="order_tel03"] {
    width: 100%;
}


.ec-shopping-wrapper__content__right__cart {
    margin-bottom: 10px;
    background-color: white;
    box-shadow: lightgrey 1px 1px 2px;
    border-top: 1px solid rgba(245,245,245,1);
    border-left: 1px solid rgba(245,245,245,1);
}

.ec-shopping-wrapper__content__right__cart__heading > h3 {
    font-size: .8125rem;
    margin: 10px;
}

.ec-shopping-wrapper__content__right__cart__items {
    display: flex;
    flex-direction: column;
    margin: 0px 20px;
}

.ec-shopping-wrapper__content__right__cart__items {
    display: flex;
    flex-direction: column;
}

.ec-shopping-wrapper__content__right__cart_items__item {
    display: flex;
    flex-direction: row;
    margin: 10px;
    border-bottom: 1px solid rgba(230, 230, 230, 1);
}

.ec-shopping-wrapper__content__right__cart_items__item__link > img {
    width: 5rem;
}

.ec-shopping-wrapper__content__right__cart_items__item__info {
    font-size: .8125rem;
    align-self: center;
    padding: 10px;
}

.ec-shopping-wrapper__content__right__cart__price {
    padding: 20px;
    font-size: .8125rem;
}

.ec-shopping-wrapper__content__right__cart__price__without-deliverfee {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.ec-shopping-wrapper__content__right__cart__price__discount,
.ec-shopping-wrapper__content__right__cart__price__deliverfee,
.ec-shopping-wrapper__content__right__cart__price__cod-fee {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.ec-shopping-wrapper__content__right__cart__price__total {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10px;
    font-weight: bold;
}


.ec-shopping-wrapper__content__right__contact {
    padding: 10px;
    margin-bottom: 10px;
    background-color: white;
    box-shadow: lightgrey 1px 1px 2px;
    border-top: 1px solid rgba(245,245,245,1);
    border-left: 1px solid rgba(245,245,245,1);
}

.ec-shopping-wrapper__content__right__contact__heading > h3 {
    font-size: .8125rem;
}

.ec-shopping-wrapper__content__right__contact__items {
    margin-top: 10px;
    font-size: .5rem;
}

/* デフォルトのチェックボックスを非表示 */
input[type='checkbox'] {
    opacity:0;
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
}
/* チェックボックス用の四角形を作る */
input[type='checkbox'] + label::before {
    display: inline-block;
    content: '';
    width: 1.2rem;
    height: 1.2rem;
    border: 1px solid #bbb;
    background: #fff;
    margin: -.125rem .5rem 0 0;
    vertical-align: middle;
    padding: 0 2px;
    line-height: 1.5;
}
/* チェックが入るとチェックアイコンを表示 */
input[type='checkbox']:checked + label::before {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" role="img" width="20px" height="20px" viewBox="1 3 24 24" aria-labelledby="okIconTitle" stroke="rgb(75, 56, 39)" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="rgb(75, 56, 39)"> <title id="okIconTitle">Ok</title> <polyline points="4 13 9 18 20 7"/> </svg>') !important;
}

select {
    background-color: white;
    border: 1px solid lightgray;
    color: var(--enishi-brown-color);
    font-size: .8125rem;
    padding: .5rem;
    width: 100%;
}

.ec-shopping-wrapper__content__left__deliver__form__body__address__prefecture__selectbox {
    position: relative;
}

.ec-shopping-wrapper__content__left__deliver__form__body__cancelbutton {
    width: 100%;
    border: 1px solid var(--enishi-brown-color);
    margin-right: 20px;
    margin-top: 20px;
    height: 3rem;
}

.ec-shopping-wrapper__content__left__deliver__form__body__cancelbutton > button {
    color: var(--enishi-brown-color);
    width: 100%;
    height: 100%;
}

.ec-shopping-wrapper__content__left__deliver__form__body__nextbutton {
    background-color: var(--enishi-brown-color);
    transition: .3s;
    cursor: pointer;
    margin-top: 20px;
    width: 100%;
    position: static;
    height: 3rem;
}

.ec-shopping-wrapper__content__left__deliver__form__body__nextbutton > button{
    background-color: var(--enishi-brown-color);
    color: var(--enishi-ivory-color);
    width: 100%;
    height: 100%;
    display: inline-block;
}

.ec-shopping-wrapper__content__left__deliver__form__body__nextbutton.is-processing > .input-validity-status-loading-ivory {
    display: none;
    opacity: 0;
}

/* 注文処理中のUI
----------------------- */
.ec-shopping-wrapper__content__left__deliver__form__body__nextbutton.is-processing {
    cursor: wait;
    position: relative;
}

.ec-shopping-wrapper__content__left__deliver__form__body__nextbutton.is-processing:hover {
    opacity: 1;
}

.ec-shopping-wrapper__content__left__deliver__form__body__nextbutton.is-processing > button {
    display: none;
}


.ec-shopping-wrapper__content__left__deliver__form__body__nextbutton.is-processing > .input-validity-status-loading-ivory {
    display: block;
    opacity: 1;
    left: 50%;
    transform: translate(-50%, -50%);
}







.ec-shopping-wrapper__content__left__payment__form__body__payment-list {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ec-shopping-wrapper__content__left__payment__form__body__payment-list__item {
    width: 100%;
    height: 4rem;
    border: 1px solid gray;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.ec-shopping-wrapper__content__left__payment__form__body__payment-list__item > label {
    position: relative;
}

.ec-shopping-wrapper__content__left__payment__form__body__payment-list__item > label > span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1.5rem;
}

.ec-shopping-wrapper__content__left__payment__form__body__payment-cancel {
    width: 100%;
    border: 1px solid var(--enishi-brown-color);
    margin-right: 20px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    height: 3rem;
}

.ec-shopping-wrapper__content__left__payment__form__body__payment-cancel > button {
    color: var(--enishi-brown-color);
    width: 100%;
    height: 100%;
    display: inline-block;
}

.ec-shopping-wrapper__content__left__payment__form__body__payment-submit {
    display: block;
    background-color: var(--enishi-brown-color);
    color: var(--enishi-ivory-color);
    width: 100%;
    margin: 1rem auto;
    transition: .3s;
    cursor: pointer;
    position: static;
    height: 3rem;
}

.ec-shopping-wrapper__content__left__payment__form__body__payment-submit.grayout {
    background-color: lightgray;
    color: white;
}

.ec-shopping-wrapper__content__left__payment__form__body__payment-submit:hover {
    opacity: 0.7;
}

.ec-shopping-wrapper__content__left__payment__form__body__payment-submit > button {
    color: var(--enishi-ivory-color);
    width: 100%;
    height: 100%;
    display: inline-block;
}


.ec-shopping-wrapper__content__left__payment__form__body__payment-submit.is-processing > .input-validity-status-loading-ivory {
    display: none;
    opacity: 0;
}

/* 支払い方法処理中のUI
----------------------- */
.ec-shopping-wrapper__content__left__payment__form__body__payment-submit.is-processing {
    cursor: wait;
    position: relative;
}


.ec-shopping-wrapper__content__left__payment__form__body__payment-submit.is-processing:hover {
    opacity: 1;
}

.ec-shopping-wrapper__content__left__payment__form__body__payment-submit.is-processing > button {
    display: none;
}


.ec-shopping-wrapper__content__left__payment__form__body__payment-submit.is-processing > .input-validity-status-loading-ivory {
    display: block;
    opacity: 1;
    left: 50%;
    transform: translate(-50%, -50%);
}





.ec-shopping-wrapper__content__left__send-order {
    display: none;
    background-color: var(--enishi-brown-color);
    color: var(--enishi-ivory-color);
    width: 100%;
    margin: 1rem auto;
    transition: .3s;
    cursor: pointer;
    position: static;
    height: 3rem;
}

.ec-shopping-wrapper__content__left__send-order:hover {
    opacity: 0.7;
}

.ec-shopping-wrapper__content__left__send-order > button {
    color: var(--enishi-ivory-color);
    width: 100%;
    height: 100%;
    display: inline-block;
}


.ec-shopping-wrapper__content__left__send-order.is-processing > .input-validity-status-loading-ivory {
    display: none;
    opacity: 0;
}


/* 注文処理中のUI
----------------------- */
.ec-shopping-wrapper__content__left__send-order.is-processing {
    cursor: wait;
    position: relative;
}

.ec-shopping-wrapper__content__left__send-order.is-processing:hover {
    opacity: 1;
}

.ec-shopping-wrapper__content__left__send-order.is-processing > button {
    display: none;
}


.ec-shopping-wrapper__content__left__send-order.is-processing > .input-validity-status-loading-ivory {
    display: block;
    opacity: 1;
    left: 50%;
    transform: translate(-50%, -50%);
}




.deliver-date-time {
    display: none;
    flex-direction: row;
    gap: 10px;
}

.deliver-date,
.deliver-time {
    width: 100%;
}

.card-input-form {
    display: block;
    text-align: start;
    padding: 0rem 0rem;
    max-height: 100vh;
    overflow-y: hidden;
    transition: .3s;
}

.card-input-form.closed {
    max-height: 0px;
}

.card-input-form input[type="text"],
.card-input-form input[type="password"] {
    background-color: white;
    border: 1px solid lightgray;
    color: var(--enishi-brown-color);
    font-size: .8125rem;
    padding: .5rem;
    width: 100%;
}

.card-input-form input[type="tel"] {
    background-color: white;
    border: 1px solid lightgray;
    color: var(--enishi-brown-color);
    font-size: .8125rem;
    padding: .5rem;
    width: 100%;
}

.card-input-form__register-card {
    margin: 30px auto;
}

.cash-on-delivery {
    display: block;
    padding: 0rem 2rem;
    text-align: start;
    max-height: 100vh;
    overflow-y: hidden;
    transition: .3s;
}

.cash-on-delivery.closed {
    max-height: 0px;
}

.ec-shopping-sidenavigation {
    position: fixed;
    width: 0px;
    height: 100%;
    transition: .3s;
    z-index: 12;
    top: 0;
    right: 0;
    background-color: var(--enishi-ivory-color);
    width: 34.375rem;
    right: -34.375rem;
    overflow: scroll;
    height: 100%;
}

.credit-input-form {
    display: none;
}

.cache-on-delivery {
    display: none;
}

.ec-shopping-sidenavigation.is_emerge {
    right: 0rem;
}

.ec-shopping-sidenavigation-cover {
    background-color: black;
    position: fixed;
    top: 0;
    opacity: 0;
    height: 100vh;
    width: 100vw;
    z-index: -11;
    cursor: pointer;
}

.ec-shopping-sidenavigation-cover.is_emerge {
    opacity: 0.5;
    z-index: 11;
}


.ec-shopping-sidenavigation__close {
    position: relative;
    height: 5rem;
    text-align: end;
}

.ec-shopping-sidenavigation__close__button {
    display: block;
    font-size: 2rem;
    cursor: pointer;
}

.ec-shopping-sidenavigation__close__button > svg {
    width: 1rem;
    height: 1rem;
    margin: 1rem;
}

/* Mobile Style */
.orderform_sp {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.progressable-form {
    background-color: white;
    box-shadow: lightgrey 1px 1px 2px;
    border-top: 1px solid rgba(245,245,245,1);
    border-left: 1px solid rgba(245,245,245,1);
}

.progressable-form.hidden > .progressable-form__heading {
    filter: opacity(0.3);
}

.progressable-form:not(.hidden) > .progressable-form__heading > .progressable-form__heading__indicator {
    color: white;
    background-color: var(--enishi-brown-color);
}
.progressable-form.done > .progressable-form__heading > .progressable-form__heading__indicator {
    animation: activate-to-done 1s 1 forwards;
}

.progressable-form.hidden > .progressable-form__body,
.progressable-form.done   > .progressable-form__body {
    display: none;
}

.progressable-form__body {
    padding: 1.5rem;
}

.progressable-form__body__description {
    margin-bottom: 1.5rem;
}

.progressable-form__body__formcontent [type="email"],
.progressable-form__body__formcontent [type="text"] {
    background-color: white;
    border: 1px solid lightgray;
    color: var(--enishi-brown-color);
    font-size: .8125rem;
    padding: .5rem;
    width: 80%;
    margin-bottom: 1.5rem;
}

.progressable-form__body__formcontent__nextbutton > button {
    width: 100%;
}

.progressable-form__body__formcontent__privatepolicy {
    margin-bottom: 1.5rem;
}

.progressable-form__heading {
    display: flex;
    flex-direction: row;
    background-color: white;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid lightgray;
}

.progressable-form__heading__indicator {
    display: inline-block;
    border: 1px solid var(--enishi-brown-color);
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 2.2;
    margin-right: 20px;
    border-radius: 50%;
}

.progressable-form__heading__indicator + h3 {
    width: 70%;
}

/* 注文完了ページ
*******************/
.ec-shopping-wrapper__content__left {
    margin-bottom: 10px;
    text-align: center;
}

.ec-shopping-wrapper__content__left__thankyou-block {
}

.ec-shopping-wrapper__content__left__thankyou-block__heading {
    font-size: .8175rem;
    color: var(--enishi-brown-color);
}

.ec-shopping-wrapper__content__left__thankyou-block__orderid {
    font-size: .5rem;
    color: var(--enishi-brown-color);
}

.ec-shopping-wrapper__content__left__thankyou-block__about-email {
    margin-top: 30px;
    font-size: .5rem;
    color: var(--enishi-brown-color);
}

.ec-shopping-wrapper__content__left__thankyou-block__buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    margin-top: 10px;
}

.ec-shopping-wrapper__content__left__thankyou-block__buttons__print-order,
.ec-shopping-wrapper__content__left__thankyou-block__buttons__check-history {
    padding: 5px 20px;
    background-color: var(--enishi-brown-color);
    color: var(--enishi-ivory-color);
    display: inline-block;
    font-size: .5rem;
    transition: .3s;
    cursor: pointer;
}

.ec-shopping-wrapper__content__left__thankyou-block__buttons__print-order:hover,
.ec-shopping-wrapper__content__left__thankyou-block__buttons__check-history:hover {
    opacity: 0.7;
}

.ec-shopping-wrapper__content__left__detail-block__heading {
    font-size: .5rem;
    color: var(--enishi-brown-color);
    margin-top: 40px;
    text-align: start
}

.ec-shopping-wrapper__content__left__detail-block__separator {
    margin-top: 10px;
    color: var(--enishi-brown-color);
    width: 100%;
}

.ec-shopping-wrapper__content__left__detail-block__order-info__heading,
.ec-shopping-wrapper__content__left__detail-block__deliver-info__heading {
    color: var(--enishi-brown-color);
    text-align: start;
    margin-top: 10px;
}

.ec-shopping-wrapper__content__left__payment-block__heading {
    font-size: .5rem;
    color: var(--enishi-brown-color);
    margin-top: 10px;
    text-align: start
}

.ec-shopping-wrapper__content__left__payment-block__separator {
    margin-top: 10px;
    color: var(--enishi-brown-color);
    width: 100%;
}

.ec-shopping-wrapper__content__left__payment-block__method {
    font-size: .5rem;
    color: var(--enishi-brown-color);
    text-align: start;
}

.ec-shopping-wrapper__content__left__payment-block__total {
    font-size: .5rem;
    color: var(--enishi-brown-color);
    text-align: start;
}

/* アカウント作成
*******************/
.register-account-wrapper {
    display: flex;
}

.register-account__eyecatch {
    width: 100%;
    padding: 20px;
    align-self: center;
}

.register-account__eyecatch__image {
    display: flex;
    position: relative;
}

.register-account__eyecatch__image::after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: inset 0 0 10px 15px var(--enishi-ivory-color);
}

.register-account__container {
    padding: 20px;
    width: 100%;
}

.register-account__container__title {
    color: var(--enishi-brown-color);
    font-size: 1rem;
}

.input-validity-status-wrapper {
    position: relative;
}
.input-validity-status-wrapper > svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    right: 0.5rem;
    transition: .3s;
    opacity: 0;
}


.input-validity-status-loading {
  opacity: 0;
  position: absolute !important;
  top: 40%;
  right: 0.5rem;
  font-size: 1px;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: var(--enishi-brown-color);
  background: -moz-linear-gradient(left, var(--enishi-brown-color) 10%, rgba(75, 56, 39, 0) 42%);
  background: -webkit-linear-gradient(left, var(--enishi-brown-color) 10%, rgba(75, 56, 39, 0) 42%);
  background: -o-linear-gradient(left, var(--enishi-brown-color) 10%, rgba(75, 56, 39, 0) 42%);
  background: -ms-linear-gradient(left, var(--enishi-brown-color) 10%, rgba(75, 56, 39, 0) 42%);
  background: linear-gradient(to right, var(--enishi-brown-color) 10%, rgba(75, 56, 39, 0) 42%);
  position: relative;
  -webkit-animation: input-validity-status-loading-anim 1.4s infinite linear;
  animation: input-validity-status-loading-anim 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0) translateY(-50%);
}
.input-validity-status-loading:before {
  width: 50%;
  height: 50%;
  background: var(--enishi-brown-color);
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.input-validity-status-loading:after {
  background: white;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes input-validity-status-loading-anim {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes input-validity-status-loading-anim {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.input-validity-status-loading-ivory {
  opacity: 0;
  position: absolute !important;
  top: 40%;
  right: 0.5rem;
  font-size: 1px;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: var(--enishi-ivory-color);
  background: -moz-linear-gradient(left, var(--enishi-ivory-color) 10%, rgba(255, 254, 250, 0) 42%);
  background: -webkit-linear-gradient(left, var(--enishi-ivory-color) 10%, rgba(255, 254, 250, 0) 42%);
  background: -o-linear-gradient(left, var(--enishi-ivory-color) 10%, rgba(255, 254, 250, 0) 42%);
  background: -ms-linear-gradient(left, var(--enishi-ivory-color) 10%, rgba(255, 254, 250, 0) 42%);
  background: linear-gradient(to right, var(--enishi-ivory-color) 10%, rgba(255, 254, 250, 0) 42%);
  position: relative;
  -webkit-animation: input-validity-status-loading-anim 1.4s infinite linear;
  animation: input-validity-status-loading-anim 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0) translateY(-50%);
}
.input-validity-status-loading-ivory:before {
  width: 50%;
  height: 50%;
  background: var(--enishi-ivory-color);
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.input-validity-status-loading-ivory:after {
  background: var(--enishi-brown-color);
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}


.register-account__container__email {
    margin-bottom: 10px;
    padding: 20px;
}

.register-account__container__email__flex {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.register-account__container__email__flex__title {
    color: var(--enishi-brown-color);
    font-size: .8125rem;
    margin-bottom: 5px;
}

.register-account__container__email__flex input[type="text"],
.register-account__container__email__flex input[type="email"] {
    background-color: white;
    border: 1px solid lightgray;
    color: var(--enishi-brown-color);
    font-size: .8125rem;
    padding: .5rem;
    width: 100%;
}

.register-account__container__password {
    margin-bottom: 10px;
    padding: 20px;
}

.register-account__container__password__flex {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.register-account__container__password__flex__title {
    color: var(--enishi-brown-color);
    font-size: .8125rem;
    margin-bottom: 5px;
}

.register-account__container__password__flex input[type="text"],
.register-account__container__password__flex input[type="password"] {
    background-color: white;
    border: 1px solid lightgray;
    color: var(--enishi-brown-color);
    font-size: .8125rem;
    padding: .5rem;
    width: 100%;
}

.register-account__container__password__flex__item__conditions-list {
    display: none;
    font-size: .5rem;
    color: var(--enishi-brown-color);
    list-style-type: none;
    margin-top: 5px;
}

.register-account__container__password__flex__item__conditions-list > li {
    position: relative;
    color: var(--enishi-brown-color);
}

.register-account__container__password__flex__item__conditions-list > li::before {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="black" viewBox="0 0 50 50" width="50px" height="50px"><path d="M 25 2 C 12.309295 2 2 12.309295 2 25 C 2 37.690705 12.309295 48 25 48 C 37.690705 48 48 37.690705 48 25 C 48 12.309295 37.690705 2 25 2 z M 25 4 C 36.609824 4 46 13.390176 46 25 C 46 36.609824 36.609824 46 25 46 C 13.390176 46 4 36.609824 4 25 C 4 13.390176 13.390176 4 25 4 z"/></svg>') !important;
    background-position: center center;
    background-size: contain;
    vertical-align: text-bottom;
    margin-right: 4px;
}

.register-account__container__password__flex__item__conditions-list > li.is-achieved::before {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 50 50" width="50px" height="50px"><g id="surface64764265"><path style=" stroke:none;fill-rule:nonzero;fill:seagreen;fill-opacity:1;" d="M 25 2 C 12.316406 2 2 12.316406 2 25 C 2 37.683594 12.316406 48 25 48 C 37.683594 48 48 37.683594 48 25 C 48 20.441406 46.660156 16.1875 44.363281 12.613281 L 42.996094 14.230469 C 44.890625 17.382812 46 21.058594 46 25 C 46 36.578125 36.578125 46 25 46 C 13.421875 46 4 36.578125 4 25 C 4 13.421875 13.421875 4 25 4 C 30.441406 4 35.394531 6.101562 39.128906 9.507812 L 40.4375 7.964844 C 36.351562 4.261719 30.933594 2 25 2 Z M 43.238281 7.753906 L 23.914062 30.554688 L 15.78125 22.96875 L 14.417969 24.433594 L 24.082031 33.449219 L 44.761719 9.046875 Z M 43.238281 7.753906 "/></g></svg>') !important;
    background-position: center center;
    background-size: contain;
    vertical-align: text-bottom;
    margin-right: 4px;
}
.register-account__container__password__flex__item__conditions-list > li.is-achieved {
    color: seagreen; // パスワードの条件が満たされたら緑にする
}

.register-account__container__password__flex__subtitle {
    color: var(--enishi-brown-color);
    font-size: .5rem;
}

.register-account__container__profile {
    margin-bottom: 10px;
    padding: 20px;
}

.register-account__container__profile__flex {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.register-account__container__profile__flex__item__title {
    color: var(--enishi-brown-color);
    font-size: .8125rem;
    margin-bottom: 5px;
}

.register-account__container__profile__flex__item__subtitle {
    color: var(--enishi-brown-color);
    font-size: .5rem;
}

.register-account__container__profile__flex__item input[type="text"],
.register-account__container__profile__flex__item input[type="tel"] {
    background-color: white;
    border: 1px solid lightgray;
    color: var(--enishi-brown-color);
    font-size: .8125rem;
    padding: .5rem;
    width: 100%;
}

.register-account__container__profile__flex__item-gender__span {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.register-account__container__profile__flex__item-gender label {
    color: var(--enishi-brown-color);
    font-size: .5rem;
}

.gradually-circle-loading-spinner {
  display: none;
  position: absolute;
  top: -10%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: 20px auto;
  background-color: var(--enishi-brown-color);
  border-radius: 100%;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@keyframes sk-scaleout {
  0% {
    transform: scale(0);
  } 100% {
    transform: scale(1.0);
    opacity: 0;
  }
}

.register-account__container__profile__flex__item-postalcode input[type="text"],
.register-account__container__profile__flex__item-phone input[type="text"],
.register-account__container__profile__flex__item-fax input[type="text"] {
    background-color: white;
    border: 1px solid lightgray;
    color: var(--enishi-brown-color);
    font-size: .8125rem;
    padding: .5rem;
    width: 100%;
}

.register-account__container__profile__flex__item-birthday select {
    background-color: white;
    border: 1px solid lightgray;
    color: var(--enishi-brown-color);
    font-size: .8125rem;
    padding: .5rem;
    width: 25%;
}

.register-account__container__profile__flex__item-birthday span {
    font-size: .5rem;
    color: var(--enishi-brown-color);
}

.register-account__container__mailmagazine {
    margin-bottom: 10px;
    padding: 20px;
}

.register-account__container__mailmagazine__flex {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.register-account__container__mailmagazine__flex__item__title {
    color: var(--enishi-brown-color);
    font-size: .8125rem;
    margin-bottom: 5px;
}

.register-account__container__mailmagazine__flex__item__span {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.register-account__container__mailmagazine__flex__item label {
    color: var(--enishi-brown-color);
    font-size: .5rem;
}

/* two factor */
.register-account__container__twofactor-authentication {
    margin-bottom: 10px;
    padding: 20px;
}

.register-account__container__twofactor-authentication__flex {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.register-account__container__twofactor-authentication__flex__item__title {
    color: var(--enishi-brown-color);
    font-size: .8125rem;
    margin-bottom: 5px;
}

.register-account__container__twofactor-authentication__flex__item__span {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.register-account__container__twofactor-authentication__flex__item label {
    color: var(--enishi-brown-color);
    font-size: .5rem;
}


.register-account__container__formbody__checkboxes {
    color: var(--enishi-brown-color);
    font-size: .8125rem;
}

.register-account__container__formbody__submit-button {
    position: relative;
    background-color: var(--enishi-brown-color);
    width: 40%;
    text-align: center;
    margin: 20px auto;
    transition: .3s;
    cursor: pointer;
    height: 3rem;
}

.register-account__container__formbody__submit-button:hover {
    opacity: 0.7;
}


.register-account__container__formbody__submit-button > button {
    color: var(--enishi-ivory-color);
    width: 100%;
    height: 100%;
    display: inline-block;
    font-size: .8125rem;
}


.register-account__container__formbody__submit-button.is-processing {
    cursor: wait;
    position: relative;
}

/* 支払い方法処理中はhover表現を行わない  */
.register-account__container__formbody__submit-button.is-processing:hover {
    opacity: 1;
}

.register-account__container__formbody__submit-button.is-processing > button {
    display: none;
}


.register-account__container__formbody__submit-button.is-processing > .input-validity-status-loading-ivory {
    display: block;
    opacity: 1;
    left: 50%;
    transform: translate(-50%, -50%);
}








.verification-code__container__title {
    text-align: center;
    color: var(--enishi-brown-color);
    font-size: .8175rem;
}

.verification-code__container__description {
    margin-top: 20px;
    font-size: .5rem;
    text-align: center;
    color: var(--enishi-brown-color);
}

.verification-code__container input[type="tel"] {
    background-color: white;
    border: 1px solid lightgray;
    color: var(--enishi-brown-color);
    font-size: .8125rem;
    padding: .5rem;
    width: 30%;
    text-align: center;
}

.verification-code__container__formbody {
    text-align: center;
}

.verification-code__container__formbody__button {
    background-color: var(--enishi-brown-color);
    width: 40%;
    text-align: center;
    margin: 20px auto;
    transition: .3s;
    cursor: pointer;
    height: 3rem;
}

.verification-code__container__formbody__button:hover {
    opacity: 0.7;
}

.verification-code__container__formbody__button > button {
    color: var(--enishi-ivory-color);
    width: 100%;
    height: 100%;
    font-size: .5rem;
}

.verification-code__container__formbody__button.is-processing {
    cursor: wait;
    position: relative;
}

/* 支払い方法処理中はhover表現を行わない  */
.verification-code__container__formbody__button.is-processing:hover {
    opacity: 1;
}

.verification-code__container__formbody__button.is-processing > button {
    display: none;
}


.verification-code__container__formbody__button.is-processing > .input-validity-status-loading-ivory {
    display: block;
    opacity: 1;
    left: 50%;
    transform: translate(-50%, -50%);
}








.verification-code__container__formbody__reissue {
    width: fit-content;
    margin: 0 auto;
}

.verification-code__container__formbody__reissue > a {
    font-size: .5rem;
    color: var(--enishi-brown-color);
    text-decoration: underline;
    transition: .3s;
    cursor: pointer;
}

.verification-code__container__formbody__reissue > a:hover {
    text-decoration: none;
    opacity: 0.7;
}


.register-complete__container__title {
    text-align: center;
    color: var(--enishi-brown-color);
    font-size: .8175rem;
}

.register-complete__container__description {
    margin-top: 20px;
    font-size: .5rem;
    text-align: center;
    color: var(--enishi-brown-color);
}

.register-complete__container__button,
.refusal-complete__container__button,
.shopping-complete__container__button {
    background-color: var(--enishi-brown-color);
    width: 40%;
    text-align: center;
    margin: 20px auto;
    transition: .3s;
    cursor: pointer;
    height: 3rem;
}

.register-complete__container__button:hover,
.refusal-complete__container__button:hover,
.shopping-complete__container__button:hover {
    opacity: 0.7;
}

.register-complete__container__button > a,
.refusal-complete__container__button > a,
.shopping-complete__container__button > a {
    font-size: .5rem;
    color: var(--enishi-ivory-color);
    cursor: pointer;
}


.register-complete__container__description__email {
    font-weight: bold;
}

/* MYPAGE
****************/
.mypage-container {
    padding: 20px;
}

.mypage-container__flex {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.back-button__visual {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.mypage-container__flex__navigation {
    border: 1px solid var(--enishi-brown-color);
    opacity: 0.7;
    padding: 20px;
    border-radius: 10px;
    width: fit-content;
    height: fit-content;
}

.mypage-container__flex__navigation__greeting {
    font-size: .5rem;
    color: var(--enishi-brown-color);
}

.mypage-container__flex__navigation__separator {
    width: 50%;
    color: var(--enishi-brown-color);
    opacity: 0.7;
    margin: 10px 0px;
}

.mypage-container__flex__navigation__menulist {
}

.mypage-container__flex__navigation__menulist__history,
.mypage-container__flex__navigation__menulist__wishlist,
.mypage-container__flex__navigation__menulist__personalize,
.mypage-container__flex__navigation__menulist__recommendation,
.mypage-container__flex__navigation__menulist__setting {
    margin-bottom: 10px;
    font-size: .5rem;
}


.mypage-container__flex__navigation__menulist__history__contents > a,
.mypage-container__flex__navigation__menulist__wishlist__contents > a,
.mypage-container__flex__navigation__menulist__personalize__contents > a,
.mypage-container__flex__navigation__menulist__recommendation__contents > a,
.mypage-container__flex__navigation__menulist__setting__contents > a {
    color: var(--enishi-brown-color);
    margin-left: 10px;
    display: block;
}

.mypage-container__flex__navigation__menulist__history__contents > a:hover,
.mypage-container__flex__navigation__menulist__wishlist__contents > a:hover,
.mypage-container__flex__navigation__menulist__personalize__contents > a:hover,
.mypage-container__flex__navigation__menulist__recommendation__contents > a:hover,
.mypage-container__flex__navigation__menulist__setting__contents > a:hover {
    opacity: 0.7;
}

.mypage-container__flex__contents {
    border: 1px solid var(--enishi-brown-color);
    opacity: 0.7;
    padding: 20px;
    border-radius: 10px;
    width: 70%;
}

.mypage-container__flex__contents__title {
    font-size: .8125rem;
    color: var(--enishi-brown-color);
}

.mypage-container__flex__contents__formbody {
    font-size: .5rem;
    color: var(--enishi-brown-color);
}

.container__flex__contents__formbody__pagenation {
    margin: 10px 0px;
}

.container__flex__contents__formbody__pagenation > a {
    color: var(--enishi-brown-color);
}

.container__flex__contents__formbody__pagenation > a:hover {
    opacity: 0.7;
}

.mypage-container__flex__contents__formbody > table > tbody > tr > td > a {
    color: var(--enishi-brown-color);
    text-decoration: underline;
}

.mypage-container__flex__contents__formbody > table > tbody >  tr > td > a:hover {
    opacity: 0.7;
    text-decoration: none;
}

/* HISTORY
 *****************/
.mypage-container__flex__contents__history__container {
    font-size: .5rem;
    color: var(--enishi-brown-color);
}

.mypage-container__flex__contents__history__container__reorder-formbody__button {
    background-color: var(--enishi-brown-color);
    color: var(--enishi-ivory-color);
    margin: 10px 0px;
    padding: 5px 10px;
    transition: .3s;
}

.mypage-container__flex__contents__history__container__reorder-formbody__button:hover {
    opacity: 0.7;
}

.mypage-container__flex__contents__history__container__receipt-formbody__button {
    background-color: var(--enishi-brown-color);
    color: var(--enishi-ivory-color);
    margin: 10px 0px;
    padding: 5px 10px;
    transition: .3s;
}

.mypage-container__flex__contents__history__container__receipt-formbody__button:hover {
    opacity: 0.7;
}

.mypage-container__flex__contents__history__container__detail {
    margin-top: 20px;
}

.mypage-container__flex__contents__history__container__detail > table > tbody > tr > td > a {
    color: var(--enishi-brown-color);
    text-decoration: underline;
}

.mypage-container__flex__contents__history__container__detail > table > tbody > tr > td > a:hover {
    opacity: 0.7;
    text-decoration: none;
}

.mypage-container__flex__contents__history__container__point {
    margin-top: 20px;
}

.mypage-container__flex__contents__history__container__deliver-info {
    margin-top: 20px;
}

.mypage-container__flex__contents__history__container__mail-history {
    margin-top: 20px;
}

.mypage-container__flex__contents__history__container__back-button {
    margin-top: 20px;
    background-color: var(--enishi-brown-color);
    width: fit-content;
    padding: 5px 30px;
    transition: .3s;
}

.mypage-container__flex__contents__history__container__back-button:hover {
    opacity: 0.7;
}

.mypage-container__flex__contents__history__container__back-button > a {
    color: var(--enishi-ivory-color);
}

/* FAVORITE(WISHLIST)
 ************************/
.mypage-container__flex__contents__favorite__container {
    font-size: .5rem;
    color: var(--enishi-brown-color);
}

/* CHANGE
 ************************/
.mypage-container__flex__contents__change__container {
    font-size: .5rem;
    color: var(--enishi-brown-color);
}

.mypage-container__flex__contents__change__container__formbody__submit-button {
    background-color: var(--enishi-brown-color);
    transition: .3s;
    width: 100%;
    height: 3rem;
}

.mypage-container__flex__contents__change__container__formbody__submit-button:hover {
    opacity: 0.7;
}

.mypage-container__flex__contents__change__container__formbody__submit-button > input {
    color: var(--enishi-ivory-color);
    height: 100%;
    width: 100%;
}

/* DELIVERY
**********************/
.mypage-delivery-sidenavigation {
    position: fixed;
    width: 0px;
    height: 100%;
    transition: .3s;
    z-index: 12;
    top: 0;
    right: 0;
    background-color: var(--enishi-ivory-color);
    width: 34.375rem;
    right: -34.375rem;
    overflow: scroll;
    height: 100%;
}

.mypage-delivery-sidenavigation.is_emerge {
    right: 0rem;
}

.mypage-delivery-sidenavigation-cover {
    background-color: black;
    position: fixed;
    top: 0;
    opacity: 0;
    height: 100vh;
    width: 100vw;
    z-index: -11;
    cursor: pointer;
}

.mypage-delivery-sidenavigation-cover.is_emerge {
    opacity: 0.5;
    z-index: 11;
}

.mypage-delivery-sidenavigation__close {
    position: relative;
    height: 3rem;
    text-align: end;
}

.mypage-delivery-sidenavigation__close__button {
    display: block;
    font-size: 2rem;
    cursor: pointer;
}

.mypage-delivery-sidenavigation__close__button > svg {
    width: 1rem;
    height: 1rem;
    margin: 1rem;
}

.mypage-container__flex__contents__delivery__container {
    font-size: .5rem;
    color: var(--enishi-brown-color);
}

.mypage-container__flex__contents__delivery__container__add-address__button {
    background-color: var(--enishi-brown-color);
    transition: .3s;
    width: fit-content;
    margin: 10px 0px;
}

.mypage-container__flex__contents__delivery__container__add-address__button:hover {
    opacity: 0.7;
}

.mypage-container__flex__contents__delivery__container__add-address__button > a {
    color: var(--enishi-ivory-color);
    padding: 5px 30px;
    display: inline-block;
}

.mypage-container__flex__contents__delivery__container__add-address__cancelbutton {
    background-color: transparent;
    width: fit-content;
    margin: 10px 0px;
    display: none;
}

.mypage-container__flex__contents__delivery__container__add-address__cancelbutton > a {
    color: var(--enishi-brown-color);
    text-decoration: underline;
    transition: .3s;
}

.mypage-container__flex__contents__delivery__container__add-address__cancelbutton > a:hover {
    text-decoration: none;
    opacity: 0.7;
}


.mypage-container__flex__contents__delivery__container__add-address__formbody {

}

.mypage-container__flex__contents__delivery__container__add-address__formbody input[type="text"] {
    background-color: white;
    border: 1px solid lightgray;
    color: var(--enishi-brown-color);
    font-size: .8125rem;
    padding: .5rem;
    width: 100%;
}

.mypage-container__flex__contents__delivery__container__add-address__formbody__cancel,
.mypage-container__flex__contents__delivery__container__add-address__formbody__button {
    text-align: center;
    margin: 0px 20px;
    width: 90%;
    transition: .3s;
    font-size: .8125rem;
    display: block;
    height: 3rem;
}

.mypage-container__flex__contents__delivery__container__add-address__formbody__cancel {
    background-color: transparent;
    border: 1px solid var(--enishi-brown-color);
}

.mypage-container__flex__contents__delivery__container__add-address__formbody__button {
    background-color: var(--enishi-brown-color);
    border: 1px solid var(--enishi-brown-color);
}

.mypage-container__flex__contents__delivery__container__add-address__formbody__cancel:hover,
.mypage-container__flex__contents__delivery__container__add-address__formbody__button:hover {
    opacity: 0.7;
}

.mypage-container__flex__contents__delivery__container__add-address__formbody__cancel > a > input {
    color: var(--enishi-brown-color);
    width: 100%;
    height: 100%;
}

.mypage-container__flex__contents__delivery__container__add-address__formbody__button > a > input {
    color: var(--enishi-ivory-color);
    width: 100%;
    height: 100%;
}

.mypage-container__flex__contents__delivery__container__formbody > table > tbody > tr > td > a {
    color: var(--enishi-brown-color);
    text-decoration: underline;
}

.mypage-container__flex__contents__delivery__container__formbody > table > tbody > tr > td > a:hover {
    opacity: 0.7;
    text-decoration: none;
}

.mypage-container__flex__contents__delivery__container__formbody__address-list {
    display: flex;
    flex-direction: column;
}

.mypage-container__flex__contents__delivery__container__formbody__address-list__item__no-info-actions {
    display: flex;
    flex-direction: row;
    align-items: top;
    justify-content: space-between;
    padding: .625rem 1.25rem
}

.mypage-container__flex__contents__delivery__container__formbody__address-list__item__no-info-actions__actions__change > a,
.mypage-container__flex__contents__delivery__container__formbody__address-list__item__no-info-actions__actions__delete > a {
    color: var(--enishi-brown-color);
    text-decoration: underline;
}

.mypage-container__flex__contents__delivery__container__formbody__address-list__item__no-info-actions__actions__change > a:hover,
.mypage-container__flex__contents__delivery__container__formbody__address-list__item__no-info-actions__actions__delete > a:hover {
    text-decoration: none;
}

.mypage-container__flex__contents__delivery__container__formbody__address-list__item__no-info-actions__no {
    display: none;
}

.mypage-container__flex__contents__delivery__container__formbody__address-list__item__no-info-actions__change-form {
    display: none;
}

.mypage-container__flex__contents__delivery__container__formbody__address-list__item__no-info-actions__change-form input[type="text"] {
    background-color: white;
    border: 1px solid lightgray;
    color: var(--enishi-brown-color);
    font-size: .5rem;
    padding: .5rem;
    width: 100%;
}

.mypage-container__flex__contents__delivery__container__formbody__address-list__item__no-info-actions__change-form__formbody__controlls__cancel,
.mypage-container__flex__contents__delivery__container__formbody__address-list__item__no-info-actions__change-form__formbody__controlls__submit {
    text-align: center;
    margin: 0px 20px;
    width: 90%;
    transition: .3s;
    font-size: .8125rem;
    display: block;
    height: 3rem;
}

.mypage-container__flex__contents__delivery__container__formbody__address-list__item__no-info-actions__change-form__formbody__controlls__cancel {
    background-color: transparent;
    border: 1px solid var(--enishi-brown-color);
}

.mypage-container__flex__contents__delivery__container__formbody__address-list__item__no-info-actions__change-form__formbody__controlls__submit {
    background-color: var(--enishi-brown-color);
    border: 1px solid var(--enishi-brown-color);
}

.mypage-container__flex__contents__delivery__container__formbody__address-list__item__no-info-actions__change-form__formbody__controlls__cancel > a {
    color: var(--enishi-brown-color);
    font-size: .8125rem;
}

.mypage-container__flex__contents__delivery__container__formbody__address-list__item__no-info-actions__change-form__formbody__controlls__submit > a {
    color: var(--enishi-ivory-color);
    font-size: .8125rem;
}

.mypage-container__flex__contents__delivery__container__formbody__address-list__item__no-info-actions__change-form__formbody__controlls__submit:hover {
    opacity: 0.7;
}


.mypage-container__flex__contents__delivery__container__formbody__address-list__item__no-info-actions__change-form__controlls {
    margin-top: 10px;
    text-align: center;
}

.mypage-container__flex__contents__delivery__container__formbody__address-list__item__no-info-actions__change-form__controlls__submit > a {
    color: var(--enishi-ivory-color);
    background-color: var(--enishi-brown-color);
    padding: 5px 10px;
    transition: .3s;
}

.mypage-container__flex__contents__delivery__container__formbody__address-list__item__no-info-actions__change-form__controlls__submit > a:hover {
    opacity: 0.7;
}

.mypage-container__flex__contents__delivery__container__formbody__address-list__item__no-info-actions__change-form__controlls__cancel {
    margin-top: 5px;
}

.mypage-container__flex__contents__delivery__container__formbody__address-list__item__no-info-actions__change-form__controlls__cancel > a {
    color: var(--enishi-brown-color);
    text-decoration: underline;
}

.mypage-container__flex__contents__delivery__container__formbody__address-list__item__no-info-actions__change-form__controlls__cancel > a:hover {
    text-decoration: none;
}

/* REFUSAL
********************/
.mypage-container__flex__contents__refusal__container {
    font-size: .5rem;
    color: var(--enishi-brown-color);
}

.mypage-container__flex__contents__refusal__container__formbody__submit-button {
    background-color: var(--enishi-brown-color);
    transition: .3s;
    width: 100%;
    margin: 10px 0px;
    height: 2rem;
}

.mypage-container__flex__contents__refusal__container__formbody__submit-button:hover {
    opacity: 0.7;
}

.mypage-container__flex__contents__refusal__container__formbody__submit-button > input {
    color: var(--enishi-ivory-color);
    width: 100%;
    height: 100%;
}

/* REFUSAL-CONFIRM
********************/
.mypage-container__flex__contents__refusal-confirm__container {
    font-size: .5rem;
    color: var(--enishi-brown-color);
}

.mypage-container__flex__contents__refusal-confirm__container__formbody__cancelbutton {
    background-color: var(--enishi-brown-color);
    transition: .3s;
    width: fit-content;
    margin: 10px 0px;
    display: inline-block;
}

.mypage-container__flex__contents__refusal-confirm__container__formbody__cancelbutton:hover {
    opacity: 0.7;
}

.mypage-container__flex__contents__refusal-confirm__container__formbody__cancelbutton > a {
    color: var(--enishi-ivory-color);
}

.mypage-container__flex__contents__refusal-confirm__container__formbody__dobutton {
    background-color: transparent;
    color: var(--enishi-brown-color);
    transition: .3s;
    width: fit-content;
    margin: 10px 0px;
    padding: 5px 30px;
    display: inline-block;
    text-decoration: underline;
}

.mypage-container__flex__contents__refusal-confirm__container__formbody__dobutton:hover {
    opacity: 0.7;
}

.mypage-container__flex__contents__refusal-confirm__container__formbody__dobutton > input {
    color: var(--enishi-brown-color);
    text-decoration: underline;
}

.mypage-container__flex__contents__refusal-confirm__container__formbody__dobutton > input:hover {
    text-decoration: none;
}

.mypage-container__flex__contents__cardinfo__container__registered-info {
    padding: 1rem;
    border-bottom: 0.5px solid var(--enishi-brown-color);
}

.mypage-container__flex__contents__cardinfo__container__cardform input[type="text"],
.mypage-container__flex__contents__cardinfo__container__cardform input[type="tel"],
.mypage-container__flex__contents__cardinfo__container__cardform input[type="password"] {
    background-color: white;
    border: 1px solid lightgray;
    color: var(--enishi-brown-color);
    font-size: .8125rem;
    padding: .5rem;
    width: 100%;
}

.mypage-container__flex__contents__cardinfo__container__cardform__delete-button {
    background-color: var(--enishi-brown-color);
    color: var(--enishi-ivory-color);
    border: 0.5px solid var(--enishi-brown-color);
    transition: .3s;
    width: 100%;
    height: 3rem;
    margin: 10px 0px;
    padding: 5px 30px;
    display: inline-block;
}

.mypage-container__flex__contents__cardinfo__container__registered-info__delete-button {
    background-color: var(--enishi-ivory-color);
    color: var(--enishi-brown-color);
    border: 0.5px solid var(--enishi-brown-color);
    transition: .3s;
    width: fit-content;
    margin: 10px 0px;
    padding: 5px 30px;
    display: inline-block;
}

.mypage-container__flex__contents__cardinfo__container__cardform__delete-button:hover,
.mypage-container__flex__contents__cardinfo__container__registered-info__delete-button:hover {
    opacity: 0.7;
}

.mypage-container__flex__contents__cardinfo__container__cardform {
    padding: 1rem;
}


/* よくあるご質問
------------------------*/
.expand-on-mobile {
    display:flex;
    flex-direction: column;
    align-items: start;
    background-color: white;
    width:30%;
    padding: 20px;
    height: fit-content;
}




/* 前商品ページ
*************************/
.allproduct-container {
}

.allproduct-container__navigation {
    border-top: 1px solid #eae8e4;
    border-left: 1px solid #eae8e4;
    border-right: 1px solid #eae8e4;
    border-bottom: 1px solid #eae8e4;
    gap: 0px !important;
}


.allproduct-container__navigation__button__lineup,
.allproduct-container__navigation__button__scenttype,
.allproduct-container__navigation__button__order {
    border-bottom: 1px solid transparent;
    transition: .3s;
}

.allproduct-container__navigation__button__lineup:hover,
.allproduct-container__navigation__button__scenttype:hover,
.allproduct-container__navigation__button__order:hover {
    border-bottom: 1px solid var(--enishi-brown-color);
}

.allproduct-container__navigation__button__lineup > a,
.allproduct-container__navigation__button__scenttype > a,
.allproduct-container__navigation__button__order > a {
    border-top: 0px solid #eae8e4 !important;
    border-left: 1px solid #eae8e4 !important;
    border-right: 0px solid #eae8e4 !important;
    border-bottom: 0px solid #eae8e4 !important;
    padding: 20px 20px !important;
    font-size: .5rem !important;
}

.allproduct-content__allproduct-container__list {
    display: grid;
    grid-template-columns: repeat(3, 26vw);
    grid-gap: 2rem;;
    justify-content: center;
    margin-top: 3rem;
}

.allproduct-content__allproduct-container__list__element {
    display: flex;
    flex-direction: column;
}

.allproduct-content__allproduct-container__list__element__thumbnail {
    background-color: white;
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: 1/1;
}

.allproduct-content__allproduct-container__list__element__thumbnail > img {
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: 1/1;
    object-fit: contain;
}

.allproduct-content__allproduct-container__list__element__body__title {
    font-size: .5rem;
    text-align: start;
    color: var(--enishi-brown-color);
}

.allproduct-content__allproduct-container__list__element__body__excerpt {
    font-size: .5rem;
    text-align: start;
    color: var(--enishi-brown-color);
}

.allproduct-content__title {
    margin-left: 20px;
}

.allproduct-content__description {
    margin-left: 20px;
}

.allproduct-container__sidenavigation {
    position: fixed;
    width: 0px;
    height: 100%;
    transition: .3s;
    z-index: 12;
    top: 0;
    right: 0;
    background-color: var(--enishi-ivory-color);;
    width: 24.375rem;
    right: -34.375rem;
    overflow: scroll;
    height: 100%;
}


.allproduct-container__sidenavigation.is_emerge {
    right: 0rem;
}

.allproduct-container__sidenavigation_content_cover {
    background-color: black;
    position: fixed;
    top: 0;
    opacity: 0;
    height: 100vh;
    width: 100vw;
    z-index: -11;
    cursor: pointer;
}

.allproduct-container__sidenavigation_content_cover.is_emerge {
    opacity: 0.5;
    z-index: 11;
}

.allproduct-container__sidenavigation__contact {
    padding:0px 100px;
}

.allproduct-container__sidenavigation__close {
    position: relative;
    height: 5rem;
    text-align: end;
}

.allproduct-container__sidenavigation__close__button {
   display: block;
   font-size: 2rem;
   cursor: pointer;
}

.allproduct-container__sidenavigation__contact__title {
    text-align: center;
    font-weight: normal;
    color: var(--enishi-brown-color);
}

.allproduct-container__sidenavigation__contact__description {
   margin-top: 30px;
   font-size: .8125rem;
   color: var(--enishi-brown-color);
}

.allproduct-container__sidenavigation__contact__description__link {
   color: var(--enishi-brown-color);
   text-decoration: underline;
}

.allproduct-container__sidenavigation__contact__description__link:hover {
   text-decoration: none;
}

.allproduct-container__sidenavigation__contact__customer-support {
    margin-top: 30px;
    font-size: .8125rem;
    color: var(--enishi-brown-color);
}

.allproduct-container__sidenavigation__contact__customer-support__telephone {
    margin-top: 30px;
    font-size: .8125rem;
    color: var(--enishi-brown-color);
    display: block;
    width: fit-content;
    text-decoration: underline;
}

.allproduct-container__sidenavigation__contact__customer-support__telephone:hover {
    text-decoration: none;
}

.allproduct-container__sidenavigation__contact__customer-support__email {
    margin-top: 10px;
    font-size: .8125rem;
    color: var(--enishi-brown-color);
    display: block;
    width: fit-content;
    text-decoration: underline;
}

.allproduct-container__sidenavigation__contact__customer-support__email:hover {
    text-decoration: none;
}

.allproduct-container__sidenavigation__contact__separator {
    margin: 30px 0px 30px 0px;
}

.allproduct-container__sidenavigation__contact__frequency-qa {
    font-size: .8125rem;
    color: var(--enishi-brown-color);
}

.allproduct-container__sidenavigation__contact__frequency-qa__candidates {
    margin-top: 10px;
}

.allproduct-container__sidenavigation__contact__frequency-qa__candidates > a {
    display: block;
    color: var(--enishi-brown-color);
    margin: 5px 0px;
    text-decoration: underline;
    width: fit-content;
}

.allproduct-container__sidenavigation__contact__frequency-qa__candidates > a:hover {
    text-decoration: none;
}


.allproduct-container__sidenavigation__contact__frequency-qa__button {
    border: 1px solid var(--enishi-brown-color);
    border-radius: 10px;
    margin: 20px auto;
    text-align: center;
    width: fit-content;
}

.allproduct-container__sidenavigation__contact__frequency-qa__button:hover {
    filter: opacity(0.5);
}

.allproduct-container__sidenavigation__contact__frequency-qa__button > a {
    color: var(--enishi-brown-color);
    width: 100%;
    height: 100%;
    display: block;
    padding: 10px 20px;
}

.allproduct-container__sidenavigation__contact__frequency-qa__button > a:hover {

}

.allproduct-container__sidenavigation__content__title {
    font-size: .8175rem;
    color: var(--enishi-brown-color);
    font-weight: normal;
    text-align: center;
}

.allproduct-container__sidenavigation__content__separator {
    border-style: none !important;
    background-color: #eae8e4 !important;
    width: 100% !important;
    height: 1px !important;
}

.allproduct-container__sidenavigation__content__formbody__list:not(.gridded) {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.allproduct-container__sidenavigation__content__formbody__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding: 20px;
}

.allproduct-container__sidenavigation__content__formbody__button-container {
    padding: 3vw;
}

.allproduct-container__sidenavigation__content__formbody__button-container__button {
    background-color: var(--enishi-brown-color);
    color: var(--enishi-ivory-color);
    font-size: .8125rem;
    text-align: center;
    transition: .3s;
    cursor: pointer;
}

.allproduct-container__sidenavigation__content__formbody__button-container__button:hover {
    opacity: 0.7;
}

.allproduct-container__sidenavigation__content__formbody__list__item__checkbox + span {
    font-size: .5rem;
    color: var(--enishi-brown-color);
}

.allproduct-container__sidenavigation__content__formbody__list__item__checkbox {
    opacity:0;
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
}

/* チェックボックス用の四角形を作る */
.allproduct-container__sidenavigation__content__formbody__list__item__checkbox + span::before {
    display: inline-block;
    content: '';
    width: 1.2rem;
    height: 1.2rem;
    border: 1px solid #bbb;
    background: #fff;
    margin: -.125rem .5rem 0 0;
    vertical-align: middle;
    padding: 0 2px;
    line-height: 1.5;
}

/* チェックが入るとチェックアイコンを表示 */
.allproduct-container__sidenavigation__content__formbody__list__item__checkbox:checked + span::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f00c';
}

.allproduct-container__sidenavigation__content__formbody__list__item__imagebutton {
    padding: 5px;
}

.allproduct-container__sidenavigation__content__formbody__list__item__imagebutton:not(.selected) {
    border: 1px solid #eae8e4 !important;
}

.allproduct-container__sidenavigation__content__formbody__list__item__imagebutton:hover,
.allproduct-container__sidenavigation__content__formbody__list__item__imagebutton {
    border: 1px solid var(--enishi-brown-color) !important;
}

.allproduct-container__sidenavigation__content__formbody__list__item__imagebutton__image {
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%;
}

.allproduct-container__sidenavigation__content__formbody__list__item__imagebutton__title {
    font-size: .5rem;
    color: var(--enishi-brown-color);
    text-align: center;
}

/* SEARCH
-------------------*/
.three-two-articles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.three-two-articles__article {
    width: 31.5%;
    margin-bottom: 2rem;
}

.three-two-articles__article__content {
    display: flex;
    flex-direction: column;
}

/* FORGOT
-------------------*/
.input-section > input[type="text"],
.input-section > input[type="email"],
.input-subsection > input[type="text"] {
    background-color: white;
    border: 1px solid lightgray;
    color: var(--enishi-brown-color);
    font-size: .8125rem;
    padding: .5rem;
    width: 100%;
}



/* POSITIONING
-------------------*/

/* BOX MODEL
-------------------*/
@media (max-width: 800px){
    .box-model__appear-narrow-block { display: block; }
    .box-model__appear-narrow-flex { display: flex; }
    .box-model__appear-wide-block { display: none; }
    .box-model__appear-wide-flex { display: none; }
    .box-model__switch-flex-direction { display: flex; flex-direction: column; }
    .box-model__switch-flex-direction-reverse { display: flex; flex-direction: column; }
}

@media (min-width: 800px){
    .box-model__appear-narrow-block { display: none; }
    .box-model__appear-narrow-flex { display: none; }
    .box-model__appear-wide-block { display: block; }
    .box-model__appear-wide-flex { display: flex; }
    .box-model__switch-flex-direction { display: flex; flex-direction: row; }
    .box-model__switch-flex-direction-reverse { display: flex; flex-direction: row-reverse; }
}


/* TYPOGRAPHY
-------------------*/
.typography__enishi-heading-uppercase {
    font-size: 1.25rem !important;
    color: var(--enishi-brown-color)!important;
    letter-spacing: 0.5px !important;
    font-weight: 400 !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

.typography__enishi-heading-bold {
    font-size: 1.25rem !important;
    color: var(--enishi-brown-color) !important;
    letter-spacing: 0.5px !important;
    font-weight: bold !important;
    text-align: center !important;
}

.typography__enishi-heading {
    font-size: 1.25rem !important;
    color: var(--enishi-brown-color) !important;
    letter-spacing: 0.5px !important;
    font-weight: 400 !important;
    text-align: center !important;
}

.typography__enishi-heading-left {
    font-size: 1.25rem !important;
    color: var(--enishi-brown-color) !important;
    letter-spacing: 0.5px !important;
    font-weight: 400 !important;
    text-align: left !important;
}

.typography__enishi-medium-high {
    font-size: 1.17em !important;
    color: var(--enishi-brown-color) !important;
    letter-spacing: 0.5px !important;
}

.typography__enishi-medium-bold {
    font-size: 1.1rem !important;
    color: var(--enishi-brown-color) !important;
    letter-spacing: 0.5px !important;
    font-weight: bold !important;
}

.typography__enishi-medium {
    font-size: 1.1rem !important;
    color: var(--enishi-brown-color) !important;
    letter-spacing: 0.5px !important;
}

.typography__enishi-medium-ivory {
    font-size: 1.1rem !important;
    color: var(--enishi-ivory-color) !important;
    letter-spacing: 0.5px !important;
}

.typography__enishi-link-medium {
    font-size: 1.1rem !important;
    color: var(--enishi-brown-color) !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
}
.typography__enishi-link-medium:hover {
    font-size: 1.1rem !important;
    color: var(--enishi-brown-color) !important;
    letter-spacing: 0.5px !important;
    opacity: 0.7 !important;
}

.typography__enishi-link-underline-medium {
    font-size: 1.1rem !important;
    color: var(--enishi-brown-color) !important;
    letter-spacing: 0.5px !important;
    text-decoration: underline !important;
    cursor: pointer !important;
}

.typography__enishi-link-underline-medium:hover {
    font-size: 1.1rem !important;
    color: var(--enishi-brown-color) !important;
    letter-spacing: 0.5px !important;
    opacity: 0.7 !important;
    text-decoration: none !important;
}

.typography__enishi-link-small {
    font-size: .5rem !important;
    color: var(--enishi-brown-color) !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
}

.typography__enishi-link-small:hover {
    font-size: .5rem !important;
    color: var(--enishi-brown-color) !important;
    letter-spacing: 0.5px !important;
    opacity: 0.7 !important;
}

.typography__enishi-link-small-invert {
    font-size: .5rem !important;
    color: var(--enishi-brown-color) !important;
    letter-spacing: 0.5px !important;
    opacity: 0.7 !important;
}

.typography__enishi-link-small-invert:hover {
    font-size: .5rem !important;
    color: var(--enishi-brown-color) !important;
    letter-spacing: 0.5px !important;
    opacity: 1.0 !important;
}

.typography__enishi-link-underline-small {
    font-size: .5rem !important;
    color: var(--enishi-brown-color) !important;
    letter-spacing: 0.5px !important;
    text-decoration: underline !important;
    cursor: pointer !important;
}

.typography__enishi-link-underline-small:hover {
    font-size: .5rem !important;
    color: var(--enishi-brown-color) !important;
    letter-spacing: 0.5px !important;
    opacity: 0.7 !important;
    text-decoration: none !important;
}

.typography__enishi-small {
    font-size: .5rem !important;
    color: var(--enishi-brown-color) !important;
}

.typography__enishi-small-bold {
    font-size: .5rem !important;
    font-weight: bold !important;
    color: var(--enishi-brown-color) !important;
}

.typography__enishi-small-ivory {
    font-size: .5rem !important;
    color: var(--enishi-ivory-color) !important;
}

.typography__hanging-article-heading {
    text-align: center !important;
    font-size: 1.5rem !important;
    font-weight: normal !important;
    color: var(--enishi-brown-color) !important;
}

.typography__enishi-button {
    font-size: 1.1rem !important;
    line-height: 1.25rem !important;
    text-align: center !important;
    font-weight: 300 !important;
}

.typography__enishi-error-small {
    font-size: .5rem !important;
    color: var(--enishi-error-color) !important;
}

/* VISUAL
-------------------*/

/* FOR NARROW DESPLAY
-------------------*/
@media (min-width: 800px){
    .navigation-desktopwrapper {
        --d: block;
    }
    .search-desktop {
        --d: inline-block;
    }
    .navigation-mobile {
        --d: none;
    }
    .search-mobile {
        --d: none;
    }
}

@media (max-width: 800px){
    /* header
    --------------------*/
    .header-container {
        height: 4.5rem;
    }
    .navigation-desktopwrapper {
        --d: none;
    }
    .search-desktop {
        --d: none;
    }
    .navigation-mobile {
        --d: block;
    }
    .search-mobile {
        --d: block;
    }

    .logo-link {
        position: initial;
        left: 10px;
        right: auto;
        margin: 0;
        height: initial;
    }
    .logo-img {
        height: 1.5rem;
    }
    .sidenavigation {
        width: calc(100% - 1.25rem);
        right: -100%;
    }
    .footer-sidenavigation {
        width: calc(100% - 1.25rem);
        right: -100%;
    }
    .allproduct-container__sidenavigation {
        width: calc(100% - 1.25rem);
        right: -100%;
    }
    .mypage-delivery-sidenavigation {
        width: calc(100% - 1.25rem);
        right: -100%;
    }

    /* index
    --------------------*/
    .home-content__entrance {
        display: flex;
        flex-direction: column;
    }
    .top__entrance-onlineshop,
    .top__entrance-personalize,
    .top__entrance-workshop {
        height: 30vh;
    }

    .top__entrance-onlineshop:hover > a .top__entrance-onlineshop__img {
        transform: none;
        filter: none;
    }
    .top__entrance-onlineshop:hover > a .top__entrance-onlineshop__title {
        filter: none;
    }
    .top__entrance-onlineshop__title {
        filter: opacity(1.0);
        position: absolute;
        color:white;
        transform: none;
        top: 2%;
        left: 2%;
        font-size: 0.5rem;
    }
    .top__entrance-personalize > div .top__entrance-personalize__img {
        object-position: 50% 25%;
    }
    .top__entrance-personalize:hover > div {
        filter: none;
    }
    .top__entrance-personalize:hover > div .top__entrance-personalize__img {
        transform: none;
    }
    .top__entrance-personalize:hover > .top__entrance-personalize__title {
        filter: none;
    }
    .top__entrance-personalize.is-comingsoon > div {
        filter: brightness(0.5);
    }
    .top__entrance-personalize.is-comingsoon > div .top__entrance-personalize__img {
        transform: scale(1);
    }

    .top__entrance-personalize__title {
        filter: opacity(1.0);
        position: absolute;
        transform: none;
        top: 2%;
        left: 2%;
    }

    .top__entrance-workshop:hover > a .top__entrance-workshop__img {
        transform: none;
        filter: none;
    }
    .top__entrance-workshop:hover > a .top__entrance-workshop__title {
        filter: none;
    }
    .top__entrance-workshop__title {
        filter: opacity(1.0);
        position: absolute;
        transform: none;
        color:white;
        top: 2%;
        left: 2%;
        font-size: 0.5rem;
    }

    /* ONLINE TOP
    --------------------*/
    .diffuser-category__body {
    /* Positioning */

    /* Box Model */
        display: flex;
        flex-direction: column;
        padding: 0 1rem;
        gap: 10px;
        align-items: center;

    /* Typography */
        /* set by class */

    /* Visual */
    }

    /* MITO
    --------------------*/
    .mito-category__body.mito-category__body-mobile-column {
        flex-direction: column;
        align-items: center;
    }
    .mito-category__body.mito-category__body-mobile-column-reverse {
        flex-direction: column-reverse;
        align-items: center;
    }
    .mito-category__body__scent-impression-narrow {
        width: 100%;
    }

    /* KOTO
    --------------------*/
    .row-article {
        flex-direction: column;
        align-items: center;
    }
    .row-article-invert {
        flex-direction: column-reverse;
        align-items: center;
    }

    /* PRODUCT PAGE
    --------------------*/
    .product__topcontent-left {
        position: static;
    }

    .product__breadcrumb {
        padding: 0 0;
    }

    .enishiproducts-review-container__flex {
        flex-direction: column;
    }

    .enishiproducts-review-container__flex__reviewcontainer {
        width: 100%;
    }

    /* footer
    --------------------*/
    .footer__contents__navigation-menu {
        display: none;
    }
    .footer__contents_mobile__menu {
        display: block;
        margin: 0 auto;
    }
    .footer__contents_mobile__menu__navigation-menu {
        list-style: none;
        display: flex;
        justify-content: center;
    }
    .footer__contents_mobile__menu__navigation-menu li a {
        color: var(--enishi-brown-color);
        font-size: 0.7rem;
        padding-left: 10px;
        padding-right: 10px;
        transition: .3s;
    }
    .footer__contents_mobile__menu__navigation-menu li a:hover {
        filter: opacity(0.6);
    }
    .footer-collection__body {
    /* Positioning */
    /* Box Model */
        display: flex;
        flex-direction: column;
    }
    .hanging-button-article {
        flex-basis: initial;
    }

    .ec-shopping-wrapper__content {
        flex-direction: column;
        align-items: center;
    }

    .ec-shopping-wrapper__content__left {
        width: 100%;
    }

    .ec-shopping-wrapper__content__right {
        width: 100%;
    }

    .three-two-articles__article {
        width: 48%;
    }

    .search-form,
    .search-form > label,
    .search-form > label > input {
        width: 100%;
        display: initial;
    }

    .search-field {
        border-bottom: 1px solid var(--enishi-brown-color);
        width: initial;
        display: inline-block;
    }
    .search-button {
        display: none;
    }
    .search-field::-webkit-search-cancel-button {
        display: inline-block;
        cursor: pointer;
        -webkit-appearance: none;
        width: 1rem;
        height: 1rem;
        color: var(--enishi-brown-color) !important;
        background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="50px" height="50px" version="1.1" viewBox="0 0 50 50"><path fill="var(--enishi-brown-color)" d="M 7.71875 6.28125 L 6.28125 7.71875 L 23.5625 25 L 6.28125 42.28125 L 7.71875 43.71875 L 25 26.4375 L 42.28125 43.71875 L 43.71875 42.28125 L 26.4375 25 L 43.71875 7.71875 L 42.28125 6.28125 L 25 23.5625 Z"/></svg>') no-repeat center center;
        background-size: contain !important;
    }

    .mito-diagnose-base {
        height: calc(100vh - 65px);
        background-image: url(https://kyoto-enishi.net/wp-content/uploads/2023/01/mobile-background.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 100% auto;

        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .mito-diagnose-base__content {
        padding: 20% 10%;
        text-align: center;
    }

    .mito-diagnose-base__content__result {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    .mypage-container__flex__contents {
        width: 100%;
    }

    .deliver-date-time {
        flex-direction: column;
    }

    .not-found-container__picture-container__four-o-four {
        font-size: 3rem;
    }

    .not-found-container__picture-container__title {
        font-size: 1rem;
    }

    .not-found-container__picture-container {
        padding: 0px 0px;
    }

    .sidenavigation__menubar__wishlist {
        font-size: .7125rem;
    }

    .sidenavigation__menubar__account {
        font-size: .7125rem;
    }

    .sidenavigation__menubar__cart {
        font-size: .7125rem;
    }

    .year-block {
        margin-top: 1rem;
        padding-left: 20px;
    }

    .topics-content__topics-container__list__element__body__excerpt {
        display: none;
    }

    .contact-beginning {
        text-align: start;
        padding: 20px;
    }

    .contact-category {
        padding: 20px;
        text-align: start;
    }

    .contact-form-body {
        padding: 20px;
        width: 100%;
    }

    .expand-on-mobile {
        width: 100%;
        position: static;
    }

    .footer-sidenavigation__contact {
        padding:0px 30px;
    }

    .enishiproducts-review-container__postcontainer__formcontaier {
        margin: 1.5rem 5% 4rem;
    }

    .ec-shopping-wrapper__content__left__account__form__body__cancelbutton {
        margin-bottom: 20px;
    }

    .ec-shopping-wrapper__content__left__deliver__form__body__cancelbutton {

    }

    /* TYPOGRAPHY
    -------------------*/
    .typography__enishi-heading-uppercase,
    .typography__enishi-heading,
    .typography__enishi-heading-left {
        font-size: 1.25rem !important;
    }
    .typography__enishi-medium-high {
        font-size: 1.17em !important;
    }
    .typography__hanging-article-heading {
        font-size: 1.5rem !important;
    }

    .typography__enishi-medium,
    .typography__enishi-medium-ivory,
    .typography__enishi-link-medium,
    .typography__enishi-link-medium:hover,
    .typography__enishi-link-underline-medium,
    .typography__enishi-link-underline-medium:hover,
    .typography__enishi-button {
        font-size: .8125rem !important;
    }

    .typography__enishi-link-small,
    .typography__enishi-link-small:hover,
    .typography__enishi-link-small-invert,
    .typography__enishi-link-small-invert:hover,
    .typography__enishi-link-underline-small,
    .typography__enishi-link-underline-small:hover,
    .typography__enishi-small,
    .typography__enishi-small-bold,
    .typography__enishi-small-ivory,
    .typography__enishi-error-small {
        font-size: .5rem !important;
    }

    .navigation-iconsmenu-wishlist:after,
    .enishiproducts-title-block__wishlist,
    .enishiproducts-title-block__wishlist.selected,
    .navigation-iconsmenu-account:after,
    .navigation-iconsmenu-cart:after {
        width: 1rem;
        height: 1rem;
    }

    .navigation-iconsmenu-status {
        height: 7px;
        width: 7px;
    }
}