@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;700&family=Noto+Serif+JP:wght@900&display=swap");
body main {
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 600 !important;
  text-align: center;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .c-headingLv1 {
  font-family: "Noto Serif JP", serif !important;
  font-weight: 900 !important;
}
body .l-inner {
  max-width: none;
  padding-inline: 0;
}
body .movie-wrap {
  position: relative;
  line-height: 0;
}
body .movie-wrap .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3);
}
body .movie-wrap .overlay .play {
  width: max(45px, 4.5vw);
}
body .first-view {
  margin: 0;
  line-height: 0;
}
body .first-view img {
  width: 100%;
}
body .section02 {
  margin-bottom: max(30px, 3vw);
}
body .section02 .statement-wrap {
  position: relative;
  padding-top: max(30px, 3vw);
}
@media (max-width: 767px) {
  body .section02 .statement-wrap {
    padding-top: 12.8571428571vw;
  }
}
body .section02 .statement-wrap .statement-bg {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  body .section02 .statement-wrap .statement-bg {
    width: 100%;
    height: 100%;
  }
}
body .section02 .statement-wrap .statement {
  position: relative;
  z-index: 1;
  width: fit-content;
  margin: 0 auto;
  font-size: max(18px, 1.8vw);
  line-height: max(32px, 3.2vw);
  margin-bottom: max(30px, 3vw);
  font-family: "Noto Serif JP", serif;
  font-weight: 900;
}
@media (max-width: 767px) {
  body .section02 .statement-wrap .statement {
    font-size: 3.7142857143vw;
    line-height: 6.7142857143vw;
    margin-bottom: 8.5714285714vw;
  }
}
body .section02 .statement-wrap .statement span.fade-in-scale {
  display: block;
  font-size: max(29px, 2.9vw);
  line-height: max(48px, 4.8vw);
  opacity: 0;
  transform: scale(1.2);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
body .section02 .statement-wrap .statement span.fade-in-scale.is-visible {
  opacity: 1;
  transform: scale(1);
}
@media (max-width: 767px) {
  body .section02 .statement-wrap .statement span.fade-in-scale {
    font-size: 5.1428571429vw;
    line-height: 7.5714285714vw;
  }
}
body .section02 .statement-wrap .statement span.fade-in-line {
  display: block;
  opacity: 0;
  transition: opacity 1s ease-out;
}
body .section02 .statement-wrap .statement span.fade-in-line.is-visible {
  opacity: 1;
}
body .section02 .statement-wrap .main-img {
  position: relative;
  z-index: 1;
  width: max(430px, 43vw);
}
body .section02 .statement-wrap .main-img.fade-in-down {
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
body .section02 .statement-wrap .main-img.fade-in-down.is-visible {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 767px) {
  body .section02 .statement-wrap .main-img {
    width: 82.1428571429vw;
  }
}
body .section02 .lower {
  position: relative;
  margin-top: min(-24px, -2.4vw);
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 767px) {
  body .section02 .lower {
    margin-top: 0;
    padding-bottom: -7.1428571429vw;
  }
}
body .section02 .lower .bg {
  width: max(1000px, 100vw);
  margin-left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  body .section02 .lower .bg {
    width: 100%;
  }
}
body .section02 .lower .cooking-wrap {
  position: absolute;
  top: max(30px, 3vw);
  left: 0;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  body .section02 .lower .cooking-wrap {
    top: 4.2857142857vw;
  }
}
body .section02 .lower .cooking-scroll {
  display: flex;
  width: max-content;
}
body .section02 .lower .cooking {
  width: max(747px, 74.7vw);
  flex-shrink: 0;
  margin: 0 max(5px, 0.5vw);
}
@media (max-width: 767px) {
  body .section02 .lower .cooking {
    width: 112vw;
  }
}
body .section03 .ttl {
  width: max(334px, 33.4vw);
  margin: 0 auto;
}
@media (max-width: 767px) {
  body .section03 .ttl {
    width: 85.7142857143vw;
  }
}
body .section03 .ttl img {
  width: 100%;
}
body .section03 .introduction {
  width: fit-content;
  font-size: max(14.4px, 1.44vw);
  line-height: max(25.6px, 2.56vw);
  margin: auto;
}
@media (max-width: 767px) {
  body .section03 .introduction {
    font-size: 4.2857142857vw;
    line-height: 6.9285714286vw;
    padding: 0 7.1428571429vw;
    text-align: left;
    margin-bottom: 1.4285714286vw;
  }
}
body .section03 .chushaku {
  font-size: max(10px, 1vw);
  margin-bottom: max(80px, 8vw);
  text-align: center;
  font-weight: 400;
}
@media (max-width: 767px) {
  body .section03 .chushaku {
    margin-bottom: 17.1428571429vw;
    font-size: 2.8571428571vw;
    padding: 0 7.1428571429vw;
    text-align: left;
  }
}
body .section03 h3 {
  width: max(180px, 18vw);
  margin: auto;
  margin-bottom: max(20px, 2vw);
  font-family: "Noto Serif JP", serif;
  font-weight: 900;
  font-size: max(24px, 2.4vw);
  background-color: #fff;
}
@media (max-width: 767px) {
  body .section03 h3 {
    margin-left: 0;
    margin-bottom: 3vw;
    font-size: 5.4285714286vw;
    width: 33.1428571429vw;
  }
}
body .section03 h3::after {
  content: "";
  position: absolute;
  top: max(4px, 0.4vw);
  left: max(4px, 0.4vw);
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  z-index: -1;
}
@media (max-width: 767px) {
  body .section03 h3::after {
    top: 0.7142857143vw;
    left: 0.7142857143vw;
  }
}
body .section03 .recipes-wrap {
  position: relative;
}
@media (max-width: 767px) {
  body .section03 .recipes-wrap {
    width: 100%;
  }
}
body .section03 .recipes-wrap .dots {
  display: none;
}
@media (max-width: 767px) {
  body .section03 .recipes-wrap .dots {
    display: flex;
    justify-content: center;
    gap: 2.2857142857vw;
    margin-top: 4.5714285714vw;
  }
  body .section03 .recipes-wrap .dots .dot {
    display: block;
    width: 1.5714285714vw;
    height: 1.5714285714vw;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    transition: background-color 0.3s ease;
  }
  body .section03 .recipes-wrap .dots .dot.is-active {
    background-color: #fff;
  }
}
body .section03 .recipes {
  display: flex;
  align-items: stretch;
  width: fit-content;
  margin: 0 auto;
  gap: max(20px, 2vw);
}
@media (max-width: 767px) {
  body .section03 .recipes {
    width: 100%;
    margin: 0;
    gap: 3.4285714286vw;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    padding: 2.2857142857vw calc(50vw - 29.5714285714vw);
    box-sizing: border-box;
  }
  body .section03 .recipes::-webkit-scrollbar {
    display: none;
  }
}
body .section03 .recipes .recipe {
  width: max(187px, 18.7vw);
  box-shadow: 0 0 max(7px, 0.7vw) rgba(0, 0, 0, 0.4);
  line-height: 0;
  border-radius: max(15px, 1.5vw);
  background-color: white;
  transform: perspective(max(1000px, 100vw)) rotateY(-90deg);
  transform-origin: center;
  transition: opacity 0.6s ease-out, transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
  overflow: hidden;
}
@media (max-width: 767px) {
  body .section03 .recipes .recipe {
    width: 59.1428571429vw;
    flex-shrink: 0;
    scroll-snap-align: center;
    box-shadow: 0 0 1.1428571429vw rgba(0, 0, 0, 0.4);
    border-radius: 2.2857142857vw;
  }
}
body .section03 .recipes .recipe.is-visible {
  transform: perspective(max(1000px, 100vw)) rotateY(0);
}
body .section03 .recipes .recipe .movie {
  width: 100%;
}
body .section03 .recipes .recipe .content {
  text-align: left;
  padding: max(10px, 1vw);
}
@media (max-width: 767px) {
  body .section03 .recipes .recipe .content {
    padding: 2.2857142857vw;
  }
}
body .section03 .recipes .recipe .content .ttl {
  font-size: max(13px, 1.3vw);
  line-height: max(15px, 1.5vw);
  color: #a00000;
  margin-bottom: max(5px, 0.5vw);
  font-weight: 800;
}
body .section03 .recipes .recipe .content .ttl .emoji-img {
  transform: scale(1.5) translateY(min(-0.5px, -0.05vw));
}
@media (max-width: 767px) {
  body .section03 .recipes .recipe .content .ttl {
    font-size: 4.1428571429vw;
    line-height: 5.4285714286vw;
    margin-bottom: 1.7142857143vw;
  }
}
body .section03 .recipes .recipe .content .ttl.cook {
  font-size: max(10.8px, 1.08vw);
  margin-bottom: 0;
}
@media (max-width: 767px) {
  body .section03 .recipes .recipe .content .ttl.cook {
    font-size: 3.4285714286vw;
  }
}
body .section03 .recipes .recipe .content a {
  display: block;
  width: max(23px, 2.3vw);
  margin-bottom: max(5px, 0.5vw);
}
@media (max-width: 767px) {
  body .section03 .recipes .recipe .content a {
    width: 7.2857142857vw;
    margin-bottom: 1.1428571429vw;
  }
}
body .section03 .recipes .recipe .content a .insta {
  width: 100%;
}
body .section03 .recipes .recipe .content .h-line {
  margin-top: max(8px, 0.8vw);
  margin-bottom: max(8px, 0.8vw);
  height: 1px;
  background-color: #919191;
}
@media (max-width: 767px) {
  body .section03 .recipes .recipe .content .h-line {
    margin-top: 1.7142857143vw;
    margin-bottom: 1.7142857143vw;
  }
}
body .section03 .recipes .recipe .content .text {
  font-size: max(9px, 0.9vw);
  line-height: max(15px, 1.5vw);
  font-feature-settings: "palt";
}
@media (max-width: 767px) {
  body .section03 .recipes .recipe .content .text {
    font-size: 3vw;
    line-height: 4.8571428571vw;
  }
}
body .section03 .bg1 {
  width: max(1000px, 100vw);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -2;
  -webkit-clip-path: inset(0 0 0 100%);
  clip-path: inset(0 0 0 100%);
  transition: -webkit-clip-path 1.2s cubic-bezier(0.2, 0.8, 0.2, 1), clip-path 1.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}
@media (max-width: 767px) {
  body .section03 .bg1 {
    width: 100vw;
  }
}
body .section03 .bg1.is-visible {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}
body .section03 .bg2 {
  width: max(1000px, 100vw);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  transition: -webkit-clip-path 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) 0.2s, clip-path 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) 0.2s;
}
@media (max-width: 767px) {
  body .section03 .bg2 {
    width: 100vw;
  }
}
body .section03 .bg2.is-visible {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}
body .section03 .time-saving {
  position: relative;
  margin-top: min(-50px, -5vw);
  padding-top: max(120px, 12vw);
  padding-bottom: max(120px, 12vw);
}
@media (max-width: 767px) {
  body .section03 .time-saving {
    padding-top: 17.1428571429vw;
    padding-bottom: 2.8571428571vw;
  }
}
body .section03 .time-saving .bg1,
body .section03 .time-saving .bg2 {
  transform: translateX(-50%) scaleY(1.18);
  transform-origin: top center;
}
@media (max-width: 767px) {
  body .section03 .time-saving .bg1,
  body .section03 .time-saving .bg2 {
    transform: translateX(-50%) scaleY(1.15);
  }
}
body .section03 .time-saving h3 {
  color: #a00000;
  position: relative;
}
body .section03 .time-saving h3::after {
  background-color: #a00000;
}
body .section03 .time-saving .insta path {
  fill: #a00000;
}
body .section03 .healthy {
  position: relative;
  z-index: 1;
  margin-top: min(-80px, -8vw);
  padding-top: max(105px, 10.5vw);
  padding-bottom: max(120px, 12vw);
}
@media (max-width: 767px) {
  body .section03 .healthy {
    margin-top: 0;
    padding-top: 20vw;
    padding-bottom: 14.2857142857vw;
  }
}
@media (max-width: 767px) {
  body .section03 .healthy .bg1,
  body .section03 .healthy .bg2 {
    transform: translateX(-50%) scaleY(0.84);
    transform-origin: top center;
  }
}
body .section03 .healthy h3 {
  color: #0064a4;
  position: relative;
}
@media (max-width: 767px) {
  body .section03 .healthy h3 {
    width: 43.1428571429vw;
  }
}
body .section03 .healthy h3::after {
  background-color: #0064a4;
}
body .section03 .healthy .insta path {
  fill: #0064a4;
}
body .section03 .healthy .recipes .recipe .content .ttl {
  color: #0064a4;
}
body .section04 {
  position: relative;
  margin-top: min(-50px, -5vw);
  padding-top: max(50px, 5vw);
  padding-bottom: max(150px, 15vw);
  background-color: #ffc800;
}
@media (max-width: 767px) {
  body .section04 {
    margin-top: 2.8571428571vw;
    padding-top: 12.8571428571vw;
    padding-bottom: 14.2857142857vw;
    z-index: 0;
    overflow: clip;
  }
}
body .section04 .bg-upper {
  width: max(1000px, 100vw);
  position: absolute;
  top: min(-20px, -2vw);
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}
@media (max-width: 767px) {
  body .section04 .bg-upper {
    top: -5.7142857143vw;
    width: 100%;
  }
}
body .section04 .bg-lower {
  width: max(1000px, 100vw);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}
@media (max-width: 767px) {
  body .section04 .bg-lower {
    width: 100%;
    bottom: -14.2857142857vw;
  }
}
body .section04 .inner {
  position: relative;
  z-index: 1;
}
body .section04 .inner .ttl {
  width: max(312px, 31.2vw);
  margin: auto;
  margin-bottom: max(30px, 3vw);
}
@media (max-width: 767px) {
  body .section04 .inner .ttl {
    width: 85.7142857143vw;
    margin-bottom: 4.2857142857vw;
  }
}
body .section04 .inner .ttl img {
  width: 100%;
}
body .section04 .inner .text {
  font-size: max(14.4px, 1.44vw);
  line-height: max(25.6px, 2.56vw);
  font-feature-settings: "palt";
  margin-bottom: max(30px, 3vw);
}
@media (max-width: 767px) {
  body .section04 .inner .text {
    width: 85.7142857143vw;
    margin: auto;
    margin-bottom: 4.2857142857vw;
    font-size: 4.2857142857vw;
    line-height: 6.9285714286vw;
    text-align: left;
  }
}
body .section04 .inner .recipe-wrap {
  display: flex;
  justify-content: center;
  border-radius: max(10px, 1vw);
  overflow: hidden;
  width: fit-content;
  margin: auto;
  box-shadow: 0 0 max(7px, 0.7vw) rgba(0, 0, 0, 0.4);
}
@media (max-width: 767px) {
  body .section04 .inner .recipe-wrap {
    box-shadow: 0 0 1.1428571429vw rgba(0, 0, 0, 0.4);
    width: 68.5714285714vw;
    margin: auto;
    border-radius: 2.2857142857vw;
    flex-wrap: wrap;
  }
}
body .section04 .inner .recipe-wrap .recipe-movie {
  width: max(190px, 19vw);
}
@media (max-width: 767px) {
  body .section04 .inner .recipe-wrap .recipe-movie {
    width: 100%;
  }
}
body .section04 .inner .recipe-wrap .recipe-movie img {
  width: 100%;
}
body .section04 .inner .recipe-wrap .info {
  width: max(190px, 19vw);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: max(10px, 1vw);
  background-color: white;
  text-align: left;
}
@media (max-width: 767px) {
  body .section04 .inner .recipe-wrap .info {
    width: 100%;
    padding: 2.2857142857vw;
    padding-bottom: 3.4285714286vw;
    justify-content: flex-start;
  }
}
body .section04 .inner .recipe-wrap .info .i-ttl {
  font-size: max(15px, 1.5vw);
  margin-bottom: max(15px, 1.5vw);
  line-height: max(16px, 1.6vw);
  white-space: nowrap;
  font-feature-settings: "palt";
  font-weight: 800;
}
@media (max-width: 767px) {
  body .section04 .inner .recipe-wrap .info .i-ttl {
    font-size: 4.5714285714vw;
    line-height: 5.4285714286vw;
    margin-bottom: 2.2857142857vw;
  }
}
body .section04 .inner .recipe-wrap .info .txt {
  font-size: max(9px, 0.9vw);
}
@media (max-width: 767px) {
  body .section04 .inner .recipe-wrap .info .txt {
    font-size: 3vw;
    line-height: 4.8571428571vw;
  }
}
body .section04 .inner .recipe-wrap .info .h-line {
  height: max(1px, 0.1vw);
  background-color: #919191;
  margin-top: max(15px, 1.5vw);
  margin-bottom: max(15px, 1.5vw);
}
@media (max-width: 767px) {
  body .section04 .inner .recipe-wrap .info .h-line {
    height: 0.1428571429vw;
    margin-top: 2.2857142857vw;
    margin-bottom: 2.2857142857vw;
  }
}
body .section04 .inner .recipe-wrap .info .btn {
  font-size: max(10px, 1vw);
  line-height: 1;
  background-color: black;
  color: white;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: max(40px, 4vw);
  border-radius: max(20px, 2vw);
  width: 100%;
  text-decoration: none;
  font-weight: 700;
  margin-top: max(15px, 1.5vw);
}
@media (max-width: 767px) {
  body .section04 .inner .recipe-wrap .info .btn {
    height: 11.7142857143vw;
    font-size: 3.1428571429vw;
    margin-top: 2.2857142857vw;
    border-radius: 5.7142857143vw;
  }
}
body .section04 .inner .recipe-wrap .info .btn:hover {
  opacity: 0.8;
  transition: opacity 0.3s ease;
}
body .section04 .inner .recipe-wrap .info .btn:hover .arrow {
  transition: transform 0.3s ease;
  transform: translateX(max(5px, 0.5vw));
}
body .section04 .inner .recipe-wrap .info .btn .arrow {
  width: max(4px, 0.4vw);
  position: absolute;
  top: 0;
  right: max(10px, 1vw);
  bottom: 0;
  margin: auto;
  transition: transform 0.3s ease;
}
@media (max-width: 767px) {
  body .section04 .inner .recipe-wrap .info .btn .arrow {
    width: 1.4285714286vw;
    right: 3.4285714286vw;
  }
}
body .section05 {
  padding: max(50px, 5vw) 0;
}
@media (max-width: 767px) {
  body .section05 {
    padding: 7.1428571429vw 0;
    position: relative;
    z-index: 1;
    padding-bottom: 0;
  }
}
body .section05 .ttl {
  text-align: center;
  font-size: max(20.8px, 2.08vw);
  margin-bottom: max(20px, 2vw);
  font-weight: 800;
}
@media (max-width: 767px) {
  body .section05 .ttl {
    margin-bottom: 4.2857142857vw;
    font-size: 6.8571428571vw;
    line-height: 9.7142857143vw;
  }
}
body .section05 .ttl span {
  color: #e50012;
}
body .section05 .check {
  font-size: max(14.4px, 1.44vw);
  line-height: max(25.6px, 2.56vw);
  margin-bottom: max(20px, 2vw);
}
@media (max-width: 767px) {
  body .section05 .check {
    font-size: 4.2857142857vw;
    line-height: 6.9285714286vw;
    margin-bottom: 4.2857142857vw;
  }
}
body .section05 .banners-wrap {
  position: relative;
}
@media (max-width: 767px) {
  body .section05 .banners-wrap {
    width: 100%;
  }
}
body .section05 .banners-wrap .banners {
  display: flex;
  justify-content: center;
  gap: max(12px, 1.2vw);
}
@media (max-width: 767px) {
  body .section05 .banners-wrap .banners {
    width: 100%;
    margin: 0;
    justify-content: flex-start;
    gap: 4.2857142857vw;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    padding: 2.8571428571vw calc(50vw - 39.2857142857vw);
    box-sizing: border-box;
  }
  body .section05 .banners-wrap .banners::-webkit-scrollbar {
    display: none;
  }
}
body .section05 .banners-wrap .banners .banner {
  display: block;
  width: max(143px, 14.3vw);
  text-decoration: none;
  box-shadow: max(1.5711px, 0.15711vw) max(1.5711px, 0.15711vw) max(3px, 0.3vw) rgba(0, 0, 0, 0.3);
  border-radius: max(10px, 1vw);
  overflow: hidden;
  background-color: white;
  transition: box-shadow 0.3s ease;
}
@media (max-width: 767px) {
  body .section05 .banners-wrap .banners .banner {
    width: 78.5714285714vw;
    flex-shrink: 0;
    scroll-snap-align: center;
    box-shadow: 0 0 1.4285714286vw rgba(0, 0, 0, 0.4);
    border-radius: 4.2857142857vw;
  }
}
body .section05 .banners-wrap .banners .banner:hover {
  box-shadow: max(2px, 0.2vw) max(4px, 0.4vw) max(12px, 1.2vw) rgba(0, 0, 0, 0.35);
}
body .section05 .banners-wrap .banners .banner img {
  width: 100%;
}
body .section05 .banners-wrap .banners .banner .txts {
  padding: max(5px, 0.5vw);
  text-align: left;
}
@media (max-width: 767px) {
  body .section05 .banners-wrap .banners .banner .txts {
    padding: 2.8571428571vw;
  }
}
body .section05 .banners-wrap .banners .banner .txts * {
  color: black;
}
body .section05 .banners-wrap .banners .banner .txts .text1 {
  font-size: max(12.8px, 1.28vw);
  line-height: max(19.2px, 1.92vw);
  margin-bottom: max(3px, 0.3vw);
  font-feature-settings: "palt";
}
@media (max-width: 767px) {
  body .section05 .banners-wrap .banners .banner .txts .text1 {
    font-size: 4.7142857143vw;
    line-height: 7.5714285714vw;
    margin-bottom: 0.7142857143vw;
  }
}
body .section05 .banners-wrap .banners .banner .txts .text2 {
  font-size: max(11.2px, 1.12vw);
  line-height: max(17.6px, 1.76vw);
  font-feature-settings: "palt";
}
@media (max-width: 767px) {
  body .section05 .banners-wrap .banners .banner .txts .text2 {
    font-size: 3.5714285714vw;
    line-height: 6.9285714286vw;
  }
}

.sp-only {
  display: none;
}
@media (max-width: 767px) {
  .sp-only {
    display: block;
  }
}

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

.movie-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 16px;
  box-sizing: border-box;
}
.movie-modal .movie-modal-content {
  position: relative;
  width: 100%;
  max-width: 420px;
  height: 85vh;
  max-height: 720px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.movie-modal .movie-modal-content iframe {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 12px;
}
.movie-modal .movie-modal-content video {
  height: 90vh;
  max-width: 90vw;
  object-fit: contain;
  background-color: transparent;
}
.movie-modal .movie-modal-content .movie-modal-close {
  position: absolute;
  top: -12px;
  right: -12px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 24px;
  line-height: 1;
  border: 2px solid #fff;
  cursor: pointer;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: background 0.2s ease;
}
.movie-modal .movie-modal-content .movie-modal-close:hover {
  background: #000;
}

.emoji-img {
  width: 1.1em !important;
  height: 1.1em !important;
  vertical-align: -0.15em !important;
  display: inline-block !important;
  float: none !important;
  position: static !important;
  object-fit: contain !important;
  margin-inline: 0.15em !important;
  transform: scale(1.6);
}
.emoji-img[src*=emoji_blossom] {
  background-color: currentColor;
  -webkit-mask: url("../img/emoji_blossom.png") no-repeat center/contain;
  mask: url("../img/emoji_blossom.png") no-repeat center/contain;
  object-position: -9999px -9999px !important;
}