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

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}

body {
    margin:0
}

main {
    display:block
}

p, table, blockquote, address, pre, iframe, form, figure, dl {
    margin:0
}

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

ul, ol {
    margin: 0;
    padding: 0;
    list-style:none
}

dt {
    font-weight:bold
}

dd {
    margin-left:0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border-top-width: 1px;
    margin: 0;
    clear: both;
    color:inherit
}

pre {
    font-family: monospace, monospace;
    font-size:inherit
}

address {
    font-style:inherit
}

a {
    background-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    color:inherit
}

abbr[title] {
    text-decoration:underline dotted
}

b, strong {
    font-weight:bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size:inherit
}

small {
    font-size:80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align:baseline
}

sub {
    bottom:-0.25em
}

sup {
    top:-0.5em
}

svg, img, embed, object, iframe {
    vertical-align:bottom
}

button, input, optgroup, select, textarea {
    -webkit-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    background: rgba(0, 0, 0, 0);
    padding: 0;
    margin: 0;
    border-radius: 0;
    text-align: inherit;
    text-transform:inherit
}

[type=checkbox] {
    -webkit-appearance: checkbox;
    appearance:checkbox
}

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

button, [type=button], [type=reset], [type=submit] {
    cursor:pointer
}

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

:-moz-focusring {
    outline:auto
}

select:disabled {
    opacity:inherit
}

option {
    padding:0
}

fieldset {
    margin: 0;
    padding: 0;
    min-width:0
}

legend {
    padding:0
}

progress {
    vertical-align:baseline
}

textarea {
    overflow:auto
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height:auto
}

[type=search] {
    outline-offset:-2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font:inherit
}

label[for] {
    cursor:pointer
}

details {
    display:block
}

summary {
    display:list-item
}

[contenteditable]:focus {
    outline:auto
}

table {
    border-color: inherit;
    border-collapse:collapse
}

caption {
    text-align:left
}

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

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

.swiper-outer-container.swiper-message.swiper-default.mx-auto.swiper-no-heading {
    display:none
}

header.triumph {
    position:relative !important
}

hr {
    border: none;
    background:none
}

/*20250820追加KV静止画バージョン*/
/* .kv {
  background: url("../img/kv-t2.webp") top center no-repeat;
  background-size: cover;
  height: 100vh;
  padding: 20vw clamp(1rem, 0.677002584rem + 1.3781223084vw, 2rem) clamp(2rem, 2rem + 0vw, 2rem) clamp(1rem, -15.6343669251rem + 70.9732988803vw, 52.5rem)
}
@media screen and (max-width: 767px) {
  .kv {
    background-image: url("../img/kv-t2@sp.webp");
    background-size: cover;
    height:70vh;
    padding: clamp(12.25rem, 12.25rem + 0vw, 12.25rem) clamp(0.625rem, 0.625rem + 0vw, 0.625rem) 0
  }
} */
.kv__inner {
  width: 25vw;
  text-align: center
}
@media screen and (max-width: 767px) {
  .kv__inner {
    text-align: center;
    width: 50%;
    margin: 0 auto 0 0
  }
}

/*kv-slide ver.*/

.kv {
    position: relative;
    overflow:hidden;
    background: #DCDCE0;
    max-width: 1504px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .kv {
        height:70vh
    }
}

.kv_slide {
    position: relative;
    max-width: 520px;
    width: 34vw;
    height: 51vw;
    overflow:hidden;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .kv_slide {
        width: 100%;
        max-width: 100%;
        height:70vh
    }
}

.kv_slide_item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 5s linear, opacity 1s ease;
    opacity:0
}

.kv_slide_item.active {
    opacity: 1;
    z-index:2
}

.kv_slide_item--1 {
    background: url("../img/kv-t3_01.webp") center center no-repeat;
    background-size:130% auto
}

@media screen and (max-width: 767px) {
    .kv_slide_item--1 {
        background: url("../img/kv-t3_01@sp.webp") top left no-repeat;
        background-size:130% auto
    }
}

.kv_slide_item--2 {
    background: url("../img/kv-t3_02.webp") center center no-repeat;
    background-size:130% auto
}

@media screen and (max-width: 767px) {
    .kv_slide_item--2 {
        background: url("../img/kv-t3_02@sp.webp") top left no-repeat;
        background-size:130% auto
    }
}

.kv_slide_item--3 {
    background: url("../img/kv-t3_03.webp") center center no-repeat;
    background-size:130% auto
}

@media screen and (max-width: 767px) {
    .kv_slide_item--3 {
        background: url("../img/kv-t3_03@sp.webp") top left no-repeat;
        background-size:130% auto
    }
}

.kv_slide_item--4 {
    background: url("../img/kv-t3_04.webp") top center no-repeat;
    background-size:130% auto
}

@media screen and (max-width: 767px) {
    .kv_slide_item--4 {
        background: url("../img/kv-t3_04@sp.webp") top left no-repeat;
        background-size:130% auto
    }
}

.kv_slide_item--5 {
    background: url("../img/kv-t3_05.webp") top center no-repeat;
    background-size:130% auto
}

@media screen and (max-width: 767px) {
    .kv_slide_item--5 {
        background: url("../img/kv-t3_05@sp.webp") top left no-repeat;
        background-size:130% auto
    }
}

.kv_slide_item.fade-out {
    opacity:0
}


.kv_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1));
    z-index:2
}

.kv_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    z-index:3
}

.kv-wrap__inner {
    background: #DCDCE0;
}

.kv__inner {
    width: 86%;
    text-align: center;
    display: flex;
    justify-content: space-between;
    margin: -32% auto 0;
    padding-bottom: 21%;
}

@media screen and (max-width: 767px) {
    .kv__inner {
        text-align: center;
        width: 50%;
        margin:0 auto 0 0
    }
}

.kv__inner__r {
    width: 22.32%;
}

@media screen and (max-width: 767px) {
    .kv__inner__r {
        display: none;
    }
}
    
.kv__inner__r img{
    width: 100%;
}


.kv__inner__l {
    width: 22.32%;
}

@media screen and (max-width: 767px) {
.kv__inner__l {
    position: absolute;
    bottom: 27%;
    top: 45%;
    left: 25%;
    z-index: 3;
    width: 120px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
}



.kv__inner__l img{
    width: 100%;
}

/*20250904add↓*/
.pc-only {
    display: block;
}
.sp-only {
    display: none;
}
@media screen and (max-width: 767px) {
    .pc-only {
        display: none;
    }
    .sp-only {
        display: block;
    }
}
/*20250904add↑*/

.kv h1 {
    font-family: "Lora", serif;
    font-weight: normal;
    font-size: clamp(1.75rem, 1.548126615rem + 0.8613264427vw, 2.375rem);
    font-weight: normal;
    color: #fff;
    margin-bottom: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
    letter-spacing:.05em
}

@media screen and (max-width: 767px) {
    .kv h1 {
        font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
        margin-bottom:clamp(0.625rem, 0.625rem + 0vw, 0.625rem)
    }
}

.kv p {
    width: clamp(5.8125rem, 4.5003229974rem + 5.5986218777vw, 9.875rem);
    margin:0 auto
}

@media screen and (max-width: 767px) {
    .kv p {
        margin:0 auto
    }
}

.kv p img {
    width:100%
}

.kv-wrap {
    padding: clamp(1rem, 1rem + 0vw, 1rem) clamp(1rem, 1rem + 0vw, 1rem) 0;
    background:linear-gradient(180deg, #FFFFFF 51%, #E0E0E0 100%)
}

@media screen and (max-width: 767px) {
    .kv-wrap {
        padding:clamp(0.5rem, 0.5rem + 0vw, 0.5rem)
    }
}

.fixed-banner {
    display: none;
    position: fixed;
    top: clamp(2rem, 2rem + 0vw, 2rem);
    right: clamp(2rem, 2rem + 0vw, 2rem);
    width: clamp(17.25rem, 17.25rem + 0vw, 17.25rem);
    z-index:101
}

@media screen and (max-width: 767px) {
    .fixed-banner {
        top: auto;
        right: auto;
        left: auto;
        width: 100%;
        bottom: clamp(1rem, 1rem + 0vw, 1rem);
        justify-content: center;
        align-items:center
    }
}

.fixed-banner a {
    width: 100%;
    display: block;
    transition:.6s
}

@media screen and (max-width: 767px) {
    .fixed-banner a {
        width: 40.1vw;
        margin:0
    }
}

.fixed-banner a img {
    width:100%
}

.fixed-banner a:hover {
    opacity: 1;
    text-decoration:none
}

.fixed-banner.js-NavtargetFixed {
    display:block
}

@media screen and (max-width: 767px) {
    .fixed-banner.js-NavtargetFixed ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 94%;
        margin:0 auto
    }
}

@media screen and (max-width: 767px) {
    .fixed-banner.js-NavtargetFixed ul li {
        width:32%
    }
}

@media screen and (max-width: 767px) {
    .fixed-banner.js-NavtargetFixed ul a {
        width:100%
    }
}

.fixed-banner-shoplist {
    background-color: #2f2e35;
    opacity: .9;
    color:#fff !important
}

@media screen and (min-width: 768px) {
    .fixed-banner-shoplist {
        border:1px solid rgba(112, 112, 112, .9)
    }
}

@media screen and (max-width: 767px) {
    .fixed-banner-shoplist {
        border:1px solid #707070
    }
}

.fixed-banner-shoplist p {
    background: url(../img/btn_arrow_white2.svg) center right no-repeat;
    background-size: clamp(2rem, 2rem + 0vw, 2rem) auto;
    display: inline-block;
    padding-right: clamp(4.0625rem, 4.0625rem + 0vw, 4.0625rem);
    font-size: clamp(0.625rem, 0.625rem + 0vw, 0.625rem);
    font-family: "Noto Sans JP", sans-serif
}

@media screen and (max-width: 767px) {
    .fixed-banner-shoplist p {
        background: url(../img/btn_arrow_white2@sp.svg) center right no-repeat;
        background-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem) auto;
        padding-right:clamp(2.25rem, 2.25rem + 0vw, 2.25rem)
    }
}

.fixed-banner-campaign {
    margin-top: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
    background-color: #2f2e35;
    background: url(../img/banner_shoplist.webp) top left no-repeat;
    background-size:100% auto
}

@media screen and (min-width: 768px) {
    .fixed-banner-campaign {
        opacity: .9;
        border:1px solid rgba(160, 137, 125, .9)
    }
}

@media screen and (max-width: 767px) {
    .fixed-banner-campaign {
        background: url(../img/banner_shoplist@sp.webp) top left no-repeat;
        background-size:100% auto
    }
}

.fixed-banner-campaign p {
    background: url(../img/btn_arrow_black.svg) center right no-repeat;
    background-size: clamp(2rem, 2rem + 0vw, 2rem) auto;
    display: inline-block;
    padding-right: clamp(4.0625rem, 4.0625rem + 0vw, 4.0625rem);
    font-size: clamp(0.625rem, 0.625rem + 0vw, 0.625rem);
    font-family: "Noto Sans JP", sans-serif
}

@media screen and (max-width: 767px) {
    .fixed-banner-campaign p {
        background: url(../img/btn_arrow_black@sp.svg) center right no-repeat;
        background-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem) auto;
        padding-right:clamp(2.25rem, 2.25rem + 0vw, 2.25rem)
    }
}

.ankerArea {
    display: none;
    position: fixed;
    top: clamp(2rem, 2rem + 0vw, 2rem);
    left: clamp(2rem, 1.354005168rem + 2.7562446167vw, 4rem);
    z-index:101
}

@media screen and (max-width: 767px) {
    .ankerArea {
        left:clamp(2rem, 2rem + 0vw, 2rem)
    }
}

.ankerArea li {
    font-family: "Lora", serif;
    font-weight: normal;
    font-size: clamp(1rem, 1rem + 0vw, 1rem);
    letter-spacing:.05em
}

.ankerArea li + li {
    margin-top:clamp(0.25rem, 0.25rem + 0vw, 0.25rem)
}

.ankerArea a {
    color:#fff
}

.ankerArea.js-NavtargetFixed {
    display:block
}

.lead {
    display: block;
    background:#e0e0e0
}

.lead__item {
    width: 100%;
    background: #e0e0e0;
    text-align: center;
    padding-top:clamp(3rem, 3rem + 0vw, 3rem)
}

@media screen and (max-width: 767px) {
    .lead__item {
        padding-top: clamp(64px, 64px + 0 * 100vw, 64px);
        width: 100%;
        height: auto;
        text-align:center
    }
}

.lead__item img {
    width: 100%;
    height:100vh
}

.lead__info {
    width: clamp(21.4375rem, 3.8139534884rem + 75.1937984496vw, 76rem);
    margin: 0 auto clamp(6rem, 6rem + 0vw, 6rem);
    background: #d2d2d2;
    padding: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
    font-size:clamp(0.8125rem, 0.8125rem + 0vw, 0.8125rem)
}

@media screen and (max-width: 767px) {
    .lead__info {
        width: 100%;
        margin-bottom: clamp(3rem, 3rem + 0vw, 3rem);
        padding:clamp(0.75rem, 0.75rem + 0vw, 0.75rem)
    }
}

@media screen and (max-width: 767px) {
    .lead__info p {
        font-size:clamp(0.5625rem, 0.5625rem + 0vw, 0.5625rem)
    }
}

.lead__info .spbl {
    display:none
}

@media screen and (max-width: 767px) {
    .lead__info .spbl {
        display:block
    }
}

.lead__picture img {
    width: 100%;
    height: 100%;
    object-fit:cover
}

.lead__1 {
    display: block;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: .09em;
    padding-top: 176px;
    padding-bottom: 296px;
    background: url("../img/lead_flower-t2.webp") bottom center no-repeat #e0e0e0;
    background-size:cover
}

@media screen and (max-width: 767px) {
    .lead__1 {
        display: block;
        padding: clamp(134px, 134px + 0 * 100vw, 134px) 0 clamp(186px, 186px + 0 * 100vw, 186px);
        width: 100%;
        height: auto;
        text-align: center;
        background: url("../img/lead_flower-t2@sp.webp") bottom center no-repeat #e0e0e0;
        background-size:cover
    }
}

.lead__1__content {
    max-width: 1280px;
    margin: 0 auto;
    display:flex
}

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

.lead__1 h2 {
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    font-style: normal;
    font-size: clamp(1.125rem, 1.003875969rem + 0.5167958656vw, 1.5rem);
    margin-bottom:clamp(1rem, 1rem + 0vw, 1rem)
}

.lead__1 p {
    font-size:14px
}

@media screen and (max-width: 767px) {
    .lead__1 p {
        line-height:clamp(1.1875rem, 1.1875rem + 0vw, 1.1875rem)
    }
}

.lead__1 p + p {
    margin-top:clamp(1rem, 1rem + 0vw, 1rem)
}

@media screen and (max-width: 767px) {
    .lead__1 p + p {
        font-size:clamp(0.8125rem, 0.8125rem + 0vw, 0.8125rem)
    }
}

.lead__1 p .spbl {
    display:none
}

@media screen and (max-width: 767px) {
    .lead__1 p .spbl {
        display:block
    }
}

.lead__1 .lead__caption {
    width: 79.1%;
    max-width: 1216px;
    margin: 0 auto 108px;
    background: #d2d2d2;
    padding:30px 0
}

@media screen and (max-width: 767px) {
    .lead__1 .lead__caption {
        width: 100%;
        padding: clamp(1.125rem, 1.125rem + 0vw, 1.125rem) clamp(1.6875rem, 1.6875rem + 0vw, 1.6875rem);
        margin-bottom:clamp(3.625rem, 3.625rem + 0vw, 3.625rem)
    }
}

.lead__1 .lead__caption p {
    width: 90%;
    margin: 0 auto;
    display: block;
    font-size: clamp(0.6875rem, 0.647125323rem + 0.1722652885vw, 0.8125rem);
    text-align: left;
    text-indent: -1em;
    padding-left:1em
}

@media screen and (max-width: 767px) {
    .lead__1 .lead__caption p {
        font-size: clamp(0.625rem, 0.625rem + 0vw, 0.625rem);
        width:100%
    }
}

.lead__p1 {
    margin-bottom:clamp(3rem, 3rem + 0vw, 3rem)
}

@media screen and (max-width: 767px) {
    .lead__p1 {
        margin-bottom:clamp(1.5rem, 1.5rem + 0vw, 1.5rem)
    }
}

.lead .content-title {
    background: #e0e0e0;
    padding-top: 120px;
    padding-bottom:clamp(3rem, 3rem + 0vw, 3rem)
}

@media screen and (max-width: 767px) {
    .lead .content-title {
        padding-top:clamp(4.375rem, 4.375rem + 0vw, 4.375rem)
    }
}

.lead__yout {
    max-width: 83.3333333333%;
    margin: 0 auto 0;
    width: 100%;
    position: relative;
    position: relative;
    padding-bottom: 46.25%;
    height: 0;
    overflow:hidden
}

@media screen and (max-width: 767px) {
    .lead__yout {
/*        margin-top: clamp(7.25rem, 7.25rem + 0vw, 7.25rem);*/
        margin-top:10%;
        padding-bottom:5%;
        height:auto
    }
}

.lead__yout__pc, .lead__yout__sp {
    width:100%
}

.collection-slide {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow:hidden
}

.collection-slide-wrapper {
    padding: 2.5vw 3.255vw;
    background: linear-gradient(#f6f2f3 0%, #dbd7d3 100%);
    position: relative;
    overflow:hidden
}

@media screen and (max-width: 767px) {
    .collection-slide-wrapper {
        padding:5.33vw
    }
}

.collection-slide-item {
    width:100%
}

.collection-slide-item img {
    width:100%
}

.collection-slide-item--flex {
    display: flex;
    align-items: center;
    background-color: #f9f8f4;
    justify-content:space-between
}

.collection-slide-item--flex dl {
    display: flex;
    align-items:center
}

@media screen and (max-width: 767px) {
    .collection-slide-item--flex dl {
        display: block;
        width:50%
    }
}

.collection-slide-item--flex dt {
    margin:0
}

.collection-slide-item--flex dt .collection-slide-l1 {
    width: 44.26vw;
    background-color: #f9f8f4;
    display: flex;
    overflow:hidden
}

@media screen and (max-width: 767px) {
    .collection-slide-item--flex dt .collection-slide-l1 {
        width:90.26vw
    }
}

.collection-slide-item--flex dt .collection-slide-l1-wrap {
    width: 22.13vw;
    overflow:hidden
}

@media screen and (max-width: 767px) {
    .collection-slide-item--flex dt .collection-slide-l1-wrap {
        width:100%
    }
}

.collection-slide-item--flex dt .collection-slide-l1 img {
    width:22.13vw
}

@media screen and (max-width: 767px) {
    .collection-slide-item--flex dt .collection-slide-l1 img {
        width:100%
    }
}

.collection-slide-item--flex dd {
    margin:0
}

.collection-slide-item--flex dd .collection-slide-l2 {
    width: 54.94vw;
    display: flex;
    overflow:hidden
}

@media screen and (max-width: 767px) {
    .collection-slide-item--flex dd .collection-slide-l2 {
        width:93vw
    }
}

.collection-slide-item--flex dd .collection-slide-l2-wrap {
    width: 27.47vw;
    overflow:hidden
}

@media screen and (max-width: 767px) {
    .collection-slide-item--flex dd .collection-slide-l2-wrap {
        width:100%
    }
}

.collection-slide-item--flex dd .collection-slide-l2 img {
    width:27.47vw
}

@media screen and (max-width: 767px) {
    .collection-slide-item--flex dd .collection-slide-l2 img {
        width:44.47vw
    }
}

.collection-slide-item--flex-last {
    transition:all .8s ease-out
}

.collection-slide-item--flex-last-wrap {
    width: 40.625vw;
    overflow:hidden
}

@media screen and (max-width: 767px) {
    .collection-slide-item--flex-last-wrap {
        width:50%
    }
}

.collection-slide-item--flex-last .collection-slide-item--flex-last-inner {
    width: 81.25vw;
    display: flex;
    overflow:hidden
}

@media screen and (max-width: 767px) {
    .collection-slide-item--flex-last .collection-slide-item--flex-last-inner {
        width:200%
    }
}

.collection-slide-item--flex-last .collection-slide-item--flex-last-inner img {
    width:40.625vw
}

@media screen and (max-width: 767px) {
    .collection-slide-item--flex-last .collection-slide-item--flex-last-inner img {
        width:44.6vw
    }
}

.js-collection-slide--active {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 110;
    width:100%
}

.js-photo-1 {
    margin-top:0
}

.js-photo-1--active {
    margin-top:100vh
}

.collection-slide-list {
    width: 280.44vw;
    height: 100%;
    display: flex;
    transition: all .3s;
    overflow:hidden
}

@media screen and (max-width: 767px) {
    .collection-slide-list {
        width:268vw
    }
}

.collection-slide-item {
    width: 100%;
    height: 100%;
    font-size: 16px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items:center
}

.collection-slide-item__inner {
    width:93.48vw
}

@media screen and (max-width: 767px) {
    .collection-slide-item__inner {
        width:89.34vw
    }
}

.slide1 {
    transform:translateX(0)
}

.slide2 {
    transform:translateX(-93.48vw)
}

@media screen and (max-width: 767px) {
    .slide2 {
        transform:translateX(-89.48vw)
    }
}

.slide3 {
    transform:translateX(-93.48vw)
}

@media screen and (max-width: 767px) {
    .slide3 {
        transform:translateX(-89.48vw)
    }
}

.slide3 .js-collection-slide-2 .collection-slide-l1 {
    transform:translateX(-22.13vw)
}

@media screen and (max-width: 767px) {
    .slide3 .js-collection-slide-2 .collection-slide-l1 {
        transform:translateX(-45.13vw)
    }
}

.slide3 .js-collection-slide-2 .collection-slide-l2 {
    transform:translateX(-27.47vw)
}

@media screen and (max-width: 767px) {
    .slide3 .js-collection-slide-2 .collection-slide-l2 {
        transform:translateX(-44.3vw)
    }
}

.slide3 .js-collection-slide-2 .collection-slide-item--flex-last {
    transform:translateX(-40.625vw)
}

@media screen and (max-width: 767px) {
    .slide3 .js-collection-slide-2 .collection-slide-item--flex-last {
        transform:translateX(-44.6vw)
    }
}

.slide4 {
    transform:translateX(-186.96vw)
}

@media screen and (max-width: 767px) {
    .slide4 {
        transform:translateX(-178.6vw)
    }
}

.collection-slide-item:nth-of-type(1) {
    background-color:#e1f3fc
}

.collection-slide-item:nth-of-type(2) {
    background-color:#fce8f0
}

.collection-slide-item:nth-of-type(3) {
    background-color:#e3f1e4
}

.collection-slide-buttons {
    display:none
}

.next {
    position: absolute;
    width: 8.46vw;
    height: 8.46vw;
    right: -1vw;
    bottom: 8vw;
    z-index: 10;
    cursor:pointer
}

.next img {
    width:100%
}

.prev {
    position: absolute;
    width: 8.46vw;
    height: 8.46vw;
    left: -1vw;
    bottom: 8vw;
    z-index: 10;
    cursor:pointer
}

.prev img {
    width:100%
}

.item-caption {
    color: #fff;
    font-size: clamp(0.5625rem, 0.5625rem + 0vw, 0.5625rem);
    margin: 0 clamp(0.75rem, 0.75rem + 0vw, 0.75rem) clamp(0.75rem, 0.75rem + 0vw, 0.75rem) 0;
    text-align: right;
    letter-spacing:.09em
}

.item-caption span {
    font-family: "Lora", serif;
    font-weight: normal;
    letter-spacing:.05em
}

.item-caption__credit {
    height: 28px;
    display: flex;
    align-items: flex-end;
    position: relative;
    z-index: 100;
    cursor:pointer
}

@media screen and (max-width: 767px) {
    .item-caption__credit {
        height: 28px;
        padding-top:0
    }
}

.item-caption__credit span {
    width: clamp(0.4375rem, 0.4375rem + 0vw, 0.4375rem);
    display: inline-block;
    margin-right: 8px;
    cursor:pointer
}

.item-caption__credit span img {
    vertical-align:baseline
}

.item-caption__credit.js-none {
    display:none
}

.item-caption__text {
    display: none;
    height:28px
}

.item-caption__text--1 {
    height: auto;
    padding-top: 14px;
    min-height:28px
}

.item-caption__text.active {
    display:block
}

@media screen and (max-width: 767px) {
    .photo-2__1 .item-caption__credit, .photo-3__3 .item-caption__credit, .photo-4__1 .item-caption__credit {
        align-items:flex-start
    }
}

@media screen and (max-width: 767px) {
    .photo-2__1 .item-caption__text--1 {
        padding-top:0
    }
}

.photo--flex {
    display: flex;
    align-items: flex-start;
    position: relative;
    z-index:100
}

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

.photo__title {
    position: absolute;
    top: clamp(22.75rem, 22.8509366925rem + -0.4306632214vw, 22.4375rem);
    right: clamp(10.625rem, 10.625rem + 0vw, 10.625rem);
    text-align: center;
    color:#fff
}

.photo__title p {
    font-size: clamp(0.75rem, 0.6894379845rem + 0.2583979328vw, 0.9375rem);
    margin-bottom: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
    letter-spacing:.09em
}

.photo__title h2 {
    font-size: clamp(1.75rem, 1.34625323rem + 1.7226528854vw, 3rem);
    font-family: "Lora", serif;
    font-weight: normal;
    letter-spacing:.05em
}

@media screen and (max-width: 767px) {
    .photo__title h2 {
        font-size:clamp(1.75rem, 1.75rem + 0vw, 1.75rem)
    }
}

.photo__title h2 span {
    font-size: clamp(2.25rem, 2.25rem + 0vw, 2.25rem);
    display:inline-block
}

@media screen and (max-width: 767px) {  
    .photo__title h2 span {
        font-size: 100%;
    }
}

.photo-item {
    width: 50%;
    display: flex;
    align-items: end;
    justify-content: flex-end;
    position:relative
}

@media screen and (max-width: 767px) {
    .photo-item {
        width:100%
    }
}

.photo-item--only {
    width: 100%;
}

.photo-item img {
    width:100%
}

/*NEW COLLECTION*/
/*5010 Series*/
.photo-1__1 {
    background: url("../img/nc5010-01.webp") top center no-repeat;
    background-size: cover;
    height:170vh
}

@media screen and (max-width: 767px) {
    .photo-1__1 {
        background-image: url("../img/nc5010-01@sp.webp");
        background-size: cover;
        padding-top: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
        height:100vh
    }
}

.photo-1__2 {
    background: url("../img/nc5010-02.webp") top center no-repeat;
    background-size: cover;
    height:170vh
}

@media screen and (max-width: 767px) {
    .photo-1__2 {
        background-image: url("../img/nc5010-02@sp.webp");
        background-size: cover;
        height:100vh
    }
}

.photo-1__2 .photo__title {
    display:block
}

@media screen and (max-width: 767px) {
    .photo-1__2 .photo__title {
        display:none
    }
}

.photo-1__title {
    right: clamp(2rem, 2rem + 0vw, 2rem);
    text-align: right;
    z-index:100
}

@media screen and (max-width: 767px) {
    .photo-1__title {
        text-align: left;
        bottom: auto;
        top: clamp(8.6875rem, 8.6875rem + 0vw, 8.6875rem);
        right: auto !important;
        left:clamp(0.625rem, 0.625rem + 0vw, 0.625rem)
    }
}
/*5010 Series*/
/*5025 Series*/
.photo-2__1 {
    background: url("../img/nc5025-01.webp") top center no-repeat;
    background-size: cover;
    height: 170vh;
    display: flex;
    align-items: end;
    justify-content: flex-end;
    position: relative;
    z-index:101
}

@media screen and (max-width: 767px) {
    .photo-2__1 {
        background-image: url("../img/nc5025-01@sp.webp");
        background-size: cover;
        height: 100vh;
        padding-top:clamp(0.75rem, 0.75rem + 0vw, 0.75rem)
    }
}

.photo-2__2 {
    background: url("../img/nc5025-02.webp") top center no-repeat;
    background-size: cover;
    height:170vh
}

@media screen and (max-width: 767px) {
    .photo-2__2 {
        background-image: url("../img/nc5025-02@sp.webp");
        background-size: cover;
        height:100vh
    }
}

.photo-2__title {
    right: clamp(2rem, 2rem + 0vw, 2rem);
    text-align: right;
    width: 100%;
    z-index:100
}

@media screen and (max-width: 767px) {
    .photo-2__title {
        bottom: auto;
        top: clamp(15.5625rem, 15.5625rem + 0vw, 15.5625rem);
        right: auto !important;
        left: clamp(0.625rem, 0.625rem + 0vw, 0.625rem);
        text-align: left;
        width:auto
    }
}
/*5025 Series*/
/*5024 Series*/
.photo-3__title {
    right: clamp(2rem, 2rem + 0vw, 2rem);
    text-align: right;
    z-index:100
}

@media screen and (max-width: 767px) {
    .photo-3__title {
        bottom: auto;
        top: clamp(15.5625rem, 15.5625rem + 0vw, 15.5625rem);
        right: auto !important;
        left: clamp(0.625rem, 0.625rem + 0vw, 0.625rem);
        text-align:left
    }
}

.photo-3__1 {
    background: url("../img/nc5024-01.webp") top center no-repeat;
    background-size: cover;
    height: 170vh;
    display: flex;
    align-items: end;
    justify-content: flex-end;
    position: relative;
    z-index:101
}

@media screen and (max-width: 767px) {
    .photo-3__1 {
        background-image: url("../img/nc5024-01@sp.webp");
        background-size: cover;
        height: 100vh;
        padding-top:clamp(0.75rem, 0.75rem + 0vw, 0.75rem)
    }
}

.photo-3__2 {
    background: url("../img/nc5024-03.webp") top center no-repeat;
    background-size: cover;
    height:170vh
}

@media screen and (max-width: 767px) {
    .photo-3__2 {
        background-image: url("../img/nc5024-03@sp.webp");
        background-size: cover;
        height:100vh
    }
}

.photo-3__list {
    width: 27%;
    position: sticky;
    top:0
}

@media screen and (max-width: 767px) {
    .photo-3__list {
        width: 100%;
        position:relative
    }
}
/*5024 Series*/
/*5022 Series*/
.photo-4__1 {
    background: url("../img/nc5022-01.webp") top center no-repeat;
    background-size: cover;
    height: 170vh;
    display: flex;
    align-items: end;
    justify-content: flex-end;
    position: relative;
    z-index:100
}

@media screen and (max-width: 767px) {
    .photo-4__1 {
        background-image: url("../img/nc5022-01@sp.webp");
        background-size: cover;
        height: 100vh;
        padding-top:clamp(0.75rem, 0.75rem + 0vw, 0.75rem)
    }
}

.photo-4__2 {
    background: url("../img/nc5022-02.webp") top center no-repeat;
    background-size: cover;
    height:170vh
}

@media screen and (max-width: 767px) {
    .photo-4__2 {
        background-image: url("../img/nc5022-02@sp.webp");
        background-size: cover;
        height:100vh
    }
}

.photo-4__title {
    right: clamp(2rem, 2rem + 0vw, 2rem);
    text-align: right;
    width: 100%;
    z-index:100
}

@media screen and (max-width: 767px) {
    .photo-4__title {
        bottom: auto;
        top: clamp(15.5625rem, 15.5625rem + 0vw, 15.5625rem);
        right: auto !important;
        left: clamp(0.625rem, 0.625rem + 0vw, 0.625rem);
        text-align: left;
        width:auto
    }
}
/*5022 Series*/
/*5023 Series*/
.photo-5__1 {
    background: url("../img/nc5023-01.webp") top center no-repeat;
    background-size: cover;
    height: 170vh;
    display: flex;
    align-items: end;
    justify-content: flex-end;
    position: relative
}

@media screen and (max-width: 767px) {
    .photo-5__1 {
        background-image: url("../img/nc5023-01@sp.webp");
        background-size: cover;
        height: 100vh;
        padding-top:clamp(0.75rem, 0.75rem + 0vw, 0.75rem)
    }
}

.photo-5__title {
    right: clamp(2rem, 2rem + 0vw, 2rem);
    text-align: right;
    z-index:100
}

@media screen and (max-width: 767px) {
    .photo-5__title {
        bottom: auto;
        top: clamp(15.5625rem, 15.5625rem + 0vw, 15.5625rem);
        right: auto !important;
        left: clamp(0.625rem, 0.625rem + 0vw, 0.625rem);
        text-align: left;
        width:auto
    }
}
/*5023 Series*/
/*5011 Series*/
.photo-6__1 {
    background: url("../img/nc5011-01.webp") top center no-repeat;
    background-size: cover;
    height: 170vh;
    display: flex;
    align-items: end;
    justify-content: flex-end;
    position: relative;
    z-index:101
}

@media screen and (max-width: 767px) {
    .photo-6__1 {
        background-image: url("../img/nc5011-01@sp.webp");
        background-size: cover;
        height: 100vh;
        padding-top:clamp(0.75rem, 0.75rem + 0vw, 0.75rem)
    }
}

.photo-6__2 {
    background: url("../img/nc5011-02.webp") top center no-repeat;
    background-size: cover;
    height:170vh
}

@media screen and (max-width: 767px) {
    .photo-6__2 {
        background-image: url("../img/nc5011-02@sp.webp");
        background-size: cover;
        height:100vh
    }
}

.photo-6__title {
    right: clamp(2rem, 2rem + 0vw, 2rem);
    text-align: right;
    width: 100%;
    z-index:100
}

@media screen and (max-width: 767px) {
    .photo-6__title {
        bottom: auto;
        top: clamp(15.5625rem, 15.5625rem + 0vw, 15.5625rem);
        right: auto !important;
        left: clamp(0.625rem, 0.625rem + 0vw, 0.625rem);
        text-align: left;
        width:auto
    }
}
/*5011 Series*/
/*4100・4101 Series*/
.photo-7__1 {
    background: url("../img/nc4100-01.webp") top center no-repeat;
    background-size: cover;
    height:170vh
}

@media screen and (max-width: 767px) {
    .photo-7__1 {
        background-image: url("../img/nc4100-01@sp.webp");
        background-size: cover;
        padding-top: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
        height:100vh
    }
}

.photo-7__2 {
    background: url("../img/nc4101-01.webp") top center no-repeat;
    background-size: cover;
    height:170vh
}

@media screen and (max-width: 767px) {
    .photo-7__2 {
        background-image: url("../img/nc4101-01@sp.webp");
        background-size: cover;
        height:100vh
    }
}

.photo-7__2 .photo__title {
    display:block
}

@media screen and (max-width: 767px) {
    .photo-7__2 .photo__title {
        display:none
    }
}

.photo-7__title {
    right: clamp(2rem, 2rem + 0vw, 2rem);
    text-align: right;
    z-index:100
}

@media screen and (max-width: 767px) {
    .photo-7__title {
        text-align: left;
        bottom: auto;
        top: clamp(8.6875rem, 8.6875rem + 0vw, 8.6875rem);
        right: auto !important;
        left:clamp(0.625rem, 0.625rem + 0vw, 0.625rem)
    }
}
/*4100・4101 Series*/

/*
.photo-2 {
    flex-direction:row-reverse
}

.photo-2__1 {
    background: url("../img/section2_1.webp") top center no-repeat;
    background-size: cover;
    height:170vh
}

@media screen and (max-width: 767px) {
    .photo-2__1 {
        background-image: url("../img/section2_1@sp.webp");
        background-size: cover;
        padding-top: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
        height:100vh
    }
}

.photo-2__2 {
    background: url("../img/section2_2.webp") top center no-repeat;
    background-size: cover;
    height:170vh
}

@media screen and (max-width: 767px) {
    .photo-2__2 {
        background-image: url("../img/section2_2@sp.webp");
        background-size: cover;
        height:100vh
    }
}

.photo-2__2 .photo__title {
    display:block
}

@media screen and (max-width: 767px) {
    .photo-2__2 .photo__title {
        display:none
    }
}

.photo-2__title {
    right: clamp(2rem, 2rem + 0vw, 2rem);
    text-align: right;
    z-index:100
}

@media screen and (max-width: 767px) {
    .photo-2__title {
        bottom: auto;
        top: clamp(15.5625rem, 15.5625rem + 0vw, 15.5625rem);
        left: auto !important;
        right: clamp(0.625rem, 0.625rem + 0vw, 0.625rem);
        text-align:right
    }
}

.photo-3__title {
    z-index: 100;
    top: clamp(22.75rem, 22.8509366925rem + -0.4306632214vw, 22.4375rem);
    right: auto;
    left:clamp(10.625rem, 10.625rem + 0vw, 10.625rem)
}

@media screen and (max-width: 767px) {
    .photo-3__title {
        bottom: auto;
        top: clamp(15.5625rem, 15.5625rem + 0vw, 15.5625rem);
        left: auto !important;
        right: clamp(0.625rem, 0.625rem + 0vw, 0.625rem);
        text-align:right
    }
}

.photo-3__1 {
    background: url("../img/section3_1.webp") top center no-repeat;
    background-size: cover;
    height: 170vh;
    width:73%
}

@media screen and (max-width: 767px) {
    .photo-3__1 {
        background-image: url("../img/section3_1@sp.webp");
        background-size: cover;
        width: 100%;
        height: 100vh;
        padding-top:clamp(0.75rem, 0.75rem + 0vw, 0.75rem)
    }
}

.photo-3__2 {
    background: url("../img/section3_2.webp") top center no-repeat;
    background-size: cover;
    width: 100%;
    height: 50vh;
    display: flex;
    justify-content: flex-end;
    align-items:end
}

@media screen and (max-width: 767px) {
    .photo-3__2 {
        background-image: url("../img/section3_2@sp.webp");
        background-size: cover;
        height:100vw
    }
}

.photo-3__3 {
    background: url("../img/section3_3.webp") top center no-repeat;
    background-size: cover;
    width: 100%;
    height: 50vh;
    display: flex;
    justify-content: flex-end;
    align-items:end
}

@media screen and (max-width: 767px) {
    .photo-3__3 {
        background-image: url("../img/section3_3@sp.webp");
        background-size: cover;
        height:100vw
    }
}

.photo-3__list {
    width: 27%;
    position: sticky;
    top:0
}

@media screen and (max-width: 767px) {
    .photo-3__list {
        width: 100%;
        position:relative
    }
}

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

.photo-4__1 {
    background: url("../img/section4_1.webp") top center no-repeat;
    background-size: cover;
    height: 170vh;
    display: flex;
    align-items: end;
    justify-content: flex-end;
    position: relative;
    z-index:101
}

@media screen and (max-width: 767px) {
    .photo-4__1 {
        background-image: url("../img/section4_1@sp.webp");
        background-size: cover;
        height: 100vh;
        padding-top:clamp(0.75rem, 0.75rem + 0vw, 0.75rem)
    }
}

.photo-4__2 {
    background: url("../img/section4_2.webp") top center no-repeat;
    background-size: cover;
    height:170vh
}

@media screen and (max-width: 767px) {
    .photo-4__2 {
        background-image: url("../img/section4_2@sp.webp");
        background-size: cover;
        height:100vh
    }
}

.photo-4__title {
    right: clamp(2rem, 2rem + 0vw, 2rem);
    text-align: right;
    width: 100%;
    z-index:100
}

@media screen and (max-width: 767px) {
    .photo-4__title {
        bottom: auto;
        top: clamp(15.5625rem, 15.5625rem + 0vw, 15.5625rem);
        left: auto !important;
        right: clamp(0.625rem, 0.625rem + 0vw, 0.625rem);
        text-align: right;
        width:auto
    }
}
*/

.content-title {
    text-align: center;
    padding:120px 0 50px
}

@media screen and (max-width: 767px) {
    .content-title {
        padding-top: 60px;
        padding-bottom:40px
    }
}

.content-title__en {
    color: #000;
    font-family: "Lora", serif;
    font-weight: normal;
    font-size: clamp(1.875rem, 1.47125323rem + 1.7226528854vw, 3.125rem);
    letter-spacing: .03em;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    letter-spacing:.05em
}

@media screen and (max-width: 767px) {
    .content-title__en {
        margin-bottom:clamp(0.625rem, 0.625rem + 0vw, 0.625rem)
    }
}

.content-title__jp {
    color: #000;
    font-family: "Shippori Mincho", serif;
    font-weight: 600;
    font-style: normal;
    font-size: clamp(.75rem, .669rem + .34vw, 1rem);
    letter-spacing: .26em;
    line-height: 1.5625;
    text-align: center;
    margin-top: clamp(0.625rem, 0.625rem + 0vw, 0.625rem);
    display:inline-block
}

.content-title__caption {
    margin-top: clamp(1rem, 1rem + 0vw, 1rem);
    font-size: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
    color:#333
}

@media screen and (max-width: 767px) {
    .content-title__caption {
        margin-top: clamp(0.625rem, 0.625rem + 0vw, 0.625rem);
        padding:0 8px
    }
}

.content-title__caption span {
    display: inline-block;
    text-indent: -1em;
    padding-left:1em
}

.content-title__caption .spbl {
    display:none
}

@media screen and (max-width: 767px) {
    .content-title__caption .spbl {
        display:block
    }
}

.lineup .content-title {
    padding-bottom:36px
}

.lineup__caption {
    width: 79.1%;
    max-width: 1216px;
    margin: 0 auto 40px;
    background: #fff;
    padding: 24px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: .09em;
    display:flex
}

@media screen and (max-width: 767px) {
    .lineup__caption {
        width: 93%;
        padding-bottom: 0;
        margin-bottom:20px
    }
}

.lineup__caption dt {
    font-size: 16px;
    color:#333
}

.lineup__caption__text {
    font-weight: normal;
    font-size:12px
}

.lineup__caption picture {
    display: block;
    width: 100px;
    margin-right:16px
}

.lineup__caption picture img {
    width:100%
}

.lineup__caption figcaption {
    text-align: left;
    flex:1
}

.lineup__caption p {
    width: 90%;
    margin: 0 auto;
    display: block;
    font-size: clamp(0.6875rem, 0.647125323rem + 0.1722652885vw, 0.8125rem);
    text-align: left;
    text-indent: -1em;
    padding-left:1em
}

@media screen and (max-width: 767px) {
    .lineup__caption p {
        font-size: clamp(0.625rem, 0.625rem + 0vw, 0.625rem);
        width:100%
    }
}

.lineup__caption__bottom {
    width: 79.1%;
    max-width: 1216px;
    margin: 0 auto 85px;
    text-align: left;
    font-size: 13px;
    color: #333;
    line-height:2em
}

@media screen and (max-width: 767px) {
    .lineup__caption__bottom {
        max-width: 93%;
        width: 100%;
        margin-bottom:35px
    }
}

.lineup__caption__bottom p {
    text-indent: -1em;
    padding-left:1em
}

.lineup-section {
    display: flex;
    align-items:flex-start
}

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

.lineup-section__figure {
    display: flex;
    align-items: center;
    justify-content: center;
    color:#fff
}

.lineup-section__figure h3 {
    font-family: "Lora", serif;
    font-weight: normal;
    font-size: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
    letter-spacing:.05em
}

@media screen and (max-width: 767px) {
    .lineup-section__figure h3 {
        font-size:clamp(1.125rem, 1.125rem + 0vw, 1.125rem)
    }
}

.lineup-section__figure span {
    display: block;
    font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
    margin-top:clamp(0.625rem, 0.625rem + 0vw, 0.625rem)
}

/*section-1*/
.lineup-section-1 .lineup-section__figure {
    background: url("../img/lineup1.webp") top center no-repeat;
    background-size: cover;
    height: 100vh;
    padding-right: clamp(1rem, 0.354005168rem + 2.7562446167vw, 3rem);
    justify-content: flex-end;
    text-align: right;
    position: sticky;
    top:0px
}

@media screen and (max-width: 767px) {
    .lineup-section-1 .lineup-section__figure {
        padding-left: clamp(0.8125rem, 0.8125rem + 0vw, 0.8125rem);
        padding-right: clamp(0.8125rem, 0.8125rem + 0vw, 0.8125rem);
        background: url("../img/lineup1@sp.webp") top center no-repeat;
        background-size: cover;
        align-items: flex-end;
        text-align: left;
        width: 100%;
        box-sizing: border-box;
        justify-content:flex-start
    }
}

@media screen and (max-width: 767px) {
    .lineup-section-1 .lineup-section__figure div {
        width:100%
    }
}

.lineup-section-1 .lineup-section__figure h3 br {
    display:none
}

@media screen and (max-width: 767px) {
    .lineup-section-1 .lineup-section__figure h3 br {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .lineup-section-1 .lineup-section__figure h3 {
        margin-bottom:clamp(1.5rem, 1.5rem + 0vw, 1.5rem)
    }
}

@media screen and (max-width: 767px) {
    .lineup-section-1 .lineup-section__figure h3 span {
        text-align:right
    }
}

.lineup-section-1 .lineup-section__list {
    background:#faece4
}

/*section-2*/
.lineup-section-2 .lineup-section__figure {
    background: url("../img/lineup2.webp") top center no-repeat;
    background-size: cover;
    height: 100vh;
    padding-left: clamp(1rem, 0.354005168rem + 2.7562446167vw, 3rem);
    justify-content: flex-start;
    text-align: left;
    position: sticky;
    top:0px
}

@media screen and (max-width: 767px) {
    .lineup-section-2 .lineup-section__figure {
        padding-left: clamp(1rem, 1rem + 0vw, 1rem);
        padding-right: clamp(1rem, 1rem + 0vw, 1rem);
        background: url("../img/lineup2@sp.webp") top center no-repeat;
        background-size: cover;
        align-items: flex-end;
        text-align: left;
        width: 100%;
        justify-content:flex-start
    }
}

.lineup-section-2 .lineup-section__figure div {
    position: relative;
    top:-3vw
}

@media screen and (max-width: 767px) {
    .lineup-section-2 .lineup-section__figure div {
        width:100%
    }
}

.lineup-section-2 .lineup-section__figure h3 br {
    display:none
}

@media screen and (max-width: 767px) {
    .lineup-section-2 .lineup-section__figure h3 br {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .lineup-section-2 .lineup-section__figure h3 {
        margin-bottom:clamp(1.5rem, 1.5rem + 0vw, 1.5rem)
    }
}

@media screen and (max-width: 767px) {
    .lineup-section-2 .lineup-section__figure h3 span {
        text-align:right
    }
}

/*section-3*/
.lineup-section-3 .lineup-section__figure {
    background: url("../img/lineup3.webp") top center no-repeat;
    background-size: cover;
    height: 100vh;
    padding-right: clamp(1rem, 0.354005168rem + 2.7562446167vw, 3rem);
    justify-content: flex-end;
    text-align: right;
    position: sticky;
    top:0px
}

@media screen and (max-width: 767px) {
    .lineup-section-3 .lineup-section__figure {
        padding-left: clamp(1rem, 1rem + 0vw, 1rem);
        padding-right: clamp(1rem, 1rem + 0vw, 1rem);
        background: url("../img/lineup3@sp.webp") top center no-repeat;
        background-size: cover;
        align-items: flex-end;
        text-align: left;
        width: 100%;
        justify-content:flex-start
    }
}

.lineup-section-3 .lineup-section__figure div {
    position: relative;
    top:-3vw
}

@media screen and (max-width: 767px) {
    .lineup-section-3 .lineup-section__figure div {
        width:100%
    }
}

.lineup-section-3 .lineup-section__figure h3 br {
    display:none
}

@media screen and (max-width: 767px) {
    .lineup-section-3 .lineup-section__figure h3 br {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .lineup-section-3 .lineup-section__figure h3 {
        margin-bottom:clamp(1.5rem, 1.5rem + 0vw, 1.5rem)
    }
}

@media screen and (max-width: 767px) {
    .lineup-section-3 .lineup-section__figure h3 span {
        text-align:right
    }
}

/*section-4*/
.lineup-section-4 .lineup-section__figure {
    background: url("../img/lineup4.webp") top center no-repeat;
    background-size: cover;
    height: 100vh;
    padding-left: clamp(1rem, 0.354005168rem + 2.7562446167vw, 3rem);
    justify-content: flex-start;
    text-align: left;
    position: sticky;
    top:0px
}

@media screen and (max-width: 767px) {
    .lineup-section-4 .lineup-section__figure {
        padding-left: clamp(1rem, 1rem + 0vw, 1rem);
        padding-right: clamp(1rem, 1rem + 0vw, 1rem);
        background: url("../img/lineup4@sp.webp") top center no-repeat;
        background-size: cover;
        align-items: flex-end;
        text-align: left;
        width: 100%;
        justify-content:flex-start
    }
}

.lineup-section-4 .lineup-section__figure div {
    position: relative;
    top:-3vw
}

@media screen and (max-width: 767px) {
    .lineup-section-4 .lineup-section__figure div {
        width:100%
    }
}

.lineup-section-4 .lineup-section__figure h3 br {
    display:none
}

@media screen and (max-width: 767px) {
    .lineup-section-4 .lineup-section__figure h3 br {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .lineup-section-4 .lineup-section__figure h3 {
        margin-bottom:clamp(1.5rem, 1.5rem + 0vw, 1.5rem)
    }
}

@media screen and (max-width: 767px) {
    .lineup-section-4 .lineup-section__figure h3 span {
        text-align:right
    }
}

/*section-5*/
.lineup-section-5 .lineup-section__figure {
    background: url("../img/lineup5.webp") top center no-repeat;
    background-size: cover;
    height: 100vh;
    padding-right: clamp(1rem, 0.354005168rem + 2.7562446167vw, 3rem);
    justify-content: flex-end;
    text-align: right;
    position: sticky;
    top:0px
}

@media screen and (max-width: 767px) {
    .lineup-section-5 .lineup-section__figure {
        padding-left: clamp(1rem, 1rem + 0vw, 1rem);
        padding-right: clamp(1rem, 1rem + 0vw, 1rem);
        background: url("../img/lineup5@sp.webp") top center no-repeat;
        background-size: cover;
        align-items: flex-end;
        text-align: left;
        width: 100%;
        justify-content:flex-start
    }
}

@media screen and (max-width: 767px) {
    .lineup-section-5 .lineup-section__figure div {
        width:100%
    }
}

.lineup-section-5 .lineup-section__figure h3 br {
    display:none
}

@media screen and (max-width: 767px) {
    .lineup-section-5 .lineup-section__figure h3 br {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .lineup-section-5 .lineup-section__figure h3 {
        margin-bottom:clamp(1.5rem, 1.5rem + 0vw, 1.5rem)
    }
}

@media screen and (max-width: 767px) {
    .lineup-section-5 .lineup-section__figure h3 span {
        text-align:right
    }
}

.lineup-section-5 .lineup-section__list {
    background:#226d74
}

/*section-6*/
.lineup-section-6 .lineup-section__figure {
    background: url("../img/lineup1.webp") top center no-repeat;
    background-size: cover;
    height: 100vh;
    padding-right: clamp(1rem, 0.354005168rem + 2.7562446167vw, 3rem);
    justify-content: flex-end;
    text-align: right;
    position: sticky;
    top:0px
}

@media screen and (max-width: 767px) {
    .lineup-section-6 .lineup-section__figure {
        padding-left: clamp(0.8125rem, 0.8125rem + 0vw, 0.8125rem);
        padding-right: clamp(0.8125rem, 0.8125rem + 0vw, 0.8125rem);
        background: url("../img/lineup1@sp.webp") top center no-repeat;
        background-size: cover;
        align-items: flex-end;
        text-align: left;
        width: 100%;
        box-sizing: border-box;
        justify-content:flex-start
    }
}

@media screen and (max-width: 767px) {
    .lineup-section-6 .lineup-section__figure div {
        width:100%
    }
}

.lineup-section-6 .lineup-section__figure h3 br {
    display:none
}

@media screen and (max-width: 767px) {
    .lineup-section-6 .lineup-section__figure h3 br {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .lineup-section-6 .lineup-section__figure h3 {
        margin-bottom:clamp(1.5rem, 1.5rem + 0vw, 1.5rem)
    }
}

@media screen and (max-width: 767px) {
    .lineup-section-6 .lineup-section__figure h3 span {
        text-align:right
    }
}

.lineup-section-6 .lineup-section__list {
    background:#faece4
}

/*section-7*/
.lineup-section-7 .lineup-section__figure {
    background: url("../img/lineup1.webp") top center no-repeat;
    background-size: cover;
    height: 100vh;
    padding-right: clamp(1rem, 0.354005168rem + 2.7562446167vw, 3rem);
    justify-content: flex-end;
    text-align: right;
    position: sticky;
    top:0px
}

@media screen and (max-width: 767px) {
    .lineup-section-7 .lineup-section__figure {
        padding-left: clamp(0.8125rem, 0.8125rem + 0vw, 0.8125rem);
        padding-right: clamp(0.8125rem, 0.8125rem + 0vw, 0.8125rem);
        background: url("../img/lineup1@sp.webp") top center no-repeat;
        background-size: cover;
        align-items: flex-end;
        text-align: left;
        width: 100%;
        box-sizing: border-box;
        justify-content:flex-start
    }
}

@media screen and (max-width: 767px) {
    .lineup-section-7 .lineup-section__figure div {
        width:100%
    }
}

.lineup-section-7 .lineup-section__figure h3 br {
    display:none
}

@media screen and (max-width: 767px) {
    .lineup-section-7 .lineup-section__figure h3 br {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .lineup-section-7 .lineup-section__figure h3 {
        margin-bottom:clamp(1.5rem, 1.5rem + 0vw, 1.5rem)
    }
}

@media screen and (max-width: 767px) {
    .lineup-section-7 .lineup-section__figure h3 span {
        text-align:right
    }
}

.lineup-section-7 .lineup-section__list {
    background:#faece4
}

/*section-8*/
.lineup-section-8 .lineup-section__figure {
    background: url("../img/lineup1.webp") top center no-repeat;
    background-size: cover;
    height: 100vh;
    padding-right: clamp(1rem, 0.354005168rem + 2.7562446167vw, 3rem);
    justify-content: flex-end;
    text-align: right;
    position: sticky;
    top:0px
}

@media screen and (max-width: 767px) {
    .lineup-section-8 .lineup-section__figure {
        padding-left: clamp(0.8125rem, 0.8125rem + 0vw, 0.8125rem);
        padding-right: clamp(0.8125rem, 0.8125rem + 0vw, 0.8125rem);
        background: url("../img/lineup1@sp.webp") top center no-repeat;
        background-size: cover;
        align-items: flex-end;
        text-align: left;
        width: 100%;
        box-sizing: border-box;
        justify-content:flex-start
    }
}

@media screen and (max-width: 767px) {
    .lineup-section-8 .lineup-section__figure div {
        width:100%
    }
}

.lineup-section-8 .lineup-section__figure h3 br {
    display:none
}

@media screen and (max-width: 767px) {
    .lineup-section-8 .lineup-section__figure h3 br {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .lineup-section-8 .lineup-section__figure h3 {
        margin-bottom:clamp(1.5rem, 1.5rem + 0vw, 1.5rem)
    }
}

@media screen and (max-width: 767px) {
    .lineup-section-8 .lineup-section__figure h3 span {
        text-align:right
    }
}

.lineup-section-8 .lineup-section__list {
    background:#faece4
}


.lineup-section__item {
    width:50%
}

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

@media screen and (max-width: 767px) {
    .lineup-section__list {
        display:block
    }
}

.lineup-section__list .lineUpArea_item {
    width: 50%;
    background-color: #eaeaea;
    border-right: 1px solid #2e2e2e;
    border-bottom:1px solid #2e2e2e
}

@media screen and (max-width: 767px) {
    .lineup-section__list .lineUpArea_item {
        width: 100%;
        border:none
    }
}

@media screen and (min-width: 768px) {
    .lineup-section__list .lineUpArea_item:last-child, .lineup-section__list .lineUpArea_item:nth-last-child(2):nth-child(odd) {
        border-bottom:none
    }
}

@media screen and (max-width: 767px) {
    .lineup-section__list .lineUpArea_item + .lineUpArea_item {
        border-top:1px solid #2e2e2e
    }
}

.lineup-section__list .lineUpArea_item img {
    width:100%
}

.lineup-section__list .lineUpArea_item_line {
    margin-bottom: 8px;
    display:flex
}

.lineup-section__list .lineUpArea_item_line div {
    height: 3px;
    margin-left: 4px;
    margin-right: 4px;
    background: #ebe0b9;
    width:100%
}

.lineup-section__list .lineUpArea_item_caption {
    background: #fff;
    padding:clamp(2.375rem, 2.375rem + 0vw, 2.375rem) clamp(0.5rem, 0.5rem + 0vw, 0.5rem) clamp(0.5rem, 0.5rem + 0vw, 0.5rem)
}

@media screen and (max-width: 767px) {
    .lineup-section__list .lineUpArea_item_caption {
        padding-left: clamp(0.6875rem, 0.6875rem + 0vw, 0.6875rem);
        padding-right:clamp(0.6875rem, 0.6875rem + 0vw, 0.6875rem)
    }
}

.lineup-section__list .lineUpArea_item_name p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 0.687rem;
    color: #707070;
    letter-spacing:.09em
}

.lineup2507-section {
    padding-left: 60px;
    padding-bottom:60px
}

@media screen and (max-width: 767px) {
    .lineup2507-section {
        padding-left: 8px;
        padding-bottom:30px
    }
}

.lineup2507-section .lineup2507-section__figure {
    padding-top: 410px;
    padding-bottom: 40px;
    height: auto;
    min-height: 560px;
    color: #fff;
    font-size: 28px;
    padding-left: 40px;
    font-family: "Lora", serif
}

@media screen and (max-width: 767px) {
    .lineup2507-section .lineup2507-section__figure {
        padding-top: clamp(10.875rem, 10.875rem + 0vw, 10.875rem);
        padding-bottom: clamp(2.4rem, 2.4rem + 0vw, 2.4rem);
        padding-left: clamp(0.625rem, 0.625rem + 0vw, 0.625rem);
        min-height:280px
    }
}

.lineup2507-section .lineup2507-section__figure h3 {
    font-family: "Lora", serif
}

.lineup2507-section .lineup2507-section__figure h3 span {
    font-size: 14px;
    display: block;
    margin-top:20px
}

.lineup2507-section .lineup2507-section__figure-wrap {
    padding-right:60px
}

@media screen and (max-width: 767px) {
    .lineup2507-section .lineup2507-section__figure-wrap {
        padding-right:8px
    }
}

/*section-1*/
.lineup2507-section-1 {
    background:linear-gradient(#9EBFE1 0%, #f8f7f3 100%)
}

.lineup2507-section-1 .lineup2507-section__figure {
    background: url(../img/fl5010kv.webp) top center no-repeat;
    background-size:cover
}

@media screen and (max-width: 767px) {
    .lineup2507-section-1 .lineup2507-section__figure {
        background: url(../img/fl5010kv@sp.webp) top center no-repeat;
        background-size:cover
    }
}

/*section-2*/
.lineup2507-section-2 {
    background:linear-gradient(#080B0C 0%, #f8f7f3 100%)
}

.lineup2507-section-2 .lineup2507-section__figure {
    background: url(../img/fl5025kv.webp) top center no-repeat;
    background-size:cover
}

@media screen and (max-width: 767px) {
    .lineup2507-section-2 .lineup2507-section__figure {
        background: url(../img/fl5025kv@sp.webp) top center no-repeat;
        background-size:cover
    }
}

/*section-3*/
.lineup2507-section-3 {
    background:linear-gradient(#DBAB97 0%, #f8f7f3 100%)
}

.lineup2507-section-3 .lineup2507-section__figure {
    background: url(../img/fl5024kv.webp) top center no-repeat;
    background-size:cover
}

@media screen and (max-width: 767px) {
    .lineup2507-section-3 .lineup2507-section__figure {
        background: url(../img/fl5024kv@sp.webp) top center no-repeat;
        background-size:cover
    }
}

/*section-4*/
.lineup2507-section-4 {
    background:linear-gradient(#292C3B 0%, #f8f7f3 100%)
}

.lineup2507-section-4 .lineup2507-section__figure {
    background: url(../img/fl5022kv.webp) top center no-repeat;
    background-size:cover
}

@media screen and (max-width: 767px) {
    .lineup2507-section-4 .lineup2507-section__figure {
        background: url(../img/fl5022kv@sp.webp) top center no-repeat;
        background-size:cover
    }
}

/*section-5*/
.lineup2507-section-5 {
    background:linear-gradient(#984855 0%, #f8f7f3 100%)
}

.lineup2507-section-5 .lineup2507-section__figure {
    background: url(../img/fl5011kv.webp) top center no-repeat;
    background-size:cover
}

@media screen and (max-width: 767px) {
    .lineup2507-section-5 .lineup2507-section__figure {
        background: url(../img/fl5011kv@sp.webp) top center no-repeat;
        background-size:cover
    }
}

/*section-6*/
.lineup2507-section-6 {
    background:linear-gradient(#CCD9BF 0%, #f8f7f3 100%)
}

.lineup2507-section-6 .lineup2507-section__figure {
    background: url(../img/fl5023kv.webp) top center no-repeat;
    background-size:cover
}

@media screen and (max-width: 767px) {
    .lineup2507-section-6 .lineup2507-section__figure {
        background: url(../img/fl5023kv@sp.webp) top center no-repeat;
        background-size:cover
    }
}

/*section-7*/
.lineup2507-section-7 {
    background:linear-gradient(#B19296 0%, #f8f7f3 100%)
}

.lineup2507-section-7 .lineup2507-section__figure {
    background: url(../img/fl4100kv.webp) top center no-repeat;
    background-size:cover
}

@media screen and (max-width: 767px) {
    .lineup2507-section-7 .lineup2507-section__figure {
        background: url(../img/fl4100kv@sp.webp) top center no-repeat;
        background-size:cover
    }
}

/*section-8*/
.lineup2507-section-8 {
    background:linear-gradient(#775B4A 0%, #f8f7f3 100%)
}

.lineup2507-section-8 .lineup2507-section__figure {
    background: url(../img/fl4101kv.webp) top center no-repeat;
    background-size:cover
}

@media screen and (max-width: 767px) {
    .lineup2507-section-8 .lineup2507-section__figure {
        background: url(../img/fl4101kv@sp.webp) top center no-repeat;
        background-size:cover
    }
}



.lineup2507-section__list {
    display:flex
}

.lineup2507-section__list .lineUpArea_item {
    width:384px !important
}

@media screen and (max-width: 767px) {
    .lineup2507-section__list .lineUpArea_item {
        width:163px !important
    }
}

.lineup2507-section__list .lineUpArea_item .imgWrap img {
    max-width: 384px;
    width:100%
}

.lineup2507-section__list .lineUpArea_item_caption {
    background: #fff;
    padding:clamp(2.375rem, 2.375rem + 0vw, 2.375rem) clamp(0.5rem, 0.5rem + 0vw, 0.5rem) clamp(0.5rem, 0.5rem + 0vw, 0.5rem)
}

.lineup2507-section__list .lineUpArea_item_name p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 0.687rem;
    color: #707070;
    letter-spacing: .09em;
    font-weight:bold
}

.lineup2507-section__list .lineUpArea_item_name p span {
    font-weight: normal;
    display:block
}

.lineup2507-section__list .lineUpArea_item_name p span em {
    font-size: 9px;
    font-style:normal
}

.lineup2507__bottom {
    display:flex
}

.lineup2507__info {
    width: 400px;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    position:relative
}

@media screen and (max-width: 767px) {
    .lineup2507__info {
        width: 35%;
        padding-top: 20px;
        padding-left: 10px;
        padding-right:10px
    }
}

.lineup2507__info__title {
    background: #fff;
    text-align: center;
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom:40px
}

@media screen and (max-width: 767px) {
    .lineup2507__info__title {
        font-size: 10px;
        margin-bottom:20px
    }
}

.lineup2507__info__img img{
    width:88px;
    display: block;
}

.lineup2507__info__img figure {
    display: flex;
}

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

.lineup2507__info__img figcaption {
    margin-left: 15px;
    font-size: 12px;
    color: #333333;
}

@media screen and (max-width: 767px) {
    .lineup2507__info__img figcaption {
        margin-left: 0;
        margin-top: 10px;
        font-size: 9px;
        color: #333333;
    }
}

.lineup2507__info__img p{
    font-size: 10px;
    color: #333333;
    margin-top: 10px;
    text-indent: -1em;
    padding-left: 1em;
}

@media screen and (max-width: 767px) {
    .lineup2507__info__img p{
        font-size: 7px;
        text-indent: 0;
        padding-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .lineup2507__info__img img{
        width: 60px;
        margin:0 auto
    }
}

@media screen and (max-width: 767px) {
    .lineup2507_prev {
        width:30px
    }
}

@media screen and (max-width: 767px) {
    .lineup2507_prev img {
        width:100%
    }
}

@media screen and (max-width: 767px) {
    .lineup2507_next {
        width:30px
    }
}

@media screen and (max-width: 767px) {
    .lineup2507_next img {
        width:100%
    }
}

.lineup2507__slides {
    flex: 1;
    margin-top:-95px
}

@media screen and (max-width: 767px) {
    .lineup2507__slides {
        margin-top:clamp(-1.875rem, -1.875rem + 0vw, -1.875rem)
    }
}

@media screen and (max-width: 767px) {
    .lineup2507__slides__japanmade {
        padding-bottom: 60px;
    }
}

.lineup2507__btns {
    display: flex;
    position: absolute;
    bottom: 0;
    right: 40px;
    width: 104px;
    justify-content:space-between
}

@media screen and (max-width: 767px) {
    .lineup2507__btns {
        width: 72px;
        margin: 0 auto;
        right: 0;
        left:0
    }
}

.lineup2507__btns .swiper-button-disabled {
    opacity: .3;
    pointer-events:none
}

.bigaku {
    background: url("../img/bg_concept.webp") top center no-repeat;
    background-size: cover;
    padding:clamp(2rem, -0.584rem + 11.02vw, 10rem) clamp(1.5rem, .047rem + 6.2vw, 6rem) clamp(12.688rem, 11.436rem + 5.34vw, 16.563rem)
}

@media screen and (max-width: 767px) {
    .bigaku {
        background: url("../img/bg_concept@sp.webp") bottom left #fff no-repeat;
        background-size: 100% auto;
        padding:clamp(2rem, 2rem + 0vw, 2rem) clamp(1.5rem, 1.5rem + 0vw, 1.5rem) clamp(12.6875rem, 12.6875rem + 0vw, 12.6875rem)
    }
}

.bigaku__title {
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    font-style: normal;
    font-size: clamp(15px, 12.0930232558px + 0.007751938 * 100vw, 24px);
    margin-bottom: clamp(33px, 22.9870801034px + 0.0267011197 * 100vw, 64px);
    line-height: clamp(33px, 27.5090439276px + 0.0146425495 * 100vw, 50px);
    letter-spacing:.09em
}

@media screen and (max-width: 767px) {
    .bigaku__title {
        margin-bottom:clamp(2rem, 2rem + 0vw, 2rem)
    }
}

.bigaku p {
    font-size: clamp(11px, 10.354005168px + 0.0017226529 * 100vw, 13px);
    line-height: clamp(30px, 30px + 0 * 100vw, 30px);
    color: #333;
    letter-spacing:.09em
}

@media screen and (max-width: 767px) {
    .bigaku p {
        line-height:clamp(1.25rem, 1.25rem + 0vw, 1.25rem)
    }
}

.bigaku p + p {
    margin-top:clamp(20px, 20px + 0 * 100vw, 20px)
}

.campaign {
    background: #fff;
    padding-bottom:clamp(83px, 75.2480620155px + 0.0206718346 * 100vw, 107px)
}

@media screen and (max-width: 767px) {
    .campaign {
        padding:0 clamp(2rem, 2rem + 0vw, 2rem) clamp(5.1875rem, 5.1875rem + 0vw, 5.1875rem)
    }
}

.campaign__inner {
    display: flex;
    justify-content: center;
    align-items:flex-start
}

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

.campaign__inner figure {
    width: clamp(245px, 194.2894056848px + 0.1352282515 * 100vw, 402px);
    position:relative
}

@media screen and (max-width: 767px) {
    .campaign__inner figure {
        margin:0 auto clamp(1rem, 1rem + 0vw, 1rem)
    }
}

.campaign__inner figcaption {
    position: absolute;
    top: -12%;
    left: -8%;
    background: #000;
    color: #fff;
    border-radius: 50%;
    width: clamp(97px, 84.4031007752px + 0.0335917313 * 100vw, 136px);
    height: clamp(97px, 84.4031007752px + 0.0335917313 * 100vw, 136px);
    font-size: clamp(14px, 12.7080103359px + 0.0034453058 * 100vw, 18px);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor:pointer
}

@media screen and (max-width: 767px) {
    .campaign__inner figcaption {
        top: -16%;
        left:-11%
    }
}

.campaign__inner .campaign__text {
    max-width: 486px;
    width: 100%;
    margin-left:clamp(32px, 32px + 0 * 100vw, 32px)
}

.campaign__inner .campaign__text h3 {
    font-size: clamp(17px, 14.7390180879px + 0.0060292851 * 100vw, 24px);
    padding-bottom: clamp(16px, 11.4780361757px + 0.0120585702 * 100vw, 30px);
    border-bottom: 1px solid #000;
    margin-bottom: clamp(16px, 8.2480620155px + 0.0206718346 * 100vw, 40px);
    font-weight: normal;
    line-height: clamp(32px, 27.8010335917px + 0.0111972438 * 100vw, 45px);
    letter-spacing:.09em
}

@media screen and (max-width: 767px) {
    .campaign__inner .campaign__text h3 {
        font-size: clamp(17px, 10.3035714286px + 0.0178571429 * 100vw, 24px);
        line-height: clamp(32px, 19.5637755102px + 0.0331632653 * 100vw, 45px);
        padding-bottom: clamp(16px, 16px + 0 * 100vw, 16px);
        margin-bottom: clamp(16px, 16px + 0 * 100vw, 16px);
        line-height:clamp(24px, 24px + 0 * 100vw, 24px)
    }
}

.campaign__inner .campaign__text p {
    font-size: 16px;
    letter-spacing:.09em
}

@media screen and (max-width: 767px) {
    .campaign__inner .campaign__text {
        width: 100%;
        margin:0 auto
    }
}

.campaign__inner .campaign__text ul {
    margin-top: clamp(16px, 10.8320413437px + 0.0137812231 * 100vw, 32px);
    font-size:clamp(11px, 10.677002584px + 0.0008613264 * 100vw, 12px)
}

.campaign__inner .campaign__text ul li {
    font-size: clamp(12px, 12px + 0 * 100vw, 12px);
    line-height: clamp(25px, 24.354005168px + 0.0017226529 * 100vw, 27px);
    text-indent: -1em;
    padding-left:1em
}

.campaign__picture {
    display: block;
    width:100%
}

.campaign__picture img {
    width:100%
}

.campaign__textlink {
    margin-top:clamp(32px, 32px + 0 * 100vw, 32px)
}

@media screen and (max-width: 767px) {
    .campaign__textlink {
        margin-top:clamp(16px, 16px + 0 * 100vw, 16px)
    }
}

.campaign__textlink a {
    text-decoration:underline
}

.lineUpArea_item a:hover {
    text-decoration:none
}

.lineUpArea_item_swiperArea {
    position:relative
}

.lineup .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom:-29px
}

.lineup .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    vertical-align:bottom
}

.lineup .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 31%;
    background: #e9e9e6;
    height: 14px;
    margin-left: 2px;
    margin-right:2px
}

@media screen and (max-width: 767px) {
    .lineup .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        height: 16px;
        margin-left: 7px;
        margin-right:7px
    }
}

.footer_reservation {
    background: url(../img/footer_reservation.webp) top center no-repeat;
    background-size: cover;
    padding: clamp(2rem, 0.1225775194rem + 8.0103359173vw, 7.8125rem) 40px;
    color:#fff
}

@media screen and (max-width: 767px) {
    .footer_reservation {
        background-image: url(../img/footer_reservation@sp.webp);
        background-size: cover;
        display: block;
        padding:clamp(2rem, 2rem + 0vw, 2rem)
    }
}

.footer_reservation__inner {
    max-width: 1056px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin:0 auto
}

@media screen and (max-width: 767px) {
    .footer_reservation__inner {
        width: 100%;
        display:block
    }
}

.footer_reservation .content-title__en {
    color: #fff;
    font-size: clamp(30px, 23.5400516796px + 0.0172265289 * 100vw, 50px);
    margin-bottom:clamp(8px, 5.4160206718px + 0.0068906115 * 100vw, 16px)
}

@media screen and (max-width: 767px) {
    .footer_reservation .content-title__en {
        text-align:left
    }
}

.footer_reservation__lead {
    line-height: clamp(1.5rem, 1.3586886305rem + 0.6029285099vw, 1.9375rem);
    letter-spacing:.09em
}

@media screen and (max-width: 767px) {
    .footer_reservation__lead {
        margin-bottom:clamp(1.5rem, 1.5rem + 0vw, 1.5rem)
    }
}

.footer_reservation__btn {
    width:520px
}

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

.footer_reservation__btn-link {
    border: 1px solid #fff;
    display: block;
    width: 100%;
    padding: 60px 48px;
    background: rgba(0, 0, 0, 0);
    transition:.6s
}

@media screen and (max-width: 767px) {
    .footer_reservation__btn-link {
        padding:39px 16px
    }
}

.footer_reservation__btn-link:hover {
    color: #fff;
    background: #000;
    border-color: #000;
    text-decoration:none
}

.footer_reservation__btn-link:hover picture {
    margin-right: clamp(0rem, 0rem + 0vw, 0rem);
    margin-left:clamp(1.5rem, 1.5rem + 0vw, 1.5rem)
}

.footer_reservation__btn-link figure {
    display: flex;
    align-items: center;
    justify-content:space-between
}

.footer_reservation__btn-link figcaption {
    display: block;
    font-size: clamp(0.8125rem, 0.7519379845rem + 0.2583979328vw, 1rem);
    margin-right:50px
}

@media screen and (max-width: 767px) {
    .footer_reservation__btn-link figcaption {
        margin-right:clamp(3.125rem, 3.125rem + 0vw, 3.125rem)
    }
}

.footer_reservation__btn-link picture {
    display: block;
    width: 7.2916666667vw;
    margin-right:clamp(1.5rem, 1.5rem + 0vw, 1.5rem)
}

@media screen and (max-width: 767px) {
    .footer_reservation__btn-link picture {
        margin-right: 0;
        width:11vw
    }
}

.footer_reservation__btn-link picture img {
    vertical-align:middle
}

@media screen and (max-width: 767px) {
    .footer_reservation__btn {
        margin:0 auto
    }
}

.nav__button {
    display: none;
    cursor:pointer
}

@media screen and (max-width: 767px) {
    .nav__button {
        display: block;
        position: fixed;
        top: clamp(1.375rem, 1.375rem + 0vw, 1.375rem);
        left: clamp(1.375rem, 1.375rem + 0vw, 1.375rem);
        z-index: 992;
        height: 32px;
        width: clamp(2rem, 2rem + 0vw, 2rem);
        padding:clamp(0.3125rem, 0.3125rem + 0vw, 0.3125rem)
    }
}

.nav__button.is-active .nav__button__line--1 {
    transform: translateY(4px) rotate(345deg);
    background-color:#fff
}

.nav__button.is-active .nav__button__line--2 {
    transform: translateY(0px) rotate(-345deg);
    background-color:#fff
}

.nav__button__line {
    background-color: #fff;
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transform-origin: center;
    transition-duration: 86ms;
    transition-property: background-color, opacity, transform;
    transition-timing-function: ease-out;
    width: 100%;
    position: relative;
    width:clamp(1.375rem, 1.375rem + 0vw, 1.375rem)
}

.nav__button__line--1 {
    top:9px
}

.nav__button__line--2 {
    top:calc(50% + 1px)
}

@media screen and (max-width: 767px) {
    .navlist-wrap {
        background: rgba(0, 0, 0, .45);
        z-index: 102;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: none;
        border-bottom: 1px solid #999;
        padding:clamp(3.375rem, 3.375rem + 0vw, 3.375rem) clamp(2rem, 2rem + 0vw, 2rem) 0
    }
}

.js-collection1target.js-collection1targetFixed {
    position: fixed;
    bottom:clamp(8.6875rem, 8.6875rem + 0vw, 8.6875rem)
}

.lineup .swiper-pagination-lock, .lineup .swiper-pagination-bullet:only-child {
    display:block !important
}

.lineup .swiper-pagination-bullet:only-child {
    width: 95% !important;
    margin:-8px 2px 0 7px !important
}

@media screen and (max-width: 767px) {
    .lineup .swiper-pagination-bullet:only-child {
        width:91% !important
    }
}

.js-animation--fadein {
    transition: 2.4s;
    animation-timing-function: ease-out;
    opacity:0
}

.js-animation--fadein.js-animation--active {
    opacity:1
}

.js-animation--fadein--2 {
    transition-delay:.8s
}

.js-animation--fadein--3 {
    transition-delay:1.6s
}

.pcbl {
    display:block
}

@media screen and (max-width: 767px) {
    .pcbl {
        display:none
    }
}

.spbl {
    display:none
}

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

@media screen and (max-width: 767px) {
    .is-fixed {
        overflow: hidden
    }
}

/*20250812追加*/
.lead__bnr {
    max-width: 53.3333333333%;
    margin: 0 auto 0;
    width: 100%;
    position: relative;
    position: relative;
    padding-top: 5%;
    padding-bottom: 15%;
    height: 0;
    overflow:hidden
}

@media screen and (max-width: 767px) {
    .lead__bnr {
/*        margin-top: clamp(7.25rem, 7.25rem + 0vw, 7.25rem);*/
        max-width: 83.3333333333%;
        margin-top:50px;
        margin-bottom:0;
        padding-top:0;
        padding-bottom:0;
        height:auto
    }
}

.lead__bnr__pc {
    width:100%
}