@charset "UTF-8";
@keyframes is-open-pc {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  50% {
    transform: translateY(7px);
  }
  100% {
    opacity: 1;
  }
}
/* Base Style
===============================*/
html {
  font-size: 62.5%;
}
@media screen and (max-width: 1535px) {
  html {
    font-size: 50%;
  }
}
@media screen and (max-width: 1326px) {
  html {
    font-size: 44%;
  }
}
@media screen and (max-width: 800px) {
  html {
    font-size: 62.5%;
  }
}

body {
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
}

img {
  height: auto;
}

a:hover {
  cursor: pointer;
}

/* Visible Style
===============================*/
@media screen and (max-width: 800px) {
  .pc {
    display: none;
  }
}

@media screen and (max-width: 1110px) {
  .tb {
    display: none;
  }
}

.sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .sp {
    display: block;
  }
}

.sp-600 {
  display: none;
}
@media screen and (max-width: 600px) {
  .sp-600 {
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .pc-600 {
    display: none;
  }
}

.sp-360 {
  display: none;
}
@media screen and (max-width: 365px) {
  .sp-360 {
    display: block;
  }
}

#footer-link-sp {
  display: none;
}
@media screen and (max-width: 600px) {
  #footer-link-sp {
    display: flex;
  }
}

@media screen and (max-width: 600px) {
  #footer-link-pc {
    display: none;
  }
}

.nav-sp {
  display: none;
}
@media screen and (max-width: 1110px) {
  .nav-sp {
    display: block;
  }
}

@media screen and (max-width: 1110px) {
  .nav-pc {
    display: none;
  }
}

/* Header Section 
===============================*/
.header-body {
  position: fixed;
  width: 100%;
  border-radius: 0 0 100px 100px;
  background-color: #ffffff;
  box-shadow: 0px 2px 1px rgba(96, 53, 44, 0.05);
  z-index: 1000;
  transition: 0.15s;
}
@media screen and (max-width: 800px) {
  .header-body {
    border-radius: 0 0 40px 40px;
  }
}
.header-body div.header-wide {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 66%;
  margin: 0 auto;
  padding-top: 22px;
  padding-bottom: 22px;
  z-index: 2000;
}
@media screen and (max-width: 1535px) {
  .header-body div.header-wide {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 600px) {
  .header-body div.header-wide {
    padding-top: 16px;
    padding-bottom: 16px;
    width: 82%;
  }
}
@media screen and (max-width: 1535px) {
  .header-body div.header-wide .header-logo {
    width: 134px;
  }
  .header-body div.header-wide .header-logo img {
    width: 100%;
  }
}
@media screen and (max-width: 1110px) {
  .header-body div.header-wide .header-logo {
    width: 114px;
  }
}
@media screen and (max-width: 600px) {
  .header-body div.header-wide .header-logo {
    width: 90px;
  }
}
.header-body div.header-wide .nav-list-main {
  display: flex;
  justify-content: space-between;
  width: 62%;
}
@media screen and (max-width: 1110px) {
  .header-body div.header-wide .nav-list-main {
    width: 49%;
  }
}
.header-body div.header-wide .nav-list-main li {
  font-size: 1.7rem;
  font-weight: 900;
  color: #3b201b;
}
@media screen and (max-width: 800px) {
  .header-body div.header-wide .nav-list-main li {
    font-size: 1rem;
  }
}
.header-body div.header-wide .nav-button div {
  width: 25px;
  height: 3px;
  border-radius: 3px;
}
@media screen and (max-width: 1110px) {
  .header-body div.header-wide .nav-button div {
    width: 19px;
  }
}
.header-body div.header-wide .nav-button div:hover {
  cursor: pointer;
}
.header-body div.header-wide .nav-button div:first-child {
  background-color: #008132;
  margin-bottom: 7.5px;
  transition: 0.3s;
}
@media screen and (max-width: 1110px) {
  .header-body div.header-wide .nav-button div:first-child {
    margin-bottom: 5px;
  }
}
.header-body div.header-wide .nav-button div:nth-child(2) {
  background-color: #c8000f;
  margin-bottom: 7.5px;
  transition: 0.2s;
}
@media screen and (max-width: 1110px) {
  .header-body div.header-wide .nav-button div:nth-child(2) {
    margin-bottom: 5px;
  }
}
.header-body div.header-wide .nav-button div:nth-child(3) {
  background-color: #ffc400;
  transition: 0.2s;
}
.header-body div.header-wide .nav-active:first-child {
  transform: rotate(45deg) translate(10px, 10px);
}
@media screen and (max-width: 1110px) {
  .header-body div.header-wide .nav-active:first-child {
    transform: rotate(45deg) translate(7px, 7px);
  }
}
.header-body div.header-wide .nav-active:nth-child(2) {
  opacity: 0;
}
.header-body div.header-wide .nav-active:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}
@media screen and (max-width: 1110px) {
  .header-body div.header-wide .nav-active:nth-child(3) {
    transform: rotate(-45deg) translate(4px, -4px);
  }
}

.header-body-open {
  border-radius: 0;
  transition: 0.15s;
  z-index: 1000;
}

.nav-open {
  position: absolute;
  position: fixed;
  top: -100px;
  width: 100%;
  height: 73px;
  background-color: #ffc400;
  z-index: 200;
  transition: 0.2s;
}
@media screen and (max-width: 1535px) {
  .nav-open {
    height: 66px;
  }
}
@media screen and (max-width: 1110px) {
  .nav-open {
    overflow-y: scroll;
  }
}
.nav-open .header-curve {
  width: 100vw;
  transform: translateY(0.5vw);
}
@media screen and (max-width: 1535px) {
  .nav-open .header-curve {
    transform: translateY(1.1vw);
  }
}
@media screen and (max-width: 1110px) {
  .nav-open .header-curve {
    display: none;
  }
}
.nav-open .header-curve img {
  width: 100%;
}
@media screen and (max-width: 1110px) {
  .nav-open .nav-container-sp {
    display: flex;
    justify-content: space-between;
    margin-top: 90px;
    padding: 0 10% 0 10%;
  }
}
.nav-open .nav-container-sp .common-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1280px;
  padding: 47px 22px 0 22px;
  margin: 0 auto 0 auto;
}
@media screen and (max-width: 1535px) {
  .nav-open .nav-container-sp .common-menu {
    max-width: 1000px;
    padding-top: 36px;
  }
}
@media screen and (max-width: 1110px) {
  .nav-open .nav-container-sp .common-menu {
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
  }
}
.nav-open .nav-container-sp .common-menu .menu-effect {
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1110px) {
  .nav-open .nav-container-sp .common-menu .menu-effect {
    margin-bottom: 24px;
    font-size: 24px;
    color: #3b201b;
  }
}
@media screen and (max-width: 400px) {
  .nav-open .nav-container-sp .common-menu .menu-effect {
    font-size: 21px;
  }
}
@media screen and (max-width: 365px) {
  .nav-open .nav-container-sp .common-menu .menu-effect {
    font-size: 19px;
  }
}
.nav-open .nav-container-sp .common-menu .menu-effect.menu-effect-small {
  margin-bottom: 20px;
}
@media screen and (max-width: 1110px) {
  .nav-open .nav-container-sp .common-menu .menu-effect.menu-effect-small {
    font-size: 15px;
  }
}
@media screen and (max-width: 400px) {
  .nav-open .nav-container-sp .common-menu .menu-effect.menu-effect-small {
    font-size: 14px;
  }
}
@media screen and (max-width: 365px) {
  .nav-open .nav-container-sp .common-menu .menu-effect.menu-effect-small {
    font-size: 14px;
  }
}
.nav-open .nav-container-sp .common-menu .menu-effect .header-menu-img {
  width: auto;
}
@media screen and (max-width: 1110px) {
  .nav-open .nav-container-sp .common-menu .menu-effect .header-menu-img {
    display: block;
  }
}
.nav-open .nav-container-sp .common-menu .menu-effect .lang_list {
  display: flex;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #8b675f;
}
.nav-open .nav-container-sp .common-menu .menu-effect .lang_list li {
  padding-right: 11px;
  padding-left: 11px;
  border-right: 1px solid #8b675f;
}
.nav-open .nav-container-sp .common-menu .menu-effect .lang_list li:first-child {
  padding-left: 0;
}
@media screen and (max-width: 1110px) {
  .nav-open .nav-container-sp .common-menu .menu-effect .lang_list li:first-child {
    font-size: 11px;
  }
}
@media screen and (max-width: 400px) {
  .nav-open .nav-container-sp .common-menu .menu-effect .lang_list li:first-child {
    font-size: 11px;
  }
}
.nav-open .nav-container-sp .common-menu .menu-effect #menu-effect-last {
  margin-bottom: 28px;
}
.nav-open .nav-container-sp .common-menu .menu-effect #header_sns {
  display: flex;
}
.nav-open .nav-container-sp .common-menu .menu-effect #header_sns li {
  padding-left: 10px;
}
@media screen and (max-width: 1110px) {
  .nav-open #header_sns_sp {
    display: inline;
    animation: is-open-pc 0.47s ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: 0.8s;
    opacity: 0;
  }
  .nav-open #header_sns_sp li {
    margin-bottom: 22px;
  }
  .nav-open #header_sns_sp img {
    width: 32px;
  }
}
.nav-open .pc-effect-active {
  animation: is-open-pc 0.47s ease-in-out;
  animation-fill-mode: forwards;
  opacity: 0;
}
.nav-open .pc-effect-active:nth-child(2) {
  animation-delay: 0.2s;
}
.nav-open .pc-effect-active:nth-child(3) {
  animation-delay: 0.3s;
}
.nav-open .pc-effect-active:nth-child(4) {
  animation-delay: 0.4s;
}
.nav-open .pc-effect-active:nth-child(5) {
  animation-delay: 0.5s;
}
.nav-open .pc-effect-active:nth-child(6) {
  animation-delay: 0.6s;
}
.nav-open .pc-effect-active:nth-child(n+7) {
  animation-delay: 0.7s;
}
@media screen and (max-width: 1110px) {
  .nav-open .pc-effect-active:nth-child(6) {
    animation-delay: 0s;
  }
  .nav-open .pc-effect-active:nth-child(7) {
    animation-delay: 0.1s;
  }
  .nav-open .pc-effect-active:nth-child(8) {
    animation-delay: 0.2s;
  }
  .nav-open .pc-effect-active:nth-child(9) {
    animation-delay: 0.3s;
  }
  .nav-open .pc-effect-active:nth-child(10) {
    animation-delay: 0.4s;
  }
  .nav-open .pc-effect-active:nth-child(11) {
    animation-delay: 0.5s;
  }
  .nav-open .pc-effect-active:nth-child(12) {
    animation-delay: 0.6s;
  }
  .nav-open .pc-effect-active:nth-child(13) {
    animation-delay: 0.7s;
  }
  .nav-open .pc-effect-active:nth-child(n+14) {
    animation-delay: 0.8s;
  }
}

.nav-open-active {
  top: 100px;
  transition: 0.2s;
}
@media screen and (max-width: 1535px) {
  .nav-open-active {
    top: 70px;
  }
}
@media screen and (max-width: 1110px) {
  .nav-open-active {
    top: 0px;
    width: 100vw;
    height: 100vh;
  }
}

/* Footer Section 
================================*/
footer {
  z-index: 100;
}

.app-link {
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  background-color: #c8000f;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .app-link {
    padding-top: 24px;
    padding-bottom: 20px;
  }
}
.app-link img {
  max-width: 956px;
}
@media screen and (max-width: 1535px) {
  .app-link img {
    max-width: 878px;
  }
}
@media screen and (max-width: 1110px) {
  .app-link img {
    max-width: 70%;
  }
}
@media screen and (max-width: 800px) {
  .app-link img {
    margin: 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .app-link img {
    max-width: 88%;
  }
}

.footer-nav {
  padding-top: 70px;
  padding-bottom: 72px;
  background-color: #60352c;
  background-image: url(/lp/2026_strawberrydessert/images/footer_illust.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 800px) {
  .footer-nav {
    background-image: url(/lp/2026_strawberrydessert/images/footer_illust_sp.png);
    padding-top: 35px;
    padding-bottom: 110px;
    padding-left: 8.1%;
    padding-right: 8.1%;
  }
}
@media screen and (max-width: 600px) {
  .footer-nav {
    padding-bottom: 90px;
  }
}
.footer-nav ul.footer-link {
  font-weight: 700;
  font-size: 1.3rem;
  display: flex;
  flex-wrap: wrap;
  max-width: 900px;
  margin: 0 auto 25px auto;
  color: #fff;
  letter-spacing: 0.075em;
}
@media screen and (max-width: 1110px) {
  .footer-nav ul.footer-link {
    max-width: 700px;
  }
}
@media screen and (max-width: 800px) {
  .footer-nav ul.footer-link {
    font-size: 1.1rem;
  }
}
.footer-nav ul.footer-link li {
  width: 25%;
  margin-bottom: 21px;
}
.footer-nav ul.footer-link li:nth-child(4n+1) {
  width: 24%;
  padding-left: 1%;
}
.footer-nav ul.footer-link li:nth-child(4n+2) {
  width: 24%;
}
.footer-nav ul.footer-link li:nth-child(4n+3) {
  width: 27%;
}
.footer-nav ul.footer-link li:nth-child(4n+4) {
  width: 23.7%;
}
.footer-nav ul.footer-link li:nth-child(-n+4) {
  margin-bottom: 22px;
}
@media screen and (max-width: 800px) {
  .footer-nav ul.footer-link li {
    margin-bottom: 16px;
    line-height: 1.7;
  }
  .footer-nav ul.footer-link li:nth-child(4n+1) {
    width: 50%;
    padding-right: 10%;
    padding-left: 0;
  }
  .footer-nav ul.footer-link li:nth-child(4n+2) {
    width: 46%;
  }
  .footer-nav ul.footer-link li:nth-child(4n+3) {
    width: 50%;
    padding-right: 10%;
  }
  .footer-nav ul.footer-link li:nth-child(4n+4) {
    width: 46%;
  }
  .footer-nav ul.footer-link li:nth-child(-n+4) {
    margin-bottom: 22px;
  }
}
@media screen and (max-width: 600px) {
  .footer-nav ul.footer-link li {
    margin-bottom: 15px;
  }
  .footer-nav ul.footer-link li:nth-child(-n+4) {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 600px) {
  .footer-nav #footer-link-sp {
    display: flex;
  }
}
.footer-nav .footer-sns {
  display: flex;
  justify-content: space-between;
  width: 206px;
  margin: 0 auto 15px auto;
}
@media screen and (max-width: 600px) {
  .footer-nav .footer-sns {
    display: flex;
    justify-content: space-between;
    width: 167px;
    margin-bottom: 20px;
  }
}
.footer-nav .copy {
  font-size: 1.1rem;
  color: #a38680;
  letter-spacing: 0.075em;
  text-align: center;
}
@media screen and (max-width: 1110px) {
  .footer-nav .copy {
    font-size: 1rem;
  }
}

/* COLUMN STYLE
===============================*/
.column {
  display: flex;
}

.center {
  width: 600px;
}
@media screen and (max-width: 1535px) {
  .center {
    width: 450px;
  }
}
@media screen and (max-width: 600px) {
  .center {
    width: 100%;
  }
}

.left {
  position: sticky;
  overflow: hidden;
  top: 0;
  height: 100vh;
  width: calc(50% - 300px);
  background-size: cover;
  z-index: 80;
  background: linear-gradient(180deg, rgb(125, 2, 12) 0%, rgb(128, 6, 15) 19.08%, rgb(137, 18, 26) 38.29%, rgb(151, 38, 42) 57.51%, rgb(171, 65, 65) 75.96%, rgb(199, 102, 99) 100%);
}
@media screen and (max-width: 1535px) {
  .left {
    width: calc(50% - 225px);
  }
}
@media screen and (max-width: 600px) {
  .left {
    display: none;
  }
}
.left .left-logo {
  width: 48%;
  top: 54%;
  left: 51%;
  transform: translate(-50%, -50%);
}
.left .left-ichigo:nth-of-type(1) {
  width: 40.3%;
  top: 14%;
  left: -4%;
}
.left .left-ichigo:nth-of-type(2) {
  width: 29.39%;
  top: 41%;
  left: 63%;
}
.left .left-ichigo:nth-of-type(3) {
  width: 31.8%;
  top: 74.2%;
  left: 4%;
}
.left .left-ichigo:nth-of-type(4) {
  width: 26.8%;
  bottom: -5.5%;
  left: 68%;
}

.right {
  position: sticky;
  overflow: hidden;
  top: 0;
  height: 100vh;
  width: calc(50% - 300px);
  background-image: url(/lp/2026_strawberrydessert/images/right_bg.png);
  background-size: cover;
  z-index: 80;
  background: linear-gradient(180deg, rgb(125, 2, 12) 0%, rgb(128, 6, 15) 19.08%, rgb(137, 18, 26) 38.29%, rgb(151, 38, 42) 57.51%, rgb(171, 65, 65) 75.96%, rgb(199, 102, 99) 100%);
}
@media screen and (max-width: 1535px) {
  .right {
    width: calc(50% - 225px);
  }
}
@media screen and (max-width: 600px) {
  .right {
    display: none;
  }
}
.right .right-qr {
  width: 38%;
  left: 14%;
  top: 57%;
}
.right .right-ichigo:nth-of-type(1) {
  width: 22%;
  top: 24%;
  left: 12%;
}
.right .right-ichigo:nth-of-type(2) {
  width: 50.15%;
  top: 16%;
  left: 62%;
}
.right .right-ichigo:nth-of-type(3) {
  width: 33.63%;
  top: 50%;
  left: 22%;
}
.right .right-ichigo:nth-of-type(4) {
  width: 26.18%;
  top: 77%;
  left: 77.2%;
}

.select-cap {
  font-size: 20px;
  font-weight: 900;
  font-feature-settings: "palt";
  letter-spacing: 0.025em;
  color: #3b201b;
}
@media screen and (max-width: 1535px) {
  .select-cap {
    font-size: 14.5px;
  }
}
@media screen and (max-width: 600px) {
  .select-cap {
    font-size: 12px;
  }
}

.selbox {
  font-size: 17px;
  font-weight: 900;
  color: #FFFFFF;
}
@media screen and (max-width: 1535px) {
  .selbox {
    font-size: 13px;
  }
}
@media screen and (max-width: 600px) {
  .selbox {
    font-size: 11px;
  }
}

.gram {
  color: #44260e;
  font-weight: 700;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  font-size: 19px;
}
@media screen and (max-width: 1535px) {
  .gram {
    font-size: 14px;
  }
}
@media screen and (max-width: 600px) {
  .gram {
    font-size: 12px;
  }
}

.size {
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-size: 38px;
  padding-right: 4px;
}
@media screen and (max-width: 1535px) {
  .size {
    font-size: 29px;
  }
}
@media screen and (max-width: 600px) {
  .size {
    font-size: 24px;
  }
}

.caption {
  font-size: 14px;
  color: #43260a;
  margin-top: 72px;
  line-height: 1.8;
}
@media screen and (max-width: 1535px) {
  .caption {
    font-size: 12px;
  }
}

.select {
  position: relative;
  z-index: 20;
}

.select-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 70px;
  margin: 0 auto;
  width: 80%;
  background-color: #eddac5;
  padding: 5% 5.5% 5.2% 5.8%;
}
@media screen and (max-width: 1535px) {
  .select-card {
    padding-top: 5.2%;
    padding-bottom: 5%;
  }
}

.selbox {
  background-color: #917d7a;
  text-align: left;
  text-align: -webkit-left;
  width: 28.8%;
  padding-top: 12px;
  padding-bottom: 14px;
  padding-left: 15px;
  border-radius: 30px;
  letter-spacing: -0.1em;
  background-image: url(/lp/2026_strawberrydessert/images/menu_arrow.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: right 13px center;
}
@media screen and (max-width: 1535px) {
  .selbox {
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 11px;
  }
}
@media screen and (max-width: 600px) {
  .selbox {
    padding-left: 9px;
  }
}
@media screen and (max-width: 1535px) {
  .selbox {
    background-size: 15px;
    background-position: right 8px center;
  }
}
@media screen and (max-width: 600px) {
  .selbox {
    background-size: 13px;
    background-position: right 7px center;
  }
}

.price {
  font-size: 32px;
  font-weight: 400;
  font-family: "rubik";
  color: #3b201b;
  text-align: center;
}
@media screen and (max-width: 1535px) {
  .price {
    font-size: 26px;
  }
}
@media screen and (max-width: 600px) {
  .price {
    font-size: 22px;
  }
}

.yen {
  font-size: 20px;
  font-family: fredoka one;
  font-weight: 400;
}
@media screen and (max-width: 1535px) {
  .yen {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .yen {
    font-size: 15px;
  }
}

.yen-no {
  font-family: "Rubik", sans-serif;
  font-weight: 600;
  font-size: 38px;
}
@media screen and (max-width: 1535px) {
  .yen-no {
    font-size: 32px;
  }
}

.regular {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}
@media screen and (max-width: 1535px) {
  .regular {
    font-size: 16px;
  }
}
@media screen and (max-width: 600px) {
  .regular {
    font-size: 13px;
  }
}

/* PRICE
=====================*/
.pr-con-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 44%;
  margin: 0 auto;
  padding-top: 20px;
}

#pr-con-01 {
  padding-top: 30px;
}

/* FOOD MENU FONT SETTING
===============================*/
.gram-only {
  font-family: "rubik";
  font-family: 400;
  font-size: 35px;
  color: #f0dcb9;
}
@media screen and (max-width: 1535px) {
  .gram-only {
    font-size: 24px;
  }
}
@media screen and (max-width: 600px) {
  .gram-only {
    font-size: 22px;
  }
}

.type-d {
  width: 20%;
}

.price-img {
  width: 64%;
}

/*　PC版
===========================*/
@keyframes pc-ichigo {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10%);
  }
  100% {
    transform: translateY(0);
  }
}
.left-ichigo, .right-ichigo {
  animation: pc-ichigo 5s ease-in-out alternate infinite;
}
.left-ichigo:nth-child(1), .right-ichigo:nth-child(1) {
  animation-delay: 0.3s;
}
.left-ichigo:nth-child(2), .right-ichigo:nth-child(2) {
  animation-delay: 0s;
}
.left-ichigo:nth-child(3), .right-ichigo:nth-child(3) {
  animation-delay: 0.6s;
}
.left-ichigo:nth-child(4), .right-ichigo:nth-child(4) {
  animation-delay: 0.9s;
}

/*　共通演出
===========================*/
.transy-active {
  animation: trans-y 0.75s ease-in-out forwards;
}

.feat-p-02 {
  animation-delay: 0.075s;
}

.feat-p-03 {
  animation-delay: 0.15s;
}

.feat-p-04 {
  animation-delay: 0.225s;
}

.feat-p-05 {
  animation-delay: 0.32s;
}

/*　オープニング演出
===========================*/
@keyframes op-copy {
  0% {
    transform: translateY(-10%);
    filter: blur(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes op-copy-after {
  0% {
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    filter: blur(50px);
    opacity: 0;
  }
}
.op-copy-active {
  animation: op-copy 1.5s ease-out forwards;
}
.op-copy-active img {
  animation: op-copy-after 3.5s ease-in-out forwards 3.5s;
}

.op-pink-active {
  opacity: 0;
  transition: 6s;
  transition-delay: 1.5s;
}

.op-gaus {
  width: 100%;
  top: 20%;
  left: 0%;
  transform-origin: center center;
  transform: scale(0.3);
  opacity: 0;
}

.op-gaus-active {
  animation: gaus 7s ease-in-out;
}

@keyframes gaus {
  0% {
    opacity: 0;
    transform: scale(0.3);
    filter: blur(0);
  }
  40% {
    opacity: 1;
  }
  100% {
    transform: scale(4);
    opacity: 1;
    filter: blur(0px);
  }
}
/*　メインビジュアル
===========================*/
@keyframes mv-ichigoL {
  0% {
    opacity: 0;
    filter: blur(5px);
    transform: translateY(-15%) rotate(20deg);
  }
  100% {
    opacity: 1;
    filter: blur(0px);
    transform: translateY(10%) rotate(0deg);
  }
}
.mv-ichigo {
  opacity: 0;
}

.mv-ichigo-active {
  animation: mv-ichigoL 2s ease-in-out forwards 5s;
}
.mv-ichigo-active:nth-child(3) {
  animation-delay: 5.1s;
}
.mv-ichigo-active:nth-child(4) {
  animation-delay: 5.17s;
}
.mv-ichigo-active:nth-child(5) {
  animation-delay: 5.22s;
}
.mv-ichigo-active:nth-child(6) {
  animation-delay: 5.33s;
}
.mv-ichigo-active:nth-child(7) {
  animation-delay: 5.45s;
}

.mv-typo-active {
  animation: mv-typo 2s ease-out forwards;
  will-change: filter;
}

@keyframes mv-typo {
  0% {
    transform: translateY(-30%) scale(1.25) rotate(-18deg) translateZ(0);
    filter: blur(10px);
    opacity: 0;
  }
  42% {
    opacity: 1;
    filter: blur(0);
  }
  100% {
    transform: translateY(0%) scale(1) rotate(0deg) translateZ(0);
    filter: blur(0px);
    opacity: 1;
  }
}
/*　フィーチュア コピー
===========================*/
@keyframes feat-copy {
  0% {
    transform: translateY(10%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
.feat-copy-active {
  animation: feat-copy 0.5s ease-in-out forwards;
}

/*　フィーチュア 小さい文字
===========================*/
@keyframes feat-typo {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  50% {
    opacity: 1;
    transform: translateY(-5%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes feat-illust {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  70% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.kanjuku-typo-active:nth-child(2) {
  animation: feat-illust 0.5s ease-in-out forwards 0.5s;
}
.kanjuku-typo-active:nth-child(3) {
  animation: feat-typo 0.4s ease-in-out forwards 0s;
}
.kanjuku-typo-active:nth-child(4) {
  animation: feat-typo 0.4s ease-in-out forwards 0.05s;
}
.kanjuku-typo-active:nth-child(5) {
  animation: feat-typo 0.4s ease-in-out forwards 0.1s;
}
.kanjuku-typo-active:nth-child(6) {
  animation: feat-typo 0.4s ease-in-out forwards 0.15s;
}
.kanjuku-typo-active:nth-child(7) {
  animation: feat-typo 0.4s ease-in-out forwards 0.2s;
}
.kanjuku-typo-active:nth-child(8) {
  animation: feat-typo 0.4s ease-in-out forwards 0.25s;
}
.kanjuku-typo-active:nth-child(9) {
  animation: feat-typo 0.4s ease-in-out forwards 0.3s;
}
.kanjuku-typo-active:nth-child(10) {
  animation: feat-typo 0.4s ease-in-out forwards 0.35s;
}

.tabegoro-typo-active:nth-child(2) {
  animation: feat-illust 0.5s ease-in-out forwards 0.5s;
}
.tabegoro-typo-active:nth-child(3) {
  animation: feat-typo 0.4s ease-in-out forwards 0s;
}
.tabegoro-typo-active:nth-child(4) {
  animation: feat-typo 0.4s ease-in-out forwards 0.05s;
}
.tabegoro-typo-active:nth-child(5) {
  animation: feat-typo 0.4s ease-in-out forwards 0.1s;
}
.tabegoro-typo-active:nth-child(6) {
  animation: feat-typo 0.4s ease-in-out forwards 0.15s;
}
.tabegoro-typo-active:nth-child(7) {
  animation: feat-typo 0.4s ease-in-out forwards 0.2s;
}
.tabegoro-typo-active:nth-child(8) {
  animation: feat-typo 0.4s ease-in-out forwards 0.25s;
}
.tabegoro-typo-active:nth-child(9) {
  animation: feat-typo 0.4s ease-in-out forwards 0.3s;
}
.tabegoro-typo-active:nth-child(10) {
  animation: feat-typo 0.4s ease-in-out forwards 0.35s;
}
.tabegoro-typo-active:nth-child(11) {
  animation: feat-typo 0.4s ease-in-out forwards 0.4s;
}

.soft-typo-active:nth-child(2) {
  animation: feat-illust 0.5s ease-in-out forwards 0.5s;
}
.soft-typo-active:nth-child(3) {
  animation: feat-typo 0.4s ease-in-out forwards 0s;
}
.soft-typo-active:nth-child(4) {
  animation: feat-typo 0.4s ease-in-out forwards 0.05s;
}
.soft-typo-active:nth-child(5) {
  animation: feat-typo 0.4s ease-in-out forwards 0.1s;
}
.soft-typo-active:nth-child(6) {
  animation: feat-typo 0.4s ease-in-out forwards 0.15s;
}
.soft-typo-active:nth-child(7) {
  animation: feat-typo 0.4s ease-in-out forwards 0.2s;
}
.soft-typo-active:nth-child(8) {
  animation: feat-typo 0.4s ease-in-out forwards 0.25s;
}
.soft-typo-active:nth-child(9) {
  animation: feat-typo 0.4s ease-in-out forwards 0.3s;
}
.soft-typo-active:nth-child(10) {
  animation: feat-typo 0.4s ease-in-out forwards 0.35s;
}
.soft-typo-active:nth-child(11) {
  animation: feat-typo 0.4s ease-in-out forwards 0.4s;
}

/*　menu　共通
===========================*/
@keyframes trans-y {
  0% {
    transform: translateY(5%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
.menu-ph-active {
  animation: trans-y 1s forwards 0.02s;
}

@keyframes menu-backlight {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.menu-backlight {
  opacity: 0;
  transform: scale(0);
}

.menu-backlight-active {
  animation: menu-backlight 1s forwards;
}

@keyframes menu-circle {
  0% {
    opacity: 0;
    transform: rotate(-120deg);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotate(20deg);
  }
}
@keyframes menu-circle-alt {
  0% {
    opacity: 0;
    transform: rotate(120deg);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotate(20deg);
  }
}
.circle-active {
  animation: menu-circle 1.6s ease-in-out forwards;
}

.circle-alt-active {
  animation: menu-circle-alt 1.6s ease-in-out forwards;
}

@keyframes star-active {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.star-active {
  animation: star-active 1s ease-in-out forwards 0.85s;
}
.star-active:nth-child(3) {
  animation-delay: 0.92s;
}
.star-active:nth-child(4) {
  animation-delay: 0.97s;
}
.star-active:nth-child(5) {
  animation-delay: 1.03s;
}

/*　menuA タイポ
===========================*/
@keyframes typo-action-L {
  0% {
    transform: translateY(-30%) scale(1.25) rotate(18deg) translateZ(0);
    filter: blur(30px);
    opacity: 0;
  }
  42% {
    opacity: 1;
    filter: blur(0);
  }
  100% {
    transform: translateY(0%) scale(1) rotate(0deg) translateZ(0);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes typo-action-R {
  0% {
    transform: translateY(-30%) scale(1.25) rotate(-18deg) translateZ(0);
    filter: blur(30px);
    opacity: 0;
  }
  42% {
    opacity: 1;
    filter: blur(0);
  }
  100% {
    transform: translateY(0%) scale(1) rotate(0deg) translateZ(0);
    filter: blur(0px);
    opacity: 1;
  }
}
.typo-actionL-active {
  animation: typo-action-L 2s ease-out forwards;
}

.typo-actionR-active {
  animation: typo-action-R 2s ease-out forwards;
}

.menuA-typo-02 {
  animation-delay: 0.1;
}

.menuA-typo-03 {
  animation-delay: 0.2;
}

/* BANNER ANIMATION
=============================*/
@keyframes illust-snow {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}
.illust-snow {
  animation: illust-snow 6s ease-in-out infinite;
  opacity: 0;
}

.illust-snow-02 {
  animation-delay: 1s;
}

.illust-snow-04 {
  animation-delay: 2s;
}

.illust-snow-05 {
  animation-delay: 3s;
}

.illust-snow-06 {
  animation-delay: 4s;
}

.illust-snow-08 {
  animation-delay: 5s;
}

@keyframes illust-scale {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.3);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
.illust-scale {
  animation: illust-scale 4s ease-in-out infinite;
}

@keyframes illust-ichigoSnow {
  0% {
    transform: translateY(-100%) rotate(0);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translateY(100%) rotate(75deg);
    opacity: 0;
  }
}
.illust-ichigo {
  animation: illust-ichigoSnow 6.5s ease-in-out infinite;
  opacity: 0;
}

.illust-snow-07 {
  animation-delay: 2s;
}

@keyframes illust-arm {
  0% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(10deg);
  }
}
.illust-arm {
  animation: illust-arm 3s ease-in-out infinite;
  transform-origin: bottom right;
}

@keyframes jelly-effect {
  0%, 100% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.08, 0.92);
  }
  50% {
    transform: scale(1);
  }
}
.illust-sweets {
  animation: jelly-effect 3s ease-in-out infinite 0.8s;
}

@keyframes kirakira {
  0% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.4);
  }
  100% {
    filter: brightness(1);
  }
}
.star {
  animation: kirakira 2s ease-in-out infinite;
}

/* GAUS ONLY
========================*/
.mv-gaus {
  top: -42.2%;
  opacity: 0.8;
  filter: blur(10px);
  opacity: 0.7;
}

.feat-gaus {
  top: 0.15%;
}

/* FEATURE SECTION
========================*/
.feat-ichigo-01 {
  width: 26.13%;
  top: -12%;
  left: 65%;
  transform: rotate(10deg);
}

.feat-ichigo-02 {
  width: 22.74%;
  top: 40%;
  left: 82%;
  transform: rotate(-10deg);
}

.feat-ichigo-03 {
  width: 35.3%;
  top: 54%;
  left: -6%;
  transform: rotate(10deg);
}

.kanjuku-img-container {
  width: 57.8%;
  top: 27.2%;
  left: -6%;
}
.kanjuku-img-container .kanjuku-shadow {
  width: 240%;
  top: -39%;
  left: -67%;
  transform-origin: center;
  transform: scale(0.7);
  filter: blur(20px);
}
.kanjuku-img-container .feat-shadow-active {
  transform: scale(1);
  filter: blur(0px);
  transition: 1s ease-out;
}
.kanjuku-img-container .kanjuku-box {
  -webkit-mask-image: url(/lp/2026_strawberrydessert/images/kanjuku_mask.png);
          mask-image: url(/lp/2026_strawberrydessert/images/kanjuku_mask.png);
  -webkit-mask-position: bottom right;
          mask-position: bottom right;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.kanjuku-img-container .kanjuku-box .kanjuku-img {
  transform: scale(1.05);
  filter: blur(5px);
}
.kanjuku-img-container .kanjuku-box .feat-mask-active {
  filter: blur(0);
  transform: scale(1);
  transition: 1s ease-out;
}

.kanjuku-ichigo-01 {
  width: 26.08%;
  top: 19%;
  right: -7%;
  transform: rotate(10deg);
}

.kanjuku-ichigo-02 {
  width: 60%;
  top: 72%;
  right: -3%;
  transform: rotate(5deg);
}

.tabegoro-img {
  width: 79.36%;
  top: 20%;
  right: -13.5%;
}

.tabegoro-img-container {
  width: 90.5%;
  top: 19.2%;
  left: 45%;
}
.tabegoro-img-container .tabegoro-shadow {
  width: 163%;
  top: -37%;
  left: -46%;
  transform-origin: center;
  transform: scale(0.7);
  filter: blur(20px);
}
.tabegoro-img-container .feat-shadow-active {
  transform: scale(1);
  filter: blur(0px);
  transition: 1s ease-out;
}
.tabegoro-img-container .tabegoro-box {
  -webkit-mask-image: url(/lp/2026_strawberrydessert/images/tabegoro_mask.png);
          mask-image: url(/lp/2026_strawberrydessert/images/tabegoro_mask.png);
  -webkit-mask-position: 5% center;
          mask-position: 5% center;
  -webkit-mask-size: 68%;
          mask-size: 68%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.tabegoro-img-container .tabegoro-box .tabegoro-img {
  transform: scale(1.05);
  filter: blur(5px);
  width: 70%;
}
.tabegoro-img-container .tabegoro-box .feat-mask-active {
  filter: blur(0);
  transform: scale(1);
  transition: 1s ease-in-out;
}

.tabegoro-ichigo-01 {
  width: 26%;
  top: 75%;
  left: 5%;
  transform: rotate(-10deg);
}

.soft-img-container {
  width: 107%;
  top: 33%;
  left: -18%;
}
.soft-img-container .soft-shadow {
  width: 140%;
  top: -47%;
  left: -31%;
  transform-origin: center;
  transform: scale(0.7);
  filter: blur(10px);
}
.soft-img-container .feat-shadow-active {
  transform: scale(1);
  filter: blur(0px);
  transition: 1s ease-out;
}
.soft-img-container .soft-box {
  -webkit-mask-image: url(/lp/2026_strawberrydessert/images/soft_mask.png);
          mask-image: url(/lp/2026_strawberrydessert/images/soft_mask.png);
  -webkit-mask-position: 15% 0%;
          mask-position: 15% 0%;
  -webkit-mask-size: 68%;
          mask-size: 68%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.soft-img-container .soft-box .soft-img {
  transform: scale(1.05);
  filter: blur(5px);
  width: 80%;
}
.soft-img-container .soft-box .feat-mask-active {
  filter: blur(0);
  transform: scale(1);
  transition: 1s ease-in-out;
}

.soft-ichigo-01 {
  width: 40.8%;
  top: 60%;
  right: -5%;
  transform: rotate(10deg);
}

.soft-ichigo-02 {
  width: 23.2%;
  top: 83%;
  left: 20%;
  transform: rotate(-15deg);
}

/* MENU SECTION
========================*/
.menuA-backlight {
  width: 100%;
  top: -11%;
  left: 0;
}

.menuA-circle {
  width: 75.5%;
  left: 12%;
  top: -5.2%;
}

.menuA-typo-01 {
  width: 41.6%;
  top: 18%;
  left: 20%;
}

.menuA-typo-02 {
  width: 24.37%;
  top: 53%;
  left: 49.7%;
}

.menuA-typo-03 {
  width: 9.6%;
  top: 79.5%;
  left: 72.4%;
}

.menuA-ichigo-01 {
  width: 24.2%;
  top: -1%;
  right: -3%;
  transform: rotate(25deg);
}

.menuA-ichigo-02 {
  width: 37.8%;
  top: 59%;
  left: -7.56%;
  transform: rotate(-15deg);
}

.menuA-ichigo-03 {
  width: 30.1%;
  top: 51%;
  left: 80.56%;
  transform: rotate();
}

.menuA-ichigo-04 {
  width: 30.1%;
  top: 91%;
  left: -13.56%;
}

.contentsA-caption {
  top: 34.5%;
  left: 0;
}

.contentsA-img {
  top: 34.5%;
  left: 0;
}

#captionA-img {
  width: 100%;
  top: 34.5%;
  left: 0;
}

.menuB-backlight {
  width: 100%;
  top: -11%;
  left: 0;
}

.menuB-circle {
  width: 75.5%;
  left: 12%;
  top: -5.2%;
}

.menuB-typo-01 {
  width: 41.3%;
  top: 17.4%;
  left: 21.26%;
}

.menuB-typo-02 {
  width: 37.04%;
  top: 52.73%;
  left: 46.93%;
}

.menuB-ichigo-01 {
  width: 34.02%;
  top: -10%;
  left: 72.53%;
  transform: rotate(-15deg);
}

.menuB-ichigo-02 {
  width: 35.02%;
  top: 53%;
  left: -8.53%;
  transform: rotate(25deg);
}

.menuB-ichigo-03 {
  width: 30.1%;
  top: 48%;
  left: 79.56%;
}

.menuB-ichigo-04 {
  width: 30.1%;
  top: 82%;
  left: -5.5%;
}

.contentsB-img {
  top: 36%;
  left: 0;
}

.contentsB-caption {
  top: 36%;
  left: 0;
}

#captionB-img {
  width: 100%;
  top: 36%;
  left: 0;
}

.menuC-backlight {
  width: 100%;
  top: -11%;
  left: 0;
}

.menuC-circle {
  width: 75.5%;
  left: 12%;
  top: -5.2%;
}

.menuC-typo-01 {
  width: 40.15%;
  top: 22.05%;
  left: 21.26%;
}

.menuC-typo-02 {
  width: 23.73%;
  top: 56%;
  left: 50.4%;
}

.menuC-typo-03 {
  width: 5.8%;
  top: 81.3%;
  left: 74.6%;
}

.menuC-ichigo-01 {
  width: 39.73%;
  top: -10.5%;
  left: 64.53%;
  transform: rotate(-15deg);
}

.menuC-ichigo-02 {
  width: 29.46%;
  top: 63%;
  left: 5.8%;
  transform: rotate(15deg);
}

.menuC-ichigo-03 {
  width: 30.1%;
  top: 68%;
  left: 78.5%;
}

.contentsC-img {
  top: 36%;
  left: 0;
}

.contentsC-caption {
  top: 36%;
  left: 0;
}

#captionC-img {
  width: 100%;
  top: 36%;
  left: 0;
}

.menuBC-typo-01 {
  width: 37.8%;
  top: 18.05%;
  left: 14.26%;
}

.menuBC-typo-02 {
  width: 16.8%;
  top: 34.3%;
  left: 44.4%;
}

.menuBC-typo-03 {
  width: 28.5%;
  top: 47.3%;
  left: 63.6%;
}

.menuBC-ichigo-01 {
  width: 39.73%;
  top: -16.5%;
  left: 64.53%;
  transform: rotate(-15deg);
}

.menuBC-ichigo-02 {
  width: 30.96%;
  top: 50%;
  left: 5.8%;
  transform: rotate(15deg);
}

.menuBC-ichigo-03 {
  width: 30.1%;
  top: 68%;
  left: 78.5%;
}

.menuBC-circle {
  width: 65.5%;
  left: 19%;
  top: 2.2%;
}

.contentsBC-img {
  top: 38%;
  left: 0;
}

.contentsBC-caption {
  top: 38%;
  left: 0;
}

#captionBC-img {
  width: 100%;
  top: 38%;
  left: 0;
}

.menuD-typo-01 {
  width: 37.33%;
  top: 25.6%;
  left: 24%;
}

.menuD-typo-02 {
  width: 31.51%;
  top: 45.26%;
  left: 53.066%;
}

.menuD-typo-03 {
  width: 26.3%;
  top: 48.65%;
  left: 17.33%;
}

.menuD-typo-04 {
  width: 16.45%;
  top: 58.98%;
  left: 37%;
}

.menuD-typo-05 {
  width: 24.29%;
  top: 66.74%;
  left: 57.33%;
}

.menuD-ichigo-01 {
  width: 45.94%;
  top: -9%;
  left: -7%;
  transform: rotate(15deg);
}

.menuD-ichigo-02 {
  width: 24.24%;
  top: 21%;
  left: 80.4%;
  transform: rotate(-20deg);
}

.menuD-ichigo-03 {
  width: 26.66%;
  top: 71.09%;
  left: 11.2%;
  transform: rotate(-20deg);
}

.banner-ichigo-01 {
  width: 21%;
  top: -5%;
  left: 86%;
}

.banner-ichigo-02 {
  width: 23%;
  top: 47%;
  left: -3%;
  transform: rotate(20deg);
}

.banner-ichigo-03 {
  width: 25%;
  top: 63%;
  left: 85%;
}

.banner-ichigo-04 {
  width: 30.4%;
  top: 72.5%;
  left: 22%;
}

.illust-box {
  margin: 0 auto;
  width: 70%;
}
.illust-box .illust-snow-01 {
  width: 2.6%;
  top: 14%;
  left: 35%;
}
.illust-box .illust-snow-02 {
  width: 3.5%;
  top: 15.7%;
  left: 72%;
}
.illust-box .illust-snow-03 {
  width: 6%;
  top: 21.5%;
  left: 18%;
}
.illust-box .illust-snow-04 {
  width: 2%;
  top: 35%;
  left: 76%;
}
.illust-box .illust-snow-05 {
  width: 3.5%;
  top: 38%;
  left: 25%;
}
.illust-box .illust-snow-06 {
  width: 2.8%;
  top: 52%;
  left: 10.5%;
}
.illust-box .illust-snow-07 {
  width: 5.1%;
  top: 53%;
  left: 79.5%;
}
.illust-box .illust-snow-08 {
  width: 3%;
  top: 78.3%;
  left: 74.7%;
}
.illust-box .illust-finger {
  top: 70.4%;
  left: 25.3%;
  width: 6%;
}
.illust-box .illust-sweets {
  top: 49.7%;
  left: 15.3%;
  width: 18%;
}
.illust-box .illust-arm {
  top: 46.5%;
  left: 25%;
  width: 25%;
}
.illust-box .illust-body {
  top: 18.5%;
  left: 17.5%;
  width: 55%;
}

/* Margin Calc Set
===============================*/
/* LP Original Style
===============================*/
img {
  width: 100%;
}

.abs {
  position: absolute;
}

.abs-def {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.rel {
  position: relative;
}

.mt-1 {
  margin-top: -1px;
}

.opacity {
  opacity: 0;
}

/* FIXED
===============================*/
.op {
  position: fixed;
  overflow: hidden;
  width: 600px;
  height: 100vh;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}
@media screen and (max-width: 1535px) {
  .op {
    width: 450px;
  }
}
@media screen and (max-width: 600px) {
  .op {
    width: 100%;
    top: 0;
    left: 0;
    transform: none;
  }
}
.op .op-pink {
  width: 100%;
  height: 100%;
  background-color: #f9aba2;
}
.op .op-red {
  width: 100%;
  height: 100%;
  background-color: #8c0002;
}
.op .op-copy {
  width: 51%;
  top: 25%;
  left: 25%;
}

/* メインビジュアル　SECTION
===============================*/
.sec-mv {
  height: 997px;
  background-color: #8c0002;
  -webkit-mask-image: url(/lp/2026_strawberrydessert/images/mv_mask.svg);
          mask-image: url(/lp/2026_strawberrydessert/images/mv_mask.svg);
  -webkit-mask-size: 100.5%;
          mask-size: 100.5%;
  z-index: 10;
  overflow: hidden;
}
@media screen and (max-width: 1535px) {
  .sec-mv {
    height: 744px;
  }
}
@media screen and (max-width: 600px) {
  .sec-mv {
    height: 166vw;
  }
}
.sec-mv .mv-img {
  width: 100%;
  top: 0.6%;
  z-index: 5;
}
.sec-mv .mv-ichigo:nth-of-type(1) {
  width: 31.46%;
  top: 6.4%;
  left: -5%;
}
.sec-mv .mv-ichigo:nth-of-type(2) {
  width: 21.6%;
  top: 14.35%;
  left: 85%;
}
.sec-mv .mv-ichigo:nth-of-type(3) {
  width: 18.5%;
  top: 33.7%;
  left: -4%;
}
.sec-mv .mv-ichigo:nth-of-type(4) {
  width: 16.1%;
  top: 38.5%;
  left: 59%;
}
.sec-mv .mv-ichigo:nth-of-type(5) {
  width: 19.36%;
  top: 45%;
  left: 87%;
}
.sec-mv .mv-ichigo:nth-of-type(6) {
  width: 22.9%;
  top: 56.2%;
  left: -6%;
}
.sec-mv .typo-01 {
  width: 20%;
  top: 18.7%;
  right: 10.9%;
  animation-delay: 4.8s;
}
.sec-mv .typo-02 {
  width: 11.4%;
  top: 33.87%;
  right: 10.4%;
  animation-delay: 4.9s;
}
.sec-mv .typo-03 {
  width: 3.04%;
  top: 44.07%;
  right: 8.1%;
  animation-delay: 5s;
}
.sec-mv .typo-04 {
  width: 24.66%;
  top: 15%;
  left: 37.28%;
  animation-delay: 5.1s;
}
.sec-mv .typo-05 {
  width: 22.26%;
  top: 31.3%;
  left: 45.76%;
  animation-delay: 5.2s;
}
.sec-mv .typo-06 {
  width: 20%;
  top: 21.29%;
  left: 10.93%;
  animation-delay: 5.3s;
}
.sec-mv .typo-07 {
  width: 12.56%;
  top: 31.77%;
  left: 20.61%;
  animation-delay: 5.4s;
}
.sec-mv .typo-08 {
  width: 18.93%;
  top: 45.06%;
  left: 10.93%;
  animation-delay: 5.5s;
}
.sec-mv .typo-09 {
  width: 3.7%;
  top: 57.86%;
  left: 22.93%;
  animation-delay: 5.6s;
}

/* 訴求ポイント　SECTION
===============================*/
.sec-feature {
  padding-top: 229px;
  padding-bottom: 263px;
  margin-top: -94px;
  background: url(/lp/2026_strawberrydessert/images/feat_bg.png), linear-gradient(0deg, rgb(218, 91, 80) 0.02%, rgb(234, 138, 128) 7.52%, rgb(236, 141, 130) 8.74%, rgb(247, 153, 141) 16.51%, rgb(253, 161, 147) 26.77%, rgb(255, 163, 149) 49.17%, rgb(255, 175, 163) 75.89%, rgb(255, 182, 171) 100%);
  background-size: 100%;
  overflow-x: clip;
  z-index: 5;
  -webkit-mask-image: url(/lp/2026_strawberrydessert/images/feat_mask_bg.png);
          mask-image: url(/lp/2026_strawberrydessert/images/feat_mask_bg.png);
  -webkit-mask-size: 102% auto;
          mask-size: 102% auto;
  -webkit-mask-position: top;
          mask-position: top;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media screen and (max-width: 1535px) {
  .sec-feature {
    padding-top: 172px;
    padding-bottom: 201px;
    margin-top: -71px;
  }
}
@media screen and (max-width: 600px) {
  .sec-feature {
    padding-top: 42vw;
    padding-bottom: 40.16vw;
    margin-top: -15.73vw;
  }
}

/* パフェメニュー　SECTION
===============================*/
.menu {
  background: linear-gradient(180deg, rgb(142, 0, 0) 0%, rgb(145, 3, 6) 5.46%, rgb(152, 13, 21) 12.4%, rgb(158, 21, 34) 16.5%, rgb(165, 32, 43) 18.78%, rgb(185, 60, 68) 22.75%, rgb(216, 106, 107) 27.89%, rgb(246, 149, 144) 32.14%, rgb(212, 95, 96) 40.31%, rgb(170, 28, 36) 51.29%, rgb(153, 2, 12) 56.45%, rgb(153, 3, 16) 62.36%, rgb(153, 4, 24) 79.58%, rgb(159, 11, 30) 86.42%, rgb(174, 32, 46) 96.62%, rgb(180, 40, 52) 100%);
  overflow-x: clip;
  padding-top: 180px;
  margin-top: -182px;
}
@media screen and (max-width: 1535px) {
  .menu {
    padding-top: 135px;
    margin-top: -160px;
  }
}
@media screen and (max-width: 600px) {
  .menu {
    padding-top: 30vw;
    margin-top: -32vw;
  }
}
.menu .menuA-typo-section {
  height: 716px;
}
@media screen and (max-width: 1535px) {
  .menu .menuA-typo-section {
    height: 537px;
  }
}
@media screen and (max-width: 600px) {
  .menu .menuA-typo-section {
    height: 119vw;
  }
}
.menu .menuB-typo-section {
  height: 731px;
}
@media screen and (max-width: 1535px) {
  .menu .menuB-typo-section {
    height: 548px;
  }
}
@media screen and (max-width: 600px) {
  .menu .menuB-typo-section {
    height: 121.8vw;
  }
}
.menu .menuC-typo-section {
  height: 732px;
}
@media screen and (max-width: 1535px) {
  .menu .menuC-typo-section {
    height: 549px;
  }
}
@media screen and (max-width: 600px) {
  .menu .menuC-typo-section {
    height: 122.1vw;
  }
}
.menu .menuD-typo-section {
  height: 1131px;
}
@media screen and (max-width: 1535px) {
  .menu .menuD-typo-section {
    height: 848px;
  }
}
@media screen and (max-width: 600px) {
  .menu .menuD-typo-section {
    height: 188.5vw;
  }
}
.menu .sec-banner {
  padding-bottom: 315px;
}
@media screen and (max-width: 1535px) {
  .menu .sec-banner {
    padding-bottom: 236px;
  }
}
@media screen and (max-width: 600px) {
  .menu .sec-banner {
    padding-bottom: 52.48vw;
  }
}
.menu .sec-banner .btn-container {
  width: 53%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.menu .sec-banner .btn-container .btn-anker-l .star {
  width: 22%;
  top: 20%;
  left: -6%;
}
.menu .sec-banner .btn-container .btn-anker-r {
  margin-top: 74px;
}
@media screen and (max-width: 1535px) {
  .menu .sec-banner .btn-container .btn-anker-r {
    margin-top: 55px;
  }
}
@media screen and (max-width: 600px) {
  .menu .sec-banner .btn-container .btn-anker-r {
    margin-top: 12.26vw;
  }
}
.menu .sec-banner .btn-container .btn-anker-r .star {
  width: 22%;
  top: 68%;
  right: 16%;
}
.menu .sec-banner .btn-container img {
  width: 86%;
}

/* 2026 追加 CSS
==================================*/
.menuA-ph {
  margin-top: 100px;
}
@media screen and (max-width: 1535px) {
  .menuA-ph {
    margin-top: calc(100px * 0.75);
  }
}
@media screen and (max-width: 600px) {
  .menuA-ph {
    margin-top: calc(100 * 0.625 / 375 * 100vw);
  }
}
.menuA-ph .menuA-subcopy {
  width: 37.06%;
  top: -13%;
  right: 7.5%;
}

.menuB-ph {
  margin-top: 140px;
}
@media screen and (max-width: 1535px) {
  .menuB-ph {
    margin-top: calc(140px * 0.75);
  }
}
@media screen and (max-width: 600px) {
  .menuB-ph {
    margin-top: calc(140 * 0.625 / 375 * 100vw);
  }
}
.menuB-ph .menuB-subcopy {
  width: 54.1%;
  top: -24%;
  right: 7.5%;
}

.menuC-ph {
  margin-top: 140px;
}
@media screen and (max-width: 1535px) {
  .menuC-ph {
    margin-top: calc(140px * 0.75);
  }
}
@media screen and (max-width: 600px) {
  .menuC-ph {
    margin-top: calc(140 * 0.625 / 375 * 100vw);
  }
}
.menuC-ph .menuC-subcopy {
  width: 35.7%;
  top: -19%;
  right: 9%;
}

.menuBC-ph {
  margin-top: 60px;
}
@media screen and (max-width: 1535px) {
  .menuBC-ph {
    margin-top: calc(60px * 0.75);
  }
}
@media screen and (max-width: 600px) {
  .menuBC-ph {
    margin-top: calc(60 * 0.625 / 375 * 100vw);
  }
}
.menuBC-ph .menuBC-subcopy {
  width: 45.6%;
  top: -26%;
  right: 8%;
}/*# sourceMappingURL=style.css.map */