body {
  margin: 0;
  padding: 0;
  background-color: #f9ecf0;
}

.mikko {
  background-color: #f9ecf0;
}
.mikko .helvetica {
  font-family: "helvetica-lt-pro", sans-serif;
}
.mikko .gennokaku {
  font-family: "source-han-sans-japanese", sans-serif;
  font-weight: bold;
}
.mikko .stix {
  font-family: "stix-two-math", serif;
  font-weight: bold;
}
.mikko h1 {
  margin: 0;
  padding: 0;
}
.mikko img {
  vertical-align: top;
  width: 100%;
}
.mikko a {
  text-decoration: none;
}
.mikko ul {
  margin: 0 !important;
  padding: 0 !important;
}
.mikko .br_pc {
  display: block;
}
@media (max-width: 710px) {
  .mikko .br_pc {
    display: none !important;
  }
}
.mikko .br_sp {
  display: none;
}
@media (max-width: 710px) {
  .mikko .br_sp {
    display: block !important;
  }
}
.mikko .fv {
  background-image: url(/img/usr/feature/other/260213_sv_mikko/fv_bg_pc.png);
  background-size: cover;
  position: relative;
  width: 100%;
  aspect-ratio: 2400/530;
}
@media (max-width: 710px) {
  .mikko .fv {
    background-image: url(/img/usr/feature/other/260213_sv_mikko/fv_bg_sp.png);
    aspect-ratio: 1420/570;
  }
}
.mikko .fv_title {
  width: 19%;
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 710px) {
  .mikko .fv_title {
    width: 34%;
  }
}
.mikko .fv_title img {
  width: 100%;
}
.mikko .fv_m {
  background-image: url(/img/usr/feature/other/260213_sv_mikko/fv_m.png);
  background-size: cover;
  position: absolute;
  width: 8.4%;
  top: 12%;
  left: 66.5%;
  aspect-ratio: 222/256;
}
@media (max-width: 710px) {
  .mikko .fv_m {
    width: 14.2%;
    left: 79.5%;
  }
}
.mikko .fv_c {
  background-image: url(/img/usr/feature/other/260213_sv_mikko/fv_c.png);
  background-size: cover;
  position: absolute;
  width: 9.6%;
  top: 54%;
  left: 60.4%;
  aspect-ratio: 426/399;
}
@media (max-width: 710px) {
  .mikko .fv_c {
    width: 17.6%;
    left: 68.5%;
    top: 56%;
  }
}
.mikko .fv_s {
  background-image: url(/img/usr/feature/other/260213_sv_mikko/fv_s.png);
  background-size: cover;
  position: absolute;
  width: 8.6%;
  top: 12.4%;
  left: 25%;
  aspect-ratio: 370/420;
}
@media (max-width: 710px) {
  .mikko .fv_s {
    width: 15.4%;
    left: 6.8%;
    top: 12.4%;
  }
}
.mikko .fv_l {
  background-image: url(/img/usr/feature/other/260213_sv_mikko/fv_l.png);
  background-size: cover;
  position: absolute;
  width: 7.2%;
  top: 54%;
  left: 32.2%;
  aspect-ratio: 333/394;
}
@media (max-width: 710px) {
  .mikko .fv_l {
    width: 13%;
    left: 18%;
    top: 58%;
  }
}
.mikko_p {
  background-color: #fdfafb;
  text-align: center;
  display: block;
  font-size: clamp(12px, 6.204px + 0.816vw, 16px);
  color: #dc9bad;
  padding: clamp(28px, 7.714px + 2.857vw, 42px) 0;
  line-height: 1.8;
  position: relative;
  z-index: 10;
  margin: 0;
}
@media (max-width: 710px) {
  .mikko_p {
    font-size: clamp(12px, 9.395px + 0.93vw, 16px);
    margin: 0;
    padding: clamp(28px, 18.884px + 3.256vw, 42px) 0;
  }
}
.mikko .product {
  width: 100%;
  padding: clamp(68px, 30.327px + 5.306vw, 94px) 0;
  position: relative;
  z-index: 20;
}
@media (max-width: 710px) {
  .mikko .product {
    padding: clamp(28px, 18.884px + 3.256vw, 42px) 0;
  }
}
.mikko .product_item {
  width: 48%;
  margin: 0 auto;
  max-width: 620px;
  position: relative;
  padding: clamp(28px, 7.714px + 2.857vw, 42px) 0;
}
@media (max-width: 710px) {
  .mikko .product_item {
    width: 64%;
    padding: clamp(34px, 22.279px + 4.186vw, 52px) 0;
  }
}
.mikko .product_item a {
  display: flex;
  width: 100%;
}
@media (max-width: 710px) {
  .mikko .product_item a {
    flex-direction: column-reverse;
  }
}
.mikko .product_item_img {
  width: 50%;
}
@media (max-width: 710px) {
  .mikko .product_item_img {
    width: 100%;
  }
}
.mikko .product_item_art {
  width: 50%;
}
@media (max-width: 710px) {
  .mikko .product_item_art {
    width: 100%;
  }
}
.mikko .product_item_hukidasi {
  position: absolute;
  width: 42%;
  top: -10%;
  left: -15%;
}
@media (max-width: 710px) {
  .mikko .product_item_hukidasi {
    width: 54%;
    top: 47%;
    left: -24%;
  }
}
.mikko .product_item.m .balloon {
  position: absolute;
  width: 100%;
  top: 38%;
}
.mikko .product_item.m .balloon img {
  width: 16%;
  position: absolute;
  right: -20%;
}
@media (max-width: 710px) {
  .mikko .product_item.m .balloon img {
    width: 26%;
    right: -27%;
  }
}
.mikko .product_item.c a {
  flex-direction: row-reverse;
}
@media (max-width: 710px) {
  .mikko .product_item.c a {
    flex-direction: column-reverse;
  }
}
.mikko .product_item.c a .product_item_hukidasi {
  left: 84%;
  top: -12%;
}
@media (max-width: 710px) {
  .mikko .product_item.c a .product_item_hukidasi {
    width: 54%;
    left: 71%;
    top: 45%;
  }
}
.mikko .product_item.c .balloon {
  position: absolute;
  width: 100%;
  top: 68%;
}
.mikko .product_item.c .balloon img {
  width: 16%;
  position: absolute;
  left: -20%;
}
@media (max-width: 710px) {
  .mikko .product_item.c .balloon img {
    width: 26%;
    left: -27%;
  }
}
.mikko .product_item.s .balloon {
  position: absolute;
  width: 100%;
  top: 48%;
}
.mikko .product_item.s .balloon img {
  width: 16%;
  position: absolute;
  right: -20%;
}
@media (max-width: 710px) {
  .mikko .product_item.s .balloon img {
    width: 26%;
    right: -27%;
  }
}
.mikko .product_item.l a {
  flex-direction: row-reverse;
}
@media (max-width: 710px) {
  .mikko .product_item.l a {
    flex-direction: column-reverse;
  }
}
.mikko .product_item.l a .product_item_hukidasi {
  left: 84%;
  top: -12%;
}
.mikko .product_item.l .balloon {
  position: absolute;
  width: 100%;
  top: 128%;
}
.mikko .product_item.l .balloon img {
  width: 16%;
  position: absolute;
  left: -20%;
}
@media (max-width: 710px) {
  .mikko .product_item.l .balloon img {
    width: 26%;
    left: -27%;
  }
}
.mikko .product_item.mc01 .balloon:nth-of-type(1) {
  position: absolute;
  width: 100%;
  top: 158%;
}
.mikko .product_item.mc01 .balloon:nth-of-type(1) img {
  width: 16%;
  position: absolute;
  right: -20%;
}
@media (max-width: 710px) {
  .mikko .product_item.mc01 .balloon:nth-of-type(1) img {
    width: 26%;
    right: -27%;
  }
}
.mikko .product_item.mc01 .balloon:nth-of-type(2) {
  position: absolute;
  width: 100%;
  top: 242%;
}
.mikko .product_item.mc01 .balloon:nth-of-type(2) img {
  width: 16%;
  position: absolute;
  left: -20%;
}
@media (max-width: 710px) {
  .mikko .product_item.mc01 .balloon:nth-of-type(2) img {
    width: 26%;
    left: -27%;
  }
}
.mikko .product_item.mc02 .balloon {
  position: absolute;
  width: 100%;
  top: 47%;
}
.mikko .product_item.mc02 .balloon img {
  width: 16%;
  position: absolute;
  left: -20%;
}
@media (max-width: 710px) {
  .mikko .product_item.mc02 .balloon img {
    width: 26%;
    left: -27%;
  }
}
.mikko .product_item.mc02 a {
  width: 50%;
  margin: 0 auto;
}
@media (max-width: 710px) {
  .mikko .product_item.mc02 a {
    width: 100%;
  }
}
.mikko .product_item.mc02 a .product_item_img {
  width: 100%;
}
.mikko .price {
  background-color: #fdfafb;
  padding: clamp(42px, 4.327px + 5.306vw, 68px) 0;
}
@media (max-width: 710px) {
  .mikko .price {
    margin: clamp(42px, 4.327px + 5.306vw, 68px) 0 0;
  }
}
.mikko .price_title {
  color: #dc9bad;
  font-size: clamp(32px, 8.816px + 3.265vw, 48px);
  padding: 0 0 clamp(12px, -5.388px + 2.449vw, 24px);
  text-align: center;
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.mikko .price_title_balloon {
  aspect-ratio: 184/160;
  width: 6%;
  position: absolute;
}
@media (max-width: 710px) {
  .mikko .price_title_balloon {
    width: 10%;
  }
}
.mikko .price_title_balloon.left {
  background-image: url(/img/usr/feature/other/260213_sv_mikko/price_heart_left.png);
  background-size: cover;
  left: 37%;
  top: 32%;
  transform: translateY(-50%);
}
@media (max-width: 710px) {
  .mikko .price_title_balloon.left {
    left: 27%;
  }
}
.mikko .price_title_balloon.right {
  background-image: url(/img/usr/feature/other/260213_sv_mikko/price_heart_right.png);
  background-size: cover;
  right: 37%;
  top: 32%;
  transform: translateY(-50%);
}
@media (max-width: 710px) {
  .mikko .price_title_balloon.right {
    right: 27%;
  }
}
.mikko .price_p {
  line-height: 1.8;
  padding: 0;
  margin: 0;
  color: #dc9bad;
  font-size: clamp(12px, 6.204px + 0.816vw, 16px);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media (max-width: 710px) {
  .mikko .price_p {
    text-align: center;
    font-size: clamp(12px, 9.395px + 0.93vw, 16px);
  }
}
.mikko .product_item_p {
  font-size: clamp(12px, 6.204px + 0.816vw, 16px);
  text-align: center;
  line-height: 1.8;
  margin: 0 12px;
  color: #dc9bad;
}
@media (max-width: 710px) {
  .mikko .product_item_p {
    font-size: clamp(12px, 9.395px + 0.93vw, 16px);
  }
}
.mikko .copyright {
  font-size: clamp(12px, 6.204px + 0.816vw, 16px);
  background-color: #fdfafb;
  padding: clamp(12px, -5.388px + 2.449vw, 24px) 0;
  margin: 0;
  text-align: center;
}
@media (max-width: 710px) {
  .mikko .copyright {
    font-size: clamp(12px, 9.395px + 0.93vw, 16px);
    margin: clamp(42px, 4.327px + 5.306vw, 68px) 0 0;
  }
}

.onlineshop_btnWrapper {
  display: flex;
  justify-content: center;
  margin: 24px 0 40px;
}

.onlineshop_btn {
  color: #dc9bad;
  background-color: #fff;
  padding: clamp(16px, -2.694px + 1.224vw, 24px) clamp(20px, -2.694px + 1.224vw, 28px);
  border-radius: 9999px;
  z-index: 20;
  font-size: clamp(10px, 1.306px + 1.224vw, 16px);
  text-decoration: none;
}
@media (max-width: 710px) {
  .onlineshop_btn {
    font-size: clamp(10px, 6.093px + 1.395vw, 16px);
  }
}

.initial_open {
  opacity: 0;
  transition: 4.2s;
}
.initial_open.on {
  opacity: 1;
}

.initial_open:nth-child(1) {
  transition: opacity 4.2s ease !important;
}

.initial_open:nth-of-type(1) {
  transition: opacity 2.2s ease;
}

.initial_open:nth-of-type(2) {
  transition: opacity 3.2s ease;
}

.initial_open:nth-of-type(3) {
  transition: opacity 2.2s ease;
}

.initial_open:nth-of-type(4) {
  transition: opacity 3.2s ease;
}

.initial_open:nth-of-type(5) {
  transition: opacity 2.2s ease;
}

.mikko_p.initial_open {
  transition: opacity 4.2s ease;
}

.fadeIn {
  opacity: 0;
  transition: 2.2s;
}

.fadeIn.is-show {
  opacity: 1;
}

.fadeIn_up {
  opacity: 0;
  transform: translate(0, 4%);
  transition: 2.2s;
}

.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.slideIn {
  opacity: 0;
  transform: translateX(-100%);
  transition: 2.2s;
}

.slideIn.is-show {
  transform: translateX(0);
  opacity: 1;
}

.slideIn_r {
  opacity: 0;
  transform: translateX(100%);
  transition: 2.2s;
}

.slideIn_r.is-show {
  transform: translateX(0);
  opacity: 1;
}/*# sourceMappingURL=sv_mikko.css.map */