@charset "UTF-8";
/* 
  css設定 @charsetが消されるsass仕様へのハック用コメントです。削除しないでください。新規作成時も必須！
 */
/*==================================================================================
 default
==================================================================================*/
/*==================================================================================
 animations
==================================================================================*/
main .fadeInAct {
  opacity: 0;
}
main .fadeInAct:not(.fadeOnly) {
  transform: translateY(50rem);
}
main .fadeInAct.action {
  opacity: 1;
}
main .fadeInAct.action:not(.fadeOnly) {
  transform: translateY(0);
  transition: opacity 1.2s, transform 1.2s;
}

main .fadeInAct.fadeOnly {
  transition: opacity 1.2s;
}

main .fadeInAct.brightnessFade {
  filter: brightness(10) blur(10rem);
  transform: translateY(50rem);
}
main .fadeInAct.brightnessFade.action {
  filter: brightness(1) blur(0);
  transform: translateY(0);
  transition: transform .5s, filter .5s;
  transition: opacity 1.2s, transform 1.2s, filter 1.2s;
}

/*==================================================================================
 common
==================================================================================*/
html {
  font-size: 1px;
  font-feature-settings: "palt";
  background: #e70012;
}

body {
  letter-spacing: 2rem;
  font-family: 'Zen Maru Gothic', 'YuGothic', 'Yu Gothic', sans-serif;
}

main {
  padding-top: 80px;
  color: #e70012;
  overflow: hidden;
}
main .fontSize50 {
  font-size: 50%;
}
main .fontSize55 {
  font-size: 55%;
}
main .fontSize60 {
  font-size: 60%;
}
main .fontSize65 {
  font-size: 65%;
}
main .fontSize70 {
  font-size: 70%;
}
main .fontSize75 {
  font-size: 75%;
}
main .fontSize80 {
  font-size: 80%;
}
main .fontSize85 {
  font-size: 85%;
}
main .fontSize90 {
  font-size: 90%;
}
main .fontSize95 {
  font-size: 95%;
}
main .fontSize100 {
  font-size: 100%;
}
main .fontSize105 {
  font-size: 105%;
}
main .fontSize110 {
  font-size: 110%;
}
main .fontSize115 {
  font-size: 115%;
}
main .fontSize120 {
  font-size: 120%;
}
main .fontSize125 {
  font-size: 125%;
}
main .fontSize130 {
  font-size: 130%;
}
main .fontSize135 {
  font-size: 135%;
}
main .fontSize140 {
  font-size: 140%;
}
main .fontSize145 {
  font-size: 145%;
}
main .fontSize150 {
  font-size: 150%;
}
main .fontSize155 {
  font-size: 155%;
}
main .fontSize160 {
  font-size: 160%;
}
main .fontSize165 {
  font-size: 165%;
}
main .fontSize170 {
  font-size: 170%;
}
main .fontSize175 {
  font-size: 175%;
}
main .fontSize180 {
  font-size: 180%;
}
main .fontSize185 {
  font-size: 185%;
}
main .fontSize190 {
  font-size: 190%;
}
main .fontSize195 {
  font-size: 195%;
}
main .fontSize200 {
  font-size: 200%;
}
main .fontSize205 {
  font-size: 205%;
}
main .fontSize210 {
  font-size: 210%;
}
main .fontSize215 {
  font-size: 215%;
}
main .fontSize220 {
  font-size: 220%;
}
main .fontSize225 {
  font-size: 225%;
}
main .fontSize230 {
  font-size: 230%;
}
main .fontSize235 {
  font-size: 235%;
}
main .fontSize240 {
  font-size: 240%;
}
main .fontSize245 {
  font-size: 245%;
}
main .fontSize250 {
  font-size: 250%;
}
main .fontSize255 {
  font-size: 255%;
}
main .fontSize260 {
  font-size: 260%;
}
main .fontSize265 {
  font-size: 265%;
}
main .fontSize270 {
  font-size: 270%;
}
main .fontSize275 {
  font-size: 275%;
}
main .fontSize280 {
  font-size: 280%;
}
main .fontSize285 {
  font-size: 285%;
}
main .fontSize290 {
  font-size: 290%;
}
main .fontSize295 {
  font-size: 295%;
}
main .fontSize300 {
  font-size: 300%;
}
main .bold {
  font-weight: bold !important;
}
main .weightNormal {
  font-weight: normal !important;
}
main .colorBlack {
  color: #333 !important;
}
main .colorWhite {
  color: #fff !important;
}
main .wrap {
  box-sizing: content-box;
  margin: 0 auto;
  padding-right: 12rem;
  padding-left: 12rem;
  max-width: 1000px;
}
@media (min-width: 768px) {
  main .wrap.smallWrap {
    max-width: 900px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  main .wrap.smallWrap {
    padding-right: 62rem;
    padding-left: 62rem;
  }
}

main .inlineBlock {
  display: inline-block;
}
main iframe {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
main video {
  width: 100%;
  height: auto;
}
main img {
  height: auto;
}
main .movie__box .movie-wrap {
  border: none;
  background: none;
}
main .movie__box .movie-wrap.is-ready .movie {
  opacity: 0;
}
main .movie__box .movie-wrap .thumb:after {
  background-image: url(../img/common/icon-play01.png);
}
main .campaignBanner {
  margin: auto;
  padding-top: 80px;
  max-width: 600px;
  width: 90%;
}

.l-footer__sns {
  position: static;
  padding-top: 150rem;
  opacity: 1;
  /*.snsTitle {
      position: absolute;
      top: 12px;
      left: 0;
      padding-right: 20px;
      letter-spacing: 0.1em;
      font-size: 14px;
      color: #e70012;
      &:before {
        content: "";
        position: absolute;
        top: calc(50% - 6px);
        right: 0;
        width: 24px;
        height: 2px;
        border-radius: 2px 2px;
        background-color: #e70012;
        transform-origin: right center;
        transform: rotate(35deg);
      }
      &:after {
        content: "";
        position: absolute;
        top: calc(50% + 6px);
        right: 0;
        width: 24px;
        height: 2px;
        border-radius: 2px 2px;
        background-color: #e70012;
        transform-origin: right center;
        transform: rotate(-35deg);
      }
    }*/
}
@media (min-width: 768px) {
  .l-footer__sns {
    display: none;
  }
}
.l-footer__sns .snsTitle {
  margin: auto;
  padding-bottom: 30rem;
  width: 300rem;
}
.l-footer__sns .list {
  gap: 0 30rem;
  justify-content: center;
}
.l-footer__sns .list li {
  margin: 0;
}
.l-footer__sns .list li a {
  width: 80rem;
}
.l-footer__sns .list li a span {
  padding-top: 5rem;
  line-height: 1.2;
  font-size: 18rem;
  color: #fff;
}

@media (min-width: 768px) {
  .sp {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  html {
    font-size: .09765625vw;
  }
}
@media (max-width: 767px) {
  html {
    font-size: .3125vw;
  }

  .pc {
    display: none !important;
  }

  main .wrap {
    padding-right: 20rem;
    padding-left: 20rem;
  }
}
/*==================================================================================
 siteHeader
==================================================================================*/
.siteHeader {
  background: #fff;
}
.siteHeader .l-header__fujiyatop a {
  font-size: 16px;
  color: #e70012;
  background-image: url(../img/common/icon-arrow03.svg);
}
.siteHeader .l-header__milky {
  padding-top: 10px;
  width: 156px;
}
.siteHeader .l-header__followus a {
  font-size: 13px;
}
.siteHeader .l-header__followus .text--01 {
  color: #e70012;
}
.siteHeader .l-header__followus .text--01:before, .siteHeader .l-header__followus .text--01:after {
  background: #e70012;
}
.siteHeader .l-header__followus .text--02 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 5px;
  height: 40px;
  color: #fff;
  background: #e70012;
}
.siteHeader .l-nav__modal {
  background: #e70012;
}
.siteHeader .l-nav-modal__list li a {
  font-size: 32px;
}
.siteHeader .l-nav-modal__list li a span {
  font-size: 16px;
}
.siteHeader .l-nav-toggle__button a:before,
.siteHeader .l-nav-toggle__button a:after,
.siteHeader .l-nav-toggle__button a span {
  background-color: #e70012;
}
.siteHeader .l-nav-toggle__button.is-open a:before,
.siteHeader .l-nav-toggle__button.is-open a:after {
  background-color: #fff;
}

/*==================================================================================
 siteFooter
==================================================================================*/
.siteFooter {
  margin-top: 0 !important;
  background: #fff;
}
.siteFooter .linkButtons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 50rem;
  padding: 50rem 15rem 70rem;
}
.siteFooter .linkButtons img {
  width: 100%;
  height: auto;
}
.siteFooter .linkButtons a {
  display: block;
}
@media (min-width: 1025px) {
  .siteFooter .linkButtons a:hover {
    opacity: .7;
  }
}
.siteFooter .l-footer__copyright {
  font-size: 12px;
  color: #000;
}

/*==================================================================================
 print
==================================================================================*/
/*==================================================================================
 top
==================================================================================*/
@keyframes peachAnime {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
/*.l-nav-modal__list li:nth-child(n+5),
main section.whats,
main section.history,
main section.recipe,
#top .bgArea .peachs li:nth-child(10) {display: none !important;}*/
/*main section.lineUp {
  .arrows {display: none !important;}
  .image {
    overflow: hidden !important;
    .items {
      padding: 80rem 200rem 40rem !important;
      width: 100vw !important;
      border: {
        right: none !important;
        left: none !important;
      }
      @include minWTB {gap: 0 60rem !important;}
    }
  }
}*/
#top .mainVisualArea {
  position: relative;
}
#top .mainVisualArea .mainVisual img {
  width: 100%;
}
#top .mainVisualArea .linkButton {
  position: absolute;
  bottom: 6%;
  left: 1%;
  width: 197rem;
  z-index: 1;
}
@media (min-width: 1025px) {
  #top .mainVisualArea .linkButton:hover {
    opacity: .7;
  }
}
#top .mainVisualArea .mvPeachs li {
  position: absolute;
  z-index: 1;
  animation: peachAnime 2s ease-in-out 0s infinite;
}
#top .mainVisualArea .mvPeachs li:first-child {
  top: 1.13154%;
  right: 6.15234%;
  width: 13.67188%;
  animation-delay: 1s;
}
#top .mainVisualArea .mvPeachs li:nth-child(2) {
  top: 22.34795%;
  left: 3.90625%;
  width: 9.76563%;
}
#top .mainVisualArea .mvPeachs li:nth-child(3) {
  top: 33.38048%;
  right: 3.71094%;
  width: 9.17969%;
  animation-delay: .66s;
}
#top .mainVisualArea .mvPeachs li:nth-child(4) {
  display: none;
  top: 67.18529%;
  left: 2.92969%;
  width: 14.45313%;
  animation-delay: .33s;
}
#top section.news {
  display: flex;
  align-items: center;
  gap: 0 30rem;
  position: relative;
  padding-top: 26rem;
  padding-bottom: 26rem;
  z-index: 1;
}
#top section.news:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: calc(50% - 60vw);
  width: 120vw;
  bottom: 0;
  background: #fff;
  z-index: -1;
}
#top section.news h3 {
  padding-bottom: 4rem;
  border-bottom: 2rem solid #e60012;
  border-radius: 1rem;
  line-height: 1;
  font-size: 21rem;
  color: #e70012;
}
#top section.news .newsList {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 15rem 0;
}
#top section.news .newsList li {
  display: flex;
  gap: 0 35rem;
  line-height: 1.7;
  font-size: 13rem;
}
#top section.news .newsList li:not(:first-child) {
  display: none;
}
#top section.news .moreButton {
  display: flex;
  align-items: center;
  gap: 0 8rem;
  align-self: flex-start;
  cursor: pointer;
  padding-top: 2rem;
  line-height: 1;
  font-size: 18rem;
  color: #e70012;
}
@media (min-width: 1025px) {
  #top section.news .moreButton:hover {
    opacity: .7;
  }
}
#top section.news .moreButton.open img {
  padding: 0 0 2rem;
  transform: rotate(180deg);
}
#top section.news .moreButton img {
  padding-top: 2rem;
  width: 18rem;
  transition: padding .3s, transform .3s;
}
#top .bgArea {
  position: relative;
  padding: 130rem 0 100rem;
}
#top .bgArea .sections,
#top .bgArea .manga {
  position: relative;
  z-index: 1;
}
#top .bgArea .peachs li {
  position: absolute;
  z-index: 0;
  animation: peachAnime 2s ease-in-out 0s infinite;
}
#top .bgArea .peachs li:first-child {
  top: 0.57269%;
  left: -2%;
  width: 10.57143%;
  max-width: 148px;
}
#top .bgArea .peachs li:nth-child(2) {
  top: 3.96476%;
  left: 70.71429%;
  width: 25%;
  max-width: 350px;
  animation-delay: .66s;
}
#top .bgArea .peachs li:nth-child(3) {
  top: 6.82819%;
  left: 10.57143%;
  width: 14.57143%;
  max-width: 204px;
  animation-delay: 1s;
}
#top .bgArea .peachs li:nth-child(4) {
  top: 8.28194%;
  left: 87.28571%;
  width: 10.78571%;
  max-width: 151px;
  animation-delay: .33s;
}
#top .bgArea .peachs li:nth-child(5) {
  top: 20%;
  left: -1%;
  width: 12.28571%;
  max-width: 172px;
  animation-delay: .33s;
}
#top .bgArea .peachs li:nth-child(6) {
  top: 28.63436%;
  left: 79.64286%;
  width: 13%;
  max-width: 182px;
  animation-delay: 1s;
}
#top .bgArea .peachs li:nth-child(7) {
  top: 30.48458%;
  left: 5.57143%;
  width: 11.42857%;
  max-width: 160px;
  animation-delay: .66s;
}
#top .bgArea .peachs li:nth-child(8) {
  top: 42.84141%;
  left: 91.57143%;
  width: 10.28571%;
  max-width: 144px;
}
#top .bgArea .peachs li:nth-child(10) {
  top: 41.85022%;
  left: -3.57143%;
  width: 12.14286%;
  max-width: 170px;
  animation-delay: .66s;
}
#top .bgArea .peachs li:nth-child(11) {
  top: 87.09251%;
  left: 91.14286%;
  width: 12.28571%;
  max-width: 172px;
}
#top .bgArea .peachs li:nth-child(12) {
  top: 65.85903%;
  left: -3.14286%;
  width: 11.42857%;
  max-width: 160px;
  animation-delay: 1s;
}
#top .bgArea .peachs li:nth-child(13) {
  top: 75.11013%;
  left: 77.28571%;
  width: 10.28571%;
  max-width: 144px;
}
#top .bgArea .peachs li:nth-child(14) {
  bottom: -0.39648%;
  left: 10.42857%;
  width: 15.28571%;
  max-width: 214px;
}
#top .bgArea .peachs li:nth-child(15) {
  top: 24.11894%;
  left: 94.57143%;
  width: 10.78571%;
  max-width: 151px;
  animation-delay: .66s;
}
#top .bgArea .peachs li:nth-child(16) {
  top: 35.35242%;
  left: -5.71429%;
  width: 12.85714%;
  max-width: 180px;
  animation-delay: 1s;
}
#top .bgArea .peachs li:nth-child(17) {
  top: 83.70044%;
  left: -6.21429%;
  width: 16.42857%;
  max-width: 230px;
}
#top .bgArea .peachs li:nth-child(18) {
  display: none;
  top: 87.09251%;
  left: 91.14286%;
  width: 12.28571%;
  max-width: 172px;
  animation-delay: .33s;
}
#top .sections {
  color: #fff;
}
#top .sections h4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  margin: 0 auto 55rem;
  width: 530rem;
  height: 100rem;
  border-radius: 50rem;
  border: 5rem solid #00348c;
  line-height: 1;
  text-align: center;
  font-size: 16rem;
  color: #00348c;
  background: #fff;
}
#top .sections h4 .en {
  flex: 0 0 100%;
  margin-bottom: -10rem;
  line-height: .7;
  font-size: 53rem;
}
#top .sections .lead {
  line-height: 2.4;
  letter-spacing: 3rem;
  font-size: 18rem;
}
#top .sections .linkButton {
  padding-top: 30rem;
  line-height: 1;
  font-size: 26rem;
}
#top .sections .linkButton a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 14rem;
}
#top .sections .linkButton img {
  width: 27rem;
}
@media (min-width: 1025px) {
  #top .sections .linkButton a:hover {
    opacity: .7;
  }
}
#top .sections .modalTrigger {
  cursor: pointer;
}
@media (min-width: 1025px) {
  #top .sections .modalTrigger:hover {
    opacity: .7;
  }
}
#top section.message {
  padding-bottom: 230rem;
  text-align: center;
}
#top section.message .catch {
  margin: auto;
  padding-bottom: 20rem;
  max-width: 600rem;
}
#top section.lineUp {
  padding-bottom: 160rem;
  text-align: center;
}
#top section.lineUp h4 {
  position: relative;
  margin-bottom: -50rem;
  z-index: 1;
}
#top section.lineUp .scrollArea {
  position: relative;
}
#top section.lineUp .scrollArea .arrows img {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: absolute;
  top: calc(50% - 48rem);
  width: 48rem;
  z-index: 2;
}
#top section.lineUp .scrollArea .arrows img:first-child {
  left: 0;
  transform: rotate(180deg);
}
#top section.lineUp .scrollArea .arrows img:last-child {
  right: 0;
}
@media (min-width: 1025px) {
  #top section.lineUp .scrollArea .arrows img:hover {
    opacity: .7;
  }
}
#top section.lineUp .scrollArea .image {
  overflow: auto;
  line-height: 0;
}
#top section.lineUp .scrollArea .image .items {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0 75rem;
  box-sizing: border-box;
  position: relative;
  padding: 90rem 130rem 50rem;
  width: 2725rem;
  border: 5rem solid #00348c;
  background: #fff;
}
#top section.lineUp .scrollArea .image .items a {
  display: block;
  flex: 1 1  auto;
}
@media (min-width: 1025px) {
  #top section.lineUp .scrollArea .image .items a:hover {
    opacity: .7;
  }
}
#top section.lineUp .scrollArea .image .items a:nth-of-type(2), #top section.lineUp .scrollArea .image .items a:nth-of-type(3), #top section.lineUp .scrollArea .image .items a:nth-of-type(5), #top section.lineUp .scrollArea .image .items a:nth-of-type(6) {
  margin-bottom: -20rem;
}
#top section.lineUp .scrollArea .image .items .catch {
  position: absolute;
}
#top section.lineUp .scrollArea .image .items .catch01 {
  top: 16%;
  left: 50%;
  width: 15%;
}
#top section.cm {
  padding-bottom: 180rem;
}
#top section.cm h4 {
  margin-bottom: 3v0rem;
}
#top section.cm .adGalleryArea .movies li:not(:first-child) {
  display: none;
}
#top section.cm .adGalleryArea .adGalleryCm .tabs {
  display: flex;
  justify-content: space-between;
  margin: 30rem auto 0;
  max-width: 482rem;
  border-radius: 15rem;
  border: 4rem solid #fff;
  font-size: 19rem;
  background: #fff;
  overflow: hidden;
}
#top section.cm .adGalleryArea .adGalleryCm .tabs li {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  padding-bottom: 2rem;
  width: 32.7%;
  height: 54rem;
  border-radius: 8rem;
  color: #e70012;
  background: #eaeaea;
  z-index: 1;
}
#top section.cm .adGalleryArea .adGalleryCm .tabs li.current {
  color: #fff;
  background: #e70012;
}
#top section.profile {
  padding-bottom: 200rem;
}
#top section.profile h4 {
  margin-bottom: 70rem;
}
#top section.profile .profileArea {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 0 25rem;
  padding-bottom: 100rem;
}
#top section.profile .profileArea .photo {
  flex: 0 0 293rem;
}
#top section.profile .profileArea dt {
  padding: 20rem 0 30rem;
  line-height: 1;
  letter-spacing: 3rem;
  font-size: 38rem;
  font-weight: bold;
}
#top section.profile .profileArea dt .en {
  padding-left: 23rem;
  font-size: 20rem;
}
#top section.profile .profileArea dd {
  line-height: 2.1;
  font-size: 16rem;
  text-align: justify;
  letter-spacing: 1.8rem;
}
#top section.profile .profileArea dd a {
  display: block;
  font-size: 14rem;
  text-align: left;
}
@media (min-width: 1025px) {
  #top section.profile .profileArea dd a:hover {
    opacity: .7;
  }
}
#top section.profile .profileArea dd a .url {
  display: inline-block;
  padding-left: 10rem;
  font-size: 13.5rem;
}
#top section.profile .profileArea dd + dd {
  margin-top: 8rem;
  padding-top: 8rem;
  border-top: 1px solid #fff;
}
#top section.profile .characterArea {
  position: relative;
  display: flex;
  gap: 0 25rem;
}
#top section.profile .characterArea .character {
  flex: 0 0 293rem;
}
#top section.profile .characterArea dt {
  padding: 5rem 0 15rem;
  line-height: 1;
  letter-spacing: 3rem;
  font-size: 38rem;
  font-weight: bold;
}
#top section.profile .characterArea dd {
  line-height: 2.1;
  font-size: 16rem;
  letter-spacing: 1.5rem;
}
#top section.profile .characterArea dd + dd {
  padding-top: 1.3em;
}
#top section.profile .characterArea .image {
  position: absolute;
  right: -15rem;
  bottom: -8rem;
  width: 290rem;
}
#top section.special {
  margin: 0 0 110rem;
  padding: 0 0 145rem;
  background: url("../img/top/special-bg.png") repeat-y center center #00348c;
  background-size: 100% auto;
  background-position-y: -50rem;
}
#top section.special h4 {
  position: relative;
  top: -50rem;
  margin-bottom: 60rem;
}
#top section.special .catch {
  margin: auto;
  padding-bottom: 50rem;
  width: 90%;
  max-width: 610rem;
}
#top section.special .catch img {
  display: block;
}
#top section.special .catch .text {
  margin: auto;
  padding-bottom: 50rem;
  max-width: 570rem;
}
#top section.special .lead {
  padding-bottom: 90rem;
  text-align: center;
}
#top section.special .facilitys {
  display: flex;
  justify-content: space-between;
  margin: auto;
  padding-bottom: 95rem;
  max-width: 755rem;
}
#top section.special .facilitys li {
  flex: 0 0 32%;
}
#top section.special .facilitys li.end a {
  display: block;
  position: relative;
  filter: brightness(1) !important;
  /*&:before {
    content: '本イベントは\A終了いたしました';
    content: '終了いたしました';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    white-space: pre-wrap;
    text-align: center;
    font-size: 18rem;
    color: #fff;
    transform: translateY(-50%);
    z-index: 1;
  }*/
}
#top section.special .facilitys li.end a img {
  filter: brightness(1);
}
#top section.special .facilitys li.end a:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 180rem;
  height: 180rem;
  background: url("../img/common/icon-end.png") no-repeat center center;
  background-size: 100% 100%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
#top section.special .facilitys li a {
  display: block;
}
@media (min-width: 1025px) {
  #top section.special .facilitys li a:hover {
    filter: brightness(1.3);
  }
}
#top section.special .flows {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 50rem 0;
  margin: auto;
  max-width: 900rem;
}
#top section.special .flows li {
  flex: 0 0 49%;
  display: flex;
  gap: 0 15rem;
}
#top section.special .flows li .image {
  flex: 0 0 220rem;
}
#top section.special .flows li .text {
  flex: 1 1 auto;
  padding-top: 32rem;
  line-height: 1.7;
  font-size: 16rem;
}
#top section.special .flows .annotation {
  padding: 0;
  letter-spacing: 1rem;
  text-align: left;
  font-weight: 200;
}
#top section.special .annotation {
  padding-top: 20rem;
  text-align: right;
  letter-spacing: 0;
  font-size: 13rem;
}
#top section.whats {
  position: relative;
  margin-bottom: 170rem;
}
#top section.whats h4 {
  margin-bottom: 30rem;
}
#top section.whats > .image {
  width: 238rem;
}
#top section.whats .contentButtons li {
  position: absolute;
}
#top section.whats .contentButtons li:first-child {
  top: 165rem;
  left: 270rem;
  width: 300rem;
}
#top section.whats .contentButtons li:nth-child(2) {
  top: 230rem;
  right: 12rem;
  width: 288rem;
}
#top section.whats .contentButtons li:nth-child(3) {
  top: 420rem;
  left: 460rem;
  width: 294rem;
}
#top section.history {
  padding-bottom: 185rem;
}
#top section.history h4 {
  margin-bottom: 40rem;
}
#top section.history > .image {
  margin: auto;
  width: 543rem;
}
#top section.history .contentButton {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 13rem;
  margin: 20rem auto 0;
  border-radius: 11rem;
  border: 2.2rem solid #fff;
  width: 530rem;
  height: 55rem;
  font-size: 25rem;
}
#top section.history .contentButton img {
  padding-top: 3rem;
  width: 26rem;
}
#top section.recipe {
  padding-bottom: 95rem;
}
#top section.recipe h4 {
  margin-bottom: 35rem;
}
#top section.recipe .banners {
  display: flex;
  flex-wrap: wrap;
  gap: 15rem 18rem;
}
#top section.recipe .banners li {
  flex: 0 0 288rem;
}
#top .manga {
  box-sizing: content-box;
  margin: auto;
  padding-left: 148rem;
  width: 432rem;
}

.modalContents {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.85);
  z-index: 100;
}
.modalContents .closeButton01 {
  position: absolute;
  top: 20rem;
  right: 20rem;
  width: 30rem;
  height: 30rem;
}
.modalContents .wrapper {
  margin: auto;
  max-width: 700px;
  padding: 150rem 0 80rem;
  width: calc(100% - 140rem);
  height: 100vh;
  overflow: auto;
}
.modalContents .wrapper.centerMode {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.modalContents .wrapper.centerMode .closeButton02 {
  display: none;
}
.modalContents img {
  width: 100%;
  height: auto;
}
.modalContents .contentName {
  display: inline-block;
  margin-bottom: 60rem;
  padding: 15rem 45rem 18rem;
  border-radius: 40rem;
  border: 3.7rem solid #fff;
  line-height: 1;
  font-size: 40rem;
}
.modalContents .catch {
  padding-bottom: 40rem;
  line-height: 1.4;
  letter-spacing: 1rem;
  font-size: 33rem;
}
.modalContents .catch .line {
  display: inline-block;
  padding: 0 25rem;
  transform: scale(1.75, 1);
}
.modalContents .text {
  line-height: 2.4;
  letter-spacing: 1rem;
  font-size: 18rem;
}
.modalContents .image {
  line-height: 0;
  padding-top: 100rem;
}
.modalContents .annotation {
  padding-top: 10rem;
  line-height: 1.4;
  text-align: right;
  letter-spacing: .5rem;
  font-size: 14rem;
}
.modalContents .closeButton {
  cursor: pointer;
}
@media (min-width: 1025px) {
  .modalContents .closeButton:hover {
    opacity: .7;
  }
}
.modalContents .closeButton02 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 18rem;
  margin-top: 100rem;
  line-height: 1;
  font-size: 24rem;
  color: #fff;
}
.modalContents .closeButton02 img {
  padding-top: 4rem;
  width: 20rem;
}

.whatsContent02 .image {
  margin: auto;
  padding-top: 30rem;
  width: 216rem;
}

.whatsContent03 .text {
  padding-bottom: 60rem;
}
.whatsContent03 .image {
  padding-top: 0 !important;
}

.recipeContents .wrapper {
  padding: 60rem 0;
  width: calc(100% - 200rem);
  max-width: 800px;
}
.recipeContents .inner {
  position: relative;
}
.recipeContents .closeButton01 {
  top: 30rem;
  right: 30rem;
}
.recipeContents .snsIcons {
  display: flex;
  justify-content: center;
  gap: 0 10rem;
  position: absolute;
  right: 0;
  bottom: 120rem;
  left: 0;
}
.recipeContents .snsIcons li {
  flex: 0 0 45rem;
}
.recipeContents .closeButton02 {
  display: flex !important;
  position: absolute;
  right: 0;
  bottom: 37rem;
  left: 0;
  color: #e60000;
}

.specialContents .image {
  padding: 0;
}

/*==================================================================================
 lower common
==================================================================================*/
/*==================================================================================
 page
==================================================================================*/
/*==================================================================================
 page
==================================================================================*/

/*# sourceMappingURL=style.css.map */