@charset "UTF-8";
/*
base
 */
:root {
  --font-size: 14.0625;
  --windowWidth:1440;
  --base-color:#E51D18;
  --hover-color:#FFF480;
}

@media (max-width: 1024px) {
  :root {
    --font-size: 3.662109375;
    --windowWidth:375;
    --scale:1;
  }
}
/*
color
 */
/*
animation
 */
/*
font
 */
/* list モジュールの読み込み */
.gl_common_modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11000;
  background-color: rgba(0, 0, 0, 0.7);
  overflow: auto;
  overscroll-behavior: contain;
}
.gl_common_modal__modal_inner {
  position: relative;
}
.gl_common_modal__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gl_common_modal__window {
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

html {
  background-color: #000;
}
html * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#ichikabachika-contentener {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Noto Sans JP", "ＭＳ Ｐゴシック", "MS PGothic", Geneva, Arial, Verdana, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--font-size)0px;
  font-size: calc(var(--font-size) / var(--windowWidth) * 100vw);
  line-height: normal;
  -webkit-text-size-adjust: 100%;
  background-color: var(--base-color);
  scrtollbar-gutter: stable;
  width: var(--windowWidth)px;
  position: relative;
  overflow: clip;
}
#ichikabachika-contentener main {
  display: block;
}
#ichikabachika-contentener h1, #ichikabachika-contentener h2, #ichikabachika-contentener h3, #ichikabachika-contentener h4, #ichikabachika-contentener h5, #ichikabachika-contentener h6 {
  font-size: 100%;
}
#ichikabachika-contentener * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#ichikabachika-contentener a {
  text-decoration: none;
}
#ichikabachika-contentener a img {
  border: none;
}
#ichikabachika-contentener button {
  cursor: pointer;
  border: none;
  background: transparent;
  appearance: none;
  font: inherit;
}
#ichikabachika-contentener img,
#ichikabachika-contentener svg {
  width: 100%;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  image-rendering: auto;
}
#ichikabachika-contentener ol, #ichikabachika-contentener ul {
  list-style: none;
}
#ichikabachika-contentener html.webkit img[src$=svg] {
  transform: translate3d(0, 0, 0);
}
#ichikabachika-contentener img:-moz-loading {
  visibility: hidden;
}
@media screen and (min-width: 1025px) {
  #ichikabachika-contentener .onlyPc {
    display: block;
  }
  #ichikabachika-contentener .onlySp {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  #ichikabachika-contentener .onlyPc {
    display: none !important;
  }
  #ichikabachika-contentener .onlySp {
    display: block;
  }
}

@view-transition {
  navigation: auto;
}
.js-anim {
  opacity: 0;
}

.section {
  position: relative;
  z-index: 3;
}
.section .section-wrap {
  position: relative;
}
.section .section-wrap .section-inner {
  position: relative;
}

.cover {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: 100% auto;
  background-repeat: repeat;
  background-blend-mode: color-burn;
}
@media screen and (max-width: 1024px) {
  .cover {
    opacity: 0.3;
  }
}

.chara {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(1210em / var(--font-size));
  overflow: hidden;
  z-index: 1;
  mask-image: linear-gradient(to bottom, black 0%, black 72%, transparent 100%);
}
.chara .c1 {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(1440em / var(--font-size));
  transform-origin: 80% 50%;
  opacity: 0;
}
.chara .c2 {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(1000em / var(--font-size));
  transform-origin: 20% 50%;
  opacity: 0;
}
@media screen and (max-width: 1024px) {
  .chara {
    height: calc(850em / var(--font-size));
    overflow: hidden;
    z-index: 1;
    mask-image: linear-gradient(to bottom, black 0%, black 92%, transparent 100%);
  }
  .chara .c1 {
    position: absolute;
    top: calc(269em / var(--font-size));
    left: 0;
    width: calc(375em / var(--font-size));
  }
  .chara .c2 {
    position: absolute;
    top: calc(252em / var(--font-size));
    right: 0;
    width: calc(375em / var(--font-size));
  }
  .chara .c1_sub {
    position: absolute;
    top: calc(552em / var(--font-size));
    left: calc(-9em / var(--font-size));
    width: calc(132em / var(--font-size));
    transform-origin: 80% 50%;
    opacity: 2;
    z-index: 3;
  }
}

.js-addClass {
  opacity: 0;
  transform: scale(1.5);
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.1s ease;
  transform-origin: 50% 50%;
  transition-delay: 0.8s;
}
.js-addClass.active {
  transform: scale(1);
  opacity: 1;
}
.js-addClass[data-delay="1s"] {
  transition-delay: 1s;
}

#nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
#nav nav {
  position: absolute;
  top: calc(20em / var(--font-size));
  right: calc(20em / var(--font-size));
}
#nav nav button {
  width: calc(30em / var(--font-size));
  height: calc(30em / var(--font-size));
  background-color: #333333;
}

#modal_menu {
  display: none;
}

#float {
  z-index: 100;
  position: fixed;
  bottom: 10%;
  right: calc(11em / var(--font-size));
}
#float .float-wrap {
  width: calc(275em / var(--font-size));
  height: calc(192em / var(--font-size));
  transform: translateX(110%);
  transition: transform 0.2s ease-out;
}
#float .float-inner {
  display: inline-block;
  width: calc(275em / var(--font-size));
  height: calc(192em / var(--font-size));
  background-color: #1F1D1D;
}
@media screen and (min-width: 1025px) {
  #float .float-inner {
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
    transform: scale(1);
    will-change: transform;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) and (hover: hover) {
  #float .float-inner:hover {
    transform: scale(1.1);
  }
}
#float .time {
  height: calc(46em / var(--font-size));
}
#float .time .time-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*
    * nowrap(初期値) : 子要素を折り返しせず、一行に並べる
    * wrap : 子要素を折り返し、複数行に上から下へ並べる
    * wrap-reverse : 子要素を折り返し、複数行に下から上へ並べる
    */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#float .time .time-contents .time-text {
  position: relative;
  display: block;
}
#float .time .time-contents .time-text:before {
  content: "";
  display: block;
  padding: calc(14 / 72 * 100%) calc(0 / 72 * 100%) calc(0 / 72 * 100%) calc(0 / 72 * 100%);
}
#float .time .time-contents .time-text > img, #float .time .time-contents .time-text > picture, #float .time .time-contents .time-text > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#float .time .time-contents .time-text > svg {
  height: auto;
}
#float .time .time-contents .time-text {
  width: calc(72em / var(--font-size));
  flex-shrink: 0;
  margin-right: calc(25em / var(--font-size));
}
#float .time .time-contents .timer-num {
  margin-top: calc(4em / var(--font-size));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  /*
    * nowrap(初期値) : 子要素を折り返しせず、一行に並べる
    * wrap : 子要素を折り返し、複数行に上から下へ並べる
    * wrap-reverse : 子要素を折り返し、複数行に下から上へ並べる
    */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#float .time .time-contents .timer-num div {
  display: inline-block;
  width: calc(20em / var(--font-size));
  height: calc(39em / var(--font-size));
  background-position: 0 0;
  background-size: calc(240em / var(--font-size) / 1) calc(40em / var(--font-size) / 1);
}
#float .time .time-contents .timer-num div.colon {
  background-size: contain;
  width: calc(10em / var(--font-size));
  height: calc(39em / var(--font-size));
}
#float .time .time-contents .timer-num div[data-num="0"] {
  background-position: calc(-216em / var(--font-size) / 1) 0;
}
#float .time .time-contents .timer-num div[data-num="1"] {
  background-position: calc(-3em / var(--font-size) / 1) 0;
}
#float .time .time-contents .timer-num div[data-num="2"] {
  background-position: calc(-26em / var(--font-size) / 1) 0;
}
#float .time .time-contents .timer-num div[data-num="3"] {
  background-position: calc(-51em / var(--font-size) / 1) 0;
}
#float .time .time-contents .timer-num div[data-num="4"] {
  background-position: calc(-74em / var(--font-size) / 1) 0;
}
#float .time .time-contents .timer-num div[data-num="5"] {
  background-position: calc(-98em / var(--font-size) / 1) 0;
}
#float .time .time-contents .timer-num div[data-num="6"] {
  background-position: calc(-121em / var(--font-size) / 1) 0;
}
#float .time .time-contents .timer-num div[data-num="7"] {
  background-position: calc(-144em / var(--font-size) / 1) 0;
}
#float .time .time-contents .timer-num div[data-num="8"] {
  background-position: calc(-170em / var(--font-size) / 1) 0;
}
#float .time .time-contents .timer-num div[data-num="9"] {
  background-position: calc(-195em / var(--font-size) / 1) 0;
}
#float .time .ready {
  height: calc(46em / var(--font-size));
  overflow: hidden;
  transition: height 0.3s ease-out;
  transition-delay: 0s;
}
#float .time .end {
  height: calc(0em / var(--font-size));
  overflow: hidden;
  transition: height 0.3s ease-out;
  transition-delay: 0s;
}
#float.active .time .ready {
  height: calc(0em / var(--font-size));
  transition-delay: 0s;
}
#float.active .time .end {
  height: calc(46em / var(--font-size));
  transition-delay: 0s;
}
#float .anchor {
  position: relative;
  display: block;
}
#float .anchor:before {
  content: "";
  display: block;
  padding: calc(19 / 84 * 100%) calc(0 / 84 * 100%) calc(0 / 84 * 100%) calc(0 / 84 * 100%);
}
#float .anchor > img, #float .anchor > picture, #float .anchor > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#float .anchor > svg {
  height: auto;
}
#float .anchor {
  width: calc(84em / var(--font-size));
  margin: calc(3em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
}
#float.visible .float-wrap {
  transform: translateX(0%);
}
#float.hide .float-wrap {
  transform: translateX(110%) !important;
}
@media screen and (max-width: 1024px) {
  #float {
    position: relative;
    margin: calc(0 / var(--windowWidth) * 100%) auto;
    width: calc(275em / var(--font-size));
    right: auto;
  }
  #float .float-wrap {
    transform: translateX(0%);
  }
}

#mainVisual {
  height: calc(1210em / var(--font-size));
}
#mainVisual .logo {
  position: relative;
  z-index: 2;
  position: relative;
  display: block;
}
#mainVisual .logo:before {
  content: "";
  display: block;
  padding: calc(245 / 547 * 100%) calc(0 / 547 * 100%) calc(0 / 547 * 100%) calc(0 / 547 * 100%);
}
#mainVisual .logo > img, #mainVisual .logo > picture, #mainVisual .logo > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#mainVisual .logo > svg {
  height: auto;
}
#mainVisual .logo {
  width: calc(547em / var(--font-size));
  position: absolute;
  top: calc(17em / var(--font-size));
  left: 50%;
  margin-left: calc(-273.5em / var(--font-size));
  opacity: 0;
}
#mainVisual .title {
  position: relative;
  z-index: 2;
  width: calc(659em / var(--font-size));
  height: calc(557em / var(--font-size));
  margin: calc(0 / var(--windowWidth) * 100%) auto calc(0 / var(--windowWidth) * 100%);
  padding-top: calc(140em / var(--font-size));
  filter: drop-shadow(0px 3px 58px rgba(0, 0, 0, 0.46));
  transform: translateZ(0);
  box-sizing: content-box;
  opacity: 0;
}
#mainVisual .text {
  position: relative;
  z-index: 2;
  position: relative;
  display: block;
}
#mainVisual .text:before {
  content: "";
  display: block;
  padding: calc(460 / 798 * 100%) calc(0 / 798 * 100%) calc(0 / 798 * 100%) calc(0 / 798 * 100%);
}
#mainVisual .text > img, #mainVisual .text > picture, #mainVisual .text > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#mainVisual .text > svg {
  height: auto;
}
#mainVisual .text {
  width: calc(399em / var(--font-size));
  margin: calc(36em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
  opacity: 0;
}
@media screen and (max-width: 1024px) {
  #mainVisual {
    height: calc(810em / var(--font-size));
  }
  #mainVisual .logo {
    z-index: 2;
    width: calc(344em / var(--font-size));
    position: absolute;
    top: calc(-30em / var(--font-size));
    left: 50%;
    margin-left: calc(-172em / var(--font-size));
  }
  #mainVisual .title {
    position: relative;
    z-index: 2;
    width: calc(292em / var(--font-size));
    height: calc(248em / var(--font-size));
    margin: calc(0 / var(--windowWidth) * 100%) auto calc(0 / var(--windowWidth) * 100%);
    padding-top: calc(71em / var(--font-size));
  }
  #mainVisual .text {
    position: relative;
    z-index: 2;
    position: relative;
    display: block;
  }
  #mainVisual .text:before {
    content: "";
    display: block;
    padding: calc(460 / 798 * 100%) calc(0 / 798 * 100%) calc(0 / 798 * 100%) calc(0 / 798 * 100%);
  }
  #mainVisual .text > img, #mainVisual .text > picture, #mainVisual .text > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #mainVisual .text > svg {
    height: auto;
  }
  #mainVisual .text {
    width: calc(302.62em / var(--font-size));
    margin: calc(293em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
  }
}

#statement {
  padding-top: calc(168em / var(--font-size));
}
#statement .text {
  text-align: center;
}
#statement .text p {
  font-size: calc(42em / var(--font-size) + 0em);
  line-height: 1.8333333333em;
  letter-spacing: 0em;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  #statement {
    padding-top: calc(82em / var(--font-size));
  }
  #statement .text {
    text-align: center;
  }
  #statement .text p {
    font-size: calc(19em / var(--font-size) + 0em);
    line-height: 1.7894736842em;
    letter-spacing: 0em;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.02em;
  }
}

#slider {
  padding-top: calc(245em / var(--font-size));
}
#slider .title .t1 {
  display: block;
  width: calc(672em / var(--font-size));
  height: calc(45em / var(--font-size));
  margin: calc(0 / var(--windowWidth) * 100%) auto;
  position: relative;
}
#slider .title .t1 .t1_1 {
  position: relative;
  display: block;
}
#slider .title .t1 .t1_1:before {
  content: "";
  display: block;
  padding: calc(45 / 672 * 100%) calc(0 / 672 * 100%) calc(0 / 672 * 100%) calc(0 / 672 * 100%);
}
#slider .title .t1 .t1_1 > img, #slider .title .t1 .t1_1 > picture, #slider .title .t1 .t1_1 > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#slider .title .t1 .t1_1 > svg {
  height: auto;
}
#slider .title .t1 .t1_1 {
  width: calc(672em / var(--font-size));
  position: absolute;
}
#slider .title .t1 .t1_em {
  position: relative;
  display: block;
}
#slider .title .t1 .t1_em:before {
  content: "";
  display: block;
  padding: calc(200 / 577 * 100%) calc(0 / 577 * 100%) calc(0 / 577 * 100%) calc(0 / 577 * 100%);
}
#slider .title .t1 .t1_em > img, #slider .title .t1 .t1_em > picture, #slider .title .t1 .t1_em > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#slider .title .t1 .t1_em > svg {
  height: auto;
}
#slider .title .t1 .t1_em {
  width: calc(288.5em / var(--font-size));
  left: calc(195em / var(--font-size));
  top: calc(-52em / var(--font-size));
}
#slider .title .t2 {
  position: relative;
  display: block;
}
#slider .title .t2:before {
  content: "";
  display: block;
  padding: calc(32 / 542 * 100%) calc(0 / 542 * 100%) calc(0 / 542 * 100%) calc(0 / 542 * 100%);
}
#slider .title .t2 > img, #slider .title .t2 > picture, #slider .title .t2 > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#slider .title .t2 > svg {
  height: auto;
}
#slider .title .t2 {
  width: calc(1098em / var(--font-size));
  margin: calc(20em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
}
#slider .swiper {
  width: calc(446em / var(--font-size));
  height: calc(625em / var(--font-size));
  overflow: visible;
  margin: calc(54em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
}
#slider .swiper .swiper-slide {
  box-shadow: calc(18em / var(--font-size)) calc(18em / var(--font-size)) 0 rgba(0, 0, 0, 0.25);
  transform: translateZ(0);
}
#slider .swiper .swiper-slide .swiper-container {
  width: 100%;
  height: 100%;
  border: solid 10px #000;
}
#slider .swiper .swiper-slide .swiper-container .image {
  width: 100%;
  height: 100%;
  background-size: cover;
}
#slider .swiper .swiper-button-prev,
#slider .swiper .swiper-button-next {
  width: calc(139em / var(--font-size));
  height: calc(207em / var(--font-size));
  top: calc(223em / var(--font-size));
}
@media screen and (min-width: 1025px) {
  #slider .swiper .swiper-button-prev,
  #slider .swiper .swiper-button-next {
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
    transform: scale(1);
    will-change: transform;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) and (hover: hover) {
  #slider .swiper .swiper-button-prev:hover,
  #slider .swiper .swiper-button-next:hover {
    transform: scale(1.1);
  }
}
#slider .swiper .swiper-button-prev {
  left: calc(-294em / var(--font-size));
}
#slider .swiper .swiper-button-next {
  right: calc(-294em / var(--font-size));
}
#slider .swiper .swiper-button-prev::after,
#slider .swiper .swiper-button-next::after {
  bottom: 0;
  content: "";
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 0;
}
#slider .bottom {
  position: relative;
  width: calc(406em / var(--font-size));
  margin: calc(30em / var(--font-size)) auto;
}
#slider .bottom .share {
  display: block;
  box-shadow: calc(12em / var(--font-size)) calc(12em / var(--font-size)) 0 rgba(0, 0, 0, 0.25);
  position: relative;
  display: block;
}
#slider .bottom .share:before {
  content: "";
  display: block;
  padding: calc(104 / 406 * 100%) calc(0 / 406 * 100%) calc(0 / 406 * 100%) calc(0 / 406 * 100%);
}
#slider .bottom .share > img, #slider .bottom .share > picture, #slider .bottom .share > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#slider .bottom .share > svg {
  height: auto;
}
#slider .bottom .share {
  width: calc(406em / var(--font-size));
}
@media screen and (min-width: 1025px) {
  #slider .bottom .share picture {
    transition: transform 0.03s ease-in-out;
  }
  #slider .bottom .share picture:hover {
    transform: translate(calc(12em / var(--font-size)), calc(12em / var(--font-size)));
    box-shadow: calc(0em / var(--font-size)) calc(0em / var(--font-size)) 0 rgba(0, 0, 0, 0.25);
  }
}
#slider .bottom .balloon {
  position: relative;
  display: block;
}
#slider .bottom .balloon:before {
  content: "";
  display: block;
  padding: calc(192 / 192 * 100%) calc(0 / 192 * 100%) calc(0 / 192 * 100%) calc(0 / 192 * 100%);
}
#slider .bottom .balloon > img, #slider .bottom .balloon > picture, #slider .bottom .balloon > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#slider .bottom .balloon > svg {
  height: auto;
}
#slider .bottom .balloon {
  width: calc(192em / var(--font-size));
  position: absolute;
  top: calc(-77em / var(--font-size));
  left: calc(-192em / var(--font-size));
  pointer-events: none;
}
#slider .place .text {
  position: relative;
  display: block;
}
#slider .place .text:before {
  content: "";
  display: block;
  padding: calc(70 / 680 * 100%) calc(0 / 680 * 100%) calc(0 / 680 * 100%) calc(0 / 680 * 100%);
}
#slider .place .text > img, #slider .place .text > picture, #slider .place .text > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#slider .place .text > svg {
  height: auto;
}
#slider .place .text {
  width: calc(680em / var(--font-size));
  margin: calc(50em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
}
#slider .place .note {
  margin-top: calc(20em / var(--font-size));
}
#slider .place .note p {
  font-size: calc(14em / var(--font-size) + 0em);
  line-height: 1.9285714286em;
  letter-spacing: 0em;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
  #slider {
    padding-top: calc(70em / var(--font-size));
  }
  #slider .title .t1 {
    display: block;
    width: calc(301em / var(--font-size));
    height: calc(94em / var(--font-size));
    margin: calc(0 / var(--windowWidth) * 100%) auto;
    position: relative;
  }
  #slider .title .t1 .t1_1 {
    position: relative;
    display: block;
  }
  #slider .title .t1 .t1_1:before {
    content: "";
    display: block;
    padding: calc(94 / 672 * 100%) calc(0 / 672 * 100%) calc(0 / 672 * 100%) calc(0 / 672 * 100%);
  }
  #slider .title .t1 .t1_1 > img, #slider .title .t1 .t1_1 > picture, #slider .title .t1 .t1_1 > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #slider .title .t1 .t1_1 > svg {
    height: auto;
  }
  #slider .title .t1 .t1_1 {
    width: calc(301em / var(--font-size));
    position: absolute;
  }
  #slider .title .t1 .t1_em {
    position: relative;
    display: block;
  }
  #slider .title .t1 .t1_em:before {
    content: "";
    display: block;
    padding: calc(44 / 129 * 100%) calc(0 / 129 * 100%) calc(0 / 129 * 100%) calc(0 / 129 * 100%);
  }
  #slider .title .t1 .t1_em > img, #slider .title .t1 .t1_em > picture, #slider .title .t1 .t1_em > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #slider .title .t1 .t1_em > svg {
    height: auto;
  }
  #slider .title .t1 .t1_em {
    width: calc(189em / var(--font-size));
    left: calc(0em / var(--font-size));
    top: calc(33em / var(--font-size));
  }
  #slider .title .t2 {
    position: relative;
    display: block;
  }
  #slider .title .t2:before {
    content: "";
    display: block;
    padding: calc(32 / 542 * 100%) calc(0 / 542 * 100%) calc(0 / 542 * 100%) calc(0 / 542 * 100%);
  }
  #slider .title .t2 > img, #slider .title .t2 > picture, #slider .title .t2 > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #slider .title .t2 > svg {
    height: auto;
  }
  #slider .title .t2 {
    width: calc(330em / var(--font-size));
    margin: calc(9em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
  }
  #slider .swiper {
    width: calc(240em / var(--font-size));
    height: calc(339em / var(--font-size));
    overflow: visible;
    margin: calc(30em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
  }
  #slider .swiper .swiper-slide {
    box-shadow: calc(8em / var(--font-size)) calc(8em / var(--font-size)) 0 rgba(0, 0, 0, 0.25);
  }
  #slider .swiper .swiper-slide .swiper-container {
    width: 100%;
    height: 100%;
    border: solid 8px #000;
  }
  #slider .swiper .swiper-slide .swiper-container .image {
    width: 100%;
    height: 100%;
    background-size: cover;
  }
  #slider .swiper .swiper-button-prev,
  #slider .swiper .swiper-button-next {
    width: calc(40em / var(--font-size));
    height: calc(60em / var(--font-size));
    top: calc(156em / var(--font-size));
  }
  #slider .swiper .swiper-button-prev {
    left: calc(-58em / var(--font-size));
  }
  #slider .swiper .swiper-button-next {
    right: calc(-58em / var(--font-size));
  }
  #slider .swiper .swiper-button-prev::after,
  #slider .swiper .swiper-button-next::after {
    bottom: 0;
    content: "";
    height: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 0;
  }
  #slider .bottom {
    position: relative;
    width: 100%;
    margin: calc(20em / var(--font-size)) auto;
  }
  #slider .bottom .share {
    display: block;
    margin: calc(15em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
    box-shadow: calc(7em / var(--font-size)) calc(8em / var(--font-size)) 0 rgba(0, 0, 0, 0.25);
    position: relative;
    display: block;
  }
  #slider .bottom .share:before {
    content: "";
    display: block;
    padding: calc(66 / 257 * 100%) calc(0 / 257 * 100%) calc(0 / 257 * 100%) calc(0 / 257 * 100%);
  }
  #slider .bottom .share > img, #slider .bottom .share > picture, #slider .bottom .share > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #slider .bottom .share > svg {
    height: auto;
  }
  #slider .bottom .share {
    width: calc(257em / var(--font-size));
  }
  #slider .bottom .balloon {
    position: relative;
    display: block;
  }
  #slider .bottom .balloon:before {
    content: "";
    display: block;
    padding: calc(192 / 192 * 100%) calc(0 / 192 * 100%) calc(0 / 192 * 100%) calc(0 / 192 * 100%);
  }
  #slider .bottom .balloon > img, #slider .bottom .balloon > picture, #slider .bottom .balloon > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #slider .bottom .balloon > svg {
    height: auto;
  }
  #slider .bottom .balloon {
    width: calc(121em / var(--font-size));
    position: absolute;
    top: calc(-77em / var(--font-size));
    left: calc(0em / var(--font-size));
    pointer-events: none;
    z-index: 2;
  }
  #slider .place .text {
    position: relative;
    display: block;
  }
  #slider .place .text:before {
    content: "";
    display: block;
    padding: calc(202 / 326 * 100%) calc(0 / 326 * 100%) calc(0 / 326 * 100%) calc(0 / 326 * 100%);
  }
  #slider .place .text > img, #slider .place .text > picture, #slider .place .text > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #slider .place .text > svg {
    height: auto;
  }
  #slider .place .text {
    width: calc(326em / var(--font-size));
    margin: calc(50em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
  }
  #slider .place .note {
    width: calc(320em / var(--font-size));
    margin: calc(26em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
  }
  #slider .place .note p {
    font-size: calc(14em / var(--font-size) + 0em);
    line-height: 1.9285714286em;
    letter-spacing: 0em;
    color: #fff;
    text-align: left;
    font-weight: bold;
  }
  #slider .place .note p span {
    display: inline-block;
    text-indent: -1em;
    padding-left: 1em;
  }
}

.popup {
  position: absolute;
  z-index: 10;
  filter: drop-shadow(19px 16px 0px rgba(0, 0, 0, 0.25));
  transform: translateZ(0);
}
.popup .title {
  transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  transition-delay: 0.2s;
  opacity: 0;
  z-index: 2;
  transform: translateX(100%);
  will-change: transform, opacity;
}
.popup .i1 {
  opacity: 0;
  transform: translateX(-100%);
  will-change: transform, opacity;
}
.popup .i2 {
  opacity: 0;
  transform: translateX(100%);
  will-change: transform, opacity;
}
@media screen and (min-width: 1025px) {
  .popup:hover .i1 {
    animation: shake1 0.4s ease-out forwards;
  }
  .popup:hover .i2 {
    animation: shake2 0.4s ease-out forwards;
  }
}
@keyframes shake1 {
  0% {
    transform: translateX(0) rotate(0);
  }
  25% {
    transform: translateX(-2rem) rotate(-2deg);
  }
  50% {
    transform: translateX(1rem) rotate(2deg);
  }
  75% {
    transform: translateX(-1rem) rotate(-1deg);
  }
  100% {
    transform: translateX(0) rotate(0);
  }
}
@keyframes shake2 {
  0% {
    transform: translateX(0) rotate(0);
  }
  25% {
    transform: translateX(2rem) rotate(-2deg);
  }
  50% {
    transform: translateX(-1rem) rotate(2deg);
  }
  75% {
    transform: translateX(1rem) rotate(-1deg);
  }
  100% {
    transform: translateX(0) rotate(0);
  }
}
.popup.active .title {
  transform: translateX(0%);
  opacity: 1;
}
.popup.active .i1 {
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  transition-delay: 0.7s;
  opacity: 1;
  transform: translateX(0%);
}
.popup.active .i2 {
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  transition-delay: 0.7s;
  opacity: 1;
  transform: translateX(0%);
}
.popup.tokucha {
  width: calc(183em / var(--font-size));
  height: calc(440em / var(--font-size));
  top: calc(-472em / var(--font-size));
  right: calc(75em / var(--font-size));
}
.popup.tokucha .title {
  position: relative;
  display: block;
}
.popup.tokucha .title:before {
  content: "";
  display: block;
  padding: calc(171 / 174 * 100%) calc(0 / 174 * 100%) calc(0 / 174 * 100%) calc(0 / 174 * 100%);
}
.popup.tokucha .title > img, .popup.tokucha .title > picture, .popup.tokucha .title > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.popup.tokucha .title > svg {
  height: auto;
}
.popup.tokucha .title {
  width: calc(174em / var(--font-size));
  position: absolute;
  top: calc(0em / var(--font-size));
  left: calc(0em / var(--font-size));
}
.popup.tokucha .i1 {
  position: relative;
  display: block;
}
.popup.tokucha .i1:before {
  content: "";
  display: block;
  padding: calc(292 / 82 * 100%) calc(0 / 82 * 100%) calc(0 / 82 * 100%) calc(0 / 82 * 100%);
}
.popup.tokucha .i1 > img, .popup.tokucha .i1 > picture, .popup.tokucha .i1 > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.popup.tokucha .i1 > svg {
  height: auto;
}
.popup.tokucha .i1 {
  width: calc(82em / var(--font-size));
  position: absolute;
  top: calc(145em / var(--font-size));
  left: calc(0em / var(--font-size));
}
.popup.tokucha .i2 {
  position: relative;
  display: block;
}
.popup.tokucha .i2:before {
  content: "";
  display: block;
  padding: calc(292 / 82 * 100%) calc(0 / 82 * 100%) calc(0 / 82 * 100%) calc(0 / 82 * 100%);
}
.popup.tokucha .i2 > img, .popup.tokucha .i2 > picture, .popup.tokucha .i2 > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.popup.tokucha .i2 > svg {
  height: auto;
}
.popup.tokucha .i2 {
  width: calc(82em / var(--font-size));
  position: absolute;
  top: calc(146em / var(--font-size));
  left: calc(89em / var(--font-size));
}
.popup.zespri {
  width: calc(336em / var(--font-size));
  height: calc(386em / var(--font-size));
  top: calc(-70em / var(--font-size));
  left: calc(22em / var(--font-size));
}
.popup.zespri .title {
  transform: translateX(-100%);
}
.popup.zespri.active .title {
  transform: translateX(0%);
}
.popup.zespri .title {
  position: relative;
  display: block;
}
.popup.zespri .title:before {
  content: "";
  display: block;
  padding: calc(143 / 189 * 100%) calc(0 / 189 * 100%) calc(0 / 189 * 100%) calc(0 / 189 * 100%);
}
.popup.zespri .title > img, .popup.zespri .title > picture, .popup.zespri .title > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.popup.zespri .title > svg {
  height: auto;
}
.popup.zespri .title {
  width: calc(189em / var(--font-size));
  position: absolute;
  top: calc(0em / var(--font-size));
  left: calc(76em / var(--font-size));
}
.popup.zespri .i1 {
  position: relative;
  display: block;
}
.popup.zespri .i1:before {
  content: "";
  display: block;
  padding: calc(581 / 462 * 100%) calc(0 / 462 * 100%) calc(0 / 462 * 100%) calc(0 / 462 * 100%);
}
.popup.zespri .i1 > img, .popup.zespri .i1 > picture, .popup.zespri .i1 > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.popup.zespri .i1 > svg {
  height: auto;
}
.popup.zespri .i1 {
  width: calc(231em / var(--font-size));
  position: absolute;
  top: calc(120em / var(--font-size));
  left: calc(-20em / var(--font-size));
}
.popup.zespri .i2 {
  position: relative;
  display: block;
}
.popup.zespri .i2:before {
  content: "";
  display: block;
  padding: calc(527 / 425 * 100%) calc(0 / 425 * 100%) calc(0 / 425 * 100%) calc(0 / 425 * 100%);
}
.popup.zespri .i2 > img, .popup.zespri .i2 > picture, .popup.zespri .i2 > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.popup.zespri .i2 > svg {
  height: auto;
}
.popup.zespri .i2 {
  width: calc(212.5em / var(--font-size));
  position: absolute;
  top: calc(130em / var(--font-size));
  left: calc(140em / var(--font-size));
}
.popup.ichikabachika {
  width: calc(461em / var(--font-size));
  height: calc(381em / var(--font-size));
  top: calc(0em / var(--font-size));
  right: calc(0em / var(--font-size));
}
.popup.ichikabachika .title {
  position: relative;
  display: block;
}
.popup.ichikabachika .title:before {
  content: "";
  display: block;
  padding: calc(146 / 165 * 100%) calc(0 / 165 * 100%) calc(0 / 165 * 100%) calc(0 / 165 * 100%);
}
.popup.ichikabachika .title > img, .popup.ichikabachika .title > picture, .popup.ichikabachika .title > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.popup.ichikabachika .title > svg {
  height: auto;
}
.popup.ichikabachika .title {
  width: calc(165em / var(--font-size));
  position: absolute;
  top: calc(236em / var(--font-size));
  left: calc(167em / var(--font-size));
}
.popup.ichikabachika .i1 {
  position: relative;
  display: block;
}
.popup.ichikabachika .i1:before {
  content: "";
  display: block;
  padding: calc(630 / 1516 * 100%) calc(0 / 1516 * 100%) calc(0 / 1516 * 100%) calc(0 / 1516 * 100%);
}
.popup.ichikabachika .i1 > img, .popup.ichikabachika .i1 > picture, .popup.ichikabachika .i1 > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.popup.ichikabachika .i1 > svg {
  height: auto;
}
.popup.ichikabachika .i1 {
  width: calc(758em / var(--font-size));
  position: absolute;
  top: calc(47em / var(--font-size));
  left: calc(-216em / var(--font-size));
  pointer-events: none;
}
.popup.ichikabachika .i2 {
  position: relative;
  display: block;
}
.popup.ichikabachika .i2:before {
  content: "";
  display: block;
  padding: calc(722 / 681 * 100%) calc(0 / 681 * 100%) calc(0 / 681 * 100%) calc(0 / 681 * 100%);
}
.popup.ichikabachika .i2 > img, .popup.ichikabachika .i2 > picture, .popup.ichikabachika .i2 > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.popup.ichikabachika .i2 > svg {
  height: auto;
}
.popup.ichikabachika .i2 {
  width: calc(340.5em / var(--font-size));
  position: absolute;
  top: calc(0em / var(--font-size));
  left: calc(133em / var(--font-size));
  pointer-events: none;
}
.popup.pinopalm {
  width: calc(481em / var(--font-size));
  height: calc(312em / var(--font-size));
  bottom: calc(-80em / var(--font-size));
  right: calc(60em / var(--font-size));
}
.popup.pinopalm .title {
  position: relative;
  display: block;
}
.popup.pinopalm .title:before {
  content: "";
  display: block;
  padding: calc(146 / 165 * 100%) calc(0 / 165 * 100%) calc(0 / 165 * 100%) calc(0 / 165 * 100%);
}
.popup.pinopalm .title > img, .popup.pinopalm .title > picture, .popup.pinopalm .title > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.popup.pinopalm .title > svg {
  height: auto;
}
.popup.pinopalm .title {
  width: calc(165em / var(--font-size));
  position: absolute;
  top: calc(0em / var(--font-size));
  left: calc(179em / var(--font-size));
}
.popup.pinopalm .i1 {
  position: relative;
  display: block;
}
.popup.pinopalm .i1:before {
  content: "";
  display: block;
  padding: calc(440 / 521 * 100%) calc(0 / 521 * 100%) calc(0 / 521 * 100%) calc(0 / 521 * 100%);
}
.popup.pinopalm .i1 > img, .popup.pinopalm .i1 > picture, .popup.pinopalm .i1 > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.popup.pinopalm .i1 > svg {
  height: auto;
}
.popup.pinopalm .i1 {
  width: calc(260.5em / var(--font-size));
  position: absolute;
  top: calc(28em / var(--font-size));
  left: calc(0em / var(--font-size));
}
.popup.pinopalm .i2 {
  position: relative;
  display: block;
}
.popup.pinopalm .i2:before {
  content: "";
  display: block;
  padding: calc(424 / 410 * 100%) calc(0 / 410 * 100%) calc(0 / 410 * 100%) calc(0 / 410 * 100%);
}
.popup.pinopalm .i2 > img, .popup.pinopalm .i2 > picture, .popup.pinopalm .i2 > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.popup.pinopalm .i2 > svg {
  height: auto;
}
.popup.pinopalm .i2 {
  width: calc(205em / var(--font-size));
  position: absolute;
  top: calc(101em / var(--font-size));
  left: calc(266em / var(--font-size));
}
.popup.donkatsu {
  width: calc(474em / var(--font-size));
  height: calc(175em / var(--font-size));
  bottom: 0;
  left: calc(-5em / var(--font-size));
}
.popup.donkatsu .title {
  transform: translateX(-100%);
}
.popup.donkatsu.active .title {
  transform: translateX(0%);
}
.popup.donkatsu .title {
  position: relative;
  display: block;
}
.popup.donkatsu .title:before {
  content: "";
  display: block;
  padding: calc(341 / 352 * 100%) calc(0 / 352 * 100%) calc(0 / 352 * 100%) calc(0 / 352 * 100%);
}
.popup.donkatsu .title > img, .popup.donkatsu .title > picture, .popup.donkatsu .title > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.popup.donkatsu .title > svg {
  height: auto;
}
.popup.donkatsu .title {
  width: calc(176em / var(--font-size));
  position: absolute;
  top: calc(0em / var(--font-size));
  left: calc(143em / var(--font-size));
}
.popup.donkatsu .i1 {
  position: relative;
  display: block;
}
.popup.donkatsu .i1:before {
  content: "";
  display: block;
  padding: calc(303 / 350 * 100%) calc(0 / 350 * 100%) calc(0 / 350 * 100%) calc(0 / 350 * 100%);
}
.popup.donkatsu .i1 > img, .popup.donkatsu .i1 > picture, .popup.donkatsu .i1 > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.popup.donkatsu .i1 > svg {
  height: auto;
}
.popup.donkatsu .i1 {
  width: calc(175em / var(--font-size));
  position: absolute;
  top: calc(30em / var(--font-size));
  left: calc(0em / var(--font-size));
}
.popup.donkatsu .i2 {
  position: relative;
  display: block;
}
.popup.donkatsu .i2:before {
  content: "";
  display: block;
  padding: calc(329 / 370 * 100%) calc(0 / 370 * 100%) calc(0 / 370 * 100%) calc(0 / 370 * 100%);
}
.popup.donkatsu .i2 > img, .popup.donkatsu .i2 > picture, .popup.donkatsu .i2 > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.popup.donkatsu .i2 > svg {
  height: auto;
}
.popup.donkatsu .i2 {
  width: calc(185em / var(--font-size));
  position: absolute;
  top: calc(0em / var(--font-size));
  left: calc(288em / var(--font-size));
}
@media screen and (max-width: 1024px) {
  .popup {
    filter: drop-shadow(8px 7px 0px rgba(0, 0, 0, 0.25));
    transform: translateZ(0);
  }
  .popup.tokucha {
    width: calc(124em / var(--font-size));
    height: calc(198em / var(--font-size));
    top: calc(152em / var(--font-size));
    left: calc(0em / var(--font-size));
    right: auto;
  }
  .popup.tokucha .title {
    transform: translateX(-100%);
  }
  .popup.tokucha.active .title {
    transform: translateX(0%);
  }
  .popup.tokucha.active .i1 {
    transform: translateX(0%);
  }
  .popup.tokucha.active .i2 {
    transform: translateX(0%);
  }
  .popup.tokucha .title {
    position: relative;
    display: block;
  }
  .popup.tokucha .title:before {
    content: "";
    display: block;
    padding: calc(171 / 174 * 100%) calc(0 / 174 * 100%) calc(0 / 174 * 100%) calc(0 / 174 * 100%);
  }
  .popup.tokucha .title > img, .popup.tokucha .title > picture, .popup.tokucha .title > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .popup.tokucha .title > svg {
    height: auto;
  }
  .popup.tokucha .title {
    width: calc(116em / var(--font-size));
    position: absolute;
    top: calc(0em / var(--font-size));
    left: calc(12em / var(--font-size));
  }
  .popup.tokucha .i1 {
    position: relative;
    display: block;
  }
  .popup.tokucha .i1:before {
    content: "";
    display: block;
    padding: calc(206 / 106 * 100%) calc(0 / 106 * 100%) calc(0 / 106 * 100%) calc(0 / 106 * 100%);
  }
  .popup.tokucha .i1 > img, .popup.tokucha .i1 > picture, .popup.tokucha .i1 > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .popup.tokucha .i1 > svg {
    height: auto;
  }
  .popup.tokucha .i1 {
    width: calc(53em / var(--font-size));
    position: absolute;
    top: calc(94em / var(--font-size));
    left: calc(37em / var(--font-size));
  }
  .popup.tokucha .i2 {
    position: relative;
    display: block;
  }
  .popup.tokucha .i2:before {
    content: "";
    display: block;
    padding: calc(206 / 106 * 100%) calc(0 / 106 * 100%) calc(0 / 106 * 100%) calc(0 / 106 * 100%);
  }
  .popup.tokucha .i2 > img, .popup.tokucha .i2 > picture, .popup.tokucha .i2 > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .popup.tokucha .i2 > svg {
    height: auto;
  }
  .popup.tokucha .i2 {
    width: calc(53em / var(--font-size));
    position: absolute;
    top: calc(89em / var(--font-size));
    left: calc(0em / var(--font-size));
    transform: translateX(-100%);
    transition-delay: 0.8s;
  }
  .popup.zespri {
    width: calc(183em / var(--font-size));
    height: calc(250em / var(--font-size));
    top: auto;
    bottom: calc(-171em / var(--font-size));
    left: calc(10em / var(--font-size));
  }
  .popup.zespri .title {
    position: relative;
    display: block;
  }
  .popup.zespri .title:before {
    content: "";
    display: block;
    padding: calc(143 / 189 * 100%) calc(0 / 189 * 100%) calc(0 / 189 * 100%) calc(0 / 189 * 100%);
  }
  .popup.zespri .title > img, .popup.zespri .title > picture, .popup.zespri .title > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .popup.zespri .title > svg {
    height: auto;
  }
  .popup.zespri .title {
    width: calc(124em / var(--font-size));
    position: absolute;
    top: calc(0em / var(--font-size));
    left: calc(14em / var(--font-size));
  }
  .popup.zespri .i1 {
    position: relative;
    display: block;
  }
  .popup.zespri .i1:before {
    content: "";
    display: block;
    padding: calc(305 / 236 * 100%) calc(0 / 236 * 100%) calc(0 / 236 * 100%) calc(0 / 236 * 100%);
  }
  .popup.zespri .i1 > img, .popup.zespri .i1 > picture, .popup.zespri .i1 > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .popup.zespri .i1 > svg {
    height: auto;
  }
  .popup.zespri .i1 {
    width: calc(118em / var(--font-size));
    position: absolute;
    top: calc(98em / var(--font-size));
    left: calc(-21em / var(--font-size));
  }
  .popup.zespri .i2 {
    position: relative;
    display: block;
  }
  .popup.zespri .i2:before {
    content: "";
    display: block;
    padding: calc(277 / 222 * 100%) calc(0 / 222 * 100%) calc(0 / 222 * 100%) calc(0 / 222 * 100%);
  }
  .popup.zespri .i2 > img, .popup.zespri .i2 > picture, .popup.zespri .i2 > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .popup.zespri .i2 > svg {
    height: auto;
  }
  .popup.zespri .i2 {
    width: calc(111em / var(--font-size));
    position: absolute;
    top: calc(92em / var(--font-size));
    left: calc(65em / var(--font-size));
  }
  .popup.ichikabachika {
    width: calc(233em / var(--font-size));
    height: calc(197em / var(--font-size));
    top: calc(125em / var(--font-size));
    right: calc(-20em / var(--font-size));
  }
  .popup.ichikabachika .title {
    position: relative;
    display: block;
  }
  .popup.ichikabachika .title:before {
    content: "";
    display: block;
    padding: calc(146 / 165 * 100%) calc(0 / 165 * 100%) calc(0 / 165 * 100%) calc(0 / 165 * 100%);
  }
  .popup.ichikabachika .title > img, .popup.ichikabachika .title > picture, .popup.ichikabachika .title > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .popup.ichikabachika .title > svg {
    height: auto;
  }
  .popup.ichikabachika .title {
    width: calc(94em / var(--font-size));
    position: absolute;
    top: calc(113em / var(--font-size));
    left: calc(93em / var(--font-size));
  }
  .popup.ichikabachika .i1 {
    position: relative;
    display: block;
  }
  .popup.ichikabachika .i1:before {
    content: "";
    display: block;
    padding: calc(327 / 708 * 100%) calc(0 / 708 * 100%) calc(0 / 708 * 100%) calc(0 / 708 * 100%);
  }
  .popup.ichikabachika .i1 > img, .popup.ichikabachika .i1 > picture, .popup.ichikabachika .i1 > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .popup.ichikabachika .i1 > svg {
    height: auto;
  }
  .popup.ichikabachika .i1 {
    width: calc(354em / var(--font-size));
    position: absolute;
    top: calc(23em / var(--font-size));
    left: calc(-114em / var(--font-size));
  }
  .popup.ichikabachika .i2 {
    position: relative;
    display: block;
  }
  .popup.ichikabachika .i2:before {
    content: "";
    display: block;
    padding: calc(375 / 340 * 100%) calc(0 / 340 * 100%) calc(0 / 340 * 100%) calc(0 / 340 * 100%);
  }
  .popup.ichikabachika .i2 > img, .popup.ichikabachika .i2 > picture, .popup.ichikabachika .i2 > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .popup.ichikabachika .i2 > svg {
    height: auto;
  }
  .popup.ichikabachika .i2 {
    width: calc(170em / var(--font-size));
    position: absolute;
    top: calc(0em / var(--font-size));
    left: calc(70em / var(--font-size));
  }
  .popup.pinopalm {
    width: calc(157em / var(--font-size));
    height: calc(139em / var(--font-size));
    top: auto;
    bottom: calc(-50em / var(--font-size));
    right: calc(0em / var(--font-size));
  }
  .popup.pinopalm .title {
    transform: translateX(100%);
  }
  .popup.pinopalm.active .title {
    transform: translateX(0%);
  }
  .popup.pinopalm .title {
    position: relative;
    display: block;
  }
  .popup.pinopalm .title:before {
    content: "";
    display: block;
    padding: calc(146 / 165 * 100%) calc(0 / 165 * 100%) calc(0 / 165 * 100%) calc(0 / 165 * 100%);
  }
  .popup.pinopalm .title > img, .popup.pinopalm .title > picture, .popup.pinopalm .title > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .popup.pinopalm .title > svg {
    height: auto;
  }
  .popup.pinopalm .title {
    width: calc(83em / var(--font-size));
    position: absolute;
    top: calc(65em / var(--font-size));
    left: calc(2em / var(--font-size));
  }
  .popup.pinopalm .i1 {
    position: relative;
    display: block;
  }
  .popup.pinopalm .i1:before {
    content: "";
    display: block;
    padding: calc(148 / 198 * 100%) calc(0 / 198 * 100%) calc(0 / 198 * 100%) calc(0 / 198 * 100%);
  }
  .popup.pinopalm .i1 > img, .popup.pinopalm .i1 > picture, .popup.pinopalm .i1 > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .popup.pinopalm .i1 > svg {
    height: auto;
  }
  .popup.pinopalm .i1 {
    width: calc(99em / var(--font-size));
    position: absolute;
    top: calc(-5em / var(--font-size));
    left: calc(23em / var(--font-size));
  }
  .popup.pinopalm .i2 {
    position: relative;
    display: block;
  }
  .popup.pinopalm .i2:before {
    content: "";
    display: block;
    padding: calc(172 / 166 * 100%) calc(0 / 166 * 100%) calc(0 / 166 * 100%) calc(0 / 166 * 100%);
  }
  .popup.pinopalm .i2 > img, .popup.pinopalm .i2 > picture, .popup.pinopalm .i2 > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .popup.pinopalm .i2 > svg {
    height: auto;
  }
  .popup.pinopalm .i2 {
    width: calc(83em / var(--font-size));
    position: absolute;
    top: calc(70em / var(--font-size));
    left: calc(80em / var(--font-size));
  }
  .popup.donkatsu {
    width: calc(173em / var(--font-size));
    height: calc(155em / var(--font-size));
    top: calc(-25em / var(--font-size));
    bottom: auto;
    left: calc(223em / var(--font-size));
  }
  .popup.donkatsu .title {
    transform: translateX(100%);
  }
  .popup.donkatsu.active .title {
    transform: translateX(0%);
  }
  .popup.donkatsu.active .i1 {
    transform: translateX(0%);
  }
  .popup.donkatsu .title {
    position: relative;
    display: block;
  }
  .popup.donkatsu .title:before {
    content: "";
    display: block;
    padding: calc(163 / 172 * 100%) calc(0 / 172 * 100%) calc(0 / 172 * 100%) calc(0 / 172 * 100%);
  }
  .popup.donkatsu .title > img, .popup.donkatsu .title > picture, .popup.donkatsu .title > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .popup.donkatsu .title > svg {
    height: auto;
  }
  .popup.donkatsu .title {
    width: calc(86em / var(--font-size));
    position: absolute;
    top: calc(45em / var(--font-size));
    left: calc(0em / var(--font-size));
  }
  .popup.donkatsu .i1 {
    position: relative;
    display: block;
  }
  .popup.donkatsu .i1:before {
    content: "";
    display: block;
    padding: calc(227 / 256 * 100%) calc(0 / 256 * 100%) calc(0 / 256 * 100%) calc(0 / 256 * 100%);
  }
  .popup.donkatsu .i1 > img, .popup.donkatsu .i1 > picture, .popup.donkatsu .i1 > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .popup.donkatsu .i1 > svg {
    height: auto;
  }
  .popup.donkatsu .i1 {
    width: calc(128em / var(--font-size));
    position: absolute;
    top: calc(0em / var(--font-size));
    left: calc(74em / var(--font-size));
    transform: translateX(100%);
    transition-delay: 0.8s;
    z-index: 2;
  }
  .popup.donkatsu .i2 {
    position: relative;
    display: block;
  }
  .popup.donkatsu .i2:before {
    content: "";
    display: block;
    padding: calc(231 / 259 * 100%) calc(0 / 259 * 100%) calc(0 / 259 * 100%) calc(0 / 259 * 100%);
  }
  .popup.donkatsu .i2 > img, .popup.donkatsu .i2 > picture, .popup.donkatsu .i2 > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .popup.donkatsu .i2 > svg {
    height: auto;
  }
  .popup.donkatsu .i2 {
    width: calc(129.5em / var(--font-size));
    position: absolute;
    top: calc(66em / var(--font-size));
    left: calc(70em / var(--font-size));
  }
}

#posts {
  padding-top: calc(313em / var(--font-size));
  z-index: 4;
}
#posts .title {
  margin-bottom: calc(40em / var(--font-size));
}
#posts .title .t1 {
  display: block;
  width: calc(473em / var(--font-size));
  height: calc(45em / var(--font-size));
  margin: calc(0 / var(--windowWidth) * 100%) auto;
  position: relative;
}
#posts .title .t1 .t1_1 {
  position: relative;
  display: block;
}
#posts .title .t1 .t1_1:before {
  content: "";
  display: block;
  padding: calc(45 / 473 * 100%) calc(0 / 473 * 100%) calc(0 / 473 * 100%) calc(0 / 473 * 100%);
}
#posts .title .t1 .t1_1 > img, #posts .title .t1 .t1_1 > picture, #posts .title .t1 .t1_1 > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#posts .title .t1 .t1_1 > svg {
  height: auto;
}
#posts .title .t1 .t1_1 {
  width: calc(473em / var(--font-size));
  position: absolute;
}
#posts .title .t1 .t1_em {
  position: relative;
  display: block;
}
#posts .title .t1 .t1_em:before {
  content: "";
  display: block;
  padding: calc(88 / 122 * 100%) calc(0 / 122 * 100%) calc(0 / 122 * 100%) calc(0 / 122 * 100%);
}
#posts .title .t1 .t1_em > img, #posts .title .t1 .t1_em > picture, #posts .title .t1 .t1_em > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#posts .title .t1 .t1_em > svg {
  height: auto;
}
#posts .title .t1 .t1_em {
  width: calc(122em / var(--font-size));
  left: calc(77em / var(--font-size));
  top: calc(-44em / var(--font-size));
}
#posts .title .t2 {
  display: block;
  width: calc(861em / var(--font-size));
  height: calc(66em / var(--font-size));
  margin: calc(30em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
  position: relative;
}
#posts .title .t2 .t2_1 {
  position: relative;
  display: block;
}
#posts .title .t2 .t2_1:before {
  content: "";
  display: block;
  padding: calc(66 / 585 * 100%) calc(0 / 585 * 100%) calc(0 / 585 * 100%) calc(0 / 585 * 100%);
}
#posts .title .t2 .t2_1 > img, #posts .title .t2 .t2_1 > picture, #posts .title .t2 .t2_1 > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#posts .title .t2 .t2_1 > svg {
  height: auto;
}
#posts .title .t2 .t2_1 {
  width: calc(585em / var(--font-size));
  position: absolute;
  left: calc(276em / var(--font-size));
}
#posts .title .t2 .t2_em {
  position: relative;
  display: block;
}
#posts .title .t2 .t2_em:before {
  content: "";
  display: block;
  padding: calc(181 / 520 * 100%) calc(0 / 520 * 100%) calc(0 / 520 * 100%) calc(0 / 520 * 100%);
}
#posts .title .t2 .t2_em > img, #posts .title .t2 .t2_em > picture, #posts .title .t2 .t2_em > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#posts .title .t2 .t2_em > svg {
  height: auto;
}
#posts .title .t2 .t2_em {
  width: calc(260em / var(--font-size));
  left: calc(0em / var(--font-size));
  top: calc(-25em / var(--font-size));
}
#posts .loop {
  width: 100%;
  height: 50px;
  background-size: auto 100%;
  background-repeat: repeat-x;
  background-position: 0 0;
}
#posts .loop.top {
  animation: bg-slider 10s linear infinite;
}
#posts .loop.bottom {
  transform: scale(-1, -1);
  animation: bg-slider 10s linear infinite;
}
@keyframes bg-slider {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 536px 0;
  }
}
#posts .block {
  position: relative;
  width: 100%;
  height: calc(520em / var(--font-size));
}
#posts .block:before, #posts .block:after {
  content: "";
  background-color: rgba(0, 0, 0, 0.25);
  height: calc(15em / var(--font-size));
  width: 100%;
  z-index: 2;
  position: absolute;
  left: 0;
}
#posts .block:before {
  top: 0;
}
#posts .block:after {
  bottom: 0;
}
#posts #tweet-wall {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: distribute;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*
    * nowrap(初期値) : 子要素を折り返しせず、一行に並べる
    * wrap : 子要素を折り返し、複数行に上から下へ並べる
    * wrap-reverse : 子要素を折り返し、複数行に下から上へ並べる
    */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: calc(1495em / var(--font-size));
  margin-left: calc(-28em / var(--font-size));
  overflow: hidden;
}
#posts #tweet-wall .tweet-column {
  width: calc(279em / var(--font-size));
  height: calc(520em / var(--font-size));
  /* ここが「カラムの高さ」 */
}
#posts #tweet-wall .tweet-column .tweet-column-inner {
  list-style: none;
  margin: 0;
  padding: 0;
  transform: translateY(0);
}
#posts #tweet-wall .tweet-column .tweet-column-inner .tweet-item {
  padding: calc(10em / var(--font-size)) calc(0 / var(--windowWidth) * 100%);
}
#posts #tweet-wall .tweet-column[data-col="0"] {
  order: 3;
}
#posts #tweet-wall .tweet-column[data-col="1"] {
  order: 4;
}
#posts #tweet-wall .tweet-column[data-col="2"] {
  order: 2;
}
#posts #tweet-wall .tweet-column[data-col="3"] {
  order: 5;
}
#posts #tweet-wall .tweet-column[data-col="4"] {
  order: 1;
}
#posts .is-reverse-inner {
  transform: scaleY(-1);
}
#posts .is-reverse-inner .post {
  transform: scaleY(1);
  transform-origin: center;
}
#posts .post {
  z-index: 2;
  display: block;
  width: calc(279em / var(--font-size));
  border: solid calc(4em / var(--font-size)) #000000;
  background-color: #fff;
  padding: calc(11em / var(--font-size));
  box-sizing: border-box;
  color: #E51D18;
  font-weight: bold;
  font-family: "Noto Sans JP", sans-serif;
  position: relative;
}
#posts .post .name span {
  font-size: calc(11em / var(--font-size) + 0em);
  line-height: 1em;
  letter-spacing: 0em;
}
#posts .post .ttl {
  margin-top: calc(10em / var(--font-size));
}
#posts .post .ttl span {
  font-size: calc(25em / var(--font-size) + 0em);
  line-height: 1em;
  letter-spacing: 0em;
  font-weight: 900;
  line-height: 1.25em;
}
#posts .post .txt {
  margin-top: calc(10em / var(--font-size));
}
#posts .post .txt p {
  font-size: calc(15em / var(--font-size) + 0em);
  line-height: 1em;
  letter-spacing: 0em;
  line-height: 1.4em;
  letter-spacing: -0.03em;
}
#posts .post .hash {
  margin-top: calc(10em / var(--font-size));
}
#posts .post .hash span {
  font-size: calc(13em / var(--font-size) + 0em);
  line-height: 1em;
  letter-spacing: 0em;
}
#posts .post .img {
  margin-top: calc(10em / var(--font-size));
}
#posts .post.short-text .txt p {
  font-size: calc(25em / var(--font-size) + 0em);
  line-height: 1em;
  letter-spacing: 0em;
  line-height: 1.4em;
  font-weight: 900;
  letter-spacing: -0.03em;
}
#posts .post.post--dummy {
  pointer-events: none;
}
@media screen and (min-width: 1025px) {
  #posts .post {
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
    transform: scale(1);
    will-change: transform;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) and (hover: hover) {
  #posts .post:hover {
    transform: scale(1.1);
  }
}
@media screen and (min-width: 1025px) {
  #posts .post:hover {
    z-index: 3;
  }
}
@media screen and (max-width: 1024px) {
  #posts {
    padding-top: calc(377em / var(--font-size));
  }
  #posts .title {
    margin-bottom: calc(24em / var(--font-size));
  }
  #posts .title .t1 {
    display: block;
    width: calc(243em / var(--font-size));
    height: calc(51em / var(--font-size));
    margin: calc(0 / var(--windowWidth) * 100%) auto;
    position: relative;
  }
  #posts .title .t1 .t1_1 {
    position: relative;
    display: block;
  }
  #posts .title .t1 .t1_1:before {
    content: "";
    display: block;
    padding: calc(45 / 473 * 100%) calc(0 / 473 * 100%) calc(0 / 473 * 100%) calc(0 / 473 * 100%);
  }
  #posts .title .t1 .t1_1 > img, #posts .title .t1 .t1_1 > picture, #posts .title .t1 .t1_1 > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #posts .title .t1 .t1_1 > svg {
    height: auto;
  }
  #posts .title .t1 .t1_1 {
    width: calc(243em / var(--font-size));
    position: absolute;
    bottom: 0;
  }
  #posts .title .t1 .t1_em {
    position: relative;
    display: block;
  }
  #posts .title .t1 .t1_em:before {
    content: "";
    display: block;
    padding: calc(88 / 122 * 100%) calc(0 / 122 * 100%) calc(0 / 122 * 100%) calc(0 / 122 * 100%);
  }
  #posts .title .t1 .t1_em > img, #posts .title .t1 .t1_em > picture, #posts .title .t1 .t1_em > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #posts .title .t1 .t1_em > svg {
    height: auto;
  }
  #posts .title .t1 .t1_em {
    width: calc(62em / var(--font-size));
    left: calc(40em / var(--font-size));
    top: calc(6em / var(--font-size));
  }
  #posts .title .t2 {
    display: block;
    width: calc(292em / var(--font-size));
    height: calc(106em / var(--font-size));
    margin: calc(34em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
    position: relative;
  }
  #posts .title .t2 .t2_1 {
    position: relative;
    display: block;
  }
  #posts .title .t2 .t2_1:before {
    content: "";
    display: block;
    padding: calc(211 / 584 * 100%) calc(0 / 584 * 100%) calc(0 / 584 * 100%) calc(0 / 584 * 100%);
  }
  #posts .title .t2 .t2_1 > img, #posts .title .t2 .t2_1 > picture, #posts .title .t2 .t2_1 > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #posts .title .t2 .t2_1 > svg {
    height: auto;
  }
  #posts .title .t2 .t2_1 {
    width: calc(292em / var(--font-size));
    position: absolute;
    left: calc(0em / var(--font-size));
  }
  #posts .title .t2 .t2_em {
    position: relative;
    display: block;
  }
  #posts .title .t2 .t2_em:before {
    content: "";
    display: block;
    padding: calc(128 / 367 * 100%) calc(0 / 367 * 100%) calc(0 / 367 * 100%) calc(0 / 367 * 100%);
  }
  #posts .title .t2 .t2_em > img, #posts .title .t2 .t2_em > picture, #posts .title .t2 .t2_em > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #posts .title .t2 .t2_em > svg {
    height: auto;
  }
  #posts .title .t2 .t2_em {
    width: calc(183.5em / var(--font-size));
    left: calc(0em / var(--font-size));
    top: calc(-15em / var(--font-size));
  }
  #posts .block {
    position: relative;
    width: 100%;
    height: calc(525em / var(--font-size));
  }
  #posts .block:before, #posts .block:after {
    content: "";
    background-color: rgba(0, 0, 0, 0.25);
    height: calc(15em / var(--font-size));
    width: 100%;
    z-index: 2;
    position: absolute;
    left: 0;
  }
  #posts .block:before {
    top: 0;
  }
  #posts .block:after {
    bottom: 0;
  }
  #posts #tweet-wall {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: distribute;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*
      * nowrap(初期値) : 子要素を折り返しせず、一行に並べる
      * wrap : 子要素を折り返し、複数行に上から下へ並べる
      * wrap-reverse : 子要素を折り返し、複数行に下から上へ並べる
      */
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    margin-left: calc(0em / var(--font-size));
    overflow: hidden;
  }
  #posts #tweet-wall .tweet-column {
    width: calc(341em / var(--font-size));
    height: calc(525em / var(--font-size));
    /* ここが「カラムの高さ」 */
  }
  #posts #tweet-wall .tweet-column:nth-child(n+2) {
    display: none;
  }
  #posts #tweet-wall .tweet-column .tweet-column-inner {
    list-style: none;
    margin: 0;
    padding: 0;
    transform: translateY(0);
  }
  #posts #tweet-wall .tweet-column .tweet-column-inner .tweet-item {
    padding: calc(7em / var(--font-size)) calc(0 / var(--windowWidth) * 100%);
  }
  #posts .post {
    width: calc(341em / var(--font-size));
    border: solid calc(4em / var(--font-size)) #000000;
    background-color: #fff;
    padding: calc(25em / var(--font-size)) calc(23em / var(--font-size));
    box-sizing: border-box;
    color: #E51D18;
    font-weight: bold;
    font-family: "Noto Sans JP", sans-serif;
  }
  #posts .post .name span {
    font-size: calc(11em / var(--font-size) + 0em);
    line-height: 1em;
    letter-spacing: 0em;
  }
  #posts .post .ttl {
    margin-top: calc(10em / var(--font-size));
  }
  #posts .post .ttl span {
    font-size: calc(25em / var(--font-size) + 0em);
    line-height: 1em;
    letter-spacing: 0em;
    font-weight: 900;
    line-height: 1.25em;
  }
  #posts .post .txt {
    margin-top: calc(10em / var(--font-size));
  }
  #posts .post .txt p {
    font-size: calc(15em / var(--font-size) + 0em);
    line-height: 1em;
    letter-spacing: 0em;
    line-height: 1.4em;
  }
  #posts .post .hash {
    margin-top: calc(10em / var(--font-size));
  }
  #posts .post .hash span {
    font-size: calc(13em / var(--font-size) + 0em);
    line-height: 1em;
    letter-spacing: 0em;
  }
  #posts .post .img {
    margin-top: calc(10em / var(--font-size));
  }
}

#link {
  padding-top: calc(220em / var(--font-size));
  padding-bottom: calc(25em / var(--font-size));
}
#link .title {
  margin: calc(0 / var(--windowWidth) * 100%) auto;
  width: calc(487.5em / var(--font-size));
}
#link .title .logo {
  position: relative;
  display: block;
}
#link .title .logo:before {
  content: "";
  display: block;
  padding: calc(437 / 975 * 100%) calc(0 / 975 * 100%) calc(0 / 975 * 100%) calc(0 / 975 * 100%);
}
#link .title .logo > img, #link .title .logo > picture, #link .title .logo > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#link .title .logo > svg {
  height: auto;
}
#link .title .logo {
  width: calc(487.5em / var(--font-size));
}
#link .title h2 {
  position: relative;
  display: block;
}
#link .title h2:before {
  content: "";
  display: block;
  padding: calc(397 / 748 * 100%) calc(0 / 748 * 100%) calc(0 / 748 * 100%) calc(0 / 748 * 100%);
}
#link .title h2 > img, #link .title h2 > picture, #link .title h2 > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#link .title h2 > svg {
  height: auto;
}
#link .title h2 {
  width: calc(374em / var(--font-size));
  margin: calc(-62em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
}
#link .timer-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  /*
    * nowrap(初期値) : 子要素を折り返しせず、一行に並べる
    * wrap : 子要素を折り返し、複数行に上から下へ並べる
    * wrap-reverse : 子要素を折り返し、複数行に下から上へ並べる
    */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#link .timer-num div {
  display: inline-block;
  width: calc(54em / var(--font-size));
  height: calc(95em / var(--font-size));
  background-position: 0 0;
  background-size: calc(616em / var(--font-size)) calc(98em / var(--font-size));
  margin: calc(0 / var(--windowWidth) * 100%) calc(-5em / var(--font-size));
}
#link .timer-num div.colon {
  width: calc(24em / var(--font-size));
  height: calc(51em / var(--font-size));
  margin: calc(20em / var(--font-size)) calc(0 / var(--windowWidth) * 100%);
  background-size: contain;
}
#link .timer-num div[data-num="0"] {
  background-position: calc(-561em / var(--font-size)) 0;
}
#link .timer-num div[data-num="1"] {
  background-position: calc(0em / var(--font-size)) 0;
}
#link .timer-num div[data-num="2"] {
  background-position: calc(-62em / var(--font-size)) 0;
}
#link .timer-num div[data-num="3"] {
  background-position: calc(-124em / var(--font-size)) 0;
}
#link .timer-num div[data-num="4"] {
  background-position: calc(-187em / var(--font-size)) 0;
}
#link .timer-num div[data-num="5"] {
  background-position: calc(-249em / var(--font-size)) 0;
}
#link .timer-num div[data-num="6"] {
  background-position: calc(-315em / var(--font-size)) 0;
}
#link .timer-num div[data-num="7"] {
  background-position: calc(-374em / var(--font-size)) 0;
}
#link .timer-num div[data-num="8"] {
  background-position: calc(-436em / var(--font-size)) 0;
}
#link .timer-num div[data-num="9"] {
  background-position: calc(-499em / var(--font-size)) 0;
}
#link .timer {
  position: relative;
}
#link .timer .timer-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  /*
    * nowrap(初期値) : 子要素を折り返しせず、一行に並べる
    * wrap : 子要素を折り返し、複数行に上から下へ並べる
    * wrap-reverse : 子要素を折り返し、複数行に下から上へ並べる
    */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: calc(0 / var(--windowWidth) * 100%) auto;
}
#link .timer .timer-title > picture {
  flex-shrink: 0;
}
#link .timer .timer-title .icon {
  position: relative;
  display: block;
}
#link .timer .timer-title .icon:before {
  content: "";
  display: block;
  padding: calc(223 / 223 * 100%) calc(0 / 223 * 100%) calc(0 / 223 * 100%) calc(0 / 223 * 100%);
}
#link .timer .timer-title .icon > img, #link .timer .timer-title .icon > picture, #link .timer .timer-title .icon > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#link .timer .timer-title .icon > svg {
  height: auto;
}
#link .timer .timer-title .icon {
  width: calc(223em / var(--font-size));
  display: inline-block;
}
#link .timer .timer-title .time {
  position: relative;
  display: block;
}
#link .timer .timer-title .time:before {
  content: "";
  display: block;
  padding: calc(274 / 566 * 100%) calc(0 / 566 * 100%) calc(0 / 566 * 100%) calc(0 / 566 * 100%);
}
#link .timer .timer-title .time > img, #link .timer .timer-title .time > picture, #link .timer .timer-title .time > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#link .timer .timer-title .time > svg {
  height: auto;
}
#link .timer .timer-title .time {
  width: calc(566em / var(--font-size));
  display: inline-block;
  margin-top: calc(0em / var(--font-size));
}
#link .timer .timer-title .text {
  position: relative;
  display: block;
}
#link .timer .timer-title .text:before {
  content: "";
  display: block;
  padding: calc(236 / 465 * 100%) calc(0 / 465 * 100%) calc(0 / 465 * 100%) calc(0 / 465 * 100%);
}
#link .timer .timer-title .text > img, #link .timer .timer-title .text > picture, #link .timer .timer-title .text > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#link .timer .timer-title .text > svg {
  height: auto;
}
#link .timer .timer-title .text {
  width: calc(465em / var(--font-size));
  display: inline-block;
  margin-top: calc(68em / var(--font-size));
  margin-left: calc(34em / var(--font-size));
}
#link .end-timer {
  height: calc(0em / var(--font-size));
  transition: height 0.5s ease-out;
  transition-delay: 1s;
  overflow: hidden;
}
#link .end-timer .end-timer-inner {
  padding: calc(55em / var(--font-size)) calc(0 / var(--windowWidth) * 100%) calc(0 / var(--windowWidth) * 100%);
}
#link .end-timer .end-timer-inner .text_end {
  position: relative;
  display: block;
}
#link .end-timer .end-timer-inner .text_end:before {
  content: "";
  display: block;
  padding: calc(29 / 86 * 100%) calc(0 / 86 * 100%) calc(0 / 86 * 100%) calc(0 / 86 * 100%);
}
#link .end-timer .end-timer-inner .text_end > img, #link .end-timer .end-timer-inner .text_end > picture, #link .end-timer .end-timer-inner .text_end > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#link .end-timer .end-timer-inner .text_end > svg {
  height: auto;
}
#link .end-timer .end-timer-inner .text_end {
  width: calc(86em / var(--font-size));
  margin: calc(0 / var(--windowWidth) * 100%) auto calc(30em / var(--font-size));
}
#link .end-timer.active {
  height: calc(220em / var(--font-size));
}
#link .links {
  width: calc(617.11em / var(--font-size));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*
    * nowrap(初期値) : 子要素を折り返しせず、一行に並べる
    * wrap : 子要素を折り返し、複数行に上から下へ並べる
    * wrap-reverse : 子要素を折り返し、複数行に下から上へ並べる
    */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: calc(35em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
  position: relative;
}
#link .links .link-item {
  width: calc(263.06em / var(--font-size));
}
#link .links .link-item .img {
  filter: brightness(50%);
  transition: filter 1s ease-out;
}
#link .links .link-item a {
  position: relative;
  display: block;
}
#link .links .link-item a:before {
  content: "";
  display: block;
  padding: calc(73 / 236 * 100%) calc(0 / 236 * 100%) calc(0 / 236 * 100%) calc(0 / 236 * 100%);
}
#link .links .link-item a > img, #link .links .link-item a > picture, #link .links .link-item a > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#link .links .link-item a > svg {
  height: auto;
}
#link .links .link-item a {
  width: calc(236em / var(--font-size));
  display: block;
  margin: calc(18em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
  filter: grayscale(100%);
  transition: filter 1s ease-out;
  pointer-events: none;
}
@media screen and (min-width: 1025px) {
  #link .links .link-item a {
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
    transform: scale(1);
    will-change: transform;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) and (hover: hover) {
  #link .links .link-item a:hover {
    transform: scale(1.1);
  }
}
#link .links .counter {
  position: absolute;
  top: calc(105em / var(--font-size));
  left: 50%;
  transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*
    * nowrap(初期値) : 子要素を折り返しせず、一行に並べる
    * wrap : 子要素を折り返し、複数行に上から下へ並べる
    * wrap-reverse : 子要素を折り返し、複数行に下から上へ並べる
    */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#link .links .counter .counter-inner {
  color: #fff;
  transform: scale(1);
  opacity: 1;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition-delay: 1s;
  will-change: transform, opacity;
}
#link .links .counter .counter-inner .text_start {
  position: relative;
  display: block;
}
#link .links .counter .counter-inner .text_start:before {
  content: "";
  display: block;
  padding: calc(29 / 86 * 100%) calc(0 / 86 * 100%) calc(0 / 86 * 100%) calc(0 / 86 * 100%);
}
#link .links .counter .counter-inner .text_start > img, #link .links .counter .counter-inner .text_start > picture, #link .links .counter .counter-inner .text_start > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#link .links .counter .counter-inner .text_start > svg {
  height: auto;
}
#link .links .counter .counter-inner .text_start {
  width: calc(86em / var(--font-size));
  margin: calc(0 / var(--windowWidth) * 100%) auto calc(36em / var(--font-size));
}
#link .links.active .link-item .img {
  filter: brightness(100%);
}
#link .links.active .link-item a {
  filter: grayscale(0%);
  pointer-events: auto;
}
#link .links.active .counter .counter-inner {
  transform: scale(1.1);
  opacity: 0;
  pointer-events: none;
}
#link .release {
  margin-top: calc(85em / var(--font-size));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*
    * nowrap(初期値) : 子要素を折り返しせず、一行に並べる
    * wrap : 子要素を折り返し、複数行に上から下へ並べる
    * wrap-reverse : 子要素を折り返し、複数行に下から上へ並べる
    */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#link .release .release-img {
  width: calc(400em / var(--font-size));
  height: calc(564em / var(--font-size));
  flex-shrink: 0;
  box-shadow: 0px 0px 58.7687px 7.7619px rgba(144, 7, 5, 0.23);
}
#link .release .release-text {
  height: calc(564em / var(--font-size));
  flex-shrink: 0;
  margin-left: calc(35em / var(--font-size));
}
#link .release .release-text .bottom-text {
  margin-top: calc(291em / var(--font-size));
  position: relative;
}
#link .release .release-text .bottom-text .t1 {
  position: relative;
  display: block;
}
#link .release .release-text .bottom-text .t1:before {
  content: "";
  display: block;
  padding: calc(125 / 327 * 100%) calc(0 / 327 * 100%) calc(0 / 327 * 100%) calc(0 / 327 * 100%);
}
#link .release .release-text .bottom-text .t1 > img, #link .release .release-text .bottom-text .t1 > picture, #link .release .release-text .bottom-text .t1 > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#link .release .release-text .bottom-text .t1 > svg {
  height: auto;
}
#link .release .release-text .bottom-text .t1 {
  width: calc(327em / var(--font-size));
  margin-left: calc(8em / var(--font-size));
}
#link .release .release-text .bottom-text .t1_em {
  position: relative;
  display: block;
}
#link .release .release-text .bottom-text .t1_em:before {
  content: "";
  display: block;
  padding: calc(144 / 415 * 100%) calc(0 / 415 * 100%) calc(0 / 415 * 100%) calc(0 / 415 * 100%);
}
#link .release .release-text .bottom-text .t1_em > img, #link .release .release-text .bottom-text .t1_em > picture, #link .release .release-text .bottom-text .t1_em > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#link .release .release-text .bottom-text .t1_em > svg {
  height: auto;
}
#link .release .release-text .bottom-text .t1_em {
  width: calc(229em / var(--font-size));
  position: absolute;
  top: calc(-19em / var(--font-size));
  left: calc(0em / var(--font-size));
}
#link .release .release-text .bottom-text .t2 {
  position: relative;
  display: block;
}
#link .release .release-text .bottom-text .t2:before {
  content: "";
  display: block;
  padding: calc(108 / 299 * 100%) calc(0 / 299 * 100%) calc(0 / 299 * 100%) calc(0 / 299 * 100%);
}
#link .release .release-text .bottom-text .t2 > img, #link .release .release-text .bottom-text .t2 > picture, #link .release .release-text .bottom-text .t2 > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#link .release .release-text .bottom-text .t2 > svg {
  height: auto;
}
#link .release .release-text .bottom-text .t2 {
  width: calc(299em / var(--font-size));
  margin-top: calc(40em / var(--font-size));
}
#link .logos {
  margin-top: calc(114em / var(--font-size));
}
#link .logos .jump {
  position: relative;
  display: block;
}
#link .logos .jump:before {
  content: "";
  display: block;
  padding: calc(145 / 381 * 100%) calc(0 / 381 * 100%) calc(0 / 381 * 100%) calc(0 / 381 * 100%);
}
#link .logos .jump > img, #link .logos .jump > picture, #link .logos .jump > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#link .logos .jump > svg {
  height: auto;
}
#link .logos .jump {
  width: calc(381em / var(--font-size));
  margin: calc(0 / var(--windowWidth) * 100%) auto calc(0 / var(--windowWidth) * 100%);
}
#link .logos .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*
    * nowrap(初期値) : 子要素を折り返しせず、一行に並べる
    * wrap : 子要素を折り返し、複数行に上から下へ並べる
    * wrap-reverse : 子要素を折り返し、複数行に下から上へ並べる
    */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: calc(733em / var(--font-size));
  margin: calc(20em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
}
#link .logos .list > picture {
  flex-shrink: 0;
}
@media screen and (min-width: 1025px) {
  #link .logos .list a {
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
    transform: scale(1);
    will-change: transform;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) and (hover: hover) {
  #link .logos .list a:hover {
    transform: scale(1.1);
  }
}
#link .logos .list .bandai_namco {
  position: relative;
  display: block;
}
#link .logos .list .bandai_namco:before {
  content: "";
  display: block;
  padding: calc(52 / 183 * 100%) calc(0 / 183 * 100%) calc(0 / 183 * 100%) calc(0 / 183 * 100%);
}
#link .logos .list .bandai_namco > img, #link .logos .list .bandai_namco > picture, #link .logos .list .bandai_namco > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#link .logos .list .bandai_namco > svg {
  height: auto;
}
#link .logos .list .bandai_namco {
  width: calc(183em / var(--font-size));
}
#link .logos .list .zespri {
  position: relative;
  display: block;
}
#link .logos .list .zespri:before {
  content: "";
  display: block;
  padding: calc(131 / 163 * 100%) calc(0 / 163 * 100%) calc(0 / 163 * 100%) calc(0 / 163 * 100%);
}
#link .logos .list .zespri > img, #link .logos .list .zespri > picture, #link .logos .list .zespri > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#link .logos .list .zespri > svg {
  height: auto;
}
#link .logos .list .zespri {
  width: calc(163em / var(--font-size));
}
#link .logos .list .suntory {
  position: relative;
  display: block;
}
#link .logos .list .suntory:before {
  content: "";
  display: block;
  padding: calc(38 / 175 * 100%) calc(0 / 175 * 100%) calc(0 / 175 * 100%) calc(0 / 175 * 100%);
}
#link .logos .list .suntory > img, #link .logos .list .suntory > picture, #link .logos .list .suntory > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#link .logos .list .suntory > svg {
  height: auto;
}
#link .logos .list .suntory {
  width: calc(175em / var(--font-size));
}
#link .logos .list .morinaga {
  position: relative;
  display: block;
}
#link .logos .list .morinaga:before {
  content: "";
  display: block;
  padding: calc(83 / 118 * 100%) calc(0 / 118 * 100%) calc(0 / 118 * 100%) calc(0 / 118 * 100%);
}
#link .logos .list .morinaga > img, #link .logos .list .morinaga > picture, #link .logos .list .morinaga > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#link .logos .list .morinaga > svg {
  height: auto;
}
#link .logos .list .morinaga {
  width: calc(118em / var(--font-size));
}
#link .share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*
    * nowrap(初期値) : 子要素を折り返しせず、一行に並べる
    * wrap : 子要素を折り返し、複数行に上から下へ並べる
    * wrap-reverse : 子要素を折り返し、複数行に下から上へ並べる
    */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: calc(116em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
}
#link .share .share-title {
  position: relative;
  display: block;
}
#link .share .share-title:before {
  content: "";
  display: block;
  padding: calc(33 / 90 * 100%) calc(0 / 90 * 100%) calc(0 / 90 * 100%) calc(0 / 90 * 100%);
}
#link .share .share-title > img, #link .share .share-title > picture, #link .share .share-title > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#link .share .share-title > svg {
  height: auto;
}
#link .share .share-title {
  width: calc(90em / var(--font-size));
}
#link .share .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*
    * nowrap(初期値) : 子要素を折り返しせず、一行に並べる
    * wrap : 子要素を折り返し、複数行に上から下へ並べる
    * wrap-reverse : 子要素を折り返し、複数行に下から上へ並べる
    */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#link .share .x {
  position: relative;
  display: block;
}
#link .share .x:before {
  content: "";
  display: block;
  padding: calc(44 / 42 * 100%) calc(0 / 42 * 100%) calc(0 / 42 * 100%) calc(0 / 42 * 100%);
}
#link .share .x > img, #link .share .x > picture, #link .share .x > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#link .share .x > svg {
  height: auto;
}
#link .share .x {
  width: calc(42em / var(--font-size));
  margin-left: calc(50em / var(--font-size));
}
#link .share .line {
  position: relative;
  display: block;
}
#link .share .line:before {
  content: "";
  display: block;
  padding: calc(54 / 54 * 100%) calc(0 / 54 * 100%) calc(0 / 54 * 100%) calc(0 / 54 * 100%);
}
#link .share .line > img, #link .share .line > picture, #link .share .line > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#link .share .line > svg {
  height: auto;
}
#link .share .line {
  width: calc(54em / var(--font-size));
  margin-left: calc(53em / var(--font-size));
}
#link .share .facebook {
  position: relative;
  display: block;
}
#link .share .facebook:before {
  content: "";
  display: block;
  padding: calc(57 / 57 * 100%) calc(0 / 57 * 100%) calc(0 / 57 * 100%) calc(0 / 57 * 100%);
}
#link .share .facebook > img, #link .share .facebook > picture, #link .share .facebook > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#link .share .facebook > svg {
  height: auto;
}
#link .share .facebook {
  width: calc(57em / var(--font-size));
  margin-left: calc(50em / var(--font-size));
}
@media screen and (min-width: 1025px) {
  #link .share a {
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
    transform: scale(1);
    will-change: transform;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) and (hover: hover) {
  #link .share a:hover {
    transform: scale(1.1);
  }
}
#link .copyright {
  color: #fff;
  margin: calc(115em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
}
#link .copyright p {
  text-align: center;
}
#link .copyright p span {
  color: #fff;
  font-weight: bold;
  font-size: calc(12em / var(--font-size) + 0em);
  line-height: 1.5em;
  letter-spacing: 0em;
}
#link .copyright p span + span {
  margin-left: calc(15em / 12);
}
#link .copyright p span .shueisha {
  width: calc(33.99em / 12);
  display: inline-block;
  margin-left: calc(5em / 12);
}
@media screen and (max-width: 1024px) {
  #link {
    padding-top: calc(150em / var(--font-size));
    padding-bottom: calc(40em / var(--font-size));
  }
  #link .title {
    width: calc(375em / var(--font-size));
    margin: calc(0 / var(--windowWidth) * 100%) auto;
  }
  #link .title .logo {
    position: relative;
    display: block;
  }
  #link .title .logo:before {
    content: "";
    display: block;
    padding: calc(378 / 750 * 100%) calc(0 / 750 * 100%) calc(0 / 750 * 100%) calc(0 / 750 * 100%);
  }
  #link .title .logo > img, #link .title .logo > picture, #link .title .logo > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #link .title .logo > svg {
    height: auto;
  }
  #link .title .logo {
    width: calc(375em / var(--font-size));
  }
  #link .title h2 {
    position: relative;
    display: block;
  }
  #link .title h2:before {
    content: "";
    display: block;
    padding: calc(338 / 703 * 100%) calc(0 / 703 * 100%) calc(0 / 703 * 100%) calc(0 / 703 * 100%);
  }
  #link .title h2 > img, #link .title h2 > picture, #link .title h2 > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #link .title h2 > svg {
    height: auto;
  }
  #link .title h2 {
    width: calc(279em / var(--font-size));
    margin: calc(-50em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
  }
  #link .timer-num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    /*
      * nowrap(初期値) : 子要素を折り返しせず、一行に並べる
      * wrap : 子要素を折り返し、複数行に上から下へ並べる
      * wrap-reverse : 子要素を折り返し、複数行に下から上へ並べる
      */
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  #link .timer-num div {
    display: inline-block;
    width: calc(30em / var(--font-size));
    height: calc(52.7777777778em / var(--font-size));
    background-position: 0 0;
    background-size: calc(616em / var(--font-size) / 1.8) calc(98em / var(--font-size) / 1.8);
    margin: calc(0 / var(--windowWidth) * 100%) calc(-2.2222222222em / var(--font-size));
  }
  #link .timer-num div.colon {
    width: calc(13.3333333333em / var(--font-size));
    height: calc(28.3333333333em / var(--font-size));
    margin: calc(11.1111111111em / var(--font-size)) calc(0 / var(--windowWidth) * 100%);
    background-size: contain;
  }
  #link .timer-num div[data-num="0"] {
    background-position: calc(-561em / var(--font-size) / 1.8) 0;
  }
  #link .timer-num div[data-num="1"] {
    background-position: calc(0em / var(--font-size) / 1.8) 0;
  }
  #link .timer-num div[data-num="2"] {
    background-position: calc(-62em / var(--font-size) / 1.8) 0;
  }
  #link .timer-num div[data-num="3"] {
    background-position: calc(-124em / var(--font-size) / 1.8) 0;
  }
  #link .timer-num div[data-num="4"] {
    background-position: calc(-187em / var(--font-size) / 1.8) 0;
  }
  #link .timer-num div[data-num="5"] {
    background-position: calc(-249em / var(--font-size) / 1.8) 0;
  }
  #link .timer-num div[data-num="6"] {
    background-position: calc(-315em / var(--font-size) / 1.8) 0;
  }
  #link .timer-num div[data-num="7"] {
    background-position: calc(-374em / var(--font-size) / 1.8) 0;
  }
  #link .timer-num div[data-num="8"] {
    background-position: calc(-436em / var(--font-size) / 1.8) 0;
  }
  #link .timer-num div[data-num="9"] {
    background-position: calc(-499em / var(--font-size) / 1.8) 0;
  }
  #link .timer {
    position: relative;
    margin-top: calc(50em / var(--font-size));
  }
  #link .timer .timer-title {
    display: block;
    margin: calc(0 / var(--windowWidth) * 100%) auto;
  }
  #link .timer .timer-title > picture {
    flex-shrink: 0;
  }
  #link .timer .timer-title .time {
    position: relative;
    display: block;
  }
  #link .timer .timer-title .time:before {
    content: "";
    display: block;
    padding: calc(293 / 543 * 100%) calc(0 / 543 * 100%) calc(0 / 543 * 100%) calc(0 / 543 * 100%);
  }
  #link .timer .timer-title .time > img, #link .timer .timer-title .time > picture, #link .timer .timer-title .time > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #link .timer .timer-title .time > svg {
    height: auto;
  }
  #link .timer .timer-title .time {
    width: calc(331em / var(--font-size));
    display: inline-block;
    margin-top: calc(0em / var(--font-size));
    margin-left: calc(16em / var(--font-size));
  }
  #link .timer .timer-title .text {
    position: relative;
    display: block;
  }
  #link .timer .timer-title .text:before {
    content: "";
    display: block;
    padding: calc(173 / 315 * 100%) calc(0 / 315 * 100%) calc(0 / 315 * 100%) calc(0 / 315 * 100%);
  }
  #link .timer .timer-title .text > img, #link .timer .timer-title .text > picture, #link .timer .timer-title .text > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #link .timer .timer-title .text > svg {
    height: auto;
  }
  #link .timer .timer-title .text {
    width: calc(315em / var(--font-size));
    display: inline-block;
    margin-top: calc(2em / var(--font-size));
    margin-left: calc(30em / var(--font-size));
  }
  #link .end-timer {
    height: calc(0em / var(--font-size));
    transition: height 0.5s ease-out;
    transition-delay: 1s;
    overflow: hidden;
  }
  #link .end-timer .end-timer-inner {
    padding: calc(23em / var(--font-size)) calc(0 / var(--windowWidth) * 100%) calc(0 / var(--windowWidth) * 100%);
  }
  #link .end-timer .end-timer-inner .text_end {
    position: relative;
    display: block;
  }
  #link .end-timer .end-timer-inner .text_end:before {
    content: "";
    display: block;
    padding: calc(29 / 86 * 100%) calc(0 / 86 * 100%) calc(0 / 86 * 100%) calc(0 / 86 * 100%);
  }
  #link .end-timer .end-timer-inner .text_end > img, #link .end-timer .end-timer-inner .text_end > picture, #link .end-timer .end-timer-inner .text_end > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #link .end-timer .end-timer-inner .text_end > svg {
    height: auto;
  }
  #link .end-timer .end-timer-inner .text_end {
    width: calc(64em / var(--font-size));
    margin: calc(0 / var(--windowWidth) * 100%) auto calc(12em / var(--font-size));
  }
  #link .end-timer.active {
    height: calc(120em / var(--font-size));
  }
  #link .links {
    width: calc(335em / var(--font-size));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*
      * nowrap(初期値) : 子要素を折り返しせず、一行に並べる
      * wrap : 子要素を折り返し、複数行に上から下へ並べる
      * wrap-reverse : 子要素を折り返し、複数行に下から上へ並べる
      */
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: calc(35em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
    position: relative;
  }
  #link .links .link-item {
    width: calc(159em / var(--font-size));
  }
  #link .links .link-item .img {
    filter: brightness(50%);
    transition: filter 1s ease-out;
  }
  #link .links .link-item a {
    position: relative;
    display: block;
  }
  #link .links .link-item a:before {
    content: "";
    display: block;
    padding: calc(73 / 236 * 100%) calc(0 / 236 * 100%) calc(0 / 236 * 100%) calc(0 / 236 * 100%);
  }
  #link .links .link-item a > img, #link .links .link-item a > picture, #link .links .link-item a > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #link .links .link-item a > svg {
    height: auto;
  }
  #link .links .link-item a {
    width: calc(131.78em / var(--font-size));
    display: block;
    margin: calc(11em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
    filter: grayscale(100%);
    transition: filter 1s ease-out;
    pointer-events: none;
  }
  #link .links .counter {
    position: absolute;
    top: calc(81em / var(--font-size));
    left: 50%;
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*
      * nowrap(初期値) : 子要素を折り返しせず、一行に並べる
      * wrap : 子要素を折り返し、複数行に上から下へ並べる
      * wrap-reverse : 子要素を折り返し、複数行に下から上へ並べる
      */
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  #link .links .counter .counter-inner {
    color: #fff;
    transform: scale(1);
    opacity: 1;
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
    transition-delay: 1s;
    will-change: transform, opacity;
  }
  #link .links .counter .counter-inner .text_start {
    position: relative;
    display: block;
  }
  #link .links .counter .counter-inner .text_start:before {
    content: "";
    display: block;
    padding: calc(29 / 86 * 100%) calc(0 / 86 * 100%) calc(0 / 86 * 100%) calc(0 / 86 * 100%);
  }
  #link .links .counter .counter-inner .text_start > img, #link .links .counter .counter-inner .text_start > picture, #link .links .counter .counter-inner .text_start > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #link .links .counter .counter-inner .text_start > svg {
    height: auto;
  }
  #link .links .counter .counter-inner .text_start {
    width: calc(64em / var(--font-size));
    margin: calc(0 / var(--windowWidth) * 100%) auto calc(12em / var(--font-size));
  }
  #link .links.active .link-item .img {
    filter: brightness(100%);
  }
  #link .links.active .link-item a {
    filter: grayscale(0%);
    pointer-events: auto;
  }
  #link .links.active .counter .counter-inner {
    transform: scale(1.1);
    opacity: 0;
    pointer-events: none;
  }
  #link .release {
    margin-top: calc(85em / var(--font-size));
    display: block;
  }
  #link .release .release-img {
    width: calc(240em / var(--font-size));
    height: calc(339em / var(--font-size));
    flex-shrink: 0;
    box-shadow: 0px 0px 58.7687px 7.7619px rgba(144, 7, 5, 0.23);
    margin: calc(20em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
  }
  #link .release .release-text {
    height: auto;
    flex-shrink: 0;
    margin-left: calc(0em / var(--font-size));
  }
  #link .release .release-text .bottom-text {
    margin-top: calc(0 / var(--windowWidth) * 100%);
  }
  #link .release .release-text .bottom-text .t2 {
    position: relative;
    display: block;
  }
  #link .release .release-text .bottom-text .t2:before {
    content: "";
    display: block;
    padding: calc(78 / 226 * 100%) calc(0 / 226 * 100%) calc(0 / 226 * 100%) calc(0 / 226 * 100%);
  }
  #link .release .release-text .bottom-text .t2 > img, #link .release .release-text .bottom-text .t2 > picture, #link .release .release-text .bottom-text .t2 > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #link .release .release-text .bottom-text .t2 > svg {
    height: auto;
  }
  #link .release .release-text .bottom-text .t2 {
    width: calc(226em / var(--font-size));
    margin: calc(10em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
  }
  #link .release .bottom-text {
    margin-top: calc(0em / var(--font-size));
    position: relative;
  }
  #link .release .bottom-text .t1 {
    position: relative;
    display: block;
  }
  #link .release .bottom-text .t1:before {
    content: "";
    display: block;
    padding: calc(90 / 204 * 100%) calc(0 / 204 * 100%) calc(0 / 204 * 100%) calc(0 / 204 * 100%);
  }
  #link .release .bottom-text .t1 > img, #link .release .bottom-text .t1 > picture, #link .release .bottom-text .t1 > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #link .release .bottom-text .t1 > svg {
    height: auto;
  }
  #link .release .bottom-text .t1 {
    width: calc(204em / var(--font-size));
    margin-left: calc(112em / var(--font-size));
  }
  #link .release .bottom-text .t1_em {
    position: relative;
    display: block;
  }
  #link .release .bottom-text .t1_em:before {
    content: "";
    display: block;
    padding: calc(144 / 415 * 100%) calc(0 / 415 * 100%) calc(0 / 415 * 100%) calc(0 / 415 * 100%);
  }
  #link .release .bottom-text .t1_em > img, #link .release .bottom-text .t1_em > picture, #link .release .bottom-text .t1_em > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #link .release .bottom-text .t1_em > svg {
    height: auto;
  }
  #link .release .bottom-text .t1_em {
    width: calc(175em / var(--font-size));
    position: absolute;
    top: calc(-19em / var(--font-size));
    left: calc(70em / var(--font-size));
  }
  #link .release .bottom-text .t2 {
    position: relative;
    display: block;
  }
  #link .release .bottom-text .t2:before {
    content: "";
    display: block;
    padding: calc(78 / 226 * 100%) calc(0 / 226 * 100%) calc(0 / 226 * 100%) calc(0 / 226 * 100%);
  }
  #link .release .bottom-text .t2 > img, #link .release .bottom-text .t2 > picture, #link .release .bottom-text .t2 > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #link .release .bottom-text .t2 > svg {
    height: auto;
  }
  #link .release .bottom-text .t2 {
    width: calc(226em / var(--font-size));
    margin-top: calc(0em / var(--font-size));
  }
  #link .logos {
    margin-top: calc(70em / var(--font-size));
  }
  #link .logos .jump {
    position: relative;
    display: block;
  }
  #link .logos .jump:before {
    content: "";
    display: block;
    padding: calc(145 / 381 * 100%) calc(0 / 381 * 100%) calc(0 / 381 * 100%) calc(0 / 381 * 100%);
  }
  #link .logos .jump > img, #link .logos .jump > picture, #link .logos .jump > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #link .logos .jump > svg {
    height: auto;
  }
  #link .logos .jump {
    width: calc(200em / var(--font-size));
    margin: calc(0 / var(--windowWidth) * 100%) auto calc(0 / var(--windowWidth) * 100%);
  }
  #link .logos .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*
      * nowrap(初期値) : 子要素を折り返しせず、一行に並べる
      * wrap : 子要素を折り返し、複数行に上から下へ並べる
      * wrap-reverse : 子要素を折り返し、複数行に下から上へ並べる
      */
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: calc(332em / var(--font-size));
    margin: calc(5em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
  }
  #link .logos .list > picture {
    flex-shrink: 0;
  }
  #link .logos .list .bandai_namco {
    position: relative;
    display: block;
  }
  #link .logos .list .bandai_namco:before {
    content: "";
    display: block;
    padding: calc(52 / 183 * 100%) calc(0 / 183 * 100%) calc(0 / 183 * 100%) calc(0 / 183 * 100%);
  }
  #link .logos .list .bandai_namco > img, #link .logos .list .bandai_namco > picture, #link .logos .list .bandai_namco > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #link .logos .list .bandai_namco > svg {
    height: auto;
  }
  #link .logos .list .bandai_namco {
    width: calc(82em / var(--font-size));
  }
  #link .logos .list .zespri {
    position: relative;
    display: block;
  }
  #link .logos .list .zespri:before {
    content: "";
    display: block;
    padding: calc(131 / 163 * 100%) calc(0 / 163 * 100%) calc(0 / 163 * 100%) calc(0 / 163 * 100%);
  }
  #link .logos .list .zespri > img, #link .logos .list .zespri > picture, #link .logos .list .zespri > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #link .logos .list .zespri > svg {
    height: auto;
  }
  #link .logos .list .zespri {
    width: calc(73em / var(--font-size));
  }
  #link .logos .list .suntory {
    position: relative;
    display: block;
  }
  #link .logos .list .suntory:before {
    content: "";
    display: block;
    padding: calc(38 / 175 * 100%) calc(0 / 175 * 100%) calc(0 / 175 * 100%) calc(0 / 175 * 100%);
  }
  #link .logos .list .suntory > img, #link .logos .list .suntory > picture, #link .logos .list .suntory > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #link .logos .list .suntory > svg {
    height: auto;
  }
  #link .logos .list .suntory {
    width: calc(78em / var(--font-size));
    flex-shrink: 0;
  }
  #link .logos .list .morinaga {
    position: relative;
    display: block;
  }
  #link .logos .list .morinaga:before {
    content: "";
    display: block;
    padding: calc(83 / 118 * 100%) calc(0 / 118 * 100%) calc(0 / 118 * 100%) calc(0 / 118 * 100%);
  }
  #link .logos .list .morinaga > img, #link .logos .list .morinaga > picture, #link .logos .list .morinaga > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #link .logos .list .morinaga > svg {
    height: auto;
  }
  #link .logos .list .morinaga {
    width: calc(51em / var(--font-size));
  }
  #link .share {
    display: block;
    margin: calc(60em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
  }
  #link .share .share-title {
    position: relative;
    display: block;
  }
  #link .share .share-title:before {
    content: "";
    display: block;
    padding: calc(33 / 90 * 100%) calc(0 / 90 * 100%) calc(0 / 90 * 100%) calc(0 / 90 * 100%);
  }
  #link .share .share-title > img, #link .share .share-title > picture, #link .share .share-title > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #link .share .share-title > svg {
    height: auto;
  }
  #link .share .share-title {
    width: calc(66em / var(--font-size));
    margin: calc(0 / var(--windowWidth) * 100%) auto calc(0 / var(--windowWidth) * 100%);
  }
  #link .share .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*
      * nowrap(初期値) : 子要素を折り返しせず、一行に並べる
      * wrap : 子要素を折り返し、複数行に上から下へ並べる
      * wrap-reverse : 子要素を折り返し、複数行に下から上へ並べる
      */
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: calc(32em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
  }
  #link .share .x {
    position: relative;
    display: block;
  }
  #link .share .x:before {
    content: "";
    display: block;
    padding: calc(44 / 42 * 100%) calc(0 / 42 * 100%) calc(0 / 42 * 100%) calc(0 / 42 * 100%);
  }
  #link .share .x > img, #link .share .x > picture, #link .share .x > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #link .share .x > svg {
    height: auto;
  }
  #link .share .x {
    width: calc(39em / var(--font-size));
    margin-left: calc(0em / var(--font-size));
  }
  #link .share .line {
    position: relative;
    display: block;
  }
  #link .share .line:before {
    content: "";
    display: block;
    padding: calc(54 / 54 * 100%) calc(0 / 54 * 100%) calc(0 / 54 * 100%) calc(0 / 54 * 100%);
  }
  #link .share .line > img, #link .share .line > picture, #link .share .line > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #link .share .line > svg {
    height: auto;
  }
  #link .share .line {
    width: calc(50em / var(--font-size));
    margin-left: calc(44em / var(--font-size));
  }
  #link .share .facebook {
    position: relative;
    display: block;
  }
  #link .share .facebook:before {
    content: "";
    display: block;
    padding: calc(57 / 57 * 100%) calc(0 / 57 * 100%) calc(0 / 57 * 100%) calc(0 / 57 * 100%);
  }
  #link .share .facebook > img, #link .share .facebook > picture, #link .share .facebook > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #link .share .facebook > svg {
    height: auto;
  }
  #link .share .facebook {
    width: calc(48em / var(--font-size));
    margin-left: calc(39em / var(--font-size));
  }
  #link .copyright {
    display: block;
    color: #fff;
    margin: calc(80em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
  }
  #link .copyright p {
    text-align: center;
  }
  #link .copyright p span {
    color: #fff;
    font-weight: bold;
    font-size: calc(10em / var(--font-size) + 0em);
    line-height: 1.8em;
    letter-spacing: 0em;
  }
  #link .copyright p span + span {
    margin-left: calc(15em / 10);
  }
  #link .copyright p span .shueisha {
    width: calc(33.99em / 10);
    display: inline-block;
    margin-left: calc(5em / 10);
  }
}

.bottom-bg {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: 100% auto;
  background-position: center -1px;
  opacity: 0;
  transition: opacity 0.8s ease-out;
  z-index: 2;
}
.bottom-bg.active {
  opacity: 1 !important;
}
@media screen and (max-width: 1024px) {
  .bottom-bg {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background-size: 100% auto;
    background-position: center -1px;
  }
}

#modal_wallpaper .gl_common_modal__inner {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*
    * nowrap(初期値) : 子要素を折り返しせず、一行に並べる
    * wrap : 子要素を折り返し、複数行に上から下へ並べる
    * wrap-reverse : 子要素を折り返し、複数行に下から上へ並べる
    */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#modal_wallpaper .gl_common_modal__window {
  width: calc(1140em / var(--font-size));
  height: calc(708em / var(--font-size));
}
#modal_wallpaper .gl_common_modal__window .gl_common_modal__window__inner {
  width: 100%;
  height: 100%;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*
    * nowrap(初期値) : 子要素を折り返しせず、一行に並べる
    * wrap : 子要素を折り返し、複数行に上から下へ並べる
    * wrap-reverse : 子要素を折り返し、複数行に下から上へ並べる
    */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#modal_wallpaper .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*
    * nowrap(初期値) : 子要素を折り返しせず、一行に並べる
    * wrap : 子要素を折り返し、複数行に上から下へ並べる
    * wrap-reverse : 子要素を折り返し、複数行に下から上へ並べる
    */
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#modal_wallpaper .block .img {
  position: relative;
  display: block;
}
#modal_wallpaper .block .img:before {
  content: "";
  display: block;
  padding: calc(1315 / 610 * 100%) calc(0 / 610 * 100%) calc(0 / 610 * 100%) calc(0 / 610 * 100%);
}
#modal_wallpaper .block .img > img, #modal_wallpaper .block .img > picture, #modal_wallpaper .block .img > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#modal_wallpaper .block .img > svg {
  height: auto;
}
#modal_wallpaper .block .img {
  width: calc(305em / var(--font-size));
  box-shadow: calc(7em / var(--font-size)) calc(7em / var(--font-size)) 0 rgba(0, 0, 0, 0.25);
}
#modal_wallpaper .block .img img {
  border: solid 1px #fff;
}
#modal_wallpaper .block .text {
  margin-left: calc(68em / var(--font-size));
}
#modal_wallpaper .block .text .title {
  position: relative;
  display: block;
}
#modal_wallpaper .block .text .title:before {
  content: "";
  display: block;
  padding: calc(150 / 520 * 100%) calc(0 / 520 * 100%) calc(0 / 520 * 100%) calc(0 / 520 * 100%);
}
#modal_wallpaper .block .text .title > img, #modal_wallpaper .block .text .title > picture, #modal_wallpaper .block .text .title > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#modal_wallpaper .block .text .title > svg {
  height: auto;
}
#modal_wallpaper .block .text .title {
  width: calc(520em / var(--font-size));
}
#modal_wallpaper .block .text button {
  display: block;
  margin: calc(57em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
  position: relative;
  display: block;
}
#modal_wallpaper .block .text button:before {
  content: "";
  display: block;
  padding: calc(62 / 254 * 100%) calc(0 / 254 * 100%) calc(0 / 254 * 100%) calc(0 / 254 * 100%);
}
#modal_wallpaper .block .text button > img, #modal_wallpaper .block .text button > picture, #modal_wallpaper .block .text button > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#modal_wallpaper .block .text button > svg {
  height: auto;
}
#modal_wallpaper .block .text button {
  width: calc(254em / var(--font-size));
}
#modal_wallpaper .block .text button + button {
  margin-top: calc(12em / var(--font-size));
}
#modal_wallpaper .block .text button picture {
  box-shadow: calc(10em / var(--font-size)) calc(10em / var(--font-size)) 0 rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 1025px) {
  #modal_wallpaper .block .text button picture {
    transition: transform 0.03s ease-in-out;
  }
  #modal_wallpaper .block .text button picture:hover {
    transform: translate(calc(8em / var(--font-size)), calc(8em / var(--font-size)));
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
  }
}
#modal_wallpaper .gl_common_modal__ttl__btn {
  position: absolute;
  width: calc(54em / var(--font-size));
  height: calc(54em / var(--font-size));
  top: calc(-13em / var(--font-size));
  right: calc(-20em / var(--font-size));
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transform: scale(1);
  will-change: transform;
}
@media (min-width: 1025px) and (hover: hover) {
  #modal_wallpaper .gl_common_modal__ttl__btn:hover {
    transform: scale(1.1);
  }
}
@media screen and (max-width: 1024px) {
  #modal_wallpaper .gl_common_modal__inner {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    padding: calc(16em / var(--font-size)) calc(0 / var(--windowWidth) * 100%);
  }
  #modal_wallpaper .gl_common_modal__window {
    width: calc(367em / var(--font-size));
    height: calc(824em / var(--font-size));
    margin: calc(0 / var(--windowWidth) * 100%) auto;
  }
  #modal_wallpaper .gl_common_modal__window .gl_common_modal__window__inner {
    width: 100%;
    height: 100%;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*
      * nowrap(初期値) : 子要素を折り返しせず、一行に並べる
      * wrap : 子要素を折り返し、複数行に上から下へ並べる
      * wrap-reverse : 子要素を折り返し、複数行に下から上へ並べる
      */
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  #modal_wallpaper .block {
    display: block;
  }
  #modal_wallpaper .block .title {
    position: relative;
    display: block;
  }
  #modal_wallpaper .block .title:before {
    content: "";
    display: block;
    padding: calc(94 / 325 * 100%) calc(0 / 325 * 100%) calc(0 / 325 * 100%) calc(0 / 325 * 100%);
  }
  #modal_wallpaper .block .title > img, #modal_wallpaper .block .title > picture, #modal_wallpaper .block .title > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #modal_wallpaper .block .title > svg {
    height: auto;
  }
  #modal_wallpaper .block .title {
    width: calc(325em / var(--font-size));
  }
  #modal_wallpaper .block .img {
    position: relative;
    display: block;
  }
  #modal_wallpaper .block .img:before {
    content: "";
    display: block;
    padding: calc(1313 / 610 * 100%) calc(0 / 610 * 100%) calc(0 / 610 * 100%) calc(0 / 610 * 100%);
  }
  #modal_wallpaper .block .img > img, #modal_wallpaper .block .img > picture, #modal_wallpaper .block .img > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #modal_wallpaper .block .img > svg {
    height: auto;
  }
  #modal_wallpaper .block .img {
    width: calc(215em / var(--font-size));
    box-shadow: calc(5em / var(--font-size)) calc(5em / var(--font-size)) 0 rgba(0, 0, 0, 0.25);
    margin: calc(25em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
  }
  #modal_wallpaper .block .text {
    margin-left: calc(0em / var(--font-size));
  }
  #modal_wallpaper .block .text .title {
    position: relative;
    display: block;
  }
  #modal_wallpaper .block .text .title:before {
    content: "";
    display: block;
    padding: calc(150 / 520 * 100%) calc(0 / 520 * 100%) calc(0 / 520 * 100%) calc(0 / 520 * 100%);
  }
  #modal_wallpaper .block .text .title > img, #modal_wallpaper .block .text .title > picture, #modal_wallpaper .block .text .title > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #modal_wallpaper .block .text .title > svg {
    height: auto;
  }
  #modal_wallpaper .block .text .title {
    width: calc(520em / var(--font-size));
  }
  #modal_wallpaper .block .text button {
    display: block;
    margin: calc(32em / var(--font-size)) auto calc(0 / var(--windowWidth) * 100%);
    position: relative;
    display: block;
  }
  #modal_wallpaper .block .text button:before {
    content: "";
    display: block;
    padding: calc(62 / 254 * 100%) calc(0 / 254 * 100%) calc(0 / 254 * 100%) calc(0 / 254 * 100%);
  }
  #modal_wallpaper .block .text button > img, #modal_wallpaper .block .text button > picture, #modal_wallpaper .block .text button > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #modal_wallpaper .block .text button > svg {
    height: auto;
  }
  #modal_wallpaper .block .text button {
    width: calc(254em / var(--font-size));
  }
  #modal_wallpaper .block .text button + button {
    margin-top: calc(12em / var(--font-size));
  }
  #modal_wallpaper .block .text button picture {
    box-shadow: calc(5em / var(--font-size)) calc(5em / var(--font-size)) 0 rgba(0, 0, 0, 0.25);
  }
  #modal_wallpaper .gl_common_modal__ttl__btn {
    position: absolute;
    width: calc(32em / var(--font-size));
    height: calc(32em / var(--font-size));
    top: calc(-12em / var(--font-size));
    right: calc(3em / var(--font-size));
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
    transform: scale(1);
    will-change: transform;
  }
}
@media screen and (max-width: 1024px) and (min-width: 1025px) and (hover: hover) {
  #modal_wallpaper .gl_common_modal__ttl__btn:hover {
    transform: scale(1.1);
  }
}.picture-bg[data-astro-cid-vhrj6esm]{background-image:var(--sp-bg)}@media (min-width: 1025px){.picture-bg[data-astro-cid-vhrj6esm]{background-image:var(--pc-bg)}}.image[data-astro-cid-txmsbymr]{width:100%;height:100%;background-size:cover;background-position:center}