/* -----------------------
  unity
----------------------- */
@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 10%;
}

@media screen and (max-width: 767px) {
  body.active {
    overflow: hidden;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

.wrapper {
  overflow: hidden;
}

/* -----------------------
  header
----------------------- */
/* -----------------------
  footer
----------------------- */
/* -----------------------
  C_
----------------------- */
/* -----------------------
  forth
----------------------- */
.bg-side {
  background-color: #eef7f9;
}
@media screen and (min-width: 768px) {
  .bg-side {
    padding-inline: 50px;
  }
}
@media screen and (max-width: 767px) {
  .bg-side {
    padding-inline: 6.038647343vw;
  }
}

@media screen and (min-width: 768px) {
  .recommend {
    padding-top: 100px;
  }
}
@media screen and (max-width: 767px) {
  .recommend {
    padding-top: 10.8695652174vw;
  }
}

@media screen and (min-width: 768px) {
  .question {
    padding-block: 70px 120px;
  }
}
@media screen and (max-width: 767px) {
  .question {
    padding-block: 10.8695652174vw;
  }
}

/* -----------------------
  C_example
----------------------- */
/* -----------------------
  C_recommend
----------------------- */
.C_recommend {
  background: #FFF;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .C_recommend {
    max-width: 1050px;
    border: 4px solid #51ace2;
    border-radius: 50px;
    padding: 90px 60px 52px;
  }
}
@media screen and (max-width: 767px) {
  .C_recommend {
    border: 0.4830917874vw solid #51ace2;
    border-radius: 6.038647343vw;
    padding: 8.4541062802vw 4.8309178744vw 4.8309178744vw;
  }
}
.C_recommend--TL {
  text-align: center;
  color: #51ace2;
  font-weight: 800;
}
@media screen and (min-width: 768px) {
  .C_recommend--TL .top-TL {
    font-size: 27px;
  }
}
@media screen and (max-width: 767px) {
  .C_recommend--TL .top-TL {
    font-size: 3.6231884058vw;
    line-height: 150%;
  }
}
@media screen and (max-width: 860px) {
  .C_recommend--TL .top-TL span {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .C_recommend--TL .TL {
    font-size: 58px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .C_recommend--TL .TL {
    font-size: 44px;
  }
}
@media screen and (max-width: 860px) {
  .C_recommend--TL .TL {
    font-size: 38px;
  }
}
@media screen and (max-width: 767px) {
  .C_recommend--TL .TL {
    font-size: 5.7971014493vw;
    margin-top: 3.0193236715vw;
    letter-spacing: -0.3623188406vw;
  }
}
.C_recommend--TL .TL span {
  line-height: 150%;
}
@media screen and (min-width: 768px) {
  .C_recommend--TL .TL span {
    font-size: 70px;
  }
}
@media screen and (max-width: 860px) {
  .C_recommend--TL .TL span {
    font-size: 60px;
  }
}
@media screen and (max-width: 767px) {
  .C_recommend--TL .TL span {
    font-size: 8.4541062802vw;
    letter-spacing: 0.1207729469vw;
  }
}
.C_recommend_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .C_recommend_content {
    margin-top: 48px;
    gap: 90px;
  }
}
@media screen and (max-width: 767px) {
  .C_recommend_content {
    margin-top: 3.6231884058vw;
    gap: 10.2657004831vw;
  }
}
@media screen and (min-width: 768px) {
  .C_recommend_how {
    margin-top: 106px;
  }
}
@media screen and (max-width: 767px) {
  .C_recommend_how {
    margin-top: 6.038647343vw;
  }
}

/* -----------------------
  C_recommend_content
----------------------- */
.C_recommend_content {
  background-color: #FFF;
}
.C_recommend_content--item {
  text-align: center;
  position: relative;
}
.C_recommend_content--item .icon-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .C_recommend_content--item .icon-wrap {
    gap: 13px;
  }
}
@media screen and (max-width: 767px) {
  .C_recommend_content--item .icon-wrap {
    gap: 1.2077294686vw;
  }
}
.C_recommend_content--item .icon-wrap .icon {
  border-radius: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(#5169E2), to(#51AAE2));
  background: linear-gradient(180deg, #5169E2 0%, #51AAE2 100%);
  aspect-ratio: 1/1;
  color: #FFF;
  position: relative;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .C_recommend_content--item .icon-wrap .icon {
    min-width: 110px;
  }
}
@media screen and (max-width: 767px) {
  .C_recommend_content--item .icon-wrap .icon {
    min-width: 19.3236714976vw;
  }
}
.C_recommend_content--item .icon-wrap .icon .point {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .C_recommend_content--item .icon-wrap .icon .point {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .C_recommend_content--item .icon-wrap .icon .point {
    font-size: 3.3816425121vw;
  }
}
.C_recommend_content--item .icon-wrap .icon .number {
  font-weight: 800;
}
@media screen and (min-width: 768px) {
  .C_recommend_content--item .icon-wrap .icon .number {
    font-size: 49px;
    margin-top: 8px;
  }
}
@media screen and (max-width: 767px) {
  .C_recommend_content--item .icon-wrap .icon .number {
    font-size: 8.6956521739vw;
    margin-top: 0.6038647343vw;
  }
}
.C_recommend_content--item .icon-wrap::before, .C_recommend_content--item .icon-wrap::after {
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
}
@media screen and (min-width: 768px) {
  .C_recommend_content--item .icon-wrap::before, .C_recommend_content--item .icon-wrap::after {
    width: 100%;
    border-top: 4px dotted #51ace2;
  }
}
@media screen and (max-width: 767px) {
  .C_recommend_content--item .icon-wrap::before, .C_recommend_content--item .icon-wrap::after {
    width: 27.7777777778vw;
    border-top: 0.4830917874vw dotted #51ace2;
  }
}
.C_recommend_content--item .TL-wrap {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .C_recommend_content--item .TL-wrap {
    margin-top: 25px;
  }
}
@media screen and (max-width: 767px) {
  .C_recommend_content--item .TL-wrap {
    margin-top: 4.5893719807vw;
  }
}
.C_recommend_content--item .TL-wrap .TL {
  font-weight: 800;
  color: #51ace2;
  z-index: 1;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .C_recommend_content--item .TL-wrap .TL {
    font-size: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .C_recommend_content--item .TL-wrap .TL {
    font-size: 34px;
  }
}
@media screen and (max-width: 767px) {
  .C_recommend_content--item .TL-wrap .TL {
    font-size: 5.193236715vw;
  }
}
@media screen and (max-width: 767px) {
  .C_recommend_content--item .TL-wrap .TL.TL-2 {
    margin-top: 3.0193236715vw;
  }
}
.C_recommend_content--item .TL-wrap .TL::before {
  content: "";
  position: absolute;
  background-color: #fffb5d;
  width: 105%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .C_recommend_content--item .TL-wrap .TL::before {
    height: 20px;
    bottom: -8px;
  }
}
@media screen and (max-width: 767px) {
  .C_recommend_content--item .TL-wrap .TL::before {
    height: 2.4154589372vw;
    bottom: -0.9661835749vw;
  }
}
.C_recommend_content--item .TL-wrap .second-deco {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .C_recommend_content--item .TL-wrap .second-deco {
    border: 2px solid #51ace2;
    position: absolute;
    aspect-ratio: 1/1;
    border-radius: 50%;
    width: 112px;
    padding-top: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: -153px;
  }
}
@media screen and (max-width: 860px) {
  .C_recommend_content--item .TL-wrap .second-deco {
    right: -123px;
  }
}
@media screen and (max-width: 767px) {
  .C_recommend_content--item .TL-wrap .second-deco {
    border-radius: 999px;
    width: 46.6183574879vw;
    border: 0.2415458937vw solid #51ace2;
    padding-block: 1.2077294686vw;
    margin: 3.0193236715vw auto 0;
  }
}
.C_recommend_content--item .TL-wrap .second-deco .deco-TX {
  font-weight: 800;
  color: #51ace2;
}
@media screen and (min-width: 768px) {
  .C_recommend_content--item .TL-wrap .second-deco .deco-TX {
    font-size: 18px;
    line-height: 130%;
  }
}
@media screen and (max-width: 767px) {
  .C_recommend_content--item .TL-wrap .second-deco .deco-TX {
    font-size: 3.3816425121vw;
  }
}
.C_recommend_content--item .TX {
  font-family: "yu-gothic-pr6n", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #4e4e4e;
}
@media screen and (min-width: 768px) {
  .C_recommend_content--item .TX {
    font-size: 21px;
    margin-top: 40px;
    line-height: 160%;
    font-weight: 800;
  }
}
@media screen and (max-width: 767px) {
  .C_recommend_content--item .TX {
    font-size: 3.3816425121vw;
    line-height: 150%;
    margin-top: 4.8309178744vw;
    letter-spacing: -0.0241545894vw;
  }
}

/* -----------------------
  C_recommend_how
----------------------- */
.C_recommend_how--TL {
  background: #51ace2;
  position: relative;
}
@media screen and (min-width: 768px) {
  .C_recommend_how--TL {
    border-radius: 30px 30px 0 0;
    padding-block: 20px;
    font-size: 36px;
  }
}
@media screen and (max-width: 767px) {
  .C_recommend_how--TL {
    border-radius: 3.6231884058vw 3.6231884058vw 0 0;
    padding-block: 2.5362318841vw;
    font-size: 4.2270531401vw;
  }
}
.C_recommend_how--TL .TL {
  text-align: center;
  color: #FFF;
}
.C_recommend_how--TL::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url('data:image/svg+xml;utf-8,<svg width="52" height="27" viewBox="0 0 52 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M51.5 0.00482391L0 0L26.0084 27L51.5 0.00482391Z" fill="%2351ACE2"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .C_recommend_how--TL::before {
    width: 50px;
    height: 30px;
    bottom: -25px;
  }
}
@media screen and (max-width: 767px) {
  .C_recommend_how--TL::before {
    width: 6.038647343vw;
    height: 3.6231884058vw;
    bottom: -3.0193236715vw;
  }
}
.C_recommend_how--content {
  background: #fffeb8;
  border-radius: 0 0 30px 30px;
}
@media screen and (min-width: 768px) {
  .C_recommend_how--content {
    padding-block: 55px 32px;
  }
}
@media screen and (max-width: 767px) {
  .C_recommend_how--content {
    padding-block: 7.6086956522vw 3.6231884058vw;
  }
}
.C_recommend_how--content .TX {
  color: #4e4e4e;
  text-align: center;
  font-family: "yu-gothic-pr6n", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .C_recommend_how--content .TX {
    font-size: 24px;
    line-height: 150%;
    text-shadow: 0 0 0.5px;
  }
}
@media screen and (max-width: 767px) {
  .C_recommend_how--content .TX {
    font-size: 3.3816425121vw;
    line-height: 160%;
  }
}
.C_recommend_how--content .img {
  background-image: url("https://www.shabon.com/shop/f/assets/img/lp/view/3229/C_recommend_how.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .C_recommend_how--content .img {
    width: 171px;
    height: 272px;
    margin: 18px auto 0;
  }
}
@media screen and (max-width: 767px) {
  .C_recommend_how--content .img {
    width: 20.652173913vw;
    height: 32.8502415459vw;
    margin: 1.2077294686vw auto 0;
  }
}

/* -----------------------
  C_question
----------------------- */
.C_question {
  margin: 0 auto;
  background-color: rgba(245, 170, 190, 0.7);
}
@media screen and (min-width: 768px) {
  .C_question {
    max-width: 1050px;
    border-radius: 50px;
    padding: 30px 75px 65px;
  }
}
@media screen and (max-width: 767px) {
  .C_question {
    border-radius: 6.038647343vw;
    padding: 7.2463768116vw 4.347826087vw 4.5893719807vw;
  }
}
.C_question--TL-wrap {
  color: #FFF;
}
@media screen and (min-width: 768px) {
  .C_question--TL-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 5.3333333333%;
  }
}
@media screen and (max-width: 1160px) {
  .C_question--TL-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
}
.C_question--TL-wrap .TL {
  font-weight: 800;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .C_question--TL-wrap .TL {
    font-size: 35px;
  }
}
@media screen and (max-width: 767px) {
  .C_question--TL-wrap .TL {
    font-size: 5.6763285024vw;
  }
}
.C_question--TL-wrap .TL-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .C_question--TL-wrap .TL-box {
    gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .C_question--TL-wrap .TL-box .TL-main {
    margin: 5px 0 0 30px;
  }
}
@media screen and (max-width: 1160px) {
  .C_question--TL-wrap .TL-box .TL-main {
    margin: 0 0 0 -100px;
  }
}
@media screen and (max-width: 767px) {
  .C_question--TL-wrap .TL-box .TL-main {
    margin: 4.8309178744vw 0 0 18.8405797101vw;
  }
}
.C_question--TL-wrap .TL-box .TL-main img {
  aspect-ratio: 142/89;
}
@media screen and (min-width: 768px) {
  .C_question--TL-wrap .TL-box .TL-main img {
    width: 142px;
  }
}
@media screen and (max-width: 767px) {
  .C_question--TL-wrap .TL-box .TL-main img {
    width: 21.2560386473vw;
  }
}
.C_question--TL-wrap .TL-box .img {
  background-image: url("https://www.shabon.com/shop/f/assets/img/lp/view/3229/question-img.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 125/126;
}
@media screen and (min-width: 768px) {
  .C_question--TL-wrap .TL-box .img {
    position: absolute;
    width: 125px;
    top: -40px;
    right: -130px;
  }
}
@media screen and (max-width: 1160px) {
  .C_question--TL-wrap .TL-box .img {
    top: -20px;
  }
}
@media screen and (max-width: 767px) {
  .C_question--TL-wrap .TL-box .img {
    position: relative;
    width: 17.1497584541vw;
    top: 1.2077294686vw;
    right: -1.2077294686vw;
  }
}
@media screen and (min-width: 768px) {
  .C_question_content {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .C_question_content {
    margin-top: 3.6231884058vw;
  }
}

/* -----------------------
  C_question
----------------------- */
.C_question_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .C_question_content {
    gap: 25px;
  }
}
@media screen and (max-width: 767px) {
  .C_question_content {
    gap: 3.0193236715vw;
  }
}
.C_question_content--item .item-style {
  background-color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #4e4e4e;
}
@media screen and (min-width: 768px) {
  .C_question_content--item .item-style {
    gap: 34px;
    padding-inline: 34px;
  }
}
@media screen and (max-width: 767px) {
  .C_question_content--item .item-style {
    gap: 4.8309178744vw;
    padding-inline: 3.6231884058vw;
  }
}
@media screen and (min-width: 768px) {
  .C_question_content--item .item-style .icon {
    width: 25px;
    min-width: 25px;
    height: 25px;
    margin-top: 5px;
  }
}
@media screen and (max-width: 767px) {
  .C_question_content--item .item-style .icon {
    width: 3.9855072464vw;
    min-width: 3.9855072464vw;
    height: 3.9855072464vw;
    margin-top: 0.6038647343vw;
  }
}
.C_question_content--item .item-style .TL {
  font-family: "yu-gothic-pr6n", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 800;
}
@media screen and (min-width: 768px) {
  .C_question_content--item .item-style .TL {
    text-shadow: 0 0 0.5px;
    font-size: 25px;
    line-height: 150%;
  }
}
@media screen and (max-width: 767px) {
  .C_question_content--item .item-style .TL {
    font-size: 3.3816425121vw;
    text-shadow: 0 0 0.0603864734vw;
    line-height: 140%;
  }
}
.C_question_content--item .item-style .TX {
  font-family: "tbudrgothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  .C_question_content--item .item-style .TX {
    font-size: 22px;
    line-height: 140%;
  }
}
@media screen and (max-width: 767px) {
  .C_question_content--item .item-style .TX {
    font-size: 3.2608695652vw;
    line-height: 140%;
  }
}
.C_question_content--item .item-style .TX span {
  display: block;
}
@media screen and (min-width: 768px) {
  .C_question_content--item .item-style .TX span {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .C_question_content--item .item-style .TX span {
    margin-top: 1.2077294686vw;
  }
}
@media screen and (min-width: 768px) {
  .C_question_content--item .item-style.TL-wrap {
    padding-block: 30px 20px;
    border-radius: 15px 15px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .C_question_content--item .item-style.TL-wrap {
    border-radius: 1.8115942029vw 1.8115942029vw 0 0;
    padding-block: 4.2270531401vw 5.193236715vw;
  }
}
.C_question_content--item .item-style.TL-wrap .icon {
  background-image: url("https://www.shabon.com/shop/f/assets/img/lp/view/3229/q-icon.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .C_question_content--item .item-style.TX-wrap {
    padding-block: 30px;
    border-radius: 0 0 15px 15px;
    margin-top: 2px;
  }
}
@media screen and (max-width: 767px) {
  .C_question_content--item .item-style.TX-wrap {
    padding-block: 4.2270531401vw;
    border-radius: 0 0 1.8115942029vw 1.8115942029vw;
    margin-top: 0.2415458937vw;
  }
}
.C_question_content--item .item-style.TX-wrap .icon {
  background-image: url("https://www.shabon.com/shop/f/assets/img/lp/view/3229/a-icon.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* -----------------------
  fv
----------------------- */
.FV {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .FV {
    padding: 35px 30px 0;
  }
}
@media screen and (max-width: 767px) {
  .FV {
    padding: 3.6231884058vw 6.038647343vw 0;
  }
}
.FV--main {
  position: relative;
  z-index: 2;
}
.FV--main .title__area {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .FV--main .title__area {
    gap: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .FV--main .title__area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.9323671498vw;
  }
}
@media screen and (min-width: 768px) {
  .FV--main .title__area .sub {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .FV--main .title__area .sub {
    margin-bottom: 1.3285024155vw;
  }
}
.FV--main .title__area .sub .TX {
  line-height: 1;
  font-weight: 800;
}
@media screen and (min-width: 768px) {
  .FV--main .title__area .sub .TX {
    font-size: 32.5px;
  }
}
@media screen and (max-width: 767px) {
  .FV--main .title__area .sub .TX {
    font-size: 4.5893719807vw;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .FV--main .title__area .title {
    width: 602px;
    margin-bottom: 17px;
  }
}
@media screen and (max-width: 767px) {
  .FV--main .title__area .title {
    width: 100%;
    margin-bottom: 2.0531400966vw;
  }
}
.FV--main .title__area .title img {
  width: 100%;
}
.FV--main .title__area .text .TX {
  color: #51ACE2;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 800;
}
@media screen and (min-width: 768px) {
  .FV--main .title__area .text .TX {
    gap: 10px;
    font-size: 23px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media screen and (max-width: 767px) {
  .FV--main .title__area .text .TX {
    gap: 1.2077294686vw;
    font-size: 3.9855072464vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.FV--main .title__area .text .TX span {
  display: inline-block;
  background-color: #f9ff5f;
  color: #0062b0;
  line-height: 1;
  border: solid #0062b0;
}
@media screen and (min-width: 768px) {
  .FV--main .title__area .text .TX span {
    border-radius: 100px;
    padding: 5px 15px;
    font-size: 24px;
    border-width: 2px;
  }
}
@media screen and (max-width: 767px) {
  .FV--main .title__area .text .TX span {
    border-radius: 12.077294686vw;
    padding: 0.9661835749vw 2.1739130435vw;
    font-size: 3.8647342995vw;
    border-width: 0.4830917874vw;
  }
}
.FV--main .title__area .type {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
  z-index: 1;
  -webkit-box-shadow: 0 0 20px 20px rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 20px 20px rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 768px) {
  .FV--main .title__area .type {
    width: 134px;
    height: 134px;
  }
}
@media screen and (max-width: 834px) and (min-width: 768px) {
  .FV--main .title__area .type {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .FV--main .title__area .type {
    width: 16.1835748792vw;
    height: 16.1835748792vw;
  }
}
.FV--main .title__area .type::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://www.shabon.com/shop/f/assets/img/lp/view/3229/bubble.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .FV--main .title__area .type {
    margin-top: 23px;
  }
}
.FV--main .title__area .type .TX {
  text-align: center;
  font-weight: 800;
  color: #0062b0;
}
@media screen and (min-width: 768px) {
  .FV--main .title__area .type .TX {
    font-size: 47px;
  }
}
@media screen and (max-width: 767px) {
  .FV--main .title__area .type .TX {
    font-size: 5.6763285024vw;
  }
}
.FV--main .title__area .type .TX span {
  display: block;
  font-weight: 400px;
  font-family: "tbudrgothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  .FV--main .title__area .type .TX span {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .FV--main .title__area .type .TX span {
    font-size: 3.3816425121vw;
  }
}
.FV--sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .FV--sub {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: -30px;
    gap: 0px;
  }
}
@media screen and (max-width: 1152px) and (min-width: 768px) {
  .FV--sub {
    margin-top: 0px;
  }
  .FV--sub .tag {
    margin-right: auto;
  }
}
@media screen and (max-width: 834px) and (min-width: 768px) {
  .FV--sub {
    margin-top: -180px;
  }
}
@media screen and (max-width: 767px) {
  .FV--sub {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.2077294686vw;
    margin-top: -4.1062801932vw;
  }
}
@media screen and (min-width: 768px) {
  .FV--sub .tag {
    width: 384px;
  }
}
@media screen and (max-width: 767px) {
  .FV--sub .tag {
    width: 61.7149758454vw;
    margin-left: -3.6231884058vw;
  }
}
.FV--sub .tag img {
  width: 100%;
}
.FV--sub ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .FV--sub ul {
    gap: 12px;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
}
@media screen and (max-width: 767px) {
  .FV--sub ul {
    gap: 1.2077294686vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.FV--sub ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 1;
  background-color: #51ace2;
  border-radius: 50%;
  border: solid #FFF;
}
@media screen and (min-width: 768px) {
  .FV--sub ul li {
    border-width: 2px;
    width: 163px;
  }
}
@media screen and (max-width: 767px) {
  .FV--sub ul li {
    border-width: 0.2415458937vw;
    width: 21.4975845411vw;
  }
}
.FV--sub ul li:last-child {
  background-color: #004cb0;
}
.FV--sub ul li .TX {
  text-align: center;
  line-height: 1.2;
  font-weight: 800;
  color: #FFF;
}
@media screen and (min-width: 768px) {
  .FV--sub ul li .TX {
    font-size: 26px;
  }
}
@media screen and (max-width: 767px) {
  .FV--sub ul li .TX {
    font-size: 3.5024154589vw;
  }
}
.FV--BK {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .FV--BK {
    max-width: 1440px;
  }
}
.FV--BK .bubbles {
  position: absolute;
  aspect-ratio: 356/534;
  background-image: url("https://www.shabon.com/shop/f/assets/img/lp/view/3229/bubbles.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .FV--BK .bubbles {
    width: 356px;
    top: 40px;
    left: -40px;
  }
}
.FV--BK .img {
  position: absolute;
  aspect-ratio: 733/473;
  background-image: url("https://www.shabon.com/shop/f/assets/img/lp/view/3229/FV-bg.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .FV--BK .img {
    width: 733px;
    top: -10px;
    right: -10px;
  }
}
@media screen and (max-width: 1152px) and (min-width: 768px) {
  .FV--BK .img {
    top: 30%;
  }
}
@media screen and (max-width: 767px) {
  .FV--BK .img {
    width: 88.5265700483vw;
    top: 55%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.FV--BK .img .white {
  background-image: -webkit-gradient(linear, left top, right top, from(#FFF), color-stop(50%, #FFF), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(90deg, #FFF 0%, #FFF 50%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: 0;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .FV--BK .img .white {
    aspect-ratio: 522/499;
    left: -240px;
    width: 522px;
  }
}
@media screen and (max-width: 767px) {
  .FV--BK .img .white {
    aspect-ratio: 474/499;
    left: 0;
    width: 57.2463768116vw;
  }
}

/* -----------------------
  mini__section
----------------------- */
.mini__section {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .mini__section {
    margin-top: -45px;
  }
}
@media screen and (max-width: 1153px) and (min-width: 768px) {
  .mini__section {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section {
    padding: 7.0048309179vw 0 0;
  }
}
.mini__section .mini--top {
  position: relative;
  z-index: 2;
}
.mini__section .mini--top .ttl {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.mini__section .mini--top .ttl .TL {
  text-align: center;
  color: #51ace2;
  line-height: 1.8;
  font-weight: 800;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--top .ttl .TL {
    font-size: 30px;
  }
}
@media screen and (max-width: 1153px) and (min-width: 768px) {
  .mini__section .mini--top .ttl .TL {
    font-size: 25px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--top .ttl .TL {
    font-size: 4.347826087vw;
  }
}
.mini__section .mini--top .ttl .TL .TL-txt {
  color: #0062b0;
  line-height: 1;
  font-weight: 800;
  display: inline-block;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--top .ttl .TL .TL-txt {
    font-size: 40px;
    padding-inline: 50px;
  }
}
@media screen and (max-width: 1153px) and (min-width: 768px) {
  .mini__section .mini--top .ttl .TL .TL-txt {
    font-size: 35px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--top .ttl .TL .TL-txt {
    font-size: 4.8309178744vw;
    padding-inline: 3.9855072464vw;
  }
}
.mini__section .mini--top .ttl .TL .TL-txt::before, .mini__section .mini--top .ttl .TL .TL-txt::after {
  content: "";
  display: block;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  aspect-ratio: 1;
  background-image: url("https://www.shabon.com/shop/f/assets/img/lp/view/3229/star-icon.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--top .ttl .TL .TL-txt::before, .mini__section .mini--top .ttl .TL .TL-txt::after {
    top: 50%;
    left: 5px;
    width: 40px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--top .ttl .TL .TL-txt::before, .mini__section .mini--top .ttl .TL .TL-txt::after {
    top: 0;
    left: -0.6038647343vw;
    width: 4.8309178744vw;
  }
}
@media screen and (min-width: 768px) {
  .mini__section .mini--top .ttl .TL .TL-txt::after {
    left: unset;
    right: 5px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--top .ttl .TL .TL-txt::after {
    left: unset;
    right: -0.6038647343vw;
  }
}
.mini__section .mini--top .ttl .TL .TL-txt span {
  display: block;
  position: absolute;
  top: 75%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 70%;
  background-color: #fffb5d;
  z-index: -1;
}
.mini__section .mini--top .img__area {
  position: relative;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--top .img__area {
    height: 398px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--top .img__area {
    height: 64.9758454106vw;
  }
}
.mini__section .mini--top .img__area .img__area--inner {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--top .img__area .img__area--inner {
    top: 64px;
    width: 1130px;
    height: 335px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--top .img__area .img__area--inner {
    top: 12.077294686vw;
    width: 144.9275362319vw;
    height: 52.7777777778vw;
  }
}
.mini__section .mini--top .img__area .img__area--inner .img--item {
  aspect-ratio: 499/334;
  position: absolute;
  top: 0;
  height: 100%;
}
.mini__section .mini--top .img__area .img__area--inner .img--item:nth-child(1) {
  left: 0;
  background-image: url("https://www.shabon.com/shop/f/assets/img/lp/view/3229/mini-img01.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.mini__section .mini--top .img__area .img__area--inner .img--item:nth-child(2) {
  right: 0;
  background-image: url("https://www.shabon.com/shop/f/assets/img/lp/view/3229/mini-img02.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--top .img__area .img__area--inner .img--item::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 110%;
    height: 110%;
    background-image: -webkit-gradient(linear, left top, right top, from(#FFF), color-stop(5%, #FFF), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(95%, #FFF), to(#FFF));
    background-image: linear-gradient(90deg, #FFF 0%, #FFF 5%, rgba(255, 255, 255, 0) 50%, #FFF 95%, #FFF 100%);
  }
}
.mini__section .mini--top .img__area .img__area--inner::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url("https://www.shabon.com/shop/f/assets/img/lp/view/3229/mini-img-center.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 92/336;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--top .img__area .img__area--inner::before {
    top: -28px;
    width: 92px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--top .img__area .img__area--inner::before {
    top: -7.729468599vw;
    width: 15.3381642512vw;
  }
}
.mini__section .mini--top .img__area .img__area--inner::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 110%;
  height: 110%;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0)), color-stop(50%, #ffffff), color-stop(80%, rgba(255, 255, 255, 0)), to(#FFF));
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, #ffffff 50%, rgba(255, 255, 255, 0) 80%, #FFF 100%);
}
.mini__section .mini--top .scene__signboard {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--top .scene__signboard {
    padding-inline: 50px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--top .scene__signboard {
    padding: 0 6.038647343vw 0;
    margin-top: 13.5265700483vw;
  }
}
.mini__section .mini--top .scene__signboard .page {
  width: 100%;
  background-color: #eef7f9;
  border: solid #646262;
  margin-inline: auto;
  border-radius: 10px;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--top .scene__signboard .page {
    max-width: 1042px;
    border-width: 2px;
    padding: 40px 67px 40px 40px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--top .scene__signboard .page {
    border-width: 0.2415458937vw;
    padding: 4.5893719807vw 5.3140096618vw 4.4685990338vw 9.1787439614vw;
  }
}
.mini__section .mini--top .scene__signboard .page::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .mini__section .mini--top .scene__signboard .page::before {
    background-image: url("https://www.shabon.com/shop/f/assets/img/lp/view/3229/Book-closer-pc.webp");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 29/269;
    left: -10px;
    width: 29px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--top .scene__signboard .page::before {
    background-image: url("https://www.shabon.com/shop/f/assets/img/lp/view/3229/Book-closer-sp.webp");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 43/480;
    left: -1.8115942029vw;
    width: 5.193236715vw;
  }
}
@media screen and (min-width: 768px) {
  .mini__section .mini--top .scene__signboard .page--ttl {
    margin-bottom: 34px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--top .scene__signboard .page--ttl {
    margin-bottom: 4.2270531401vw;
  }
}
.mini__section .mini--top .scene__signboard .page--ttl .TL {
  color: #0062b0;
  font-weight: 800;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--top .scene__signboard .page--ttl .TL {
    font-size: 54px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--top .scene__signboard .page--ttl .TL {
    font-size: 8.2125603865vw;
  }
}
.mini__section .mini--top .scene__signboard .page--ttl .TL span {
  display: inline-block;
  border-top: solid #0062b0;
  border-bottom: solid #0062b0;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--top .scene__signboard .page--ttl .TL span {
    border-top-width: 2px;
    border-bottom-width: 2px;
    margin-right: 10px;
    font-size: 25px;
    padding-block: 10px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--top .scene__signboard .page--ttl .TL span {
    border-top-width: 0.2415458937vw;
    border-bottom-width: 0.2415458937vw;
    margin-right: 1.2077294686vw;
    font-size: 3.8647342995vw;
    padding-block: 1.2077294686vw;
  }
}
.mini__section .mini--top .scene__signboard .page--icons {
  width: 100%;
}
.mini__section .mini--top .scene__signboard .page--icons img {
  width: 100%;
}
.mini__section .mini--top .scene__signboard .face {
  aspect-ratio: 119/63;
  background-image: url("https://www.shabon.com/shop/f/assets/img/lp/view/3229/Book-face.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--top .scene__signboard .face {
    bottom: 100%;
    right: 33%;
    width: 119px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--top .scene__signboard .face {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 100%;
    width: 16.9082125604vw;
  }
}
.mini__section .mini--top .scene__signboard .face .hands {
  aspect-ratio: 138/29;
  background-image: url("https://www.shabon.com/shop/f/assets/img/lp/view/3229/Book-hands.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 45%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .mini__section .mini--top .scene__signboard .face .hands {
    top: calc(100% - 15px);
    width: 138px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--top .scene__signboard .face .hands {
    top: calc(100% - 1.8115942029vw);
    width: 19.3236714976vw;
  }
}
.mini__section .mini--contents {
  position: relative;
  z-index: 1;
  background-color: #dceff3;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--contents {
    padding: 90px 50px;
    margin-top: -40px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--contents {
    padding: 22.9468599034vw 6.038647343vw 8.6956521739vw;
    margin-top: -13.5265700483vw;
  }
}
.mini__section .mini--contents .contents--lists {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--contents .contents--lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
    margin-inline: auto;
    max-width: 1042px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--contents .contents--lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3.6231884058vw;
  }
}
.mini__section .mini--contents .contents--lists .list--item {
  width: 100%;
}
.mini__section .mini--contents .contents--lists .list--item .img--lists {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--contents .contents--lists .list--item .img--lists {
    gap: 12px;
    border-radius: 50px 50px 0 0;
    padding: 43px 117px 84px;
  }
}
@media screen and (max-width: 1153px) and (min-width: 768px) {
  .mini__section .mini--contents .contents--lists .list--item .img--lists {
    padding-inline: 50px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--contents .contents--lists .list--item .img--lists {
    gap: 1.4492753623vw;
    border-radius: 6.038647343vw 6.038647343vw 0 0;
    padding: 5.193236715vw 3.9855072464vw 12.077294686vw;
  }
}
@media screen and (min-width: 768px) {
  .mini__section .mini--contents .contents--lists .list--item .img--lists .img--item .icon--item {
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--contents .contents--lists .list--item .img--lists .img--item .icon--item {
    margin-bottom: 1.8115942029vw;
  }
}
.mini__section .mini--contents .contents--lists .list--item .img--lists .img--item .icon--item img {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--contents .contents--lists .list--item .img--lists .img--item .icon--item img {
    width: 80px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--contents .contents--lists .list--item .img--lists .img--item .icon--item img {
    width: 13.2850241546vw;
    margin-bottom: 1.2077294686vw;
  }
}
.mini__section .mini--contents .contents--lists .list--item .img--lists .img--item .icon--item .TL {
  color: #2696d8;
  font-weight: 800;
  text-align: center;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--contents .contents--lists .list--item .img--lists .img--item .icon--item .TL {
    font-size: min(1.9444444444vw, 28px);
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--contents .contents--lists .list--item .img--lists .img--item .icon--item .TL {
    font-size: 4.5893719807vw;
  }
}
.mini__section .mini--contents .contents--lists .list--item .img--lists .img--item--thumbnail {
  width: 100%;
}
.mini__section .mini--contents .contents--lists .list--item .text--lists {
  background-color: #fffd9d;
  position: relative;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--contents .contents--lists .list--item .text--lists {
    border-radius: 0 0 50px 50px;
    padding: 0 117px 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
@media screen and (max-width: 1153px) and (min-width: 768px) {
  .mini__section .mini--contents .contents--lists .list--item .text--lists {
    padding-inline: 50px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--contents .contents--lists .list--item .text--lists {
    border-radius: 0 0 6.038647343vw 6.038647343vw;
    padding: 0 5.5555555556vw 5.5555555556vw 4.7101449275vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3.0193236715vw;
  }
}
.mini__section .mini--contents .contents--lists .list--item .text--lists::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  background-image: url("https://www.shabon.com/shop/f/assets/img/lp/view/3229/wave-item.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-position: top center;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--contents .contents--lists .list--item .text--lists::before {
    height: 61px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--contents .contents--lists .list--item .text--lists::before {
    height: 7.3671497585vw;
  }
}
.mini__section .mini--contents .contents--lists .list--item .text--lists .text--item .TX {
  color: #595757;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--contents .contents--lists .list--item .text--lists .text--item .TX {
    font-size: 22px;
    letter-spacing: -0.09em;
    gap: 14px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--contents .contents--lists .list--item .text--lists .text--item .TX {
    font-size: 3.6231884058vw;
    letter-spacing: -0.1em;
    gap: 1.690821256vw;
  }
}
.mini__section .mini--contents .contents--lists .list--item .text--lists .text--item .TX::before {
  content: "";
  display: block;
  background-color: #3d98d7;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--contents .contents--lists .list--item .text--lists .text--item .TX::before {
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--contents .contents--lists .list--item .text--lists .text--item .TX::before {
    width: 3.6231884058vw;
    height: 3.6231884058vw;
    -webkit-transform: translateY(0.6038647343vw);
            transform: translateY(0.6038647343vw);
  }
}
.mini__section .mini--contents .contents--lists .list--item .text--lists .text--item.text--item--deco {
  position: relative;
}
.mini__section .mini--contents .contents--lists .list--item .text--lists .text--item.text--item--deco::after {
  content: "";
  display: block;
  aspect-ratio: 140/101;
  background-image: url("https://www.shabon.com/shop/f/assets/img/lp/view/3229/text-item-deco-01.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--contents .contents--lists .list--item .text--lists .text--item.text--item--deco::after {
    position: absolute;
    top: 30%;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
    left: calc(100% - 70px);
    width: 140px;
  }
}
@media screen and (max-width: 1153px) and (min-width: 768px) {
  .mini__section .mini--contents .contents--lists .list--item .text--lists .text--item.text--item--deco::after {
    left: calc(100% - 90px);
    width: 120px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--contents .contents--lists .list--item .text--lists .text--item.text--item--deco::after {
    width: 30.3140096618vw;
    margin: 3.6231884058vw auto 0;
  }
}
@media screen and (min-width: 768px) {
  .mini__section .mini--contents .contents--lists .list--item .text--lists .text--item.text--item--deco .TX {
    padding-right: 95px;
  }
}
.mini__section .mini--contents .mini--contents--bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--contents .mini--contents--bg {
    max-width: 1510px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--contents .mini--contents--bg {
    width: 120%;
  }
}
.mini__section .mini--contents .mini--contents--bg__side {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--contents .mini--contents--bg__side {
    top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--contents .mini--contents--bg__side {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.mini__section .mini--contents .mini--contents--bg__side:nth-child(1) {
  aspect-ratio: 235/2340;
  background-image: url("https://www.shabon.com/shop/f/assets/img/lp/view/3229/mini-contents-side-l.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  left: 0;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--contents .mini--contents--bg__side:nth-child(1) {
    width: 235px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--contents .mini--contents--bg__side:nth-child(1) {
    width: 28.3816425121vw;
  }
}
.mini__section .mini--contents .mini--contents--bg__side:nth-child(2) {
  aspect-ratio: 228/2594;
  background-image: url("https://www.shabon.com/shop/f/assets/img/lp/view/3229/mini-contents-side-r.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  right: 0;
}
@media screen and (min-width: 768px) {
  .mini__section .mini--contents .mini--contents--bg__side:nth-child(2) {
    width: 228px;
  }
}
@media screen and (max-width: 767px) {
  .mini__section .mini--contents .mini--contents--bg__side:nth-child(2) {
    width: 27.5362318841vw;
  }
}

/* -----------------------
  anime
----------------------- */
.hover-opa {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.hover-opa:hover {
  opacity: 0.6;
}

.hover-scale {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.hover-scale:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.up {
  opacity: 0;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
}
.up.show {
  -webkit-animation: up 0.5s ease forwards;
          animation: up 0.5s ease forwards;
}
@-webkit-keyframes up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.down {
  opacity: 0;
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
}
.down.show {
  -webkit-animation: down ease forwards;
          animation: down ease forwards;
}
@-webkit-keyframes down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.left {
  opacity: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.left.show {
  -webkit-animation: left ease forwards;
          animation: left ease forwards;
}
@-webkit-keyframes left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.right {
  opacity: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.right.show {
  -webkit-animation: right ease forwards;
          animation: right ease forwards;
}
@-webkit-keyframes right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.pop {
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.pop.show {
  -webkit-animation: pop ease forwards;
          animation: pop ease forwards;
}
@-webkit-keyframes pop {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pop {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.loadUp {
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.loadUp.show {
  -webkit-animation: loadUp ease forwards;
          animation: loadUp ease forwards;
}
@-webkit-keyframes loadUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes loadUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.loadDown {
  opacity: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.loadDown.show {
  -webkit-animation: loadDown ease forwards;
          animation: loadDown ease forwards;
}
@-webkit-keyframes loadDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes loadDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.loadLeft {
  opacity: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.loadLeft.show {
  -webkit-animation: loadLeft ease forwards;
          animation: loadLeft ease forwards;
}
@-webkit-keyframes loadLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes loadLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.loadRight {
  opacity: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.loadRight.show {
  -webkit-animation: loadRight ease forwards;
          animation: loadRight ease forwards;
}
@-webkit-keyframes loadRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes loadRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.loadPop {
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.loadPop.show {
  -webkit-animation: loadPop ease forwards;
          animation: loadPop ease forwards;
}
@-webkit-keyframes loadPop {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes loadPop {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.delay-01 {
  -webkit-animation-delay: 0.1s !important;
          animation-delay: 0.1s !important;
}

.delay-02 {
  -webkit-animation-delay: 0.2s !important;
          animation-delay: 0.2s !important;
}

.delay-03 {
  -webkit-animation-delay: 0.3s !important;
          animation-delay: 0.3s !important;
}

.delay-04 {
  -webkit-animation-delay: 0.4s !important;
          animation-delay: 0.4s !important;
}

.delay-05 {
  -webkit-animation-delay: 0.5s !important;
          animation-delay: 0.5s !important;
}

.delay-06 {
  -webkit-animation-delay: 0.6s !important;
          animation-delay: 0.6s !important;
}

.delay-07 {
  -webkit-animation-delay: 0.7s !important;
          animation-delay: 0.7s !important;
}

.delay-08 {
  -webkit-animation-delay: 0.8s !important;
          animation-delay: 0.8s !important;
}

.delay-09 {
  -webkit-animation-delay: 0.9s !important;
          animation-delay: 0.9s !important;
}

.delay-10 {
  -webkit-animation-delay: 1s !important;
          animation-delay: 1s !important;
}

.delay-15 {
  -webkit-animation-delay: 1.5s !important;
          animation-delay: 1.5s !important;
}

.duration-01 {
  -webkit-animation-duration: 0.1s !important;
          animation-duration: 0.1s !important;
}

.duration-02 {
  -webkit-animation-duration: 0.2s !important;
          animation-duration: 0.2s !important;
}

.duration-03 {
  -webkit-animation-duration: 0.3s !important;
          animation-duration: 0.3s !important;
}

.duration-04 {
  -webkit-animation-duration: 0.4s !important;
          animation-duration: 0.4s !important;
}

.duration-05 {
  -webkit-animation-duration: 0.5s !important;
          animation-duration: 0.5s !important;
}

.duration-06 {
  -webkit-animation-duration: 0.6s !important;
          animation-duration: 0.6s !important;
}

.duration-07 {
  -webkit-animation-duration: 0.7s !important;
          animation-duration: 0.7s !important;
}

.duration-08 {
  -webkit-animation-duration: 0.8s !important;
          animation-duration: 0.8s !important;
}

.duration-09 {
  -webkit-animation-duration: 0.9s !important;
          animation-duration: 0.9s !important;
}

.duration-10 {
  -webkit-animation-duration: 1s !important;
          animation-duration: 1s !important;
}

.duration-15 {
  -webkit-animation-duration: 1.5s !important;
          animation-duration: 1.5s !important;
}


/*************************************************
	product caresoap
*************************************************/
.item-lp_caresoap {
  font-family: "heisei-maru-gothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.item-lp_caresoap .caresoap {
	padding: 76px 0 140px;
	background: #fff3c4;
}
.item-lp_caresoap .caresoap .product-ttl {
	max-width: 1028px;
	margin: 0 auto 45px;
}
.item-lp_caresoap .caresoap .notice li {
	font-size: 15px;
	line-height: 1.54;
}
.item-lp_caresoap .caresoap .container {
	/* max-width: 1048px; */
	max-width: 1150px;
}
.item-lp_caresoap .caresoap .product-list {
	display: flex;
	flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .item-lp_caresoap .caresoap .product-list {
    flex-direction: column;
  }
}
.item-lp_caresoap .caresoap .product-list .item {
	width: calc((100% - 48px) / 2);
	margin: 0 48px 0 0;
	padding: 50px 56px 32px;
	background: #fff;
	border: 1px solid #51ace2;
	border-radius: 20px;
}
@media screen and (max-width: 767px) {
  .item-lp_caresoap .caresoap .product-list .item {
    width: 100%;
  }
}
.item-lp_caresoap .caresoap .product-list .item.full {
  display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 48px 0 0;
}
.item-lp_caresoap .caresoap .product-list li:nth-of-type(2n) {margin-right: 0;}
/* .item-lp_caresoap .caresoap .product-list .item .img {border: 1px solid #ababab;} */
.item-lp_caresoap .caresoap .product-list .item.full .img {
  display: flex;
	align-items: center;
	width: 41.32%;
	margin: 0 48px 0 0;
}

.item-lp_caresoap .caresoap .product-list .item .data {margin-top: 35px;}
.item-lp_caresoap .caresoap .product-list .item.full .data {margin-top: 0;}
.item-lp_caresoap .caresoap .product-list .item .data .item-name {
  font-size: 29px;
	font-weight: 700;
	line-height: 1.45;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .item-lp_caresoap .caresoap .product-list .item.full {
    display: block;
    width: 100%;
    margin: 0;
  }
  .item-lp_caresoap .caresoap .product-list .item.full .img {
    margin-right: 0;
    width: 100%;
  }
  .item-lp_caresoap .caresoap .product-list .item.full .data {
    width: 100%;
  }
}
.item-lp_caresoap .caresoap .product-list .item .data .code,
.item-lp_caresoap .caresoap .product-list .item .data .price-wrap * {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.32;
  /* 游ゴシック */
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", sans-serif;
}
.item-lp_caresoap .caresoap .product-list .item .data .code {
	margin: 0 0 24px 0;
	padding: 0 0 14px 4px;
	background: url(https://www.shabon.com/shop/f/assets/img/lp/view/caresoap/line_gray.svg) 0 bottom/ 8.1px 3px repeat-x;
}
.item-lp_caresoap .caresoap .product-list .item .data .price-wrap {margin-bottom: 14px;}
.item-lp_caresoap .caresoap .product-list .item .data .price-wrap dl {
	display: flex;
	align-items: center;
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", sans-serif;
}
.item-lp_caresoap .caresoap .product-list .item .data .price-wrap dl.selling-price.tomonokai .price {font-weight: 700;}
.item-lp_caresoap .caresoap .product-list .item .data .price-wrap dl .empha-pink,
.item-lp_caresoap .caresoap .product-list .item .data .price-wrap dl .empha-pink * {color: #ff6682;}
.item-lp_caresoap .caresoap .product-list .item .data .price-wrap dl .empha-pink .cta-member-price-inc {font-size: 48px;}
.item-lp_caresoap .caresoap .product-list .item .data .quantity {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}
.item-lp_caresoap .caresoap .product-list .item .data .quantity .label {
	font-size: 18px;
	line-height: 1;
}
.item-lp_caresoap .caresoap .product-list .item .data .quantity .select {
	position: relative;
	margin-left: 4px;
}
.item-lp_caresoap .caresoap .product-list .item .data .quantity .select:after {
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	right: 12px;
	width: 5px;
	height: 5px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	transform: rotate(45deg);
	pointer-events: none;
}
.item-lp_caresoap .caresoap .product-list .item .data .quantity .select select {
	width: 64px;
	font-size: 13px;
	line-height: 18px;
	padding: 6px 32px 6px 12px;
	border: 1px solid #989898;
	border-radius: 3px;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
.item-lp_caresoap .caresoap .product-list .item .data .quantity .select select::-ms-expand {display: none;}
.item-lp_caresoap .caresoap .product-list .item .data .cart-in-btn {
	display: block;
	width: 100%;
	background: #ff668d;
	text-align: center;
	padding: 13px 0;
	border-radius: 29px;
}
.item-lp_caresoap .caresoap .product-list .item .data .cart-in-btn span {
	display: inline-block;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 27px;
	padding-left: 38px;
	background: url(https://www.shabon.com/shop/f/assets/img/lp/view/caresoap/cart_icon01.svg) 0 center/26px 27px no-repeat;
}
.item-lp_caresoap .caresoap .product-list .item .data .price-wrap {margin-bottom: 30px;}	

/*************************************************
	product bubbleguard
*************************************************/
.item-lp_caresoap .bubble {
	padding: 108px 0 44px;
	background: url(https://www.shabon.com/shop/f/assets/img/lp/view/caresoap/line_gray.svg) 0 bottom/ 8.1px 3px repeat-x;
}
.item-lp_caresoap .bubble .container {width: 1050px;}
.item-lp_caresoap .bubble .product-ttl {
	width: 734px;
	margin: 0 auto 45px;
}
.item-lp_caresoap .bubble .product-ttl img {
	margin: 0 auto;
}
.item-lp_caresoap .bubble .product-list {
	display: flex;
	flex-wrap: wrap;
}
.item-lp_caresoap .bubble .product-list .item {
	width: calc((100% - 114px) / 3);
	margin: 0 57px 54px 0;
}
.item-lp_caresoap .bubble .product-list .item.keitai {
	position: relative;
	z-index: 0;
}
.item-lp_caresoap .bubble .product-list .item.keitai::before {
	display: block;
	content: '';
	position: absolute;
	top: 14px;
	right: -72px;
	z-index: 1;
	width: 180px;
	height: 94px;
	background: url(https://www.shabon.com/shop/f/assets/img/lp/view/caresoap/bubble_keitai_pc.svg) top center / 100% auto no-repeat;
}
.item-lp_caresoap .bubble .product-list li:nth-of-type(3n) {margin-right: 0;}
.item-lp_caresoap .bubble .product-list .item .img {border: 1px solid #9a9a9a;}
.item-lp_caresoap .bubble .product-list .item .data {margin-top: 20px;}
.item-lp_caresoap .bubble .product-list .item .data .item-name {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.75;
	margin-bottom: 15px;
	text-decoration: underline;
	letter-spacing: -0.08em;
}
.item-lp_caresoap .bubble .product-list .item .data .code,
.item-lp_caresoap .bubble .product-list .item .data .price-wrap * {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
}
.item-lp_caresoap .bubble .product-list .item .data .price-wrap {margin-bottom: 12px;}
.item-lp_caresoap .bubble .product-list .item .data .price-wrap dl {
	display: flex;
	align-items: center;
}
.item-lp_caresoap .bubble .product-list .item .data .price-wrap dl.selling-price.tomonokai .cta-member-price-inc {font-weight: 700;}
.item-lp_caresoap .bubble .product-list .item .data .quantity {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}
.item-lp_caresoap .bubble .product-list .item .data .quantity .label {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.33;
}
.item-lp_caresoap .bubble .product-list .item .data .quantity .select {
	position: relative;
	margin-left: 4px;
}
.item-lp_caresoap .bubble .product-list .item .data .quantity .select:after {
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	right: 12px;
	width: 5px;
	height: 5px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	transform: rotate(45deg);
	pointer-events: none;
}
.item-lp_caresoap .bubble .product-list .item .data .quantity .select select {
	width: 59px;
	font-size: 13px;
	line-height: 18px;
	padding: 6px 32px 6px 12px;
	border: 1px solid #989898;
	border-radius: 3px;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
.item-lp_caresoap .bubble .product-list .item .data .quantity .select select::-ms-expand {display: none;}
.item-lp_caresoap .bubble .product-list .item .data .cart-in-btn {
	display: block;
	width: 100%;
	background: #ff668d;
	text-align: center;
	padding: 13px 0;
	border-radius: 29px;
}
.item-lp_caresoap .bubble .product-list .item .data .cart-in-btn span {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	padding-left: 30px;
	background: url(https://www.shabon.com/shop/f/assets/img/lp/view/caresoap/cart_icon02.svg) 0 center/19px 15px no-repeat;
}

/*************************************************
	product fukifuki
*************************************************/
.item-lp_caresoap .fukifuki {
	padding: 108px 0 44px;
}
.item-lp_caresoap .fukifuki .container {width: 1050px;}
.item-lp_caresoap .fukifuki .product-ttl {
	width: 568px;
	margin: 0 auto 45px;
}
.item-lp_caresoap .fukifuki .product-ttl img {
	margin: 0 auto;
}
.item-lp_caresoap .fukifuki .product-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.item-lp_caresoap .fukifuki .product-list .item {
	width: calc((100% - 114px) / 3);
	margin: 0 57px 54px 0;
}
.item-lp_caresoap .fukifuki .product-list li:nth-of-type(2n) {margin-right: 0;}
.item-lp_caresoap .fukifuki .product-list .item .img {border: 1px solid #9a9a9a;}
.item-lp_caresoap .fukifuki .product-list .item .data {margin-top: 20px;}
.item-lp_caresoap .fukifuki .product-list .item .data .item-name {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.75;
	margin-bottom: 15px;
	text-decoration: underline;
	letter-spacing: -0.08em;
}
.item-lp_caresoap .fukifuki .product-list .item .data .code,
.item-lp_caresoap .fukifuki .product-list .item .data .price-wrap * {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
}
.item-lp_caresoap .fukifuki .product-list .item .data .price-wrap {margin-bottom: 12px;}
.item-lp_caresoap .fukifuki .product-list .item .data .price-wrap dl {
	display: flex;
	align-items: center;
}
.item-lp_caresoap .fukifuki .product-list .item .data .price-wrap dl.selling-price.tomonokai .cta-member-price-inc {font-weight: 700;}
.item-lp_caresoap .fukifuki .product-list .item .data .quantity {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}
.item-lp_caresoap .fukifuki .product-list .item .data .quantity .label {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.33;
}
.item-lp_caresoap .fukifuki .product-list .item .data .quantity .select {
	position: relative;
	margin-left: 4px;
}
.item-lp_caresoap .fukifuki .product-list .item .data .quantity .select:after {
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	right: 12px;
	width: 5px;
	height: 5px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	transform: rotate(45deg);
	pointer-events: none;
}
.item-lp_caresoap .fukifuki .product-list .item .data .quantity .select select {
	width: 59px;
	font-size: 13px;
	line-height: 18px;
	padding: 6px 32px 6px 12px;
	border: 1px solid #989898;
	border-radius: 3px;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
.item-lp_caresoap .fukifuki .product-list .item .data .quantity .select select::-ms-expand {display: none;}
.item-lp_caresoap .fukifuki .product-list .item .data .cart-in-btn {
	display: block;
	width: 100%;
	background: #ff668d;
	text-align: center;
	padding: 13px 0;
	border-radius: 29px;
}
.item-lp_caresoap .fukifuki .product-list .item .data .cart-in-btn span {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	padding-left: 30px;
	background: url(https://www.shabon.com/shop/f/assets/img/lp/view/caresoap/cart_icon02.svg) 0 center/19px 15px no-repeat;
}

/*************************************************
	product caresoap
*************************************************/
.item-lp_caresoap .caresoap .container {
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .item-lp_caresoap .caresoap .container {
    padding: 0 20px;
    margin: 0 auto;
  }
  
}
.item-lp_caresoap .caresoap .product-list .item {
	margin: 0 0 14px 0;
	padding: 30px 28px 25px;
	background: #fff;
	border: 1px solid #51ace2;
	border-radius: 12px;
}
.item-lp_caresoap .caresoap .product-list .item .data {margin-top: 17px;}
.item-lp_caresoap .caresoap .product-list .item .data .item-name {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.425;
	margin-bottom: 10px;
}
.item-lp_caresoap .caresoap .product-list .item .data .code,
.item-lp_caresoap .caresoap .product-list .item .data .price-wrap * {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.25;
}
.item-lp_caresoap .caresoap .product-list .item .data .code {
	margin: 0 0 16px 0;
	padding: 0 0 10px 0;
	background: url(https://www.shabon.com/shop/f/assets/img/lp/view/caresoap/line_gray.svg) 0 bottom/ 8.1px 3px repeat-x;
}
.item-lp_caresoap .caresoap .product-list .item .data .price-wrap {margin-bottom: 14px;}
.item-lp_caresoap .caresoap .product-list .item .data .price-wrap dl {
	display: flex;
	align-items: center;
}
.item-lp_caresoap .caresoap .product-list .item .data .price-wrap dl.selling-price.tomonokai .price {font-weight: 700;}
.item-lp_caresoap .caresoap .product-list .item .data .price-wrap dl .empha-pink,
.item-lp_caresoap .caresoap .product-list .item .data .price-wrap dl .empha-pink * {color: #ff6682;}
.item-lp_caresoap .caresoap .product-list .item .data .price-wrap dl .empha-pink .cta-member-price-inc {font-size: 28px;}
.item-lp_caresoap .caresoap .product-list .item .data .quantity {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}
.item-lp_caresoap .caresoap .product-list .item .data .quantity .label {
	font-size: 15px;
	line-height: 1;
}
.item-lp_caresoap .caresoap .product-list .item .data .quantity .select {
	position: relative;
	margin-left: 10px;
}
.item-lp_caresoap .caresoap .product-list .item .data .quantity .select:after {
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	right: 12px;
	width: 6px;
	height: 6px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	transform: rotate(45deg);
	pointer-events: none;
}
.item-lp_caresoap .caresoap .product-list .item .data .quantity .select select {
	width: 64px;
	font-size: 18px;
	line-height: 1;
	padding: 5px 30px 4px 17px;
	border: 1px solid #989898;
	border-radius: 2px;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
.item-lp_caresoap .caresoap .product-list .item .data .quantity .select select::-ms-expand {display: none;}
.item-lp_caresoap .caresoap .product-list .item .data .cart-in-btn {
	display: block;
	width: 226px;
	background: #ff668d;
	text-align: center;
	padding: 9px 0;
	border-radius: 17px;
}
.item-lp_caresoap .caresoap .product-list .item .data .cart-in-btn span {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
	padding-left: 30px;
	background: url(https://www.shabon.com/shop/f/assets/img/lp/view/caresoap/cart_icon01.svg) 0 center/19px 20px no-repeat;
}
.item-lp_caresoap .caresoap .product-list .item .data .price-wrap {margin-bottom: 30px;}
/*************************************************
	bubbleguard
*************************************************/
.item-lp_caresoap .bubble {
	padding: 78px 0 48px;
	background: url(https://www.shabon.com/shop/f/assets/img/lp/view/caresoap/line_gray.svg) 0 bottom/ 8.1px 3px repeat-x;
}
.item-lp_caresoap .bubble .product-ttl {
	margin: 0 40px 28px;
}
.item-lp_caresoap .bubble .product-list {
	display: flex;
	flex-wrap: wrap;
}
.item-lp_caresoap .bubble .product-list .item {
	width: calc((100% - 24px) / 2);
	margin: 0 24px 48px 0;
}
.item-lp_caresoap .bubble .product-list .item.keitai {
	position: relative;
	z-index: 0;
}
.item-lp_caresoap .bubble .product-list .item.keitai::before {
	display: block;
	content: '';
	position: absolute;
	top: -22px;
	right: -15px;
	z-index: 1;
	width: 23.67vw;
	height: 18.36vw;
	background: url(https://www.shabon.com/shop/f/assets/img/lp/view/caresoap/bubble_keitai_sp.svg) top center / 100% auto no-repeat;
}
.item-lp_caresoap .bubble .product-list li:nth-of-type(2n) {margin-right: 0;}
.item-lp_caresoap .bubble .product-list .item .img {
	margin: 0 0 8px 0;
	border: 1px solid #9a9a9a;
	border-radius: 7px;
}
.item-lp_caresoap .bubble .product-list .item .img img {
	border-radius: 7px;
}
.item-lp_caresoap .bubble .product-list .item .data .item-name {
	height: 44px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 10px;
	text-decoration: underline;
	letter-spacing: -0.08em;
}
.item-lp_caresoap .bubble .product-list .item .data .code,
.item-lp_caresoap .bubble .product-list .item .data .price-wrap * {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.8;
}
.item-lp_caresoap .bubble .product-list .item .data .price-wrap {margin-bottom: 12px;}
.item-lp_caresoap .bubble .product-list .item .data .price-wrap dl {
	display: flex;
	align-items: center;
}
.item-lp_caresoap .bubble .product-list .item .data .price-wrap dl.selling-price.tomonokai .cta-member-price-inc {font-weight: 700;}
.item-lp_caresoap .bubble .product-list .item .data .quantity {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}
.item-lp_caresoap .bubble .product-list .item .data .quantity .label {
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
}
.item-lp_caresoap .bubble .product-list .item .data .quantity .select {
	position: relative;
	margin-left: 10px;
}
.item-lp_caresoap .bubble .product-list .item .data .quantity .select:after {
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	right: 12px;
	width: 6px;
	height: 6px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	transform: rotate(45deg);
	pointer-events: none;
}
.item-lp_caresoap .bubble .product-list .item .data .quantity .select select {
	width: 64px;
	font-size: 18px;
	line-height: 1;
	padding: 5px 30px 4px 17px;
	border: 1px solid #989898;
	border-radius: 2px;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
.item-lp_caresoap .bubble .product-list .item .data .quantity .select select::-ms-expand {display: none;}
.item-lp_caresoap .bubble .product-list .item .data .cart-in-btn {
	display: block;
	width: 100%;
	background: #ff668d;
	text-align: center;
	padding: 6px 0;
	border-radius: 14px;
}
.item-lp_caresoap .bubble .product-list .item .data .cart-in-btn span {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
	padding-left: 30px;
	background: url(https://www.shabon.com/shop/f/assets/img/lp/view/caresoap/cart_icon02.svg) 0 center/19px 20px no-repeat;
}
/*************************************************
	fukifuki
*************************************************/
.item-lp_caresoap .fukifuki {
	padding: 58px 0 24px;
	background: #fff;
}
.item-lp_caresoap .fukifuki .product-ttl {
	margin: 0 12px 28px;
}
.item-lp_caresoap .fukifuki .product-list {
	display: flex;
	flex-wrap: wrap;
}
.item-lp_caresoap .fukifuki .product-list .item {
	width: calc((100% - 24px) / 2);
	margin: 0 24px 48px 0;
}
.item-lp_caresoap .fukifuki .product-list li:nth-of-type(2n) {margin-right: 0;}
.item-lp_caresoap .fukifuki .product-list .item .img {
	margin: 0 0 8px 0;
	border: 1px solid #9a9a9a;
	border-radius: 7px;
}
.item-lp_caresoap .fukifuki .product-list .item .img img {
	border-radius: 7px;
}
.item-lp_caresoap .fukifuki .product-list .item .data .item-name {
	height: 64px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 10px;
	text-decoration: underline;
	letter-spacing: -0.08em;
}
.item-lp_caresoap .fukifuki .product-list .item .data .code,
.item-lp_caresoap .fukifuki .product-list .item .data .price-wrap * {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.8;
}
.item-lp_caresoap .fukifuki .product-list .item .data .price-wrap {margin-bottom: 12px;}
.item-lp_caresoap .fukifuki .product-list .item .data .price-wrap dl {
	display: flex;
	align-items: center;
}
.item-lp_caresoap .fukifuki .product-list .item .data .price-wrap dl.selling-price.tomonokai .cta-member-price-inc {font-weight: 700;}
.item-lp_caresoap .fukifuki .product-list .item .data .quantity {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}
.item-lp_caresoap .fukifuki .product-list .item .data .quantity .label {
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
}
.item-lp_caresoap .fukifuki .product-list .item .data .quantity .select {
	position: relative;
	margin-left: 10px;
}
.item-lp_caresoap .fukifuki .product-list .item .data .quantity .select:after {
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	right: 12px;
	width: 6px;
	height: 6px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	transform: rotate(45deg);
	pointer-events: none;
}
.item-lp_caresoap .fukifuki .product-list .item .data .quantity .select select {
	width: 64px;
	font-size: 18px;
	line-height: 1;
	padding: 5px 30px 4px 17px;
	border: 1px solid #989898;
	border-radius: 2px;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
.item-lp_caresoap .fukifuki .product-list .item .data .quantity .select select::-ms-expand {display: none;}
.item-lp_caresoap .fukifuki .product-list .item .data .cart-in-btn {
	display: block;
	width: 100%;
	background: #ff668d;
	text-align: center;
	padding: 6px 0;
	border-radius: 14px;
}
.item-lp_caresoap .fukifuki .product-list .item .data .cart-in-btn span {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
	padding-left: 30px;
	background: url(https://www.shabon.com/shop/f/assets/img/lp/view/caresoap/cart_icon02.svg) 0 center/19px 20px no-repeat;
}
@media (max-width:350px){
	.item-lp_caresoap .caresoap .product-list .item .data .item-name,
	.item-lp_caresoap .bubble .product-list .item .data .item-name,
	.item-lp_caresoap .fukifuki .product-list .item .data .item-name {font-size: 14px;}
	.item-lp_caresoap .caresoap .product-list .item .data .code,
	.item-lp_caresoap .caresoap .product-list .item .data .price-wrap *,
	.item-lp_caresoap .bubble .product-list .item .data .code,
	.item-lp_caresoap .bubble .product-list .item .data .price-wrap *,
	.item-lp_caresoap .fukifuki .product-list .item .data .code,
	.item-lp_caresoap .fukifuki .product-list .item .data .price-wrap * {font-size: 10px;}
	.item-lp_caresoap .caresoap .product-list .item .data .quantity .label,
	.item-lp_caresoap .bubble .product-list .item .data .quantity .label,
	.item-lp_caresoap .fukifuki .product-list .item .data .quantity .label {font-size: 12px;}
	.item-lp_caresoap .caresoap .product-list .item .data .quantity .select select,
	.item-lp_caresoap .bubble .product-list .item .data .quantity .select select,
	.item-lp_caresoap .fukifuki .product-list .item .data .quantity .select select {font-size: 14px;}
	.item-lp_caresoap .caresoap .product-list .item .data .cart-in-btn span,
	.item-lp_caresoap .bubble .product-list .item .data .cart-in-btn span,
	.item-lp_caresoap .fukifuki .product-list .item .data .cart-in-btn span {font-size: 12px; padding-left: 24px; background-size: 15.2px 16px;}
}