/* <<<変更不可ここから>>> */
.lp-wrapper {
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0em;
    line-height: 1.8;
    color: #000;
    margin-block: 17px 30px;
}

@media screen and (min-width: 768px) {
    .lp-wrapper {
        margin-block: 37px 55px;
    }
}

.lp-wrapper *,
.lp-wrapper::before,
.lp-wrapper::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.lp-wrapper * {
    font-family: 'Archivo', 'Noto Sans JP', sans-serif;
}
.lp-wrapper a {
    text-decoration: none;
}

.lp-container,
.lp-container-narrow,
.lp-container-wide {
    width: calc(100% - 40px);
    margin-inline: auto;
}

@media screen and (min-width: 768px) {
    .lp-container {
        width: min(1080px, calc(100% - 120px));
    }
}

@media screen and (min-width: 992px) {
    .lp-container-narrow {
        width: min(840px, calc(100% - 120px));
    }
}

@media screen and (min-width: 992px) {
    .lp-container-wide {
        width: 100%;
        max-width: 1440px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1520px) {
    .lp-container-wide {
        padding: 0 60px;
    }
}

.lp-h2 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 700;
}

@media screen and (min-width: 768px) {
    .lp-h2 {
        font-size: 24px;
    }
}


/* <<<変更不可ここまで>>> */

/*
ここからページ固有のスタイルを記述
ブレイクポイントは、PC：〜992px、Tab：〜768、SP：767〜
*/


#page-personnalisation .lp-container {
    background-color: #ff000025;
}

#page-personnalisation .lp-container-narrow {
    background-color: #00ff0025;
}

#page-personnalisation .lp-container-wide {
    /*background-color: #0000ff25;*/
}

/* app.css */

@media screen and (min-width: 768px) and (max-width: 1520px) {
    #page-personnalisation .row {
        padding: 0;
        align-items: center;
    }
}

#page-personnalisation .row .columns {
    position: relative;
}

@media only screen and (min-width: 768px) {
    #page-personnalisation .section-spacing-padding {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

#page-personnalisation .section-spacing-padding {
    padding-top: 0;
    padding-bottom: 10px;
}

/*# sourceMappingURL=/cdn/shop/t/5/assets/app.css.map?v=103068889843614668701743589149 */

/* rich-text.css */

#page-personnalisation .rich-text {
    background: var(--color-bg, var(--bg-body));
    color: var(--color-text, var(--color-body))
}

#page-personnalisation .rich-text__inner {
    max-width: 620px;
    margin: 0 auto;
    padding: 0
}

#page-personnalisation .rich-text__inner h3 {
    color: inherit
}

#page-personnalisation .rich-text__inner img,
#page-personnalisation .rich-text__inner .thb-placeholder {
    margin-bottom: 0
}

#page-personnalisation .rich-text__inner img.rich-text-main {
    margin-bottom: 50px;
}

#page-personnalisation .rich-text__inner .thb-placeholder {
    display: inline-block;
    width: 120px;
    height: 120px
}

#page-personnalisation .rich-text .rte {
    margin-bottom: 35px
}

#page-personnalisation .rich-text .rte p:last-child {
    margin-bottom: 0
}

#page-personnalisation .rich-text.text-position-left .rich-text__inner {
    margin-left: 0
}

#page-personnalisation .rich-text.text-position-right .rich-text__inner {
    margin-right: 0
}

#page-personnalisation .rich-text.text-width-small .rich-text__inner {
    max-width: 400px
}

#page-personnalisation .rich-text.text-width-large .rich-text__inner {
    max-width: 760px
}

#page-personnalisation .rich-text.text-width-regular .rich-text__inner {
    max-width: 730px
}

#page-personnalisation .rich-text.text-width-xlarge .rich-text__inner {
    max-width: 1000px
}

#page-personnalisation .rich-text.text-width-grid .rich-text__inner {
    max-width: 1380px
}

/*# sourceMappingURL=/cdn/shop/t/5/assets/rich-text.css.map?v=104470190786103623011735578276 */

/* custom-rich-text.css */

#page-personnalisation .rich-text__inner h3 {
    width: min(733px, 100%)
}

#page-personnalisation .rich-text__inner h3.h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 37px;
    width: 100%;
}

#page-personnalisation .rich-text__inner .rte {
    width: min(733px, 100%)
}

#page-personnalisation .rich-text__inner .rte.text-size-regular {
    color: #747474;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: calc(25 / 14);
    margin-bottom: 28px;
    margin-top: 31px;
    width: 100%;
}
#page-personnalisation .rich-text__inner .rte.text-size-regular.rich-text-head {
    line-height: 1.8;
    margin-bottom: 47px;
    margin-top: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1520px) {
    #page-personnalisation .rich-text__inner {
        padding: 0;
    }
}

@media screen and (max-width: 767px) {
    #page-personnalisation .rich-text__inner .rte.text-size-regular {
        font-size: 13px;
        margin-top: 24px;
        margin-bottom: 38px;
        padding: 0;
        text-align: left;
    }
    #page-personnalisation .rich-text__inner {
        padding: 0;
    }
    #page-personnalisation .rich-text.text-width-regular .rich-text__inner {
        padding: 0 18px;
    }

    #page-personnalisation .rich-text__inner h3,
    #page-personnalisation .rich-text__inner .rte {
        width: 100%
    }
    #page-personnalisation .rich-text__inner img.rich-text-main {
        margin-bottom: 30px;
        
    }
    #page-personnalisation .rich-text__inner img.rich-text-logo {
        width: 176.67px;
        margin-bottom: 20px;
    }
    #page-personnalisation .rich-text__inner h3.h3 {
        margin-bottom: 20px;
        font-size: 18px;
    }
    #page-personnalisation .rich-text__inner .rte.text-size-regular.rich-text-head {
        width: calc(100% - 46px);
        margin-inline: auto;
        margin-top: 20px;
        margin-bottom: 34px;
    }
}

/*# sourceMappingURL=/cdn/shop/t/5/assets/custom-rich-text.css.map?v=1623024959389885591744728106 */

/* image-title-description.css */

#page-personnalisation .image-title-description .row {
    display: block;
    padding-bottom: 47px
}

#page-personnalisation .image-title-description .row .columns {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 26px 19px;
}

#page-personnalisation .image-title-description .row .columns .section-column {
    flex: 0 0 calc(25% - 15px);
}

/* #page-personnalisation .image-title-description .row .columns .section-column .content {
    padding: 0 12px;
} */

#page-personnalisation .image-title-description .row .columns .section-column .content .column-name {
    margin-top: 7px;
    line-height: 20px;
    font-size: 14px;
    color: #000;
    text-align: center
}

#page-personnalisation .image-title-description .row .columns .section-column .content:hover .column-name {
    /*text-decoration: underline*/
}

#page-personnalisation .image-title-description .row .columns .section-column .content .description {
    display: none
}

#page-personnalisation .image-title-description .row .last-item-with-fixed-description {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px
}

#page-personnalisation .image-title-description .row .last-item-with-fixed-description .last-item {
    flex: 0 0 calc(25% - 12px)
}

#page-personnalisation .image-title-description .row .last-item-with-fixed-description .last-item .last-item-name {
    margin-top: 20px;
    line-height: 20px;
    font-style: italic;
    font-size: 14px;
    color: #222;
    text-align: center
}

#page-personnalisation .image-title-description .row .last-item-with-fixed-description .last-item:hover .last-item-name {
    text-decoration: underline
}

#page-personnalisation .image-title-description .row .last-item-with-fixed-description .last-item .description {
    display: none
}

#page-personnalisation .image-title-description .row .last-item-with-fixed-description .fixed-description {
    padding: 0 100px;
    font-size: 14px;
    color: #222;
    line-height: 21px;
    text-align: center
}

#page-personnalisation .image-title-description .row .last-item-with-fixed-description .fixed-description:hover {
    text-decoration: underline
}

#page-personnalisation .image-title-description .row .last-item-with-fixed-description .fixed-description P {
    margin: 0
}

#page-personnalisation .image-title-description .row .compartment .item-name .item-name-icon-wrap {
    display: none
}

#page-personnalisation .image-title-description .row .dynamic-description {
    margin: 0 auto;
    padding: 40px;
    width: 50%;
    text-align: center;
    color: #222;
    font-size: 14px;
    background: #fcf4f2
}

#page-personnalisation .image-title-description .row .dynamic-description.dynamic-description-hide {
    display: none
}

@media only screen and (max-width: 767px) {
    #page-personnalisation .image-title-description .row {
        padding: 0 10px 55px;
    }

    #page-personnalisation .image-title-description .row .columns {
        gap: 13px 0px;
        padding-bottom: 0;
        justify-content: space-between;
    }

    #page-personnalisation .image-title-description .row .columns .section-column {
        flex: 0 0 50%
    }

    #page-personnalisation .image-title-description .row .columns .section-column .content {
        margin-bottom: 0;
        padding: 0;
    }

    #page-personnalisation .image-title-description .row .columns .section-column .content .image-wrap {
        /*padding: 0 80px*/
    }

    #page-personnalisation .image-title-description .row .columns .section-column .content .column-name {
        margin-top: 12px;
        line-height: 1.8;
        font-size: 12px;
        color: #222;
        text-align: center
    }

    #page-personnalisation .image-title-description .row .columns .section-column .content:hover .column-name {
        text-decoration: underline
    }

    #page-personnalisation .image-title-description .row .columns .section-column .content .description {
        display: none;
        padding-top: 20px;
        text-align: center;
        color: #222;
        font-size: 14px
    }

    #page-personnalisation .image-title-description .row .last-item-with-fixed-description {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 60px
    }

    #page-personnalisation .image-title-description .row .last-item-with-fixed-description .last-item {
        flex: 0 0 100%
    }

    #page-personnalisation .image-title-description .row .last-item-with-fixed-description .last-item .image-wrap {
        padding: 0 80px
    }

    #page-personnalisation .image-title-description .row .last-item-with-fixed-description .last-item .description {
        padding-top: 20px;
        text-align: center;
        color: #222;
        font-size: 14px
    }

    #page-personnalisation .image-title-description .row .last-item-with-fixed-description .fixed-description {
        display: none
    }

    #page-personnalisation .image-title-description .row .compartment .item-name .item-name-icon-wrap {
        display: inline;
        margin-left: 20px
    }

    #page-personnalisation .image-title-description .row .compartment .item-name .item-name-icon-wrap .item-name-icon {
        display: inline-block
    }

    #page-personnalisation .image-title-description .row .compartment .item-name .item-name-icon-wrap .item-name-icon.up {
        transform: rotate(180deg)
    }

    #page-personnalisation .image-title-description .row .dynamic-description {
        display: none
    }
}

/*# sourceMappingURL=/cdn/shop/t/5/assets/image-title-description.css.map?v=32013106711715695871735578278 */

/* gallery.css */

#page-personnalisation .gallery__inner {
    display: grid;
    grid-gap: 0
}

@media only screen and (min-width: 768px) {
    #page-personnalisation .gallery__inner {
        grid-template-columns: repeat(var(--gallery-columns), 1fr)
    }
}

#page-personnalisation .gallery-spacing--none .gallery__inner {
    grid-gap: 0px;
    margin: 0 auto
}

#page-personnalisation .gallery-spacing--small .gallery__inner {
    grid-gap: 3px;
    margin: 0 auto
}

#page-personnalisation .gallery-spacing--medium .gallery__inner {
    grid-gap: 10px;
    margin: 10px auto
}

#page-personnalisation .gallery-spacing--large .gallery__inner {
    grid-gap: 30px;
    margin: 30px auto
}

#page-personnalisation .gallery__item svg {
    padding: 50px;
    fill: var(--bg-body, #fff);
    opacity: .5
}

#page-personnalisation .gallery__item figure {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 100%;
    background: var(--color-accent);
    padding-bottom: var(--ratio-percent)
}

#page-personnalisation .gallery__item figure.aspect-ratio--portrait {
    padding-bottom: 125%
}

#page-personnalisation .gallery__item figure.aspect-ratio--square {
    padding-bottom: 100%
}

#page-personnalisation .gallery__item figure.aspect-ratio--landscape {
    padding-bottom: 75%
}

#page-personnalisation .gallery__item figure img,
#page-personnalisation .gallery__item figure iframe,
#page-personnalisation .gallery__item figure video,
#page-personnalisation .gallery__item figure svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    object-fit: cover
}

#page-personnalisation .gallery__item figure:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    background: rgba(var(--overlay-color-rgb), var(--overlay-opacity))
}

#page-personnalisation .gallery__item-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    padding: 30px;
    color: #fff;
    display: flex
}

@media only screen and (min-width: 1068px) {
    #page-personnalisation .gallery__item-content {
        padding: 45px
    }
}

@media only screen and (min-width: 1440px) {
    #page-personnalisation .gallery__item-content {
        padding: 60px
    }
}

#page-personnalisation .gallery__item-content.content-top-left {
    justify-content: flex-start;
    align-items: flex-start
}

#page-personnalisation .gallery__item-content.content-top-center {
    justify-content: center;
    align-items: flex-start
}

#page-personnalisation .gallery__item-content.content-top-right {
    justify-content: flex-end;
    align-items: flex-start
}

#page-personnalisation .gallery__item-content.content-middle-left {
    justify-content: flex-start;
    align-items: center
}

#page-personnalisation .gallery__item-content.content-middle-center {
    justify-content: center;
    align-items: center
}

#page-personnalisation .gallery__item-content.content-middle-right {
    justify-content: flex-end;
    align-items: center
}

#page-personnalisation .gallery__item-content.content-bottom-left {
    justify-content: flex-start;
    align-items: flex-end
}

#page-personnalisation .gallery__item-content.content-bottom-center {
    justify-content: center;
    align-items: flex-end
}

#page-personnalisation .gallery__item-content.content-bottom-right {
    justify-content: flex-end;
    align-items: flex-end
}

#page-personnalisation .gallery__item-content h4 {
    color: inherit;
    margin-bottom: 15px
}

#page-personnalisation .gallery__item-content h4+.button {
    margin-top: 20px
}

#page-personnalisation .gallery__item-content p {
    margin-bottom: 15px
}

#page-personnalisation .gallery__item-content p.subheading {
    font-size: .75rem;
    margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
    #page-personnalisation .gallery__item-content>div {
        max-width: 90%
    }
}

#page-personnalisation .gallery__item-content>div>*:last-child {
    margin-bottom: 0
}

#page-personnalisation .gallery__item-content .button,
#page-personnalisation .gallery__item-content .text-button {
    position: relative;
    z-index: 22
}

#page-personnalisation .gallery__item-content-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 21
}

@media only screen and (max-width: 767px) {
    #page-personnalisation .gallery-spacing--large .gallery__inner {
        margin-bottom: 58px;
        margin-top: 0;
        grid-gap: 20px;
    }
    #page-personnalisation .gallery.swipe-on-mobile .gallery__inner {
        grid-auto-flow: column;
        grid-auto-columns: minmax(calc(90vw - 15px), 1fr);
        overflow-x: auto;
        grid-template-columns: repeat(auto-fill, minmax(calc(90vw - 15px), 1fr));
        scroll-snap-type: x mandatory;
        scrollbar-width: none
    }

    #page-personnalisation .gallery.swipe-on-mobile .gallery__inner::-webkit-scrollbar {
        display: none
    }

    #page-personnalisation .gallery.swipe-on-mobile .gallery__inner .gallery__item {
        scroll-snap-align: center;
        scroll-snap-stop: always
    }

    #page-personnalisation .row:not(.full-width-row-full) .gallery.swipe-on-mobile .gallery__inner {
        margin: 0 -15px;
        width: calc(100% + 30px)
    }
}

/*# sourceMappingURL=/cdn/shop/t/5/assets/gallery.css.map?v=2592995930925146421744879626 */

/* image-content-card.css */

#page-personnalisation .image-content-card .small-12 .section-container {
    display: flex;
    flex-wrap: wrap
}

#page-personnalisation .image-content-card .small-12 .section-container .container-title {
    width: 100%;
    color: #000;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 40px;
    margin-top: 40px
}

#page-personnalisation .image-content-card .small-12 .section-container .content-item {
    flex-shrink: 0;
    width: 50%;
    display: flex;
    justify-content: space-between
}

#page-personnalisation .image-content-card .small-12 .section-container .content-item.has-gap {
    margin-bottom: 40px;
    margin-top: 51px;
}

#page-personnalisation .image-content-card .small-12 .section-container .content-item .img-box img {
    width: auto;
    height: 100%;
    object-fit: cover
}

#page-personnalisation .image-content-card .small-12 .section-container .content-item .text-box {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px
}

#page-personnalisation .image-content-card .small-12 .section-container .content-item .text-box.large-gap {
    padding: 60px
}

#page-personnalisation .image-content-card .small-12 .section-container .content-item .text-box .title {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    /* margin-bottom: 10px */
    margin-top: 6px;
}

#page-personnalisation .image-content-card .small-12 .section-container .content-item.reverse .text-box .title {
    margin-top: 2px;
}

#page-personnalisation .image-content-card .small-12 .section-container .content-item .text-box .content {
    margin-top: 30px;
}

#page-personnalisation .image-content-card .small-12 .section-container .content-item .text-box .content p {
    color: #747474;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: calc(25 / 14);
}

#page-personnalisation .image-content-card .small-12 .section-container .content-item .text-box a {
    text-align: left
}

#page-personnalisation .image-content-card .small-12 .section-container .content-item .text-box .label {
    margin-top: 12px;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-decoration-line: underline;
}

#page-personnalisation .image-content-card .small-12 .section-container .content-item.reverse {
    flex-direction: row-reverse;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 24px;
    margin-top: 30px;
    margin-bottom: 56px;
}

#page-personnalisation .image-content-card .small-12 .section-container .full-width {
    width: 100%;
    flex-direction: row
}

#page-personnalisation .image-content-card .small-12 .section-container .full-width .img-box {
    width: 50%
}

#page-personnalisation .image-content-card .small-12 .section-container .full-width.reverse .img-box {
    width: 43%;
    transform: translate(-46px, -30px);
}

#page-personnalisation .image-content-card .small-12 .section-container .full-width .img-box img {
    width: 100%;
    height: auto;
    object-fit: cover
}

#page-personnalisation .image-content-card .small-12 .section-container .full-width .text-box {
    width: 50%
}
#page-personnalisation .image-content-card .small-12 .section-container .full-width.reverse .text-box {
    flex: 1 1 auto;
    max-width: calc(100% - 48% - 24px);
}

#page-personnalisation .image-content-card .small-12 .section-container .full-width .text-box.large-gap {
    padding: 30px 60px
}

@media screen and (max-width: 768px) {
    #page-personnalisation .image-content-card .small-12 .section-container .content-item .text-box .title {
        font-size: 16px;
        margin-top: 8px;
    }
    #page-personnalisation .image-content-card .small-12 .section-container .content-item .text-box .content {
        margin-top: 20px;
    }
    #page-personnalisation .image-content-card .small-12 .section-container .content-item .text-box .content p {
        font-size: 13px;
    }
    #page-personnalisation .image-content-card {
        padding: 0 16px
    }

    #page-personnalisation .image-content-card .small-12 {
        flex-direction: column
    }

    #page-personnalisation .image-content-card .small-12 .section-container .content-item {
        margin-bottom: 20px;
        flex-direction: column;
        width: 100%
    }

    #page-personnalisation .image-content-card .small-12 .section-container .content-item.has-gap {
        margin-bottom: 40px;
        margin-top: 0;
    }

    #page-personnalisation .image-content-card .small-12 .section-container .content-item.reverse {
        flex-direction: column;
        gap: 8px;
    }

    #page-personnalisation .image-content-card .small-12 .section-container .content-item .text-box {
        width: 100%;
        padding: 12px 0 0;
    }

    #page-personnalisation .image-content-card .small-12 .section-container .content-item .img-box {
        width: 100%
    }

    #page-personnalisation .image-content-card .small-12 .section-container .content-item .img-box img {
        width: 100%;
        height: auto;
        object-fit: cover
    }
    #page-personnalisation .image-content-card .small-12 .section-container .full-width.reverse .img-box {
        width: 100%;
        transform: none;
    }
    #page-personnalisation .image-content-card .small-12 .section-container .full-width.reverse .text-box {
        flex: none;
        max-width: 100%;
    }
}

/*# sourceMappingURL=/cdn/shop/t/5/assets/image-content-card.css.map?v=117553712107175483511735578283 */