@charset "UTF-8";

/*all----------------------------*/
html {
  font-size: 62.5%;
}

main {
  max-width: none;
  overflow: hidden;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

#Wrap,
.wrapTop,
.wrapBottom {
  width: 100%;
}

#Contents {
  padding-top: 0;
}

#Header,
#Foot {
  width: 1000px;
  margin: 0 auto;
}

#footer {
  position: relative;
  z-index: 10;
}

.main_container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: .05em;
  word-break: normal;
}

.main_container picture,
.main_container a {
  display: block;
  color: #5A5A5A;
}

.main_container a {
  transition: opacity .3s;
  display: inline-block;
}


.main_container img {
  width: 100%;
  height: auto;
}

.btn_detail .main_container a:hover {
  opacity: 1;
}

.following_nav {
  position: relative;
  transition: opacity .3s ease-in-out;
  opacity: 0;
  z-index: 50;
}

.following_nav.up-move {
  opacity: 1;
}


/*================ FadeIn ================*/
.main_container .fadeIn {
  opacity: 0;
  transition: 1.5s;
  transform: translateY(5rem);
}

.main_container .scrollIn {
  opacity: 1;
  transform: translateX(0);
  transform: translateY(0);
}


/*================ Font ================*/
/*====== しっぽり明朝 ======*/
.main_container .shipporiR {
  font-family: 'Shippori Mincho', serif;
  font-weight: 400;
  font-style: normal;
}

.main_container .shipporiB {
  font-family: 'Shippori Mincho', serif;
  font-weight: 700;
  font-style: normal;
}


/*====== Poppins ======*/
.main_container .PoppinsL {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-style: normal;
}

.main_container .PoppinsSB {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: normal;
}


/*====== Big Moore ======*/
.main_container .bigmooreR {
  font-family: "bigmoore", serif;
  font-weight: 400;
  font-style: normal;
}

/*================ Font ================*/


/*================ sp ================*/

.pc_ol {
  display: none;
}

.sp_ol {
  display: block;
}

.main_container {
  color: #5A5A5A;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 300;
  position: relative;
  z-index: 1;
}

/* 追従背景 */
.main_container .fixed-background {
  position: relative;
  transform: none;
}

.main_container .fixed-background::before {
  position: fixed;
  content: "";
  background-size: cover;
  background-position: center;
  background-image: url(../img/bg_sp.png);
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: -2;
}

/* 追従背景 */


#share {
  transition: .3s;
}

#share.move {
  transform: translateY(calc(-30 * (100vw / 390)));
}

.main_container .mv_ttlArea {
  position: relative;
  margin-top: calc(32 * (100vw / 390));
  padding-top: calc(74 * (100vw / 390));
  padding-bottom: calc(0 * (100vw / 390));
  margin-bottom: calc(21 * (100vw / 390));
}

.main_container .mv_ttlArea::before {
  position: absolute;
  content: "";
  background-image: url(../img/mv_ttl_sp.svg);
  width: calc(250 * (100vw / 390));
  height: calc(70 * (100vw / 390));
  top: calc(-6 * (100vw / 390));
  left: 50%;
  transform: translateX(-50%);
}

.main_container .mv_ttl {
  color: #C78E8B;
  text-align: center;
  font-size: calc(21 * (100vw / 390));
}

.main_container .ttl_pnk {
  font-size: calc(19 * (100vw / 390));
  line-height: 1.31;
  color: #C78E8B;
  position: relative;
  top: calc(6 * (100vw / 390));
}

.main_container .mv_contentsArea {
  text-align: center;
  position: relative;
  padding-top: calc(45 * (100vw / 390));
  padding-bottom: calc(75 * (100vw / 390));
  margin-bottom: calc(51 * (100vw / 390));
}

.main_container .mv_contentsArea::before {
  position: absolute;
  content: "";
  background-size: contain;
  background-image: url(../img/mv_bg_sp.png);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.main_container .mv_lead {
  font-size: calc(21 * (100vw / 390));
  line-height: 1.61;
  margin-bottom: calc(2 * (100vw / 390));
}

.main_container .mv_text {
  text-align: center;
  font-size: calc(14 * (100vw / 390));
  letter-spacing: 0.1em;
  line-height: 2.52;
  margin-bottom: calc(15 * (100vw / 390));

}

.main_container .mv_text02 {
  margin-bottom: 0;
}

/* 追従メニュ */
.main_container .menu_img_box_sp {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  column-gap: 10px;
  background-color: #fff;
  padding-top: calc(15 * (100vw / 390));
  padding-bottom: calc(17 * (100vw / 390));
  position: fixed;
  z-index: 900;
  bottom: 0;
  box-shadow: 0px 4px 8px #3a3a3a70;
}

.main_container .menu_img_box_sp::before {
  position: absolute;
  content: "";
  width: 2px;
  height: calc(54.02 * (100vw / 390));
  top: calc(15 * (100vw / 390));
  left: calc(196 * (100vw / 390));
  background-color: #F5F5F5;
}

.main_container .menu_img_na_sp {
  width: calc(188 * (100vw / 390));
  background-color: #fff;
  padding-left: calc(5 * (100vw / 390));
  padding-right: calc(5 * (100vw / 390));
}

.main_container .menu_img_ha_sp {
  width: calc(190 * (100vw / 390));
  background-color: #fff;
  padding-left: calc(13 * (100vw / 390));
  padding-right: calc(0 * (100vw / 390));
  position: relative;
}

.main_container .requestEmail {
  position: relative;
  bottom: calc(-17 * (100vw / 390));
  width: 100%;
}


/* 追従メニュ */


/* haqura */
.main_container .haqura_img {
  width: calc(180 * (100vw / 390));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(15 * (100vw / 390));
}

.main_container .haqura_AreaTxt {
  text-align: center;
}

.haqura_Area .product_group::before {
  position: absolute;
  top: calc(-54 * (100vw / 390));
  left: calc(256 * (100vw / 390));
  z-index: -1;
  width: calc(128 * (100vw / 390));
  height: calc(128 * (100vw / 390));
  background: url(../img/icn_pre_sale.png) no-repeat 0 0;
  background-size: 100%;
  content: "";
}

/* 先行販売開始 */
.main_container .product_container_lead {
  text-align: center;
  position: relative;
  font-size: calc(22 * (100vw / 390));
  color: #E1B4B2;
  padding-top: calc(17 * (100vw / 390));
  padding-bottom: calc(11 * (100vw / 390));
  margin-bottom: calc(64 * (100vw / 390));
}

.main_container .dating {
  font-size: calc(32 * (100vw / 390));
}

.main_container .product_container_lead::before {
  position: absolute;
  content: "";
  background-color: #E1B4B2;
  width: calc(340 * (100vw / 390));
  height: 1px;
  top: 0;
  left: calc(25 * (100vw / 390));
}


.main_container .product_container_lead::after {
  position: absolute;
  content: "";
  background-color: #E1B4B2;
  width: calc(340 * (100vw / 390));
  height: 1px;
  bottom: 0;
  left: calc(25 * (100vw / 390));
}

.main_container .haqura_Area_FV {
  margin-bottom: calc(43 * (100vw / 390));
}

.main_container .product_img {
  width: calc(365 * (100vw / 390));
  margin-left: calc(15 * (100vw / 390));
  margin-right: auto;
  margin-bottom: calc(11 * (100vw / 390));
}


/* 色 */
.main_container .color_container {
  width: fit-content;
  display: flex;
  column-gap: 10px;
  margin-left: auto;
  margin-right: auto;
}

.main_container .img_group {
  margin-bottom: calc(29 * (100vw / 390));
}

.main_container .product_img_005H {
  position: relative;
  left: calc(11 * (100vw / 390));
}

.main_container .product_img_007H {
  position: relative;
  left: calc(11 * (100vw / 390));
}

.main_container .color_img {
  width: calc(22 * (100vw / 390));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(8 * (100vw / 390));
}

.main_container .color_name {
  font-size: calc(11 * (100vw / 390));
  text-align: center;
}


.main_container .product_img_005N {
  position: relative;
  left: calc(11 * (100vw / 390));
}

.main_container .product_img_007N {
  position: relative;
  left: calc(11 * (100vw / 390));
}

/* 色 */


.main_container .product_name {
  color: #DBA19F;
  font-size: calc(16 * (100vw / 390));
  font-weight: 600;
  text-align: center;
  line-height: 1.75;
  letter-spacing: 0.1em;
  margin-bottom: calc(9 * (100vw / 390));
}

.main_container .product_name_detail {
  font-size: calc(13 * (100vw / 390));
}

.main_container .btn_group_ttl {
  color: #DD9996;
  font-size: calc(14 * (100vw / 390));
  text-align: center;
  letter-spacing: 0.1em;
  margin-bottom: calc(7 * (100vw / 390));
  font-weight: 300;
}


/* クレジット */
.main_container .credit_wrapper {
  margin-bottom: calc(19 * (100vw / 390));
}

.main_container .credit_link {
  color: #5A5A5A;
  font-size: calc(12 * (100vw / 390));
  text-decoration: underline;
  text-align: center;
  line-height: 2;
}

.main_container .buy_icon {
  width: calc(16.59 * (100vw / 390));
}

/* ボタン */
.main_container .btn_group {
  display: flex;
  width: calc(360 * (100vw / 390));
  margin-left: auto;
  margin-right: auto;
  justify-content: space-between;
  margin-bottom: calc(48 * (100vw / 390));
}

.main_container .btn_detail {
  width: calc(115 * (100vw / 390));
  color: #DD9996;
  background-color: #F7F5F5;
  border: 1px solid #E1B4B2;
  display: flex;
  justify-content: space-around;
  border-radius: calc(5 * (100vw / 390));
}

.main_container .btn_detail a {
  padding-top: calc(7 * (100vw / 390));
  padding-bottom: calc(4 * (100vw / 390));
}

.main_container .btn_icon_group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(84 * (100vw / 390));
  margin-left: auto;
  margin-right: auto;
}

.main_container .name_detail {
  color: #DD9996;
  font-size: calc(11 * (100vw / 390));
  letter-spacing: 0;
  text-align: center;
}


.main_container .but_btn {
  letter-spacing: 0.09em;
  color: #DD9996;
}

.main_container .point_group {
  color: #EBC4C3;
}

.main_container .point_text {
  text-align: center;
  margin-bottom: calc(15 * (100vw / 390));
}

.main_container .haqura_Area {
  padding-bottom: calc(34 * (100vw / 390));
  margin-bottom: calc(65 * (100vw / 390));
}

.main_container .natura_img {
  width: calc(188 * (100vw / 390));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(12 * (100vw / 390));
}

.main_container .natura_AreaTxt {
  text-align: center;
}

.main_container .natura_Area_FV {
  margin-bottom: calc(43 * (100vw / 390));
}



/* product__container01__ */
.main_container .product_detail_container {
  background-color: #F8F0F0;
  padding-top: calc(48 * (100vw / 390));
  padding-bottom: calc(30 * (100vw / 390));
}

.main_container .product_detail_title {
  font-size: calc(38 * (100vw / 390));
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1.3;
}

.main_container .product_detail_lead {
  font-size: calc(15 * (100vw / 390));
  text-align: center;
  font-weight: 600;
  color: #E1B4B2;
  margin-bottom: calc(32 * (100vw / 390));

}

.main_container .container01_lead {
  text-align: center;
  font-size: calc(25 * (100vw / 390));
  line-height: 1.6;
  margin-bottom: calc(57 * (100vw / 390));
}

.main_container .container_area {
  background-color: rgba(252, 252, 252, 0.9);
  width: calc(360 * (100vw / 390));
  margin-left: auto;
  margin-right: auto;
  padding-top: calc(45 * (100vw / 390));
}

.main_container .popup_btn {
  width: 100%;
  height: 700px;
  position: absolute;
  top: 0;
  z-index: 50;
}

/* ---popup--- */
.mfp-wrap {
  top: 0 !important;
  position: fixed !important;
  overflow: scroll;
  z-index: 999;
  left: 0;
  right: 0;
  bottom: 0;
}

.mfp-wrap {
  height: 100vh !important;
}

.mfp-container {
  overflow: hidden;
  height: calc(830 * (100vw / 375));
}

#header.scroll {
  z-index: 998;
}

.popup_bg {
  width: 100vw;
  z-index: 5;
  position: relative;
}

.popup-box {
  display: none;
}

.mfp-container .popup-box {
  display: block;
}

.popup_bg img {
  width: 100%;
}

.mfp-close {
  width: calc(30 * (100vw / 390));
  height: calc(30 * (100vw / 390));
  top: calc(-1030 * (100vw / 390));
  right: calc(-350 * (100vw / 390));
  position: relative;
  z-index: 999;
  border-radius: 50%;
  color: #DD9996;
  border: solid 1px #DD9996;
  background-color: #F8F5F5;
}

.mfp-helper {
  overflow: hidden;
}

.popup_text {
  position: relative;
  width: calc(154 * (100vw / 390));
  height: calc(30 * (100vw / 390));
  border: solid 1px #DD9996;
  background-color: #F8F5F5;
  z-index: 999;
  top: calc(-757 * (100vw / 390));
  left: calc(40 * (100vw / 390));
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup_link {
  font-size: calc(12 * (100vw / 390));
  color: #DD9996;
}

.haqura_02 {
  top: calc(-745 * (100vw / 390));
  left: calc(40 * (100vw / 390));
}

.check_01 .popup_link {
  font-size: calc(10 * (100vw / 390));
}

.check_btn {
  width: calc(105 * (100vw / 390));
  height: calc(18 * (100vw / 390));
}

.check_01 {
  top: calc(-770 * (100vw / 390));
  left: calc(250 * (100vw / 390));
}

.check_02 {
  top: calc(-706 * (100vw / 390));
  left: calc(147 * (100vw / 390));
}

.check_03 {
  top: calc(-640 * (100vw / 390));
  left: calc(35 * (100vw / 390));
}

.natura_01 {
  top: calc(-323 * (100vw / 390));
  left: calc(195 * (100vw / 390));
}

.natura_02 {
  top: calc(-311 * (100vw / 390));
  left: calc(195 * (100vw / 390));
}

.check_04 {
  top: calc(-616 * (100vw / 390));
  left: calc(251 * (100vw / 390));
}

.check_05 {
  top: calc(-538 * (100vw / 390));
  left: calc(148 * (100vw / 390));
}

.check_06 {
  top: calc(-485 * (100vw / 390));
  left: calc(35 * (100vw / 390));
}


/* ---popup--- */

.main_container .productArea {
  position: relative;
  padding-bottom: calc(57 * (100vw / 390));
  margin-bottom: calc(48 * (100vw / 390));
  z-index: 2;
}

.main_container .productArea::before {
  position: absolute;
  content: "";
  background-size: contain;
  background-image: url(../img/container_line.svg);
  width: calc(324 * (100vw / 390));
  height: 1px;
  bottom: calc(1 * (100vw / 390));
  left: calc(18 * (100vw / 390));
}

.main_container .haqura_overview {
  margin-bottom: calc(71 * (100vw / 390));
  position: relative;
}

.main_container .haqura_overview::before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/product_arrow_sp.png);
  width: calc(340 * (100vw / 390));
  height: calc(307 * (100vw / 390));
  top: calc(204 * (100vw / 390));
  left: calc(11 * (100vw / 390));
}


.main_container .haqura_overview_text {
  text-align: center;
  font-size: calc(12 * (100vw / 390));
  position: absolute;
  right: calc(12 * (100vw / 390));
  top: calc(27 * (100vw / 390));
  z-index: 1;
}

.main_container .haqura_overview_text::before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/pink.png);
  width: calc(128 * (100vw / 390));
  height: calc(128 * (100vw / 390));
  top: calc(-41 * (100vw / 390));
  left: calc(-1 * (100vw / 390));
  z-index: -1;
}


.main_container .haqura_overview_img {
  width: calc(137 * (100vw / 390));
  position: relative;
  left: calc(29 * (100vw / 390));
  z-index: 10;
}

.main_container .haqura_overview_img::before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/pop_btn.svg);
  width: calc(26 * (100vw / 390));
  height: calc(26 * (100vw / 390));
  top: calc(127 * (100vw / 390));
  left: calc(116 * (100vw / 390));
}

.main_container .haqura_product_detail_img {
  width: calc(97 * (100vw / 390));
}

.main_container .haqura_txt,
.main_container .natura_txt {
  text-align: center;
  font-size: calc(10 * (100vw / 390));
}

.main_container .haqura_product_detail_imgArea {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
  position: relative;
}



.main_container .product_img_group {
  width: calc(93 * (100vw / 390));
  text-align: center;
}

.main_container .haqura_003H {
  position: relative;
  top: calc(-58 * (100vw / 390));
  left: calc(11 * (100vw / 390));
}

.main_container .haqura_003H .haqura_color_group {
  position: relative;
  left: calc(7 * (100vw / 390));
  top: calc(10 * (100vw / 390));
}

.main_container .haqura_005H {
  position: relative;
  top: calc(26 * (100vw / 390));
  left: calc(-2 * (100vw / 390));
}

.main_container .haqura_005H .haqura_color_group {
  position: relative;
  left: calc(10 * (100vw / 390));
  top: calc(13 * (100vw / 390));
}

.main_container .haqura_007H {
  position: relative;
  top: calc(111 * (100vw / 390));
  left: calc(-13 * (100vw / 390));
}

.main_container .haqura_007H .haqura_color_group {
  position: relative;
  left: calc(2 * (100vw / 390));
  top: calc(13 * (100vw / 390));
}


.main_container .product_detail_container .color_img {
  width: calc(25 * (100vw / 390));
  margin-bottom: calc(3 * (100vw / 390));
}

.main_container .natura_overview {
  position: relative;

}

.main_container .natura_product_detail_img {
  width: calc(97 * (100vw / 390));
}

.main_container .natura_product_detail_imgArea {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

.main_container .natura_003N {
  position: relative;
  top: calc(-58 * (100vw / 390));
  left: calc(9 * (100vw / 390));
}

.main_container .natura_003N .natura_product_detail_img {
  position: relative;
  top: calc(8 * (100vw / 390));
  left: calc(0 * (100vw / 390));
}

.main_container .natura_005N {
  position: relative;
  top: calc(29 * (100vw / 390));
  left: calc(-2 * (100vw / 390));
}

.main_container .natura_005N .natura_product_detail_img {
  position: relative;
  top: calc(1 * (100vw / 390));
  left: calc(0 * (100vw / 390));
}

.main_container .natura_007N {
  position: relative;
  top: calc(113 * (100vw / 390));
  left: calc(-19 * (100vw / 390));
}

.main_container .natura_007N .natura_product_detail_img {
  position: relative;
  top: calc(8 * (100vw / 390));
  left: calc(5 * (100vw / 390));
}

.main_container .natura_overview_img {
  width: calc(137 * (100vw / 390));
  position: relative;
  left: calc(192 * (100vw / 390));
  margin-top: calc(56 * (100vw / 390));
  z-index: 10;
}

.main_container .natura_overview_img::before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/pop_btn.svg);
  width: calc(26 * (100vw / 390));
  height: calc(26 * (100vw / 390));
  top: calc(126 * (100vw / 390));
  left: calc(115 * (100vw / 390));
}


.main_container .natura_overview_text {
  text-align: center;
  font-size: calc(12 * (100vw / 390));
  position: absolute;
  right: calc(222 * (100vw / 390));
  top: calc(266 * (100vw / 390));
  z-index: 0;
}

.main_container .natura_overview_text::before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/yellow.png);
  width: calc(130 * (100vw / 390));
  height: calc(130 * (100vw / 390));
  top: calc(-51 * (100vw / 390));
  left: calc(-2 * (100vw / 390));
  z-index: -1;
}

/* product__container02__ */

.main_container .container02_lead {
  font-size: calc(25 * (100vw / 390));
  text-align: center;
  line-height: 1.6;
  margin-bottom: calc(24 * (100vw / 390));
}

.main_container .container02_text01,
.main_container .container02_text02 {
  text-align: center;
  font-size: calc(14 * (100vw / 390));
  /* width: calc(325 * (100vw / 390)); */
  margin-left: auto;
  margin-right: auto;
  letter-spacing: 0.10em;
  line-height: 2;
}

.main_container .container02_text01 {
  margin-bottom: calc(25 * (100vw / 390));
}

.main_container .container02_text02 {
  line-height: 2.06;
  margin-bottom: calc(36 * (100vw / 390));
}

.main_container .product_overview_img_01 {
  width: calc(165 * (100vw / 390));
  margin-bottom: calc(23 * (100vw / 390));
}

.main_container .product_overview_img_02 {
  width: calc(166 * (100vw / 390));
}

.main_container .product_overview_img_03 {
  width: calc(166 * (100vw / 390));
}

.main_container .product_overview_img_04 {
  width: calc(165 * (100vw / 390));
}

.main_container .product_overview_lead {
  text-align: center;
  color: #CE9E9C;
  font-size: calc(12 * (100vw / 390));
  font-weight: 600;
  margin-top: calc(12 * (100vw / 390));
}

.main_container .container02_imgArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin-bottom: calc(40 * (100vw / 390));

}

/* container02_iconArea */
.main_container .icon_lead {
  font-weight: 600;
  color: #CE9E9C;
  font-size: calc(11 * (100vw / 390));
  text-align: center;
  margin-top: calc(12 * (100vw / 390));
  line-height: 1.54;
}

.main_container .icon_text {
  color: #CE9E9C;
  font-size: calc(11 * (100vw / 390));
  text-align: left;
}

.main_container .container02_iconArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.main_container .icon_img_group {
  width: calc(110 * (100vw / 390));
  margin-bottom: calc(37 * (100vw / 390));
}

.main_container .icon_img_01 {
  position: relative;
  width: calc(41.26 * (100vw / 390));
  left: calc(39 * (100vw / 390));
  top: calc(4 * (100vw / 390));
}

.main_container .icon_img_01_group .icon_lead {
  margin-top: calc(18 * (100vw / 390));
  margin-left: calc(13 * (100vw / 390));
}

.main_container .icon_img_02 {
  position: relative;
  width: calc(23.3 * (100vw / 390));
  left: calc(43 * (100vw / 390));
  top: calc(11 * (100vw / 390));
}

.main_container .icon_img_02_group .icon_lead {
  margin-top: calc(31 * (100vw / 390));
}

.main_container .icon_img_02_group .icon_text {
  margin-top: calc(2 * (100vw / 390));
}



.main_container .icon_img_03 {
  position: relative;
  width: calc(44.2 * (100vw / 390));
  left: calc(28 * (100vw / 390));
  top: calc(3 * (100vw / 390));
}

.main_container .icon_img_03_group .icon_lead {
  margin-top: calc(14 * (100vw / 390));
}


.main_container .icon_img_04 {
  width: calc(28.85 * (100vw / 390));
  position: relative;
  left: calc(45 * (100vw / 390));
  top: calc(5 * (100vw / 390));
}

.main_container .icon_img_04_group .icon_lead {
  margin-top: calc(27 * (100vw / 390));
}

.main_container .icon_img_05 {
  width: calc(35.66 * (100vw / 390));
  position: relative;
  left: calc(37 * (100vw / 390));
  top: calc(0 * (100vw / 390));
}

.main_container .icon_img_05_group .icon_lead {
  margin-top: calc(18 * (100vw / 390));
}

.main_container .icon_img_06 {
  width: calc(55.32 * (100vw / 390));
  position: relative;
  left: calc(21 * (100vw / 390));
  top: calc(4 * (100vw / 390));
}

.main_container .icon_img_06_group .icon_lead {
  margin-top: calc(26 * (100vw / 390));
}

.main_container .icon_img_06_group .icon_text {
  text-align: center;
}



.main_container .icon_img_07 {
  width: calc(55.91 * (100vw / 390));
  position: relative;
  left: calc(30 * (100vw / 390));
  top: calc(0 * (100vw / 390));
}

.main_container .icon_img_07_group .icon_lead {
  margin-top: calc(24 * (100vw / 390));
}

.main_container .icon_img_08 {
  width: calc(58.15 * (100vw / 390));
  position: relative;
  left: calc(30 * (100vw / 390));
  top: calc(-7 * (100vw / 390));
}

.main_container .icon_img_08_group .icon_lead {
  margin-top: calc(13 * (100vw / 390));
}

.main_container .icon_img_09 {
  width: calc(43.79 * (100vw / 390));
  position: relative;
  left: calc(30 * (100vw / 390));
  top: calc(-1 * (100vw / 390));
}

.main_container .icon_img_09_group .icon_lead {
  margin-top: calc(22 * (100vw / 390));
}

.main_container .container_02 {
  position: relative;
  padding-bottom: calc(21 * (100vw / 390));
  margin-bottom: calc(28 * (100vw / 390));
}

.main_container .container_02::before {
  position: absolute;
  content: "";
  background-size: contain;
  background-image: url(../img/container_line.svg);
  width: calc(324 * (100vw / 390));
  height: 1px;
  bottom: calc(1 * (100vw / 390));
  left: calc(18 * (100vw / 390));
}

/* container_03 */
.main_container .container_03_textArea {
  position: relative;
  z-index: 2;
}

.main_container .new_bg {
  position: relative;
  font-size: calc(14 * (100vw / 390));
  z-index: 2;
  top: calc(4 * (100vw / 390));
  left: calc(34 * (100vw / 390));
}

.main_container .new_bg::before {
  position: absolute;
  content: "";
  background-size: contain;
  background-image: url(../img/new_bg.png);
  width: calc(69 * (100vw / 390));
  height: calc(66 * (100vw / 390));
  top: calc(-23 * (100vw / 390));
  left: calc(-13 * (100vw / 390));
  z-index: -1;
}

.main_container .container_03_title {
  position: relative;
  text-align: center;
  font-size: calc(25 * (100vw / 390));
  z-index: 2;
  line-height: 1.6;
  margin-bottom: calc(26 * (100vw / 390));
}

.main_container .container_03_img {
  width: calc(339 * (100vw / 390));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(28 * (100vw / 390));
}

.main_container .container_03_lead {
  font-size: calc(18 * (100vw / 390));
  text-align: center;
  margin-bottom: calc(13 * (100vw / 390));
}

.main_container .container_03_text {
  font-size: calc(13 * (100vw / 390));
  text-align: center;
  line-height: 2.15;
}

.main_container .container_03 {
  padding-bottom: calc(58 * (100vw / 390));
}


.main_container .novelty_imgAreaWrap {
  width: calc(294 * (100vw / 390));
  margin-left: auto;
  margin-right: auto;
}

.main_container .sec_brand {
  margin-inline: auto;
  padding-block: calc(48 * (100vw / 390));
  width: calc(320 * (100vw / 390));
}

.main_container .sec_brand .brand_img {
  box-shadow: 2px 2px 12px rgb(70 70 70 / 9%);
}

/* guidance_banner */
.guidance_banner {
  width: 100vw;
  background: #c78e8c;
}

.guidance_banner .banner_text {
  padding-block: calc(18 * (100vw / 390));
  color: #fff;
  font-size: calc(13 * (100vw / 390));
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.8;
  text-align: center;
}

/* guidance */
.guidance {
  margin-top: calc(65 * (100vw / 390));
  margin-left: auto;
  margin-right: auto;
  padding-block: calc(45 * (100vw / 390));
  padding-inline: calc(15 * (100vw / 390));
  background: #ffdcda30;
}

.guidance .guidance_title {
  margin-bottom: calc(20 * (100vw / 390));
  color: #CE9E9C;
  font-family: 'Shippori Mincho', serif;
  font-weight: 600;
  font-style: normal;
  font-size: calc(22 * (100vw / 390));
  letter-spacing: 0;
  line-height: 1.6;
}

.guidance .guidance_lead {
  margin-bottom: calc(30 * (100vw / 390));
  font-size: calc(14 * (100vw / 390));
  line-height: 2;
  letter-spacing: 0;
  text-align: center;
}

.guidance .guidance_text {
  margin-bottom: calc(10 * (100vw / 390));
  padding-inline: calc(2 * (100vw / 390));
  font-size: calc(13 * (100vw / 390));
  line-height: 1.8;
  letter-spacing: 0.02em;
}

.guidance .store_list {
  margin-bottom: calc(16 * (100vw / 390));
  column-count: 2;
  column-gap: 10px;
}

.guidance .store {
  font-size: calc(10 * (100vw / 390));
  color: #898989;
  letter-spacing: -0.02em;
  line-height: 1.8;
}

/*================ sp ================*/
/*================ pc ================*/


@media only screen and (min-width: 768px) {
  .pc_ol {
    display: block;
  }

  .sp_ol {
    display: none;
  }

  .main_container {
    margin-left: auto;
    margin-right: auto;
  }

  .main_container .mainvisual_img {
    width: 140rem;
    margin-left: auto;
    margin-right: auto;

  }

  /* 追従背景 */
  .main_container .fixed-background::before {
    position: fixed;
    content: "";
    background-position: center;
    background-image: url(../img/bg_pc.png);
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
  }

  /* 追従背景 */

  .main_container a:hover {
    opacity: .6;
  }


  .main_container .mv_ttl {
    font-size: 2.3rem;
  }

  .main_container .ttl_pnk {
    font-size: 2.2rem;
  }


  .main_container .menu_product_img {
    width: 60.3rem;
  }

  .main_container .mv_contentsArea {
    padding-top: 6rem;
    padding-bottom: 9.3rem;
    margin-bottom: 7.5rem;
  }

  .main_container .mv_contentsArea::before {
    position: absolute;
    content: "";
    background-position: center;
    background-size: contain;
    background-image: url(../img/mv_bg_pc.png);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
  }


  .main_container .mv_ttlArea {
    margin-top: 2rem;
    padding-top: 4.2rem;
  }

  .main_container .mv_ttlArea::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-image: url(../img/mv_ttl_pc.svg);
    width: 66.5rem;
    height: 4.06rem;
    top: 0;
    left: 0;
  }


  .main_container .mv_lead {
    font-size: 2.4rem;
    margin-bottom: 3.7rem;

  }

  .main_container .mv_text {
    font-size: 1.4rem;
    line-height: 2.57;
  }

  .main_container .mv_text02 {
    margin-top: 1.4rem;
  }


  /* 追従メニュ */
  .main_container .menu_img_box_sp {
    display: none;
  }

  .main_container .menu_img {
    display: flex;
    width: 60.2rem;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-left: auto;
    position: fixed;
    z-index: 900;
    right: 0;
    bottom: 5rem;
  }

  .main_container .menu_img_NA {
    width: 29.5rem;
  }

  .main_container .menu_img_HA {
    width: 29.5rem;
  }

  /* 追従メニュ */


  .main_container .product_container_lead {
    font-size: 2.6rem;
    padding-top: 2rem;
    padding-bottom: 1rem;
  }

  .main_container .dating {
    font-size: 4.4rem;
  }

  /* haqura */
  .main_container .haqura_Area {
    padding-top: 6.8rem;
  }

  .main_container .haqura_Area_FV {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    column-gap: 3rem;
  }

  .main_container .haqura_img {
    width: 14.6rem;
  }

  .main_container .haqura_AreaTxt {
    font-size: 1.4rem;
    text-align: left;
  }

  /* flex */
  .main_container .product_group {
    display: flex;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    column-gap: 3rem;
  }

  .main_container .product_img {
    width: 45.6rem;
  }

  /* 色 */
  .main_container .color_container {
    width: fit-content;
    display: flex;
    column-gap: 2rem;
    margin-left: 0;
    margin-right: auto;
  }

  .main_container .product_img_003N,
  .main_container .product_img_005N,
  .main_container .product_img_007N,
  .main_container .product_img_003H,
  .main_container .product_img_005H,
  .main_container .product_img_007H {
    display: flex;
    align-items: center;
    column-gap: 1rem;
  }

  .main_container .product_img_005H {
    left: 0;
  }

  .main_container .product_img_007H {
    left: 0;
  }

  .main_container .color_img {
    width: 2.5rem;
    margin-left: 0;
    margin-right: auto;
  }

  .main_container .color_name {
    font-size: 1.1rem;
    text-align: left;
  }

  /* 色 */

  .main_container .credit_group {
    margin-top: 6.6rem;
  }

  .main_container .product_name {
    font-size: 1.6rem;
    text-align: left;
  }

  .main_container .product_name_detail {
    font-size: 1.3rem;
  }


  .main_container .credit_link {
    font-size: 1.2rem;
    text-align: left;
  }

  /* btn_group */

  .main_container .btn_detail {
    width: 11rem;
    color: #DD9996;
    background-color: #F7F5F5;
    border: 1px solid #E1B4B2;
    display: flex;
    justify-content: space-around;
    border-radius: 0.4rem;
    padding-top: 0.7rem;
    padding-bottom: 0.3rem;
  }


  .main_container .btn_group_ttl {
    font-size: 1.3rem;
    color: #DD9996;
    font-weight: 300;
  }

  .main_container .btn_group {
    width: 34.6rem;
    display: flex;
    justify-content: space-between;
  }

  .main_container .name_detail {
    font-size: 1.1rem;
    text-align: center;
  }

  .main_container .btn_icon_group {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: calc(90 * (100vw / 390));
    margin-left: auto;
    margin-right: auto;
  }

  .main_container .but_btn {
    font-size: 1.5rem;
    color: #DD9996;

  }

  .main_container .buy_icon {
    width: 1.7rem;
  }

  /* btn_group */
  /* point_group */

  .main_container .point_text {
    color: #EBC4C3;
    font-size: 1.2rem;
  }




  /* product__container01__ */
  .main_container .product_detail_container {
    padding-top: 6.5rem;
    padding-bottom: 8rem;
  }


  .main_container .product_detail_title {
    font-size: 4rem;
    margin-bottom: -0.4rem;
  }

  .main_container .product_detail_lead {
    font-size: 1.5rem;
    margin-bottom: 3.8rem;
  }

  .main_container .container_area {
    width: 100rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5.1rem;
  }

  .main_container .container01_lead {
    font-size: 2.5rem;
    margin-bottom: 7.1rem;
  }

  .main_container .productArea {
    display: flex;
    padding-bottom: 8rem;
    margin-bottom: 5rem;
  }

  .main_container .productArea::before {
    background-size: contain;
    background-image: url(../img/container_line.svg);
    width: 84rem;
    height: 1px;
    bottom: 0;
    left: calc(18 * (100vw / 390));
  }

  .main_container .haqura_overview_img,
  .main_container .natura_overview_img {
    width: 19.7rem;
  }

  .main_container .natura_overview_img::before,
  .main_container .haqura_overview_img::before {
    display: none;
  }

  .main_container .natura_overview_img .hover_img_top,
  .main_container .haqura_overview_img .hover_img_top {
    opacity: 1;
  }

  .main_container .natura_overview_img:hover .hover_img_top,
  .main_container .haqura_overview_img:hover .hover_img_top {
    opacity: 0.45;
  }

  .main_container .natura_product_detail_img:hover>img,
  .main_container .haqura_product_detail_img:hover>img {
    opacity: .6;
  }

  .main_container .natura_product_detail_img:hover .hover_img,
  .main_container .haqura_product_detail_img:hover .hover_img {
    animation: scale .45s ease-in-out .1s forwards;
  }

  @keyframes scale {
    to {
      transform: scale(1);
      opacity: 1;
    }
  }

  .main_container .natura_product_detail_img .hover_img,
  .main_container .haqura_product_detail_img .hover_img {
    transform: scale(.85);
  }

  .main_container .hover_img {
    position: absolute;
    opacity: 0;
    width: 13.9rem;
    height: 10.2rem;
    top: 0;
  }

  .main_container .natura_overview_img .hover_img,
  .main_container .natura_overview_img .hover_img_top,
  .main_container .haqura_overview_img .hover_img,
  .main_container .haqura_overview_img .hover_img_top,
  .main_container .natura_product_detail_img>img,
  .main_container .haqura_product_detail_img>img {
    transition: opacity 0.6s ease-in-out;
  }

  .main_container .natura_overview_img:hover .hover_img,
  .main_container .haqura_overview_img:hover .hover_img {
    opacity: 1;
  }


  .main_container .hover_01 {
    position: relative;
    width: 14.7rem;
    height: 3rem;
    top: 11rem;
    left: 2.5rem;
  }

  .main_container .hover_02 {
    position: relative;
    width: 14.7rem;
    height: 3rem;
    top: 12rem;
    left: 2.5rem;
  }

  .main_container .haqura_003H .hover_03 {
    width: 8.8rem;
    left: 2.5rem;
    top: 4.3rem;
    position: absolute;
  }

  .main_container .haqura_005H .hover_03 {
    width: 8.8rem;
    left: 2.5rem;
    top: 4.3rem;
    position: absolute;
  }

  .main_container .haqura_007H .hover_03 {
    width: 8.8rem;
    left: 2.5rem;
    top: 4.3rem;
    position: absolute;
  }




  .main_container .natura_003N .hover_03 {
    width: 8.8rem;
    left: 2.5rem;
    top: 4.3rem;
    position: absolute;
  }

  .main_container .natura_005N .hover_03 {
    width: 8.8rem;
    left: 2.5rem;
    top: 4.3rem;
    position: absolute;
  }

  .main_container .natura_007N .hover_03 {
    width: 8.8rem;
    left: 2.5rem;
    top: 4.3rem;
    position: absolute;
  }


  .main_container .haqura_product_detail_img,
  .main_container .natura_product_detail_img {
    width: 13.9rem;
  }

  .main_container .haqura_overview {
    display: flex;
    margin-bottom: 0;
  }

  .main_container .haqura_overview::before {
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/product_arrow_pc.svg);
    width: 16.6rem;
    height: 40.1rem;
    top: 0rem;
    left: 42.5rem;
  }

  .main_container .haqura_overview_img {
    left: 7.7rem;
  }

  .main_container .haqura_overview_text {
    font-size: 1.4rem;
    right: 23rem;
    top: 32rem;
  }

  .main_container .haqura_overview_text::before {
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/pink.png);
    width: 14.5rem;
    height: 14.5rem;
    top: -5rem;
    left: 0;
    z-index: -1;
  }

  .main_container .haqura_product_detail_imgArea {
    display: flex;
    flex-wrap: wrap;
  }


  .main_container .haqura_003H {
    top: 0;
    left: 1.3rem;
  }

  .main_container .haqura_003H .haqura_color_group {
    top: 3.1rem;
    left: 2.2rem;
  }

  .main_container .product_img_group {
    width: fit-content;
    height: fit-content;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .main_container .haqura_005H {
    top: 0;
    left: -0.5rem;
    margin-top: -2.4rem;
  }

  .main_container .haqura_005H .haqura_color_group {
    top: 3rem;
    left: 0.9rem;
  }

  .main_container .haqura_007H {
    top: -2.2rem;
    left: -6rem;
  }

  .main_container .haqura_007H .haqura_color_group {
    top: 3.1rem;
    left: 1.5rem;
  }

  .main_container .product_detail_container .color_img {
    width: 2.5rem;
    margin-bottom: 0.2rem;
  }

  .main_container .haqura_txt,
  .main_container .natura_txt {
    font-size: 0.9rem;
    letter-spacing: -0.08em;
  }

  .main_container .natura_overview {
    display: flex;
    align-items: flex-start;
  }

  .main_container .natura_product_detail_imgArea {
    flex-wrap: wrap;
    top: 6rem;
  }

  .main_container .natura_color_group {
    position: relative;
  }

  .main_container .natura_003N {
    top: 0;
    left: -5.4rem;
  }

  .main_container .natura_003N .natura_product_detail_img {
    top: 0;
    left: 0;
  }

  .main_container .natura_003N .natura_color_group {
    top: 3rem;
    left: -2.2rem;
  }


  .main_container .natura_005N {
    margin-top: 1.6rem;
    top: 0;
    left: -9.8rem;
  }

  .main_container .natura_005N .natura_product_detail_img {
    top: 0;
    left: 0;
  }

  .main_container .natura_005N .natura_color_group {
    top: 3.3rem;
    left: -0.7rem;
  }

  .main_container .natura_007N {
    left: -14.2rem;
    top: 0;
    margin-top: 2rem;
  }

  .main_container .natura_007N .natura_product_detail_img {
    top: 0;
    left: 0;
  }

  .main_container .natura_007N .natura_color_group {
    top: 3rem;
    left: -1.2rem;
  }

  .main_container .natura_overview_img {
    left: -7.6rem;
    top: -4.3rem;
    top: 0;
    margin-top: 18.7rem;
  }

  .main_container .natura_overview_img::before {
    display: none;
  }

  .main_container .natura_overview_text {
    font-size: 1.4rem;
    right: 12.5rem;
    top: 1.4rem;
  }

  .main_container .natura_overview_text::before {
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/yellow.png);
    width: 14.5rem;
    height: 14.5rem;
    top: -5rem;
    left: 0;
    z-index: -1;
  }

  .main_container .popup_btn {
    display: none;
  }

  .main_container .container_03_title .new_bg {
    display: inline-block;
    top: -0.5rem;
    left: -1.8rem;
  }

  .main_container .container02_lead {
    font-size: 2.5rem;
    margin-bottom: 2.6rem;
  }

  .main_container .container02_text01,
  .main_container .container02_text02 {
    font-size: 1.4rem;
    width: auto;
    margin-bottom: 1rem;
  }

  .main_container .container02_imgArea {
    width: 88rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4.5rem;
  }

  .main_container .container02_text02 {
    margin-bottom: 5rem;
  }

  .main_container .product_overview_img_01 {
    width: 21.4rem;
    margin-bottom: 0;
  }

  .main_container .product_overview_img_02 {
    width: 21.4rem;
  }

  .main_container .product_overview_img_03 {
    width: 21.4rem;
  }

  .main_container .product_overview_img_04 {
    width: 21.4rem;
  }

  .main_container .product_overview_lead {
    font-size: 1.4rem;
    margin-top: 1.7rem;
  }

  /* アイコン */
  .main_container .icon_img_group {
    width: 15rem;
    margin-bottom: 3rem;
  }

  .main_container .icon_lead {
    font-size: 1.2rem;
  }

  .main_container .icon_text {
    font-size: 1.1rem;
  }

  .main_container .container02_iconArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    width: 84rem;
    margin-left: 9rem;
    margin-right: auto;
    column-gap: 1.9rem;
  }

  .main_container .icon_img_01 {
    width: 5.867rem;
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .main_container .icon_img_01_group .icon_lead {
    margin-top: 1.8rem;
    margin-left: 0;
  }


  .main_container .icon_img_02 {
    width: 3.31rem;
    left: 0;
    top: 1rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .main_container .icon_img_02_group .icon_lead {
    margin-top: 3.8rem;
  }

  .main_container .icon_img_02_group .icon_text {
    margin-left: 1rem;
    margin-top: 0.5rem;
  }

  .main_container .icon_img_03 {
    width: 6.28rem;
    left: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .main_container .icon_img_03_group .icon_lead {
    margin-top: 1.6rem;
  }

  .main_container .icon_img_04 {
    width: 4.1rem;
    left: 0;
    top: 1.3rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .main_container .icon_img_04_group .icon_lead {
    margin-top: 4rem;
  }

  .main_container .icon_img_05 {
    width: 5rem;
    left: 0;
    top: 0.6rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .main_container .icon_img_05_group .icon_lead {
    margin-top: 3rem;
  }

  .main_container .icon_img_06 {
    width: 7.8rem;
    left: 0;
    top: 3rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .main_container .icon_img_06_group .icon_lead {
    margin-top: 6rem;
  }

  .main_container .icon_img_07 {
    width: 8rem;
    left: 0;
    top: 3.5rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .main_container .icon_img_07_group .icon_lead {
    margin-top: 7rem;
  }

  .main_container .icon_img_08 {
    width: 8.2rem;
    left: 0;
    top: 2.7rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .main_container .icon_img_08_group .icon_lead {
    margin-top: 5rem;
  }

  .main_container .icon_img_09 {
    width: 6.2rem;
    left: 0;
    top: 3.4rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .main_container .icon_img_09_group .icon_lead {
    margin-top: 6.5rem;
  }

  .main_container .container_02 {
    margin-bottom: 5rem;
    padding-bottom: 3rem;
  }

  .main_container .container_02::before {
    background-size: contain;
    background-image: url(../img/container_line.svg);
    width: 84rem;
    height: 1px;
    bottom: 0;
    left: calc(18 * (100vw / 390));
  }

  .main_container .container_03_title {
    font-size: 2.5rem;
    margin-bottom: 0.6rem;
    position: relative;
    left: 2rem;
  }

  .main_container .new_bg {
    font-size: 1.5rem;
  }

  .main_container .new_bg::before {
    background-size: contain;
    background-image: url(../img/new_bg.png);
    width: 6.9rem;
    height: 6.6rem;
    top: -2rem;
    left: -1rem;
    z-index: -1;
  }

  .main_container .container_03_img {
    width: 98rem;
    margin-bottom: 0;
  }

  .main_container .container_03_lead {
    font-size: 1.8rem;
    margin-bottom: 1.2rem;
  }

  .main_container .container_03_text {
    font-size: 1.3rem;
  }

  .main_container .container_03 {
    padding-bottom: 6.3rem;
  }


  .main_container .sec_brand {
    padding: 6.5rem 0;
    text-align: center;
    width: 48rem;
  }

    /* guidance_banner */
  .guidance_banner .banner_text {
    padding-block: 1.4rem;
    font-size: 1.45rem;
  }

  /* guidance */
  .guidance {
    margin-top: 9rem;
    margin-inline: auto;
    padding-block: 6.5rem;
    padding-inline: 8rem;
    width: 100rem;
  }

  .guidance .guidance_title {
    margin-bottom: 2.8rem;
    padding-inline: 4rem;
    font-size: 2.6rem;
  }

  .guidance .guidance_lead {
    margin-bottom: 3rem;
    font-size: 1.5rem;
    line-height: 2;
    letter-spacing: 0;
    text-align: center;
  }

  .guidance .guidance_text {
    margin-bottom: 1rem;
    padding-inline: 0;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    line-height: 2;
  }

  .guidance .store_list {
    margin-bottom: 2rem;
    column-count: 3;
    column-gap: 0;
  }

  .guidance .store {
    font-size: 1.2rem;
    line-height: 2;
  }

}

/*================ pc ================*/



/*---------------------------------------------Smart phone*/

/*pcのみ--------------------------------------------------*/
@media screen and (min-width:768px) {
  .only_sp {
    display: none;
  }
}

/*--------------------------------------------------pcのみ*/

/*レスポンシブ＆タブレット対応-------------------------------*/
@media screen and (max-width: 1100px) {
  html {
    font-size: calc(10 * (100vw / 1100));
  }
}

/*-------------------------------レスポンシブ＆タブレット対応*/






/*------------------------------ 平賀さん対応css */
/* ===================
　　　　MV AREA
=================== */

.main_container .mv_ttlArea::before {}

.main_container .ttl_pnk {
  border-bottom: 2px solid #C78E8B;
}

/* ===================
　ビオールオーガニクスとは
=================== */

.main_container .mv_lead {}

/* ===================
　　　　PRODUCT
=================== */

.product_container {}

/*
.main_container .product_container_lead::before,
.main_container .product_container_lead::after {
  height: 2px;
}*/

.main_container .haqura_AreaTxt {
  line-height: 2;
}

.point_group {
  position: relative;
  z-index: 0;
  background: #fff;
  font-weight: bold;
  color: #EBC4C3;
}

.point_group::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}


.main_container .btn_detail a {
  display: block;
  transition: all .6s ease-in-out;
  width: 100%;
}

.main_container .btn_detail a:hover {
  opacity: 1;
  background-color: #E1B4B2;
}

.main_container .btn_detail a:hover * {
  color: #fff !important;
}

.main_container .btn_detail .but_btn {
  background: url(../img/buy_icon.svg) no-repeat center right;
  background-size: 1.6rem;
}

.main_container .btn_detail a .but_btn,
.main_container .btn_detail a * {
  transition: all .6s ease-in-out;
}

.main_container .btn_detail a:hover .but_btn {
  background-image: url(../img/buy_icon_hover.svg);
}

.main_container .haqura_Area_FV,
.main_container .natura_Area_FV {
  background: #fff;
  color: #898989;
}

/* ===================
　プレゼントキャンペーン
=================== */

.campaign_container {
  position: relative;
  z-index: 0;
  background: url(../img/cam_bg_all.png) no-repeat 0 0;
  background-size: cover;
}

.campaign_container .cam_lead {
  color: #CE9E9C;
  text-align: center;
}

.campaign_container .cam_title {
  color: #CE9E9C;
  text-align: center;
}


/* ===================
　　　　SCHEDULE
=================== */

.schedule_container {
  text-align: center;
}

.schedule_container .schedule_title {
  color: #5A5A5A;
}

.schedule_container .schedule_left,
.schedule_container .schedule_right {
  background: #fff;
}

.schedule_container .schedule_lead {
  text-align: center;
  font-weight: 600;
  color: #E1B4B2;
}



/*=======================================
                    PC
========================================*/

@media screen and (min-width: 768px) {

  /* ===================
  　　　　MV AREA
  =================== */

  .main_container .mainvisual_img {
    width: 100%;
  }

  .main_container .mv_ttlArea {
    margin-bottom: 0;
    padding-bottom: 1.5rem;
  }

  .main_container .mv_ttlArea::before {
    left: 50%;
    transform: translateX(-50%);
  }

  .main_container .mv_ttl {
    padding-top: .8rem;
  }

  .main_container .mv_ttl span.pc_ol {
    display: inline;
  }

  .main_container .mv_ttl .ttl_pnk {
    top: auto;
    margin-left: -.2rem;
  }

  /* ===================
  　ビオールオーガニクスとは
  =================== */

  .main_container .mv_lead {
    margin-bottom: 5rem;
  }

  .main_container .mv_contentsArea {
    margin-bottom: 10rem;
    padding-top: 7rem;
    padding-bottom: 7rem;
    z-index: 5;
  }

  .main_container .mv_contentsArea::before {
    top: auto;
    z-index: -2;
    height: 3.2rem;
    bottom: -2.7rem;
    background-image: url(../img/mv_bottom_pc.svg);
    background-size: auto 100%;
    background-position: bottom center;
    background-repeat: repeat-x;
    content: "";
  }

  .main_container .mv_contentsArea::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #EFE4E4;
    background-image: url(../img/mv_bg01_pc.svg), url(../img/mv_bg02_pc.svg);
    background-size: 23rem, 25rem;
    background-position: calc(50% - 36rem) 4rem, calc(50% + 35rem) 82%;
    background-repeat: no-repeat, no-repeat;
    content: "";
  }

  .main_container .mv_text {
    margin-bottom: 3.7rem;
  }

  .main_container .mv_text02 {
    margin-bottom: 0;
  }

  /* ===================
  　　　　PRODUCT
  =================== */

  .product_container {
    width: 84rem;
    margin: auto auto 7rem;
  }

  .main_container .product_container_lead {
    margin-bottom: 6.7rem;
  }

  .main_container .product_container_lead::before,
  .main_container .product_container_lead::after {
    left: 0;
    width: 100%;
  }

  .main_container .haqura_Area {
    padding-top: 0;
  }

  .main_container .haqura_img {
    margin-bottom: 0;
  }

  .main_container .haqura_Area_FV {
    margin-bottom: 4rem;
  }

  .product_group {
    position: relative;
    z-index: 0;
  }

  .main_container .product_img {
    margin-left: 0;
    margin-bottom: 1rem;
  }

  .main_container .btn_group {
    margin-bottom: 0;
  }

  .main_container .color_container {
    justify-content: center;
    width: 100%;
  }

  .main_container .color_img {
    margin-bottom: 0;
  }

  .main_container .credit_group {
    margin-top: 1.6rem;
  }

  .main_container .product_img_005N,
  .main_container .product_img_007N {
    left: auto;
  }

  .main_container .product_name {
    margin-bottom: 1rem;
  }

  .main_container .credit_wrapper {
    margin-bottom: 2rem;
  }

  .main_container .credit_wrapper a {
    color: #777;
  }

  .main_container .img_group {
    margin-bottom: 0;
  }

  .main_container .btn_group {
    margin-bottom: 1.8rem;
  }

  .main_container .btn_group_ttl {
    margin-bottom: .8rem;
  }

  .main_container .btn_icon_group {
    width: auto;
  }

  .main_container .point_text {}

  .main_container .haqura_Area {
    margin-bottom: 5.5rem;
    padding-bottom: 4.5rem;
    background: url(../img/dot_line_pc.svg) repeat-x bottom;
  }

  .main_container .point_group {
    width: fit-content;
    margin-top: 3.5rem;
    padding: 1.4rem 1.6rem;
  }

  .point_group::before {
    top: -2.2rem;
    left: -.2rem;
    width: 5.8rem;
    height: 3.3rem;
    margin-left: -1rem;
    background: url(../img/Point_pc.svg) no-repeat 0 0;
  }

  .main_container .point_text {
    margin-bottom: 0;
    text-align: left;
  }

  .main_container .point_text:first-child {
    margin: auto 0 .95rem;
    padding: 0 0 .95rem;
    border-bottom: 1px dashed #EBC4C3;
  }

  .main_container .btn_detail {
    padding: 0;
  }

  .main_container .btn_detail .but_btn {
    padding-right: 2rem;
  }

  .main_container .btn_detail a {
    padding-top: 0.7rem;
    padding-bottom: 0.3rem;
  }

  /* -- バナー -- */

  .main_container .haqura_Area_FV,
  .main_container .natura_Area_FV {
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
    padding: 2.4rem;
  }

  /* -- HAQUA -- */

  .haqura_Area .product_group::before {
    top: -10.5rem;
    left: -11.8rem;
    width: 17.4rem;
    height: 17.4rem;
  }

  /* -- NATURA -- */

  .main_container .natura_Area {
    margin-bottom: 8rem;
  }

  .main_container .natura_Area_FV {
    display: flex;
    justify-content: center;
    margin-bottom: 5rem;
  }

  .main_container .natura_img {
    width: 14.7rem;
    margin: 0 2.6rem 0 0;
  }

  .main_container .natura_AreaTxt {
    font-size: 1.4rem;
    line-height: 1.8;
    text-align: left;
  }

  .main_container .natura_Area .product_group {
    flex-flow: row-reverse;
  }


  /* ===================
  　プレゼントキャンペーン
  =================== */

  .campaign_container {
    width: 100rem;
    margin: auto auto 8rem;
    padding: 6.4rem 9rem 5.1rem;
    color: #898989;
    font-size: 1.3rem;
  }

  .campaign_container::before {
    position: absolute;
    top: -2.2rem;
    right: -2rem;
    bottom: -2rem;
    left: -2rem;
    z-index: -1;
    background-image: url(../img/campaign_line_top_pc.svg), url(../img/campaign_line_right_pc.svg), url(../img/campaign_line_bottom_pc.svg), url(../img/campaign_line_left_pc.svg);
    background-position: .5rem 0, 102% 0, 6rem 99%, -.5rem 0;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 100rem auto, 11% auto, 99rem auto, 8% auto;
    content: "";
  }

  .campaign_container p {
    line-height: 2;
    letter-spacing: 0.02em;
  }

  .campaign_container .cam_lead {
    padding: 0 0 .2rem;
    background: url(../img/cam_dot_line.svg) no-repeat center bottom;
    background-size: 100rem;
    font-size: 1.3rem;
    letter-spacing: -0.02em;
  }

  .campaign_container .cam_title {
    margin-bottom: 0;
    font-size: 3.6rem;
    line-height: 1.6;
    letter-spacing: 0;
  }

  .campaign_container .cam_text {
    font-size: 1.4rem;
    letter-spacing: 0.05em;
  }

  .campaign_container .cam_lead {
    background: url(../img/cam_dot_line_pc.svg) no-repeat center bottom;
    font-size: 1.7rem;
  }

  .campaign_container p {
    font-size: 1.3rem;
  }

  .cam_flex_left {
    float: left;
    width: 40rem;
  }

  .cam_flex_right {
    float: right;
    width: 40rem;
  }

  .novelty_imgArea {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 4rem 0 1rem;
  }

  .novelty_imgArea .novelty_img01 {
    width: 32.3rem;
  }

  .novelty_imgArea .novelty_img02 {
    width: 29.4rem;
  }

  .campaign_container .novelty_text {
    font-size: 1.1rem;
    line-height: 1.6;
  }

  .campaign_container .novelty_imgAreaWrap {
    width: 64rem;
    margin: auto;
  }

  .campaign_container .novelty_imgAreaWrap .novelty_text {
    display: block;
    padding: 0 0 3.6rem;
    font-size: 1.1rem;
    line-height: 1.6;
  }

  .campaign_container .novelty_imgAreaWrap .novelty_text .word {
    padding-right: .7rem;
  }

  /* ===================
  　　　　SCHEDULE
  =================== */

  .schedule_container {
    overflow: hidden;
    width: 100rem;
    margin: auto;
    padding: 0 0 9rem;
  }

  .schedule_container .schedule_title {
    font-size: 4rem;
  }

  .schedule_container .schedule_lead {
    font-size: 1.5rem;
    margin-bottom: 4rem;
  }

  .schedule_container .schedule_left,
  .schedule_container .schedule_right {
    width: 48.6rem;
    height: 35rem;
    border-radius: 1rem;
    padding: 3rem 2rem 5rem;
  }

  .schedule_container .schedule_left {
    float: left;
  }

  .schedule_container .schedule_right {
    float: right;
  }

  .schedule_container .deta_bold {
    margin-bottom: 1.7rem;
    padding-bottom: 2rem;
    background: url(../img/arrow_01_pc.svg) no-repeat bottom;
    background-size: 2rem;
    text-align: center;
    font-size: 2rem;
  }

  .schedule_container .deta_bold .small＿text {
    padding-left: .8rem;
    font-size: 1.4rem;
  }

  .schedule_container .pnk_area {
    display: inline-block;
    border-radius: .4rem;
    margin: auto;
    padding: .2rem .9rem .1rem;
    background: #E1B4B2;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.6;
    color: #fff;
  }

  .schedule_container p {
    text-align: center;
  }

  .schedule_container .schedule_text01 {
    margin-bottom: .9rem;
    font-weight: 400;
    font-size: 2.2rem;
  }

  .schedule_container .schedule_text02 {
    margin-bottom: 1.8rem;
    font-size: 1.6rem;
  }

  .schedule_container .schedule_text03 {
    position: relative;
    display: inline-block;
    margin-bottom: .6rem;
    padding: 0 3.2rem;
    font-size: 1.6rem;
  }

  .schedule_container .schedule_text03::before,
  .schedule_container .schedule_text03::after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 2rem;
    height: 1px;
    background: #5A5A5A;
    content: "";
  }

  .schedule_container .schedule_text03::after {
    right: 0;
    left: auto;
  }

  .schedule_container .schedule_text04 {
    margin-bottom: 3rem;
    font-size: 1.3rem;
    line-height: 1.8;
  }


  .schedule_container .schedule_text05 {
    font-size: 1.1rem;
    color: #898989;
    letter-spacing: -0.02em;
    line-height: 1.8;
  }

  .schedule_left .pnk_area {
    margin-right: 1rem;
  }

  .schedule_right .schedule_text01 {
    position: relative;
    padding-left: 10rem;
    text-align: left;
    letter-spacing: 0.08em;
    font-size: 2rem;
  }

  .schedule_right .schedule_text01 .pnk_area+.sp_ol {
    display: none;
  }

  .schedule_right .schedule_text01 .pnk_area {
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 1rem;
  }


  /* ===================
  　　　FOOT BANNER
  =================== */

  .sec_brand {
    padding: 7rem 0;
    text-align: center;
  }

  .sec_brand .brand_img {
    margin: auto;
  }

}


/*=======================================
                    SP
========================================*/

/* only SP */

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

  *:focus {
    outline: none;
  }

  a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
  }

  a:hover {
    opacity: 0.6;
  }

  .menu a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 5%);
    cursor: pointer;
  }


  /* ===================
  　　　　MV AREA
  =================== */

  .main_container .mv_ttlArea::before {
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .main_container .ttl_pnk {
    padding: 0 0 calc(7 * (100vw / 390));
  }


  /* ===================
  　ビオールオーガニクスとは
  =================== */

  .main_container .mv_lead {
    margin-bottom: calc(35 * (100vw / 390));
  }

  .main_container .mv_contentsArea {
    z-index: 5;
  }

  .main_container .mv_contentsArea::before {
    background-image: url(../img/mv_bg01_sp.svg), url(../img/mv_bg02_sp.svg), url(../img/mv_bg_sp.png);
    background-size: calc(160 * (100vw / 390)), calc(180 * (100vw / 390)), contain;
    background-position: calc(-5 * (100vw / 390)) calc(20 * (100vw / 390)), 103% 97%, 0 0;
    background-repeat: no-repeat, no-repeat, repeat-x;
  }

  /* ===================
  　　　　PRODUCT
  =================== */

  .product_container {
    margin-bottom: calc(60 * (100vw / 390));
  }

  .main_container .product_container_lead {
    margin-bottom: calc(40 * (100vw / 390));
  }

  .main_container .haqura_Area {
    margin-bottom: calc(40 * (100vw / 390));
  }

  .main_container .haqura_AreaTxt {
    font-size: calc(13 * (100vw / 390));
    letter-spacing: 0.08em;
  }

  .main_container .credit_wrapper a {
    display: block;
  }

  .point_group {
    width: auto;
    margin: 0 calc(40 * (100vw / 390));
    padding: calc(13 * (100vw / 390)) calc(19 * (100vw / 390));
    font-size: calc(13 * (100vw / 390));
  }

  .point_group::before {
    top: calc(-25 * (100vw / 390));
    left: calc(-20 * (100vw / 390));
    width: calc(64 * (100vw / 390));
    height: calc(42 * (100vw / 390));
    background: url(../img/Point_sp.svg) no-repeat 0 0;
    background-size: 100%;
  }

  .main_container .btn_icon_group {
    width: fit-content;
  }

  .main_container .point_text:first-child {
    width: auto;
    margin: auto auto calc(13.5 * (100vw / 390));
    padding: 0 0 calc(10 * (100vw / 390));
    border-bottom: 1px dashed #EBC4C3;
  }

  .main_container .point_text {
    margin-bottom: 0;
  }

  .haqura_Area {
    background: url(../img/dot_line.svg) no-repeat bottom;
    background-size: calc(335 * (100vw / 390));
  }

  .main_container .btn_group {
    margin-bottom: calc(42 * (100vw / 390));
  }

  .main_container .btn_detail .but_btn {
    font-size: calc(14 * (100vw / 390));
    padding-right: calc(22 * (100vw / 390));
    background-size: calc(16 * (100vw / 390));
  }

  /* -- バナー -- */

  .main_container .haqura_Area_FV,
  .main_container .natura_Area_FV {
    margin-right: calc(20 * (100vw / 390));
    margin-left: calc(20 * (100vw / 390));
    padding: calc(22 * (100vw / 390));
  }

  .main_container .natura_Area_FV {
    margin-bottom: calc(22 * (100vw / 390));
    font-size: calc(13 * (100vw / 390));
  }

  .main_container .natura_AreaTxt {
    line-height: 2;
  }

  /* ===================
  　プレゼントキャンペーン
  =================== */

  .campaign_container {
    position: relative;
    z-index: 0;
    width: auto;
    margin: auto calc(20 * (100vw / 390)) calc(60 * (100vw / 390));
    padding: calc(40 * (100vw / 390)) calc(20 * (100vw / 390)) calc(36 * (100vw / 390));
    font-size: calc(13 * (100vw / 390));
    color: #898989;
  }

  .campaign_container::before {
    position: absolute;
    top: calc(-24 * (100vw / 390));
    right: calc(-20 * (100vw / 390));
    bottom: calc(-18 * (100vw / 390));
    left: calc(-20 * (100vw / 390));
    z-index: -1;
    background-image: url(../img/campaign_line_top_sp.svg), url(../img/campaign_line_right_sp.svg), url(../img/campaign_line_bottom_sp.svg), url(../img/campaign_line_left_sp.svg);
    background-position: calc(40 * (100vw / 390)) calc(3 * (100vw / 390)), 97.5% calc(8 * (100vw / 390)), calc(9 * (100vw / 390)) 99.7%, calc(4 * (100vw / 390)) calc(3 * (100vw / 390));
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: calc(338 * (100vw / 390)) auto, calc(37 * (100vw / 390)) auto, calc(346 * (100vw / 390)) auto, calc(29 * (100vw / 390)) auto;
    content: "";
  }

  .campaign_container p {
    line-height: 2;
    letter-spacing: 0.02em;
  }

  .campaign_container .cam_lead {
    padding: 0 0 calc(10 * (100vw / 390));
    background: url(../img/cam_dot_line.svg) no-repeat center bottom;
    background-size: calc(295 * (100vw / 390));
    font-size: calc(13 * (100vw / 390));
    letter-spacing: -0.02em;
  }

  .campaign_container .cam_title {
    margin-bottom: calc(15 * (100vw / 390));
    font-size: calc(27 * (100vw / 390));
    letter-spacing: 0;
  }

  .campaign_container .cam_text,
  .campaign_container .novelty_img01 {
    margin-bottom: calc(20 * (100vw / 390));
  }

  .campaign_container .novelty_img02 {
    margin-bottom: calc(12 * (100vw / 390));
  }

  .novelty_imgArea .novelty_img01,
  .novelty_imgArea .novelty_img02 {
    margin-right: auto;
    margin-left: auto;
  }

.campaign_container .novelty_imgAreaWrap .novelty_text .word {
  display: inline-block;
  padding-right: calc(4 * (100vw / 390));
  font-size: 0.92em;
  letter-spacing: 0;
  line-height: 1.8;
}

  /* ===================
  　　　　SCHEDULE
  =================== */

  .schedule_container {
    padding: 0 calc(15 * (100vw / 390)) calc(65 * (100vw / 390));
  }

  .schedule_container .schedule_title {
    font-size: calc(38 * (100vw / 390));
  }

  .schedule_container .schedule_lead {
    font-size: calc(15 * (100vw / 390));
    margin-bottom: calc(32 * (100vw / 390));
  }

  .schedule_container .schedule_left,
  .schedule_container .schedule_right {
    border-radius: calc(10 * (100vw / 390));
  }

  .schedule_container .schedule_left,
  .schedule_container .schedule_right {
    padding: calc(30 * (100vw / 390)) 0 calc(35 * (100vw / 390));
  }

  .schedule_right .schedule_text01 {
    margin-left: calc(20 * (100vw / 390));
  }

  .schedule_container .schedule_left {
    margin-bottom: calc(25 * (100vw / 390));
  }

  .schedule_container .deta_bold {
    margin-bottom: calc(18 * (100vw / 390));
    padding-bottom: calc(20 * (100vw / 390));
    background: url(../img/arrow_01_sp.svg) no-repeat bottom;
    background-size: calc(22 * (100vw / 390));
    text-align: center;
    font-size: calc(20 * (100vw / 390));
  }

  .schedule_container .deta_bold .small＿text {
    padding-left: calc(10 * (100vw / 390));
    font-size: calc(14 * (100vw / 390));
  }

  .schedule_container .pnk_area {
    display: inline-block;
    border-radius: calc(4 * (100vw / 390));
    margin: auto auto calc(5 * (100vw / 390));
    padding: calc(4 * (100vw / 390)) calc(10 * (100vw / 390)) calc(3 * (100vw / 390));
    background: #E1B4B2;
    font-size: calc(14 * (100vw / 390));
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.8;
    color: #fff;
  }

  .schedule_container p {
    text-align: center;
  }

  .schedule_container .schedule_text01 {
    margin-bottom: calc(5 * (100vw / 390));
    font-weight: 400;
    font-size: calc(21 * (100vw / 390));
  }

  .schedule_container .schedule_text02 {
    margin-bottom: calc(16 * (100vw / 390));
    font-size: calc(15 * (100vw / 390));
  }

  .schedule_container .schedule_text03 {
    position: relative;
    display: inline-block;
    margin-bottom: calc(6 * (100vw / 390));
    padding: 0 calc(30 * (100vw / 390));
    font-size: calc(16 * (100vw / 390));
  }

  .schedule_container .schedule_text03::before,
  .schedule_container .schedule_text03::after {
    position: absolute;
    top: 50%;
    left: 0;
    width: calc(20 * (100vw / 390));
    height: 1px;
    background: #5A5A5A;
    content: "";
  }

  .schedule_container .schedule_text03::after {
    right: 0;
    left: auto;
  }

  .schedule_container .schedule_text04 {
    margin-bottom: calc(22 * (100vw / 390));
    font-size: calc(13 * (100vw / 390));
    line-height: 1.8;
  }

  .schedule_container .schedule_text05 {
    font-size: calc(11 * (100vw / 390));
    color: #898989;
    letter-spacing: -0.02em;
    line-height: 1.8;
  }

  .schedule_right .schedule_text01 {
    position: relative;
    padding-left: calc(95 * (100vw / 390));
    text-align: left;
    letter-spacing: 0.08em;
  }

  .schedule_right .schedule_text01 .pnk_area+.sp_ol {
    display: none;
  }

  .schedule_right .schedule_text01 .pnk_area {
    position: absolute;
    top: 0;
    left: 0;
    margin-right: calc(10 * (100vw / 390));
  }

  .campaign_container .novelty_text {
    font-size: calc(11.5 * (100vw / 390));
  }

  .novelty_imgAreaWrap .novelty_text {
    padding-bottom: calc(20 * (100vw / 390));
  }



}