@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
body {
  background-color: #fff;
}

img {
  height: auto;
}

sup {
  top: -0.3em;
}

#Page {
  padding-top: 0;
  max-height: none;
  overflow: hidden;
}

#Footer {
  padding-top: 60px;
}

#page-kawaisouni {
  color: #8E6331;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.yugo {
  font-family: YuGothic, "游ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

/* 768px */
@media only screen and (max-width: 768px) {
  #Page {
    padding-top: 60px;
  }
  #Footer {
    padding-top: 10.6667vw;
  }
}
/* mv
---------------------------------------------------*/
#mv {
  width: 100%;
  background: #90D3ED;
  background: linear-gradient(90deg, rgb(144, 211, 237) 0%, rgb(144, 211, 237) 32.5%, rgb(241, 158, 188) 32.5%, rgb(241, 158, 188) 100%);
}
@media only screen and (max-width: 768px) {
  #mv {
    background: linear-gradient(90deg, rgb(144, 211, 237) 0%, rgb(144, 211, 237) 27%, rgb(241, 158, 188) 27%, rgb(241, 158, 188) 100%);
  }
}
#mv .mv-inner {
  position: relative;
  width: 100%;
  aspect-ratio: 1300/800;
}
@media only screen and (max-width: 768px) {
  #mv .mv-inner {
    aspect-ratio: 640/1068;
  }
}
#mv .mv-inner img {
  width: 100%;
}
#mv .mv-inner .title {
  position: absolute;
  top: 3.875%;
  left: 20.5384615385%;
  width: 59%;
  z-index: 20;
}
@media only screen and (max-width: 768px) {
  #mv .mv-inner .title {
    top: 4.375vw;
    left: 10.9375vw;
    width: 78.28125vw;
  }
}
#mv .mv-inner .txt01 {
  position: absolute;
  top: 19.875%;
  left: 11.1538461538%;
  width: 44.9230769231%;
  filter: drop-shadow(0.3076923077vw 0 0.3076923077vw rgba(4, 0, 0, 0.2));
  z-index: 20;
}
@media only screen and (max-width: 768px) {
  #mv .mv-inner .txt01 {
    top: 19.6875vw;
    left: 12.1875vw;
    width: 79.6875vw;
  }
}
#mv .mv-inner .txt02 {
  position: absolute;
  top: 39%;
  left: 24.1538461538%;
  width: 61.3846153846%;
  filter: drop-shadow(0.3076923077vw 0 0.3076923077vw rgba(4, 0, 0, 0.2));
  z-index: 20;
}
@media only screen and (max-width: 768px) {
  #mv .mv-inner .txt02 {
    top: 40.9375vw;
    left: 4.84375vw;
    width: 90.625vw;
  }
}
#mv .mv-inner .icon {
  position: absolute;
  top: 19.625%;
  left: 70.6153846154%;
  width: 13.5384615385%;
  z-index: 5;
}
@media only screen and (max-width: 768px) {
  #mv .mv-inner .icon {
    top: 56.875vw;
    left: 73.4375vw;
    width: 22.1875vw;
  }
}
#mv .mv-inner .chara01 {
  position: absolute;
  top: 3.375%;
  left: 83.1538461538%;
  width: 14%;
  z-index: 10;
}
@media only screen and (max-width: 768px) {
  #mv .mv-inner .chara01 {
    top: 75.3125vw;
    left: 67.5vw;
    width: 25.9375vw;
  }
}
#mv .mv-inner .chara02 {
  position: absolute;
  top: 50.5%;
  left: 11.5384615385%;
  width: 21.6923076923%;
  z-index: 10;
}
@media only screen and (max-width: 768px) {
  #mv .mv-inner .chara02 {
    top: 59.6875vw;
    left: 2.96875vw;
    width: 38.4375vw;
  }
}
#mv .mv-inner .item01 {
  position: absolute;
  top: 40.25%;
  left: 2.6153846154%;
  width: 11.1538461538%;
  z-index: 30;
}
@media only screen and (max-width: 768px) {
  #mv .mv-inner .item01 {
    top: 101.5625vw;
    left: 2.34375vw;
    width: 22.65625vw;
  }
}
#mv .mv-inner .item02 {
  position: absolute;
  top: 56.625%;
  left: 36.3076923077%;
  width: 47.0769230769%;
  z-index: 30;
}
@media only screen and (max-width: 768px) {
  #mv .mv-inner .item02 {
    top: 124.6875vw;
    left: 30vw;
    width: 67.65625vw;
  }
}
#mv .mv-inner .item03 {
  position: absolute;
  top: 48.25%;
  left: 85.4615384615%;
  width: 9.3076923077%;
  z-index: 30;
}
@media only screen and (max-width: 768px) {
  #mv .mv-inner .item03 {
    top: 63.28125vw;
    left: 44.84375vw;
    width: 18.90625vw;
  }
}
#mv .mv-inner .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
#mv .mv-inner .note {
  position: absolute;
  bottom: 1.5%;
  left: 1.25vw;
  width: 100%;
  z-index: 2;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
  #mv .mv-inner .note {
    bottom: 0.9375vw;
    left: 1.25vw;
    width: 97.5vw;
  }
}
#mv .mv-inner .note p {
  color: #fff;
  font-size: min(13px, 1vw);
  font-weight: 700;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
@media only screen and (max-width: 768px) {
  #mv .mv-inner .note p {
    font-size: 1.875vw;
  }
}
#mv .mv-inner .note p + p {
  margin-top: 0.8em;
}

/* lead
---------------------------------------------------*/
#lead {
  width: 100%;
  margin-bottom: min(100px, 9.0909090909vw);
}
@media only screen and (max-width: 768px) {
  #lead {
    margin-bottom: 15.15625vw;
  }
}
#lead .lead-inner {
  padding-top: min(94px, 8.5454545455vw);
}
@media only screen and (max-width: 768px) {
  #lead .lead-inner {
    padding-top: 14.6875vw;
  }
}
#lead .lead-title {
  text-align: center;
  margin-bottom: min(49px, 4.4545454545vw);
}
@media only screen and (max-width: 768px) {
  #lead .lead-title {
    margin-bottom: 6.09375vw;
  }
}
#lead .lead-title img {
  width: min(661px, 60.0909090909vw);
}
@media only screen and (max-width: 768px) {
  #lead .lead-title img {
    width: 77.96875vw;
  }
}
#lead .lead-bnr-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(45px, 4.0909090909vw);
  margin-bottom: min(86px, 7.8181818182vw);
}
@media only screen and (max-width: 768px) {
  #lead .lead-bnr-list {
    gap: 5vw;
    margin-bottom: 10vw;
  }
}
#lead .lead-bnr-list-item {
  width: min(377px, 34.2727272727vw);
}
@media only screen and (max-width: 768px) {
  #lead .lead-bnr-list-item {
    width: 42.8125vw;
  }
}
#lead .lead-bnr-list-item img {
  width: 100%;
}
#lead .lead-msg-title {
  text-align: center;
  margin-bottom: min(47px, 4.2727272727vw);
}
@media only screen and (max-width: 768px) {
  #lead .lead-msg-title {
    margin-bottom: 5.625vw;
  }
}
#lead .lead-msg-title img {
  width: min(591px, 53.7272727273vw);
}
@media only screen and (max-width: 768px) {
  #lead .lead-msg-title img {
    width: 48.75vw;
  }
}
#lead .lead-msg-txt {
  text-align: center;
}
#lead .lead-msg-txt p {
  line-height: 1.5;
  font-size: min(20px, 1.8181818182vw);
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  #lead .lead-msg-txt p {
    font-size: 3.125vw;
  }
}
#lead .lead-msg-txt p + p {
  margin-top: 1.5em;
}

/* lineup
---------------------------------------------------*/
#lineup {
  width: 100%;
  margin-bottom: min(128px, 11.6363636364vw);
}
@media only screen and (max-width: 768px) {
  #lineup {
    margin-bottom: 27.5vw;
  }
}
#lineup .lineup-title {
  text-align: center;
  margin-bottom: min(45px, 4.0909090909vw);
}
@media only screen and (max-width: 768px) {
  #lineup .lineup-title {
    margin-bottom: 9.0625vw;
  }
}
#lineup .lineup-title img {
  width: min(236px, 21.4545454545vw);
}
@media only screen and (max-width: 768px) {
  #lineup .lineup-title img {
    width: 36.875vw;
  }
}
#lineup .lineup-navi-list {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media only screen and (max-width: 768px) {
  #lineup .lineup-navi-list {
    flex-wrap: wrap;
    row-gap: 6.5625vw;
  }
}
#lineup .lineup-navi-list-item {
  text-align: center;
}
#lineup .lineup-navi-list-item a {
  position: relative;
  display: block;
  padding-bottom: min(33px, 3vw);
}
@media only screen and (max-width: 768px) {
  #lineup .lineup-navi-list-item a {
    padding-bottom: 5.15625vw;
  }
}
#lineup .lineup-navi-list-item a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  width: min(17px, 1.5454545455vw);
  aspect-ratio: 17/10;
  background-image: url("../img/arrow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media only screen and (max-width: 768px) {
  #lineup .lineup-navi-list-item a::after {
    width: 2.65625vw;
  }
}
#lineup .lineup-navi-list-item .fig {
  margin-bottom: min(28px, 2.5454545455vw);
}
@media only screen and (max-width: 768px) {
  #lineup .lineup-navi-list-item .fig {
    margin-bottom: 3.75vw;
  }
}
#lineup .lineup-navi-list-item p {
  color: #8E6331;
  font-size: min(18px, 1.6363636364vw);
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  #lineup .lineup-navi-list-item p {
    font-size: 2.8125vw;
  }
}
#lineup .lineup-navi-list-item.item01 {
  margin-right: min(60px, 5.4545454545vw);
}
@media only screen and (max-width: 768px) {
  #lineup .lineup-navi-list-item.item01 {
    margin-right: 14.6875vw;
  }
}
#lineup .lineup-navi-list-item.item01 .fig img {
  width: min(212px, 19.2727272727vw);
}
@media only screen and (max-width: 768px) {
  #lineup .lineup-navi-list-item.item01 .fig img {
    width: 33.125vw;
  }
}
#lineup .lineup-navi-list-item.item02 {
  margin-right: min(60px, 5.4545454545vw);
}
@media only screen and (max-width: 768px) {
  #lineup .lineup-navi-list-item.item02 {
    margin-right: 0;
  }
}
#lineup .lineup-navi-list-item.item02 .fig img {
  width: min(178px, 16.1818181818vw);
}
@media only screen and (max-width: 768px) {
  #lineup .lineup-navi-list-item.item02 .fig img {
    width: 27.8125vw;
  }
}
#lineup .lineup-navi-list-item.item03 {
  margin-right: min(50px, 4.5454545455vw);
}
@media only screen and (max-width: 768px) {
  #lineup .lineup-navi-list-item.item03 {
    margin-right: 13.125vw;
  }
}
#lineup .lineup-navi-list-item.item03 .fig img {
  width: min(110px, 10vw);
}
@media only screen and (max-width: 768px) {
  #lineup .lineup-navi-list-item.item03 .fig img {
    width: 17.1875vw;
  }
}
#lineup .lineup-navi-list-item.item04 .fig img {
  width: min(89px, 8.0909090909vw);
}
@media only screen and (max-width: 768px) {
  #lineup .lineup-navi-list-item.item04 .fig img {
    width: 13.90625vw;
  }
}

/* product-block
---------------------------------------------------*/
.product-block {
  position: relative;
  background-color: #fff;
  z-index: 1;
}
.product-block::before {
  content: "";
  position: absolute;
  top: max(-40px, -3.0769230769vw);
  left: 0;
  width: 100%;
  height: min(77px, 5.9230769231vw);
  background-image: url("../img/wave_white.svg");
  background-repeat: repeat-x;
  background-position: center top;
  background-size: auto 100%;
  z-index: 3;
}
@media only screen and (max-width: 768px) {
  .product-block::before {
    height: 12.03125vw;
    background-size: 203.125vw 100%;
  }
}
.product-block.-pink-bg {
  background-color: #F19EBC;
}
.product-block.-pink-bg::before {
  background-image: url("../img/wave_pink.svg");
}
.product-block.-blue-bg {
  background-color: #90D3ED;
}
.product-block.-blue-bg::before {
  background-image: url("../img/wave_blue.svg");
}
.product-block .product-chara {
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100%;
  max-width: 1300px;
  z-index: 2;
}
.product-block .product-chara img {
  width: 100%;
}
.product-block .product-chara .product-chara01 {
  position: absolute;
  top: max(-92px, -7.0769230769vw);
  left: min(143px, 11vw);
  width: min(77px, 5.9230769231vw);
}
@media only screen and (max-width: 768px) {
  .product-block .product-chara .product-chara01 {
    top: -11.40625vw;
    left: 20.15625vw;
    width: 12.03125vw;
  }
}
.product-block .product-chara .product-chara02 {
  position: absolute;
  top: max(-97px, -7.4615384615vw);
  left: min(902px, 69.3846153846vw);
  width: min(83px, 6.3846153846vw);
}
@media only screen and (max-width: 768px) {
  .product-block .product-chara .product-chara02 {
    top: -12.5vw;
    left: 59.53125vw;
    width: 12.96875vw;
  }
}
.product-block .product-chara .product-chara03 {
  position: absolute;
  top: max(-87px, -6.6923076923vw);
  left: min(1062px, 81.6923076923vw);
  width: min(80px, 6.1538461538vw);
}
@media only screen and (max-width: 768px) {
  .product-block .product-chara .product-chara03 {
    top: -10.46875vw;
    left: 82.5vw;
    width: 12.5vw;
  }
}
.product-block .product-chara-hand {
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100%;
  max-width: 1300px;
  z-index: 4;
}
.product-block .product-chara-hand img {
  width: 100%;
}
.product-block .product-chara-hand .product-chara01-hand {
  position: absolute;
  top: max(-42px, -3.2307692308vw);
  left: min(136px, 10.4615384615vw);
  width: min(90px, 6.9230769231vw);
}
@media only screen and (max-width: 768px) {
  .product-block .product-chara-hand .product-chara01-hand {
    top: -3.75vw;
    left: 19.21875vw;
    width: 14.0625vw;
  }
}
.product-block .product-chara-hand .product-chara02-hand {
  position: absolute;
  top: max(-44px, -3.3846153846vw);
  left: min(890px, 68.4615384615vw);
  width: min(106px, 8.1538461538vw);
}
@media only screen and (max-width: 768px) {
  .product-block .product-chara-hand .product-chara02-hand {
    top: -4.21875vw;
    left: 57.65625vw;
    width: 16.5625vw;
  }
}
.product-block .product-chara-hand .product-chara03-hand {
  position: absolute;
  top: max(-40px, -3.0769230769vw);
  left: min(1051px, 80.8461538462vw);
  width: min(102px, 7.8461538462vw);
}
@media only screen and (max-width: 768px) {
  .product-block .product-chara-hand .product-chara03-hand {
    top: -3.4375vw;
    left: 80.78125vw;
    width: 15.9375vw;
  }
}
.product-block .product-block-inner {
  position: relative;
  background-color: #fff;
  z-index: 10;
}
.product-block.-pink-bg .product-block-inner {
  background-color: #F19EBC;
}
.product-block.-blue-bg .product-block-inner {
  background-color: #90D3ED;
}
.product-block .product-head {
  display: flex;
  align-items: flex-start;
  width: min(1000px, 90.9090909091vw);
  margin-inline: auto;
  margin-bottom: min(50px, 4.5454545455vw);
}
@media only screen and (max-width: 768px) {
  .product-block .product-head {
    flex-direction: column;
    align-items: center;
    margin-bottom: 6.25vw;
  }
}
.product-block .product-head .product-head-item {
  flex: 1;
}
.product-block .product-head .product-head-panel {
  position: relative;
  width: min(560px, 50.9090909091vw);
  background-color: #fff;
  border-radius: min(100px, 9.0909090909vw);
}
@media only screen and (max-width: 768px) {
  .product-block .product-head .product-head-panel {
    width: 87.5vw;
    border-radius: 15.625vw;
  }
}
.product-block .product-head .product-head-panel-inner {
  position: relative;
  text-align: center;
}
.product-block .product-head .product-head-panel-inner .new {
  position: absolute;
  top: max(-15px, -1.3636363636vw);
  left: max(-27px, -2.4545454545vw);
  width: min(175px, 15.9090909091vw);
}
@media only screen and (max-width: 768px) {
  .product-block .product-head .product-head-panel-inner .new {
    top: -2.34375vw;
    left: -4.21875vw;
    width: 27.34375vw;
  }
}
.product-block .product-head .product-head-panel-inner .icon {
  position: absolute;
  top: max(-38px, -3.4545454545vw);
  right: max(-40px, -3.6363636364vw);
  width: min(160px, 14.5454545455vw);
}
@media only screen and (max-width: 768px) {
  .product-block .product-head .product-head-panel-inner .icon {
    top: -5.9375vw;
    right: -4.6875vw;
    width: 25vw;
  }
}
.product-block .product-head .product-head-panel-inner .title01 {
  margin-inline: auto;
}
.product-block .product-head .product-head-panel-inner .title01 img {
  width: 100%;
}
.product-block .product-head .product-head-panel-inner .title02 {
  margin-inline: auto;
}
.product-block .product-head .product-head-panel-inner .title02 img {
  width: 100%;
}
.product-block .product-head .product-head-panel-inner .point-list {
  display: flex;
  justify-content: center;
  gap: min(5px, 0.4545454545vw);
}
@media only screen and (max-width: 768px) {
  .product-block .product-head .product-head-panel-inner .point-list {
    gap: 0.78125vw;
  }
}
.product-block .product-head .product-head-panel-inner .point-list-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(160px, 14.5454545455vw);
  aspect-ratio: 160/80;
  border-radius: min(20px, 1.8181818182vw);
  line-height: 1.33;
  color: #F19EBC;
  font-size: min(18px, 1.6363636364vw);
  font-weight: 700;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  .product-block .product-head .product-head-panel-inner .point-list-item {
    width: 25vw;
    border-radius: 3.125vw;
    font-size: 2.8125vw;
  }
}
.product-block .product-head .product-head-panel-inner .point-list-item.--s {
  aspect-ratio: 160/90;
  font-size: min(16px, 1.4545454545vw);
}
@media only screen and (max-width: 768px) {
  .product-block .product-head .product-head-panel-inner .point-list-item.--s {
    font-size: 2.5vw;
  }
}
.product-block .product-head .product-head-panel-inner .point-list-item p {
  font-weight: inherit;
}
.product-block .product-head .product-head-panel-inner .point-list:has(> :nth-child(4):last-child) .point-list-item {
  width: min(120px, 10.9090909091vw);
  aspect-ratio: 120/80;
}
@media only screen and (max-width: 768px) {
  .product-block .product-head .product-head-panel-inner .point-list:has(> :nth-child(4):last-child) .point-list-item {
    width: 18.75vw;
  }
}
.product-block.-pink-bg .product-head .point-list-item {
  color: #fff;
  background-color: #F19EBC;
}
.product-block.-blue-bg .product-head .point-list-item {
  color: #fff;
  background-color: #90D3ED;
}
.product-block .name,
.product-block .price {
  text-align: center;
  line-height: 1.5;
  color: #8E6331;
  font-size: min(20px, 1.8181818182vw);
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .product-block .name,
  .product-block .price {
    font-size: 3.125vw;
  }
}
.product-block .btn-wrap {
  display: flex;
  justify-content: center;
  column-gap: min(30px, 2.7272727273vw);
  margin-top: min(38px, 3.4545454545vw);
}
@media only screen and (max-width: 768px) {
  .product-block .btn-wrap {
    column-gap: 4.6875vw;
    margin-top: 5.9375vw;
  }
}
.product-block .btn-link a {
  position: relative;
  display: block;
  width: min(220px, 20vw);
  line-height: 1.6em;
  text-align: center;
  color: #fff;
  font-size: min(20px, 1.8181818182vw);
  font-weight: 700;
  background-color: #8E6331;
  border: 1px solid #8E6331;
  border-radius: 9px;
  padding: 0.7em 0;
  margin: 0 auto;
  transition: opacity 0.5s;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .product-block .btn-link a {
    width: 34.375vw;
    font-size: 3.125vw;
    border-radius: 1.40625vw;
  }
}
.product-block .btn-link a:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 768px) {
  .product-block .btn-link a:hover {
    opacity: 1;
  }
}
.product-block .btn-link.detail a {
  color: #8E6331;
  background-color: #fff;
}
.product-block .note-list {
  margin-top: min(50px, 4.5454545455vw);
}
@media only screen and (max-width: 768px) {
  .product-block .note-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 7.5vw;
  }
}
.product-block .note-list li {
  text-align: center;
  line-height: 1.6;
  color: #8E6331;
  font-size: min(11px, 1vw);
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .product-block .note-list li {
    line-height: 1.5;
    font-size: 1.875vw;
  }
}
.product-block.-pink-bg .name,
.product-block.-pink-bg .price, .product-block.-blue-bg .name,
.product-block.-blue-bg .price {
  color: #fff;
}
.product-block.-pink-bg .note-list li, .product-block.-blue-bg .note-list li {
  color: #fff;
}
.product-block .chara {
  position: absolute;
}

/* pressed-powder */
#pressed-powder .product-block-inner {
  padding-top: min(48px, 4.3636363636vw);
  padding-bottom: min(120px, 10.9090909091vw);
}
@media only screen and (max-width: 768px) {
  #pressed-powder .product-block-inner {
    padding-top: 2.03125vw;
    padding-bottom: 55.625vw;
  }
}
#pressed-powder .product-head {
  margin-bottom: min(5px, 0.4545454545vw);
}
@media only screen and (max-width: 768px) {
  #pressed-powder .product-head {
    margin-bottom: 6.25vw;
  }
}
#pressed-powder .product-head .product-head-item {
  margin-top: max(-47px, -4.2727272727vw);
  margin-left: max(-28px, -2.5454545455vw);
  margin-right: min(24px, 2.1818181818vw);
}
@media only screen and (max-width: 768px) {
  #pressed-powder .product-head .product-head-item {
    margin-top: 0;
    margin-left: 2.34375vw;
    margin-right: 0;
  }
}
#pressed-powder .product-head .product-head-item img {
  width: min(444px, 40.3636363636vw);
}
@media only screen and (max-width: 768px) {
  #pressed-powder .product-head .product-head-item img {
    width: 69.375vw;
  }
}
#pressed-powder .product-head .product-head-panel {
  margin-top: min(5px, 0.4545454545vw);
}
@media only screen and (max-width: 768px) {
  #pressed-powder .product-head .product-head-panel {
    margin-top: 5.3125vw;
  }
}
#pressed-powder .product-head .product-head-panel-inner {
  padding-top: min(122px, 11.0909090909vw);
  padding-bottom: min(97px, 8.8181818182vw);
}
@media only screen and (max-width: 768px) {
  #pressed-powder .product-head .product-head-panel-inner {
    padding-top: 12.1875vw;
    padding-bottom: 11.5625vw;
  }
}
#pressed-powder .product-head .product-head-panel-inner .title01 {
  width: min(281px, 25.5454545455vw);
  margin-bottom: min(34px, 3.0909090909vw);
  translate: min(9px, 0.8181818182vw) 0;
}
@media only screen and (max-width: 768px) {
  #pressed-powder .product-head .product-head-panel-inner .title01 {
    width: 43.90625vw;
    margin-bottom: 5.3125vw;
    translate: 1.40625vw 0;
  }
}
#pressed-powder .product-head .product-head-panel-inner .title02 {
  width: min(460px, 41.8181818182vw);
  margin-bottom: min(33px, 3vw);
  translate: min(9px, 0.8181818182vw) 0;
}
@media only screen and (max-width: 768px) {
  #pressed-powder .product-head .product-head-panel-inner .title02 {
    width: 71.875vw;
    margin-bottom: 5.15625vw;
    translate: 1.40625vw 0;
  }
}
#pressed-powder .chara01 {
  top: min(750px, 68.1818181818vw);
  right: calc(50% + min(310px, 28.1818181818vw));
  width: min(154px, 14vw);
}
@media only screen and (max-width: 768px) {
  #pressed-powder .chara01 {
    top: 269.84375vw;
    right: auto;
    left: 15.3125vw;
    width: 24.0625vw;
  }
}
#pressed-powder .chara02 {
  top: min(680px, 61.8181818182vw);
  left: calc(50% + min(283px, 25.7272727273vw));
  width: min(259px, 23.5454545455vw);
}
@media only screen and (max-width: 768px) {
  #pressed-powder .chara02 {
    top: 246.5625vw;
    right: auto;
    left: 53.125vw;
    width: 40.46875vw;
  }
}
@media only screen and (max-width: 768px) {
  #pressed-powder .note-list {
    width: 90.625vw;
    margin-inline: auto;
  }
}
@media only screen and (max-width: 768px) {
  #pressed-powder .note-list li {
    width: 48.4375vw;
    text-align: left;
  }
}

/* urusara-powder */
#urusara-powder .product-block-inner {
  padding-top: min(66px, 6vw);
  padding-bottom: min(116px, 10.5454545455vw);
}
@media only screen and (max-width: 768px) {
  #urusara-powder .product-block-inner {
    padding-top: 16.09375vw;
    padding-bottom: 58.4375vw;
  }
}
#urusara-powder .product-head .product-head-item {
  margin-top: min(95px, 8.6363636364vw);
  margin-left: min(26px, 2.3636363636vw);
  margin-right: min(49px, 4.4545454545vw);
}
@media only screen and (max-width: 768px) {
  #urusara-powder .product-head .product-head-item {
    margin: 0;
  }
}
#urusara-powder .product-head .product-head-item img {
  width: min(365px, 33.1818181818vw);
}
@media only screen and (max-width: 768px) {
  #urusara-powder .product-head .product-head-item img {
    width: 57.03125vw;
  }
}
#urusara-powder .product-head .product-head-panel {
  background-color: #F19EBC;
}
@media only screen and (max-width: 768px) {
  #urusara-powder .product-head .product-head-panel {
    margin-top: 6.5625vw;
  }
}
#urusara-powder .product-head .product-head-panel-inner {
  padding-top: min(64px, 5.8181818182vw);
  padding-bottom: min(52px, 4.7272727273vw);
}
@media only screen and (max-width: 768px) {
  #urusara-powder .product-head .product-head-panel-inner {
    padding-top: 9.84375vw;
    padding-bottom: 8.125vw;
  }
}
#urusara-powder .product-head .product-head-panel-inner .title01 {
  width: min(282px, 25.6363636364vw);
  margin-bottom: min(36px, 3.2727272727vw);
}
@media only screen and (max-width: 768px) {
  #urusara-powder .product-head .product-head-panel-inner .title01 {
    width: 44.0625vw;
    margin-bottom: 5.625vw;
  }
}
#urusara-powder .product-head .product-head-panel-inner .title02 {
  width: min(338px, 30.7272727273vw);
  margin-bottom: min(39px, 3.5454545455vw);
}
@media only screen and (max-width: 768px) {
  #urusara-powder .product-head .product-head-panel-inner .title02 {
    width: 52.8125vw;
    margin-bottom: 6.09375vw;
  }
}
#urusara-powder .chara01 {
  top: min(658px, 59.8181818182vw);
  right: calc(50% + min(284px, 25.8181818182vw));
  width: min(189px, 17.1818181818vw);
}
@media only screen and (max-width: 768px) {
  #urusara-powder .chara01 {
    top: 249.6875vw;
    right: auto;
    left: 11.71875vw;
    width: 29.53125vw;
  }
}
#urusara-powder .chara02 {
  top: min(698px, 63.4545454545vw);
  left: calc(50% + min(294px, 26.7272727273vw));
  width: min(248px, 22.5454545455vw);
}
@media only screen and (max-width: 768px) {
  #urusara-powder .chara02 {
    top: 231.09375vw;
    right: auto;
    left: 52.65625vw;
    width: 38.75vw;
  }
}
@media only screen and (max-width: 768px) {
  #urusara-powder .note-list {
    width: 77.5vw;
    margin-inline: auto;
  }
}
@media only screen and (max-width: 768px) {
  #urusara-powder .note-list li {
    text-align: left;
  }
}

/* dayessence-balm */
#dayessence-balm .product-block-inner {
  padding-top: min(67px, 6.0909090909vw);
  padding-bottom: min(118px, 10.7272727273vw);
}
@media only screen and (max-width: 768px) {
  #dayessence-balm .product-block-inner {
    padding-top: 2.8125vw;
    padding-bottom: 56.71875vw;
  }
}
#dayessence-balm .product-head .product-head-item {
  margin-top: min(16px, 1.4545454545vw);
  margin-right: min(98px, 8.9090909091vw);
}
@media only screen and (max-width: 768px) {
  #dayessence-balm .product-head .product-head-item {
    margin: 0 0 0 -11.71875vw;
  }
}
#dayessence-balm .product-head .product-head-item img {
  width: min(343px, 31.1818181818vw);
}
@media only screen and (max-width: 768px) {
  #dayessence-balm .product-head .product-head-item img {
    width: 53.59375vw;
  }
}
@media only screen and (max-width: 768px) {
  #dayessence-balm .product-head .product-head-panel {
    margin-top: 9.84375vw;
  }
}
#dayessence-balm .product-head .product-head-panel-inner {
  padding-top: min(55px, 5vw);
  padding-bottom: min(50px, 4.5454545455vw);
}
@media only screen and (max-width: 768px) {
  #dayessence-balm .product-head .product-head-panel-inner {
    padding-top: 8.75vw;
    padding-bottom: 8.125vw;
  }
}
#dayessence-balm .product-head .product-head-panel-inner .title01 {
  width: min(286px, 26vw);
  margin-bottom: min(28px, 2.5454545455vw);
}
@media only screen and (max-width: 768px) {
  #dayessence-balm .product-head .product-head-panel-inner .title01 {
    width: 44.0625vw;
    margin-bottom: 4.375vw;
  }
}
#dayessence-balm .product-head .product-head-panel-inner .title02 {
  width: min(285px, 25.9090909091vw);
  margin-bottom: min(32px, 2.9090909091vw);
  translate: min(11px, 1vw) 0;
}
@media only screen and (max-width: 768px) {
  #dayessence-balm .product-head .product-head-panel-inner .title02 {
    width: 44.53125vw;
    margin-bottom: 5vw;
    translate: 1.71875vw 0;
  }
}
#dayessence-balm .chara01 {
  top: min(723px, 65.7272727273vw);
  right: calc(50% + min(330px, 30vw));
  width: min(144px, 13.0909090909vw);
}
@media only screen and (max-width: 768px) {
  #dayessence-balm .chara01 {
    top: 255.15625vw;
    right: auto;
    left: 16.71875vw;
    width: 22.65625vw;
  }
}
#dayessence-balm .chara02 {
  top: min(698px, 63.4545454545vw);
  left: calc(50% + min(320px, 29.0909090909vw));
  width: min(231px, 21vw);
}
@media only screen and (max-width: 768px) {
  #dayessence-balm .chara02 {
    top: 239.375vw;
    right: auto;
    left: 53.59375vw;
    width: 36.09375vw;
  }
}
@media only screen and (max-width: 768px) {
  #dayessence-balm .note-list {
    width: 90.625vw;
    margin-inline: auto;
  }
}
@media only screen and (max-width: 768px) {
  #dayessence-balm .note-list li {
    width: 37.34375vw;
    text-align: left;
  }
}

/* day-milky-uv-gel */
#day-milky-uv-gel .product-block-inner {
  padding-top: min(82px, 7.4545454545vw);
  padding-bottom: min(87px, 7.9090909091vw);
}
@media only screen and (max-width: 768px) {
  #day-milky-uv-gel .product-block-inner {
    padding-top: 12.65625vw;
    padding-bottom: 26.71875vw;
  }
}
#day-milky-uv-gel .product-head .product-head-item {
  margin-top: min(33px, 3vw);
  margin-left: min(93px, 8.4545454545vw);
  margin-right: min(54px, 4.9090909091vw);
}
@media only screen and (max-width: 768px) {
  #day-milky-uv-gel .product-head .product-head-item {
    margin: 0 0 0 10.46875vw;
  }
}
#day-milky-uv-gel .product-head .product-head-item img {
  width: min(293px, 26.6363636364vw);
}
@media only screen and (max-width: 768px) {
  #day-milky-uv-gel .product-head .product-head-item img {
    width: 45.78125vw;
  }
}
@media only screen and (max-width: 768px) {
  #day-milky-uv-gel .product-head .product-head-panel {
    margin-top: 11.40625vw;
  }
}
#day-milky-uv-gel .product-head .product-head-panel-inner {
  padding-top: min(62px, 5.6363636364vw);
  padding-bottom: min(60px, 5.4545454545vw);
}
@media only screen and (max-width: 768px) {
  #day-milky-uv-gel .product-head .product-head-panel-inner {
    padding-top: 9.6875vw;
    padding-bottom: 9.375vw;
  }
}
#day-milky-uv-gel .product-head .product-head-panel-inner .title01 {
  width: min(297px, 27vw);
  margin-bottom: min(15px, 1.3636363636vw);
}
@media only screen and (max-width: 768px) {
  #day-milky-uv-gel .product-head .product-head-panel-inner .title01 {
    width: 46.40625vw;
    margin-bottom: 2.34375vw;
  }
}
#day-milky-uv-gel .product-head .product-head-panel-inner .title02 {
  width: min(307px, 27.9090909091vw);
  margin-bottom: min(38px, 3.4545454545vw);
}
@media only screen and (max-width: 768px) {
  #day-milky-uv-gel .product-head .product-head-panel-inner .title02 {
    width: 47.96875vw;
    margin-bottom: 5.9375vw;
  }
}
#day-milky-uv-gel .chara01 {
  top: min(724px, 65.8181818182vw);
  right: calc(50% + min(298px, 27.0909090909vw));
  width: min(220px, 20vw);
}
@media only screen and (max-width: 768px) {
  #day-milky-uv-gel .chara01 {
    top: 268.59375vw;
    right: auto;
    left: 15.625vw;
    width: 27.5vw;
  }
}
#day-milky-uv-gel .chara02 {
  top: min(715px, 65vw);
  left: calc(50% + min(264px, 24vw));
  width: min(355px, 32.2727272727vw);
}
@media only screen and (max-width: 768px) {
  #day-milky-uv-gel .chara02 {
    top: 247.34375vw;
    right: auto;
    left: 52.65625vw;
    width: 42.65625vw;
  }
}
#day-milky-uv-gel .note-list {
  width: min(1000px, 90.9090909091vw);
  margin-inline: auto;
}
@media only screen and (max-width: 768px) {
  #day-milky-uv-gel .note-list {
    width: 90.625vw;
    margin-inline: auto;
    margin-top: 5.78125vw;
  }
}
#day-milky-uv-gel .note-list li {
  width: min(750px, 68.1818181818vw);
  text-align: left;
}
@media only screen and (max-width: 768px) {
  #day-milky-uv-gel .note-list li {
    width: 45.3125vw;
  }
}

/* page-copyright
---------------------------------------------------*/
.page-copyright {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: min(100px, 9.0909090909vw);
  background-color: #fff;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .page-copyright {
    height: 15.625vw;
  }
}
.page-copyright p {
  text-align: center;
  color: #8E6331;
  font-size: min(20px, 1.8181818182vw);
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .page-copyright p {
    font-size: 3.125vw;
  }
}

/* animation
---------------------------------------------------*/
.bounceInUp.animated {
  opacity: 0;
  transition: 0.3s;
}

.bounceInUp.animated.animated_on {
  opacity: 1;
  animation-name: bounceInUp;
}

.pulse.animated {
  opacity: 0;
}

.pulse.animated.animated_on {
  animation: pulse 1s 1 ease-in-out forwards;
  animation-delay: 0.2s;
}

.fadeInUp.animated {
  opacity: 0;
}

.fadeInUp.animated.animated_on {
  animation: fadeInUp 0.8s 1 ease-in-out forwards;
  animation-delay: 0s;
}

/* animation
---------------------------------------------------*/
.animated {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0) scaleY(1);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20%, 0) scaleY(0.9);
  }
  75% {
    opacity: 1;
    transform: translate3d(0, 10%, 0) scaleY(0.95);
  }
  90% {
    opacity: 1;
    transform: translate3d(0, -5%, 0) scaleY(0.985);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scaleY(1);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@keyframes pulse {
  from {
    opacity: 0;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  50% {
    opacity: 1;
    transform: scale3d(1.2, 1.2, 1.2);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 1;
    transform: translate3d(0, 60%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/*# sourceMappingURL=main.css.map */