@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
@media (min-width: 900px) {
  .mfp-wrap {
    overflow-x: auto !important;
  }
  .mfp-iframe-holder .mfp-content {
    max-width: 720px;
  }
  .mfp-iframe-holder .mfp-close {
    background: url("../img/btn_close.png") right 5px bottom 7px no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 0;
    opacity: 1;
  }
  .mfp-fade.mfp-bg {
    opacity: 0;
    transition: all 0.1s ease;
  }
  .mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.5;
    background: #707070;
  }
  .mfp-ready .mfp-content {
    width: 720px;
    -webkit-animation: tobig 0.5s ease 0s 1 normal both;
    animation: tobig 0.5s ease 0s 1 normal both;
  }
  @-webkit-keyframes tobig {
    from {
      width: 660px;
    }
    to {
      width: 720px;
    }
  }
  @keyframes tobig {
    from {
      width: 660px;
    }
    to {
      width: 720px;
    }
  }
  .mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
  }
  .mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all 0.4s ease-out;
  }
  .mfp-fade.mfp-bg.mfp-removing {
    transition: all 0.25s ease;
  }
  .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
  }
  .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
  }
}
/*****/
@media screen and (max-width: 700px) {
  .mfp-iframe-holder .mfp-close {
    background: url("../img/btn_close.png") right 10px bottom 10px no-repeat;
    background-size: auto 3.5vw;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 0;
    opacity: 1;
  }
  .mfp-fade.mfp-bg {
    opacity: 0;
    transition: all 0.1s ease;
  }
  .mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.5;
    background: #707070;
  }
  .mfp-ready .mfp-content {
    /*    width: 85%;*/
    width: 100% !important;
    -webkit-animation: tosmall 0.5s ease 0s 1 normal both;
    animation: tosmall 0.5s ease 0s 1 normal both;
  }
  @-webkit-keyframes tosmall {
    from {
      width: 85%;
    }
    to {
      width: 100%;
    }
  }
  @keyframes tosmall {
    from {
      width: 85%;
    }
    to {
      width: 100%;
    }
  }
  .mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
  }
  .mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all 0.4s ease-out;
  }
  .mfp-fade.mfp-bg.mfp-removing {
    transition: all 0.25s ease;
  }
  .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
  }
  .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
  }
}
.mfp-wrap,
.mfp-content {
  transform: translateZ(0);
  will-change: transform, opacity;
}

.mfp-container {
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 899px) {
  .only-pc {
    display: none !important;
  }
}

@media (min-width: 900px) {
  .only-sp {
    display: none !important;
  }
}

body {
  min-width: 100%;
}
body.js-modal-open {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}

img {
  max-width: 100%;
}

* {
  box-sizing: border-box;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
@media (min-width: 900px) {
  a {
    transition: opacity 0.3s ease;
  }
}
@media (min-width: 900px) and (hover: hover) {
  a:hover {
    opacity: 0.7;
  }
}

footer.agf-cs-footer .agf-cs-footer-divider-container img {
  vertical-align: bottom;
}

.meteo .cs-page {
  padding-top: 0;
}

#stick_black {
  font-family: "Noto Serif JP", serif;
  background: #fff;
  color: #333;
  font-size: min(18px, 0.9375vw);
  line-height: 1.6666666667;
  letter-spacing: 0.03em;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 899px) {
  #stick_black {
    font-size: 4.2666666667vw;
    line-height: 1.875;
  }
}
#stick_black * {
  box-sizing: border-box;
}
#stick_black a {
  text-decoration: none;
}
#stick_black a:hover {
  text-decoration: none;
}
@media (min-width: 900px) {
  #stick_black a {
    transition: opacity 0.3s ease;
  }
}
@media (min-width: 900px) and (hover: hover) {
  #stick_black a:hover {
    opacity: 0.7;
  }
}
#stick_black img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
#stick_black .ttl-cus {
  font-size: min(35px, 1.8229166667vw);
  line-height: 1.1428571429;
  letter-spacing: 0.14em;
  font-weight: 700;
  text-align: center;
  color: #004407;
}
@media (max-width: 899px) {
  #stick_black .ttl-cus {
    font-size: 6.9333333333vw;
    line-height: 1.5384615385;
  }
}
#stick_black .ttl-cus span {
  width: min(536px, 27.9166666667vw);
  border-top: min(2px, 0.1041666667vw) solid;
  border-bottom: min(2px, 0.1041666667vw) solid;
  padding: min(12px, 0.625vw) 0 min(16px, 0.8333333333vw) 0;
  display: inline-block;
}
@media (max-width: 899px) {
  #stick_black .ttl-cus span {
    width: 100%;
    border-top: 0.5333333333vw solid;
    border-bottom: 0.5333333333vw solid;
    padding: 1.8666666667vw 0 2.1333333333vw 0;
  }
}
#stick_black .ttl-cus02 {
  font-size: min(42px, 2.1875vw);
  line-height: 1.6428571429;
  letter-spacing: 0.14em;
  font-weight: 900;
  color: #007690;
  text-align: center;
}
#stick_black .box-style01 {
  padding: min(79px, 4.1145833333vw) min(30px, 1.5625vw) min(80px, 4.1666666667vw) min(30px, 1.5625vw);
  background: rgba(255, 255, 255, 0.8);
}
@media (max-width: 899px) {
  #stick_black .box-style01 {
    padding: 12.5333333333vw 4.8vw 13.3333333333vw 4.8vw;
  }
}
#stick_black .box-style02 {
  background: #fff;
  border-radius: min(10px, 0.5208333333vw);
  padding: min(43px, 2.2395833333vw) min(70px, 3.6458333333vw) min(80px, 4.1666666667vw) min(70px, 3.6458333333vw);
}
#stick_black .btn-cus a {
  background: url("../img/arrow.svg") no-repeat center right min(20px, 1.0416666667vw), #004407;
  background-size: min(7px, 0.3645833333vw);
  color: #fff;
  width: min(300px, 15.625vw);
  height: min(52px, 2.7083333333vw);
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: min(18px, 0.9375vw);
  line-height: 1.6666666667;
  letter-spacing: 0.1em;
  font-weight: 400;
  text-align: center;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  padding: min(13px, 0.6770833333vw) min(60px, 3.125vw) min(13px, 0.6770833333vw) min(60px, 3.125vw);
  border-radius: min(26px, 1.3541666667vw);
}
@media (max-width: 899px) {
  #stick_black .btn-cus a {
    background: url("../img/arrow.svg") no-repeat center right 3.2vw, #004407;
    background-size: 1.8666666667vw;
    width: 75.7333333333vw;
    height: 13.8666666667vw;
    font-size: 4.8vw;
    line-height: 1.6666666667;
    padding: 3.4666666667vw 16vw 3.4666666667vw 16vw;
    border-radius: 6.9333333333vw;
  }
}
#stick_black .btn-view-more a {
  background: #0088B1;
  color: #fff;
  width: min(420px, 21.875vw);
  height: min(80px, 4.1666666667vw);
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: min(25px, 1.3020833333vw);
  line-height: 1.2;
  letter-spacing: 0.1em;
  font-weight: 700;
  text-align: center;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  padding: min(21px, 1.09375vw) min(60px, 3.125vw) min(23px, 1.1979166667vw) min(60px, 3.125vw);
  border-radius: min(40px, 2.0833333333vw);
}
@media (max-width: 899px) {
  #stick_black .btn-view-more a {
    width: 100%;
    height: 17.3333333333vw;
    font-size: 5.8666666667vw;
    line-height: 1.3636363636;
    padding: 3.4666666667vw 16vw 3.4666666667vw 16vw;
    border-radius: 10.6666666667vw;
  }
}
#stick_black .btn-view-more a::before, #stick_black .btn-view-more a::after {
  content: "";
  position: absolute;
  top: 0;
  right: min(27px, 1.40625vw);
  bottom: 0;
  background: #fff;
  border-radius: min(1px, 0.0520833333vw);
  transition: all ease 0.3s;
  width: min(18px, 0.9375vw);
  height: min(2px, 0.1041666667vw);
  margin: auto 0;
}
@media (max-width: 899px) {
  #stick_black .btn-view-more a::before, #stick_black .btn-view-more a::after {
    right: 5.3333333333vw;
    border-radius: 0.2666666667vw;
    width: 4vw;
    height: 0.5333333333vw;
  }
}
#stick_black .btn-view-more a::after {
  transform: rotate(90deg);
}
#stick_black .video-thumb {
  position: relative;
  display: block;
}
#stick_black .video-thumb:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("../img/icon_play.png") no-repeat center center;
  background-size: cover;
  width: min(82px, 4.2708333333vw);
  height: min(82px, 4.2708333333vw);
}
@media (max-width: 899px) {
  #stick_black .video-thumb:before {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
  }
}
#stick_black .video-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#stick_black .inner {
  width: 100%;
  max-width: min(1320px, 68.75vw);
  padding: 0 min(20px, 1.0416666667vw);
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 899px) {
  #stick_black .inner {
    max-width: 100%;
    width: 100%;
    padding: 0 4.8vw;
  }
}
#stick_black .stick-black-header {
  padding: min(16px, 0.8333333333vw) min(104px, 5.4166666667vw) min(16px, 0.8333333333vw) min(104px, 5.4166666667vw);
  background: #004407;
}
@media (max-width: 899px) {
  #stick_black .stick-black-header {
    padding: 1.8666666667vw 6.6666666667vw 1.8666666667vw 6.6666666667vw;
  }
}
#stick_black .stick-black-logo {
  width: min(287px, 14.9479166667vw);
  display: block;
  aspect-ratio: 287/38;
  line-height: 1;
}
@media (max-width: 899px) {
  #stick_black .stick-black-logo {
    width: 48.2666666667vw;
    aspect-ratio: 181/24;
  }
}
#stick_black .kv {
  position: relative;
}
#stick_black .kv .inner {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: min(62px, 3.2291666667vw);
}
@media (max-width: 899px) {
  #stick_black .kv .inner {
    height: 16.5333333333vw;
  }
}
#stick_black .kv-img {
  aspect-ratio: 1920/650;
}
@media (max-width: 899px) {
  #stick_black .kv-img {
    aspect-ratio: 375/460;
  }
}
#stick_black .kv-nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  justify-content: center;
  display: flex;
  background: #fff;
  font-size: min(18px, 0.9375vw);
  line-height: 1.4444444444;
  letter-spacing: 0.06em;
  font-weight: 700;
  gap: min(30px, 1.5625vw);
  padding: min(18px, 0.9375vw) min(30px, 1.5625vw) min(18px, 0.9375vw) min(30px, 1.5625vw);
  width: fit-content;
  align-items: center;
  margin: 0 auto;
  z-index: 3;
}
@media (max-width: 899px) {
  #stick_black .kv-nav {
    font-size: 3.7333333333vw;
    line-height: 1.2857142857;
    letter-spacing: 0;
    gap: 6.8vw;
    padding: 3.4666666667vw 3.2vw 3.4666666667vw 3.2vw;
    height: 16.5333333333vw;
  }
}
#stick_black .kv-nav.fixed {
  position: fixed;
}
#stick_black .kv-nav a {
  position: relative;
  text-align: center;
  min-width: min(160px, 8.3333333333vw);
}
@media (max-width: 899px) {
  #stick_black .kv-nav a {
    min-width: auto;
    white-space: nowrap;
  }
}
#stick_black .kv-nav a:nth-child(3) {
  min-width: min(200px, 10.4166666667vw);
}
@media (max-width: 899px) {
  #stick_black .kv-nav a:nth-child(3) {
    min-width: auto;
  }
}
#stick_black .kv-nav a + a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: max(-15px, -0.78125vw);
  width: min(2px, 0.1041666667vw);
  height: min(26px, 1.3541666667vw);
  background: #333;
  margin: auto 0;
}
@media (max-width: 899px) {
  #stick_black .kv-nav a + a::before {
    left: -3.4666666667vw;
    width: 0.2666666667vw;
    height: 8vw;
  }
}
#stick_black .statement {
  padding: min(136px, 7.0833333333vw) min(126px, 6.5625vw) min(133px, 6.9270833333vw) min(126px, 6.5625vw);
  position: relative;
}
@media (max-width: 899px) {
  #stick_black .statement {
    padding: 27.2vw 4.8vw 27.2vw 4.8vw;
  }
}
#stick_black .statement::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: max(-1px, -0.0520833333vw);
  background: #FFF;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(239, 248, 250) 100%);
  height: min(136px, 7.0833333333vw);
  z-index: 1;
}
@media (max-width: 899px) {
  #stick_black .statement::before {
    height: 23.4666666667vw;
  }
}
#stick_black .statement .bg-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#stick_black .statement .bg-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#stick_black .statement-box {
  background: rgba(255, 255, 255, 0.7);
  border-radius: min(10px, 0.5208333333vw);
  width: min(758px, 39.4791666667vw);
  padding: min(86px, 4.4791666667vw) min(40px, 2.0833333333vw) min(90px, 4.6875vw) min(40px, 2.0833333333vw);
  font-family: "YuMincho", "Yu Mincho", "MS PMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
  font-size: min(26px, 1.3541666667vw);
  line-height: 2.3846153846;
  letter-spacing: 0.04em;
  font-weight: 500;
  position: relative;
  z-index: 1;
}
@media (max-width: 899px) {
  #stick_black .statement-box {
    border-radius: 2.6666666667vw;
    text-align: center;
    width: 100%;
    padding: 4.2666666667vw 4.8vw 4.8vw 4.8vw;
    font-size: 4.2666666667vw;
    line-height: 2.625;
    letter-spacing: 0.03em;
  }
}
#stick_black .statement-txt {
  font-weight: 500;
}
#stick_black .statement-txt .symbol {
  font-size: min(22px, 1.1458333333vw);
  letter-spacing: -0.02em;
}
@media (max-width: 899px) {
  #stick_black .statement-txt .symbol {
    font-size: 4.2666666667vw;
  }
}
#stick_black .cm {
  padding: min(119px, 6.1979166667vw) 0 min(140px, 7.2916666667vw) 0;
  background: #EFF8FA;
}
@media (max-width: 899px) {
  #stick_black .cm {
    padding: 20.5333333333vw 0 26.6666666667vw 0;
  }
}
#stick_black .cm .ttl-cus {
  margin: 0 0 min(60px, 3.125vw) 0;
}
@media (max-width: 899px) {
  #stick_black .cm .ttl-cus {
    margin: 0 0 10.6666666667vw 0;
  }
}
#stick_black .cm-banner {
  max-width: min(620px, 32.2916666667vw);
  margin: 0 auto;
  aspect-ratio: 620/345;
}
@media (max-width: 899px) {
  #stick_black .cm-banner {
    max-width: 100%;
    aspect-ratio: 339/190;
  }
}
#stick_black .cm-banner a {
  display: block;
}
#stick_black .lineup {
  padding: min(98px, 5.1041666667vw) 0 min(120px, 6.25vw) 0;
  position: relative;
  background: url("../img/lineup_bg.jpg") no-repeat center top;
  background-size: cover;
  overflow: hidden;
}
@media (max-width: 899px) {
  #stick_black .lineup {
    padding: 20.8vw 0 21.3333333333vw 0;
    background: url("../img/lineup_bg_sp.jpg") no-repeat center top;
    background-size: cover;
  }
}
#stick_black .lineup .box-style01 {
  position: relative;
}
#stick_black .lineup .ttl-cus {
  margin: 0 auto min(70px, 3.6458333333vw) auto;
}
@media (max-width: 899px) {
  #stick_black .lineup .ttl-cus {
    margin: 0 auto 10.6666666667vw auto;
  }
}
#stick_black .lineup-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0 0 min(100px, 5.2083333333vw) 0;
  height: min(202px, 10.5208333333vw);
}
@media (max-width: 899px) {
  #stick_black .lineup-slider {
    margin: 0 0 16vw 0;
    height: 33.0666666667vw;
  }
}
#stick_black .lineup-slider .splide__list {
  will-change: transform;
  transition-timing-function: linear !important;
}
#stick_black .lineup-slider .splide__slide {
  width: min(905px, 47.1354166667vw);
  aspect-ratio: 905/202;
  transform: translateZ(0);
  flex-shrink: 0;
}
@media (max-width: 899px) {
  #stick_black .lineup-slider .splide__slide {
    width: 148.2666666667vw;
    aspect-ratio: 556/125;
  }
}
#stick_black .lineup-product {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: min(50px, 2.6041666667vw) 0;
}
@media (max-width: 899px) {
  #stick_black .lineup-product {
    flex-direction: column;
    gap: 13.3333333333vw;
  }
}
#stick_black .lineup-product-item {
  width: min(300px, 15.625vw);
  padding: 0;
  position: relative;
  box-sizing: content-box;
}
@media (max-width: 899px) {
  #stick_black .lineup-product-item {
    width: 100%;
    display: flex;
    flex-flow: column;
  }
}
@media (min-width: 900px) {
  #stick_black .lineup-product-item.item-center, #stick_black .lineup-product-item:nth-child(4) {
    padding-left: min(60px, 3.125vw);
    padding-right: min(60px, 3.125vw);
    border-left: min(1px, 0.0520833333vw) solid #4D7B50;
    border-right: min(1px, 0.0520833333vw) solid #4D7B50;
    margin-left: min(59px, 3.0729166667vw);
    margin-right: min(59px, 3.0729166667vw);
  }
  #stick_black .lineup-product-item:last-child {
    padding-right: 0;
    border-right: none;
    margin-right: 0;
  }
  #stick_black .lineup-product-item:nth-child(1) {
    margin-left: min(200px, 10.4166666667vw);
  }
  #stick_black .lineup-product-item:nth-child(1) .lineup-product-item-ttl {
    min-height: min(56px, 2.9166666667vw);
  }
  #stick_black .lineup-product-item:nth-child(1) .lineup-product-item-img {
    margin: 0 0 min(15px, 0.78125vw) 0;
  }
  #stick_black .lineup-product-item:nth-child(2) {
    margin-left: min(69px, 3.59375vw);
    margin-right: min(200px, 10.4166666667vw);
    padding-left: min(70px, 3.6458333333vw);
    padding-right: 0;
    border-left: min(1px, 0.0520833333vw) solid #4D7B50;
    border-right: none;
  }
  #stick_black .lineup-product-item:nth-child(2) .lineup-product-item-ttl {
    min-height: min(56px, 2.9166666667vw);
  }
  #stick_black .lineup-product-item:nth-child(2) .lineup-product-item-img {
    margin: 0 0 min(15px, 0.78125vw) 0;
  }
  #stick_black .lineup-product-item:nth-child(3) {
    padding-left: 0;
    padding-right: 0;
    border-left: none;
    border-right: none;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 899px) {
  #stick_black .lineup-product-item {
    width: 100%;
  }
  #stick_black .lineup-product-item + .lineup-product-item {
    padding-top: 12.2666666667vw;
    border-top: 0.2666666667vw solid #4D7B50;
  }
}
#stick_black .lineup-product-item-ttl {
  font-size: min(15px, 0.78125vw);
  line-height: min(23.5px, 1.2239583333vw);
  letter-spacing: 0.01em;
  font-weight: 700;
  text-align: center;
  margin: 0 max(-5px, -0.2604166667vw) min(20px, 1.0416666667vw) max(-5px, -0.2604166667vw);
  min-height: min(79px, 4.1145833333vw);
}
@media (min-width: 900px) {
  #stick_black .lineup-product-item-ttl {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 899px) {
  #stick_black .lineup-product-item-ttl {
    font-size: 4.2666666667vw;
    line-height: 8vw;
    letter-spacing: 0.03em;
    margin: 0 0 2.9333333333vw 0;
    min-height: auto;
    text-align: left;
  }
}
#stick_black .lineup-product-item-ttl .symbol {
  font-size: min(14.3px, 0.7447916667vw);
  letter-spacing: -0.02em;
}
@media (max-width: 899px) {
  #stick_black .lineup-product-item-ttl .symbol {
    font-size: 4vw;
  }
}
#stick_black .lineup-product-item-ttl .fz-large {
  display: block;
  font-size: min(20px, 1.0416666667vw);
  line-height: min(27px, 1.40625vw);
  letter-spacing: 0.03em;
  margin: min(5px, 0.2604166667vw) 0 0 0;
}
@media (max-width: 899px) {
  #stick_black .lineup-product-item-ttl .fz-large {
    font-size: 5.8666666667vw;
    line-height: 11.2vw;
    margin: -1.8666666667vw 0 0 0;
  }
}
#stick_black .lineup-product-item-img {
  height: min(178px, 9.2708333333vw);
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  text-align: center;
  margin: 0 0 min(25px, 1.3020833333vw) 0;
}
@media (max-width: 899px) {
  #stick_black .lineup-product-item-img {
    height: 41.0666666667vw;
    margin: 0 0 4.5333333333vw 0;
  }
}
#stick_black .lineup-product-item-img img {
  width: auto;
  height: min(178px, 9.2708333333vw);
}
@media (max-width: 899px) {
  #stick_black .lineup-product-item-img img {
    height: 41.0666666667vw;
  }
}
#stick_black .lineup-product-item-txt {
  font-size: min(15px, 0.78125vw);
  line-height: 2;
  letter-spacing: 0.01em;
  font-weight: 400;
  margin: 0 0 min(15px, 0.78125vw) 0;
  min-height: min(120px, 6.25vw);
}
@media (max-width: 899px) {
  #stick_black .lineup-product-item-txt {
    font-size: 4.2666666667vw;
    line-height: 1.875;
    letter-spacing: -0.05em;
    margin: 0 0 3.7333333333vw 0;
    min-height: auto;
  }
}
#stick_black .lineup-product-item-txt .symbol {
  font-size: min(14px, 0.7291666667vw);
  letter-spacing: -0.02em;
}
@media (max-width: 899px) {
  #stick_black .lineup-product-item-txt .symbol {
    font-size: 4vw;
  }
}
#stick_black .lineup-product-item .btn-cus {
  width: min(300px, 15.625vw);
  margin: 0 auto;
}
@media (max-width: 899px) {
  #stick_black .lineup-product-item .btn-cus {
    width: 75.7333333333vw;
  }
}
#stick_black .lineup .btn-view-more {
  margin: min(60px, 3.125vw) auto 0 auto;
  text-align: center;
}
@media (max-width: 899px) {
  #stick_black .lineup .btn-view-more {
    margin: 13.3333333333vw auto 0 auto;
  }
}
#stick_black .bg {
  background: url("../img/step_bg.jpg") no-repeat center top;
  background-size: cover;
}
@media (max-width: 899px) {
  #stick_black .bg {
    background: url("../img/step_bg_sp.jpg") no-repeat center top;
    background-size: cover;
  }
}
#stick_black .step {
  padding: min(100px, 5.2083333333vw) 0 min(120px, 6.25vw) 0;
}
@media (max-width: 899px) {
  #stick_black .step {
    padding: 20.8vw 0 13.3333333333vw 0;
  }
}
#stick_black .step .ttl-cus {
  margin: 0 0 min(60px, 3.125vw) 0;
}
@media (max-width: 899px) {
  #stick_black .step .ttl-cus {
    margin: 0 0 13.3333333333vw 0;
  }
}
#stick_black .step .box-style01 {
  padding: min(82px, 4.2708333333vw) min(264px, 13.75vw) min(85px, 4.4270833333vw) min(264px, 13.75vw);
}
@media (max-width: 899px) {
  #stick_black .step .box-style01 {
    padding: 10.1333333333vw 1.3333333333vw 20.2666666667vw 1.3333333333vw;
  }
}
#stick_black .step .sub-ttl-cus {
  font-size: min(30px, 1.5625vw);
  line-height: 1.3333333333;
  letter-spacing: 0.14em;
  font-weight: 700;
  margin: 0 0 min(52px, 2.7083333333vw) 0;
  position: relative;
  text-align: center;
  color: #004407;
}
@media (max-width: 899px) {
  #stick_black .step .sub-ttl-cus {
    font-size: 6.9333333333vw;
    line-height: 1.5384615385;
    letter-spacing: 0.14em;
    margin: 0 0 12.8vw 0;
  }
}
#stick_black .step-list {
  margin: 0 0 min(60px, 3.125vw) 0;
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: min(86px, 4.4791666667vw);
}
@media (max-width: 899px) {
  #stick_black .step-list {
    margin: 0 0 8vw 0;
    gap: 27.4666666667vw;
  }
}
#stick_black .step-list-item {
  width: min(193px, 10.0520833333vw);
  position: relative;
  padding: 0;
  text-align: center;
}
@media (max-width: 899px) {
  #stick_black .step-list-item {
    width: 56.8vw;
  }
}
#stick_black .step-list-item-content {
  padding: min(20px, 1.0416666667vw) 0 0 0;
}
@media (max-width: 899px) {
  #stick_black .step-list-item-content {
    padding: 5.6vw 0 0 0;
  }
}
#stick_black .step-list-item-ttl {
  font-size: min(18px, 0.9375vw);
  line-height: min(30px, 1.5625vw);
  letter-spacing: 0.03em;
  font-weight: 700;
  margin: 0 max(-10px, -0.5208333333vw) min(20px, 1.0416666667vw) max(-10px, -0.5208333333vw);
}
@media (max-width: 899px) {
  #stick_black .step-list-item-ttl {
    font-size: 4.8vw;
    line-height: 1.6666666667;
    margin: 0 0 5.3333333333vw 0;
  }
}
#stick_black .step-list-item-ttl span {
  font-size: min(30px, 1.5625vw);
  line-height: min(40px, 2.0833333333vw);
  letter-spacing: 0.14em;
  display: block;
}
@media (max-width: 899px) {
  #stick_black .step-list-item-ttl span {
    font-size: 8vw;
    line-height: 1.3333333333;
  }
}
#stick_black .step-list-item-txt {
  font-size: min(18px, 0.9375vw);
  line-height: 1.6666666667;
  letter-spacing: 0.03em;
  font-weight: 500;
}
@media (max-width: 899px) {
  #stick_black .step-list-item-txt {
    font-size: 4.8vw;
    line-height: 1.6666666667;
  }
}
#stick_black .step-list-item-img {
  position: relative;
  height: min(340px, 17.7083333333vw);
  margin: 0 auto;
  position: relative;
}
@media (max-width: 899px) {
  #stick_black .step-list-item-img {
    width: 51.4666666667vw;
    height: 90.6666666667vw;
    aspect-ratio: 193/340;
  }
}
#stick_black .step-list-item-img::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: min(2px, 0.1041666667vw) solid #004407;
}
@media (max-width: 899px) {
  #stick_black .step-list-item-img::before {
    border: 0.5333333333vw solid #004407;
  }
}
#stick_black .step-list-item-img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#stick_black .step-list-item + .step-list-item::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: min(160px, 8.3333333333vw);
  left: max(-53px, -2.7604166667vw);
  border-left: min(20px, 1.0416666667vw) solid #004407;
  border-bottom: min(11px, 0.5729166667vw) solid transparent;
  border-top: min(11px, 0.5729166667vw) solid transparent;
}
@media (max-width: 899px) {
  #stick_black .step-list-item + .step-list-item::before {
    top: -20.2666666667vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-left: 5.3333333333vw solid transparent;
    border-right: 5.3333333333vw solid transparent;
    border-bottom: none;
    border-top: 9.6vw solid #004407;
  }
}
@media (max-width: 899px) {
  #stick_black .step-list .tip {
    order: -1;
  }
}
#stick_black .step-num {
  position: absolute;
  background: url("../img/step_num_bg.png") no-repeat center top;
  background-size: 100%;
  width: min(83px, 4.3229166667vw);
  height: min(73px, 3.8020833333vw);
  text-align: center;
  font-size: min(30px, 1.5625vw);
  line-height: 1;
  letter-spacing: 0.03em;
  font-weight: 700;
  color: #fff;
  top: max(-10px, -0.5208333333vw);
  left: max(-10px, -0.5208333333vw);
  padding: min(15px, 0.78125vw) 0 0 min(28px, 1.4583333333vw);
  text-align: left;
}
@media (max-width: 899px) {
  #stick_black .step-num {
    width: 22.1333333333vw;
    height: 19.4666666667vw;
    font-size: 8vw;
    top: -2.6666666667vw;
    left: 0;
    padding: 3.2vw 0 0 7.4666666667vw;
  }
}
#stick_black .step .tip {
  padding: min(15px, 0.78125vw) min(12px, 0.625vw) min(15px, 0.78125vw) min(12px, 0.625vw);
  position: relative;
  width: min(600px, 31.25vw);
  height: min(60px, 3.125vw);
  border: min(2px, 0.1041666667vw) solid #004407;
  border-radius: min(30px, 1.5625vw);
  background: #fff;
  text-align: center;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: max(-29px, -1.5104166667vw) 0 0 min(70px, 3.6458333333vw);
}
@media (max-width: 899px) {
  #stick_black .step .tip {
    padding: 4vw 4vw 4vw 4vw;
    width: 72vw;
    height: 21.3333333333vw;
    border: 0.5333333333vw solid #004407;
    border-radius: 10.6666666667vw;
    margin: -20.2666666667vw 0 6.9333333333vw 10.6666666667vw;
  }
}
#stick_black .step .tip::before {
  position: absolute;
  content: "";
  top: max(-22px, -1.1458333333vw);
  left: max(-74px, -3.8541666667vw);
  background: url("../img/tip_icon.png") no-repeat center top;
  background-size: 100%;
  width: min(81px, 4.21875vw);
  height: min(103px, 5.3645833333vw);
}
@media (max-width: 899px) {
  #stick_black .step .tip::before {
    top: 6.4vw;
    left: -11.7333333333vw;
    width: 18.6666666667vw;
    height: 23.7333333333vw;
  }
}
#stick_black .step .tip-txt {
  font-size: min(20px, 1.0416666667vw);
  line-height: 1.35;
  letter-spacing: 0.03em;
  font-weight: 700;
}
@media (max-width: 899px) {
  #stick_black .step .tip-txt {
    font-size: 4.2666666667vw;
    line-height: 1.6875;
  }
}
#stick_black .step .tip-ttl {
  line-height: min(28px, 1.4583333333vw);
  font-weight: 700;
  margin: min(38px, 1.9791666667vw) 0 min(32px, 1.6666666667vw) min(65px, 3.3854166667vw);
}
@media (max-width: 899px) {
  #stick_black .step .tip-ttl {
    line-height: 8vw;
    margin: 5.3333333333vw 0 2.6666666667vw 0;
  }
}
#stick_black .step .tip-label {
  text-align: center;
  font-size: min(26px, 1.3541666667vw);
  line-height: 1.3846153846;
  letter-spacing: 0.14em;
  font-weight: 700;
  background: url("../img/tip_deco.png") no-repeat center bottom;
  background-size: min(166px, 8.6458333333vw);
  margin: min(60px, 3.125vw) 0 min(22px, 1.1458333333vw) 0;
  color: #004407;
}
@media (max-width: 899px) {
  #stick_black .step .tip-label {
    background: url("../img/tip_deco_sp.png") no-repeat center bottom;
    background-size: 39.4666666667vw;
    font-size: 5.8666666667vw;
    line-height: 1.6363636364;
    margin: 12.2666666667vw 0 3.7333333333vw 0;
  }
}
#stick_black .step .df {
  display: flex;
  gap: min(26px, 1.3541666667vw);
  margin: 0 max(-8px, -0.4166666667vw);
}
@media (max-width: 899px) {
  #stick_black .step .df {
    flex-flow: column;
    align-items: center;
    text-align: center;
    gap: 4.5333333333vw;
    margin: 0;
  }
}
#stick_black .step .df-img {
  width: min(196px, 10.2083333333vw);
  aspect-ratio: 196/196;
  margin: max(-10px, -0.5208333333vw) 0 0 0;
}
@media (max-width: 899px) {
  #stick_black .step .df-img {
    width: 40vw;
    aspect-ratio: 150/150;
    margin: 0 auto;
  }
}
#stick_black .step .df-img img {
  border-radius: 100%;
}
#stick_black .step .df-text {
  width: min(545px, 28.3854166667vw);
}
@media (max-width: 899px) {
  #stick_black .step .df-text {
    width: 100%;
  }
}
#stick_black .step .df .tip-ttl {
  line-height: min(30px, 1.5625vw);
  margin: max(-2px, -0.1041666667vw) 0 min(4px, 0.2083333333vw) 0;
}
@media (max-width: 899px) {
  #stick_black .step .df .tip-ttl {
    line-height: 8vw;
    margin: 0 0 1.0666666667vw 0;
  }
}
#stick_black .step .df .tip-desc {
  font-size: min(18px, 0.9375vw);
  line-height: 1.6666666667;
  letter-spacing: 0.03em;
  font-weight: 500;
  margin: 0 0 min(25px, 1.3020833333vw) 0;
}
@media (max-width: 899px) {
  #stick_black .step .df .tip-desc {
    font-size: 4.2666666667vw;
    line-height: 1.875;
    margin: 0 0 6.9333333333vw 0;
  }
}
#stick_black .step .df .tip {
  width: min(476px, 24.7916666667vw);
  height: min(60px, 3.125vw);
  margin: 0 0 0 min(70px, 3.6458333333vw);
}
@media (max-width: 899px) {
  #stick_black .step .df .tip {
    width: 72vw;
    height: 21.3333333333vw;
    margin: 0 0 0 10.6666666667vw;
  }
}
#stick_black .step .df .tip::before {
  top: max(-7px, -0.3645833333vw);
  left: max(-72px, -3.75vw);
  width: min(69px, 3.59375vw);
  height: min(88px, 4.5833333333vw);
}
@media (max-width: 899px) {
  #stick_black .step .df .tip::before {
    top: 6.4vw;
    left: -11.7333333333vw;
    width: 18.6666666667vw;
    height: 23.7333333333vw;
  }
}
#stick_black .step .df .tip-txt {
  font-size: min(18px, 0.9375vw);
  line-height: 1.2222222222;
}
@media (max-width: 899px) {
  #stick_black .step .df .tip-txt {
    font-size: 4.2666666667vw;
    line-height: 1.6875;
  }
}
#stick_black .secret {
  padding: 0 0 min(140px, 7.2916666667vw) 0;
  text-align: center;
}
@media (max-width: 899px) {
  #stick_black .secret {
    padding: 0 0 21.3333333333vw 0;
  }
}
#stick_black .secret .box-style01 {
  padding: min(75px, 3.90625vw) min(70px, 3.6458333333vw) min(67px, 3.4895833333vw) min(70px, 3.6458333333vw);
  background: url("../img/secret_bg_deco.png") no-repeat center bottom, #fff;
  background-size: 100%;
}
@media (max-width: 899px) {
  #stick_black .secret .box-style01 {
    padding: 10.6666666667vw 4.8vw 36vw 4.8vw;
    background: url("../img/secret_bg_deco_sp.png") no-repeat center bottom, #fff;
    background-size: 100%;
  }
}
#stick_black .secret-ttl {
  margin: 0 0 min(36px, 1.875vw) 0;
  font-size: min(30px, 1.5625vw);
  line-height: min(52px, 2.7083333333vw);
  letter-spacing: 0.14em;
  font-weight: 700;
  color: #004407;
}
@media (max-width: 899px) {
  #stick_black .secret-ttl {
    margin: 0 0 7.7333333333vw 0;
    font-size: 5.3333333333vw;
    line-height: 1.5;
  }
}
#stick_black .secret-img {
  margin: 0;
  aspect-ratio: 1140/333;
}
@media (max-width: 899px) {
  #stick_black .secret-img {
    aspect-ratio: 303/735;
  }
}
#stick_black .secret-content {
  position: relative;
  padding: min(48px, 2.5vw) 0 0 0;
}
@media (max-width: 899px) {
  #stick_black .secret-content {
    padding: 7.2vw 0 0 0;
  }
}
#stick_black .secret-txt {
  text-align: center;
  font-size: min(18px, 0.9375vw);
  line-height: 1.6666666667;
  letter-spacing: 0.03em;
  font-weight: 500;
  color: #004407;
}
@media (max-width: 899px) {
  #stick_black .secret-txt {
    font-size: 4.2666666667vw;
    line-height: 1.875;
    margin-left: -2.6666666667vw;
    margin-right: -2.6666666667vw;
  }
}
#stick_black .secret-txt + .secret-txt {
  margin: min(30px, 1.5625vw) 0 0 0;
}
@media (max-width: 899px) {
  #stick_black .secret-txt + .secret-txt {
    margin: 3.4666666667vw 0 0 0;
  }
}
#stick_black .movie {
  padding: min(119px, 6.1979166667vw) 0 min(35px, 1.8229166667vw) 0;
  background: #EFF8FA;
}
@media (max-width: 899px) {
  #stick_black .movie {
    padding: 21.0666666667vw 0 0 0;
  }
}
#stick_black .movie .ttl-cus {
  margin: 0 0 min(50px, 2.6041666667vw) 0;
}
@media (max-width: 899px) {
  #stick_black .movie .ttl-cus {
    margin: 0 0 10.4vw 0;
  }
}
#stick_black .movie-list {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 899px) {
  #stick_black .movie-list {
    flex-direction: column;
    gap: 9.8666666667vw;
  }
}
#stick_black .movie-list-item {
  width: min(620px, 32.2916666667vw);
}
@media (max-width: 899px) {
  #stick_black .movie-list-item {
    width: 100%;
  }
}
#stick_black .movie-list-item a {
  display: block;
}
#stick_black .movie-thumb {
  aspect-ratio: 620/345;
}
@media (max-width: 899px) {
  #stick_black .movie-thumb {
    aspect-ratio: 339/190;
  }
}
#stick_black .movie-desc {
  font-size: min(18px, 0.9375vw);
  line-height: 1.6666666667;
  letter-spacing: 0.03em;
  font-weight: 500;
  text-align: center;
  color: #004407;
  display: block;
  margin: min(20px, 1.0416666667vw) 0 0 0;
}
@media (max-width: 899px) {
  #stick_black .movie-desc {
    font-size: 4.2666666667vw;
    line-height: 1.875;
    margin: 3.2vw 0 0 0;
  }
}
#stick_black .special {
  padding: min(100px, 5.2083333333vw) 0 min(121px, 6.3020833333vw) 0;
  background: #EFF8FA;
  position: relative;
}
@media (max-width: 899px) {
  #stick_black .special {
    padding: 19.7333333333vw 0 21.3333333333vw 0;
  }
}
#stick_black .special .ttl-cus {
  margin: 0 0 min(49px, 2.5520833333vw) 0;
}
@media (max-width: 899px) {
  #stick_black .special .ttl-cus {
    margin: 0 0 11.2vw 0;
  }
}
#stick_black .special-sub-ttl {
  width: min(458px, 23.8541666667vw);
  margin: 0 auto min(54px, 2.8125vw) auto;
  aspect-ratio: 458/56;
}
@media (max-width: 899px) {
  #stick_black .special-sub-ttl {
    width: 79.7333333333vw;
    margin: 0 auto 9.6vw auto;
    aspect-ratio: 299/59;
  }
}
#stick_black .special-content {
  position: relative;
  max-width: min(1090px, 56.7708333333vw);
  margin: 0 auto;
}
@media (max-width: 899px) {
  #stick_black .special-content {
    max-width: 100%;
  }
}
#stick_black .special-img {
  aspect-ratio: 1090/273;
}
@media (max-width: 899px) {
  #stick_black .special-img {
    aspect-ratio: 341/174;
    width: 90.9333333333vw;
  }
}
#stick_black .special-label {
  position: absolute;
  width: min(144px, 7.5vw);
  top: max(-98px, -5.1041666667vw);
  right: min(109px, 5.6770833333vw);
}
@media (max-width: 899px) {
  #stick_black .special-label {
    width: 22.6666666667vw;
    top: -31.4666666667vw;
    right: 5.3333333333vw;
  }
}
#stick_black .bg02 {
  background: url("../img/purchase_bg.jpg") no-repeat center top;
  background-size: cover;
}
@media (max-width: 899px) {
  #stick_black .bg02 {
    background: url("../img/purchase_bg_sp.jpg") no-repeat center top;
    background-size: cover;
  }
}
#stick_black .purchase {
  padding: min(118px, 6.1458333333vw) 0 min(40px, 2.0833333333vw) 0;
}
@media (max-width: 899px) {
  #stick_black .purchase {
    padding: 17.8666666667vw 0 0 0;
  }
}
#stick_black .purchase-ttl {
  color: #004407;
  font-size: min(26px, 1.3541666667vw);
  line-height: 1.5384615385;
  letter-spacing: 0.04em;
  font-weight: 700;
  text-align: center;
  margin: 0 0 min(1px, 0.0520833333vw) 0;
}
@media (max-width: 899px) {
  #stick_black .purchase-ttl {
    font-size: 5.8666666667vw;
    line-height: 1.9545454545;
    margin: 0 0 -0.5333333333vw 0;
  }
}
#stick_black .purchase-note {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(15px, 0.78125vw);
  line-height: 1.7333333333;
  letter-spacing: 0.04em;
  font-weight: 400;
  text-align: center;
  margin: 0 0 min(22px, 1.1458333333vw) 0;
}
@media (max-width: 899px) {
  #stick_black .purchase-note {
    font-size: 3.2vw;
    line-height: 2.1666666667;
    margin: 0 0 5.0666666667vw 0;
  }
}
#stick_black .purchase-list {
  display: flex;
  justify-content: center;
  gap: min(37px, 1.9270833333vw);
  margin: 0 0 min(53px, 2.7604166667vw) 0;
}
@media (max-width: 899px) {
  #stick_black .purchase-list {
    flex-wrap: wrap;
    gap: 7.0666666667vw;
    margin: 0 0 8.2666666667vw 0;
  }
}
#stick_black .purchase-item {
  width: min(282px, 14.6875vw);
}
@media (max-width: 899px) {
  #stick_black .purchase-item {
    width: 64vw;
  }
}
#stick_black .purchase-logo {
  margin: 0 0 min(11px, 0.5729166667vw) 0;
  aspect-ratio: 282/72;
}
@media (max-width: 899px) {
  #stick_black .purchase-logo {
    margin: 0 0 1.8666666667vw 0;
    aspect-ratio: 240/50;
  }
}
#stick_black .purchase-name {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(12px, 0.625vw);
  line-height: 1.6666666667;
  letter-spacing: 0.04em;
  font-weight: 400;
  margin: 0 max(-12px, -0.625vw) 0 max(-6px, -0.3125vw);
  text-align: center;
}
@media (max-width: 899px) {
  #stick_black .purchase-name {
    font-size: 2.9333333333vw;
    line-height: 1.3636363636;
    letter-spacing: 0;
    margin: 0 -3.2vw 0 -3.2vw;
  }
}
#stick_black .purchase-img {
  max-width: min(822px, 42.8125vw);
  margin: 0 auto;
  aspect-ratio: 822/195;
}
@media (max-width: 899px) {
  #stick_black .purchase-img {
    max-width: 84vw;
    aspect-ratio: 315/80;
  }
}
#stick_black .brand {
  padding: min(100px, 5.2083333333vw) 0 min(140px, 7.2916666667vw) 0;
}
@media (max-width: 899px) {
  #stick_black .brand {
    padding: 21.0666666667vw 0 21.3333333333vw 0;
  }
}
#stick_black .brand .ttl-cus {
  margin: 0 0 min(50px, 2.6041666667vw) 0;
}
@media (max-width: 899px) {
  #stick_black .brand .ttl-cus {
    margin: 0 0 10.4vw 0;
  }
}
#stick_black .brand-list {
  display: flex;
  justify-content: center;
  gap: min(29px, 1.5104166667vw);
}
@media (max-width: 899px) {
  #stick_black .brand-list {
    flex-wrap: wrap;
    gap: 6.4vw;
  }
}
#stick_black .brand-img {
  width: min(407px, 21.1979166667vw);
  aspect-ratio: 407/277;
}
@media (max-width: 899px) {
  #stick_black .brand-img {
    width: 72vw;
    aspect-ratio: 270/183;
  }
}
#stick_black .brand-img a {
  display: block;
}
#stick_black .brand-img img {
  border-radius: min(10px, 0.5208333333vw);
}
@media (max-width: 899px) {
  #stick_black .brand-img img {
    border-radius: 2.6666666667vw;
  }
}
#stick_black .floating {
  position: fixed;
  bottom: min(40px, 2.0833333333vw);
  right: min(40px, 2.0833333333vw);
  width: min(100px, 5.2083333333vw);
  opacity: 0;
  transition: 0s opacity;
}
@media (max-width: 899px) {
  #stick_black .floating {
    bottom: 4vw;
    right: 4.8vw;
    width: 12vw;
  }
}
#stick_black .floating .to-top {
  transition: 0.3s opacity;
}
#stick_black .floating.fixed {
  opacity: 1;
  transition: 1s opacity;
}
#stick_black .floating.fixed .to-top {
  cursor: pointer;
}
@media (min-width: 900px) {
  #stick_black .floating.fixed .to-top {
    transition: opacity 0.3s ease;
  }
}
@media (min-width: 900px) and (hover: hover) {
  #stick_black .floating.fixed .to-top:hover {
    opacity: 0.7;
  }
}

.stick-black-modal .mfp-content {
  width: min(1140px, 59.375vw) !important;
  max-width: min(1140px, 59.375vw);
  -webkit-animation: zoomPopup 0.5s ease 0s 1 normal both;
  animation: zoomPopup 0.5s ease 0s 1 normal both;
}
@media (max-width: 899px) {
  .stick-black-modal .mfp-content {
    width: 90.4vw !important;
    max-width: 90.4vw;
  }
}

@-webkit-keyframes zoomPopup {
  from {
    transform: scale(0.85);
  }
  to {
    transform: scale(1);
  }
}
@keyframes zoomPopup {
  from {
    transform: scale(0.85);
  }
  to {
    transform: scale(1);
  }
}
#modal {
  font-family: "Noto Serif JP", serif;
  color: #333;
  font-size: min(18px, 0.9375vw);
  line-height: 1.6666666667;
  letter-spacing: 0.03em;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 899px) {
  #modal {
    font-size: 4.2666666667vw;
    line-height: 1.875;
  }
}
#modal * {
  box-sizing: border-box;
}
#modal a {
  text-decoration: none;
}
#modal a:hover {
  text-decoration: none;
}
@media (min-width: 900px) {
  #modal a {
    transition: opacity 0.3s ease;
  }
}
@media (min-width: 900px) and (hover: hover) {
  #modal a:hover {
    opacity: 0.7;
  }
}
#modal img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
#modal .purchase {
  padding: min(70px, 3.6458333333vw);
  background: #fff;
}
@media (max-width: 899px) {
  #modal .purchase {
    padding: 8.5333333333vw 1.3333333333vw 8.5333333333vw 1.3333333333vw;
  }
}
#modal .purchase-ttl {
  font-size: min(26px, 1.3541666667vw);
  line-height: 1.5384615385;
  letter-spacing: 0.04em;
  font-weight: 400;
  text-align: center;
  margin: 0 0 min(1px, 0.0520833333vw) 0;
  color: #004407;
}
@media (max-width: 899px) {
  #modal .purchase-ttl {
    font-size: 5.8666666667vw;
    line-height: 1.4090909091;
    margin: 0 0 1.0666666667vw 0;
  }
}
#modal .purchase-note {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(15px, 0.78125vw);
  line-height: 1.7333333333;
  letter-spacing: 0.04em;
  font-weight: 400;
  text-align: center;
  margin: 0 0 min(22px, 1.1458333333vw) 0;
}
@media (max-width: 899px) {
  #modal .purchase-note {
    font-size: 3.2vw;
    line-height: 2.1666666667;
    letter-spacing: -0.01em;
    margin: 0 0 5.0666666667vw 0;
  }
}
#modal .purchase-list {
  display: flex;
  justify-content: center;
  gap: min(37px, 1.9270833333vw);
  margin: 0 0 min(49px, 2.5520833333vw) 0;
}
@media (max-width: 899px) {
  #modal .purchase-list {
    flex-wrap: wrap;
    gap: 7.0666666667vw;
    margin: 0 0 8vw 0;
  }
}
#modal .purchase-item {
  width: min(282px, 14.6875vw);
}
@media (max-width: 899px) {
  #modal .purchase-item {
    width: 64vw;
  }
}
#modal .purchase-logo {
  margin: 0 0 min(11px, 0.5729166667vw) 0;
  aspect-ratio: 282/72;
}
@media (max-width: 899px) {
  #modal .purchase-logo {
    margin: 0 0 1.8666666667vw 0;
    aspect-ratio: 240/50;
  }
}
#modal .purchase-name {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(12px, 0.625vw);
  line-height: 1.6666666667;
  letter-spacing: 0.04em;
  font-weight: 400;
  margin: 0 max(-12px, -0.625vw) 0 max(-6px, -0.3125vw);
  text-align: center;
}
@media (max-width: 899px) {
  #modal .purchase-name {
    font-size: 2.9333333333vw;
    line-height: 1.3636363636;
    letter-spacing: 0;
    margin: 0 -3.2vw 0 -3.2vw;
  }
}
#modal .mfp-close {
  font-family: "Noto Serif JP", serif;
  width: min(130px, 6.7708333333vw);
  height: min(49px, 2.5520833333vw);
  font-size: min(20px, 1.0416666667vw);
  line-height: min(40px, 2.0833333333vw);
  letter-spacing: 0.04em;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  padding: min(10px, 0.5208333333vw) min(45px, 2.34375vw) min(10px, 0.5208333333vw) min(10px, 0.5208333333vw);
  color: #333;
  font-style: normal;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("../img/modal_close.png") no-repeat center right min(16px, 0.8333333333vw);
  background-size: min(21px, 1.09375vw);
  opacity: 1 !important;
}
#modal .mfp-close:active {
  top: 0;
}
@media (min-width: 900px) {
  #modal .mfp-close {
    transition: opacity 0.3s ease;
  }
}
@media (min-width: 900px) and (hover: hover) {
  #modal .mfp-close:hover {
    opacity: 0.7 !important;
  }
}
@media (max-width: 899px) {
  #modal .mfp-close {
    width: 32vw;
    height: 11.7333333333vw;
    font-size: 4.2666666667vw;
    line-height: 10.6666666667vw;
    padding: 2.6666666667vw 8.5333333333vw 2.6666666667vw 2.6666666667vw;
    background: url("../img/modal_close.png") no-repeat center right 6.4vw;
    background-size: 3.7333333333vw;
  }
}

.agf-cs-footer {
  overflow: hidden;
}