@charset "UTF-8";
body {
  animation: loading 3s;
  overflow-x: hidden; }

@keyframes loading {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
img {
  width: 100%;
  vertical-align: bottom; }

.u-sp {
  display: block; }
  @media (min-width: 670px) {
    .u-sp {
      display: none; } }

.u-pc {
  display: none; }
  @media (min-width: 670px) {
    .u-pc {
      display: block; } }

.l-wrapper {
  display: flex;
  flex-direction: column;
  overflow: visible; }
  @media (min-width: 670px) {
    .l-wrapper {
      gap: 2vw;
      flex-direction: row; } }

.l-wrapper_main {
  display: flex;
  flex-direction: column;
  overflow: visible;
  width: 100%;
  flex: 1.5; }
  @media (min-width: 900px) {
    .l-wrapper_main {
      flex-direction: row;
      gap: 7vw; } }

.c-imgBox {
  height: 200vh;
  position: relative;
  margin: auto; }
  .c-imgBox .c-imgBox_inner {
    position: sticky;
    top: 0px;
    height: 100vh;
    width: 100%; }
    .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(0, -50%); }
      .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea_txt__num___num {
        position: absolute;
        font-family: "miller-banner", serif;
        font-size: 32px;
        left: 7%; }
        @media (min-width: 900px) {
          .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea_txt__num___num {
            font-size: 42px;
            left: 5%; } }
        .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea_txt__num___num big {
          font-size: 40px; }
          @media (min-width: 900px) {
            .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea_txt__num___num big {
              font-size: 58px; } }
      .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-imgBox_inner__inner-child___img img {
        vertical-align: bottom; }
      .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .full-image {
        width: 100vw;
        height: 100vh;
        object-fit: cover; }
      .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea {
        position: absolute;
        padding: 0 5%;
        align-items: center;
        z-index: 3;
        top: 0px;
        left: 0;
        width: 100%;
        height: 100%;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        background-color: rgba(255, 255, 255, 0.6);
        opacity: 0;
        /* 初期は透明 */
        transition: opacity 0.5s ease;
        /* フェード効果 */
        pointer-events: auto;
        /* リンクを有効化 */
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: flex; }
        .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea .c-txtArea_txt {
          text-align: center;
          margin: auto;
          /* 通常時 */
          /* PC：hover時にアニメーション */
          /* SP：JSで追加する .active クラス時にもアニメーションさせる */ }
          .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea .c-txtArea_txt .c-txtArea_txt__item {
            width: 70%;
            margin-inline: auto; }
          .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea .c-txtArea_txt .c-txtArea_txt__num {
            display: flex;
            gap: 10px;
            align-items: center; }
            .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea .c-txtArea_txt .c-txtArea_txt__num .c-txtArea_txt__num___item {
              font-family: "miller-banner", serif;
              font-size: 18px; }
            .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea .c-txtArea_txt .c-txtArea_txt__num .c-txtArea_txt__num___bar {
              position: relative;
              width: 145px; }
              .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea .c-txtArea_txt .c-txtArea_txt__num .c-txtArea_txt__num___bar::after {
                position: absolute;
                content: '';
                width: 100%;
                height: 1px;
                background: #000;
                top: 0;
                left: 0; }
          .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea .c-txtArea_txt .c-txtArea_txt__name {
            font-size: 22px;
            font-family: "miller-banner", serif;
            margin-bottom: 7px;
            text-transform: uppercase; }
          .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea .c-txtArea_txt .c-txtArea_txt__info {
            line-height: 1.8;
            margin-bottom: 30px;
            color: #333 !important; }
            .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea .c-txtArea_txt .c-txtArea_txt__info a {
              text-decoration: underline;
              text-underline-offset: 3px; }
          .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea .c-txtArea_txt .c-txtArea_txt__credit {
            font-family: "miller-banner", serif;
            margin-bottom: 25px;
            font-size: 14px; }
          .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea .c-txtArea_txt .c-txtArea_txt__btn {
            display: inline-block; }
            .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea .c-txtArea_txt .c-txtArea_txt__btn span {
              font-family: "miller-banner", serif;
              font-size: 16px; }
          .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea .c-txtArea_txt .c-txtArea_txt__btn___inner {
            position: relative;
            display: inline-block;
            width: 150px;
            height: 40px;
            border: 1px solid;
            line-height: 35px;
            text-decoration: none;
            overflow: auto;
            cursor: pointer; }
          .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea .c-txtArea_txt .c-txtArea_txt__btn___inner____txt {
            position: absolute;
            left: 0;
            display: block;
            height: 100%;
            width: 100%;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            transition: top .8s;
            font-family: "miller-banner", serif; }
          .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea .c-txtArea_txt .c-txtArea_txt__btn___inner____txt:nth-child(1) {
            top: 0; }
          .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea .c-txtArea_txt .c-txtArea_txt__btn___inner____txt:nth-child(2) {
            top: -100%; }
          .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea .c-txtArea_txt .c-txtArea_txt__btn___inner:hover .c-txtArea_txt__btn___inner____txt:nth-child(1) {
            top: 100%; }
          .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea .c-txtArea_txt .c-txtArea_txt__btn___inner:hover .c-txtArea_txt__btn___inner____txt:nth-child(2) {
            top: 0; }
          .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea .c-txtArea_txt .c-txtArea_txt__btn___inner.active .c-txtArea_txt__btn___inner____txt:nth-child(1) {
            top: 100%; }
          .c-imgBox .c-imgBox_inner .c-imgBox_inner__inner-child .c-txtArea .c-txtArea_txt .c-txtArea_txt__btn___inner.active .c-txtArea_txt__btn___inner____txt:nth-child(2) {
            top: 0; }

.c-credit {
  font-family: "miller-banner", serif;
  margin-top: 10px;
  letter-spacing: 0.2px; }
  .c-credit a span {
    text-decoration: underline;
    text-underline-offset: 2px; }

.c-container {
  display: flex; }

.c-eng {
  font-family: "miller-banner", serif; }

.l-mv {
  width: 100%;
  height: 95vh;
  position: relative; }
  @media (min-width: 900px) {
    .l-mv {
      position: sticky;
      top: 0;
      max-width: 550px;
      height: 100vh;
      flex: 1; } }
  .l-mv .l-mvInner_img {
    background: url("https://img.ur-s.me/commerce/project/yuki/26ss/mv.jpg");
    background-position: center;
    background-size: cover;
    height: 100%; }
  .l-mv .l-mvInner_logo {
    position: absolute;
    top: 70vh;
    left: 15%;
    width: 70%; }

.l-main {
  max-width: 650px; }
  @media (min-width: 900px) {
    .l-main {
      flex: 1; } }
  .l-main .p-intro {
    margin-top: 70px;
    line-height: 24px; }
    @media (min-width: 900px) {
      .l-main .p-intro {
        margin-top: 48vh; } }
    .l-main .p-intro .p-txt {
      text-align: center; }
    .l-main .p-intro .p-lineup {
      width: 100%;
      margin-top: 50px;
      text-align: center; }
      .l-main .p-intro .p-lineup .p-lineup_ttl {
        font-family: "miller-banner", serif;
        font-size: 24px;
        margin-bottom: 15px;
        line-height: 1; }
      .l-main .p-intro .p-lineup .p-lineup_swipe {
        font-family: "miller-banner", serif;
        font-size: 12px;
        width: 95.5%;
        text-align: right;
        margin-top: 3px; }
    .l-main .p-intro .p-lineup_scroll {
      white-space: nowrap;
      overflow-x: scroll;
      display: flex;
      gap: 10px; }
      .l-main .p-intro .p-lineup_scroll div {
        flex-shrink: 0;
        width: 30%; }
  .l-main .p-item1, .l-main .p-item2, .l-main .p-item3, .l-main .p-item4, .l-main .p-item5, .l-main .p-item6, .l-main .p-item7 {
    margin-top: 120px; }
    @media (min-width: 670px) {
      .l-main .p-item1, .l-main .p-item2, .l-main .p-item3, .l-main .p-item4, .l-main .p-item5, .l-main .p-item6, .l-main .p-item7 {
        margin-top: 150px; } }
  .l-main .p-item1 .c-imgBox_inner__inner-child {
    background-image: url("https://img.ur-s.me/commerce/project/yuki/26ss/item1_main.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    max-width: 750px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }
    @media only screen and (min-width: 670px) {
      .l-main .p-item1 .c-imgBox_inner__inner-child {
        background-image: url("https://img.ur-s.me/commerce/project/yuki/26ss/item1_main_pc.jpg"); } }
  .l-main .p-item1 .p-item1_imgArea1 {
    margin-top: 80px; }
    .l-main .p-item1 .p-item1_imgArea1 .c-container {
      width: 100%;
      gap: 50px;
      flex-direction: column; }
      .l-main .p-item1 .p-item1_imgArea1 .c-container .p-item1_imgArea1__img1 {
        width: 80%; }
      .l-main .p-item1 .p-item1_imgArea1 .c-container .p-item1_imgArea1__img2 {
        width: 80%;
        margin-left: auto; }
    .l-main .p-item1 .p-item1_imgArea1 .c-creditArea {
      margin-top: 70px;
      width: 100%; }
      .l-main .p-item1 .p-item1_imgArea1 .c-creditArea .c-credit {
        margin-left: 10px; }
  .l-main .p-item1 .p-item1_imgArea2 {
    margin-top: 100px; }
    .l-main .p-item1 .p-item1_imgArea2 .p-item1_imgArea2__img1 {
      width: 70%;
      margin-left: auto; }
    .l-main .p-item1 .p-item1_imgArea2 .p-item1_imgArea2__img2 {
      width: 75%;
      margin: 70px auto; }
    .l-main .p-item1 .p-item1_imgArea2 .c-creditArea {
      width: 100%; }
      .l-main .p-item1 .p-item1_imgArea2 .c-creditArea .c-credit {
        margin-left: 10px; }
  .l-main .p-item1 .p-item1_imgArea3 {
    margin-top: 100px; }
    .l-main .p-item1 .p-item1_imgArea3 .p-item1_imgArea3__img1 {
      width: 80%;
      margin-inline: auto; }
    .l-main .p-item1 .p-item1_imgArea3 .p-item1_imgArea3__img2 {
      width: 100%;
      width: 80%;
      margin-top: 70px; }
    .l-main .p-item1 .p-item1_imgArea3 .c-creditArea {
      margin-top: 50px;
      width: 80%;
      margin-left: auto; }
  .l-main .p-item2 .c-imgBox_inner__inner-child {
    background-image: url("https://img.ur-s.me/commerce/project/yuki/26ss/item2_main.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    max-width: 750px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }
    @media only screen and (min-width: 670px) {
      .l-main .p-item2 .c-imgBox_inner__inner-child {
        background-image: url("https://img.ur-s.me/commerce/project/yuki/26ss/item2_main_pc.jpg"); } }
  .l-main .p-item2 .p-item2_imgArea1 {
    margin-top: 80px; }
    .l-main .p-item2 .p-item2_imgArea1 .c-container {
      width: 90%;
      margin-inline: auto;
      gap: 70px;
      flex-direction: column; }
    .l-main .p-item2 .p-item2_imgArea1 .p-item2_imgArea1__img1 {
      margin-left: auto;
      width: 80%; }
    .l-main .p-item2 .p-item2_imgArea1 .p-item2_imgArea1__img2 {
      width: 80%; }
    .l-main .p-item2 .p-item2_imgArea1 .c-creditArea {
      margin: 70px auto 0;
      width: 100%; }
      .l-main .p-item2 .p-item2_imgArea1 .c-creditArea .c-credit {
        margin-left: 10px; }
  .l-main .p-item2 .p-item2_imgArea2 {
    margin-top: 80px; }
    .l-main .p-item2 .p-item2_imgArea2 .c-container {
      flex-direction: column;
      margin: 0 auto 70px;
      gap: 70px; }
      .l-main .p-item2 .p-item2_imgArea2 .c-container .p-item2_imgArea2__img1 {
        width: 75%; }
      .l-main .p-item2 .p-item2_imgArea2 .c-container .p-item2_imgArea2__img2 {
        width: 80%;
        margin-left: auto; }
    .l-main .p-item2 .p-item2_imgArea2 .c-creditArea {
      width: 90%;
      margin: auto; }
  .l-main .p-item2 .p-item2_imgArea3 {
    margin-top: 100px; }
    .l-main .p-item2 .p-item2_imgArea3 .p-item2_imgArea3__img1 {
      width: 90%;
      margin: 0 auto 80px; }
    .l-main .p-item2 .p-item2_imgArea3 .p-item2_imgArea3__img2 {
      width: 80%;
      margin-bottom: 90px; }
    .l-main .p-item2 .p-item2_imgArea3 .c-creditArea {
      width: 80%;
      text-align: right;
      margin-inline: auto; }
      .l-main .p-item2 .p-item2_imgArea3 .c-creditArea .p-item2_imgArea3__img3 {
        width: 68%;
        margin-left: auto; }
  .l-main .p-item3 .c-imgBox_inner__inner-child {
    background-image: url("https://img.ur-s.me/commerce/project/yuki/26ss/item3_main.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    max-width: 750px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }
    @media only screen and (min-width: 670px) {
      .l-main .p-item3 .c-imgBox_inner__inner-child {
        background-image: url("https://img.ur-s.me/commerce/project/yuki/26ss/item3_main_pc.jpg"); } }
  .l-main .p-item3 .p-item3_imgArea1 {
    margin-top: 80px; }
    .l-main .p-item3 .p-item3_imgArea1 .c-creditArea {
      margin: 70px auto 0;
      width: 80%;
      text-align: right; }
    .l-main .p-item3 .p-item3_imgArea1 .p-item3_imgArea1__img1 {
      width: 90%;
      margin-inline: auto; }
    .l-main .p-item3 .p-item3_imgArea1 .p-item3_imgArea1__img2 {
      width: 80%;
      margin-top: 70px; }
    .l-main .p-item3 .p-item3_imgArea1 .p-item3_imgArea1__img3 {
      width: 60%;
      margin-left: auto; }
  .l-main .p-item3 .p-item3_imgArea2 {
    margin-top: 100px; }
    .l-main .p-item3 .p-item3_imgArea2 .c-container {
      flex-direction: column;
      width: 90%;
      margin: 0 auto 70px;
      gap: 50px; }
      .l-main .p-item3 .p-item3_imgArea2 .c-container .p-item3_imgArea2__img1 {
        width: 80%; }
      .l-main .p-item3 .p-item3_imgArea2 .c-container .p-item3_imgArea2__img2 {
        width: 60%;
        margin-left: auto; }
    .l-main .p-item3 .p-item3_imgArea2 .c-creditArea {
      width: 100%; }
      .l-main .p-item3 .p-item3_imgArea2 .c-creditArea .c-credit {
        margin-left: 10px; }
  .l-main .p-item3 .p-item3_imgArea3 {
    margin-top: 80px; }
    .l-main .p-item3 .p-item3_imgArea3 .c-container {
      flex-direction: column;
      width: 100%;
      margin: 0 auto 70px;
      gap: 70px; }
      .l-main .p-item3 .p-item3_imgArea3 .c-container .p-item3_imgArea3__img1 {
        width: 80%; }
      .l-main .p-item3 .p-item3_imgArea3 .c-container .p-item3_imgArea3__img2 {
        width: 65%;
        margin-left: auto; }
    .l-main .p-item3 .p-item3_imgArea3 .p-item3_imgArea3__img3 {
      width: 100%;
      margin-bottom: 70px; }
    .l-main .p-item3 .p-item3_imgArea3 .c-creditArea {
      width: 90%;
      margin-inline: auto; }
  .l-main .p-item4 .c-imgBox_inner__inner-child {
    background-image: url("https://img.ur-s.me/commerce/project/yuki/26ss/item4_main.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    max-width: 750px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }
    @media only screen and (min-width: 670px) {
      .l-main .p-item4 .c-imgBox_inner__inner-child {
        background-image: url("https://img.ur-s.me/commerce/project/yuki/26ss/item4_main_pc.jpg"); } }
  .l-main .p-item4 .p-item4_imgArea1 {
    margin-top: 80px; }
    .l-main .p-item4 .p-item4_imgArea1 .p-item4_imgArea1__img1 {
      width: 75%; }
    .l-main .p-item4 .p-item4_imgArea1 .p-item4_imgArea1__img2 {
      width: 75%;
      margin-left: auto; }
    .l-main .p-item4 .p-item4_imgArea1 .c-container {
      gap: 30px;
      margin-bottom: 70px;
      flex-direction: column; }
    .l-main .p-item4 .p-item4_imgArea1 .c-creditArea {
      width: 80%;
      margin-inline: auto; }
  .l-main .p-item4 .p-item4_imgArea2 {
    margin-top: 100px; }
    .l-main .p-item4 .p-item4_imgArea2 .c-container {
      flex-direction: column;
      width: 100%;
      margin: 0 auto 70px;
      gap: 50px; }
      .l-main .p-item4 .p-item4_imgArea2 .c-container .p-item4_imgArea2__img1 {
        width: 60%;
        margin-inline: auto; }
      .l-main .p-item4 .p-item4_imgArea2 .c-container .p-item4_imgArea2__img2 {
        width: 100%; }
    .l-main .p-item4 .p-item4_imgArea2 .c-creditArea {
      width: 85%;
      margin-left: auto; }
  .l-main .p-item4 .p-item4_imgArea3 {
    margin-top: 100px; }
    .l-main .p-item4 .p-item4_imgArea3 .c-container {
      width: 100%;
      margin: 0 auto 70px;
      gap: 20px; }
      .l-main .p-item4 .p-item4_imgArea3 .c-container .p-item4_imgArea3__img1 {
        width: 40%;
        flex: 1; }
      .l-main .p-item4 .p-item4_imgArea3 .c-container .p-item4_imgArea3__img2 {
        width: 80%;
        margin-left: auto;
        flex: 1.5;
        margin-top: 75px; }
    .l-main .p-item4 .p-item4_imgArea3 .p-item4_imgArea3__img3 {
      width: 90%;
      margin: 0 auto 70px; }
    .l-main .p-item4 .p-item4_imgArea3 .c-creditArea {
      width: 100%; }
      .l-main .p-item4 .p-item4_imgArea3 .c-creditArea .c-credit {
        margin-left: 10px; }
  .l-main .p-item5 .c-imgBox_inner__inner-child {
    background-image: url("https://img.ur-s.me/commerce/project/yuki/26ss/item5_main.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    max-width: 750px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }
    @media only screen and (min-width: 670px) {
      .l-main .p-item5 .c-imgBox_inner__inner-child {
        background-image: url("https://img.ur-s.me/commerce/project/yuki/26ss/item5_main_pc.jpg"); } }
  .l-main .p-item5 .p-item5_imgArea1 {
    margin-top: 80px;
    display: flex;
    gap: 70px;
    flex-direction: column; }
    .l-main .p-item5 .p-item5_imgArea1 .c-creditArea {
      width: 85%; }
      .l-main .p-item5 .p-item5_imgArea1 .c-creditArea .c-credit {
        margin-left: 10px; }
    .l-main .p-item5 .p-item5_imgArea1 .p-item5_imgArea1__img1 {
      width: 80%;
      margin: 0 5% 0 auto; }
    .l-main .p-item5 .p-item5_imgArea1 .p-item5_imgArea1__img2 {
      gap: 5px; }
  .l-main .p-item5 .p-item5_imgArea2 {
    margin-top: 80px; }
    .l-main .p-item5 .p-item5_imgArea2 .c-container {
      flex-direction: column;
      width: 100%;
      margin: 0 auto 70px;
      gap: 60px; }
      .l-main .p-item5 .p-item5_imgArea2 .c-container .p-item5_imgArea2__img1 {
        width: 85%;
        margin-left: auto; }
      .l-main .p-item5 .p-item5_imgArea2 .c-container .p-item5_imgArea2__img2 {
        width: 70%; }
    .l-main .p-item5 .p-item5_imgArea2 .c-creditArea {
      width: 100%; }
      .l-main .p-item5 .p-item5_imgArea2 .c-creditArea .c-credit {
        margin-left: 10px; }
  .l-main .p-item5 .p-item5_imgArea3 {
    margin-top: 80px; }
    .l-main .p-item5 .p-item5_imgArea3 .c-container {
      width: 100%;
      margin: 0 auto 70px;
      gap: 15px; }
      .l-main .p-item5 .p-item5_imgArea3 .c-container .p-item5_imgArea3__img2 {
        margin-top: 70px; }
    .l-main .p-item5 .p-item5_imgArea3 .c-creditArea {
      width: 100%; }
      .l-main .p-item5 .p-item5_imgArea3 .c-creditArea .c-credit {
        margin-left: 10px; }
    .l-main .p-item5 .p-item5_imgArea3 .p-item5_imgArea3__img3 {
      margin: 70px auto;
      width: 90%; }
  .l-main .p-item6 .c-imgBox_inner__inner-child {
    background-image: url("https://img.ur-s.me/commerce/project/yuki/26ss/item6_main.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    max-width: 750px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }
    @media only screen and (min-width: 670px) {
      .l-main .p-item6 .c-imgBox_inner__inner-child {
        background-image: url("https://img.ur-s.me/commerce/project/yuki/26ss/item6_main_pc.jpg"); } }
  .l-main .p-item6 .p-item6_imgArea1 {
    margin-top: 80px; }
    .l-main .p-item6 .p-item6_imgArea1 .c-container {
      width: 100%;
      gap: 30px;
      flex-direction: column; }
      .l-main .p-item6 .p-item6_imgArea1 .c-container .p-item6_imgArea1__img1 {
        width: 75%; }
      .l-main .p-item6 .p-item6_imgArea1 .c-container .p-item6_imgArea1__img2 {
        width: 75%;
        margin-left: auto; }
    .l-main .p-item6 .p-item6_imgArea1 .c-creditArea {
      margin: 70px auto 0;
      width: 90%; }
  .l-main .p-item6 .p-item6_imgArea2 {
    margin-top: 100px; }
    .l-main .p-item6 .p-item6_imgArea2 .c-container {
      flex-direction: row;
      flex-wrap: wrap;
      margin-left: auto;
      gap: 70px; }
    .l-main .p-item6 .p-item6_imgArea2 .p-item6_imgArea2__img1 {
      width: 85%;
      margin-left: auto; }
    .l-main .p-item6 .p-item6_imgArea2 .p-item6_imgArea2__img2 {
      width: 80%; }
    .l-main .p-item6 .p-item6_imgArea2 .c-creditArea {
      width: 100%;
      margin-top: 70px; }
      .l-main .p-item6 .p-item6_imgArea2 .c-creditArea .c-credit {
        margin-left: 10px; }
  .l-main .p-item6 .p-item6_imgArea3 {
    margin-top: 100px; }
    .l-main .p-item6 .p-item6_imgArea3 .p-item6_imgArea3__img1 {
      width: 85%; }
    .l-main .p-item6 .p-item6_imgArea3 .p-item6_imgArea3__img2 {
      width: 85%;
      margin-top: 70px;
      margin-left: auto; }
    .l-main .p-item6 .p-item6_imgArea3 .c-creditArea {
      margin: 70px auto 0;
      width: 90%; }
  .l-main .p-item7 .c-imgBox_inner__inner-child {
    background-image: url("https://img.ur-s.me/commerce/project/yuki/26ss/item7_main.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    max-width: 750px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }
    @media only screen and (min-width: 670px) {
      .l-main .p-item7 .c-imgBox_inner__inner-child {
        background-image: url("https://img.ur-s.me/commerce/project/yuki/26ss/item7_main_pc.jpg"); } }
  .l-main .p-item7 .p-item7_imgArea1 {
    margin-top: 80px; }
    .l-main .p-item7 .p-item7_imgArea1 .c-container {
      width: 100%;
      gap: 5%;
      margin-bottom: 70px; }
      .l-main .p-item7 .p-item7_imgArea1 .c-container .p-item7_imgArea1__img1 {
        flex: 1.2; }
      .l-main .p-item7 .p-item7_imgArea1 .c-container .p-item7_imgArea1__img2 {
        flex: 1;
        margin-top: 120px; }
    .l-main .p-item7 .p-item7_imgArea1 .c-creditArea {
      margin: 70px auto 0;
      width: 90%; }
  .l-main .p-item7 .p-item7_imgArea2 {
    margin-top: 100px; }
    .l-main .p-item7 .p-item7_imgArea2 .c-container {
      flex-direction: column;
      width: 90%;
      margin-inline: auto;
      gap: 70px; }
      .l-main .p-item7 .p-item7_imgArea2 .c-container .p-item7_imgArea2__img1 {
        width: 70%; }
      .l-main .p-item7 .p-item7_imgArea2 .c-container .p-item7_imgArea2__img2 {
        width: 60%;
        margin-left: auto; }
      .l-main .p-item7 .p-item7_imgArea2 .c-container .p-item7_imgArea2__img3 {
        width: 90%;
        margin-inline: auto; }
    .l-main .p-item7 .p-item7_imgArea2 .c-creditArea {
      width: 100%;
      margin-top: 70px; }
      .l-main .p-item7 .p-item7_imgArea2 .c-creditArea .c-credit {
        margin-left: 10px; }
  .l-main .p-item7 .p-item7_imgArea3 {
    margin-top: 100px; }
    .l-main .p-item7 .p-item7_imgArea3 .c-container {
      gap: 20px; }
      .l-main .p-item7 .p-item7_imgArea3 .c-container .p-item7_imgArea3__img1 {
        margin-top: 140px; }
    .l-main .p-item7 .p-item7_imgArea3 .p-item7_imgArea2__img3 {
      width: 100%;
      margin-top: 70px; }
    .l-main .p-item7 .p-item7_imgArea3 .c-creditArea {
      width: 80%;
      margin: 70px auto 0; }
  .l-main .p-prof {
    text-align: center;
    margin: 100px auto 70px;
    width: 87%; }
    .l-main .p-prof .p-prof_img {
      width: 55%;
      margin: 0 auto 15px; }
    .l-main .p-prof .p-prof_info {
      margin-bottom: 20px;
      line-height: 24px; }
      .l-main .p-prof .p-prof_info .p-prof_info__name {
        font-family: "miller-banner", serif;
        font-size: 24px; }

.p-end {
  text-align: center;
  margin-bottom: 20px; }
  .p-end .p-brandLogo {
    width: 70px;
    margin: 0 auto 15px; }
  .p-end .p-end_container {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin: auto;
    font-size: 14px; }
  .p-end .p-end_copyright {
    margin-top: 25px; }

@media (min-width: 670px) {
  .l-item {
    height: 100vh;
    position: sticky;
    top: 0;
    width: 100%;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex: .6; }
    .l-item .p-lineup .p-lineup_container {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 30px;
      align-items: center;
      justify-content: center;
      margin-right: calc(150px - 10%);
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      /* 2列 */
      grid-template-rows: repeat(3, 1fr);
      left: 15%;
      position: relative; } }
    @media (min-width: 670px) and (min-width: 1025px) {
      .l-item .p-lineup .p-lineup_container {
        margin-right: calc(300px - 10%); } }
@media (min-width: 670px) {
      .l-item .p-lineup .p-lineup_container div {
        width: 100%;
        height: 100%; }
      .l-item .p-lineup .p-lineup_container .p-lineup_ttl {
        font-size: 1.2vw;
        font-family: "miller-banner", serif;
        align-content: center; } }

.c-switchImgBox {
  position: relative; }

.c-switchImgBox img {
  display: block;
  width: 100%;
  height: auto; }

.c-switchImgBox .git-image {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0; }

.fade {
  opacity: 0;
  transition: opacity 1.6s ease, transform 1.6s ease;
  will-change: opacity, transform; }

.fade.is-active {
  opacity: 1;
  transform: translate(0, 0); }

/* 下から */
.fade-up {
  transform: translateY(50px); }

/* その場 */
.fade-in {
  transform: translateY(0); }

/* 右から */
.fade-right {
  transform: translateX(50px); }

/* 左から */
.fade-left {
  transform: translateX(-50px); }

.delay {
  transition-delay: .5s; }