/** Shopify CDN: Minification failed

Line 853:16 Expected identifier but found "."
Line 1278:2 "pointer-event" is not a known CSS property
Line 1775:4 "widht" is not a known CSS property
Line 2531:32 Unexpected "="

**/

.small, small {
    font-size: 70%;
    font-weight: 400;
}
.page__content .hd1,.page__content .hd2,.page__content .hd3,.page__content h1,.page__content .h1,.page__content h2,.page__content .h2,.page__content h3,.page__content .h3,.page__content h4,.page__content .h4,.page__content h5,.page__content .h5,.page__content h6,.page__content .h6 {
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
}
main > section{
    background: none;
}
.font-palt,.menu-drawer__item  {
    font-feature-settings:"palt";
    -webkit-font-feature-settings: "palt";
}

.rte img,img.hover-opc,.banner-image img {
    transition: opacity 0.3s;
}
@media (hover: hover) {
    a:hover img.hover-opc,a:hover .banner-image img{
        opacity: 0.8;
    }
}
.content-toc ol {
  list-style-type: decimal;
}
.rte--feature {
    margin-top: 30px;
}
.rte--feature table td,.rte--feature table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
.rte--featuretable.table-bordered,.rte--feature th.table-bordered {
    border: 1px solid #000;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}
.row.container {
    margin: auto;
}
.card>hr,
.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row.row-reverse {
    flex-direction: row-reverse
}

@media (max-width:767.98px) {
    .row.row-reverse {
        flex-direction: column-reverse
    }
    .form-group .col-md-6,
    .row.row-reverse .col-md-6 {
        margin-bottom: 10px
    }
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col-auto {
    position: relative;
    padding-right: 15px;
    padding-left: 15px
}

.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}


.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333%
    }
    .offset-sm-2 {
        margin-left: 16.66667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333%
    }
    .offset-sm-5 {
        margin-left: 41.66667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333%
    }
    .offset-sm-8 {
        margin-left: 66.66667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333%
    }
    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333%
    }
    .offset-md-2 {
        margin-left: 16.66667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333%
    }
    .offset-md-5 {
        margin-left: 41.66667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333%
    }
    .offset-md-8 {
        margin-left: 66.66667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333%
    }
    .offset-md-11 {
        margin-left: 91.66667%
    }
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333%
    }
    .offset-lg-2 {
        margin-left: 16.66667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333%
    }
    .offset-lg-5 {
        margin-left: 41.66667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333%
    }
    .offset-lg-8 {
        margin-left: 66.66667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333%
    }
    .offset-lg-11 {
        margin-left: 91.66667%
    }
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333%
    }
    .offset-xl-2 {
        margin-left: 16.66667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333%
    }
    .offset-xl-5 {
        margin-left: 41.66667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333%
    }
    .offset-xl-8 {
        margin-left: 66.66667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333%
    }
    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

.development .f-column h2,.development .f-column h3 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.development a img ,.developmentlist-thumbnail img,.page__content a img  {
    transition: opacity .2s;
}
.development a:hover img ,.developmentlist-thumbnail:hover img,.page__content a img:hover{
    opacity: 0.8;
}
.development *,..development-list *{
   font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
} 

.development-list h1 ,.feature-list h1,.main-blog h1,.main-article h1{
    font-size: 26px;
}

@keyframes show {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes hide {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.nav-link {
    padding: 0
}

@media (max-width:767.98px) {
    .nav-link span {
        display: none
    }
    .nav-link span.item-count {
        position: absolute;
        bottom: 8px;
        left: 13px;
        font-size: 75%;
        font-weight: 700;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        display: block;
        border-radius: 6px;
        line-height: .5rem;
        padding: .25em .4em .25em 4px;
        background: #d5bea1;
        color: #000
    }
}

.navbar-dark .navbar-nav .nav-link {
    transition: color .5s
}

@media (min-width:768px) {
    .navbar-dark .navbar-nav .nav-link {
        color: #fff
    }
}



@media (min-width:768px) {
    

    .navbar-expand-md .navbar-nav.navbar-right {
        height: 80px;
        align-items: center
    }
    .navbar-expand-md .navbar-nav.navbar-right a,
    .navbar-expand-md .navbar-nav.navbar-right li {
        height: 80px
    }
    .navbar-expand-md .navbar-nav.navbar-right a {
        padding-top: 30px !important
    }
    .floating.navbar-expand-md .navbar-nav.navbar-right a {
        padding-top: 10px !important
    }
    .product__media-gallery .thumbnail-list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap:8px;
        visibility: visible;
        opacity: 1;
    }
    .product__thumbs-item {
        margin-bottom : 0!important;
    }
}
.navbar-separator {
    height: 60px;
    padding-top: 20px;
    position: relative;
    z-index: 10;
}

.navbar-separator span {
    border-left: 1px solid #d6bfa2;
    transform: rotate(45deg) translate(9px);
    width: 20px;
    height: 20px;
    display: block;
    color: #d6bfa2;
}
.mega-menu__btn .btn {
    padding: 5px calc(var(--buttons-padding) / 3);
    font-size: 14px;
}
@media (max-width:767.98px) {
    .mega-menu__btn .btn {
        margin: 0 auto 20px;
    }
    .mega-menu__btn {
        margin: 0;
    }
}

.cart-empty {
    text-align: center
}

.cart-total-label {
    display: none
}

.cart-amount {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px
}

.centerline {
    color: #444;
    margin-top: 50px;
    margin-bottom: 20px;
    display: flex;
    align-items: center
}

.centerline:after,
.centerline:before {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: #ccc;
    display: block
}

.centerline:before {
    margin-right: .4em
}

.centerline:after {
    margin-left: .4em
}

#shopify-section-cart .additional-checkout-buttons ul {
    text-align: center;
    justify-content: center
}

.additional-checkout-buttons-note {
    text-align: center;
    margin-top: 20px
}

.btn-plusminus {
    width: 45%;
    display: block;
    float: left;
    margin-right: 10%;
    border: 1px solid #eee
}

.btn-plusminus:last-child,
.cart-buttons .btn:last-child,
.mv__nav__dots a:last-child {
    margin-right: 0
}



 
.product .rte {
    margin-top: 30px;
    font-size: 14px;
    line-height: 1.78
}
.product__tax {
    
    font-size: calc(var(--font-body-size) - 2px);
    color: #858585;
}

.product-card__info .product__tax {
    font-size: calc(var(--font-body-size) - 4px);
}
.product-card__info .f-price{
    font-weight: normal;
}
.product table:not([class]) td,
.product table:not([class]) th {
    border: 1px solid #CED4DA;
    color: #858585;
    width: auto;
    height: auto;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    padding: 10px 5px
}
.product table:not([class]) tr td:first-child {
    max-width: 72px;
}
.product table:not([class]) th {
    background-color: #eee
}
.product__media-gallery .thumbnail-list {
    transition: 0.3s opacity;
}
.product__media-gallery .swiper-initialized .thumbnail-list {
    opacity: 1;
    visibility: visible;
}


@media (max-width:767.98px) {
    

    
    
    .product .rte {
        font-size: 13px
    }
    
}


.product__inventory-text {
    color:#EE0000;
    margin-top: 5px;
}
.esc-size-guide--title {
    display: none
}
.productnav {
    padding-right:0;
}
.productnav li {
    line-height: 2.1;
    font-size: 13px;
}
.productnav .productnav__item-child {
    line-height: 1.2;
    padding: 10px 10px 10px 15px;
}
.productnav .productnav__item__item-child li {
    line-height: normal;
}
.productnav a {
    color: #000
}

.productnav-separator {
    height: 2rem;
}

.col-productnav h2,
.product-title h1 {
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.col-productnav hr {
    margin: 15px 0
}

.productnav-details__summary {
width: 100%;
}

.generalpage {
    margin-top: 50px
}

.generalpage .jumbotron {
    padding: 2rem
}

.generalpage .jumbotron h2 {
    text-align: left;
    margin: 0 0 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #c8c9ca
}

.article .generalpage .btn {
    padding: 15px;
} 
.article .generalpage .buttons {
    margin: 25px!important;
}
#customer_login_guest,
.generalpage .btn-wrapper {
    text-align: center
}

.generalpage .btn-wrapper .btn {
    margin-left: 5px;
    margin-right: 5px
}

.customer__widget .account-customername {
    border-bottom: none!important;
    margin-bottom: 0;
    
    padding: 8px 15px;
    
}

.account h2,.addresses h2:not(.account-customername),.customer__widget h2,.order h2:not(.account-customername){
    text-align: left;
    padding-bottom: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #c7c7c7
}

.addresses h2:first-of-type,.customer__widget h2 {
    margin-top: 0!important;
    margin-bottom:0!important;
}
.account h2:first-of-type {
    margin-top: 0!important;
}
.customer__widget h2 {
    padding-bottom: 5px!important;
}
@media (max-width:767.98px) {
    .account #orderlist h2:first-of-type {
        margin-bottom: 0;
    }
}
.addresses h2 {
    margin-bottom: 0;
}
.accountnav li,
.accountnav ul {
    list-style: none
}

.accountnav ul {
    margin: 0;
    padding: 0
}

.accountnav li {
    line-height: 45px;
    border-bottom: 1px solid #c7c7c7;
    transition: opacity 0.3s;
}
.accountnav li:first-child {
    border-top: 1px solid #c7c7c7;
}
.accountnav li.active {
    background:#a4a4a4;
}
.accountnav li.active a{
    color: #fff;
}
.accountnav a {
    padding: 0 20px;

}
@media (hover: hover) {
    .accountnav li:hover{
        opacity: 0.7;
    }
}

#accountBirthday .btn {
    margin-top:16px;
}


.about,
.article p,
.blog p {
    line-height: 1.8
}

.about-top h2, .about-philosophy h2{
    font-size: 22px;
    margin: 60px 0 40px;
    text-align: center;
}
.about-top {
    margin-top: 20px;
}
.about-topConcept {
    text-align: center;
    font-size: 20px;
    width: 90%;
    margin: 0 auto
}
.about-philosophy {
    background-color: #eee;
    padding: 20px 0 40px;
}
.about-philosophy h2 {
    text-align: center!important;
}
.about-philosophy img {
    width:100%;
    margin: 20px auto;
}
.about-philosophy .auto-play-videoWrap{
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  pointer-event: none;
    pointer-events: none;   
    margin: 40px auto 0px;
}

.about-philosophy iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.about-philosophy p {
    text-align: center;
    font-size: 14px;
}

.about-teamConcept,
.about-topIntro {
    font-size: 14px;
    width: 90%;
    margin: 50px auto 70px
}

.about-team {
    background: #d2bfa5;
    padding: 80px 0;
    color: #fff
}

.about-member-txt {
    border-bottom: 2px solid #b3a086;
    margin: 0 20px;
    padding: 20px 10px 40px
}

.about-member-txt h3 {
    font-size: 18px;
    margin-bottom: 2px;
    color: #8c7961;
    font-weight: 700;
    text-align: left;
    font-family: 'Crimson Text', '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'HGS明朝E', 'メイリオ', Meiryo, serif
}

.about-member-name {
    font-size: 18px;
    margin-bottom: 20px
}

.about-member-profile {
    font-size: 14px
}

@media (max-width:767.98px) {
    .about-philosophy p {
        font-size: 11px;
    }
    .about-top h1,
    .about-top h2,
    .about-philosophy h2 {
        text-align: left;
        margin: 30px 0 20px
    }
    .about-top h2,.about-philosophy h2 {
        margin: 30px 0 10px;
        font-size: 18px;
    }
    .about-topConcept {
        text-align: left;
        width: 100%;
        font-size: 16px
    }
    .about-teamConcept,
    .about-topIntro {
        text-align: left;
        width: 100%;
        font-size: 13px;
        margin: 10px 0 40px
    }
    .about-team {
        padding: 40px 0 1px
    }
    .about-member-txt {
        margin: 0;
        padding: 20px 0 40px;
        border-bottom: none
    }
    .about-top h3,
    .about-member-img,
    .about-member-name {
        width: 60%;
        margin: 0 auto
    }
    .about-member-profile {
        width: 70%;
        margin: 20px auto 0;
        font-size: 13px
    }
}

.about-mission {
    position: relative;
    overflow: hidden
}
.about-missionItem:nth-child(even) .row {
   flex-direction: row-reverse;
  	

}
@media (max-width:767px) {

    .about-missionItem:last-child{
    margin-top: 15px;
  }
      }
 
.about-mission .col-md-6 {
    background: #ebe7e3;

      
}
      @media (min-width:768px) {
        .about-mission .col-md-6 {
    padding: 0;

      
}

  }

.about-mission h2 {
    text-align: left;
    margin-top: 70px
}

@media (min-width:768px) {
    .about-mission .container {
        padding: 0;
        margin: 0;
        max-width: none
    }
}

.about-missionTxt {
    padding-left: 50px;
    width: 490px;
    color: #838383
}

.about-missionTxtIntro {
    font-size: 14px
}

.about-missionTxtPages {
    font-family: 'Crimson Text', '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'HGS明朝E', 'メイリオ', Meiryo, serif;
    position: absolute;
    left: 70px;
    bottom: -40px;
    font-size: 50px
}

.about-missionBtn {
    position: absolute;
    bottom: 20px;
    right: 200px;
    width: 120px
}

.about .slick-list {
    overflow: -webkit-paged-y !important
}

@media (max-width:767.98px) {
    .about-mission {
        background: #ebe7e3
    }
    .about-mission h2 {
        margin: 20px 0 10px
    }
    .about-missionInner {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .about-missionTxt {
        padding-left: 0;
        width: 100%
    }
    .about-missionTxtPages {
        display: none
    }
    .about-missionBtn {
        bottom: auto;
        top: 0
    }
}

.about-points {
    padding: 40px 0 20px
}

.about-pointsEn {
    font-size: 20px;
    width: 90%;
    margin: 0 auto;
    line-height: 1.6
}

.about-pointsJa {
    font-size: 14px;
    width: 90%;
    margin: 20px auto
}

.about-pointsImagePc,
.about-pointsImageSp {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.about-pointsImageSp {
    display: none
}

@media (max-width:767.98px) {
    .about-pointsEn {
        font-size: 16px;
        width: 100%
    }
    .about-pointsJa {
        font-size: 14px;
        width: 100%
    }
    .about-pointsImagePc {
        display: none
    }
    .about-pointsImageSp {
        display: block
    }
}


.collection h1 {
    margin-bottom: 30px
}

@media (max-width:767.98px) {
    .collection h1 {
        border-bottom: none;
        padding-bottom: 0
    }
}

.collection-title {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee
}

.collection-col {
    position: relative;
    margin-top: 10px
}

.collection-tags {
    padding-bottom: 6px;
    min-height: 26px;
}

@media (max-width:767.98px) {
    .collection-tags {
        min-height: auto;
    }
    .collection-tags:has(li) {
        padding-bottom: 4px;
        min-height: 24px
    }
}

.product .collection-tags {
    margin-bottom: 0;
    padding-bottom: 0;
} 

.collection-tags li,
.collection-tags ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.collection-tags li {
    background: #111;
    color: #fff;
    border-radius: 20px;
    padding: 1px 10px 0px;
    white-space: nowrap
}


@media (max-width:767.98px) {
    .collection-tags li {
        font-size: .8em
    }
} 

.collection-tags li.collection-tag-sale {
    background: red
}

.collection-thumbnail {
    position: relative;
    display: block
}

.collection-thumbnail::before {
    content: '';
    display: block;
    padding-top: 100%
}

.collection-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%
}

.collection-product-titles {
    margin-top: 5px;
    margin-bottom: 15px
}

.collection-product-title {
    font-weight: 900
}


.collection-product-price {
    font-size: 16px;
    margin-bottom: 10px
}
.collection-product-subtitle1,
.collection-product-subtitle2,
.collection-product-subtitle3,
.collection-product-title {
    margin-top: 0.4rem;

}
.collection-product-subtitle1 {
    margin-bottom :0;
    font-size: 11px;
}
.product-title-wrap .collection-product-subtitle1 ,.product-title-wrap .collection-product-subtitle2{
    font-size: 14px;
}


.development-products a p{
    margin-top: 0;
    margin: 0 0 0.2rem;
    line-height: 1.2;
}
.development-products a h1 {
    margin: 0 0 0.4rem;
}
.collection-product-subtitle2,
.collection-product-subtitle1 {
    color: #858585;
    line-height: 1;
}
.col-productnav {
    width: 25%;
    padding: 0;
    margin-right: 4.5%;
    margin-left: 20px;
}
@media (max-width:1000px) {
    .col-productnav {
        display: none
    }
}

.blog-thumbnail img {
    width: 100%
}

.article-titlearea {
    position: relative;
    margin-top: 40px;
    margin-bottom: 30px
}

.article-titlearea h1,
.article-titlearea h3 {
    font-size: 18px;
    font-weight: 900;
    width: 100%;
    text-align: left
}

.article-date {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    font-size: 13px
}

@media (max-width:767.98px) {
    .article-titlearea {
        margin-top: 20px;
        margin-bottom: 10px
    }
    .article-date {
        text-align: left;
        position: static;
        top: auto;
        right: auto;
        margin-bottom: 0
    }
}

/* shopify-section-top-collections */


@media (max-width:767px) {
    .ReactModal__Overlay--after-open {
        top:75px;
    }
    .ReactModal__Content {
        position: absolute;
        inset: 75px auto auto 50%!important;
        transform: translate(-50%, 0%)!important;
        padding: 50px 25px!important;
    }
    .eGxnNx {
        padding: 0!important;
    }
}


.campaign-image img{
    width: 100%;
    margin-bottom:10px;
}
.campaign-image a {
    text-decoration: underline;
    transition: all 0.3s;
}
.campaign-image a:hover {
    text-decoration: none;
}
.campaign-image p {
    border: 1px solid #000;
    padding:10px;
}

.campaign-video iframe{
    width: 100%;
    
    aspect-ratio: 16 / 9;
}

/* 誕生日入力欄追加　obake対応*/
.birthdayinput {
  display: flex;
}

.dayform {
  display: flex;
  align-items: center;
}

.daychar {
  font-size: 16px;
  margin: 0 10px;
}

.setbirthday {
  margin-bottom: 30px;
}

.saveok {
  color: red;
  font-size: 16px;
  display: none;
  margin-top: 15px
}

@media (max-width:500px) {
.birthdayinput {
    widht: 100%;
    gap: 10px;
}
  .daychar {
    font-size: 14px;
    margin: 0 5px 0 10px;
  }

  #year {
    min-width: 90px;
  }

  #month {
    min-width: 70px;
  }

  #day {
    min-width: 70px;
  }
}

.template-password svg path {
    fill: #000!important;
}
.template-password .navbar-brand {
        width: 30%;
    margin: auto;

}
.template-password svg{
    width: auto;
    height: auto;
}


@media (min-width: 500px) {
    .menuclosebtn {
        display: block!important;
        position: relative;
        width: 30px;
        height: 30px;
        position: absolute;
        right: 50px;
        top: 80px;
        cursor: pointer;
    }
    .menuclosebtn::before, .menuclosebtn::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2px;
        height: 30px;
        background: #000;
    }
    .menuclosebtn::before {
        transform: translate(-50%, -50%) rotate(45deg);
    }
    .menuclosebtn::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }
}


.page__content section > h3 {
    margin-bottom: 36px!important;
}
.feature-list,.development-list {
    --section-padding-top: 40px;
}

.page__content img ,.development-pickup-product iframe{
    width: 100%;
}
.page__content .itembox p{
    text-align: left!important;
}
.page__content .textbox dd ,.page__content .itembox dd{
    margin-inline-start: 0px!important;
}
.page__content .wrap-ar table {
    width: min(78%, 380px);
    margin: 0 auto 16px;
}
.page__content .calendar {
    width: 100%;
}
.page__content > .col-md-4{
    max-width: 33.33333%;
    margin: 16px auto;
}
.page__content div:not(.sec-wrap) dd ,.page__content dl:not(.itembox){
    margin-block-start: 3px!important;
    margin-inline-start: 0px;
}
.page__content .top-img {
    width: 100%;
}
#top-img h2{
    font-size: 18px;
}

.page__content .buttons .btn {
    padding: 10px 20px;
}
.page__content nav:not([class]) ,.page__content nav.content-toc{
    margin: 0 auto 4rem;
    border: solid 1px #AAAAAA;
    background-color: #f7f7f7;
    padding: 1rem;
}
.page__content .content-toc:has(nav) nav{
    padding:0;
    background:transparent;
    border: none;
    margin-bottom: 0;
}

.materialFeature dd ,.materialFeature dt{
    margin-bottom: 1em!important;
    font-weight: normal;
} 
.mImg dd{
    margin-bottom: 0!important;
} 
.materialFeature ,.flexbox-code dt,.eachsec dt{
    font-weight: bold;
}
.eachsec dt {
  margin-top: 32px;
}
.flexbox-code dd{
    margin-bottom: 1rem;
}



.development .btn,.about .btn {
    padding-top: 17px;
    padding-bottom: 17px
}

.development-scroll {
    width: 52px;
    height: 90px;
    display: inline-block;
    text-align: center;
    font-weight: 700
}

.development-scroll svg {
    width: 10px;
    height: 27px;
    display: inline-block;
    margin: 0 auto 20px
}

.development-scroll:hover {
    text-decoration: none
}
.development-scroll svg polygon {
  color:rgb(var(--color-foreground));
  stroke: none;
  fill:rgb(var(--color-foreground));
}
.development-scroll .svgpath {
    stroke: rgb(var(--color-foreground));
}

.development-scroll-text {
    white-space: nowrap
}

.development-top-banner {
    position: relative;
    width: 100%;
    height: calc(100vh - 122px);
    overflow: hidden
}

.development-top-banner img {
    max-width: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(100vh - 122px);
    opacity: 0;
    transition: opacity 2s
}

.development-top-banner .development-top-banner-texts {
    position: absolute;
    top: 150px;
    left: 50px;
    text-align: left;
}

.development-top-banner .development-top-banner-texts img {
    width: 48px
}

@media (max-width:767.98px) {
    .development-top-banner .development-top-banner-texts {
        top: 200px;
        left: 40px;
        padding-right: 40px
    }
    .development-top-banner .development-top-banner-texts h1 {
        font-size: 28px
    }
}

@media (max-width:360px) {
    .development-top-banner .development-top-banner-texts {
        top: 150px
    }
    .development-top-banner .development-top-banner-texts h1 {
        font-size: 28px
    }
    .development-top-banner .development-top-banner-texts h2 {
        font-size: 13px
    }
    .development-top-banner .development-top-banner-texts img {
        width: 36px
    }
}

.development-top-banner--white .development-top-banner-texts,.development-top-banner--white .development-top-banner-texts a,.development-top-banner--white .development-scroll .svgpath {
    color:#fff;
    stroke: #fff;
    
  }
  @media (max-width:767.98px) {
    .development-top-banner--spwhite .development-scroll svg polygon ,.development-top-banner--spwhite .development-scroll svgpath{
      fill: #fff;
    }
  }
  
  @media (min-width:768px) {
    .development-top-banner--pcwhite .development-scroll svg polygon {
      fill: #fff;
    }
  }
  
  @media (max-width:767.98px) {
      .development-top-banner--spwhite .development-scroll,
      .development-top-banner.development-top-banner--spwhite {
          color: #fff
      }
  
      .development-top-banner--spwhite .development-scroll .svgpath {
          stroke: #fff;
          fill: #fff
      }
      .development-top-banner--spwhite .development-top-banner-texts{
        color: #fff
    }
    .development-top-banner--spwhite .development-top-banner-texts h1,.development-top-banner--spwhite .development-top-banner-texts h2{
        fill: #fff;
        color: #fff;
    }
  }


@media (min-width:768px) {
    .development-top-banner--pcwhite .development-top-banner-texts{
        fill: #fff;
    }
    .development-top-banner--pcwhite .development-top-banner-texts h1,.development-top-banner--pcwhite .development-top-banner-texts h2{
        fill: #fff;
        color: #fff;
    }
}
  
.development-product-imagedetail {
    display: flex;
    flex-wrap: nowrap; 
    margin-right: -0; 
    margin-left: -0; 
    
    justify-content: space-between;
    margin-bottom: 0px!important;
}
.development-product-imagedetail h2{
    font-size: 20px;
    text-align: center;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}

.development-top-banner h1 {
    font-family: 'Crimson Text', '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'HGS明朝E', 'メイリオ', Meiryo, serif
}

.development-top-banner h1 {
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 36px;
    line-height: 1;
    text-align: left
}

.development-top-banner h2 {
    text-align: left;
    font-size: 14px;
    line-height: 1.2;
    margin: 0 0 30px
} 
.development-mv {
    max-width: 1920px;
    margin: auto;
}
.development-mv__content .development-mv__content__textwrap {
    background-color: transparent;
}
.development-mv__content-wrapper {
    top: auto;
}
.development-mv__content__heading{
    margin: 16px 0;
    font-size: calc(var(--font-h1-size) * 0.75);
}
.development-mv__content__subheading {
    font-size: calc(var(--font-body-size) * 1.08);
    margin: 16px 0;
}

@media (min-width: 768px) {
    .development-mv__content__heading {
        font-size: calc(var(--font-h1-size) * 0.6);
    }

    .development-mv__content__subheading {
        font-size: calc(var(--font-body-size) * 0.864);
    }
}
@media (min-width: 1024px) {
    .development-mv__content__heading {
        font-size: calc(var(--font-h1-size) * 1.2);
    }
    .development-mv__content__subheading{
        font-size: calc(var(--font-body-size) * 1.23);
    }
}
.development-product-imagedetail > div {
    display: flex;
    flex-direction: column;
    flex-direction: column;
    justify-content: center;
    flex: 0 0 calc(50%);
}
.development-product-imagedetail img {
    width: 100%;
    height: auto
}

.development-product-imagedetail .f-column h3 {
    margin: 0;
    text-align: center;
    font-size: 20px;
    line-height: 50px;
    
}

.development-product-imagedetail .f-column p {
    margin: 20px 10%;
    text-align: left;
    font-size: 13px;
    line-height: 1.5
}

.development-product-imagedetail .f-column table {
    margin: 20px 10%;
    text-align: left;
    font-size: 11px;
    line-height: 1.5;
    width: -webkit-fill-available;
    text-align:center;
}
.development-product-imagedetail .f-column table th,.development-product-imagedetail .f-column table td {
    padding: 12px;
    border: 1px solid #ddd;
    font-weight: normal;
}
.development-product-imagedetail .f-column table th{
    background:#eeeeee;
}
.development-product-imagedetail--reverse {
    flex-direction: row-reverse
}

.development-pickup-product,
.development-product-details {
    padding-bottom: 40px;
}
.development-product-details,.development-products {
    padding-top: 40px;
}
.development-item--pickup-product {
    margin-top: 30px;
}
.development-pickup-product:empty {
 display: none;
}
.development-top-banner {
    margin-bottom: 90px;
}
.development-item--product_carousel{
    max-width: 500px;
    margin: auto;
    overflow-x:hidden;
}
.development-item--product_carousel .product_carousel__thumbails {
    margin-top: 8px;
}
.development-item--product_carousel .product_carousel__thumbails .product__thumbs-item {
    opacity: 0.7;
}
.development-item--product_carousel .product_carousel__thumbails .swiper-slide-thumb-active {
    opacity: 1;
}
.development-item--product_carousel .product_carousel__description {
    margin-top: 22px;
    font-size: 14px;
}
.development-item--product_carousel .product_carousel__products {
    margin: 34px auto;
}
.development-item--product_carousel .product_carousel__products .product-card {
    margin-bottom: 8px;
}
.development-item--product_carousel .product_carousel__products .product-card__wrapper{
    display: grid;
    grid-template-columns: 100px 1fr;
    align-items: center;
    gap: 8px;
}
.development-item--product_carousel .product_carousel__products  .product-card__quickview {
    width: 2.5rem;
    height: 2.5rem;
    padding: 05px;
    bottom: 7px;
    right: 5px;
}
.development-item--product_carousel .product_carousel__products .product-card__info {
    padding-top: 0;
}
@media (max-width:767.98px) {
    .development-product-imagedetail .f-column table {
        width: 100%;
        margin: 20px 0;
    }
    .development-pickup-product, .development-product-details {
        padding-bottom: 0;
    }
    .development-product-imagedetail img {
        width: calc(100% + 36px);
        margin-left: -18px;
        margin-right: -18px;
        max-width: none;
        margin-bottom: 16px;

    }
    .development-product-imagedetail h2 {
        text-align: left
    }
    
    .development-product-imagedetail .f-column h3 {
        text-align: left;
        font-size: 16px;
        font-weight: 700;
    }
    .development-product-imagedetail,.development-pickup-product {
        
        
        padding-top:0;
    }
    .development-product-details {
        padding: 0 22px;
    }
    .development-top-banner {
        margin-bottom: 40px;
    }
    .development-product-imagedetail {
        
        display:block;
        margin-bottom: 0!important;

    }
    .development-product-imagedetail .f-column h2 {
        margin: 0;
    }
    .development-product-imagedetail .f-column h3{
        margin: -3px 0 0
    }
    .development-product-imagedetail .f-column p {
        margin: -7px 0 0
    }
}



.development-pickup-product h3 {
    font-size: 14px;
    text-align: center;
    margin-top: 80px
}

.development-pickup-product h2 {
    font-size: 21px;
    text-align: center;
    margin-top: 4px;
    margin-bottom: 40px
}

.development-pickup-product img {
    margin: 0 auto;
    display: block;
    max-width: 100%
}

.development-pickup-product p {
    width: 800px;
    margin: 40px auto;
    line-height: 1.8;
    text-align: justify;
}

@media (max-width:767.98px) {
    .development-pickup-product p {
        width: 100%
    }
}

.development-pickup-product .btn {
    margin: 0 auto;
    display: block;
    width: 200px
}

.development-pickup-product h2,
.development-product-details h2,
.development-products h2 ,
.development-product-imagedetail h3{
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}
.development-pickup-product h2,
.development-product-details h2,
.development-products h2 {
    text-align: center;
    font-size: 20px;
}

.development-product-details p {
    margin-top: 30px
}

.development-product-details img,
.development-products img,
.developmentlist-thumbnail img {
    width: 100%
}

.development-products h2 {
    text-align: center;
    font-size: 24px;
    margin-bottom: 40px;
}

.development-products .f-column {
    position: relative;
    padding-bottom: 90px;
    margin-bottom: 10px
}

.development-products .f-column .buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.development-products .title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: var(--line-clamp, unset);
    -webkit-box-orient: vertical;
    --line-clamp: 2;
    
}

.development-products .price {
    font-size: 16px;
    text-align: left;
    margin-bottom: 15px;
    margin-top: 0;
}

.development-products .btn {
    width: 200px;
    display: block;
    margin: 0 auto 20px;
    border-radius: 0
}


@media (max-width:767.98px) {
    .development-pickup-product h3 {
        margin-top: 23px
    }
    .development-pickup-product .btn {
        width: fit-content;
    }
    .development-product-details > .f-grid{
        row-gap: 40px;
    }
    .development-product-details h2 {
        text-align:left;
        margin: 8px auto!important;
    }
    .development-product-details p {
        margin-top: 0;
        font-size:14px;
    }
    .development-product-details .col-md-4 {
        margin-bottom: 20px;
    }
    
    .development-products .btn {
        width: fit-content;
        padding:  12px 8px;
    }
}

.development-products-viewall {
    text-align: center;
    background: #eee;
    padding: 40px 0;
    margin-top: 40px;
    margin-bottom: 40px
}
  
@media (min-width:768px) {
    .development-top-banner--pcwhite .development-scroll,
    .development-top-banner.development-top-banner--pcwhite {
        color: #fff
    }

    .development-top-banner--pcwhite .development-scroll .svgpath {
        stroke: #fff;
        fill: #fff
    }
    .development-item--product-details {
        max-width: 1030px;
        margin: auto;
    }
}

.development-item .collection-tags {
  display: none;
} 
.rte--feature .development-products-viewall .btn {
    margin-bottom: 0;
    width: fit-content;
    padding-top: 17px;
    padding-bottom: 17px;
    display: block;
    margin: auto;
    padding: 10px 30px;
    min-width: 250px;
    max-width: 400px;
    word-break: break-all;
}
.development .development-products-viewall .btn {
    margin-bottom: 0;
    width: 300px;
    padding-top: 17px;
    padding-bottom: 17px;
    margin: 0 auto;
    display: block;
    line-height: 1.5;
    font-size: 16px;
}
.developmentlist-date {
    color: #5a5f5a;
    font-weight: 700;
    margin-top: 0;
}

@media (max-width:767.98px) {
    .development .development-products-viewall .btn {
        padding: 12px 20px;
    }
    .developmentlist-date {
        margin-bottom: .5rem
    }
    .rte--feature .development-products-viewall .btn {
        padding: 10px;
        max-width: 90%;
        white-space: break-spaces;
    }
}

.developmentlist-row .developmentlist-product-title {
    margin: 20px 0 10px;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    
}

.developmentlist-row .f-column{
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 70px;
    max-width: none!important;
}

@media (max-width:767.98px) {
    .developmentlist-row .f-column {
        padding-bottom: 0;
        margin-bottom: 10px;
    }
}

.developmentlist-buttonarea {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px
}

.developmentlist-buttonarea .btn {
    
    padding-left: 30px;
    padding-right: 30px;
    display: block;
    margin: 0 auto;
    width: 60%;
    font-size: 14px;
    max-width: 225px;
}
.customer .customer__header h1 {
    padding-block-start: 0;
    font-size: 26px;
}
@media (max-width:767.98px) {
    .customer .customer__header h1 {
        position: relative;
    }
    .developmentlist-buttonarea {
        display: none
    }
}
development-products-viewall .tb==btn span {
    display:block;
}

.developmentlist-product-title{
    margin: 20px 0 10px;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
}
.main-page-title {
    font-size: 26px;
    padding-block-start: 24px;
    margin-bottom: 25px;
    line-height: 1.4;
}

.content-text h2 span {
    font-size: 15.6px!important;
}

.template--slider main > section{
    background: none;
    padding: 0;
    margin-bottom: 0;
}

.main-content .page__content .allitems .PC_fabricbox_title110 {
    font-size: 14.3px;
    margin-bottom: 1.5em;
    padding: 0.4em 1em;
    width: fit-content;
}
.wrap-ar .flex-container2{
    margin-top: 20px;
}
.main-content .page__content div.flexcolum2 .PC_fabricbox_title110{
    font-size: 13px;
}
.featured-blog__items:not(.f-grid) > .f-column{
    border-top: 1px solid #eee;
}
.featured-blog__items:not(.f-grid) > .f-column:last-child{
    border-bottom: 1px solid #eee;
}

.featured-blog__wrapper:not(.f-grid) .article-card__date.developmentlist-date {
    margin-bottom:0;
}
.featured-blog__items:not(.f-grid) > .f-column .article-card {
    padding: 5px 0;
}
@media only screen and (min-width: 768px), print {
    .featured-blog__items:not(.f-grid) > .f-column .article-card {
        padding: 10px 15px 5px;
    }
    .main-page-title {
        text-align: center;
        margin-top: 35px;

    }
    .main-content .page__content .allitems dt.PC_fabricbox_title110 {
        width: auto;
        text-align: center;
    }
    .article-card__date.developmentlist-date {
        margin-bottom: 16px;
    } 
}

.template--slider .page__content .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 20px;
}
.template--slider .page__content .col-6.col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
}
@media (min-width: 768px) {
    .template--slider .page__content .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
}
.flexWrap > div.lImg .imgbox {
    margin-bottom: 0!important;
}
.rte--feature .flexWrap>div.textbox {
    margin-top:1.5rem!important;
}
.main-content .page__content .flexWrap .textbox p ,.main-content .page__content .mImg p{
    margin: 1.5rem auto;
    font-size: 12.4px;
}
.summary_box>p {
    margin-top:0;
}
.textbox .summary_box>p ,.main-content .page__content .link p {
    margin-left: 0!important;
}
.template--slider .page__content .outfit-item {
    margin-block-start: 2.6rem!important;
}
.btn-primary {
    font-size: calc(var(--font-body-size) * 1.25)!important; 
    line-height: initial;
    min-width: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.developmentlist-row .col-md-4 {
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 50px;
}
.rte--feature h3{
    font-size: 16px;
}
.rte--feature p{
    margin-top: 0;
}

.rte--feature #aboutHybridcotton>dl>dd>p {
    margin-bottom: 3.2rem;
}

@media (min-width: 768px) {
    .justify-content-md-center {
        justify-content: center !important;
    }
}
.justify-content-md-center.row > div dd {
    margin-left: 0;
} 

.rte--feature .flexWrap h3{
    font-size: 16px;
}

.h2-wrap hr {
    height: 1px;
    background-color: #000;
    width: 100%;
    border: none;
    text-align: left;
    margin: 0 0 0 0;
}

@media only screen and (min-width: 768px), print {
    .top-img img {
        max-width: none;
    }
}

.page__content--slider .styling-title2 {
    margin-top: 10px;
}
.content-text > h2 {
margin-bottom: 2.6rem;
} 

.rte-feature p:last-of-type {
    margin-bottom: 1.5rem;
}

.title-wrap h2 {
    margin: 17.6px 0;
    font-size: 17.6px;
    font-weight: bolder;
    text-align: left;
}
@media only screen and (max-width: 767px) {
    .title-wrap h2 {
        font-size: 1.52rem;
    }
}
.flexbox .btn-wrap ,.content-toc  .btn-wrap{
    border:none;
    margin:0;
}
.content-toc h2{
    margin: 20px 0;
}
.content-text ul,.content-toc ul,.content-toc ol {
    padding-left: 40px;
    margin-bottom: 1.3rem;
}
.content-text ul li, .content-toc ul:not(.ul-subtitle) li {
    list-style: disc;
}
.content-toc:has(.ul-subtitle) ul.ul-subtitle {
    padding-left: 1rem;
    margin-bottom: 0;
}
.content-toc:has(.ul-subtitle) ul.ul-subtitle li {
    list-style: none;
}
.search-drawer {
    top: var(--header-height);
}
.search-drawer .fixed-overlay {
    transition: 0.01s cubic-bezier(.7,0,.2,1);
}
.search-drawer .drawer__inner{
    max-width: 100%;
    top: 0;
    height: 122px;
    text-align: right;
    --translate-x: 0!important;
    
}

.accordion-details-menu ul{
    
    grid-template-columns: 1fr 1fr;
    align-items: baseline;
    max-width: 70%;
    text-align: left;
    margin: auto;
}

.accordion-details-menu motion-element {
    width: 100%;
}
.footer-block--social_media .footer-block__heading{
   padding-bottom: 45px;
}

.f-flex .footer-block--menu .reversed-link{
    display:inline-flex;
    margin: 0;
}

.f-flex .footer-block--menu .menu-en{
    font-size: 14px;
}
.f-flex .footer-block--menu .menu-ja{
    font-size: 11px;
}
.footer-image-box__image {
    margin:auto;
    padding-right: 20px;
    width: calc(100% - 20px)
}
@media (max-width: 767px) {
    .search-drawer .drawer__inner{
        opacity: 0;
    }
    
    .f-flex .footer-block--menu {
        padding: calc(var(--gap-x, 0) / 1) calc(var(--gap-x, 0) / 2);
    }
    .footer-image-box__image {
        padding-right: 2%;
        width: calc(100% - 2%)
    }
    .footer-block--social_media  {
        border: none;
        margin: 30px auto 35px;
    }
    .accordion-details-menu ul{
        display: block;
        max-width: none;
    }
    .footer-block--menu {
        margin-top: 0px;
    }
    .footer-block--menu li{
        text-align:left;
        position: relative;
        display: block;
        margin: 0;
        padding: 5px;
        width: 100%;
        float: none;
    }

    .footer-block--social_media .footer-block__heading{
        display :none;
    }
    .footer-block--newsletter .footer-block__heading {
        text-align:left;
        padding-bottom: 0;
    }
    .footer__info {
        width: 100%;
    }
    .footer__info .list-unstyled {
        justify-content: center;
        width: 100%;
    }
    .menu-drawer__header a {
        visibility: visible;
    }
}
.menu-drawer__menus details[is=menu-drawer-details] .menu-drawer__submenu .menu-drawer__item-link {
    font-size: var(--font-body-size);
    font-weight: normal;
}
.menu-drawer__menus details[is=menu-drawer-details] svg {
    transform: rotate(90deg);
}
.menu-drawer__menus details[is=menu-drawer-details][open] svg {
    transform: rotate(-90deg)!important;
}
.menu-drawer__menus details[is=menu-drawer-details] .menu-drawer__submenu ul > p {
    font-size: var(--font-h5-size);
    margin: 20px 0 5px;
    font-weight: bold;
    
}
.menu-drawer__menus details[is=menu-drawer-details] .menu-drawer__submenu ul > p:first-of-type {
    margin-top: 0px;
    border-top: 0;
}

.menu-drawer__menus details[is=menu-drawer-details] > .menu-drawer__submenu{
    padding: 5px 10px;
    
}
.menu-drawer__menus details[is=menu-drawer-details] > .menu-drawer__submenu ul{
    padding: 0;
}
.menu-drawer__menus details[is=menu-drawer-details] > .menu-drawer__submenu ul li {
    padding: 5px;
}
.menu-drawer__item .menu-drawer__item-link span{
    border-bottom: 1px solid transparent;
    transition: all .3s;
}
@media (hover: hover) {
    .menu-drawer__item .menu-drawer__item-link span:hover  {
        border-bottom: 1px solid #000;
    }
}
.menu-drawer__menus details[is=menu-drawer-details] > .menu-drawer__submenu .menu-drawer__submenu{
}
details[is=menu-drawer-details] .menu-drawer__submenu .menu-drawer__submenu .v-scrollable{
    margin-top: 0;
    margin-left:0;
}
.announcement-bar__text {
    font-size: calc(var(--font-body-size) - 2px);
    line-height: 1.1;
    height: 12px;
}
a .f-column img {
    transition: opacity 0.3s;
}
.social__item .icon{
    height: auto!important;
}
.social__item .icon fill {
    background: transparent!important;
}

.menu-drawer__accounts,.drawer__banner {
    padding: 2rem;
}
.menu-drawer__accounts .btn{
    font-size: calc(var(--font-body-size) + 1px);
    padding: calc(var(--buttons-padding) / 3.5) var(--buttons-padding);
}
.menu-drawer__accounts .btn .cart-count {
    background-color: rgb(var(--color-secondary-button-text));
}
.drawer__banner motion-element{
    display:block;
    margin-bottom: 10px;
}
.drawer__banner motion-element:last-child {
    margin-bottom: 0;
}


.sec-box .subtitle {
    margin-bottom: 0;
}
@media (hover: hover) {
    .menu-drawer__accounts .btn:hover .cart-count {
        background-color: rgb(var(--color-secondary-button));
        color: rgb(var(--color-secondary-button-text));
    }
}

.boost-pfs-search-suggestion-mobile-top-panel {
    margin-top: 20px;
    margin-bottom: 20px;
}
.boost-pfs-search-suggestion-mobile-top-panel .boost-pfs-search-btn-close-suggestion{
  min-width: auto!important;
}

.boost-pfs-minicart-wrapper {
   display:none!important;
}
.boost-pfs-filter-product-bottom-inner  {
    line-height: 1.2;
}
.boost-pfs-filter-product-bottom-inner p {
    margin-bottom: 0.3rem;
}
.boost-pfs-filter-product-bottom-inner .collection-product-subtitle3 {
    font-size: calc(var(--font-body-size) + 3px);
    line-height: 21.9px;
}
.boost-pfs-filter-product-bottom-inner .collection-product-subtitle2,.boost-pfs-filter-product-bottom-inner .collection-product-subtitle1 {
    font-size: calc(var(--font-body-size) - 1px);
    color: #858585;
}
.boost-pfs-filter-collection-header-wrapper {
    border-bottom: 1px solid rgb(var(--color-border));
}

.boost-pfs-filter-collection-header-wrapper .boost-pfs-section-header {
   max-width: none!important;
}
.boost-pfs-filter-bottom-pagination>div,.boost-pfs-filter-bottom-pagination>div > a,.boost-pfs-filter-bottom-pagination>div >  span{
    display: flex;
}

.boost-pfs-filter-bottom-pagination-default ul{
    margin: 0 15%;
    display: flex;
    align-items: baseline;
    width: max-content;
}
.boost-pfs-filter-bottom-pagination-default>ul>li {
    text-align: center;
}
.boost-pfs-addtocart-wrapper {
    display: none!important;
}
@media (max-width: 767px) {
    body .boost-pfs-search-suggestion-mobile-top-panel .boost-pfs-search-btn-close-suggestion {
        position: absolute;
        right: 0;
    }
    body .boost-pfs-search-btn-clear-suggestion {
        top: 19px;
        right: 16%;
    }
    body .boost-pfs-search-suggestion-mobile-overlay {
        background: #fff!important;
        visibility:hidden!important;
       
    }
    body .boost-pfs-search-suggestion-mobile.boost-pfs-search-suggestion-wrapper.boost-pfs-search-suggestion-mobile {
        top: 82px !important;
        height: calc(100% - 82px)!important;
    }
    body .boost-pfs-search-suggestion-mobile-top-panel {
        height: auto;
        margin: 0;
        padding-bottom: 0;
        
    }
    body .boost-pfs-search-suggestion-mobile-top-panel form {
        height: auto;
        padding: 10px 0;
        
    }
    body .boost-pfs-search-suggestion-mobile-top-panel #boost-pfs-search-box-mobile{
        margin-left: 15px;
    }
    body .boost-pfs-search-btn-clear-suggestion {
        right: 60px;
    }
    .boost-pfs-filter-bottom-pagination>div > a svg {
        width: 1.1rem;
    }
    .boost-pfs-filter-collection-header-wrapper {
        padding-bottom: 30px!important;
        padding-top: 30px!important;
    }
    .boost-pfs-filter-product-bottom-inner .collection-product-subtitle3 {
        font-size: calc(var(--font-body-size) + 1px);
        line-height: 1.2;
    }
    .boost-pfs-filter-right-col .boost-pfs-filter-wrapper {
        margin-bottom: 40px;
    }
    .boost-pfs-filter-product-bottom-inner .collection-product-subtitle2,.boost-pfs-filter-product-bottom-inner .collection-product-subtitle1 {
        font-size: calc(var(--font-body-size) - 2px);
    }
    .boost-pfs-filter-bottom-pagination-default {
        justify-content: space-between!important;
    }
    .boost-pfs-filter-bottom-pagination-default ul{
        margin: 0;
    }
    .boost-pfs-filter-mobile-footer {
        padding: 20px 30px 0;
    }
}
@media (min-width: 768px){
    .boost-pfs-filter-right-col .boost-pfs-filter-bottom-pagination-default {
        margin-top: 30px;
    }
    .boost-pfs-container-default, .boost-pfs-container-default-box  {
        padding: 0 4rem!important;
    }
}

@media screen and (min-width: 1140px) {
.Container {
    padding: 0 80px;
}
}

@media screen and (min-width: 641px) {
.Container {
    padding: 0 50px;
}
}

.Container {
margin: 0 auto;
padding: 0 24px;
}

@media screen and (min-width: 641px) {
.PageContent {
    margin-bottom: 80px;
    margin-top: 80px;
}
}

.PageContent {
max-width: 1000px;
margin: 35px auto;
}

@media screen and (min-width: 641px) {
.PageLayout {
    display: flex;
    flex-wrap: nowrap;
}
}

@media screen and (min-width: 641px) {
.PageLayout__Section:first-child {
    margin-bottom: 0;
}
}

.PageLayout__Section:first-child {
margin-bottom: 60px;
}

@media screen and (min-width: 1140px) {
.PageLayout__Section--secondary {
    flex-basis: 290px;
    max-width: 290px;
}
}
@media screen and (min-width: 1008px) {
.PageLayout__Section--secondary {
    flex-basis: 235px;
    max-width: 235px;
}
}

@media screen and (min-width: 641px) {
.PageLayout__Section--secondary {
    flex: 1 1 200px;
    max-width: 200px;
}

.PageLayout__Section {
    flex: 1 0 0;
}
}

.PageLayout__Section--sticky {
top: calc(var(--header-height) + 20px);
}
.PageLayout__Section--sticky {
position: sticky;
top: 75px;
align-self: flex-start;
}
@media screen and (max-width: 678px) {
.PageLayout__Section--sticky {
    position: static;
}
}
@media screen and (min-width: 1140px) {
.PageLayout__Section + .PageLayout__Section {
    margin-left: 80px;
}
}

@media screen and (min-width: 641px) {
.PageLayout__Section + .PageLayout__Section {
    margin-left: 50px;
}
.PageLayout__Section {
    flex: 1 0 0;
}
}

*,
:after,
:before {
box-sizing: border-box !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

@media screen and (min-width: 641px) {
.features--heading-small .Rte h1,
.features--heading-small .u-h1 {
    font-size: 20px;
}
}

.features--heading-uppercase .Heading {
letter-spacing: 0.2em;
text-transform: uppercase;
}

.Anchor {
display: block;
position: relative;
top: -75px;
visibility: hidden;
}

svg:not(:root) {
overflow: hidden;
}

path [属性スタイル] {
d: path("M 1.5 1.5 l 8 7.5 l -8 7.5");
stroke-width: 2;
stroke: currentcolor;
fill: none;
fill-rule: evenodd;
stroke-linecap: square;
}

.Icon {
display: inline-block;
height: 1em;
width: 1em;
fill: currentColor;
vertical-align: middle;
stroke-width: 1px;
background: 0 0;
pointer-events: none;
}

body:not(.is-tabbing) [tabindex]:focus,
body:not(.is-tabbing) button:focus,
body:not(.is-tabbing) input:focus,
body:not(.is-tabbing) select:focus,
body:not(.is-tabbing) textarea:focus {
outline: 0;
}

.Rte {
word-break: break-word;
}

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


@media screen and (min-width: 641px) {
.features--heading-small .Rte h1,
.features--heading-small .u-h1 {
    font-size: 20px;
}
}
.features--heading-small .Rte h1,
.features--heading-small .u-h1 {
font-size: 20px;
}
.features--heading-uppercase .Heading {
letter-spacing: 0.2em;
text-transform: uppercase;
}

p:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 641px) {
.Faq__Section {
    margin-bottom: 34px;
}
.Faq__Section {
    margin-bottom: 20px;
}
}

.Faq__Section {
margin-bottom: 20px;
font-size: 22px;
text-align: left;
}

.Faq__Section ~ .Faq__Section {
margin-top: 34px;
}

.FaqSummary__Item {
margin-bottom: 12px;
}

.FaqSummary__Item.is-active::after {
width: 100%;
}

.FaqSummary__Link {
display: block;
}

.FaqSummary__LinkLabel {
position: relative;
display: inline-block;
}
.FaqSummary__LinkLabel::after {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 100%;
height: 1px;
transform: scale(0, 1);
transform-origin: left center;
background: currentColor;
transition: transform 0.2s linear;
}

.FaqSummary__Item.is-active .FaqSummary__LinkLabel::after {
transform: scale(1, 1);
}
.Faq__Section {
margin-bottom: 34px;
}

.Faq__Section ~ .Faq__Section {
margin-top: 60px;
}
.drawer-faq .form-status-list {
margin-bottom: 0;
}

.drawer-faq .drawer__inner {
border: 1px solid #858585;
}

.drawer-faq .drawer__inner .btn {
margin-bottom: 30px;
padding: 10px;
}



@media screen and (max-width: 640px) {
.hidden-phone {
    display: none;
}
}

/* shoppage --------------------------------------*/

.shop-container {
max-width: 800px;
margin: 0 auto;
width: 100%;
/*   font-size: 18px; */
padding-top: 50px;
}

.shop-title {
font-size: 25px;
text-align: left;
/*   text-indent: -0.9em; */
}

.shop-title-inline {
background: rgb(237, 237, 237, 0.7);
padding: 5px 15px;
}

.shop-head {
/*   text-indent: -1em; */
/*   font-size: 20px; */
}

.shop-square {
font-size: 20px;
}

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



.shop {
/*   text-indent: -1em; */
display: inline-block;
margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
.shop-content {
        margin-bottom: 40px;
    flex-direction: column !important;

}

.shop-content2 {
    display: flex;
    flex-direction: column-reverse !important;
}

.shop-title {
    text-indent: 0em;
}

.shop-head {
    text-indent: 0em;
}

/*   .shop {
    padding-left: 1em;
} */
}

.shop-content {
margin-bottom: 20px;
max-width: 800px;
width: 100%;

    display: flex;
    align-items: center;

}

.shop-image-wrapper1 {
width: 400px;
height: 250px;
width: 50%;
}
.shop-image-wrapper2 {
width: 400px;
height: 250px;
width: 50%;
position: relative;
}
@media screen and (max-width: 767px) {
.shop-image-wrapper2 {
margin-top:20px;
}
}

.shop-image1 {
object-fit: cover;
overflow: hidden;
width: 350px;
height: 230px;
}

.shop-image2 {
object-fit: cover;
overflow: hidden;
width: 100%;
height: 250px;
width: 400px;
position: absolute;
right: 0;
top: 0;
}

@media (min-width: 768px) {

.shop-image2 {
max-width: 90% !important;
}
}
@media (max-width: 767px) {

.shop-image2 {
max-width: 100% !important;
}
}

.shop-text {
width: 50%;
/*   padding-top: 70px; */
margin-left: 0;
}

.shop-text2 {
width: 50%;
}

@media (max-width: 768px) {
.shop-text2,.shop-text,.shop-image-wrapper2,.shop-image-wrapper1 ,.shop-image2,.shop-image1,.shop-line-image,.shop-input, .shop-letter{
    width: 100%;
}

.shop-letter {
    width: 100%;
}

}

.shop-subtitle {
font-size: 18px;
margin-bottom: 10px;
font-weight: bold;
}

#mc_embed_signup div.mce_inline_error {
display: none !important;
}

.shop-guide {
margin-top: 80px;
/*   font-size: 20px; */
margin-bottom: 30px;
}

.shop-discount {
margin-bottom: 30px;
/*   font-size: 18px; */
}
.shop-discount-link {
text-decoration: none;
}

.shop-discount span {
border-bottom: 1px solid #000;
}

.shop-discount-head {
font-weight: bold;
margin-bottom: 0;
}

.shop-flex {
display: flex;
margin: 0 auto;
/* max-width: 600px; */
width: 100%;
margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
.shop-flex {
    display: block;
}
}

@media (min-width: 768px) {
.shop-letter {
    flex: 1 0 33.33333%;
    max-width: 52.33333%;
}
}

.shop-letter {
/* width: 300px; */
border: none;
width: 400px;
}

@media (max-width: 767px) {
.shop-letter {
width: 100%;
}
}


@media (min-width: 768px) {
.shop-line {
    flex: 1 0 33.33333%;
    max-width: 42.33333%;
    height: 70px;
    margin-top: 38px;
    margin-left: 50px;
}
}


.shop-line-image {
max-width: 400px;
height: 70px;
}

@media (max-width: 767px) {
.shop-line {
width: 100%;
height: auto;

}

.shop-line-image {
    height: auto;
width: 100%;

}
}

.shop-about-title {
text-align: left;
margin-bottom: 30px;
}

.shop-about-inline {
border: 2px solid #000;
padding: 10px;
}

.shop-about {
margin-bottom: 50px;
}

.shop-detail {
text-decoration: none !important;
border-bottom: 1px solid #000;
}

@media (max-width: 767px) {
.shop-container {
/*     font-size: 16px; */
}

.shop-title-inline {
/*     font-size: 20px; */
}

.shop-head ,.shop-guide,.shop-discount{
/*     font-size: 18px; */
}

.shop-text {
    padding-top: 0;
}
.shop-text2 {
    margin-top: 20px;
}

.shop-guide {
    margin: 30px 0 10px;
}

.shop-letter form {
    padding-left: 0 !important;
}
}

#店舗について h1{
    display: none;
}

.shop-container {
padding-top: 10px;
}

.ReactModal__Content--after-open {
height: 80%!important;
}
.servicify-modal-close {

text-indent: -9999px;
}
@media (max-width:767.98px) {
.thead-light {
    display: none;
}
.responsive-table-row {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}
.responsive-table-row:not(:first-child){
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #c7c7c7;
}
.responsive-table-row td{
    display: flex;
    text-align: right;
}
.responsive-table-row td:before {
    color: rgba(var(--color-foreground), .75);
    content: attr(data-label);
    font-size: 13px;
    padding-right: 2rem;
    text-transform: uppercase;
    flex-grow: 1;
    text-align: left;
    width: 50%;
    display: block;
}
.responsive-table-row td a {
    width: 50%;
}
}
.DayPicker-Day {
    white-space: nowrap;
}


#nameModal span {
cursor:pointer;
}

.invoice-link.receipt-link {
font-size: 0;
}
.invoice-link.receipt-link:after {
content: 'ダウンロード';
font-size: 13px;
}
.swiper-button-prev{

inset-inline: 0 auto;
}
.swiper-button-next {
inset-inline: auto 0;
}

.swiper-container {
position: relative;
width: 100%;
margin: 0 auto 30px;
height: 300px;
overflow: hidden;
}
.swiper-scroll {
visibility: hidden;
margin-bottom: 30px;
}
.swiper-scroll.scroll-initialized {
visibility: visible;
}
/* スクロールバーが無効の時は非表示 */
.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}


/* ドラッグ時のカーソル */
.swiper-scrollbar-cursor-drag {
cursor: move;
}

/* ロック時非表示 */
.swiper-scrollbar-lock {
display: none;
}

.swiper-scrollbar {
position: relative;
touch-action: none;
background: #D9D9D9;
/* スクロールバーの背景色 */
height: 2px;
/* スクロールバーの高さ */
bottom: -10px;
/* スライダーの下から10pxに配置 */
left: 0px;
/* 左から10pxに配置 */
/* 左右の余白を考慮した幅 */
display: block;
/* margin-bottom: 26px; */
width: 100%;
max-width: 732px;
margin-left: auto;
margin-right: auto;
margin-top: -10px;
margin-bottom: 0;
}
.product__media-gallery-viewer-wrap .swiper-scrollbar {
margin-top: 0;
}
.swiper-scrollbar-drag {
display: block !important;
position: absolute;
top: -15px;
backface-visibility: hidden;
border-bottom: 2px solid #000;
height: 15px;
cursor: grabbing;
padding-bottom: 15px;
margin-bottom: 15px;
left: 0;
}
.section-divider {
max-width: 1120px
}
.shopify-section-group-footer-group {
margin-top: 20px;
}
.section--itemCategory.section--padding ,.collection-list.section--padding{
padding-block-start: min(6rem, var(--section-padding-top, 0) * 0.5);
}

.section--itemCategory .btn {
border: 1px solid #858585;
padding: 12px;
line-height: 1;
}

.section--itemCategory .category-item {
width: calc(50% - calc(var(--gap-y) /2 ));
}
.section--itemCategory .category-item.category-item--half {
width: calc(25% - calc(var(--gap-y) /1.3));
}
.section--itemCategory .category-grid.f-flex {
gap: var(--gap-y);

}

.collection-card__summary .text-subtext{
font-size: 14px;
line-height: 1.1;
}
.collection-card__summary div p {
text-align: justify;
}
@media (max-width:767px) {
.section--itemCategory .btn {
    padding: 10px;
}
.template-index .section__header .section__heading {
    text-align: center!important;
}
.template-index .drawer__recently-viewd .section__header .section__heading  {
    text-align: left!important;
}
.template-index .section--itemCategory .section__header { 
    padding-bottom: 2.4rem;
}
.template-index .section--itemCategory .category-grid {
    --gap-y: 10px;
}
.template-product .section-divider {
    display: none;
}

.swiper-button-prev,
.swiper-button-next {
    display: none;
}
.swiper-wrapper {
    padding-right: 60px;
    /* 最後のスライドの右端を見せるために余白 */
}
announcement-bar .swiper-wrapper {
    padding-right: 0;
}
.swiper-scroll {
    margin-bottom: 15px;
}
.swiper-scroll-scrollbar {
    /* margin-top: -24px;  */
    width: 100%;
    max-width: 94vw;
}
.section--itemCategory .category-item {
    width: calc(100% - calc(var(--gap-y) /2));
}
.section--itemCategory .category-item.category-item--half {
    width: calc(50% - calc(var(--gap-y) /1.3));
}
.section-collection-list-material .f-column {
    width: 50%;
}
.section-collection-list-material .f-column:first-child,
.section-collection-list-material .f-column:nth-child(2){
    width: 100%;
}

}
@media (min-width:768px) {
.section-collection-list-material .f-column:first-child,
.section-collection-list-material .f-column:nth-child(2) {
    width: 50%;
}

.section-collection-list-material .f-column {
    width: 25%; 
    order: unset !important;
}
}

#shopify-section-sections--19107485974750__mobile_sticky_bar_aYhgJK {
    margin: 0;
}