/**************************************************
  共通
***************************************************/
.princess2024{
  overflow: hidden;
}

.princess2024-wrap{
  max-width: 900px;
  width: 90%;
  margin-inline: auto;
  color:#42210B;
}
.princess2024-wrapWide{
  max-width: 1000px;
  width: 90%;
  margin-inline: auto;
  color: #42210B;
}

.princess2024-wrap img{
  height: auto;
}

@media screen and (max-width:700px) {
  .princess2024-wrap{
    width: auto;
    margin-inline: 20px;
  }
}


.princess2024-mincho{
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

.princess2024-marugo {
  font-family: "M PLUS Rounded 1c",
    sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always;
    rotate: 0.03deg;
}

.princess2024-sp{
  display: none;
}

@media screen and (max-width:700px) {
  .princess2024-sp {
      display: block;
    }
}


.princess2024-pc {
  display: block;
}

@media screen and (max-width:700px) {
  .princess2024-pc {
    display: none;
  }
}

.princess2024-sectitle{
  text-align: center;
}

@media screen and (max-width:700px) {
  .princess2024-sectitle img{
    width: auto;
    height: 60px;
  }
}

.princess2024-bg{
  position: relative;
}

.princess2024-bg::before{
  content:"";
  width: 100%;
  height: 100%;
  background: url(../images/goon/princess2024/bg-item2.jpg?11) no-repeat 50% 50% / cover;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: -1;
}

@media screen and (max-width:700px) {
  .princess2024-bg::before {
      background: url(../images/goon/princess2024/bg-item2-sp.jpg?4) no-repeat 50% 50% / cover;
    }
  .princess2024-bg {
    margin-top: 32vw;
  }
}


@media screen and (max-width:700px) {
.princess2024-inlineblock{
  display: inline-block;
}
}


/**************************************************
冒頭文  princess2024__message
***************************************************/
.princess2024__message {
  position: relative;
  font-size: 17px;
  line-height: 2;
  padding: 7.5vw 0 12vw;
  margin-bottom: -185px;
  overflow: hidden;
}

.princess2024__messageBg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: url(../images/goon/princess2024/bg-message-pc.png) no-repeat 50% 0% / cover;
}

.princess2024__message p{
  font-size: max(1vw,17px);
  line-height: 2;
  text-shadow:
  -3px -3px 18px #fff, -3px 0 18px #fff, 0 -3px 18px #fff,
  3px 3px 18px #fff, 3px 0 18px #fff, 0 3px 18px #fff,
  -4px -4px 10px #fff, -4px 0 10px #fff, 0 -4px 10px #fff,
  4px 4px 10px #fff, 4px 0 10px #fff, 0 4px 10px #fff,
  -4px -4px 20px #fff, -4px 0 20px #fff, 0 -4px 20px #fff,
  4px 4px 20px #fff, 4px 0 20px #fff, 0 4px 20px #fff
}
.princess2024__message .anchorlink_list {
  display: flex;
  justify-content: center;
  margin-top: 180px;
}
.princess2024__message .anchorlink_item {
  width: 180px;
  margin: 0 5px;
}
@media screen and (max-width:1440px) {
  .princess2024__message {
    padding: 8.5vw 0 23vw;
  }
}
@media screen and (max-width:700px) {
  .princess2024__messageBg{
    background: url(../images/goon/princess2024/bg-message-sp.jpg) no-repeat 50% 50% / cover;
    padding: 40px 0 90px;
    margin-bottom: -70px;
  }
  .princess2024__message p{
    font-size: 3.2vw;
    margin-inline: 16px;
    text-shadow:
    0px 0px 10px #fff, 0px 0 10px #fff, 0 0px 10px #fff,
    0px 0px 10px #fff, 0px 0 10px #fff, 0 0px 10px #fff,
    0px 0px 10px #fff, 0px 0 10px #fff, 0 0px 10px #fff
  }
  .princess2024__message .anchorlink_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 15px;
  }
  .princess2024__message .anchorlink_item {
    width: 46%;
    margin: 11px 5px 0;
  }
  .princess2024__message .anchorlink_item a:hover img {
    opacity: 1;
  }
}


/**************************************************
  商品紹介 princess2024__item
***************************************************/

.princess2024__item{
  background: url(../images/goon/princess2024/bg-item-pc.png) no-repeat 50% 0% / contain;
  background-size: 1200px 100%;
  padding: 96px 0 240px;
  margin-bottom: 67px;
}
.princess2024__item h2 {
  width: 200px;
  margin: auto;
}
.princess2024__item-sec{
  margin-top: 33px;
}
.princess2024__item-sec + .princess2024__item-sec {
  margin-top: 50px;
}

.princess2024__item-info{
  max-width: 790px;
  margin: auto;
}

.princess2024__item-info img {
  width: 100%;
}

@media screen and (max-width:700px) {
  .princess2024__item {
      background: url(../images/goon/princess2024/bg-item-sp.png) center center/contain no-repeat;
      background-size: 100% 100%;
      width: 100%;
      padding: 10.666666666666668vw 0 24vw;
      margin-bottom: 17.066666666666666vw;
      margin-top: 20px;
    }
    .princess2024__item .princess2024-wrap {
      margin: 0;
    }
    .princess2024__item h2 {
      width: 51.6vw;
    }
    .princess2024__item-sec{
      margin-top: 8.266666666666666vw;
    }
    .princess2024__item-sec + .princess2024__item-sec {
      margin-top: 5.333333333333334vw;
    }

    .princess2024__item-info{
      max-width: 94.53333333333333vw;
    }

    .princess2024__item-info img {
      width: 100%;
    }
}


/**************************************************
  商品特徴 princess2024__point
***************************************************/

.princess2024__point {
  background: url(../images/goon/princess2024/bg-point-pc.png) no-repeat 50% 0% / contain;
  background-size: 1200px 100%;
  padding: 96px 0 240px;
  margin-bottom: -97px
}
.princess2024__point .princess2024-wrap {
  max-width: 928px;
  width: 100%;
}
.princess2024__point h2 {
  width: 200px;
  margin: auto;
}
.princess2024__point h2 picture {
  margin: 0;
}
.princess2024__point picture{
  margin-top: 40px;
  display: block;
  text-align: center;
}
.princess2024__point picture + picture {
  margin-top: 80px;
}

@media screen and (max-width:700px) {
   .princess2024__point {
      background: url(../images/goon/princess2024/bg-point-sp.png) center center/contain no-repeat;
      background-size: 100% 100%;
      width: 100%;
      padding: 10.666666666666668vw 0 24vw;
      margin-bottom: -110px;
    }
    .princess2024__point .princess2024-wrap {
      max-width: 100%;
      margin: 0;
    }
    .princess2024__point h2 {
      width: 51.6vw;
    }
    .princess2024__point picture{
      max-width: 94.53333333333333vw;
      margin: 6.4vw auto 0;
    }
    .princess2024__point picture + picture {
      margin-top: 13.333333333333334vw;
    }
}

/**************************************************
みんなのレビュー princess2024__review
***************************************************/
.princess2024__review{
  background: url(../../img/bg-review.png) no-repeat 50% 100% / cover;
  padding: 80px 0 60px;
}

.princess2024__review h2{
  margin-bottom: 40px;
}

.princess2024__review picture{
  display: block;
  text-align: center;
}

@media screen and (max-width:700px) {
  .princess2024__review {
      padding: 70px 0;
    }

    .princess2024__review h2 {
      margin-bottom: 30px;
    }

    .princess2024__review h2 img{
      height: 50px;
    }
}

/**************************************************
ラインナップ princess2024__lineup
***************************************************/
.princess2024__lineup{
  background: url(../images/goon/princess2024/bg-lineup-border.jpg) no-repeat 50% 50% / cover;
  padding: 160px 0 100px;
}

.princess2024__lineup img{
  height: auto;
}
.princess2024__lineup-wrap {
  max-width: 815px;
  margin: auto;
  padding: 0 20px;
}
.princess2024__lineup-inner{
  background: url(../images/goon/princess2024/bg-lineup-pc.png) center center/cover no-repeat;
  background-size: 100% 100%;
  margin-inline: auto;
  padding: 90px 0 97px;
}

.princess2024__lineup ul{
  width: 710px;
  display: flex;
  justify-content: center;
  gap:16px;
  margin: 22px auto 0;
  align-items: flex-end;
}

.princess2024__lineup a {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size : 20px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  width: 212px;
  height: 56px;
  background : #9B8322;
  border-radius : 10px;
  margin: 30px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .3s;
}
.princess2024__lineup a:hover {
  opacity: 0.7;
}

@media screen and (max-width:700px) {
  .princess2024__lineup{
    background: url(../images/goon/princess2024/bg-lineup-border-sp.png) center center/cover no-repeat;
    padding: 43vw 0 19.6vw
  }
  .princess2024__lineup-wrap {
    max-width: 84.26666666666667vw;
    padding: 0;
  }
  .princess2024__lineup h2 {
    width: 50.8vw;
    margin: auto;
  }
  .princess2024__lineup-inner{
    background: url(../images/goon/princess2024/bg-lineup-sp.png) center center/cover no-repeat;
    background-size: 100% 100%;
    padding: 12.533333333333333vw 0 16.53333333333333vw;
  }

  .princess2024__lineup ul{
    width: 73.6vw;
    display: block;
    margin: 10.666666666666668vw auto 0;
  }
  .princess2024__lineup ul li img {
    width: 100%;
  }
  .princess2024__lineup ul li + li {
    margin-top: 10.666666666666668vw;
  }
  .princess2024__lineup a {
    font-size : 4.266666666666667vw;
    width: 40.400000000000006vw;
    height: 10.666666666666668vw;
    border-radius : 1.3333333333333335vw;
    margin: 5.866666666666666vw auto 0;
  }
  .princess2024__lineup a:hover {
    opacity: 1;
  }
}

/**************************************************
キャンペーン princess2024__campaign
***************************************************/
.princess2024__campaign{
  background-color: #fffcd7;
  padding: 80px 0;
}

.princess2024__campaign picture{
  display: block;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 683px;
}

.princess2024__campaign picture img {
  height: unset;
  width: 100%;
}

.princess2024__campaign p{
  text-align: center;
  font-size: 17px;
  color:#000;
  font-weight: 500;
  line-height: 1.3;
}

.princess2024__campaign-link{
  width: 279px;
  height: 50px;
  background-color: #d02e7d;
  color:#fff !important;
  display: grid;
  place-content: center;
  font-size: 18px;
  border-radius: 8px;
  position: relative;
  margin-inline: auto;
  margin-top: 24px;
  font-weight: 700;
}

.princess2024__campaign-link::after{
  content:"";
  width: 16px;
  height: 16px;
  background: url(../../img/arrow.png) no-repeat 50% 50% / contain;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: right .3s ease;
}

.princess2024__campaign-link:hover {
  text-decoration: none;
}

.princess2024__campaign-link:hover::after {
  right: 15px;
}

.princess2024-bnr{
  display: block;
  margin-inline: auto;
  width: 565px;
  margin-block: 70px;
}

.princess2024-bnr img{
  height: auto;
}

@media screen and (max-width:700px) {
  .princess2024__campaign {
      padding: 50px 0;
    }

    .princess2024__campaign h2 img{
      height: 45px;
    }

    .princess2024__campaign picture {
      margin-top: 10px;
      width: 100%;
    }

    .princess2024__campaign p {
      font-size: 15px;
      margin-top: 30px;
    }

    .princess2024__campaign-link {
      width: 279px;
      max-width: 95%;
    }


    .princess2024-bnr {
      width: 90%;
      max-width: 565px;
      margin-block: 40px;
    }
}


/**************************************************
要素フェードイン
***************************************************/

.princess2024-fadeup{
  transform: translateY(40px);
  opacity: 1;
  transition: 1.2s ease-out;
}

.princess2024-fadeup.run{
  transform: translateY(0px);
  opacity: 1;
}