@charset "UTF-8";
/* style.css */
/**********************************************
	front page
***********************************************/
.mv {
  margin: 0 auto 30px;
}
.mv_contents {
	position: relative;
}
.mv_cc_title{
	display: block;
  width: calc(169 / 375 * 100%);
position: absolute;
	top:0;
	right:33px;
  transform: rotate(3.5deg);
}
@media screen and (min-width: 960px) {
  .mv_cc_title {
    top: 0;
	right:45px;
  }
}
.mv_cc {
  margin-bottom: 15px;
}
.mv_cc img {
  width: calc(326 / 375 * 100%);
  margin-left: 16px;
}
.mv_inner {
  position: relative;
}
.mv_inner::after {
  content: "";
  display: block;
  width: calc(343 / 375 * 100%);
  height: calc(367 / 332 * 100%);
  border: 1px solid;
  border-image: linear-gradient(90deg, #f99a9a, #fd9942) 1;
  margin: 0 auto;
  position: absolute;
  top: -5px;
  left: 50%;
  z-index: 0;
  transform: translateX(-50%);
}
.mv_img {
  position: relative;
  margin-bottom: 20px;
}
.model {
  display: block;
  width: 100%;
  height: auto;
}
.handcreamset {
  display: block;
  width: calc(177 / 343 * 100%);
  height: auto;
  position: absolute;
  top: 41px;
  right: 0;
  z-index: 3;
}
.mv_txt_wrap {
  width: calc(323 / 375 * 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: calc(20 / 323 * 100%);
  position: relative;
  margin: 0 auto;
}
.mv_txt_wrap p {}
.date_wrap {
  width: calc(58.35 / 303 * 100%);
  aspect-ratio: 1/1;
  position: relative;
	z-index: 1;
}
.date_wrap::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
background-color: #fff;
	  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 4px;
  z-index:-1;
}
.date {
	display: flex;
	align-items: center;
	justify-content: center;
	  width: 100%;
  height: 100%;
  text-align: center;
	  border-radius: 50%;
  border: solid 1px #763B2F;
}
@media screen and (min-width: 480px) {
  .date {
    top: 20px;
    right: 3px;
  }
}
.date span {
	  display: block;
  font-family: "Zen Old Mincho", serif;
  font-style: normal;
	text-align: center;
}
.date span:first-child {
  font-size: 20px;
  font-weight: 300;
  line-height: 20px;
}
.date span:last-child {
  font-size: 13px;
  font-weight: 100;
  line-height: 1;
}
.mv_subtitle {}
.mv_txt {
  text-align: left;
}
.mv_txt p {
  font-size: 18px;
  font-family: "Zen Old Mincho", serif;
  font-weight: 200;
  display: inline;
  background: linear-gradient(transparent 70%, #FFCBC7 70%);
}
.mv_txt h1 {
  font-size: 32px;
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  line-height: 32px;
}
/**********************************************
	intro page
***********************************************/
.intro {
  width: 100%;
  margin-bottom: 115px;
  position: relative;
}
.intro_peach_contents {
  width: calc(201 / 330 * 100%);
  position: relative;
  top: 0;
  left: 0;
}
.intro_peach_contents h2 {
	width:fit-content;
	font-size: 56px;
font-family: "Imperial Script", cursive;
  font-weight: 400;
  font-style: normal;
  transform: rotate(-15deg);
  position: relative;
  top: 32px;
  left: 15px;
  z-index: 2;
}
.intro_peach_contents h2 span:last-of-type {
  font-size: 40px;
  position: absolute;
  top: 57px;
  left: 64px;
  z-index: 1;
}
.intro_peach_contents h2::after {
  content: "";
  display: block;
  width: calc(86 / 232 * 100%);
  aspect-ratio: 27.29/20.47;
  background-image: url("../img/intro_peach.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  transform: rotate(-25deg);
  position: absolute;
  top: 21px;
  right: -44px;
}
.intro_peach_handcream {
  width: calc(213 / 191 * 100%);
  transform: rotate(-15deg);
	max-width: 323px;
}
.intro_peach_handcream::after {
  content: "";
  display: block;
  width: 160px;
  aspect-ratio: 1/1;
  background-image: url("../img/peach_ball.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: absolute;
  place-self: center;
  inset: 0;
  z-index: -1;
}
.intro_peach_contents p {
  font-family: "Shippori Mincho", serif;
  font-style: normal;
  font-weight: 200;
  color: #FF9C93;
  writing-mode: vertical-rl;
  position: absolute;
  top: 248px;
  left: 37px;
}
@media screen and (min-width: 480px) {
  .intro_peach_contents p {
  top: 288px;
  left: 37px;
  }
}
.intro_peach_contents p span {
}
.intro_peach_contents p span:nth-of-type(1) {
  font-size: clamp(72px, 72 / 375 * 100vw, 86px);
	line-height: 72px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.intro_peach_contents p span:nth-of-type(2) {
  font-size: clamp(40px, 40 / 375 * 100vw, 48px);
  line-height: 40px;
  position: absolute;
  top: 61px;
  left: 28px;
  z-index: 1;
}
@media screen and (min-width: 480px) {
  .intro_peach_contents p span:nth-of-type(2){
  top: 72px;
  left: 28px;
  }
}
.intro_peach_contents p span:nth-of-type(3) {
  font-size: clamp(48px, 48 / 375 * 100vw, 57px);
  line-height: 48px;
  position: absolute;
  top: 90px;
  left: 0;
  z-index: 1;
}
@media screen and (min-width: 480px) {
  .intro_peach_contents p span:nth-of-type(3){
  top: 110px;
  left: 0;
  }
}
.intro_peach_contents p span:nth-of-type(4) {
  font-size: clamp(40px, 40 / 375 * 100vw, 48px);
  line-height: 40px;
  position: absolute;
  top: 120px;
  left: 28px;
  z-index: 1;
}
@media screen and (min-width: 480px) {
  .intro_peach_contents p span:nth-of-type(4){
  top: 150px;
  left: 28px;
  }
}
.intro_orange_contents {
  width: calc(201 / 330 * 100%);
  position: absolute;
  bottom: -60px;
  right: 20px;
  z-index: 2;
}
@media screen and (min-width: 480px) {
  .intro_orange_contents{
  bottom: -60px;
  right: 35px;
  }
}
.intro_orange_contents h2 {
	width: fit-content;
  font-size: 56px;
  font-family: "Imperial Script", cursive;
  font-weight: 400;
  font-style: normal;
  transform: rotate(7.25deg);
  position: absolute;
  top: -61px;
  right: 30px;
  z-index: 1;
}
.intro_orange_contents h2 span {
  display: block;
  width: fit-content;
  line-height: 1;
}
.intro_orange_contents h2 span:first-of-type {}
.intro_orange_contents h2 span:last-of-type {
  font-size: 40px;
  margin: 0 -0.5em 0 auto;
}
.intro_orange_contents h2::after {
  content: "";
  display: block;
  width: calc(83 / 232 * 100%);
	aspect-ratio: 27.29/20.47;
  background-image: url("../img/intro_orange.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  transform: rotate(-25deg);
  position: absolute;
  top: 9px;
  right: -42px;
}
.intro_orange {
  width: calc(45 / 232 * 100%);
  transform: rotate(18deg);
  position: absolute;
  top: 140px;
  right: 92px;
  z-index: 1;
}
.intro_orange_handcream {
width: calc(213 / 191 * 100%);
  transform: rotate(15deg);
		max-width: 323px;

}
.intro_orange_handcream::after {
  content: "";
  display: block;
  width: 160px;
  aspect-ratio: 1/1;
  background-image: url("../img/orange_ball.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: absolute;
  place-self: center;
  inset: 0;
  z-index: -1;
}
.intro_orange_contents p {
  font-family: "Shippori Mincho", serif;
  font-style: normal;
  font-weight: 200;
  color: #FFAE67;
  writing-mode: vertical-rl;
  position: absolute;
  top: 70px;
  right: 3px;
}
@media screen and (min-width: 480px) {
  .intro_orange_contents p {
  top: 120px;
  right: 3px;
  }
}
.intro_orange_contents p span {}
.intro_orange_contents p span:nth-of-type(1) {
  font-size: clamp(64px, 64 / 375 * 100vw, 76px);
  position: absolute;
  top: 66px;
  right: -30px;
  z-index: 1;
}
.intro_orange_contents p span:nth-of-type(2) {
  font-size: clamp(40px, 40 / 375 * 100vw, 48px);
  position: absolute;
  top: 132px;
  right:-25px;
  z-index: 1;
}
@media screen and (min-width: 480px) {
  .intro_orange_contents p span:nth-of-type(2){
  top: 142px;
  right:-25px;
  }
}
.intro_orange_contents p span:nth-of-type(3) {
  font-size: clamp(32px, 32 / 375 * 100vw, 38px);
  position: absolute;
  top: 174px;
  right:0;
  z-index: 1;
}
@media screen and (min-width: 480px) {
  .intro_orange_contents p span:nth-of-type(3){
  top: 194px;
  right:0;
  }
}
/**********************************************
	products page
***********************************************/
.products_sec {
	margin-bottom: 80px;
}
.products_inner{
  width: calc(344 / 375 * 100%);
  margin: 0 auto;
}
.products_peach_wrap {
  margin-bottom: 84px;
}
.products_lead_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
.products_number_img {
  display: block;
  width: calc(78 / 344 * 100%);
  height: 100%;
}
.products_lead {
  text-align: left;
  color: #763B2F;
}
.products_lead p {
  font-size: 14px;
  font-weight: 500;
}
.products_lead h3 {
  font-size: 32px;
  line-height: 32px;
  font-family: "Zen Antique Soft", serif;
  font-style: normal;
}
.products_lead h3 span:last-of-type {
  font-size: 13px;
  font-family: "Noto Sans JP", serif;
  font-style: normal;
  font-weight: 500;
}
.products_lead h3 span {}
.products_lead h3 span:first-of-type {
  letter-spacing: -1px;
}
.products_lead h3 span:last-child {}
.products_wrap {
  position: relative;
  margin-bottom: 80px;
}
.ingredient_label {
		  width: calc(64 / 344 * 100%);
  aspect-ratio: 1/1;
	  position: absolute;
	  top: 30px;
  right: 41px;
  z-index: 2;
}
.ingredient_label p{
	display: flex;
	align-items: center;
	justify-content: center;
	  width:100%;
height:100%;
	  border-radius: 50%;
  border: solid 1px #FFCBC7;
  font-family: 'HigureGothic',sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #FF9C93;
  text-align: center;
	}

.ingredient_label::after {
  content: "";
	  width:100%;
height:100%;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
	  top: 2px;
  left: 4px;
  z-index: -1;

}
.ingredient_label.orange p{
	  color: #FD9942;
  letter-spacing: -1px;
	  border: solid 1px #FD9942;
}
.products_handcream {}
.products_handcream img {
  display: block;
  width: calc(220 / 344 * 100%);
  margin: 0 auto 20px;
}
.products_handcream p {
  font-size: 16px;
  text-align: center;
  line-height: 1.5;
}
.three_ingredient {
  position: relative;
  margin-bottom: 80px;
	  z-index: 1;
}
.three_ingredient::after {
  width: calc(344 / 375 * 100%);
  margin: 0 auto;
  content: "";
  position: absolute;
  top: -40px;
  left: -10px;
  right: -10px;
  bottom: -40px;
  border-radius: 10px;
  padding: 1.5px;
  background-color: #F99A9A;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.three_ingredient.orange::after {
  content: "";
  background-color: #FD9942;
	  z-index: -1;
}
.three_ingredient_img_wrap {
  display: block;
  width: calc(323 / 344 * 100%);
  aspect-ratio: 1/1;
  margin: 0 auto 30px;
}
.three_ingredient_img_wrap img {
  display: block;
  margin: 0 auto;
  width: calc(136 / 323 * 100%);
  border-radius: 500px;
}
.three_ingredient_img1 {}
.three_ingredient_imgset {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.three_ingredient_imgset img {
  width: calc(272 / 323 * 100%);
}
.three_ingredient_img2 {}
.three_ingredient_img3 {}
.three_ingredient_img_wrap p {
  text-align: center;
}
.smell {
  width: calc(283 / 344 * 100%);
  margin: 0 auto 50px;
  font-size: 14px;
}
.ingredient_list {
  width: calc(262 / 344 * 100%);
  margin: 0 auto 50px;
}
.ingredient_listset1 {
  display: flex;
  align-items: center;
	justify-content: space-between;
  margin-bottom: 30px;
	  width: calc(250 / 262 * 100%);
}

.ingredient_listset1.orange {
  column-gap: calc(23 / 250 * 100%);
}
.ingredient_listset2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 480px) {
.ingredient_listset2 {
  column-gap: calc(23 / 1920 * 100%);
}
}

.ingredient_list_label {
  margin-bottom: 15px;
}
.ingredient_list_label h4 {
  display: grid;
  place-content: center left;
  padding: 4px 11px;
  width:fit-content;
  height: 26px;
  color: #fff;
  background-color: #FE958C;
  border-radius: 500px;
  text-decoration: none;
  position: relative;
  font-size: 14px;
  line-height: 3;
}
.ingredient_list_label.orange h4 {
  background-color: #FD9942;
}
.ingredient {
  position: relative;
}
.ingredient::before {
  content: "(01) ";
  font-size: 10px;
  line-height: 0;
  position: absolute;
  top: -2px;
  left: 0;
}
.ingredient.extrac {
  position: absolute;
  top: 0;
  right: 50px;
}
.ingredient.moist::before {
  content: "(02) ";
}
.ingredient.protect::before {
  content: "(03) ";
}
.ingredient.prevent::before {
  content: "(04) ";
}
.ingredient dt {
  font-size: 16px;
  color: #763B2F;
  font-weight: normal;
}
.ingredient dt::after {
  content: "";
  display: block;
  border-bottom: solid 1px #AD3025;
  margin: 0 auto;
  margin: 3px 0;
}
.ingredient dd {}
.ingredient p {}
.graph_img {
  display: block;
  width: calc(272 / 344 * 100%);
  margin: 0 auto;
}
.graph_img img {}
.ingredient_txt {}
.recommend {
  position: relative;
  width: calc(323 / 375 * 100%);
  margin: 0 auto 50px;
}
.recommend h3 {
  display: grid;
  place-content: center left;
  padding: 6px 21px;
  width: fit-content;
  max-width: 250px;
  height: 29px;
  color: #fff;
  background-color: #FE958C;
  border-radius: 500px;
  text-decoration: none;
  position: relative;
  text-align: center;
  font-size: 14px;
  line-height: 0;
  margin: 0 auto 10px;
}
.recommend.orange h3 {
  background-color: #FD9942;
}
.favorite {
	width: fit-content;
	margin: 0 auto 20px;
	position: relative;
}
.favorite::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -20px;
  z-index: 1;
  background-image: url("../img/border.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: calc(13 / 323 * 100%);
  height: 27px;
  transform: rotate(160deg);
  vertical-align: bottom;
}
.favorite::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -10px;
  z-index: 1;
  background-image: url("../img/border.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: calc(13 / 323 * 100%);
  height: 27px;
  transform: rotate(-160deg);
  vertical-align: bottom;
}
.recommend p {
  text-align: center;
}
.recommend_img {
  width: calc(165 / 323 * 100%);
  aspect-ratio: 135 / 186;
  margin: 0 auto 20px;
  position: relative;
}
.recommend_img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 500px;
  overflow: hidden;
}
.recommend_img::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 500px;
  border: solid 1px #FE958C;
  position: absolute;
  top: 5px;
  left: 4px;
  z-index: 1;
}
.recommend_img.orange::before {
  border: solid 1px #FD9942;
}
.recommend_cc{
	width: fit-content;
	margin: 0 auto;
  font-family: "Zen Old Mincho", serif;
  font-style: normal;
  font-weight: 200;
  font-size: 28px;
  color: #FF8C82;
  text-align: center;
  line-height: 1.5;
  position: relative;
	z-index: 1;
}
.recommend_cc.orange{
  color: #FD7442;
}
.recommend_cc::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -10px;
  width: calc(61 / 323 * 100%);
  aspect-ratio: 1/1;
  background-image: url("../img/peach_ball.png");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
.recommend_cc.orange::before {
  background-image: url("../img/orange_ball.png");
	  top: -16px;
  left: -28px;
}
/**********************************************
feature page
***********************************************/
.feature_sec {
margin-bottom: 60px;}
.feature_inner{
  width: calc(322 / 375 * 100%);
  margin: 0 auto;
}
.point1_wrap {
  margin-bottom: 60px;
}
.point_title_wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: calc(26 / 322 * 100%);
  margin-bottom: 20px;
}
.point_title_img {
  display: block;
  width: calc(54.54 / 322 * 100%);
  aspect-ratio: 54.54/67.73;
}
.point_title_txt {
  text-align: left;
}
.point_title_txt h2 {
  font-family: "Shippori Mincho", serif;
  font-style: normal;
  font-weight: 100;
  font-size: 20px;
  border-bottom: solid 1.5px #F99A9A;
  width: fit-content;
  margin-bottom: 5px;
  line-height: 1.5;
  position: relative;
}
.point_title_txt.point2 h2::after {
  content: "";
  display: block;
  width: 140px;
  aspect-ratio: 1/1;
  background-image: url("../img/peach_ball.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: absolute;
  top: -10px;
  right: -30px;
  z-index: -1;
}
.point_title_txt.point3 h2::after {
  content: "";
  display: block;
  width: 140px;
  aspect-ratio: 1/1;
  background-image: url("../img/orange_ball.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: absolute;
  top: -10px;
  right: 40px;
  z-index: -1;
}
.point_title_txt p {}
.threerec {
  width: calc(313.65 / 322 * 100%);
  aspect-ratio: 313.65 / 170;
  margin-bottom: 20px;
}
.plus {
  width: calc(42.88 / 322 * 100%);
  aspect-ratio: 1 / 1;
  margin: 0 auto 20px;
}
.fourpoint {
  width: calc(286 / 322 * 100%);
  margin: 0 auto 20px;
}
.peach_point {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: calc(23.85 / 286 * 100%);
  margin-bottom: 11px;
}
.peach_point p {
  font-size: 12px;
  font-weight: 500;
  color: #FF9C93;
  width: calc(131 / 286 * 100%);
  aspect-ratio: 131/30;
  background-color: #FFF5F0;
  border-radius: 100vh;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  border: solid 1px #FF9C93;
}
.orange_point {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: calc(22 / 286 * 100%);
}
.orange_point p {
  font-size: 12px;
  font-weight: 500;
  color: #FD9942;
  width: calc(131 / 286 * 100%);
  aspect-ratio: 131/30;
  background-color: #FFFDF5;
  border-radius: 100vh;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  border: solid 1px #FD9942;
}
.feature_arrow {
  width: calc(30 / 322 * 100%);
  aspect-ratio: 30/23;
  margin: 0 auto 20px;
}
.point_txt {}
.point_txt span {
  color: #E83E6D;
}
.point2_wrap {
  margin-bottom: 40px;
}
.feature_img {
  display: block;
  width: calc(123.62 / 322 * 100%);
  aspect-ratio: 1/1;
  margin: 0 0 0 auto;
}
.point3_wrap {}
/**********************************************
	line up page
***********************************************/
.lineup_sec {
	margin-bottom: 80px;
}
.lineup_inner{
  width: calc(342 / 375 * 100%);
  margin: 0 auto;
	    max-width: 356px;
}
.handcream_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: calc(40 / 342 * 100%);
  margin-bottom: 80px;
	position: relative;
	z-index:1;
}
.handcream_peach_wrap {
  width: calc(141 / 342 * 100%);
  aspect-ratio: 141/312;
  position: relative;
}
.handcream_peach_wrap::after {
  content: "";
  background-color: rgba(255, 245, 240, 0.4);
  border: solid 1.5px #FF9C93;
  border-radius: 10px;
  position: absolute;
  top: -20px;
  left: -10px;
  right: -10px;
  bottom: -20px;
  z-index: -1;
}
.handcream_title {
  font-weight: 500;
  line-height: 1.2;
}
.handcream_title h2 {
  font-size: 14px;
  text-align: center;
  margin-bottom: 10px;
}
.handcream_title p {
  width: fit-content;
  font-size: 12px;
  margin: 0 auto;
  letter-spacing: 0;
  color: #F28981;
  border-bottom: solid 1px #F28981;
  padding-bottom: 2px;
  margin-bottom: 10px;
}
.handcream_title.orange p {
  color: #FD9942;
  border-bottom: solid 1px #FD9942;
}
.handcream_img {
  margin-bottom: 10px;
}
.handcream_txt {}
.handcream_txt p {
  margin-bottom: 5px;
  line-height: 1.5;
  letter-spacing: 0;
}
.handcream_orange_wrap {
  width: calc(141 / 342 * 100%);
  aspect-ratio: 141/312;
  position: relative;
}
.handcream_orange_wrap::after {
  content: "";
  background-color: rgba(255, 253, 245, 0.4);
  border: solid 1.5px #FD9942;
  border-radius: 10px;
  position: absolute;
  top: -20px;
  left: -10px;
  right: -10px;
  bottom: -20px;
  z-index: -1;
}
.handcream_title.orange p {
  color: #FD9942;
}
/**********************************************
	voice page
***********************************************/
.voice_sec{
	margin-bottom:80px;
}
.voice_list{
}
.voice_list_item{
	  width: calc(222 / 375 * 100%);
	aspect-ratio:222/293;
	background-image:url("../img/voice_frame.svg");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% 100%;
	padding: 26px 31px;
	box-sizing: content-box;
}
.voice_item_wrap{
	display: flex;
	align-items: stretch;
	justify-content: center;
	column-gap: 10px;
	border-bottom: solid 1px #524340;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.voice_item_customer_img{
			  width: calc(45 / 138 * 100%);
}
.rank_age{
			  width: calc(82 / 138 * 100%);
}
.voice_item_rank{
	width:100%;
}
.voice_item_age{}
.voice_item_txt{}
.lnk_btn.voice{
	margin-top:50px;
}
/**********************************************
	spcial page
***********************************************/
.special_sec{
margin-bottom:120px;
}
.special_inner{
			  width: calc(286 / 375 * 100%);
				margin: 0 auto;
}
.special_sec_wrap{
}

.spcial_txt_wrap{
	margin-bottom: 25px;
}
.spcial_txt_title {
	font-size:14px;
	font-weight: 500;
	color:#F28981;
	position: relative;
	text-align: center;
	margin-bottom: 10px;
}
.spcial_txt_title::before{
	content:"";
	display: block;
			  width: calc(14 / 286 * 100%);
	aspect-ratio:1/1;
	background-image: url("../img/moon.svg");
	  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: absolute;
  top:5px;
  left:55px;
}
@media screen and (min-width: 480px) {
  .spcial_txt_title::before{
  top: 5px;
  left: 90px;
  }
}
.spcial_txt_title::after{
	content:"";
	display: block;
			  width: calc(14 / 286 * 100%);
	aspect-ratio:1/1;
	background-image: url("../img/moon.svg");
	  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
transform: rotate(-90deg);
  position: absolute;
  top: 5px;
  right:55px;
}
@media screen and (min-width: 480px) {
  .spcial_txt_title::after{
  top: 5;
  right:90px;
  }
}
.spcial_txt_wrap h2{
  font-family: "Shippori Mincho", serif;
  font-style: normal;
  font-weight: 200;
	font-size: 20px;
	text-align: center;
	color: #fff;
	background-color: #FFA8DC;
	border-radius: 3px;
	margin-bottom: 15px;
}
.spcial_txt_wrap p{}
.spcial_txt{
	font-size: 14px;
}
.nightcream{
	margin-bottom: 60px;
    position: relative;
    border-radius: 3px;
}
.nightcream_inner{
		    padding: 20px;

	background-color: #fff;
	position: relative;
	z-index: 1;
}
.nightcream::after{
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
background-image: linear-gradient(#ffd2d2, #ffa8dc);
    z-index: 0;
    border-radius: 5px;
}
.nightcream_txt{
	width: calc(253 / 286 * 100%);
	margin: 0 auto;
}
.nightcream_img{
	margin-bottom: 30px;
}
.nightcream_img figcaption{
	text-align: center;
	margin-top:-40px;
}
.nightcream_txt p{}
.lnk_btn.setbuy img{
	display: block;
  width:22px;
height:21px;
	position:absolute;
  right:17px;
	z-index: 1;
}