@charset "UTF-8";
img {
  width: 100%;
  vertical-align: bottom; }

main {
  line-height: 1.8;
  letter-spacing: .4px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict; }
  @media (min-width: 670px) {
    main {
      letter-spacing: 1px;
      font-size: 14px;
      line-height: 1.9; } }

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

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

.u-italic {
  font-family: "miller-banner", serif;
  text-transform: lowercase !important;
  font-weight: 300;
  font-style: italic; }

.c-itemTxt_price span {
  text-decoration: underline;
  text-underline-offset: 2px; }

.u-ub {
  text-decoration: underline;
  text-underline-offset: 16px;
  margin-bottom: 15px; }

.l-stickyBox {
  display: flex;
  flex-direction: column; }
  @media (min-width: 1025px) {
    .l-stickyBox {
      flex-direction: row;
      overflow: visible;
      max-width: 95%;
      margin-left: auto; } }

.l-mv {
  background: #E8E7E3;
  height: 100vh;
  width: 100%;
  background: url(https://img.ur-s.me/commerce/project/mayu/26aw/mv.jpg);
  background-size: cover;
  background-position: top; }
  @media (min-width: 1025px) {
    .l-mv {
      position: sticky;
      top: 0;
      max-width: 650px;
      height: 100vh;
      flex: .5;
      background-position: right 50% bottom 65%; } }
  .l-mv .l-mv_logo {
    margin: 5vh auto 0;
    width: 80%;
    max-width: 450px; }
    @media (min-width: 1025px) {
      .l-mv .l-mv_logo {
        margin-inline: auto;
        width: 60%; } }
  .l-mv .l-mv_scroll {
    text-align: center;
    position: relative;
    margin-top: 10px;
    /* 矢印のアニメーション */ }
    .l-mv .l-mv_scroll::after {
      animation: scroll 2s infinite;
      border-bottom: 1px solid #000;
      border-left: 1px solid #000;
      content: "";
      height: 10px;
      left: 0;
      margin: auto;
      position: absolute;
      right: 0;
      top: 15px;
      width: 10px; }
@keyframes scroll {
  0% {
    opacity: 0;
    transform: rotate(-45deg) translate(0, 0); }
  40% {
    opacity: 1; }
  80% {
    opacity: 0;
    transform: rotate(-45deg) translate(-10px, 10px); }
  100% {
    opacity: 0; } }
@media (min-width: 1025px) {
  .l-mainWrapper {
    flex: 1.5;
    max-width: 650px;
    margin-inline: auto; } }

.l-intro {
  margin: 50px auto; }
  @media (min-width: 768px) {
    .l-intro {
      margin-top: 100px; } }
  .l-intro .l-intro_txt {
    text-align: center;
    margin-bottom: 50px; }
    @media (min-width: 768px) {
      .l-intro .l-intro_txt {
        margin-bottom: 100px; } }
  .l-intro .l-intro_list {
    background: url(https://img.ur-s.me/commerce/project/mayu/26aw/listbg.jpg);
    background-size: cover;
    background-position: bottom;
    width: 100%;
    height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    @media (min-width: 390px) {
      .l-intro .l-intro_list {
        height: 67vh; } }
    @media (min-width: 768px) {
      .l-intro .l-intro_list {
        height: 90vh; } }
    @media (min-width: 1025px) {
      .l-intro .l-intro_list {
        height: 800px; } }
    .l-intro .l-intro_list .l-intro_listInner {
      background: rgba(255, 255, 255, 0.75);
      width: 80%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-left: auto;
      padding: 65px 7%;
      text-transform: uppercase;
      gap: 20px; }
      @media (min-width: 1025px) {
        .l-intro .l-intro_list .l-intro_listInner {
          padding: 70px 10%;
          gap: 30px;
          width: 70%; } }
      .l-intro .l-intro_list .l-intro_listInner .l-intro_listInner__ttl {
        text-align: right;
        font-size: 14px; }
        .l-intro .l-intro_list .l-intro_listInner .l-intro_listInner__ttl span {
          text-transform: lowercase; }
      .l-intro .l-intro_list .l-intro_listInner .l-intro_listInner__child {
        font-size: 10px; }
        .l-intro .l-intro_list .l-intro_listInner .l-intro_listInner__child a {
          text-decoration: underline;
          text-underline-offset: 3px;
          font-size: 12px; }

.l-itemWrapper .p-item {
  margin: -10px auto 130px;
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 100px; }
  @media (min-width: 1025px) {
    .l-itemWrapper .p-item {
      gap: 120px;
      margin: 150px auto; } }
  .l-itemWrapper .p-item .c-itemMain .c-itemMainInner {
    position: relative; }
    .l-itemWrapper .p-item .c-itemMain .c-itemMainInner .c-itemTtl {
      margin-bottom: 10px; }
      .l-itemWrapper .p-item .c-itemMain .c-itemMainInner .c-itemTtl .c-itemTtl__sub {
        margin-left: 5%;
        font-size: 14px; }
        @media (min-width: 1025px) {
          .l-itemWrapper .p-item .c-itemMain .c-itemMainInner .c-itemTtl .c-itemTtl__sub {
            margin: 0 auto 10px 0; } }
      .l-itemWrapper .p-item .c-itemMain .c-itemMainInner .c-itemTtl .c-itemTtl__main {
        text-align: center;
        font-size: 24px;
        text-transform: uppercase;
        line-height: 1.4; }
        @media (min-width: 1025px) {
          .l-itemWrapper .p-item .c-itemMain .c-itemMainInner .c-itemTtl .c-itemTtl__main {
            font-size: 32px; } }
    .l-itemWrapper .p-item .c-itemMain .c-itemMainInner .c-itemMain_img {
      width: 100%;
      padding-top: 10px; }
      @media (min-width: 1025px) {
        .l-itemWrapper .p-item .c-itemMain .c-itemMainInner .c-itemMain_img {
          padding-top: 20px; } }
  .l-itemWrapper .p-item .c-itemMain .c-itemTxt {
    margin: 50px auto 0;
    width: 90%;
    word-break: auto-phrase; }
    @media (min-width: 1025px) {
      .l-itemWrapper .p-item .c-itemMain .c-itemTxt {
        width: 95%; } }
    .l-itemWrapper .p-item .c-itemMain .c-itemTxt .c-itemTxt_child {
      margin-bottom: 30px; }
    .l-itemWrapper .p-item .c-itemMain .c-itemTxt .c-itemTxt_credit {
      display: flex;
      flex-direction: column; }
      .l-itemWrapper .p-item .c-itemMain .c-itemTxt .c-itemTxt_credit .c-itemTxt_name {
        font-size: 14px; }
.l-itemWrapper .c-creditArea {
  display: flex;
  flex-direction: column;
  gap: 20px; }
.l-itemWrapper #item1 .p-item1_imgArea1 {
  margin-top: -30px;
  display: flex;
  flex-direction: column;
  gap: 9vh; }
  @media (min-width: 1025px) {
    .l-itemWrapper #item1 .p-item1_imgArea1 {
      gap: 100px; } }
  .l-itemWrapper #item1 .p-item1_imgArea1 .p-item1_imgArea1__img1 {
    width: 75%; }
  .l-itemWrapper #item1 .p-item1_imgArea1 .p-item1_imgArea1__img2 {
    width: 70%;
    margin-left: auto; }
  .l-itemWrapper #item1 .p-item1_imgArea1 .p-item1_imgArea1__img3 {
    width: 55%; }
  .l-itemWrapper #item1 .p-item1_imgArea1 .c-creditArea .c-credit {
    margin-left: 20px; }
    @media (min-width: 1025px) {
      .l-itemWrapper #item1 .p-item1_imgArea1 .c-creditArea .c-credit {
        margin-left: 0; } }
.l-itemWrapper #item1 .p-item1_imgArea2 {
  display: flex;
  flex-direction: column;
  gap: 9vh; }
  @media (min-width: 1025px) {
    .l-itemWrapper #item1 .p-item1_imgArea2 {
      gap: 100px; } }
  .l-itemWrapper #item1 .p-item1_imgArea2 .p-item1_imgArea2__img1 {
    width: 70%;
    margin-inline: auto;
    margin-bottom: -20px; }
  .l-itemWrapper #item1 .p-item1_imgArea2 .c-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: -10px; }
    .l-itemWrapper #item1 .p-item1_imgArea2 .c-container div {
      width: 48%; }
      @media (min-width: 1025px) {
        .l-itemWrapper #item1 .p-item1_imgArea2 .c-container div {
          width: 46%; } }
  .l-itemWrapper #item1 .p-item1_imgArea2 .p-item1_imgArea2__img3 {
    margin-top: 120px; }
  .l-itemWrapper #item1 .p-item1_imgArea2 .c-creditArea {
    width: 85%;
    margin-inline: auto; }
.l-itemWrapper #item1 .p-item1_imgArea3 {
  display: flex;
  flex-direction: column;
  gap: 9vh; }
  @media (min-width: 1025px) {
    .l-itemWrapper #item1 .p-item1_imgArea3 {
      gap: 100px; } }
  .l-itemWrapper #item1 .p-item1_imgArea3 .p-item1_imgArea3__img1 {
    width: 100%;
    margin-inline: auto; }
  .l-itemWrapper #item1 .p-item1_imgArea3 .c-container {
    display: flex;
    flex-direction: column;
    gap: 8vh; }
  .l-itemWrapper #item1 .p-item1_imgArea3 .p-item1_imgArea3__img2 {
    width: 70%;
    margin-left: auto; }
  .l-itemWrapper #item1 .p-item1_imgArea3 .c-creditArea {
    width: 85%;
    margin-inline: auto; }
.l-itemWrapper #item2 .p-item2_imgArea1 {
  margin-top: -20px;
  display: flex;
  flex-direction: column;
  gap: 9vh; }
  @media (min-width: 1025px) {
    .l-itemWrapper #item2 .p-item2_imgArea1 {
      gap: 100px; } }
  .l-itemWrapper #item2 .p-item2_imgArea1 .c-container {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .l-itemWrapper #item2 .p-item2_imgArea1 .p-item2_imgArea1__img1 {
    width: 55%; }
  .l-itemWrapper #item2 .p-item2_imgArea1 .p-item2_imgArea1__img2 {
    width: 40%; }
  .l-itemWrapper #item2 .p-item2_imgArea1 .p-item2_imgArea1__img3 {
    width: 70%;
    margin-inline: auto; }
  .l-itemWrapper #item2 .p-item2_imgArea1 .c-creditArea .c-credit {
    margin-left: 20px; }
    @media (min-width: 1025px) {
      .l-itemWrapper #item2 .p-item2_imgArea1 .c-creditArea .c-credit {
        margin-left: 0; } }
.l-itemWrapper #item2 .p-item2_imgArea2 {
  display: flex;
  flex-direction: column;
  gap: 9vh; }
  @media (min-width: 1025px) {
    .l-itemWrapper #item2 .p-item2_imgArea2 {
      gap: 100px; } }
  .l-itemWrapper #item2 .p-item2_imgArea2 .p-item2_imgArea2__img1 {
    width: 60%;
    margin: 0 10% 0 auto; }
  .l-itemWrapper #item2 .p-item2_imgArea2 .p-item2_imgArea2__img2 {
    width: 85%; }
  .l-itemWrapper #item2 .p-item2_imgArea2 .p-item2_imgArea2__img3 {
    width: 80%;
    margin-inline: auto; }
  .l-itemWrapper #item2 .p-item2_imgArea2 .p-item2_imgArea2__img4 {
    width: 75%;
    margin-left: auto; }
  .l-itemWrapper #item2 .p-item2_imgArea2 .p-item2_imgArea2__img5 {
    width: 70%;
    margin-left: 5%; }
  .l-itemWrapper #item2 .p-item2_imgArea2 .c-creditArea .c-credit {
    margin-left: 20px; }
    @media (min-width: 1025px) {
      .l-itemWrapper #item2 .p-item2_imgArea2 .c-creditArea .c-credit {
        margin-left: 0; } }
.l-itemWrapper #item3 .p-item3_imgArea1 {
  margin-top: -20px;
  display: flex;
  flex-direction: column;
  gap: 9vh; }
  @media (min-width: 1025px) {
    .l-itemWrapper #item3 .p-item3_imgArea1 {
      gap: 100px; } }
  .l-itemWrapper #item3 .p-item3_imgArea1 .p-item3_imgArea1__img1 {
    width: 70%; }
  .l-itemWrapper #item3 .p-item3_imgArea1 .p-item3_imgArea1__img2 {
    width: 55%;
    margin-left: auto; }
  .l-itemWrapper #item3 .p-item3_imgArea1 .p-item3_imgArea1__img3 {
    width: 70%;
    margin-inline: auto; }
  .l-itemWrapper #item3 .p-item3_imgArea1 .c-creditArea .p-item3_imgArea1__img4 {
    width: 100%; }
  .l-itemWrapper #item3 .p-item3_imgArea1 .c-creditArea .c-credit {
    margin-left: 20px; }
    @media (min-width: 1025px) {
      .l-itemWrapper #item3 .p-item3_imgArea1 .c-creditArea .c-credit {
        margin-left: 0; } }
.l-itemWrapper #item3 .p-item3_imgArea2 {
  display: flex;
  flex-direction: column;
  gap: 9vh; }
  @media (min-width: 1025px) {
    .l-itemWrapper #item3 .p-item3_imgArea2 {
      gap: 100px; } }
  .l-itemWrapper #item3 .p-item3_imgArea2 .p-item3_imgArea2__img1 {
    width: 85%; }
  .l-itemWrapper #item3 .p-item3_imgArea2 .p-item3_imgArea2__img2 {
    width: 82%;
    margin-left: auto; }
  .l-itemWrapper #item3 .p-item3_imgArea2 .p-item3_imgArea2__img3 {
    width: 75%;
    margin-inline: auto; }
  .l-itemWrapper #item3 .p-item3_imgArea2 .c-creditArea .c-credit {
    margin-left: 20px; }
    @media (min-width: 1025px) {
      .l-itemWrapper #item3 .p-item3_imgArea2 .c-creditArea .c-credit {
        margin-left: 0; } }
.l-itemWrapper #item3 .p-item3_imgArea3 {
  display: flex;
  flex-direction: column;
  gap: 9vh; }
  @media (min-width: 1025px) {
    .l-itemWrapper #item3 .p-item3_imgArea3 {
      gap: 100px; } }
  .l-itemWrapper #item3 .p-item3_imgArea3 .c-container {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center; }
    @media (min-width: 1025px) {
      .l-itemWrapper #item3 .p-item3_imgArea3 .c-container {
        gap: 45px; } }
  .l-itemWrapper #item3 .p-item3_imgArea3 .p-item3_imgArea3__img1 {
    width: 50%; }
  .l-itemWrapper #item3 .p-item3_imgArea3 .p-item3_imgArea3__img2 {
    width: 70%;
    margin-left: auto;
    margin-top: -30px; }
  .l-itemWrapper #item3 .p-item3_imgArea3 .p-item3_imgArea3__img3 {
    width: 80%;
    margin-inline: auto; }
  .l-itemWrapper #item3 .p-item3_imgArea3 .c-creditArea .c-credit {
    margin-left: 20px; }
    @media (min-width: 1025px) {
      .l-itemWrapper #item3 .p-item3_imgArea3 .c-creditArea .c-credit {
        margin-left: 0; } }
.l-itemWrapper #item4 .p-item4_imgArea1 {
  margin-top: -20px;
  display: flex;
  flex-direction: column;
  gap: 9vh; }
  @media (min-width: 1025px) {
    .l-itemWrapper #item4 .p-item4_imgArea1 {
      gap: 100px; } }
  .l-itemWrapper #item4 .p-item4_imgArea1 .p-item4_imgArea1__img1 {
    width: 75%;
    margin: 0 7% 0 auto; }
  .l-itemWrapper #item4 .p-item4_imgArea1 .c-container {
    display: flex;
    justify-content: space-between;
    width: 95%;
    margin-inline: auto;
    margin-bottom: -10px; }
    .l-itemWrapper #item4 .p-item4_imgArea1 .c-container div {
      width: 48%; }
  .l-itemWrapper #item4 .p-item4_imgArea1 .p-item4_imgArea1__img3 {
    margin-top: 170px; }
  .l-itemWrapper #item4 .p-item4_imgArea1 .c-creditArea .c-credit {
    margin-left: 20px; }
    @media (min-width: 1025px) {
      .l-itemWrapper #item4 .p-item4_imgArea1 .c-creditArea .c-credit {
        margin-left: 0; } }
.l-itemWrapper #item4 .p-item4_imgArea2 {
  display: flex;
  flex-direction: column;
  gap: 9vh; }
  @media (min-width: 1025px) {
    .l-itemWrapper #item4 .p-item4_imgArea2 {
      gap: 100px; } }
  .l-itemWrapper #item4 .p-item4_imgArea2 .p-item4_imgArea2__img1 {
    width: 50%;
    margin-left: auto; }
  .l-itemWrapper #item4 .p-item4_imgArea2 .p-item4_imgArea2__img2 {
    width: 65%;
    margin-top: -220px; }
  .l-itemWrapper #item4 .p-item4_imgArea2 .p-item4_imgArea2__img3 {
    width: 75%;
    margin-inline: auto; }
  .l-itemWrapper #item4 .p-item4_imgArea2 .c-creditArea .c-credit {
    margin-left: 20px; }
    @media (min-width: 1025px) {
      .l-itemWrapper #item4 .p-item4_imgArea2 .c-creditArea .c-credit {
        margin-left: 0; } }
  .l-itemWrapper #item4 .p-item4_imgArea2 .c-creditArea .p-item4_imgArea2__img3 {
    width: 100%; }
.l-itemWrapper #item4 .p-item4_imgArea3 {
  display: flex;
  flex-direction: column;
  gap: 9vh; }
  @media (min-width: 1025px) {
    .l-itemWrapper #item4 .p-item4_imgArea3 {
      gap: 100px; } }
  .l-itemWrapper #item4 .p-item4_imgArea3 .p-item4_imgArea3__img1 {
    width: 78%;
    margin: 0 7% 0 auto; }
  .l-itemWrapper #item4 .p-item4_imgArea3 .p-item4_imgArea3__img2 {
    width: 80%; }
  .l-itemWrapper #item4 .p-item4_imgArea3 .p-item4_imgArea3__img3 {
    width: 55%;
    margin: 0 5% 0 auto; }
  .l-itemWrapper #item4 .p-item4_imgArea3 .c-container {
    width: 95%;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    gap: 30px; }
    @media (min-width: 1025px) {
      .l-itemWrapper #item4 .p-item4_imgArea3 .c-container {
        gap: 50px; } }
    .l-itemWrapper #item4 .p-item4_imgArea3 .c-container .p-item4_imgArea3__img4 {
      margin-top: 20%; }
  .l-itemWrapper #item4 .p-item4_imgArea3 .c-creditArea .p-item4_imgArea3__img5 {
    width: 100%; }
  .l-itemWrapper #item4 .p-item4_imgArea3 .c-creditArea .c-credit {
    margin-left: 20px; }
    @media (min-width: 1025px) {
      .l-itemWrapper #item4 .p-item4_imgArea3 .c-creditArea .c-credit {
        margin-left: 0; } }

.l-prof {
  width: 85%;
  margin: auto; }
  @media (min-width: 1025px) {
    .l-prof {
      width: 60%; } }
  .l-prof .l-prof_ttlWrapper {
    position: relative; }
    .l-prof .l-prof_ttlWrapper .l-prof_container {
      display: flex;
      gap: 10px;
      justify-content: center;
      align-items: baseline;
      margin-top: -20px; }
      .l-prof .l-prof_ttlWrapper .l-prof_container .l-prof_ttl {
        font-size: 24px; }
  .l-prof .l-prof_img {
    margin-top: 15px; }
    @media (min-width: 1025px) {
      .l-prof .l-prof_img {
        margin-top: 20px; } }
  .l-prof .l-prof_txt {
    text-align: center;
    margin-top: 20px; }

.l-end {
  font-size: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 100px auto 20px; }
  @media (min-width: 1025px) {
    .l-end {
      margin-top: 50px; } }
  .l-end .p-brandLogo {
    width: 70px;
    margin-bottom: 10px; }
  .l-end .l-end_container {
    display: flex;
    gap: 15px;
    font-size: 12px; }
  .l-end .l-end_copyright {
    margin-top: 10px; }

.js-bar {
  position: absolute;
  left: 0;
  width: 0;
  height: 1px;
  background: #000;
  margin-bottom: 10px;
  right: 0;
  margin: auto; }

.js-fade {
  opacity: 0;
  transition: opacity 1s ease-out, transform 1s ease-out; }

.js-fade.active {
  opacity: 1; }

.u-fadeTime1 {
  transition-delay: .3s; }

.u-fadeTime2 {
  transition-delay: .6s; }

.slick-slider {
  margin-bottom: 0 !important; }