@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
.container{
  width: 100%;
}
@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}
.visible{
  visibility: visible;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.bottom-\[calc\(-44px\*var\(--scale\)\)\]{
  bottom: calc(-44px * var(--scale));
}
.bottom-\[calc\(-60px\*var\(--scale\)\)\]{
  bottom: calc(-60px * var(--scale));
}
.bottom-\[calc\(-68px\*var\(--scale\)\)\]{
  bottom: calc(-68px * var(--scale));
}
.bottom-\[calc\(24px\*var\(--scale\)\)\]{
  bottom: calc(24px * var(--scale));
}
.bottom-\[calc\(36px\*var\(--scale\)\)\]{
  bottom: calc(36px * var(--scale));
}
.left-0{
  left: 0px;
}
.left-\[26\%\]{
  left: 26%;
}
.left-\[calc\(-10px\*var\(--scale\)\)\]{
  left: calc(-10px * var(--scale));
}
.left-\[calc\(-13px\*var\(--scale\)\)\]{
  left: calc(-13px * var(--scale));
}
.left-\[calc\(-14px\*var\(--scale\)\)\]{
  left: calc(-14px * var(--scale));
}
.left-\[calc\(-20px\*var\(--scale\)\)\]{
  left: calc(-20px * var(--scale));
}
.left-\[calc\(-25px\*var\(--scale\)\)\]{
  left: calc(-25px * var(--scale));
}
.left-\[calc\(-50px\*var\(--scale\)\)\]{
  left: calc(-50px * var(--scale));
}
.left-\[calc\(-7px\*var\(--scale\)\)\]{
  left: calc(-7px * var(--scale));
}
.left-\[calc\(10px\*var\(--scale\)\)\]{
  left: calc(10px * var(--scale));
}
.left-\[calc\(13px\*var\(--scale\)\)\]{
  left: calc(13px * var(--scale));
}
.left-\[calc\(15px\*var\(--scale\)\)\]{
  left: calc(15px * var(--scale));
}
.left-\[calc\(20px\*var\(--scale\)\)\]{
  left: calc(20px * var(--scale));
}
.left-\[calc\(5px\*var\(--scale\)\)\]{
  left: calc(5px * var(--scale));
}
.right-0{
  right: 0px;
}
.right-\[calc\(-10px\*var\(--scale\)\)\]{
  right: calc(-10px * var(--scale));
}
.right-\[calc\(-50px\*var\(--scale\)\)\]{
  right: calc(-50px * var(--scale));
}
.right-\[calc\(10px\*var\(--scale\)\)\]{
  right: calc(10px * var(--scale));
}
.right-\[calc\(14px\*var\(--scale\)\)\]{
  right: calc(14px * var(--scale));
}
.right-\[calc\(20px\*var\(--scale\)\)\]{
  right: calc(20px * var(--scale));
}
.right-\[calc\(40px\*var\(--scale\)\)\]{
  right: calc(40px * var(--scale));
}
.top-0{
  top: 0px;
}
.top-\[-30\%\]{
  top: -30%;
}
.top-\[calc\(-10px\*var\(--scale\)\)\]{
  top: calc(-10px * var(--scale));
}
.top-\[calc\(-13px\*var\(--scale\)\)\]{
  top: calc(-13px * var(--scale));
}
.top-\[calc\(-45px\*var\(--scale\)\)\]{
  top: calc(-45px * var(--scale));
}
.top-\[calc\(-50px\*var\(--scale\)\)\]{
  top: calc(-50px * var(--scale));
}
.top-\[calc\(-90px\*var\(--scale\)\)\]{
  top: calc(-90px * var(--scale));
}
.top-\[calc\(140px\*var\(--scale\)\)\]{
  top: calc(140px * var(--scale));
}
.top-\[calc\(16px\*var\(--scale\)\)\]{
  top: calc(16px * var(--scale));
}
.top-\[calc\(223px\*var\(--scale\)\)\]{
  top: calc(223px * var(--scale));
}
.top-\[calc\(23px\*var\(--scale\)\)\]{
  top: calc(23px * var(--scale));
}
.top-\[calc\(25px\*var\(--scale\)\)\]{
  top: calc(25px * var(--scale));
}
.top-\[calc\(28px\*var\(--scale\)\)\]{
  top: calc(28px * var(--scale));
}
.top-\[calc\(30px\*var\(--scale\)\)\]{
  top: calc(30px * var(--scale));
}
.top-\[calc\(32px\*var\(--scale\)\)\]{
  top: calc(32px * var(--scale));
}
.top-\[calc\(60px\*var\(--scale\)\)\]{
  top: calc(60px * var(--scale));
}
.z-10{
  z-index: 10;
}
.mx-\[calc\(30px\*var\(--scale\)\)\]{
  margin-left: calc(30px * var(--scale));
  margin-right: calc(30px * var(--scale));
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-\[calc\(16px\*var\(--scale\)\)\]{
  margin-top: calc(16px * var(--scale));
  margin-bottom: calc(16px * var(--scale));
}
.mb-\[calc\(22px\*var\(--scale\)\)\]{
  margin-bottom: calc(22px * var(--scale));
}
.mb-\[calc\(40px\*var\(--scale\)\)\]{
  margin-bottom: calc(40px * var(--scale));
}
.ml-\[calc\(10px\*var\(--scale\)\)\]{
  margin-left: calc(10px * var(--scale));
}
.ml-\[calc\(32px\*var\(--scale\)\)\]{
  margin-left: calc(32px * var(--scale));
}
.mt-\[calc\(15px\*var\(--scale\)\)\]{
  margin-top: calc(15px * var(--scale));
}
.mt-\[calc\(16px\*var\(--scale\)\)\]{
  margin-top: calc(16px * var(--scale));
}
.mt-\[calc\(20px\*var\(--scale\)\)\]{
  margin-top: calc(20px * var(--scale));
}
.mt-\[calc\(22px\*var\(--scale\)\)\]{
  margin-top: calc(22px * var(--scale));
}
.mt-\[calc\(25px\*var\(--scale\)\)\]{
  margin-top: calc(25px * var(--scale));
}
.mt-\[calc\(26px\*var\(--scale\)\)\]{
  margin-top: calc(26px * var(--scale));
}
.mt-\[calc\(27px\*var\(--scale\)\)\]{
  margin-top: calc(27px * var(--scale));
}
.mt-\[calc\(32px\*var\(--scale\)\)\]{
  margin-top: calc(32px * var(--scale));
}
.mt-\[calc\(37px\*var\(--scale\)\)\]{
  margin-top: calc(37px * var(--scale));
}
.mt-\[calc\(40px\*var\(--scale\)\)\]{
  margin-top: calc(40px * var(--scale));
}
.mt-\[calc\(43px\*var\(--scale\)\)\]{
  margin-top: calc(43px * var(--scale));
}
.mt-\[calc\(53px\*var\(--scale\)\)\]{
  margin-top: calc(53px * var(--scale));
}
.mt-\[calc\(5px\*var\(--scale\)\)\]{
  margin-top: calc(5px * var(--scale));
}
.mt-\[calc\(98px\*var\(--scale\)\)\]{
  margin-top: calc(98px * var(--scale));
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.flex{
  display: flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.hidden{
  display: none;
}
.aspect-\[4\/3\]{
  aspect-ratio: 4/3;
}
.aspect-video{
  aspect-ratio: 16 / 9;
}
.h-\[90vh\]{
  height: 90vh;
}
.h-screen{
  height: 100vh;
}
.w-\[85\.5\%\]{
  width: 85.5%;
}
.w-\[calc\(100px\*var\(--scale\)\)\]{
  width: calc(100px * var(--scale));
}
.w-\[calc\(108px\*var\(--scale\)\)\]{
  width: calc(108px * var(--scale));
}
.w-\[calc\(111px\*var\(--scale\)\)\]{
  width: calc(111px * var(--scale));
}
.w-\[calc\(134px\*var\(--scale\)\)\]{
  width: calc(134px * var(--scale));
}
.w-\[calc\(172px\*var\(--scale\)\)\]{
  width: calc(172px * var(--scale));
}
.w-\[calc\(185px\*var\(--scale\)\)\]{
  width: calc(185px * var(--scale));
}
.w-\[calc\(192px\*var\(--scale\)\)\]{
  width: calc(192px * var(--scale));
}
.w-\[calc\(203px\*var\(--scale\)\)\]{
  width: calc(203px * var(--scale));
}
.w-\[calc\(245px\*var\(--scale\)\)\]{
  width: calc(245px * var(--scale));
}
.w-\[calc\(281px\*var\(--scale\)\)\]{
  width: calc(281px * var(--scale));
}
.w-\[calc\(289px\*var\(--scale\)\)\]{
  width: calc(289px * var(--scale));
}
.w-\[calc\(303px\*var\(--scale\)\)\]{
  width: calc(303px * var(--scale));
}
.w-\[calc\(308px\*var\(--scale\)\)\]{
  width: calc(308px * var(--scale));
}
.w-\[calc\(323px\*var\(--scale\)\)\]{
  width: calc(323px * var(--scale));
}
.w-\[calc\(324px\*var\(--scale\)\)\]{
  width: calc(324px * var(--scale));
}
.w-\[calc\(334px\*var\(--scale\)\)\]{
  width: calc(334px * var(--scale));
}
.w-\[calc\(348px\*var\(--scale\)\)\]{
  width: calc(348px * var(--scale));
}
.w-\[calc\(349px\*var\(--scale\)\)\]{
  width: calc(349px * var(--scale));
}
.w-\[calc\(34px\*var\(--scale\)\)\]{
  width: calc(34px * var(--scale));
}
.w-\[calc\(350px\*var\(--scale\)\)\]{
  width: calc(350px * var(--scale));
}
.w-\[calc\(356px\*var\(--scale\)\)\]{
  width: calc(356px * var(--scale));
}
.w-\[calc\(40px\*var\(--scale\)\)\]{
  width: calc(40px * var(--scale));
}
.w-\[calc\(44px\*var\(--scale\)\)\]{
  width: calc(44px * var(--scale));
}
.w-\[calc\(45px\*var\(--scale\)\)\]{
  width: calc(45px * var(--scale));
}
.w-\[calc\(50px\*var\(--scale\)\)\]{
  width: calc(50px * var(--scale));
}
.w-\[calc\(51px\*var\(--scale\)\)\]{
  width: calc(51px * var(--scale));
}
.w-\[calc\(54px\*var\(--scale\)\)\]{
  width: calc(54px * var(--scale));
}
.w-\[calc\(55px\*var\(--scale\)\)\]{
  width: calc(55px * var(--scale));
}
.w-\[calc\(60px\*var\(--scale\)\)\]{
  width: calc(60px * var(--scale));
}
.w-\[calc\(65px\*var\(--scale\)\)\]{
  width: calc(65px * var(--scale));
}
.w-\[calc\(67px\*var\(--scale\)\)\]{
  width: calc(67px * var(--scale));
}
.w-\[calc\(70px\*var\(--scale\)\)\]{
  width: calc(70px * var(--scale));
}
.w-\[calc\(80px\*var\(--scale\)\)\]{
  width: calc(80px * var(--scale));
}
.w-\[calc\(82px\*var\(--scale\)\)\]{
  width: calc(82px * var(--scale));
}
.w-\[calc\(91px\*var\(--scale\)\)\]{
  width: calc(91px * var(--scale));
}
.w-full{
  width: 100%;
}
.max-w-none{
  max-width: none;
}
.flex-shrink{
  flex-shrink: 1;
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.resize{
  resize: both;
}
.list-disc{
  list-style-type: disc;
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-\[1fr_auto\]{
  grid-template-columns: 1fr auto;
}
.grid-cols-\[auto_1fr\]{
  grid-template-columns: auto 1fr;
}
.flex-col{
  flex-direction: column;
}
.items-center{
  align-items: center;
}
.justify-start{
  justify-content: flex-start;
}
.justify-center{
  justify-content: center;
}
.justify-around{
  justify-content: space-around;
}
.gap-\[2vh\]{
  gap: 2vh;
}
.gap-\[calc\(10px\*var\(--scale\)\)\]{
  gap: calc(10px * var(--scale));
}
.gap-\[calc\(13px\*var\(--scale\)\)\]{
  gap: calc(13px * var(--scale));
}
.gap-\[calc\(16px\*var\(--scale\)\)\]{
  gap: calc(16px * var(--scale));
}
.space-y-\[calc\(10px\*var\(--scale\)\)\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(10px * var(--scale)) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(10px * var(--scale)) * var(--tw-space-y-reverse));
}
.overflow-hidden{
  overflow: hidden;
}
.rounded-\[calc\(8px\*var\(--scale\)\)\]{
  border-radius: calc(8px * var(--scale));
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.border{
  border-width: 1px;
}
.border-none{
  border-style: none;
}
.bg-\[\#603814\]{
  --tw-bg-opacity: 1;
  background-color: rgb(96 56 20 / var(--tw-bg-opacity, 1));
}
.bg-\[\#6A2414\]{
  --tw-bg-opacity: 1;
  background-color: rgb(106 36 20 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F3F1EF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 241 239 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFDB00\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 219 0 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFF4B1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 244 177 / var(--tw-bg-opacity, 1));
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-neutral-500{
  --tw-bg-opacity: 1;
  background-color: rgb(115 115 115 / var(--tw-bg-opacity, 1));
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.p-\[calc\(20px\*var\(--scale\)\)\]{
  padding: calc(20px * var(--scale));
}
.px-\[calc\(16px\*var\(--scale\)\)\]{
  padding-left: calc(16px * var(--scale));
  padding-right: calc(16px * var(--scale));
}
.px-\[calc\(30px\*var\(--scale\)\)\]{
  padding-left: calc(30px * var(--scale));
  padding-right: calc(30px * var(--scale));
}
.px-\[calc\(60px\*var\(--scale\)\)\]{
  padding-left: calc(60px * var(--scale));
  padding-right: calc(60px * var(--scale));
}
.py-\[calc\(15px\*var\(--scale\)\)\]{
  padding-top: calc(15px * var(--scale));
  padding-bottom: calc(15px * var(--scale));
}
.py-\[calc\(16px\*var\(--scale\)\)\]{
  padding-top: calc(16px * var(--scale));
  padding-bottom: calc(16px * var(--scale));
}
.py-\[calc\(18px\*var\(--scale\)\)\]{
  padding-top: calc(18px * var(--scale));
  padding-bottom: calc(18px * var(--scale));
}
.py-\[calc\(60px\*var\(--scale\)\)\]{
  padding-top: calc(60px * var(--scale));
  padding-bottom: calc(60px * var(--scale));
}
.pb-\[calc\(44px\*var\(--scale\)\)\]{
  padding-bottom: calc(44px * var(--scale));
}
.pb-\[calc\(53px\*var\(--scale\)\)\]{
  padding-bottom: calc(53px * var(--scale));
}
.pl-\[calc\(105px\*var\(--scale\)\)\]{
  padding-left: calc(105px * var(--scale));
}
.pr-\[calc\(30px\*var\(--scale\)\)\]{
  padding-right: calc(30px * var(--scale));
}
.pt-40{
  padding-top: 10rem;
}
.pt-\[calc\(26px\*var\(--scale\)\)\]{
  padding-top: calc(26px * var(--scale));
}
.pt-\[calc\(64px\*var\(--scale\)\)\]{
  padding-top: calc(64px * var(--scale));
}
.pt-\[calc\(67px\*var\(--scale\)\)\]{
  padding-top: calc(67px * var(--scale));
}
.pt-\[calc\(94px\*var\(--scale\)\)\]{
  padding-top: calc(94px * var(--scale));
}
.text-center{
  text-align: center;
}
.text-\[calc\(14px\*var\(--scale\)\)\]{
  font-size: calc(14px * var(--scale));
}
.text-\[calc\(16px\*var\(--scale\)\)\]{
  font-size: calc(16px * var(--scale));
}
.text-\[calc\(17px\*var\(--scale\)\)\]{
  font-size: calc(17px * var(--scale));
}
.text-\[calc\(18px\*var\(--scale\)\)\]{
  font-size: calc(18px * var(--scale));
}
.text-\[calc\(20px\*var\(--scale\)\)\]{
  font-size: calc(20px * var(--scale));
}
.text-\[calc\(27px\*var\(--scale\)\)\]{
  font-size: calc(27px * var(--scale));
}
.text-lg{
  font-size: 1.8rem;
}
.font-bold{
  font-weight: 700;
}
.font-medium{
  font-weight: 500;
}
.uppercase{
  text-transform: uppercase;
}
.leading-\[1\.2\]{
  line-height: 1.2;
}
.leading-\[1\.5\]{
  line-height: 1.5;
}
.leading-\[1\]{
  line-height: 1;
}
.text-\[\#FCEE21\]{
  --tw-text-opacity: 1;
  color: rgb(252 238 33 / var(--tw-text-opacity, 1));
}
.text-\[\#FFDB00\]{
  --tw-text-opacity: 1;
  color: rgb(255 219 0 / var(--tw-text-opacity, 1));
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline{
  text-decoration-line: underline;
}
.mix-blend-screen{
  mix-blend-mode: screen;
}
.drop-shadow{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
:root {
  --scale: calc(min(100vw, 544px) / 414px);
  overscroll-behavior: none;
}
body {
  width: 100vw;
  min-width: 310px;
  overflow-x: hidden;
  color: #6A2414;
  font-family: "Noto Sans JP", sans-serif;
  background: #FAE560;
}
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/wp-content/themes/mngtr_basic/img/lp/okohon20th/bg.webp") no-repeat center center;
  background-size: 100%;
}
ul {
  list-style: none;
}
body main.main,
body:has(.l-lowerNav) .l-main .main {
  padding: 0;
}
img{
  display: block;
  vertical-align: bottom;
}
.lp_header {
  display: none;
}
.lp_main {
  overflow: visible;
}
.lp_footer {
  position: relative;
}
/* ==============================
lp layout
================================*/
.lp__leftColumn {
  grid-column: 1;
}
.lp__leftColumn * {
  display: none;
}
@media (min-width: 1024px) {
  .lp__leftColumn * {
    display: block;
  }
  .lp__leftColumn__inner {
    position: sticky;
    top: 0;
    display: flex;
    height: 90vh;
    flex-direction: column;
    justify-content: space-around;
    padding-left: 10rem;
    padding-right: 10rem;
    padding-top: 10rem;
  }
  .lp__leftColumn .season--sns--icon{
    margin-top: 0px;
  }
}
.lp__leftColumn .season--pc--logo img{
  margin-left: auto;
  margin-right: auto;
}
.lp__rightColumn {
  grid-column: 3;
}
.lp__rightColumn * {
  display: none;
}
@media (min-width: 1024px) {
  .lp__rightColumn * {
    display: block;
  }
  .lp__rightColumn__inner {
    position: sticky;
    top: 0;
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: space-around;
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .lp__rightColumn__inner nav{
    margin-left: auto;
    margin-right: auto;
  }
  .lp__rightColumn__inner nav ul{
    display: flex;
    flex-direction: column;
    gap: 2vh;
  }
  .lp__rightColumn__inner nav ul img {
    max-width: 500px;
    width: 100%;
  }
}
.lp__wrapper {
  display: grid;
  grid-template-columns: 1fr min(544px, 100%) 1fr;
}
.lp__mainColumn {
  position: relative;
  grid-column: 2;
  grid-row: 1;
}
/* ==============================
okohon20th
================================*/
.lp__mainColumn {
  background: #FFDB00;
}
.section--hero {
  overflow: hidden;
  width: 100%;
}
.hero {
  height: calc(756px * var(--scale));
  position: relative;
}
.hero__head{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  width: 100%;
}
.hero__head .hero__logo{
  position: absolute;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  top: calc(26px * var(--scale));
  width: calc(328px * var(--scale));
}
.hero__okonomiyaki{
  position: absolute;
  top: 0px;
  left: 0px;
}
.hero::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(85px * var(--scale));
  background: url("/wp-content/themes/mngtr_basic/img/lp/okohon20th/hero_mask.svg") no-repeat center top;
  background-size: cover;
}
.ougi {
  rotate: 7deg;
}
.rotate-10 img {
  rotate: 36deg;
}
.section--campaign {
  background: url("/wp-content/themes/mngtr_basic/img/lp/okohon20th/bg_stripe.webp") repeat #fff;
  background-size: 91% 100%;
}
.section--campaign h3{
  margin-top: calc(20px * var(--scale));
  margin-bottom: calc(22px * var(--scale));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(13px * var(--scale));
  line-height: 1.2;
}
.section--campaign h3:after{
  border-radius: 9999px;
  content: "";
  display: block;
  width: calc(62px * var(--scale));
  height: calc(6px * var(--scale));
  background: #6A2414;
}
.section--history{
  position: relative;
  padding-bottom: calc(53px * var(--scale));
  background: url("/wp-content/themes/mngtr_basic/img/lp/okohon20th/bg_history.webp") no-repeat center top;
  background-size: 100%;
}
.section--kansya{
  padding-top: calc(94px * var(--scale));
  background: linear-gradient(to bottom, #FFDB00 40%, #FD9200 100%);
}
/* ==============================
animation
================================*/
.hero__logo {
  opacity: 0;
}
.hero__light {
  opacity: 0;
}
.hero__copy01 {
  opacity: 0;
}
.hero__copy02 {
  opacity: 0;
}
.ougi {
  opacity: 0;
}
.hero__mayo01 {
  opacity: 0;
}
.hero__mayo03 {
  opacity: 0;
}
.hero__mayonase {
  opacity: 0;
}
.hero__mayo02 {
  opacity: 0;
}
.hero__kushi {
  opacity: 0;
}
.hero__megane {
  opacity: 0;
}
.hero__souse {
  opacity: 0;
}
.hero__beer {
  opacity: 0;
}
.hero__aonori {
  opacity: 0;
}
.lightA .lightB .lightC {
  z-index: 10;
  opacity: 0;
}
.hero__okonomiyaki {
  overflow: hidden;
  background: #000;
}
.hero__okonomiyaki__img {
  opacity: 0.5;
}
.hero__maku {
  position: relative;
}
.hero__maku:before{
  --tw-bg-opacity: 1;
  background-color: rgb(255 219 0 / var(--tw-bg-opacity, 1));
  content: "";
  position: absolute;
  top: -79vh;
  left: 0;
  width: 100%;
  height: 80vh;
}
.overlay__mov {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: #FFDB00;
  pointer-events: none;
}
.overlay__mov video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-campaignList div {
  border-top: 2px solid #7CB97B;
}
.c-campaignList div div {
  border-top: none;
}
.c-campaignList div:first-child {
  border-top: none;
}
.season--info--button {
  padding: calc(60px * var(--scale)) clamp(2rem, 1.636rem + 0.97vw, 2.8rem);
}
.season--info--button a {
  display: inline-block;
  width: 100%;
  padding: 0.5em 2.5em;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: calc(1.5rem * var(--scale));
  text-align: center;
  color: #030303;
  text-decoration: none;
  background-color: #fff;
  border: solid 1px #707070;
  border-radius: 50px;
  transition: 0.4s;
}
.hover\:bg-\[\#932503\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(147 37 3 / var(--tw-bg-opacity, 1));
}
.hover\:underline:hover{
  text-decoration-line: underline;
}