@charset "UTF-8";
/* common */
body{
  padding-top: 56px;
}

.wrpContents{
  background-size: 36px 36px;
	margin-bottom: 40px;
}

/* BlockStory */
.BlockStory{
  padding-top: 40px;
  padding-bottom: 64px;
}

.BlockStory__particle{
  background-image: url(../img/particle.webp);
  height: 820px;
  background-size: 1050px 820px;
  top: -136px;
}

.BlockStory__ttl{
  margin-bottom: 40px;
}

.BlockStory__ttl img{
  width: 97px;
}

.BlockStory__txt01{
  margin-bottom: 16px;
}

.BlockStory__txt01 img{
  width: 234px;
}

.BlockStory__txt02{
  margin-bottom: 48px;
}

.BlockStory__txt02 img{
  width: 280px;
}

.BlockStory__txt03{
  text-align: right;
  width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.BlockStory__txt03 img{
  width: 160px;
}

/* BlockAnchor */
.BlockAnchor{
  padding-top: 80px;
  padding-bottom: 64px;
}

.BlockAnchor__txt01{
  margin-bottom: 48px;
}

.BlockAnchor__txt01 img{
  width: 288px;
}

.BlockAnchor__box{
  width: 330px;
}

.BlockAnchor__box::after{
  width: 114px;
  margin-top: -68px;
  margin-right: -18px;
}

.BlockAnchor__btn01{
  width: 250px;
  margin-bottom: 20px;
}

.BlockAnchor__btn02{
  width: 249px;
}

/* BlockPoint */
.BlockPoint{
  width: 320px;
}

.BlockPoint__ttl01{
  margin-bottom: 16px;
}

.BlockPoint__ttl01 img{
  width: 134px;
}

.BlockPoint .el__mov{
  width: 297px;
  margin-top: 8px;
  margin-bottom: 16px;
}

.BlockPoint + .BlockPoint{
  margin-top: 64px;
}

/* BlockBnr */
.BlockBnr_bnr{
  margin-top: 32px;
}

/* BlockWhitea */
/* BlockCp2 */
.BlockWhitea,
.BlockCp2{
  background-size: 36px 36px;
  padding-top: 40px;
  padding-bottom: 64px;
}

/* BlockWhitea */
.BlockWhitea__ttl01{
  margin-bottom: 36px;
}

.BlockWhitea__ttl01 img{
  width: 316px;
}

.BlockWhitea__img01{
  margin-bottom: 36px;
}

.BlockWhitea__img01 img{
  width: 302px;
}

.BlockWhitea_point01 .el__mov::after{
  background-image: url(../img/img_whitea_point01_pc.webp);
  aspect-ratio: 169/517;
  width: 84px;
  margin-top: 16px;
  margin-left: -24px;
}

.BlockWhitea_point02 .BlockPoint__ttl01::after{
  width: 56px;
  margin-bottom: -8px;
}

.BlockWhitea_point02 .el__mov::after{
  width: 103px;
  margin-top: 16px;
  margin-right: -12px;
}

.BlockWhitea_point03 .el__mov::after{
  width: 76px;
  margin-left: -20px;
  margin-bottom: 48px;
}

.BlockWhitea_bnr{
  width: 254px;
}


/* BlockCp2 */
.BlockCp2__ttl01{
  margin-bottom: 36px;
}

.BlockCp2__ttl01 img{
  width: 256px;
}

.BlockCp2__img01{
  margin-bottom: 70px;
}

.BlockCp2__img01 img{
  width: 310px;
}





.BlockCp2_point01 .BlockPoint__ttl01::after{
  width: 56px;
  margin-bottom: -20px;
  margin-left: 4px;
}

.BlockCp2_point01 .el__mov::after{
  width: 86px;
  margin-top: 24px;
  margin-right: -56px;
}

.BlockCp2_point02 .BlockPoint__ttl01::after{
  width: 72px;
  margin-bottom: -16px;
}

.BlockCp2_point02 .el__mov::after{
  width: 64px;
  margin-top: 24px;
  margin-right: -16px;
}

.BlockCp2_point03 .BlockPoint__ttl01::after{
  width: 80px;
  margin-bottom: -40px;
}

.BlockCp2_bnr{
  width: 268px;
}

/* BlockCast */
.BlockCast{
  padding-top: 66px;
  padding-bottom: 24px;
}

.BlockCast__img01 img{
  width: 178px;
  margin-top: -36px;
  margin-right: -370px;
}

.BlockCast__ttl{
  margin-bottom: 94px;
}

.BlockCast__ttl img{
  width: 100px;
}

.BlockCast__slide{
  width: 322px;
  margin-bottom: 14px;
}

.BlockCast__slide .slick-arrow{
  width: 16px;
  margin-top: 64px;
}

.BlockCast__slide .slick-prev{
  margin-left: 16px;
}

.BlockCast__slide .slick-next{
  margin-right: 16px;
}

.BlockCast__slide .slick-dots{
  margin-bottom: 14px;
}

.BlockCast__slide .slick-dots li{
  width: 52px;
}

.BlockCast__slide .slick-dots li + li{
  margin-left: 14px;
}

.BlockCast__txt01 img{
  width: 332px;
}


/* BlockProducts */
.BlockProducts{
  padding-top: 72px;
  padding-bottom: 72px;
  background-image: url(../img/bg_products.webp);
}

.BlockProducts__ttl{
  margin-bottom: 40px;
}

.BlockProducts__ttl img{
  width: 253px;
}

.BlockProducts__txt{
  margin-bottom: 48px;
}

.BlockProducts__txt img{
  width: 295px;
}

.BlockProducts__box{
  width: 317px;
  flex-wrap: wrap;
  margin-bottom: -32px;
}

.BlockProducts__box > *{
  width: calc(100% / 2);
  margin-bottom: 32px;
}

.BlockProducts__box > *:nth-child(1) img{
  width: 158px;
}

.BlockProducts__box > *:nth-child(2) img{
  width: 154px;
}

.BlockProducts__box > *:nth-child(3) img{
  width: 150px;
}

.BlockProducts__box > *:nth-child(4) img{
  width: 109px;
}


/* cta_buy */
.cta_buy {
	padding-top: 40px;
  padding-bottom: 40px;
}

.cta_buy_box {
  position: relative;
}

.cta_buy_box>a {
  position: relative;
  z-index: 0;
}

/* bnrFixed */
.bnrFixed-sp{
  width: 100%;
  height: auto;
}

.bnrFixed-sp .bnrFixedBody{
  border: 1px solid #C1006A;
  opacity: 0;
  transition: opacity .3s;
  background: url(/hythiol/special-drama/img/bnr_float_special-drama_bg_sp.jpg) no-repeat center;
  background-size: cover;
  width: 100%;
  height: auto;
}

.bnrFixed-sp .bnrFixedBody.show{
  opacity: 1;
}

.bnrFixed-sp .bnrFixedInner .bnrFixedOpen{
  margin-right: 0;
}

.bnrFixed-sp .bnrFixedInner .bnrFixedOpen .img {
  max-width: 160px;
  }

  .bnrFixed-sp .bnrFixedInner .bnrFixedOpen .btn{
    max-width: 141px;
  }

.bnrFixed-sp .bnrFixedInner .bnrFixedClose{
  background: #C1006A;
  position: absolute;
  height: 100%;
}

.bnrFixed-sp .bnrFixedInner .bnrFixedClose:before{
  top: calc(50% + 3px);
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}

.bnrFixed-sp a{
  width: 100%;
  padding-right: 45px;
  box-sizing: border-box;
}

.bnrFixed-sp img{
  max-width: 100%;
}