@charset "UTF-8";
html {
  font-size: 62.5%;
}
/* @font-face {
  font-family: "kozuka-gothic-pr6n";
  src: url(../font/KozGoPr6N-Regular.otf);
} */


@media screen and (max-width: 767px) {
  .main-area .main-inner {
    width: 100%;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - custom property
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents {
  --font-kozuka: "kozuka-gothic-pr6n";
  --font-sofia: "sofia-pro";
  /* --font-lores: "lores-9-wide"; */
  --font-en: sofia-pro, sans-serif;
  --font-ja: var(--font-kozuka);
  --font-main: var(--font-sofia), "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --bg_color-black: #000;
  --bg_color-red: #7c0900;
  --bg_color-lightblue: #c0cdd3;
  --color-white: #fff;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .l-lpcontents {
    --width-primary: 102.4rem;
    --fz-text__firstview__link: 1.297rem;
    --fz-text__style__maintitle: 3.02rem;
    --fz-text__style__subtitle: 1.637rem;
    --fz-text_style_credit: 1.3rem;
    --fz-text__style__staff: 1.443rem;
    --fz-text__style__btn: 1.425rem;
  }
  #content__archive {
    margin-top: 15rem;
  }
}
@media screen and (max-width: 767px) {
  .l-lpcontents {
    --width-primary: calc(750*100vw/750);
    --fz-text__firstview__link: calc(15.64*100vw/750);
    --fz-text__style__maintitle: calc(48*100vw/750);
    --fz-text__style__subtitle: calc(26*100vw/750);
    --fz-text_style_credit: calc(16*100vw/750);
    --fz-text__style__staff: calc(21.93*100vw/750);
    --fz-text__style__btn: calc(24.95*100vw/750);
  }
  #content__archive {
    margin-top: calc(200*100vw/750);;
  }
}

@media screen and (min-width: 768px) {
  .l-lpcontents .sp_only {
    display: none !important;
  }
  .l-lpcontents .c-color_white {
    background-color: var(--bg_color-white);
  }
}
@media screen and (max-width: 767px) {
  .l-lpcontents .pc_only {
    display: none !important;
  }
}
.l-lpcontents img{
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
component - position
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents .c-position {position: absolute;}
@media screen and (min-width: 768px) {.l-lpcontents .c-pc_position {position: absolute;}}
@media screen and (min-width: 768px) {.l-lpcontents .c-sp_position {position: absolute;}}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
component - flex
//////////////////////////////////////////////////////////////////////////////////////////////
*/

/*
//////////////////////////////////////////////////////////////////////////////////////////////
component - text
//////////////////////////////////////////////////////////////////////////////////////////////
*/

.l-lpcontents .c-text__style__maintitle {
  font-size: var(--fz-text__style__maintitle);
  letter-spacing: 0.025em;
  font-weight: 700;
  font-family: var(--font-en);
  color: #fff;
}
.l-lpcontents .creditTxt {
  display: inline-block;
  line-height: 1;
  letter-spacing: -0.01em;
  /* letter-spacing: 0.01em; */
  font-weight: 700;
  font-family: var(--font-en);
  color: #fff;
}
.l-lpcontents .c-text__style__maintitle > span {
  font-weight: var(--fw-semibold);
}
.l-lpcontents .c-text__style__staff {
  margin-top: 1.5rem;
  margin-left: 2rem;
  font-size: var(--fz-text__style__staff);
  line-height: 1.5003465003;
  line-height: 1.423;
  letter-spacing: -0.125em;
  font-weight: var(--fw-regular);
  font-family: var(--font-en);
  color: #1b1b60;
}
.l-lpcontents .c-text__style__staff > span {
  color: var(--bg_color-white);
}
.l-lpcontents .c-text__style__staff--small {
  font-size: 1.082rem;
  line-height: 2.0009242144;
}
.l-lpcontents .c-text__style__btn {
  bottom: 2.5rem;
  right: 2.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17.8rem;
  height: 4.01rem;
  border-radius: 10rem;
  font-size: var(--fz-text__style__btn);
  line-height: 1.4119298246;
  letter-spacing: 0.05em;
  font-weight: var(--fw-semibold);
  font-family: var(--font-en);
  color: var(--bg_color-orange);
  background-color: var(--bg_color-white);
}
.l-lpcontents .c-text__style__btn > a {
  color: var(--bg_color-orange);
}
@media screen and (min-width: 768px) {
  .l-lpcontents .c-text__style__maintitle{
    font-size: 1.8rem;
    margin-top: 0.6rem;
    word-spacing: -0.2rem;
  }
}
@media screen and (max-width: 767px) {
  .l-lpcontents .c-text__style__maintitle {
    line-height: 0.73375;
  }
  .l-lpcontents .c-text__style__subtitle {
    line-height: 1.0769230769;
    letter-spacing: -0.07em;
    margin-left: calc(6*100vw/750);;
  }
  .l-lpcontents .c-text_style_credit {
    line-height: 1.3125;
  }
  .l-lpcontents .c-text__style__staff {
    margin-top: calc(29* 100vw / 750);
    margin-left: calc(40* 100vw / 750);
    line-height: 1.42;
    letter-spacing: 0.025em;
    letter-spacing: -0.1em;
  }
  .l-lpcontents .c-text__style__staff--small {
    font-size: calc(16.44*100vw/750);
    line-height: 2.0261557178;
  }
  .l-lpcontents .c-text__style__btn {
    position: absolute;
    bottom: calc(-924* 100vw / 750);
    right: initial;
    left: 50%;
    transform: translateX(-50%);
    width: calc(312*100vw/750);;
    height: calc(71*100vw/750);;
    border-radius: calc(100*100vw/750);
    line-height: 1.4116232465;
    background-color: var(--bg_color-orange);
    color: var(--bg_color-white);
  }
  .l-lpcontents .c-text__style__btn > a {
    color: var(--bg_color-white);
  }
  .l-lpcontents .c-text__style__maintitle{
    font-size: calc(20* (100vw / 750));
    margin-top: calc(18.5* (100vw / 750));
  }
}


/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - firstview
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents .p-firstview {
  position: relative;
  z-index: 30;
  background-color:var(--bg_color-black);
}
.l-lpcontents .p-firstview__wrapper {
  row-gap: 11.4rem;
}
.l-lpcontents .p-firstview__link {
  display: flex;
  justify-content: space-between;
  width: 39.5rem;
  text-align: center;
  margin-inline: auto;
}
.l-lpcontents .p-firstview__link__item {
  position: relative;
  width: fit-content;
}
.l-lpcontents .p-firstview__link__item > a {
  --row: 0.5rem;
  align-items: center;
}
.l-lpcontents .p-firstview__link__item__image {
  width: 100%;
  margin-inline: auto;
}
.l-lpcontents .c-text__firstview__link {
  display: flex;
  align-items: center;
  column-gap: 0.4rem;
  width: fit-content;
  margin-inline: auto;
  position: relative;
  font-weight: var(--fw-semibold);
  font-family: var(--font-en);
  color: #fff;
}
.l-lpcontents .c-text__firstview__link::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2;
  pointer-events: none;
  width: 1rem;
  height: 1rem;
}
.l-lpcontents .p-firstview__link__item01 .c-text__firstview__link::before {
  background-image: url(../img/emoji1.png);
}
.l-lpcontents .p-firstview__link__item02 .c-text__firstview__link::before {
  background-image: url(../img/emoji2.png);
}
.l-lpcontents .p-firstview__link__item03 .c-text__firstview__link::before {
  background-image: url(../img/emoji3.png);
}
.l-lpcontents .maingvisual{
  width: 100%;
}
.l-lpcontents .p-firstview__info__wrapper{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.l-lpcontents .p-firstview__item{

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  /* ______________________＿lead文 */
  .l-lpcontents .lead-txt{
    width: 28.436rem;
    margin: 8.88rem auto 7.46rem;
  }
  /* ______________________＿info */
  .l-lpcontents .p-firstview__cont{
    width: 70.5rem;
    height: 33.99rem;
    margin: 0 auto 12.6rem;
  }
  .l-lpcontents .p-firstview__cont{
    position: relative;
  }
  .l-lpcontents .p-firstview__item{
    position: absolute;
    row-gap: 1.9rem;
  }
  .l-lpcontents .p-firstview__preorder{
    width: 13.164rem;
    top: 0;
    left: 18.7rem;
  }
  .l-lpcontents .detail01{
    width: 6.443rem;
  }
  .l-lpcontents .p-firstview__info{
    width: 19.846rem;
    bottom: 0rem;
    left: 25.28rem;

    row-gap: 1.2rem;
  }
  .l-lpcontents .detail02{
    width: 12.87rem;
  }
  .l-lpcontents .p-firstview__date{
    width: 11.385rem;
    top: 9.72rem;
    left: 1.8rem;
    row-gap: 1.7rem;
  }
  .l-lpcontents .detail03{
    width: 7.517rem;
  }
  .l-lpcontents .p-firstview__store{
    width: 23.057rem;
    top: 4.03rem;
    right: 0.27rem;
    row-gap: 2.7rem;

  }
  .l-lpcontents .detail04{
    width: 13.243rem;
  }
  /* ______________________＿anchor link */
  .l-lpcontents .p-firstview__link__item{
    width: 10.803rem;
  }
  .l-lpcontents .c-text__firstview__link {
    column-gap: 0.4rem;
    margin-top: 0.8rem;
    padding-right: 0.6rem;
  }
  .l-lpcontents .c-text__firstview__link::before {
    width: 1.3rem;
    height: 1.3rem;
  }
}

@media screen and (max-width: 767px) {
  .l-lpcontents .p-firstview__wrapper {
    row-gap: calc(110*100vw/750);
  }
  .l-lpcontents .p-firstview__link {
    width: calc(617*100vw/750);;
  }
  .l-lpcontents .p-firstview__link__item > a {
    --row: calc(2*100vw/750);
  }
  /* ______________________＿lead文 */
  .l-lpcontents .logo{
    width: calc(332.37* (100vw / 750));
    margin: calc(101.6* (100vw / 750)) auto calc(73* (100vw / 750));
  }
  .l-lpcontents .lead-txt{
    width: calc(517.46* (100vw / 750));
    margin: 0 auto calc(186* (100vw / 750));
  }
  /* ______________________＿info */
  .l-lpcontents .p-firstview__cont{
    width: calc(650* (100vw / 750));
    height: calc(842* (100vw / 750));
    margin: 0 auto calc(208.1* (100vw / 750));
  }
  .l-lpcontents .p-firstview__preorder{
    width: calc(214.56* (100vw / 750));
    row-gap: calc(31* (100vw / 750));
    margin-left: calc(64.3* (100vw / 750));
    margin-right: auto;
    margin-bottom: calc(127.3* (100vw / 750));
  }
  .l-lpcontents .detail01{
    width: calc(105.02* (100vw / 750));
  }
  .l-lpcontents .p-firstview__info{
    width: calc(323.47*(100vw / 750));
    row-gap: calc(26.4*(100vw / 750));
    margin-right: calc(47.2*(100vw / 750));
    margin-left: auto;
    margin-bottom: calc(32.2*(100vw / 750));
  }
  .l-lpcontents .detail02{
    width: calc(227.8* (100vw / 750));
  }
  .l-lpcontents .p-firstview__date{
    width: calc(185.57* (100vw / 750));
    row-gap: calc(24.9* (100vw / 750));
    margin-left: calc(39* (100vw / 750));
    margin-right: auto;
    margin-bottom: calc(107.2* (100vw / 750));
  }

  .l-lpcontents .detail03{
    width: calc(122.52* (100vw / 750));
  }
  .l-lpcontents .p-firstview__store{
    width: calc(375.81*(100vw / 750));
    row-gap: calc(40.6*(100vw / 750));
    margin-right: calc(5.9*(100vw / 750));
    margin-bottom: calc(33*(100vw / 750));
    margin-left: auto;
  }
  .l-lpcontents .detail04{
    width: calc(215.85* (100vw / 750));
  }

  /* ______________________＿anchor link */
  .l-lpcontents .c-text__firstview__link {
    column-gap: calc(4*100vw/750);;
    line-height: 1;
    font-size: calc(15.64* (100vw / 750));
    margin-top: calc(17.2*(100vw / 750));
  }
  .l-lpcontents .c-text__firstview__link::before {
    width: calc(19* 100vw / 750);
    height: calc(19* 100vw / 750);
  }
  .l-lpcontents .p-firstview__link__item{
    width: calc(175.85* (100vw / 750));
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - style
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents .p-style--snap{
  background-color: var(--bg_color-black);
}
.l-lpcontents .p-style__inner {
  width: 95rem;
  margin-inline: auto;
}
.l-lpcontents .p-style__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: left;
}
.l-lpcontents .slick-dotted.slick-slider {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  
  .l-lpcontents .model-img {
    width: 40rem;
  }
  .l-lpcontents .emoji-gif{
      width: 3rem;
  }
  .l-lpcontents .p-style__title{
    margin: 0 auto 5rem;
  }
  .l-lpcontents .p-style__wrapper01 {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    width: 95rem;
    margin: 0 auto;
  }
  .l-lpcontents .sticky__wrapper01{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-top: -6.5rem;
    padding-bottom: 7rem;
    z-index: 1;
  }
  .l-lpcontents .sticky__wrapper02{
    display: flex;
    justify-content: space-between;
    width: 88rem;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10.23rem;
    padding-bottom: 7rem;
  }

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

  .l-lpcontents .model-img{
    margin-bottom: calc(80* (100vw / 750));
  }
  .l-lpcontents .p-style--snap .p-style__title{
    padding-top: calc(142.9* (100vw / 750));
    padding-bottom: calc(55* (100vw / 750));
    /* padding-left: calc(30*(100vw / 750)); */
  }
  .l-lpcontents .p-style--dresscode .p-style__title,
  .l-lpcontents .p-style--sipsip .p-style__title{
    padding-top: calc(88.7* (100vw / 750));
    padding-bottom: calc(46*(100vw / 750));
  }
  .l-lpcontents .p-style__image{
    width: 100%;
  }
  .l-lpcontents .emoji-gif{
    width: calc(38* (100vw / 750));
  }
  .l-lpcontents .p-style__inner {
    width: calc(750*100vw/750);
  }


}


/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - SIDE
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents .c-side_link {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 10;
}
.l-lpcontents .c-side_link > a {
  position: relative;
}

@media screen and (min-width: 768px) {
  .l-lpcontents .c-side_link {
    width: 14.51746rem;
  }
}
@media screen and (max-width: 767px) {
  .l-lpcontents .c-side_link {
    width: calc(157.0024* (100vw / 750));
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - SNAP
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (min-width: 768px) {
  .l-lpcontents .p-style--snap{
    padding-top: 11rem;
    padding-bottom: 12.5rem;
  }
  .l-lpcontents .p-style--snap .p-style__wrap {
    width: 88rem;
    margin: 0 auto;
  }
  /* ---------------------------style__wrapper01 */

  .l-lpcontents .p-style--snap .p-style__title{
    /* margin-left: 20.98rem; */
    margin: 0 auto 5rem;
  }
  .l-lpcontents .p-style--snap .p-style--snap01 {
    margin-left: 5rem;
  }
  .l-lpcontents .p-style--snap .img-sticky__wrapper{
    position: sticky;
    position: -webkit-sticky;
    top: 0;

  }
  .l-lpcontents .p-style--snap .img-sticky__wrapper01 {
    width: 36.3rem;
    left: 10.6rem;
    margin-top: 32.4rem;
  }
  .l-lpcontents .p-style--snap .img-sticky__wrapper02 {
    width: 38.4rem;
    right: 1.23rem;
    margin-top: 19rem;
  }

  .l-lpcontents .p-style--snap .p-style__wrapper03{
    flex-direction: row-reverse;
  }
  /* _______________________________________________img */

  /* .l-lpcontents .p-style--snap01 {
    width: 40rem;
  } */
  .l-lpcontents .sticky-img-side {
    position: sticky;
    position: -webkit-sticky;
    /* width: 40rem; */
    height: 54.4rem;
    top: 10rem;
    margin-bottom: 68vh;
    margin-right: 4.7rem;
  }

  .l-lpcontents .sticky-img01 {
    position: sticky;
    top: 42.55rem;
    left: 10.6rem;
    width: 28.818rem;
    margin-bottom: 29vh;
    padding-bottom: 40rem;
  }

  .l-lpcontents .sticky-img02 {
    position: sticky;
    top: 51.8rem;
    width: 30.0430rem;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 29vh;
    padding-bottom: 25.4rem;
  }

  .l-lpcontents .sticky-img03 {
    position: relative;
    top: 14.1rem;
    left: -4.2rem;
    width: 31.436rem;
    margin-bottom: 50vh;
  }
  .l-lpcontents .p-style--snap .img-slider__wrapper01{
    /* width: 40rem; */
    margin: -39vh auto 0;
  }
  .l-lpcontents .p-style--snap .img-slider__wrapper02{
    /* width: 40rem; */
    margin: -45.5vh auto 0;
  }
  .l-lpcontents .sticky-img01 .imgLink,
  .l-lpcontents .sticky-img02 .imgLink,
  .l-lpcontents .sticky-img03 .imgLink {
    width: 25.586rem;
    height: 35.427rem;
  }
  .l-lpcontents .p-style--snap03 .imgLink{
    transform: rotate(354.58deg);
    top: 1.2rem;
    left: 1.6rem;
  }
  .l-lpcontents .p-style--snap04 .imgLink{
    transform: rotate(7.59deg);
    top: 1.5rem;
    left: 2.3rem;
  }
  .l-lpcontents .p-style--snap05 .imgLink{
    transform: rotate(349.84deg);
    top: 2.1rem;
    left: 3rem;
  }
  .l-lpcontents .p-style--snap08{
    margin-left: 1.31rem;
    margin-bottom: 70.6vh;
  }
  .l-lpcontents .p-style--snap09.sticky-img01{
    width: 31.594rem;
    top: 29.5rem;
    margin-left: auto;
    margin-right: 0.7rem;
    padding-bottom: 50rem;
  }
  .l-lpcontents .p-style--snap10.sticky-img02{
    width: 28.114rem;
    margin-left: 0;
    left: -0.2rem;
    top: 42.7rem;
    padding-bottom: 38rem;
  }
  .l-lpcontents .p-style--snap11.sticky-img03{
    width: 30.121rem;
    margin-left: auto;
    margin-right: -2.7rem;
    top: 6.4rem;
  }
  .l-lpcontents .p-style--snap09 .imgLink{
    transform: rotate(10.46deg);
    top: 2rem;
    left: 3.1rem;
  }
  .l-lpcontents .p-style--snap10 .imgLink{
    transform: rotate(355.8deg);
    top: 1.2rem;
    left: 1.4rem;
  }
  .l-lpcontents .p-style--snap11 .imgLink{
    transform: rotate(7.73deg);
    top: 1.6rem;
    left: 2.3rem;
  }

}
@media screen and (max-width: 767px) {
  .l-lpcontents .sticky-img01 .imgLink,
  .l-lpcontents .sticky-img02 .imgLink,
  .l-lpcontents .sticky-img03 .imgLink  {
    position: relative;
    width: calc(650* (100vw / 750));
    height: calc(900* (100vw / 750));
  }
  .l-lpcontents .sticky-img02{
    position: relative;
    z-index: 1;
  }
  .l-lpcontents .sticky-img03{
    position: relative;
    z-index: 2;
  }

  .l-lpcontents .p-style--snap .p-style__wrap {
    padding-top: calc(142.9* (100vw /750));
  }
  .l-lpcontents .model-img.p-style--snap02{
    margin-bottom: calc(65*(100vw / 750));
  }


  .l-lpcontents .p-style--snap03{
    width: calc(691.83* (100vw / 750));
    margin-left: calc(-5*(100vw / 750));
  }
  .l-lpcontents .p-style--snap03 .imgLink{
    transform: rotate(357.29deg);
    top: calc(15*(100vw / 750));
    left: calc(-2*(100vw / 750));
  }
  .l-lpcontents .p-style--snap04{
    /* position: relative; */
    width: calc(755.5* (100vw / 750));
    top: calc(-314*(100vw / 750));
    margin-right: calc(6*(100vw / 750));
  }
  .l-lpcontents .p-style--snap04 .imgLink{
    transform: rotate(7.05deg);
    top: calc(35*(100vw / 750));
    left: calc(-1*(100vw / 750));
  }
  .l-lpcontents .p-style--snap05{
    /* position: relative; */
    width: calc(722.21*(100vw / 750));
    margin-top: calc(-603*(100vw / 750));
    margin-left: calc(-6*(100vw / 750));
    margin-bottom: calc(145*(100vw / 750));
  }
  .l-lpcontents .p-style--snap05 .imgLink{
    transform: rotate(355.26deg);
    top: calc(26*(100vw / 750));
    left: calc(-1*(100vw / 750));
  }
  .l-lpcontents .p-style--snap07{
    margin-bottom: calc(80* (100vw / 750));
  }

  .l-lpcontents .p-style--snap04 .creditTxt:nth-child(3){
    padding-right: calc(50* (100vw / 750));
  }
  .p-style--snap08 picture{
    display: inline-block;
    height: calc(1044.9*(100vw / 750));
    width: calc(767.94*(100vw / 750));
    object-fit: cover;
    margin-left: calc(-8*(100vw / 750));
  }
  .p-style--snap08 .creditWrap-cont{
    width: calc(226.77*(100vw / 750));
    bottom: calc(240*(100vw / 750));
    right: calc(43*(100vw / 750));
  }
  .p-style--snap08 .creditWrap-cont.limited{
    bottom: auto;
  }
  .l-lpcontents .p-style--snap08 {
    margin-bottom: calc(105*(100vw / 750));
  }
  .l-lpcontents .p-style--snap09{
    width: calc(730.19*(100vw / 750));
    margin-left: calc(21*(100vw / 750));
  }
  .l-lpcontents .p-style--snap09 .imgLink{
    transform: rotate(5.29deg);
    top: calc(28*(100vw / 750));
    left: calc(2*(100vw / 750));
  }
  /* .l-lpcontents .p-style--snap09 .creditWrap-cont.limited{
    width: calc(198.43* (100vw / 750));
    top: calc(339.9* (100vw / 750));
    right: calc(97.3* (100vw / 750));
  } */
  .l-lpcontents .p-style--snap10{
    /* position: relative; */
    width: calc(714.23*(100vw / 750));
    top: calc(-364*(100vw / 750));
    margin-left: calc(-19*(100vw / 750));
  }
  .l-lpcontents .p-style--snap10 .imgLink{
    transform: rotate(355.8deg);
    top: calc(19*(100vw / 750));
    left: calc(-2*(100vw / 750));
  }
  .l-lpcontents .p-style--snap11{
    /* position: relative; */
    width: calc(743.15*(100vw / 750));
    margin-top: calc(-733*(100vw / 750));
    margin-left: calc(24*(100vw / 750));
    margin-bottom: calc(173*(100vw / 750));
  }
  .l-lpcontents .p-style--snap11 .imgLink{
    transform: rotate(6.18deg);
    top: calc(34*(100vw / 750));
  }
  .p-style--snap12 .creditWrap-cont:nth-child(2){
    width: calc(436*(100vw / 750));
    top: calc(288*(100vw / 750));
    right: calc(252*(100vw / 750));
    left: auto;
  }
  .p-style--snap12 .creditWrap-cont02{
    top: calc(763*(100vw / 750));
    left: calc(250*(100vw / 750));
    width: calc(436*(100vw / 750));
  }
  .l-lpcontents .p-style--snap .p-style__wrapper02 .slick-dots{
    bottom: calc(-46* 100vw / 750);
  }
  .l-lpcontents .p-style--snap .p-style__wrapper02{
    margin-bottom: calc(80* (100vw / 750));
  }
  .l-lpcontents .p-style--snap .img-slider__wrapper01{
    height: calc(1020* (100vw / 750));
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - DRESS CODE ?
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents .p-style--dresscode{
  background-color: var(--bg_color-lightblue);
  width: 100%;
  padding-top: 11.7rem;
  padding-bottom: 10.48rem;
}
.l-lpcontents .p-style--dresscode .c-text__style__maintitle{
  color: #000;

}

@media screen and (min-width: 768px) {
  .l-lpcontents .p-style--dresscode .img-sticky__wrapper01{
    width: 42.4rem;
    margin-top: 22.8em;
  }
  .l-lpcontents .p-style--dresscode .p-style--dresscode04{
    width: 27.631rem;
    margin-left: auto;
    margin-right: 2.4rem;
    top: 33rem;
    padding-bottom: 35rem;
    margin-bottom: 39rem;
  }
  .l-lpcontents .p-style--dresscode .p-style--dresscode05{
    width: 27.626rem;
    margin-right: auto;
    margin-left: 0;
    top: 48rem;
    padding-bottom: 23rem;
    margin-bottom: 36rem;
  }
  .l-lpcontents .p-style--dresscode .p-style--dresscode06{
    width: 34.331rem;
    margin-left: auto;
    margin-right: -2.6rem;
    top: 8rem;
    margin-bottom: 48rem;
  }
  .l-lpcontents .p-style--dresscode .sticky-img-side{
    margin-bottom: 79rem;
  }
  .l-lpcontents .p-style--dresscode .sticky-img01 .imgLink,
  .l-lpcontents .p-style--dresscode .sticky-img02 .imgLink,
  .l-lpcontents .p-style--dresscode .sticky-img03 .imgLink {
    width: 25.586rem;
    height: 35.427rem;
  }
  .l-lpcontents .p-style--dresscode .sticky-img01 .imgLink{
    transform: rotate(3.38deg);
    top: 0.8rem;
    left: 1rem;
  }
  .l-lpcontents .p-style--dresscode .sticky-img02 .imgLink{
    transform: rotate(356.63deg);
    top: 0.6rem;
    left: 1rem;
  }
  .l-lpcontents .p-style--dresscode .sticky-img03 .imgLink{
    transform: rotate(15.94deg);
    top: 3rem;
    left: unset;
  }

  .l-lpcontents .p-style--dresscode04 .imgLink{
    transform: rotate(7.59deg);
    top: 1.5rem;
    left: 2.3rem;
  }
  .l-lpcontents .p-style--dresscode05 .imgLink{
    transform: rotate(349.84deg);
    top: 2.1rem;
    left: 3rem;
  }

  .l-lpcontents .p-style--dresscode .p-style__title {
    margin-bottom: 0;
  }
  .l-lpcontents .p-style--dresscode .p-style__wrapper01 {
    flex-direction: row;
    width: 90rem;
  }
  .l-lpcontents .p-style--dresscode .sticky__wrapper01{
    flex-direction: row;
    width: 94em;
    margin-top: -5.5rem;
    padding-bottom: 0;
  }
  .l-lpcontents .p-style--dresscode .p-style__wrapper03{
    margin-top: -40rem;
  }
  .l-lpcontents .p-style--dresscode .sticky-img-side{
    margin-left: 4.7rem;
    margin-right: 0;
  }
  .l-lpcontents .p-style--dresscode .img-slider__wrapper02{
    height: 54.4rem;
    top: 32.4rem;
    margin-top: 27.2rem;
    margin-left: 0;
    margin-right: 2.5rem;
    margin-bottom: 23.9vh;
  }
  .l-lpcontents .p-style--dresscode .img-sticky__wrapper02{
    width: 40rem;
  }

  .l-lpcontents .p-style--dresscode .sticky__wrapper02{
    flex-direction: row-reverse;
    margin-top: 5.5rem;
    width: 90rem;
    padding-bottom: 0;
  }
  .l-lpcontents .p-style--dresscode .p-style__wrapper05{
    margin-top: -18.5vh;
  }

  .l-lpcontents .p-style--dresscode .p-style--dresscode10{
    width: 26.206rem;
    top: 5rem;
    left: 0;
    padding-bottom: 37rem;
    /* padding-bottom: 0; */
  }
  .l-lpcontents .p-style--dresscode .p-style--dresscode11{
    width: 29.859rem;
    top: 16.9rem;
    /* padding-bottom: 0; */
  }
  .l-lpcontents .p-style--dresscode .p-style--dresscode12{
    width: 31.36rem;
    top: -0.5rem;
    left: 3.5rem;
    margin-bottom: 36vh;
  }

  .l-lpcontents .p-style--dresscode10.sticky-img01 .imgLink{
    transform: rotate(358.99deg);
    top: 0.2rem;
    left: 0.3rem;
  }
  .l-lpcontents .p-style--dresscode11.sticky-img02 .imgLink{
    transform: rotate(7.26deg);
    top: 1.5rem;
    left: 2.1rem;
  }
  .l-lpcontents .p-style--dresscode12.sticky-img03 .imgLink{
    transform: rotate(349.98deg);
    top: 1.8rem;
    left: unset;
  }

  .l-lpcontents .p-style--dresscode .p-style--dresscode13{
    margin: 0 auto;
  }



  .l-lpcontents .p-style--dresscode .style__wrapper04{
    margin: 0 auto;
  }
  .p-style--dresscode07{
    width: 40rem;
    margin-right: auto;
    margin-left: auto;
  }
  .l-lpcontents .diamond_pic{
    width: 1.79rem;
    height: 1.047rem;
    margin: 1.34rem auto 0;
  }

}
@media screen and (max-width: 767px) {
  .l-lpcontents .pc_only{
    display: none;
  }
  .l-lpcontents .p-style--dresscode .p-style__wrapper01{
    margin-bottom: calc(80*(100vw / 750));
  }
  .l-lpcontents .p-style--dresscode03{
    margin-bottom: calc(100*(100vw / 750));
  }
  .l-lpcontents .p-style--dresscode04{
    width: calc(701.95*(100vw / 750));
    margin-top: calc(0*(100vw / 750));
    margin-left: calc(24*(100vw / 750));
  }
  .l-lpcontents .p-style--dresscode04{
    margin-left: calc(54*(100vw / 750));
  }
  .l-lpcontents .p-style--dresscode04 .imgLink{
    transform: rotate(3.38deg);
    top: calc(18*(100vw / 750));
  }
  .p-style--dresscode04 .creditWrap-cont02{
    top: calc(257*(100vw / 750));
    left: calc(6*(100vw / 750));
    width: calc(236*(100vw / 750));
  }
  .l-lpcontents .p-style--dresscode04 .creditWrap-cont02{
    width: calc(376.34* (100vw / 750));
    top: calc(569.8* (100vw / 750));
    left: calc(-1.58* (100vw / 750));
  }
  .l-lpcontents .p-style--dresscode05{
    width: calc(701.82*(100vw / 750));
    margin-top: calc(-159*(100vw / 750));
    margin-left: calc(-29*(100vw / 750));
  }
  .l-lpcontents .p-style--dresscode05 .imgLink{
    transform: rotate(356.63deg);
    top: calc(18*(100vw / 750));
    left: calc(0*(100vw / 750));
  }
  .l-lpcontents .p-style--dresscode06{
    width: calc(688.51*(100vw / 750));
    margin-top: calc(-252*(100vw / 750));
    margin-left: calc(71*(100vw / 750));
    margin-bottom: calc(113*(100vw / 750));
  }
  .p-style--dresscode06 .creditWrap-cont02{
    top: calc(603*(100vw / 750));
    left: calc(123*(100vw / 750));
    width: calc(372*(100vw / 750));
  }
  .l-lpcontents .p-style--dresscode06 .imgLink{
    transform: rotate(2.49deg);
    top: calc(13*(100vw / 750));
  }
  .p-style--dresscode06 .creditWrap-cont{
    width: calc(233.32* (100vw / 750));
    top: calc(271.5* (100vw / 750));
    left: calc(131.2* (100vw / 750));
  }
  .p-style--dresscode06 .creditWrap-cont
  .l-lpcontents .p-style--dresscode07 .model-img {
    margin-bottom: calc(60*(100vw / 750));
  }
  .l-lpcontents .p-style--dresscode .img-sticky__wrapper02{
    margin-top: calc(150*(100vw / 750));
  }
  .l-lpcontents .p-style--dresscode08 .creditWrap-cont.creditWrap-cont02{
    top: calc(603*(100vw / 750));
    left: calc(123*(100vw / 750));
    width: calc(372*(100vw / 750));
  }
  .l-lpcontents .p-style--dresscode08 .creditWrap-cont{
    top: calc(384*(100vw / 750));
    left: calc(88*(100vw / 750));
    width: calc(169*(100vw / 750));
  }
  .l-lpcontents .p-style--dresscode10{
    width: calc(704.5* (100vw / 750));
    margin-left: calc(-15*(100vw / 750));
  }
  .l-lpcontents .p-style--dresscode10 .imgLink{
    transform: rotate(356.45deg);
    top: calc(18*(100vw / 750));
  }
  .l-lpcontents .p-style--dresscode10 .creditWrap-cont{
    width: calc(432*(100vw / 750));
  }
  .l-lpcontents .p-style--dresscode11{
    width: calc(744.51*(100vw / 750));
    margin-top: calc(-283*(100vw / 750));
    margin-left: calc(11*(100vw / 750));
  }
  .l-lpcontents .p-style--dresscode11 .imgLink{
    transform: rotate(6.28deg);
    top: calc(18*(100vw / 750));
    left: calc(0*(100vw / 750));
  }
  .l-lpcontents .p-style--dresscode12{
    width: calc(722.99*(100vw / 750));
    margin-top: calc(-298*(100vw / 750));
    margin-left: calc(-1*(100vw / 750));
    margin-bottom: calc(133*(100vw / 750));
  }
  .l-lpcontents .p-style--dresscode12 .imgLink{
    transform: rotate(355.2deg);
    top: calc(25*(100vw / 750));
  }
  .l-lpcontents .p-style--dresscode05 .creditWrap-cont.limited:nth-last-of-type(1){
    top: calc(470*(100vw / 750));
    left: calc(141*(100vw / 750));
    padding-left: 0;
    justify-content: center !important;
  }
  .p-style--dresscode05 .creditWrap-cont.limited:nth-last-of-type(2){
    justify-content: center !important;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project -sipsip ?
//////////////////////////////////////////////////////////////////////////////////////////////
*/
  .l-lpcontents .p-style--sipsip{
    background-color: var(--bg_color-red);
    width: 100%;
  }
@media screen and (min-width: 768px) {
  .l-lpcontents .p-style--sipsip{
    padding-top: 11.52rem;
    padding-bottom: 13rem;
  }
  .l-lpcontents .p-style--sipsip{
    padding-top: 14.6rem;
    padding-bottom: 12.5rem;
  }
  .l-lpcontents .p-style--sipsip .p-style__wrapper01{
    height: 54.4rem;
  }
  .l-lpcontents .p-style--sipsip .p-style__wrap {
    width: 88rem;
    margin: 0 auto;
  }
  .l-lpcontents .p-style--sipsip .sticky__wrapper01{
    margin-top: -7rem;
  }
  .l-lpcontents .p-style--sipsip .p-style__title{
    margin: 0 auto;
  }
  .l-lpcontents .p-style--sipsip .img-sticky__wrapper{
    position: sticky;
    position: -webkit-sticky;
    top: 0;

  }
  .l-lpcontents .p-style--sipsip .img-sticky__wrapper01 {
    width: 45.8rem;
    left: 0;
    margin-top: 16rem;
  }
  .l-lpcontents .p-style--sipsip .img-sticky__wrapper02 {
    width: 43.5rem;
    right: 1.23rem;
    margin-top: 21.4rem;
  }

  .l-lpcontents .p-style--sipsip .p-style__wrapper03{
    flex-direction: row-reverse;
  }

  .l-lpcontents .p-style--sipsip .p-style--sipsip03 {
    margin-bottom: 77vh;
  }

  .l-lpcontents .sticky-img01 {
    position: sticky;
    top: 42.55rem;
    left: 10.6rem;
    width: 28.818rem;
    margin-bottom: 29vh;
    padding-bottom: 27rem;
  }

  .l-lpcontents .sticky-img02 {
    position: sticky;
    top: 51.8rem;
    width: 30.0430rem;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 29vh;
    padding-bottom: 25.4rem;
  }

  .l-lpcontents .sticky-img03 {
    position: relative;
    top: 14.1rem;
    left: -4.2rem;
    width: 31.436rem;
    margin-bottom: 50vh;
  }
  .l-lpcontents .p-style--sipsip .img-slider__wrapper01{
    margin-left: 5rem;
  }
  .l-lpcontents .p-style--sipsip .img-slider__wrapper02{
    /* width: 40rem; */
    margin: -57.8vh auto 0;
  }

  .l-lpcontents .p-style--sipsip04.sticky-img01{
    width: 31.366rem;
    top: 21rem;
    margin-right: auto;
    left: 0;
    margin-left: 5.8rem;
    padding-bottom: 64.5rem;
  }
  .l-lpcontents .p-style--sipsip05.sticky-img02{
    width: 30.649rem;
    top: 38.3rem;
    margin-left: auto;
    padding-bottom: 49rem;
  }

  .l-lpcontents .p-style--sipsip06.sticky-img03{
    width: 27.731rem;
    margin-left: auto;
    margin-right: 10.7rem;
    top: -6.6rem;
  }
  .l-lpcontents .p-style--sipsip04 .imgLink{
    transform: rotate(349.97deg);
    top: 2rem;
    left: 2.8rem;
  }
  .l-lpcontents .p-style--sipsip05 .imgLink{
    transform: rotate(188.7deg);
    top: 1.5rem;
    left: 2.3rem;
  }
  .l-lpcontents .p-style--sipsip06 .imgLink{
    transform: rotate(356.45deg);
    top: 0.7rem;
    left: 1rem;
  }
  .l-lpcontents .p-style--sipsip .sticky__wrapper02{
    width: 90rem;
  }

  .l-lpcontents .p-style--sipsip10.sticky-img01{
    width: 31.373rem;
    top: 29.5rem;
    margin-left: auto;
    margin-right: 0.7rem;
    padding-bottom: 50rem;
  }
  .l-lpcontents .p-style--sipsip11.sticky-img02{
    margin-left: 0;
    margin-right: auto;
    top: 50rem;
    padding-bottom: 26.4rem;
  }
  .l-lpcontents .p-style--sipsip12.sticky-img03{
    width: 29.96rem;
    margin-left: auto;
    top: 16.5rem;
    margin-right: 0;
    left: -1.2rem;
  }
  .l-lpcontents .p-style--sipsip10 .imgLink{
    transform: rotate(190.04deg);
    top: 2rem;
    left: 3.1rem;
  }
  .l-lpcontents .p-style--sipsip11 .imgLink{
    transform: rotate(173.18deg);
    top: 1.7rem;
    left: 2.3rem;
  }
  .l-lpcontents .p-style--sipsip12 .imgLink{
    transform: rotate(187.44deg);
    top: 1.6rem;
    left: 2.3rem;
  }
  .l-lpcontents .p-style--sipsip09.sticky-img-side{
    margin-right: 0;
    margin-left: 2.3rem;
  }
  .l-lpcontents .p-style--sipsip .p-style__wrapper04 .model-img{
    margin: -36.8vh auto 0;
  }

}
@media screen and (max-width: 767px) {
  .l-lpcontents .p-style--sipsip .p-style__wrap {
    padding-top: calc(142.9* (100vw /750));
  }
  .l-lpcontents .p-style--sipsip03{
    margin-top: calc(80*(100vw / 750));
    margin-bottom: calc(97*(100vw / 750));
  }
  .l-lpcontents .p-style--sipsip04{
    width: calc(704.5* (100vw / 750));
    margin-left: calc(-6*(100vw / 750));
  }
  .l-lpcontents .p-style--sipsip04 .imgLink{
    transform: rotate(176.45deg);
    top: calc(18*(100vw / 750));
  }
  .l-lpcontents .p-style--sipsip05{
    width: calc(738.83*(100vw / 750));
    margin-top: calc(-247*(100vw / 750));
    margin-left: calc(20*(100vw / 750));
}
  .l-lpcontents .p-style--sipsip05 .imgLink{
    transform: rotate(185.88deg);
    top: calc(18*(100vw / 750));
    left: calc(0*(100vw / 750));
  }
  .l-lpcontents .p-style--sipsip06{
    width: calc(704.5*(100vw / 750));
    margin-top: calc(-178*(100vw / 750));
    margin-left: calc(-5*(100vw / 750));
    margin-bottom: calc(173*(100vw / 750));
  }
  .l-lpcontents .p-style--sipsip06 .imgLink{
    transform: rotate(176.45deg);
    top: calc(34*(100vw / 750));
  }
  .l-lpcontents .p-style--sipsip .p-style__wrapper02 {
    margin-bottom: calc(80*(100vw / 750));
  }
  .l-lpcontents .p-style--sipsip09{
    margin-bottom: calc(114*(100vw / 750));
  }
  .l-lpcontents .p-style--sipsip10{
    width: calc(692.07* (100vw / 750));
    margin-left: calc(64*(100vw / 750));
  }
  .l-lpcontents .p-style--sipsip10 .imgLink{
    transform: rotate(182.73deg);
    top: calc(16*(100vw / 750));
  }
  .l-lpcontents .p-style--sipsip11{
    width: calc(752.31*(100vw / 750));
    margin-top: calc(-233*(100vw / 750));
    margin-left: calc(-17*(100vw / 750));
  }
  .l-lpcontents .p-style--sipsip11 .imgLink{
    transform: rotate(173.18deg);
    top: calc(35*(100vw / 750));
    left: calc(0*(100vw / 750));
  }
  .l-lpcontents .p-style--sipsip12{
    width: calc(761.13*(100vw / 750));
    margin-top: calc(-371*(100vw / 750));
    margin-left: calc(6*(100vw / 750));
    margin-bottom: calc(148*(100vw / 750));
  }
  .l-lpcontents .p-style--sipsip12 .imgLink{
    transform: rotate(187.44deg);
    top: calc(34*(100vw / 750));
  }
  .l-lpcontents .p-style__wrapper04 .model-img{
    margin-bottom: 0;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
project -lastcont
//////////////////////////////////////////////////////////////////////////////////////////////
*/

.last-sec__wrapper{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
.last-sec{
  background-color: var(--bg_color-red);
  position: relative;
}
.last-sec::after{
  content: "";
  position: absolute;
  background-image: url(../img/SVG/bg_pc.svg);
  background-size: contain;
  background-position: bottom right;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}
.view-all_last{
  position: absolute;
}
.staff-ttl{
  font-family: var(--font-en);
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 768px) {
/* -----------lastsec */
  .last-sec{
    padding-bottom: 39.39rem;
  }
  .emoji-gif_last{
    width: 2.428rem;
  }

  .staff-ttl{
    font-size: 1.639rem;
    margin-top: 1.1rem;
  }
  .staff-list{
    width: 29.358rem;
    margin-top: 1.6rem;
  }
  .view-all_last{
    width: 9.657rem;
    bottom: 2.49rem;
    left: 2.65rem;
  }
  .last-sec::after{
    width: 61.395rem;
    bottom: 0;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .last-sec{
    padding-top: calc(169.4* (100vw / 750));
    padding-bottom: calc(674.1* (100vw / 750));
  }
  .emoji-gif_last{
    width: calc(40* (100vw / 750));
  }

  .staff-ttl{
    font-size: calc(27* (100vw / 750));
    margin-top: calc(12* (100vw / 750));
  }
  .staff-list{
    width: calc(483.62* (100vw / 750));
    margin-top: calc(31.4* (100vw / 750));
  }
  .view-all_last{
    width: calc(140.76*(100vw / 750));
    bottom: calc(37.6*(100vw / 750));
    left: calc(28.8*(100vw / 750));
  }
}




/*
//////////////////////////////////////////////////////////////////////////////////////////////
slick
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.l-lpcontents .slick-dots {
  position: absolute;
  bottom: -2.43rem;
}
.l-lpcontents .slick-dots li {
  display: inline-block;
  margin-inline: 0.2rem;
  width: 0.5rem;
  height: 0.5rem;
  border: 1px solid #fff;  /* 線描画の場合、指定 */
  display: inline-block;
  transform: rotate(45deg)
  skew(
    calc((90deg - 60deg) / 2), /* ダイヤ型の角度を変更する */
    calc((90deg - 60deg) / 2)  /* ダイヤ型の角度を変更する */
  );
}

.l-lpcontents .slick-dots li button {
  width: 0.5rem;
  height: 0.5rem;
  font-size: 0;
  border-radius: 0;
  padding: 0;
}
.l-lpcontents .slick-dots li.slick-active button {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #fff;
}
.l-lpcontents .slick-dots li button:before {
  font-size: 0;
  opacity: 1;
  width: 0.5rem;
  height: 0.5rem;
}
.slick-dots li.slick-active button:before{
  width: 0.5rem;
  height: 0.5rem;
}

@media screen and (max-width: 767px) {
  .l-lpcontents .slick-dots {
    bottom: calc(-33* 100vw / 750);
    margin: 0 auto;
    width: initial;
    left: 50%;
    transform: translateX(-50%);
  }
  .l-lpcontents .slick-dots li {
    width: calc(10*100vw/750);;
    height: calc(10*100vw/750);;
    margin: 0 calc(5*100vw/750);
  }
  .l-lpcontents .slick-dots li button {
    width: calc(10*100vw/750);;
    height: calc(10*100vw/750);;
    border: calc(1*100vw/750) solid var(--bg_color-white);
  }
  .l-lpcontents .slick-slide {
    margin-left: 0;
  }
  .l-lpcontents .slick-dots li.slick-active button{
    width: calc(9*100vw/750);;
    height: calc(9*100vw/750);;
  }
  .l-lpcontents .slick-dots li button:before{
    width: calc(10*100vw/750);;
    height: calc(10*100vw/750);;
  }
  .slick-dots li.slick-active button:before{
    width: calc(10*100vw/750);;
    height: calc(10*100vw/750);;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
animation - fade
//////////////////////////////////////////////////////////////////////////////////////////////
*/
/* ___________________吹き出し */
.js-popup .p-firstview__item__frame{
  position: relative;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
}
.js-popup.is-show .p-firstview__item__frame{
  -webkit-transform: scale(1) translate3d(0, 0, 0);
  -moz-transform: scale(1) translate3d(0, 0, 0);
  -o-transform: scale(1) translate3d(0, 0, 0);
  -ms-transform: scale(1) translate3d(0, 0, 0);
  transform: scale(1) translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 450ms cubic-bezier(0.45, 1.47, 0.65, 1);
  -moz-transition: -moz-transform 450ms cubic-bezier(0.45, 1.47, 0.65, 1);
  -o-transition: -o-transform 450ms cubic-bezier(0.45, 1.47, 0.65, 1);
  -ms-transition: -ms-transform 450ms cubic-bezier(0.45, 1.47, 0.65, 1);
  transition: transform 450ms cubic-bezier(0.45, 1.47, 0.65, 1);
}
.js-credit .creditWrap-cont{
  position: absolute;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.js-credit:hover .creditWrap-cont{
  -webkit-transform: scale(1) translate3d(0, 0, 0);
  -moz-transform: scale(1) translate3d(0, 0, 0);
  -o-transform: scale(1) translate3d(0, 0, 0);
  -ms-transform: scale(1) translate3d(0, 0, 0);
  transform: scale(1) translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 450ms cubic-bezier(0.45, 1.47, 0.65, 1);
  -moz-transition: -moz-transform 450ms cubic-bezier(0.45, 1.47, 0.65, 1);
  -o-transition: -o-transform 450ms cubic-bezier(0.45, 1.47, 0.65, 1);
  -ms-transition: -ms-transform 450ms cubic-bezier(0.45, 1.47, 0.65, 1);
  transition: transform 450ms cubic-bezier(0.45, 1.47, 0.65, 1);
}

/* @media screen and (max-width: 767px) {
  .js-credit.js-credit_open .creditWrap{
    visibility: visible;
    opacity: 1;

  }
  .js-credit.js-credit_open .creditWrap-cont{
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    -moz-transform: scale(1) translate3d(0, 0, 0);
    -o-transform: scale(1) translate3d(0, 0, 0);
    -ms-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 450ms cubic-bezier(0.45, 1.47, 0.65, 1);
    -moz-transition: -moz-transform 450ms cubic-bezier(0.45, 1.47, 0.65, 1);
    -o-transition: -o-transform 450ms cubic-bezier(0.45, 1.47, 0.65, 1);
    -ms-transition: -ms-transform 450ms cubic-bezier(0.45, 1.47, 0.65, 1);
    transition: transform 450ms cubic-bezier(0.45, 1.47, 0.65, 1);
  }
} */
/* ___________________吹き出し下テキスト */
.js-popup.is-show .p-firstview__item__detail{
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 300ms ease 450ms;
  -moz-transition: opacity 300ms ease 450ms;
  -o-transition: opacity 300ms ease 450ms;
  -ms-transition: opacity 300ms ease 450ms;
  transition: opacity 300ms ease 450ms;
}
.js-popup .p-firstview__item__detail{
  opacity: 0;
  /* -webkit-transform: scale(.8, 1);
  -moz-transform: scale(.8, 1);
  -o-transform: scale(.8, 1);
  -ms-transform: scale(.8, 1);
  transform: scale(.8, 1); */
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -o-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
}
@media screen and (max-width: 767px) {
  /*----------------------------
  js-fadeIn ｜下から上へ出現（赤）
  ----------------------------*/
  .js-fadeSp{
    transition: 0.8s ease-in-out;
    transform: translate(0px, 40px);
    opacity: 0;
  }
  .js-fadeSp.is-visible{
    transform: translate(0px, 0);
    opacity: 1.0;
  }
}


/*
//////////////////////////////////////////////////////////////////////////////////////////////
animation - credit
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.limited-txt{
  display: block;
}
.creditImg{
  position: relative;
}
.creditWrap{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  z-index: 1;
  visibility: hidden;
  transition: 0.5s;
}

.imgLink{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.js-credit:hover .creditWrap{
  opacity: 1;
  visibility: visible;
  transition: 0.5s;
}
@media screen and (min-width: 768px) {
  .p-style__image:has(>.js-credit){
    z-index: 1;
    }
  .p-style__image:has(>.js-credit_open){
    z-index: 2;
  }
}



.creditTxt.js-creditLiner::after{
  width: 100%;
}
.creditTxt{
  position: relative;
  display: inline-block;
  z-index: 100;
  line-height: 1;
  letter-spacing: 0.054em;
  font-weight: 500;
}
.js-noLiner.creditTxt::after{
  content: none;
}
.creditWrap-inner{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.creditWrap-cont{
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #fff;
  background: var(--bg_color-black);;
}
.creditWrap-cont:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/SVG/arrow.svg);
  z-index: 1;
}

.creditWrap-cont.limited:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/SVG/arrow_pnk.svg);
  z-index: 1;
}
.p-style--snap08 .creditWrap-cont.limited{
  padding-left: 0;
}
.creditWrap-cont.limited{
  background-color: #C3205B;
  text-align: center;
  padding-left: 0;
  justify-content: center;
      /* top: -0.53rem; */
}

.l-lpcontents .js-credit .creditWrap{
  position: absolute;
}

@media screen and (min-width: 768px) {
  .limited-txt{
    font-size: 0.523rem;
    margin-top: 0.3rem;
  }
  .creditWrap-cont{
    border-radius: 1rem;
    column-gap: 0.7rem;
    line-height: 1;
    row-gap: 0.6rem;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    /* padding-left: 1.3rem; */
  }
  .creditWrap-cont.limited:after{
    top: -0.553rem;
  }
  .creditWrap-cont:after{
    width: 1.195rem;
    height: 0.553rem;
    top: -0.553rem;
  }
  .creditTxt{
    font-size: 0.87rem;
  }
  .creditWrap2{
    background-color: #fff;
    color: #000;
  }
}

@media screen and (max-width: 767px) {
  .limited{
    font-size: calc(15.61* (100vw / 750));
  }
  .limited-txt{
    font-size: calc(9.69* (100vw / 750));
    margin-top: calc(6* (100vw / 750));
  }
  .creditTxt
  .creditWrap-cont:after{
    width: calc(22.13* (100vw / 750));
    height: calc(10.25* (100vw / 750));
  }

  .creditWrap-cont{
    border-radius: calc(10* (100vw / 750));
    width: calc(400*(100vw / 750));
    row-gap: calc(17*(100vw / 750));
    column-gap: calc(10* (100vw / 750));
    padding-top: calc(3*(100vw / 750));

  }
  .creditTxt{
    font-size: calc(24* (100vw / 750));
  }
  .txt-right{
    padding-top: calc(43* (100vw / 750));
  }
  .creditTxt.pcOnly{
    display: none;
  }
  .limited-color {
    line-height: 1.5;
    padding-bottom: calc(35*(100vw / 750));
  }

}


  /* ======================p-style--snap */
.p-style--snap02 .creditWrap-cont,
.p-style--snap06 .creditWrap-cont,
.p-style--snap08 .creditWrap-cont,
.p-style--snap12 .creditWrap-cont.creditWrap-cont,
.p-style--snap13 .creditWrap-cont.creditWrap-cont{
  justify-content: center;
}
@media screen and (min-width: 768px) {

  .p-style--snap01 .creditWrap-cont{
    width: 22.5rem;
    /* height: 3.674rem; */
    bottom: 4.39rem;
    left: 1.7rem;
    padding-left: 1.3rem;
  }
  .p-style--snap02 .creditWrap-cont{
    /* justify-content: center; */
    width: 8rem;
    /* height: 2.449rem; */
    bottom: 3rem;
    right: 12.5rem;
  }
  .p-style--snap03 .creditWrap-cont{
    width: 19.864rem;
    /* height: 2.449rem; */
    top: 17.8rem;
    left: -2.38rem;
    padding-left: 0.8rem;
  }
  .p-style--snap04 .creditWrap-cont{
    width: 29.734rem;
    /* height: 3.674rem; */
    bottom: 10.05rem;
    right: -10.05rem;
    padding-left: 0.98rem;
  }
  .p-style--snap05 .creditWrap-cont{
    width: 18.391rem;
    /* height: 3.586rem; */
    bottom: 6.82rem;
    left: 1.5rem;
    padding-left: 1.08rem;
  }
  .p-style--snap06 .creditWrap-cont{
    width: 23.936rem;
    height: 2.449rem;
    top: 50%;
    transform: translateY(-50%);
    left: 5.37rem;
  }
  .p-style--snap06 .creditWrap-cont.limited{
    width: 10.715rem;
    /* height: 3.215rem; */
    bottom: 2.31rem;
    top: auto;
    transform: none;
    left: 7.28rem;
  }
  .p-style--snap07 .creditWrap-cont{
    width: 15.391rem;
    /* height: 3.586rem; */
    bottom: 9.94rem;
    left: 4.86rem;
    padding-left: 1.08rem;
    align-items: center;
  }
  .p-style--snap08 .creditWrap-cont{
    width: 12.246rem;
    /* height: 2.449rem; */
    bottom: 7.69rem;
    left: 11.09rem;
    padding-left: 1.04rem;
    justify-content: center;
  }
  .p-style--snap08 .creditWrap-cont.limited{
    width: 10.715rem;
    /* height: 3.215rem; */
    bottom: 19.92rem;
    left: 8.45rem;
    /* justify-content: center; */
  }
  .p-style--snap09 .creditWrap-cont{
    width: 23.539rem;
    /* height: 3.586rem; */
    top: 16.16rem;
    right: -4.67rem;
    padding-left: 1.04rem;
  }
  .p-style--snap10 .creditWrap-cont{
    width: 18.06rem;
    /* height: 3.586rem; */
    bottom: 10rem;
    left: -1.68rem;
    padding-left: 1.07rem;
  }
  .p-style--snap11 .creditWrap-cont{
    width: 10.715rem;
    /* height: 3.215rem; */
    bottom: 13.43rem;
    right: 3.23rem;
  }
  .p-style--snap12 .creditWrap-cont.creditWrap-cont,
  .p-style--snap13 .creditWrap-cont.creditWrap-cont{
    width: 23.539rem;
    /* height: 2.449rem; */
    top: 27rem;
    left: 7.29rem;
    /* justify-content: center; */
  }
  .p-style--snap12 .creditWrap-cont.creditWrap-cont02,
  .p-style--snap13 .creditWrap-cont.creditWrap-cont02 {
    width: 21.539rem;
    /* height: 3.674rem; */
    bottom: 2.3rem;
    right: 0.96rem;
    top: auto;
    left: auto;
    padding-left: 1.4rem;
    justify-content: left;
  }
}

/* ==============================dresscode */
.p-style--dresscode01 .creditWrap-cont.limite,
.p-style--dresscode02 .creditWrap-cont.limited,
.p-style--dresscode03 .creditWrap-cont,
.p-style--dresscode04 .creditWrap-cont,
.p-style--dresscode05 .creditWrap-cont.limited,
.p-style--dresscode08 .creditWrap-cont,
.p-style--dresscode09 .creditWrap-cont,
.p-style--dresscode10 .creditWrap-cont,
.p-style--dresscode12 .creditWrap-cont{
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .p-style--dresscode02 .creditWrap-cont,
  .p-style--dresscode01 .creditWrap-cont{
    width: 13.4rem;
    /* height: 3.674rem; */
    bottom: 6.43rem;
    right: 11.7rem;
    padding-left: 1.39rem;
  }
  .p-style--dresscode02 .creditWrap-cont.limited,
  .p-style--dresscode01 .creditWrap-cont.limited{
    width: 12.246rem;
    height: 3.276rem;
    top: 21.99rem;
    left: 7.04rem;
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0;
  }
  .p-style--dresscode03 .creditWrap-cont{
    width: 13.776rem;
    /* height: 2.449rem; */
    bottom: 3.72rem;
    right: 8.05rem;
  }
  .p-style--dresscode04 .creditWrap-cont{
    width: 12.599rem;
    /* height: 2.449rem; */
    top: 10.5rem;
    left: -0.5rem;
  }
  .p-style--dresscode05 .creditWrap-cont.limited{
    width: 12.246rem;
    /* height: 3.215rem; */
  }
  .p-style--dresscode05 .creditWrap-cont.limited:nth-child(2){
    top: 9.7rem;
    right: -0.22rem;
  }
  .p-style--dresscode05 .creditWrap-cont.limited:nth-child(3){
    top: 18.246rem;
    left: -1.12rem;
  }
  .l-lpcontents .p-style--dresscode06 .creditWrap-cont{
    width: 18.322rem;
    /* height: 3.674rem; */
    bottom: 15.3rem;
    right: 3.7rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .p-style--dresscode07 .creditWrap-cont{
    width: 15.307rem;
    /* height: 3.674rem; */
    bottom: 9.73rem;
    right: 14.7rem;
    padding-left: 1.42rem;
  }
  .p-style--dresscode08 .creditWrap-cont{
    width: 9.184rem;
    top: 20.8rem;
    right: 23rem;
  }
  .p-style--dresscode08 .creditWrap-cont02{
    width: 19.7rem;
    top: auto;
    right: auto;
    bottom: 11rem;
    left: 16.3rem;
    justify-content: left;
    padding-left: 1rem;
  }
  .p-style--dresscode09 .creditWrap-cont{
    width: 9.184rem;
    /* height: 2.449rem; */
    bottom: 18.85rem;
    right: 4.14rem;
  }


  .p-style--dresscode10 .creditWrap-cont{
    width: 23.123rem;
    /* height: 2.449rem; */
    top: 12.167rem;
    left: -3.38rem;
  }
  .p-style--dresscode11 .creditWrap-cont{
    width: 22.648rem;
    top: 11rem;
    right: -5.34rem;
    padding-left: 0.89rem;
  }
  .p-style--dresscode12 .creditWrap-cont{
    width: 21.947rem;
    top: 24rem;
    left: 5.2rem;
  }
  .p-style--dresscode13 .creditWrap-cont{
    width: 16.56rem;
    /* height: 4.183rem; */
    bottom: 8.9rem;
    right: 5.72rem;
    padding-left: 1.4rem;
  }
}

/* ==============================sipsip */
.p-style--sipsip01 .creditWrap-cont:nth-child(2),
.p-style--sipsip01 .creditWrap-cont.limited:nth-child(5),
.p-style--sipsip01 .creditWrap-cont.limited:nth-child(3),
.p-style--sipsip02 .creditWrap-cont,
.p-style--sipsip07 .creditWrap-cont.limited,
.p-style--sipsip09 .creditWrap-cont,
.p-style--sipsip10 .creditWrap-cont,
.p-style--sipsip11 .creditWrap-cont,
.p-style--sipsip11 .creditWrap-cont.limited{
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .p-style--sipsip02 .creditWrap-cont,
  .p-style--sipsip01 .creditWrap-cont:nth-child(2){
    width: 13.776rem;
    /* height: 2.449rem; */
    top: 15rem;
    left: 4.4rem;
  }
  .p-style--sipsip01 .creditWrap-cont.limited:nth-child(3){
    width: 12.246rem;
    /* height: 3.214rem; */
    left: 11.16rem;
    bottom: 20.2rem;
  }
  .p-style--sipsip01 .creditWrap-cont:nth-child(4){
    width: 20.767rem;
    /* height: 3.674rem; */
    bottom: 12.16rem;
    left: 10.019rem;
    padding-left: 1rem;
  }
  .p-style--sipsip01 .creditWrap-cont.limited:nth-child(5){
    width: 10.715rem;
    /* height: 3.214rem; */
    bottom: 5.11rem;
    right: 2.44rem;
    height: 3.214rem;
    padding: 0;
  }
  .p-style--sipsip01 .creditWrap-cont.limited:nth-child(5) .limited-txt{
    display: block;
  }
  /* .p-style--sipsip02 .creditWrap-cont{
    width: 13.776;
    height: 2.449rem;
    top: 14.74rem;
    left: 8.5rem;
  } */
  .p-style--sipsip02 .creditWrap-cont.limited{
    width: 21.044rem;
    /* height: 3.214rem; */
    top: auto;
    right: auto;
    bottom: 9.07rem;
    left: 3.51rem;
  }
  .p-style--sipsip04 .creditWrap-cont{
    width: 16.7rem;
    /* height: 3.674rem; */
    top: 12.192rem;
    right: -1.85rem;
    padding-left: 1.17rem;
  }
  .p-style--sipsip05 .creditWrap-cont{
    width: 18.8rem;
    /* height: 3.674rem; */
    bottom: 13.34rem;
    right: -4.01rem;
    padding-left: 1.17rem;
  }
  .p-style--sipsip06 .creditWrap-cont{
    width: 22.417rem;
    bottom: 8.91rem;
    right: -2.81rem;
    padding-left: 1.17rem;
  }
   .p-style--sipsip03 .creditWrap-cont{
    width: 22.417rem;
    bottom: 8.91rem;
    right: -2.81rem;
    padding-left: 1.17rem;
  }
  .p-style--sipsip07 .creditWrap-cont,
  .p-style--sipsip08 .creditWrap-cont{
    width: 18.5rem;
    /* height: 3.674rem; */
    bottom: 23.4rem;
    right: 6.77rem;
    padding-left: 1.17rem;
  }
  .p-style--sipsip07 .creditWrap-cont.limited,
  .p-style--sipsip08 .creditWrap-cont.limited{
    width: 12.246rem;
    /* height: 3.276em; */
    bottom: 10.72rem;
    left: 6.77rem;
    padding-left: 0;
    justify-content: center;
  }
  .p-style--sipsip07 .creditWrap-cont.limited{
    left: 6.77rem;
  }
  .p-style--sipsip09 .creditWrap-cont{
    width: 9.184rem;
    /* height: 2.449rem; */
    bottom: 13.64rem;
    right: 6.02rem;
  }
  .p-style--sipsip10 .creditWrap-cont{
    width: 19.369rem;
    top: 21.8rem;
    right: -1.71rem;
  }
  .p-style--sipsip11 .creditWrap-cont{
    width: 18rem;
    bottom: 26.95rem;
    right: 9rem;
  }
  .p-style--sipsip11 .creditWrap-cont.limited{
    width: 12.246rem;
    bottom: 11.9rem;
    right: 14.85rem;
  }
  .p-style--sipsip12 .creditWrap-cont{
    width: 19.3rem;
    /* height: 3.586rem; */
    bottom: 10.7rem;
    right: -2.39rem;
    padding-left: 1.44rem;
  }
  .p-style--sipsip12 .creditWrap-cont .creditTxt:nth-child(2) {
    padding-right: 3rem;
}
  .p-style--sipsip13 .creditWrap-cont{
    width: 19.52rem;
    /* height: 3.586rem; */
    bottom: 11.44rem;
    right: 3.64rem;
    padding-left: 1.03rem;
  }

}