@charset "UTF-8";
body#campaign #contents {
  padding-top: 0;
  background: #fff;
}

body#campaign div#linkArea {
  background: #fff;
}

@media (max-width: 640px) {
  body#campaign #contents > .contentsInner {
    background: #fff;
  }
  body#campaign #contents > .contentsInner .lead {
    margin-top: 0;
    padding-top: 3%;
  }
}
html.is-modal-open,
html.is-modal-open body {
  overflow: hidden;
}

#boyaki {
  position: relative;
  overflow-x: clip;
  background: #fff8e5;
  color: #000;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
  padding-bottom: 0;
}
#boyaki *,
#boyaki *::before,
#boyaki *::after {
  box-sizing: border-box;
  font-family: inherit;
  font-weight: inherit;
  font-style: normal;
}
#boyaki h1, #boyaki h2, #boyaki h3, #boyaki p, #boyaki ul, #boyaki li, #boyaki figure {
  margin: 0;
  padding: 0;
}
#boyaki ul {
  list-style: none;
}
#boyaki img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}
#boyaki a {
  color: inherit;
  text-decoration: none;
}
#boyaki a:hover {
  text-decoration: none;
}
#boyaki button {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
  text-align: inherit;
}
#boyaki .c-reg {
  font-size: 0.52em;
  line-height: 0;
  vertical-align: baseline;
  margin-left: 0.04em;
  font-family: "Roboto", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-weight: 800;
}
#boyaki .l-main {
  position: relative;
  z-index: 1;
}
@media (min-width: 641px) {
  #boyaki .u-sp {
    display: none !important;
  }
}
@media (max-width: 640px) {
  #boyaki .u-pc {
    display: none !important;
  }
}
#boyaki .u-visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
#boyaki .p-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
#boyaki .p-bg__pc {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1400px;
  height: 100%;
  margin-left: -700px;
}
@media (max-width: 640px) {
  #boyaki .p-bg__pc {
    display: none;
  }
}
#boyaki .p-bg__sp {
  position: absolute;
  inset: 0;
}
@media (min-width: 641px) {
  #boyaki .p-bg__sp {
    display: none;
  }
}
#boyaki .p-bg__base {
  position: absolute;
  top: -177px;
  left: -280px;
  width: 2126.1px;
  max-width: none;
  height: 3394.65px;
}
#boyaki .p-bg__blob {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
#boyaki .p-bg__blob img {
  flex: none;
  max-width: none;
}
#boyaki .p-bg__fv-sp {
  position: absolute;
  top: -7.0091145833vw;
  left: -11.9856770833vw;
  width: 126.93359375vw;
  max-width: none;
  height: 102.4283854167vw;
}
#boyaki .p-bg__blob--pc1 {
  left: 898.05px;
  top: 1817px;
  width: 892.1px;
  height: 842.65px;
}
#boyaki .p-bg__blob--pc1 img {
  width: 733.73px;
  height: 660.1px;
  transform: rotate(163.35deg);
}
#boyaki .p-bg__blob--pc2 {
  left: -23.93px;
  top: 1438.52px;
  width: 913.96px;
  height: 869.63px;
}
#boyaki .p-bg__blob--pc2 img {
  width: 733.73px;
  height: 660.1px;
  transform: rotate(-160.2deg);
}
#boyaki .p-bg__blob--pc3 {
  left: 690px;
  top: 1052px;
  width: 892.1px;
  height: 842.65px;
}
#boyaki .p-bg__blob--pc3 img {
  width: 733.73px;
  height: 660.1px;
  transform: rotate(16.65deg) scaleY(-1);
}
#boyaki .p-bg__blob--pc4 {
  left: -321px;
  top: 684px;
  width: 892.1px;
  height: 842.65px;
}
#boyaki .p-bg__blob--pc4 img {
  width: 733.73px;
  height: 660.1px;
  transform: rotate(163.35deg);
}
#boyaki .p-bg__blob--pc5 {
  left: -224px;
  top: 2923px;
  width: 892.1px;
  height: 842.66px;
}
#boyaki .p-bg__blob--pc5 img {
  width: 733.73px;
  height: 660.1px;
  transform: rotate(-16.65deg);
}
#boyaki .p-bg__blob--pc6 {
  left: 748px;
  top: 3379px;
  width: 892.1px;
  height: 842.65px;
}
#boyaki .p-bg__blob--pc6 img {
  width: 733.73px;
  height: 660.1px;
  transform: rotate(16.65deg) scaleY(-1);
}
#boyaki .p-bg__blob--pc7 {
  left: -474px;
  top: 2185px;
  width: 928.34px;
  height: 887.87px;
}
#boyaki .p-bg__blob--pc7 img {
  width: 733.73px;
  height: 660.1px;
  transform: rotate(-22.13deg) scaleY(-1);
}
#boyaki .p-bg__blob--rep1 {
  margin-top: 560.4166666667vw;
}
#boyaki .p-bg__blob--rep2 {
  margin-top: 1120.8333333333vw;
}
#boyaki .p-bg__blob--sp1 {
  left: -61.5885416667vw;
  top: 55.7838541667vw;
  width: 95.5377604167vw;
  height: 85.9505208333vw;
  transform-origin: 0 0;
  transform: matrix(0.95807, 0.28652, 0.28652, -0.95807, 0, 0);
}
#boyaki .p-bg__blob--sp1 img {
  width: 100%;
  height: 100%;
}
#boyaki .p-bg__blob--sp2 {
  left: 149.3971354167vw;
  top: 127.8893229167vw;
  width: 95.5377604167vw;
  height: 85.9505208333vw;
  transform-origin: 0 0;
  transform: matrix(-0.99543, -0.09554, 0.09554, -0.99543, 0, 0);
}
#boyaki .p-bg__blob--sp2 img {
  width: 100%;
  height: 100%;
}
#boyaki .p-bg__blob--sp3 {
  left: 60.5403645833vw;
  top: 207.3645833333vw;
  width: 95.5377604167vw;
  height: 85.9505208333vw;
  transform-origin: 0 0;
  transform: matrix(-0.95807, 0.28652, -0.28652, -0.95807, 0, 0);
}
#boyaki .p-bg__blob--sp3 img {
  width: 100%;
  height: 100%;
}
#boyaki .p-bg__blob--sp4 {
  left: 130.0911458333vw;
  top: 475.2604166667vw;
  width: 95.5377604167vw;
  height: 85.9505208333vw;
  transform-origin: 0 0;
  transform: matrix(-0.95807, 0.28652, -0.28652, -0.95807, 0, 0);
}
#boyaki .p-bg__blob--sp4 img {
  width: 100%;
  height: 100%;
}
#boyaki .p-bg__blob--sp5 {
  left: 48.59375vw;
  top: 414.453125vw;
  width: 95.5377604167vw;
  height: 85.9505208333vw;
  transform-origin: 0 0;
  transform: matrix(-0.94087, -0.33876, 0.33876, -0.94087, 0, 0);
}
#boyaki .p-bg__blob--sp5 img {
  width: 100%;
  height: 100%;
}
#boyaki .p-bg__blob--sp6 {
  left: 56.8307291667vw;
  top: 688.28125vw;
  width: 95.5377604167vw;
  height: 85.9505208333vw;
  transform-origin: 0 0;
  transform: matrix(0.94087, -0.33876, -0.33876, -0.94087, 0, 0);
}
#boyaki .p-bg__blob--sp6 img {
  width: 100%;
  height: 100%;
}
#boyaki .p-bg__blob--sp7 {
  left: -8.91796875vw;
  top: 596.6145833333vw;
  width: 95.5377604167vw;
  height: 85.9505208333vw;
  transform-origin: 0 0;
  transform: matrix(0.92633, -0.3767, -0.3767, -0.92633, 0, 0);
}
#boyaki .p-bg__blob--sp7 img {
  width: 100%;
  height: 100%;
}
#boyaki .p-bg__blob--sp8 {
  left: 20.703125vw;
  top: 295.4427083333vw;
  width: 95.5377604167vw;
  height: 85.9505208333vw;
  transform-origin: 0 0;
  transform: matrix(0.95807, 0.28652, 0.28652, -0.95807, 0, 0);
}
#boyaki .p-bg__blob--sp8 img {
  width: 100%;
  height: 100%;
}
#boyaki .c-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #530000;
  border-radius: 50px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  white-space: nowrap;
  transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.35, 1), color 0.3s cubic-bezier(0.25, 0.8, 0.35, 1);
}
#boyaki .c-btn__icon {
  position: relative;
  flex: none;
}
#boyaki .c-btn__icon img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
}
#boyaki .c-btn__icon-hover {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.35, 1);
}
#boyaki .c-btn--yellow {
  background-color: #fffc57;
  color: #530000;
}
#boyaki .c-btn--blue {
  background-color: #004ea2;
  color: #fff;
}
#boyaki .c-btn--tap {
  height: 46px;
  padding: 0 6px 0 14px;
  gap: 10px;
  font-size: 16px;
}
#boyaki .c-btn--tap .c-btn__icon {
  width: 24px;
  height: 24px;
}
@media (max-width: 640px) {
  #boyaki .c-btn--tap {
    height: 7.8125vw;
    padding: 0 1.5625vw 0 3.125vw;
    gap: 1.5625vw;
    border-width: 0.390625vw;
    font-size: 3.6458333333vw;
  }
  #boyaki .c-btn--tap .c-btn__icon {
    width: 4.6875vw;
    height: 4.6875vw;
  }
  #boyaki .c-btn--tap .c-btn__icon picture img {
    inset: -0.78125vw auto auto -0.828125vw;
    width: 6.2799479167vw;
    height: 6.2799479167vw;
  }
}
#boyaki .c-btn--detail {
  height: 44px;
  padding: 0 6px 0 12px;
  border-width: 2px;
  gap: 16px;
  font-size: 16px;
}
#boyaki .c-btn--detail .c-btn__icon {
  width: 30px;
  height: 30px;
}
@media (max-width: 640px) {
  #boyaki .c-btn--detail {
    height: 7.8125vw;
    padding: 0 1.3020833333vw 0 3.125vw;
    gap: 2.0833333333vw;
    border-width: 0.390625vw;
    font-size: 3.6458333333vw;
  }
  #boyaki .c-btn--detail .c-btn__icon {
    width: 3.90625vw;
    height: 3.90625vw;
  }
}
#boyaki .c-btn--cta {
  height: 54px;
  padding: 0 6px 0 14px;
  border-width: 2px;
  gap: 16px;
  font-size: 16px;
}
#boyaki .c-btn--cta .c-reg {
  font-size: 0.48em;
}
#boyaki .c-btn--cta .c-btn__icon {
  width: 30px;
  height: 30px;
}
@media (max-width: 640px) {
  #boyaki .c-btn--cta {
    height: 11.4583333333vw;
    padding: 0 1.3020833333vw 0 3.6458333333vw;
    gap: 2.0833333333vw;
    border-width: 0.5208333333vw;
    font-size: 3.6458333333vw;
  }
  #boyaki .c-btn--cta.c-btn--yellow {
    padding-left: 3.125vw;
  }
  #boyaki .c-btn--cta .c-btn__icon {
    width: 7.8125vw;
    height: 7.8125vw;
  }
}
#boyaki .c-btn--more {
  height: 44px;
  padding: 0 6px 0 14px;
  gap: 10px;
  border-width: 2px;
  font-size: 16px;
}
#boyaki .c-btn--more .c-btn__icon {
  width: 30px;
  height: 30px;
}
@media (max-width: 640px) {
  #boyaki .c-btn--more {
    height: 12.2332859175vw;
    padding: 0 1.4224751067vw 0 3.413940256vw;
    gap: 2.2759601707vw;
    border-width: 0.426742532vw;
    font-size: 3.9829302987vw;
  }
  #boyaki .c-btn--more .c-btn__icon {
    width: 8.5348506401vw;
    height: 8.5348506401vw;
  }
}
@media (hover: hover) and (pointer: fine) {
  #boyaki a.c-btn--yellow:hover .c-btn--yellow, #boyaki a.c-btn--yellow:hover.c-btn--yellow,
  #boyaki .c-boyaki-card:hover .c-btn--yellow,
  #boyaki .c-boyaki-card:hover.c-btn--yellow,
  #boyaki .c-product:hover .c-btn--yellow,
  #boyaki .c-product:hover.c-btn--yellow {
    background-color: #530000;
    color: #fff;
  }
  #boyaki a.c-btn--yellow:hover .c-btn__icon-hover,
  #boyaki .c-boyaki-card:hover .c-btn__icon-hover,
  #boyaki .c-product:hover .c-btn__icon-hover {
    opacity: 1;
  }
}
@media (hover: hover) and (pointer: fine) {
  #boyaki a.c-btn--blue:hover {
    background-color: #00397a;
  }
}
#boyaki .c-title-zukan {
  display: flex;
  justify-content: center;
}
#boyaki .c-title-zukan img {
  width: 400px;
  height: 67px;
  max-width: none;
}
@media (max-width: 640px) {
  #boyaki .c-title-zukan img {
    width: 59.765625vw;
    height: 10.0104166667vw;
  }
}
#boyaki .c-num {
  position: absolute;
  z-index: 2;
  display: block;
  width: 92px;
  height: 75px;
  color: #fff;
  pointer-events: none;
}
#boyaki .c-num__bg {
  position: absolute;
  inset: 0;
}
#boyaki .c-num__bg img {
  width: 108.2%;
  max-width: none;
  height: 100%;
}
#boyaki .c-num__drop {
  display: none;
}
#boyaki .c-num__label, #boyaki .c-num__no {
  position: absolute;
  left: 46px;
  font-family: "Roboto", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  transform: translate(-50%, -50%);
}
#boyaki .c-num__label {
  top: 24px;
  font-size: 14px;
}
#boyaki .c-num__no {
  top: 48.5px;
  font-size: 32px;
}
#boyaki .c-num--card {
  left: -13px;
  top: -54px;
}
#boyaki .c-num--movie {
  left: -11px;
  top: -43px;
}
#boyaki .c-num--modal {
  left: 55px;
  top: 36px;
}
@media (max-width: 640px) {
  #boyaki .c-num {
    width: 15.5807291667vw;
    height: 14.7135416667vw;
  }
  #boyaki .c-num__bg {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #boyaki .c-num__bg img {
    flex: none;
    width: 12.8151041667vw;
    height: 11.5286458333vw;
    transform: rotate(-16.65deg);
  }
  #boyaki .c-num__drop {
    position: absolute;
    left: 11.46484375vw;
    top: 9.5052083333vw;
    display: block;
    width: 4.07421875vw;
    max-width: none;
    height: 2.8828125vw;
    transform: rotate(2.67deg);
  }
  #boyaki .c-num__label {
    left: 8.0690104167vw;
    top: 5.3072916667vw;
    font-size: 2.6041666667vw;
  }
  #boyaki .c-num__no {
    left: 7.9309895833vw;
    top: 9.1484375vw;
    font-size: 5.2083333333vw;
  }
  #boyaki .c-num--card {
    left: -2.6653645833vw;
    top: -9.6354166667vw;
  }
  #boyaki .c-num--movie {
    left: -8.3984375vw;
    top: -10.7836352304vw;
    width: 19.140625vw;
    height: 17.96875vw;
  }
  #boyaki .c-num--movie .c-num__bg img {
    width: 15.7431080771vw;
    height: 14.1627188492vw;
  }
  #boyaki .c-num--movie .c-num__drop {
    left: 14.0843392215vw;
    top: 11.6769649423vw;
    width: 5.0050990828vw;
    height: 3.5414795044vw;
  }
  #boyaki .c-num--movie .c-num__label {
    left: 9.9126235271vw;
    top: 6.5199053568vw;
    font-size: 3.1991684774vw;
  }
  #boyaki .c-num--movie .c-num__no {
    left: 9.7430675978vw;
    top: 11.2386788609vw;
    font-size: 6.3983369547vw;
  }
  #boyaki .c-num--modal {
    left: 5.1806543385vw;
    top: 7.3641536273vw;
    width: 19.5590327169vw;
    height: 18.4751066856vw;
  }
  #boyaki .c-num--modal .c-num__bg img {
    width: 16.0867709815vw;
    height: 14.4722617354vw;
  }
  #boyaki .c-num--modal .c-num__drop {
    left: 15.3029871977vw;
    top: 11.8392603129vw;
    width: 4.4509246088vw;
    height: 3.1493598862vw;
  }
  #boyaki .c-num--modal .c-num__label {
    left: 9.6842105263vw;
    top: 6.5761024182vw;
    font-size: 2.8449502134vw;
  }
  #boyaki .c-num--modal .c-num__no {
    left: 9.6884779516vw;
    top: 10.9487908962vw;
    font-size: 5.6899004267vw;
  }
}
#boyaki .c-boyaki-card {
  position: relative;
  display: block;
  width: 313px;
}
#boyaki .c-boyaki-card__body {
  position: relative;
  display: block;
  height: 289px;
  border: 4px solid #009f4d;
  border-radius: 10px;
  background: #fff8e7;
}
#boyaki .c-boyaki-card__img {
  position: absolute;
  left: 16px;
  top: 18px;
  display: block;
  width: 273px;
  height: 224px;
  overflow: hidden;
  background: #fff;
  transform-origin: 50% 0;
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.35, 1);
}
#boyaki .c-boyaki-card__img img {
  position: absolute;
  left: 0;
  top: 5px;
  width: 100%;
  height: 214px;
  object-fit: cover;
  object-position: 50% 0;
}
#boyaki .c-boyaki-card__btn {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 265px;
  transform: translateX(-50%);
}
@media (hover: hover) and (pointer: fine) {
  #boyaki .c-boyaki-card:hover .c-boyaki-card__img {
    transform: scale(1.116);
  }
}
#boyaki .c-boyaki-card:focus-visible {
  outline: 3px solid #530000;
  outline-offset: 6px;
  border-radius: 12px;
}
@media (max-width: 640px) {
  #boyaki .c-boyaki-card {
    width: 44.53125vw;
  }
  #boyaki .c-boyaki-card__body {
    height: 42.3177083333vw;
    border-width: 0.5208333333vw;
    border-radius: 1.3020833333vw;
  }
  #boyaki .c-boyaki-card__img {
    left: 2.0833333333vw;
    top: 3.90625vw;
    width: 39.3229166667vw;
    height: 32.2916666667vw;
  }
  #boyaki .c-boyaki-card__img img {
    top: 0.7161458333vw;
    height: 30.859375vw;
  }
  #boyaki .c-boyaki-card__btn {
    top: 38.28125vw;
  }
}
#boyaki .c-coming {
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.8);
  color: #009f4d;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.8;
}
#boyaki .c-coming--card {
  width: 313px;
  height: 289px;
}
#boyaki .c-coming--movie {
  width: 230px;
  height: 409px;
}
@media (max-width: 640px) {
  #boyaki .c-coming {
    border-radius: 1.3020833333vw;
    font-size: 3.125vw;
  }
  #boyaki .c-coming--card {
    width: 44.53125vw;
    height: 42.3177083333vw;
  }
  #boyaki .c-coming--movie {
    width: 81.1197916667vw;
    height: 143.6197916667vw;
  }
}
#boyaki .c-movie-card {
  position: relative;
  display: block;
  width: 230px;
}
#boyaki .c-movie-card__body {
  position: relative;
  display: block;
  height: 409px;
  overflow: hidden;
  border-radius: 10px;
  background: #e7f3eb;
}
#boyaki .c-movie-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.35, 1);
}
#boyaki .c-movie-card__play {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 64px;
  height: 64px;
  overflow: visible;
  transform: translate(-50%, -50%);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.35, 1);
}
#boyaki .c-movie-card__play-bg {
  fill: #000;
  transition: fill 0.3s cubic-bezier(0.25, 0.8, 0.35, 1);
}
#boyaki .c-movie-card__frame {
  position: absolute;
  inset: 0;
  border: 3px solid #530000;
  border-radius: 10px;
}
@media (hover: hover) and (pointer: fine) {
  #boyaki .c-movie-card:hover .c-movie-card__img {
    transform: scale(1.08);
  }
  #boyaki .c-movie-card:hover .c-movie-card__play {
    transform: translate(-50%, -50%) scale(0.85);
  }
  #boyaki .c-movie-card:hover .c-movie-card__play-bg {
    fill: #530000;
  }
}
@media (max-width: 640px) {
  #boyaki .c-movie-card {
    width: 81.1197916667vw;
  }
  #boyaki .c-movie-card__body {
    height: 143.6197916667vw;
    border-radius: 1.4453125vw;
  }
  #boyaki .c-movie-card__play {
    width: 22.4674479167vw;
    height: 22.4674479167vw;
  }
  #boyaki .c-movie-card__frame {
    border-width: 0.578125vw;
    border-radius: 1.4453125vw;
  }
}
#boyaki .c-pimg {
  position: relative;
  overflow: hidden;
}
#boyaki .c-pimg img {
  position: absolute;
  max-width: none;
}
#boyaki .c-pimg--shadow {
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
}
#boyaki .c-pimg--salonpas {
  aspect-ratio: 106/152;
}
#boyaki .c-pimg--salonpas img {
  left: -16.34%;
  top: -28.95%;
  width: 132.68%;
  height: 130.92%;
}
#boyaki .c-pimg--salonpas30 {
  aspect-ratio: 102/141;
}
#boyaki .c-pimg--salonpas30 img {
  left: -0.98%;
  top: 0;
  width: 146.57%;
  height: 100%;
}
#boyaki .c-pimg--ra {
  aspect-ratio: 104/148;
}
#boyaki .c-pimg--ra img {
  left: -129.33%;
  top: -12.15%;
  width: 228.67%;
  height: 112.15%;
}
#boyaki .c-pimg--hi {
  aspect-ratio: 114/151;
}
#boyaki .c-pimg--hi img {
  left: -7.14%;
  top: -7.75%;
  width: 107.14%;
  height: 107.36%;
}
#boyaki .c-otc {
  display: flex;
  align-items: center;
  gap: 6px;
}
#boyaki .c-otc__class {
  padding: 4px;
  border: 1px solid #000;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
#boyaki .c-otc__selfmed {
  width: 43px;
  height: 17px;
}
@media (max-width: 640px) {
  #boyaki .c-otc {
    gap: 0.5208333333vw;
  }
  #boyaki .c-otc__class {
    padding: 0.78125vw;
    font-size: 2.34375vw;
  }
  #boyaki .c-otc__selfmed {
    width: 8.8541666667vw;
    height: 3.515625vw;
  }
}
#boyaki .c-product {
  --c-product: #009f4d;
  position: relative;
  width: 480px;
  height: 339px;
  border-radius: 10px;
  background: #fff;
}
#boyaki .c-product__link {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
#boyaki .c-product__link:focus-visible {
  outline: 3px solid #530000;
  outline-offset: 4px;
}
#boyaki .c-product--salonpas30 {
  --c-product: #ff649a;
}
#boyaki .c-product--ra {
  --c-product: #19bbef;
}
#boyaki .c-product--hi {
  --c-product: #78c300;
}
#boyaki .c-product__name {
  position: absolute;
  left: 0;
  right: 0;
  top: 30px;
  text-align: center;
  color: var(--c-product);
  font-size: 28px;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
}
#boyaki .c-product__name .c-reg {
  font-size: 0.46em;
}
#boyaki .c-product__visual {
  position: absolute;
  left: 34px;
  top: 73px;
  width: 125px;
  height: 181px;
}
#boyaki .c-product__visual .c-pimg {
  margin-left: 7px;
  width: 106px;
}
#boyaki .c-product__visual .c-otc {
  position: absolute;
  left: 0;
  top: 164px;
}
#boyaki .c-product--salonpas30 .c-pimg {
  width: 102px;
}
#boyaki .c-product--ra .c-pimg {
  width: 104px;
}
#boyaki .c-product--hi .c-pimg {
  width: 114px;
  margin-left: 2px;
}
#boyaki .c-product__text {
  position: absolute;
  left: 167px;
  top: 73px;
  display: flex;
  align-items: center;
  width: 283px;
  height: 152px;
  font-size: 18px;
  line-height: 1.6;
}
#boyaki .c-product__btn {
  position: absolute;
  left: 50%;
  top: 266px;
  transform: translateX(-50%);
}
#boyaki .c-product .c-pimg {
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.35, 1);
}
@media (hover: hover) and (pointer: fine) {
  #boyaki .c-product:hover .c-pimg {
    transform: scale(1.08);
  }
}
@media (max-width: 640px) {
  #boyaki .c-product {
    width: 92.0572916667vw;
    height: 62.890625vw;
    border-radius: 1.3020833333vw;
  }
  #boyaki .c-product__name {
    left: 0;
    right: 0;
    top: 5.2083333333vw;
    font-size: 4.9479166667vw;
    text-align: center;
  }
  #boyaki .c-product__visual {
    left: 8.203125vw;
    top: 14.0625vw;
    width: 25.5208333333vw;
    height: 33.984375vw;
  }
  #boyaki .c-product__visual .c-pimg {
    margin-left: 2.734375vw;
    width: 20.1822916667vw;
  }
  #boyaki .c-product__visual .c-otc {
    top: 30.46875vw;
  }
  #boyaki .c-product--salonpas30 .c-pimg, #boyaki .c-product--ra .c-pimg, #boyaki .c-product--hi .c-pimg {
    width: 20.1822916667vw;
    margin-left: 2.734375vw;
  }
  #boyaki .c-product__text {
    left: 34.5052083333vw;
    top: 14.0625vw;
    width: 49.3489583333vw;
    height: 28.90625vw;
    font-size: 3.125vw;
  }
  #boyaki .c-product__btn {
    top: 50.6510416667vw;
  }
}
@keyframes inview-pop {
  0% {
    opacity: 0;
    scale: 0.2;
  }
  65% {
    opacity: 1;
    scale: 1.08;
  }
  100% {
    opacity: 1;
    scale: 1;
  }
}
@media (prefers-reduced-motion: no-preference) {
  #boyaki .c-num--card,
  #boyaki .c-num--movie {
    transform-origin: right bottom;
  }
  #boyaki .p-movie__ugoku {
    transform-origin: center;
  }
  #boyaki .is-inview-wait {
    opacity: 0;
  }
  #boyaki .is-inview {
    animation: inview-pop 0.55s cubic-bezier(0.25, 0.8, 0.35, 1) both;
    animation-delay: var(--inview-delay, 0s);
  }
}
#boyaki .p-fv {
  position: relative;
  padding-top: 171px;
  text-align: center;
}
#boyaki .p-fv__cloud {
  position: absolute;
  left: calc(50% - 470.49px);
  top: -87.54px;
  width: 919.78px;
  height: 785.08px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
#boyaki .p-fv__cloud img {
  flex: none;
  width: 783.03px;
  height: 493.6px;
  max-width: none;
  transform: rotate(-25.79deg);
}
@media (max-width: 640px) {
  #boyaki .p-fv__cloud {
    display: none;
  }
}
#boyaki .p-fv__head {
  position: relative;
  width: 510px;
  margin: 0 auto;
}
#boyaki .p-fv__title {
  display: block;
  font-weight: 700;
}
#boyaki .p-fv__sub {
  display: block;
  color: #530000;
  font-size: 32px;
  line-height: 37.5px;
}
#boyaki .p-fv__main {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  margin-top: 7px;
}
#boyaki .p-fv__main img {
  width: 507px;
  height: 68px;
  max-width: none;
}
#boyaki .p-fv__catch1 {
  margin-top: 32px;
  font-size: 20px;
  line-height: 1.8;
}
#boyaki .p-fv__catch2 {
  margin-top: 8px;
  color: #530000;
  font-size: 24px;
  line-height: 1.8;
}
#boyaki .p-fv__drop {
  position: absolute;
  left: 434px;
  top: 267px;
  width: 127.82px;
  height: 93.33px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#boyaki .p-fv__drop svg {
  flex: none;
  width: 123.86px;
  height: 87.64px;
  max-width: none;
  transform: rotate(2.67deg);
}
@media (max-width: 640px) {
  #boyaki .p-fv__drop {
    display: none;
  }
}
#boyaki .p-fv__lead {
  position: relative;
  margin-top: 98px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.8;
}
#boyaki .p-fv__lead p + p {
  margin-top: 12px;
}
#boyaki .p-fv__lead .c-reg {
  font-size: 0.52em;
}
#boyaki .p-fv__period {
  font-size: 0.8em;
}
@media (max-width: 640px) {
  #boyaki .p-fv {
    padding-top: 25.78125vw;
  }
  #boyaki .p-fv__head {
    width: 66.40625vw;
  }
  #boyaki .p-fv__sub {
    font-size: 4.1666666667vw;
    line-height: 4.8828125vw;
  }
  #boyaki .p-fv__main {
    height: 10.4166666667vw;
    margin-top: 1.3671875vw;
  }
  #boyaki .p-fv__main img {
    width: 66.015625vw;
    height: 8.8541666667vw;
  }
  #boyaki .p-fv__catch1 {
    margin-top: 4.4270833333vw;
    font-size: 3.125vw;
  }
  #boyaki .p-fv__catch2 {
    margin-top: 1.171875vw;
    font-size: 3.6458333333vw;
  }
  #boyaki .p-fv__lead {
    margin-top: 16.1458333333vw;
    font-size: 3.125vw;
  }
  #boyaki .p-fv__lead p + p {
    margin-top: 3.90625vw;
  }
  #boyaki .p-fv__period {
    font-size: 0.67em;
  }
}
#boyaki .p-zukan {
  position: relative;
  margin-top: 88px;
}
#boyaki .p-zukan__list {
  display: grid;
  grid-template-columns: repeat(3, 313px);
  justify-content: center;
  column-gap: 21px;
  row-gap: 104px;
  padding-top: 94px;
}
@media (max-width: 640px) {
  #boyaki .p-zukan {
    margin-top: 13.8020833333vw;
  }
  #boyaki .p-zukan__list {
    grid-template-columns: repeat(2, 44.53125vw);
    column-gap: 2.9947916667vw;
    row-gap: 13.4114583333vw;
    padding-top: 16.1458333333vw;
  }
}
#boyaki .p-movie {
  position: relative;
  margin-top: 198px;
}
#boyaki .p-movie__title {
  position: relative;
  isolation: isolate;
  display: block;
  width: 400px;
  margin: 0 auto;
  transform: translateX(7px);
}
#boyaki .p-movie__ugoku {
  position: absolute;
  z-index: -1;
  left: -138px;
  top: -88px;
  width: 234px;
  height: 125px;
}
#boyaki .p-movie__star {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#boyaki .p-movie__star img {
  flex: none;
  width: 196.44px;
  height: 104.72px;
  max-width: none;
  transform: rotate(-10.51deg);
}
#boyaki .p-movie__ugoku-text {
  position: absolute;
  left: calc(50% + 2.9px);
  top: 62.4px;
  color: #fff;
  font-size: 28px;
  line-height: 1.4;
  white-space: nowrap;
  transform: translate(-50%, -50%);
}
#boyaki .p-movie__ku {
  letter-spacing: -0.3em;
}
#boyaki .p-movie__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 80px 20px;
  max-width: 980px;
  margin: 40px auto 0;
  padding-top: 43px;
}
#boyaki .p-movie__item {
  flex: none;
}
@media (max-width: 640px) {
  #boyaki .p-movie {
    margin-top: 29.0364583333vw;
  }
  #boyaki .p-movie__title {
    width: 59.765625vw;
    transform: none;
  }
  #boyaki .p-movie__ugoku {
    left: -13.0208333333vw;
    top: -10.6770833333vw;
    width: 24.4791666667vw;
    height: 12.5vw;
  }
  #boyaki .p-movie__star img {
    width: 23.4140625vw;
    height: 12.4817708333vw;
  }
  #boyaki .p-movie__ugoku-text {
    left: calc(50% + 0.390625vw);
    top: 6.4453125vw;
    font-size: 3.6458333333vw;
  }
  #boyaki .p-movie__list {
    flex-direction: column;
    align-items: center;
    gap: 5.2083333333vw;
    max-width: none;
    margin-top: 7.8125vw;
    padding-top: 7.421875vw;
  }
}
#boyaki .p-products {
  position: relative;
  margin-top: 140px;
}
#boyaki .p-products__head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
#boyaki .p-products__head-text {
  color: #009f4d;
  font-size: 38px;
  line-height: 1.2;
  white-space: nowrap;
}
#boyaki .p-products__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 341px;
  height: 119px;
}
#boyaki .p-products__logo img {
  width: 312.62px;
  height: 89.95px;
}
#boyaki .p-products__body {
  padding: 80px 0 92px;
  background: #009f4d;
}
#boyaki .p-products__list {
  display: grid;
  grid-template-columns: repeat(2, 480px);
  justify-content: center;
  gap: 20px;
}
#boyaki .p-products__closing {
  margin-top: 64px;
  color: #fff;
  text-align: center;
}
#boyaki .p-products__closing-text {
  line-height: 1.4;
}
#boyaki .p-products__closing-text span {
  display: block;
}
#boyaki .p-products__closing-l1 {
  font-size: 36px;
}
#boyaki .p-products__closing-l2 {
  font-size: 40px;
}
#boyaki .p-products__btns {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 36px;
}
@media (max-width: 640px) {
  #boyaki .p-products {
    margin-top: 20.1822916667vw;
  }
  #boyaki .p-products__head {
    gap: 4.0364583333vw;
  }
  #boyaki .p-products__head-text {
    font-size: 5.7291666667vw;
  }
  #boyaki .p-products__logo {
    width: auto;
    height: auto;
  }
  #boyaki .p-products__logo img {
    width: 47.9765625vw;
    height: 13.8046875vw;
  }
  #boyaki .p-products__body {
    margin-top: 2.0833333333vw;
    padding: 11.0677083333vw 0 13.0208333333vw;
  }
  #boyaki .p-products__list {
    grid-template-columns: 92.0572916667vw;
    gap: 3.90625vw;
  }
  #boyaki .p-products__closing {
    margin-top: 13.0208333333vw;
  }
  #boyaki .p-products__closing-text {
    line-height: 1.6;
  }
  #boyaki .p-products__closing-l1 {
    font-size: 5.2083333333vw;
  }
  #boyaki .p-products__closing-l2 {
    margin-top: -1.3020833333vw;
    font-size: 6.5104166667vw;
  }
  #boyaki .p-products__btns {
    flex-direction: column;
    align-items: center;
    gap: 2.8645833333vw;
    margin-top: 5.2083333333vw;
  }
}
#boyaki .c-modal {
  --c-product: #ff649a;
  position: fixed;
  inset: 0;
  z-index: 10010;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity 0.35s cubic-bezier(0.25, 0.8, 0.35, 1);
}
#boyaki .c-modal[hidden] {
  display: none;
}
#boyaki .c-modal.is-open {
  opacity: 1;
}
#boyaki .c-modal__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding: 60px 20px 90px;
}
#boyaki .c-modal__dialog {
  position: relative;
  transform: translateY(16px);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.35, 1);
}
#boyaki .is-open .c-modal__dialog {
  transform: none;
}
#boyaki .c-modal__panel {
  position: relative;
  width: 807px;
  height: 700px;
  border: 4px solid #009f4d;
  border-radius: 10px;
  background: #fff8e7;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
}
#boyaki .c-modal__bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 6px;
  background: linear-gradient(to right, transparent 396px, #009f4d 396px);
}
#boyaki .c-modal__bg img {
  position: absolute;
  left: -213px;
  top: -165px;
  width: 1012px;
  height: 989.45px;
  max-width: none;
}
#boyaki .c-modal__manga {
  position: absolute;
  left: 72px;
  top: 92px;
  width: 244px;
  height: 502px;
  background: #fff;
}
#boyaki .c-modal__manga > img {
  position: absolute;
  left: 6px;
  top: 7px;
  width: 232px;
  height: 488px;
  object-fit: cover;
  object-position: 50% 0;
}
#boyaki .c-modal__share-wrap {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: calc(100% - 22px);
  transform: translateX(-50%);
}
#boyaki .c-modal__info {
  position: absolute;
  left: 444px;
  top: 97px;
  width: 314px;
}
#boyaki .c-modal__catch {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 83px;
  border-bottom: 3px solid #009f4d;
  border-radius: 10px 10px 0 0;
  background: #fff8e7;
  color: #530000;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
}
#boyaki .c-modal__catch .-l {
  font-size: 18px;
}
#boyaki .c-modal__catch .c-reg {
  font-size: 0.43em;
}
#boyaki .c-modal__card {
  border-radius: 0 0 10px 10px;
  background: #fff;
}
#boyaki .c-modal__product {
  position: relative;
  height: 134px;
  margin: 0 38px 0 30px;
  padding-top: 20px;
  box-sizing: content-box;
}
#boyaki .c-modal__product-img {
  position: absolute;
  left: 0;
  top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 92.69px;
  height: 113.55px;
  filter: drop-shadow(4px 4px 2px rgba(0, 0, 0, 0.25));
}
#boyaki .c-modal__product-img .c-pimg {
  width: 73px;
  transform: rotate(12deg);
}
#boyaki .c-modal__product-name {
  position: absolute;
  left: 90px;
  top: 77px;
  color: var(--c-product);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.4;
  white-space: nowrap;
}
#boyaki .c-modal__product-name .c-reg {
  font-size: 0.39em;
}
#boyaki .c-modal__otc {
  position: absolute;
  right: 0;
  top: 137px;
}
#boyaki .c-modal__spec {
  margin: 0 38px 0 30px;
}
#boyaki .c-modal__spec + .c-modal__spec {
  margin-top: 14px;
}
#boyaki .c-modal__spec-title {
  position: relative;
  padding-left: 15px;
  font-size: 14px;
  line-height: 17px;
}
#boyaki .c-modal__spec-title::before {
  content: "●";
  position: absolute;
  left: -1px;
  top: 50%;
  color: var(--c-product);
  font-size: 14px;
  line-height: 1;
  transform: translateY(-50%);
}
#boyaki .c-modal__features {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 11px;
  padding: 0 5px;
}
#boyaki .c-modal__features li {
  position: relative;
  padding-left: 10px;
  font-size: 12px;
  line-height: 1.5;
}
#boyaki .c-modal__features li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 1px;
  font-size: 7px;
  line-height: 18px;
  opacity: 0.5;
}
#boyaki .c-modal__effect {
  margin-top: 7px;
  padding-left: 15px;
  font-size: 12px;
  line-height: 1.5;
}
#boyaki .c-modal__card-foot {
  position: relative;
  height: 53px;
  border-radius: 0 0 10px 10px;
}
#boyaki .c-modal__card-foot .c-btn {
  position: absolute;
  left: 50%;
  top: 33px;
  transform: translateX(-50%);
}
#boyaki .c-modal__close {
  position: absolute;
  z-index: 3;
  right: 12px;
  top: 12px;
  width: 40px;
  height: 40px;
  transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.35, 1);
}
#boyaki .c-modal__close picture,
#boyaki .c-modal__close img {
  display: block;
  width: 100%;
  height: 100%;
}
@media (hover: hover) and (pointer: fine) {
  #boyaki .c-modal__close:hover {
    opacity: 0.7;
  }
}
@media (max-width: 640px) {
  #boyaki .c-modal {
    background: rgba(0, 0, 0, 0.5);
  }
  #boyaki .c-modal__inner {
    align-items: flex-start;
    padding: 5.6899004267vw 0 8.5348506401vw;
  }
  #boyaki .c-modal__panel {
    width: 91.1806543385vw;
    height: auto;
    padding-top: 19.0611664296vw;
    overflow: hidden;
    border-width: 0.5689900427vw;
    border-radius: 1.4224751067vw;
  }
  #boyaki .c-modal__bg {
    border-radius: 0;
    background: none;
  }
  #boyaki .c-modal__bg img {
    left: -0.5689900427vw;
    top: -0.5689900427vw;
    width: 91.1806543385vw;
    height: 199.146514936vw;
  }
  #boyaki .c-modal__manga {
    position: relative;
    left: auto;
    top: auto;
    width: 64.8648648649vw;
    height: 136.9843527738vw;
    margin: 0 auto;
  }
  #boyaki .c-modal__manga > img {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  #boyaki .c-modal__share-wrap {
    position: relative;
    left: auto;
    top: auto;
    margin-top: 13.2290184922vw;
    text-align: center;
    transform: none;
  }
  #boyaki .c-modal__info {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    margin-top: 13.3712660028vw;
    padding: 8.5348506401vw 3.6984352774vw 15.3627311522vw;
    background: #009f4d;
  }
  #boyaki .c-modal__catch {
    height: 17.0697012802vw;
    border: 0;
    border-radius: 1.4224751067vw 1.4224751067vw 0 0;
    font-size: 3.413940256vw;
  }
  #boyaki .c-modal__catch .-l {
    font-size: 3.9829302987vw;
  }
  #boyaki .c-modal__card {
    margin-top: 0.853485064vw;
    border-radius: 0 0 1.4224751067vw 1.4224751067vw;
  }
  #boyaki .c-modal__product {
    height: 28.8762446657vw;
    margin: 0 4.2674253201vw;
    padding-top: 4.2674253201vw;
  }
  #boyaki .c-modal__product-img {
    left: 7.2546230441vw;
    top: 4.2674253201vw;
    width: 23.5718349929vw;
    height: 28.8762446657vw;
  }
  #boyaki .c-modal__product-img .c-pimg {
    width: 18.6344238976vw;
  }
  #boyaki .c-modal__product-name {
    left: 31.0881934566vw;
    top: 16.5007112376vw;
    font-size: 5.4054054054vw;
    line-height: 1.2;
  }
  #boyaki .c-modal__product-name .c-reg {
    font-size: 0.51em;
  }
  #boyaki .c-modal__otc {
    top: 28.733997155vw;
  }
  #boyaki .c-modal__otc .c-otc__class {
    padding: 0.853485064vw;
    font-size: 2.8449502134vw;
  }
  #boyaki .c-modal__otc .c-otc__selfmed {
    width: 10.0995732575vw;
    height: 3.9829302987vw;
  }
  #boyaki .c-modal__spec {
    margin: 3.413940256vw 4.2674253201vw 0;
  }
  #boyaki .c-modal__spec + .c-modal__spec {
    margin-top: 3.413940256vw;
  }
  #boyaki .c-modal__spec-title {
    padding-left: 5.2631578947vw;
    font-size: 4.5519203414vw;
    line-height: 1.6;
  }
  #boyaki .c-modal__spec-title::before {
    content: "";
    left: 0.2844950213vw;
    width: 2.8449502134vw;
    height: 2.8449502134vw;
    border-radius: 50%;
    background: var(--c-product);
  }
  #boyaki .c-modal__features {
    gap: 1.4224751067vw;
    margin-top: 2.4182076814vw;
    padding: 0;
  }
  #boyaki .c-modal__features li {
    padding-left: 5.3342816501vw;
    font-size: 3.413940256vw;
    line-height: 1.6;
  }
  #boyaki .c-modal__features li::before {
    top: 0;
    font-size: 1.9914651494vw;
    line-height: 5.4623044097vw;
  }
  #boyaki .c-modal__effect {
    margin-top: 2.4182076814vw;
    padding-left: 0;
    font-size: 3.413940256vw;
    line-height: 1.6;
  }
  #boyaki .c-modal__card-foot {
    height: 9.9573257468vw;
    border-radius: 0 0 1.4224751067vw 1.4224751067vw;
  }
  #boyaki .c-modal__card-foot .c-btn {
    top: 4.5519203414vw;
  }
  #boyaki .c-modal__close {
    right: 2.8449502134vw;
    top: 1.706970128vw;
    width: 8.5348506401vw;
    height: 8.5348506401vw;
  }
}
#boyaki .c-like {
  position: absolute;
  z-index: 2;
  left: 216.5px;
  top: 475px;
  width: 64px;
  height: 64px;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.35, 1);
}
#boyaki .c-like__circle {
  position: absolute;
  left: -2.33%;
  top: -2.33%;
  width: 109.31%;
  max-width: none;
  height: 109.31%;
}
#boyaki .c-like__text {
  position: absolute;
  left: 50%;
  top: 27.8%;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  transform: translate(-50%, -50%);
}
#boyaki .c-like__heart {
  position: absolute;
  left: 29.07%;
  top: 45.35%;
  width: 43.03%;
  height: 38.37%;
  max-width: none;
}
@media (hover: hover) and (pointer: fine) {
  #boyaki .c-like:hover {
    transform: scale(1.15);
  }
}
#boyaki .c-like.is-liked {
  animation: c-like-pop 0.45s cubic-bezier(0.25, 0.8, 0.35, 1);
}
@media (max-width: 640px) {
  #boyaki .c-like {
    left: 56.1877667141vw;
    top: 132.2901849218vw;
    width: 12.2332859175vw;
    height: 12.2332859175vw;
  }
  #boyaki .c-like__text {
    font-size: 2.2759601707vw;
  }
}
@keyframes c-like-pop {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
#boyaki .c-share {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 54px;
  padding: 0 20px 0 12px;
  border: 2px solid #000;
  border-radius: 50px;
  background: #f6eacb;
  color: #530000;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  white-space: nowrap;
  transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.35, 1), color 0.3s cubic-bezier(0.25, 0.8, 0.35, 1);
}
#boyaki .c-share__icon {
  position: relative;
  flex: none;
  width: 30px;
  height: 30px;
}
#boyaki .c-share__icon img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
#boyaki .c-share__icon-hover {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.35, 1);
}
@media (hover: hover) and (pointer: fine) {
  #boyaki .c-share:hover {
    background-color: #000;
    color: #fff;
  }
  #boyaki .c-share:hover .c-share__icon-hover {
    opacity: 1;
  }
}
@media (max-width: 640px) {
  #boyaki .c-share {
    gap: 2.2759601707vw;
    height: 12.2332859175vw;
    padding: 0 3.413940256vw 0 1.706970128vw;
    border: 0.426742532vw solid #530000;
    background: #fff8e7;
    font-size: 3.9829302987vw;
  }
  #boyaki .c-share__icon {
    width: 8.5348506401vw;
    height: 8.5348506401vw;
  }
}
#boyaki .c-video-modal {
  position: fixed;
  inset: 0;
  z-index: 10010;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: rgba(0, 0, 0, 0.85);
  opacity: 0;
  transition: opacity 0.35s cubic-bezier(0.25, 0.8, 0.35, 1);
}
#boyaki .c-video-modal[hidden] {
  display: none;
}
#boyaki .c-video-modal.is-open {
  opacity: 1;
}
#boyaki .c-video-modal__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding: 64px 20px 40px;
}
#boyaki .c-video-modal__dialog {
  position: relative;
  transform: translateY(16px);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.35, 1);
}
#boyaki .is-open .c-video-modal__dialog {
  transform: none;
}
#boyaki .c-video-modal__video {
  display: block;
  width: auto;
  height: min(100vh - 120px, 960px);
  height: min(100svh - 120px, 960px);
  aspect-ratio: 9/16;
  max-width: calc(100vw - 40px);
  border: 4px solid #009f4d;
  border-radius: 10px;
  background: #e7f3eb;
  object-fit: contain;
}
#boyaki .c-video-modal__close {
  position: absolute;
  right: -4px;
  bottom: calc(100% + 10px);
  width: 44px;
  height: 44px;
  transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.35, 1);
}
#boyaki .c-video-modal__close img {
  width: 100%;
  height: 100%;
}
@media (hover: hover) and (pointer: fine) {
  #boyaki .c-video-modal__close:hover {
    opacity: 0.7;
  }
}
@media (max-width: 640px) {
  #boyaki .c-video-modal__inner {
    padding: 15.6472261735vw 4.4096728307vw 5.6899004267vw;
  }
  #boyaki .c-video-modal__video {
    width: 91.1806543385vw;
    height: auto;
    max-height: calc(100svh - 21.3371266003vw);
    max-width: none;
    border-width: 0.5689900427vw;
    border-radius: 1.4224751067vw;
  }
  #boyaki .c-video-modal__close {
    right: 0;
    bottom: calc(100% + 2.2759601707vw);
    width: 9.9573257468vw;
    height: 9.9573257468vw;
  }
}

@keyframes op-dot {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes op-cloud {
  0% {
    opacity: 0;
    scale: 0.6;
  }
  100% {
    opacity: 1;
    scale: 1;
  }
}
@keyframes op-cloud-svg {
  0% {
    opacity: 0;
    transform: scale(0.6);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes op-bounce {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  40% {
    opacity: 1;
    transform: scale(1.15);
  }
  58% {
    transform: scale(0.92);
  }
  74% {
    transform: scale(1.05);
  }
  88% {
    transform: scale(0.98);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes op-fade-up {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: no-preference) {
  #boyaki.is-opening .p-op-dot,
  #boyaki.is-opening .p-op-cloud,
  #boyaki.is-opening .p-fv__cloud,
  #boyaki.is-opening .p-fv__text,
  #boyaki.is-opening .p-fv__lead {
    opacity: 0;
  }
  #boyaki .p-op-dot {
    transform-box: fill-box;
    transform-origin: center;
  }
  #boyaki .p-op-cloud {
    transform-box: fill-box;
    transform-origin: center;
  }
  #boyaki .p-fv__cloud,
  #boyaki .p-fv__text {
    transform-origin: center;
  }
  #boyaki.is-opening.is-play .p-op-dot {
    animation: op-dot 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) both;
  }
  #boyaki.is-opening.is-play .p-op-dot--1 {
    animation-delay: 0.2s;
  }
  #boyaki.is-opening.is-play .p-op-dot--2 {
    animation-delay: 0.45s;
  }
  #boyaki.is-opening.is-play .p-op-dot--3 {
    animation-delay: 0.7s;
  }
  #boyaki.is-opening.is-play .p-fv__cloud {
    animation: op-cloud 0.65s cubic-bezier(0.25, 0.8, 0.35, 1) 1s both;
  }
  #boyaki.is-opening.is-play .p-op-cloud {
    animation: op-cloud-svg 0.65s cubic-bezier(0.25, 0.8, 0.35, 1) 1s both;
  }
  #boyaki.is-opening.is-play .p-fv__text {
    animation: op-bounce 0.8s ease-out 1.05s both;
  }
  #boyaki.is-opening.is-play .p-fv__lead {
    animation: op-fade-up 0.8s cubic-bezier(0.25, 0.8, 0.35, 1) 1.75s both;
  }
}