@charset "UTF-8";
@font-face {
  font-family: Yu Gothic;
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: Yu Gothic;
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: Yu Gothic;
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: Yu Gothic;
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: Yu Gothic;
  src: local("Yu Gothic Bold");
  font-weight: 700;
}
@font-face {
  font-family: Helvetica Neue;
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: Helvetica Neue;
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}
:root {
  --fontSizeBase: 17px;
  --colorMain: #245066;
  --colorBrand: #264069;
  --colorGreen: #afe3dd;
  --colorDarkGreen: #399d92;
  --colorLightGreen: #e9f5f4;
  --colorFontBase: #000;
  --colorCream: #fcf9ee;
  --colorOrange: #fdb34c;
  --colorLightOrange: #ffdfb2;
  --colorPurple: #dcb9db;
  --theaterRB: #df0a33;
  --theaterMW: #036eb8;
  --theaterBQ: #00aeec;
  --theaterWP: #fc9d3a;
  --zindexHide: -1;
  --zindexFoward: 2;
  --zindexModal: 3;
  --fontFamily:
    "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", Meiryo, sans-serif;
  --fontNotoSans: "Noto Sans JP", sans-serif;
  --BenchNine: "BenchNine", sans-serif;
  --Montserrat: "Montserrat", sans-serif;
  --Rokkitt: "Rokkitt", serif;
  --fontFamilyPtSerif: "PT Serif", serif;
  --fontShipporiMincho: "Shippori Mincho", serif;
  --fontOswald: "Oswald", sans-serif;
  --fontTsukuBRdGothicStd: fot-tsukubrdgothic-std, sans-serif;
  --fontTsukuAOldMin: fot-tsukuaoldmin-pr6n, sans-serif;
  --fontZenOldMincho: "Noto Sans JP", "Zen Old Mincho", serif;
}
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ins {
  text-decoration: none;
}
ins,
mark {
  background-color: #ff9;
  color: #000;
}
mark {
  font-style: italic;
  font-weight: 700;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
html {
  font-family:
    Helvetica Neue,
    Arial,
    Hiragino Kaku Gothic ProN,
    Hiragino Sans,
    Meiryo,
    sans-serif;
  font-family: var(--fontFamily);
  font-size: 62.5%;
  font-style: normal;
}
@media (-ms-high-contrast: none) {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
@media (-ms-high-contrast: active) {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
body {
  line-height: 1.6;
  color: #245066;
  color: var(--colorMain);
  word-break: break-all;
  background-color: #fff;
}
ul {
  list-style-type: none;
}
img {
  max-width: 100%;
  height: auto;
}
iframe,
img {
  vertical-align: bottom;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 400;
}
.ul {
  list-style-type: disc;
}
@media (max-width: 960px) {
  .span {
    display: block;
  }
}
@media (max-width: 960px) {
  .br {
    display: none;
  }
}
.a {
  text-decoration: underline;
}
.a:hover {
  text-decoration: none;
}
.dt {
  font-weight: 700;
}
.loader {
  position: absolute;
  top: calc(50% - 110px);
  left: 50%;
  width: 1em;
  height: 1em;
  margin: 100px auto;
  font-size: 20px;
  color: #fff;
  text-indent: -9999em;
  border-radius: 50%;
  transform: translateZ(0);
  transform: translateY(-50%) translateX(-50%);
  -webkit-animation: load4 1.3s linear infinite;
  animation: load4 1.3s linear infinite;
}
@-webkit-keyframes load4 {
  0%,
  to {
    box-shadow:
      0 -3em 0 0.2em,
      2em -2em 0 0,
      3em 0 0 -1em,
      2em 2em 0 -1em,
      0 3em 0 -1em,
      -2em 2em 0 -1em,
      -3em 0 0 -1em,
      -2em -2em 0 0;
  }
  12.5% {
    box-shadow:
      0 -3em 0 0,
      2em -2em 0 0.2em,
      3em 0 0 0,
      2em 2em 0 -1em,
      0 3em 0 -1em,
      -2em 2em 0 -1em,
      -3em 0 0 -1em,
      -2em -2em 0 -1em;
  }
  25% {
    box-shadow:
      0 -3em 0 -0.5em,
      2em -2em 0 0,
      3em 0 0 0.2em,
      2em 2em 0 0,
      0 3em 0 -1em,
      -2em 2em 0 -1em,
      -3em 0 0 -1em,
      -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow:
      0 -3em 0 -1em,
      2em -2em 0 -1em,
      3em 0 0 0,
      2em 2em 0 0.2em,
      0 3em 0 0,
      -2em 2em 0 -1em,
      -3em 0 0 -1em,
      -2em -2em 0 -1em;
  }
  50% {
    box-shadow:
      0 -3em 0 -1em,
      2em -2em 0 -1em,
      3em 0 0 -1em,
      2em 2em 0 0,
      0 3em 0 0.2em,
      -2em 2em 0 0,
      -3em 0 0 -1em,
      -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow:
      0 -3em 0 -1em,
      2em -2em 0 -1em,
      3em 0 0 -1em,
      2em 2em 0 -1em,
      0 3em 0 0,
      -2em 2em 0 0.2em,
      -3em 0 0 0,
      -2em -2em 0 -1em;
  }
  75% {
    box-shadow:
      0 -3em 0 -1em,
      2em -2em 0 -1em,
      3em 0 0 -1em,
      2em 2em 0 -1em,
      0 3em 0 -1em,
      -2em 2em 0 0,
      -3em 0 0 0.2em,
      -2em -2em 0 0;
  }
  87.5% {
    box-shadow:
      0 -3em 0 0,
      2em -2em 0 -1em,
      3em 0 0 -1em,
      2em 2em 0 -1em,
      0 3em 0 -1em,
      -2em 2em 0 0,
      -3em 0 0 0,
      -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%,
  to {
    box-shadow:
      0 -3em 0 0.2em,
      2em -2em 0 0,
      3em 0 0 -1em,
      2em 2em 0 -1em,
      0 3em 0 -1em,
      -2em 2em 0 -1em,
      -3em 0 0 -1em,
      -2em -2em 0 0;
  }
  12.5% {
    box-shadow:
      0 -3em 0 0,
      2em -2em 0 0.2em,
      3em 0 0 0,
      2em 2em 0 -1em,
      0 3em 0 -1em,
      -2em 2em 0 -1em,
      -3em 0 0 -1em,
      -2em -2em 0 -1em;
  }
  25% {
    box-shadow:
      0 -3em 0 -0.5em,
      2em -2em 0 0,
      3em 0 0 0.2em,
      2em 2em 0 0,
      0 3em 0 -1em,
      -2em 2em 0 -1em,
      -3em 0 0 -1em,
      -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow:
      0 -3em 0 -1em,
      2em -2em 0 -1em,
      3em 0 0 0,
      2em 2em 0 0.2em,
      0 3em 0 0,
      -2em 2em 0 -1em,
      -3em 0 0 -1em,
      -2em -2em 0 -1em;
  }
  50% {
    box-shadow:
      0 -3em 0 -1em,
      2em -2em 0 -1em,
      3em 0 0 -1em,
      2em 2em 0 0,
      0 3em 0 0.2em,
      -2em 2em 0 0,
      -3em 0 0 -1em,
      -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow:
      0 -3em 0 -1em,
      2em -2em 0 -1em,
      3em 0 0 -1em,
      2em 2em 0 -1em,
      0 3em 0 0,
      -2em 2em 0 0.2em,
      -3em 0 0 0,
      -2em -2em 0 -1em;
  }
  75% {
    box-shadow:
      0 -3em 0 -1em,
      2em -2em 0 -1em,
      3em 0 0 -1em,
      2em 2em 0 -1em,
      0 3em 0 -1em,
      -2em 2em 0 0,
      -3em 0 0 0.2em,
      -2em -2em 0 0;
  }
  87.5% {
    box-shadow:
      0 -3em 0 0,
      2em -2em 0 -1em,
      3em 0 0 -1em,
      2em 2em 0 -1em,
      0 3em 0 -1em,
      -2em 2em 0 0,
      -3em 0 0 0,
      -2em -2em 0 0.2em;
  }
}
.SecBanner {
  text-align: center;
  color: var(--colorBrown);
  margin-top: 50px;
  margin-bottom: 50px;
}
.SecBanner a {
  display: block;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  color: var(--colorBrown);
  opacity: 1;
  transition: opacity 0.5s ease-out;
}
@media (max-width: 1270px) {
  .SecBanner a {
    max-width: 70%;
  }
}
.SecBanner a:hover {
  opacity: 0.75;
}
.dspPC {
  display: block;
}
@media (max-width: 960px) {
  .dspPC {
    display: none;
  }
}
.dspSP {
  display: none;
}
@media (max-width: 960px) {
  .dspSP {
    display: block;
  }
}
.c-app h3 {
  font-size: 2rem;
}
.c-app ul li a {
  border: 1px solid #000;
}
.Container {
  margin-right: auto;
  margin-left: auto;
}
.Container.--SS {
  max-width: 580px;
}
.Container.--S {
  max-width: 650px;
}
.Container.--M {
  max-width: 900px;
}
.Container.--MM {
  max-width: 1080px;
}
.Container.--L {
  max-width: 1218px;
}
.fnt-shippori-mincho-r {
  font-weight: 400;
}
.fnt-shippori-mincho-m,
.fnt-shippori-mincho-r {
  font-family:
    Shippori Mincho,
    serif;
  font-style: normal;
}
.fnt-shippori-mincho-m {
  font-weight: 500;
}
.fnt-shippori-mincho-sb {
  font-weight: 600;
}
.fnt-shippori-mincho-b,
.fnt-shippori-mincho-sb {
  font-family:
    Shippori Mincho,
    serif;
  font-style: normal;
}
.fnt-shippori-mincho-b {
  font-weight: 700;
}
.fnt-notosans-r {
  font-weight: 400;
}
.fnt-notosans-m,
.fnt-notosans-r {
  font-family:
    Noto Sans JP,
    sans-serif;
  font-style: normal;
}
.fnt-notosans-m {
  font-weight: 500;
}
.fnt-notosans-b {
  font-family:
    Noto Sans JP,
    sans-serif;
  font-style: normal;
  font-weight: 700;
}
.fnt-ptserif-i {
  font-family: "PT Serif", serif;
  font-style: normal;
  font-weight: 400;
}
.fnt-ryo-gothic-m {
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 500;
}
.fnt-ryo-r {
  font-weight: 400;
}
.fnt-ryo-m,
.fnt-ryo-r {
  font-family: ryo-text-plusn, serif;
  font-style: normal;
}
.fnt-ryo-m {
  font-weight: 500;
}
.fnt-jpn-l {
  font-weight: 300;
}
.fnt-jpn-l,
.fnt-jpn-r {
  font-family:
    Noto Sans JP,
    sans-serif;
  font-style: normal;
}
.fnt-jpn-r {
  font-weight: 400;
}
.fnt-jpn-m {
  font-weight: 500;
}
.fnt-jpn-b,
.fnt-jpn-m {
  font-family:
    Noto Sans JP,
    sans-serif;
  font-style: normal;
}
.fnt-jpn-b {
  font-weight: 700;
}
.fnt-eng-r {
  font-weight: 400;
}
.fnt-eng-m,
.fnt-eng-r {
  font-family:
    DM Sans,
    sans-serif;
  font-style: normal;
}
.fnt-eng-m {
  font-weight: 500;
}
.fnt-eng-b {
  font-family:
    DM Sans,
    sans-serif;
  font-style: normal;
  font-weight: 700;
}
.tab {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1%;
  margin-top: 3.2rem;
}
.tab li {
  position: relative;
  box-sizing: border-box;
  padding-right: 1.5rem;
  padding-bottom: 0.8rem;
  padding-left: 1.5rem;
  margin-right: 0.625%;
  text-align: center;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  border-radius: 50% 50% 0 0;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .tab li {
    padding-right: 1.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.5rem;
  }
}
.tab li div {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4rem;
  line-height: 1.4;
}
.tab li:last-child {
  margin-right: 0;
}
.area ul {
  display: none;
}
.area ul.show {
  display: block;
}
@-webkit-keyframes stamppon {
  0%,
  to {
    top: -5.5rem;
    left: 0;
    width: 4.5rem;
    height: 5.5rem;
    transform: rotate(-10deg);
  }
  40% {
    top: -4rem;
    left: 2rem;
    width: 5.3rem;
    height: 5.5rem;
    transform: rotate(3deg);
  }
}
@keyframes stamppon {
  0%,
  to {
    top: -5.5rem;
    left: 0;
    width: 4.5rem;
    height: 5.5rem;
    transform: rotate(-10deg);
  }
  40% {
    top: -4rem;
    left: 2rem;
    width: 5.3rem;
    height: 5.5rem;
    transform: rotate(3deg);
  }
}
@-webkit-keyframes yurayura01 {
  0%,
  to {
    margin-top: 0;
    margin-left: 0;
    transform: rotate(10deg);
  }
  40% {
    margin-top: 2px;
    margin-left: 2px;
    transform: rotate(7deg);
  }
  60% {
    margin-top: 1px;
    margin-left: 2px;
    transform: rotate(7deg);
  }
  80% {
    margin-top: 1px;
    margin-left: 2px;
    transform: rotate(7deg);
  }
}
@keyframes yurayura01 {
  0%,
  to {
    margin-top: 0;
    margin-left: 0;
    transform: rotate(10deg);
  }
  40% {
    margin-top: 2px;
    margin-left: 2px;
    transform: rotate(7deg);
  }
  60% {
    margin-top: 1px;
    margin-left: 2px;
    transform: rotate(7deg);
  }
  80% {
    margin-top: 1px;
    margin-left: 2px;
    transform: rotate(7deg);
  }
}
@-webkit-keyframes yurayura02 {
  0%,
  to {
    margin-top: 1px;
    margin-right: 0;
    transform: rotate(-10deg);
  }
  40% {
    margin-top: 0;
    margin-right: 6px;
    transform: rotate(-15deg);
  }
  60% {
    margin-top: 0;
    margin-right: 8px;
    transform: rotate(-21deg);
  }
  80% {
    margin-top: 0;
    margin-right: 3px;
    transform: rotate(-15deg);
  }
}
@keyframes yurayura02 {
  0%,
  to {
    margin-top: 1px;
    margin-right: 0;
    transform: rotate(-10deg);
  }
  40% {
    margin-top: 0;
    margin-right: 6px;
    transform: rotate(-15deg);
  }
  60% {
    margin-top: 0;
    margin-right: 8px;
    transform: rotate(-21deg);
  }
  80% {
    margin-top: 0;
    margin-right: 3px;
    transform: rotate(-15deg);
  }
}
@-webkit-keyframes yurayura03 {
  0%,
  to {
    margin-top: -2px;
    margin-left: 4px;
    transform: rotate(-7deg);
  }
  40% {
    margin-top: -1px;
    margin-left: 6px;
    transform: rotate(-13deg);
  }
  60% {
    margin-top: 0;
    margin-left: 4px;
    transform: rotate(-14deg);
  }
  80% {
    margin-top: 2px;
    margin-left: 3px;
    transform: rotate(-18deg);
  }
}
@keyframes yurayura03 {
  0%,
  to {
    margin-top: -2px;
    margin-left: 4px;
    transform: rotate(-7deg);
  }
  40% {
    margin-top: -1px;
    margin-left: 6px;
    transform: rotate(-13deg);
  }
  60% {
    margin-top: 0;
    margin-left: 4px;
    transform: rotate(-14deg);
  }
  80% {
    margin-top: 2px;
    margin-left: 3px;
    transform: rotate(-18deg);
  }
}
@-webkit-keyframes fluffy1 {
  0% {
    transform: translateX(0);
  }
  5% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-15px);
  }
  25% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(-15px);
  }
  50% {
    transform: translateX(0);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes fluffy1 {
  0% {
    transform: translateX(0);
  }
  5% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-15px);
  }
  25% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(-15px);
  }
  50% {
    transform: translateX(0);
  }
  to {
    transform: translateX(0);
  }
}
.slick-loading .slick-list {
  background: #fff url(ajax-loader.gif) 50% no-repeat;
}
@font-face {
  font-family: slick;
  font-weight: 400;
  font-style: normal;
  src: url(fonts/slick.eot);
  src:
    url(fonts/slick.eot?#iefix) format("embedded-opentype"),
    url(fonts/slick.woff) format("woff"),
    url(fonts/slick.ttf) format("truetype"),
    url(fonts/slick.svg#slick) format("svg");
}
.slick-next,
.slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translateY(-50%);
  cursor: pointer;
  border: none;
}
.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: 0.25;
}
.slick-next:before,
.slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  right: -25px;
  left: auto;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  right: auto;
  left: -25px;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
}
.slick-dots li,
.slick-dots li button {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  padding: 5px;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: none;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: #000;
}
.slick-slider {
  box-sizing: border-box;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.slick-list,
.slick-slider {
  position: relative;
  display: block;
}
.slick-list {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translateZ(0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.slick-track:after,
.slick-track:before {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.glovalHeader {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 8rem;
}
.glovalHeader > .wave {
  position: absolute;
  bottom: -0.4rem;
}
@media (max-width: 768px) {
  .glovalHeader {
    height: 6.4rem;
  }
}
.glovalHeader .glovalNav-Logo {
  display: inline-block;
  width: 20rem;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .glovalHeader .glovalNav-Logo {
    width: 14.6rem;
  }
}
.glovalHeader .glovalNav-Logo:hover {
  opacity: 0.8;
  transition: all 0.3s ease;
}
.glovalHeader .glovalNav-PageTitle {
  width: 380px;
}
@media (max-width: 960px) {
  .glovalHeader .glovalNav-PageTitle {
    width: 300px;
  }
}
@media (max-width: 768px) {
  .glovalHeader .glovalNav-PageTitle {
    width: 260px;
  }
}
@media (max-width: 320px) {
  .glovalHeader .glovalNav-PageTitle {
    width: 210px;
  }
}
html.remodal-is-locked {
  overflow: hidden;
  touch-action: none;
}
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  display: none;
  width: 100%;
  height: 100%;
  margin-right: auto;
  overflow: scroll;
  background: rgba(10, 10, 10, 0.5);
}
.overlayInner {
  position: relative;
  width: 100%;
  padding-top: 1.4rem;
  margin-left: auto;
  text-align: center;
  background-color: #8bbebf;
}
.overlayContents {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 85rem;
}
@media (max-width: 768px) {
  .overlayContents {
    height: auto;
    background-image:
      url(../../images/common/star-left.svg),
      url(../../images/common/star-right.svg);
    background-repeat: no-repeat;
    background-position:
      left 18.4rem,
      right 18.4rem;
  }
}
.icn-humberger {
  position: absolute;
  top: 3rem;
  right: 2rem;
  z-index: 3;
  display: flex;
  align-items: center;
  width: 26px;
  height: 18px;
  margin: auto;
  cursor: pointer;
}
@media (max-width: 768px) {
  .icn-humberger {
    top: 2.4rem;
    display: block;
    width: 26px;
    height: 18px;
  }
}
.icn-humberger {
  width: 2.7rem;
  height: 1.8rem;
  background: url(../../images/common/menu-open.svg) no-repeat 50%;
  background-size: contain;
  transition: all 0.3s ease;
}
.icn-humberger:hover {
  transition: all 0.3s ease;
  transform: scale(1.1);
}
.icn-humberger.is-open {
  background: url(../../images/common/menu-close.svg) no-repeat 50%;
}
.glovalNav {
  margin-top: 1.5rem;
  color: #fff;
}
.glovalNav .wave-line--white {
  width: 27rem;
}
.glovalNav .--bottom {
  bottom: 0;
}
.glovalNav .--top {
  top: 0;
}
.glovalNav h3 {
  padding: 2rem;
  font-size: 1.9rem;
}
.glovalNav ul li {
  position: relative;
}
.glovalNav ul li:hover {
  background: url(../../images/wave/wave-hover.png);
  background-repeat: repeat;
  background-size: contain;
  transition: all 0.3s ease;
}
.glovalNav ul li:hover .wave-line--white {
  display: none;
  transition: all 0.3s ease;
}
.glovalNav ul li:hover + li .--top {
  display: none;
}
.glovalNav ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 7rem;
  font-size: 1.9rem;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
}
.glovalNav ul li a:hover {
  text-decoration: none !important;
}
.glovalNav ul li a .theater-img {
  width: 270px;
}
.glovalNav-item {
  font-size: 1.8rem;
  font-weight: 400;
}
.glovalNav-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 11.7rem;
  margin-top: 5rem;
  background: url(../../images/common/hamerger-bottom.png);
  background-repeat: repeat;
  background-position: 50%;
  background-size: contain;
}
@media (max-width: 768px) {
  .glovalNav-bottom {
    position: static;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
  }
}
.p-aside {
  padding-bottom: 5rem;
}
.p-aside .p-aside-lnk a {
  display: block;
  color: #3784ac;
  font-size: 1.9rem;
  font-weight: 700;
  text-align: center;
  transition: all 0.3s ease;
}
.p-aside .p-aside-lnk a:hover {
  opacity: 0.7;
  text-decoration: none;
  transition: all 0.3s ease;
}
.p-aside .p-aside-lnk a .p-aside-logo {
  width: 23rem;
  margin: 0 auto 0.1em;
}
.GlobalFooter {
  padding: 2.5rem 1rem 5rem;
}
@media (max-width: 960px) {
  .GlobalFooter {
    padding: 1.8rem 1rem 5rem;
  }
}
.GlobalFooter .GlobalFooter__copyright {
  font-size: 0.9rem;
  text-align: center;
}
@media (max-width: 960px) {
  .GlobalFooter .GlobalFooter__copyright {
    font-size: 1rem;
  }
}
body {
  font-family:
    Noto Sans JP,
    sans-serif;
  font-family: var(--fontNotoSans);
}
#app {
  overflow: hidden;
}
.movieWraper {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .movieWraper {
    max-width: 100%;
  }
}
.iframeWrap {
  height: 0;
  padding-bottom: 56.25%;
}
iframe {
  position: absolute;
  top: 0;
  left: 0;
}
.schedule-dtl-txt {
  font-size: 1.6rem;
}
.schedule-dtl-txt .ticket-theater-red-brick {
  margin-top: 10px;
}
.schedule-dtl-txt .ticket-theater-red-brick dl dd span,
.schedule-dtl-txt .ticket-theater-red-brick dl dt span {
  font-family: BenchNine, sans-serif;
  font-family: var(--BenchNine);
  font-size: 1.3rem;
  font-weight: 400;
}
.schedule-dtl-txt .ticket-theater-red-brick dl + dl {
  margin-top: 10px;
}
.schedule-dtl-txt i {
  margin-right: 0.5rem;
  font-size: 1.3rem;
}
.schedule-dtl-txt span {
  font-family: BenchNine, sans-serif;
  font-family: var(--BenchNine);
  font-size: 1.3rem;
  font-weight: 400;
}
.schedule-dtl-txt .--redbrick a {
  color: #df0a33;
}
.schedule-dtl-txt .--redbrick i {
  color: #df0a33 !important;
}
.schedule-dtl-txt .--marinewalk a {
  color: #007ee4;
}
.schedule-dtl-txt .--marinewalk i {
  color: #007ee4 !important;
}
.schedule-dtl-txt .--bayquarter a {
  color: #00aeec;
}
.schedule-dtl-txt .--bayquarter i {
  color: #00aeec !important;
}
.schedule-dtl-txt .--worldporters a {
  color: #fc9d3a;
}
.schedule-dtl-txt .--worldporters i {
  color: #fc9d3a !important;
}
.sec-ttl {
  position: relative;
  width: 30rem;
  margin: 0 auto 0.5rem;
}
@media (max-width: 768px) {
  .sec-ttl {
    width: 27rem;
  }
}
.sec-ttl span {
  position: absolute;
  display: inline-block;
}
.sec-ttl .projector {
  bottom: -6rem;
  left: -4.5rem;
  width: 12.3rem;
}
.sec-ttl .ticket-mini.ticket-mini01 {
  top: -2.3rem;
  left: -4.6rem;
  width: 6rem;
  -webkit-animation: yurayura01 2s linear infinite;
  animation: yurayura01 2s linear infinite;
}
.sec-ttl .ticket-mini.ticket-mini02 {
  top: -0.5rem;
  left: 2.3rem;
  width: 6rem;
  -webkit-animation: yurayura02 2s linear infinite;
  animation: yurayura02 2s linear infinite;
}
.sec-ttl .ticket-mini.ticket-mini03 {
  top: 3rem;
  left: -3.2rem;
  width: 6rem;
  -webkit-animation: yurayura03 2s linear infinite;
  animation: yurayura03 2s linear infinite;
}
.sec-ttl .ticket02 {
  top: -1.8rem;
  right: -5.2rem;
  width: 6.8rem;
}
.sec-ttl .ship {
  top: -5rem;
  right: -7rem;
  width: 11.2rem;
  opacity: 0;
  transition-duration: 0.5s;
}
.sec-ttl .ship.is-animate {
  top: -1.8rem;
  right: -4.7rem;
  opacity: 1;
}
.sec-ttl .cab {
  top: -5rem;
  left: -7rem;
  width: 10.4rem;
  opacity: 0;
  transition-duration: 0.5s;
}
.sec-ttl .cab.is-animate {
  top: -1rem;
  left: -4.8rem;
  opacity: 1;
}
.sec-ttl-jp {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  text-align: center;
}
.sec-ttl-jp span {
  display: block;
}
@media (max-width: 768px) {
  .sec-ttl-jp {
    font-size: 1.9rem;
  }
}
.sec-ttl-jp-main {
  margin-top: 5rem;
  text-align: center;
}
.sec-ttl-jp-main h4 {
  display: inline-block;
  padding: 5px 1rem;
  font-family: fot-tsukubrdgothic-std, sans-serif;
  font-family: var(--fontTsukuBRdGothicStd);
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  border-top: 1px solid #264069;
  border-top: 1px solid var(--colorBrand);
  border-bottom: 1px solid #264069;
  border-bottom: 1px solid var(--colorBrand);
}
@media (max-width: 768px) {
  .sec-ttl-jp-main {
    font-size: 1.5rem;
  }
}
.sec-ttl-jp-sub {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 5rem;
  text-align: center;
}
.sec-ttl-jp-sub h4 {
  display: inline-block;
  padding-right: 1rem;
  padding-bottom: 0.7rem;
  padding-left: 1rem;
  font-family:
    Zen Old Mincho,
    serif;
  font-family: var(--fontZenOldMincho);
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  border-bottom: 0.5px solid #264069;
  border-bottom: 0.5px solid var(--colorBrand);
}
@media (max-width: 768px) {
  .sec-ttl-jp-sub {
    font-size: 1.5rem;
  }
}
.sec-lead {
  margin-top: 1.5rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.sec-lead span {
  display: block;
}
@media (max-width: 768px) {
  .sec-lead {
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: 1.4rem;
  }
}
.sponsor-list {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 20px 20px;
  gap: 20px 20px;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
}
@media (max-width: 768px) {
  .sponsor-list {
    grid-gap: 15px 20px;
    gap: 15px 20px;
  }
}
.sponsor-list li {
  display: -ms-grid;
  display: grid;
  width: calc(33% - 15px);
  margin-bottom: 1rem;
  background-color: #fff;
}
@media (max-width: 768px) {
  .sponsor-list li {
    width: 40%;
  }
}
.sponsor-list li a {
  transition: all 0.3s ease;
}
.sponsor-list li a:hover {
  opacity: 0.7;
}
.sponsor-list .sponsor-listーwrapper {
  text-align: center;
}
.sponsor-list .sponsor-listーwrapper img {
  height: 70px;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (max-width: 768px) {
  .sponsor-list .sponsor-listーwrapper img {
    height: 55px;
  }
}
.sponsor-list-nologo {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 10px 20px;
  gap: 10px 20px;
  align-items: center;
  justify-content: center;
}
.sponsor-list-nologo li {
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
.sponsor-list-nologo li a {
  color: #fff;
  text-decoration: underline;
}
.sponsor-list-nologo li a:hover {
  text-decoration: none;
}
.sponsor-list-nologo li + li {
  margin-top: 0.2rem;
}
.single-slider {
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .single-slider {
    margin-bottom: 1rem;
  }
}
.single-slider .single-slider-main .slick-list .slick-slide .single-slider-img,
.single-slider
  .single-slider-main
  .slick-list
  .slick-slide
  .single-slider-img
  div
  img {
  height: 200px;
}
.single-slider .single-slider-thumb {
  margin-top: 5px;
}
.single-slider .single-slider-thumb .slick-slide {
  text-align: center;
  opacity: 0.6;
}
.single-slider .single-slider-thumb .slick-slide.slick-current {
  opacity: 1;
}
.single-slider .single-slider-thumb .slick-slide div {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .single-slider .single-slider-thumb .slick-slide div {
    padding-right: 5px;
    padding-left: 5px;
  }
}
.single-slider .single-slider-thumb .slick-slide div li {
  width: 100%;
  text-align: center;
}
.single-slider .single-slider-thumb .slick-slide div li div {
  padding: 5px;
}
.single-slider .single-slider-thumb .slick-slide div li div img {
  width: auto;
  transition: all 0.3s ease;
}
.single-slider .single-slider-thumb .slick-slide div li div img:hover {
  text-decoration: none;
  cursor: pointer;
  opacity: 0.8;
  transition: all 0.3s ease;
}
.slick-prev {
  top: 0;
  bottom: 0;
  left: 2%;
  margin: auto;
  cursor: pointer;
  transform: rotate(0);
}
.slick-prev:before {
  content: url(../../images/common/slide-arrow.svg);
}
.slick-next,
.slick-prev {
  z-index: 2;
  width: 3rem;
  height: 3rem;
  transition: all 0.3s ease;
}
.slick-next:hover,
.slick-prev:hover {
  opacity: 0.8;
  transition: all 0.3s ease;
}
.slick-next {
  top: 0;
  right: 2%;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  transform: rotate(180deg);
}
.slick-next:before {
  content: url(../../images/common/slide-arrow.svg);
}
.slick-next:before,
.slick-prev:before {
  width: 3rem;
  height: 3rem;
  opacity: 1;
}
.p-movie-ticket .box-block {
  background: #245066;
  background: var(--colorMain);
}
.p-movie-ticket #box01 .circle {
  background: #c7dde8;
}
.p-movie-ticket #box02 .circle02 {
  border: 0.05rem solid #fff;
}
.p-movie-ticket #box02 .box-block02,
.p-movie-ticket #box02 .circle02 {
  background: #245066;
  background: var(--colorMain);
}
.movie-ticket {
  margin-top: 1.5rem;
}
.movie-ticket.--red-brick .box-block {
  background-color: #df0a33 !important;
  background-color: var(--theaterRB) !important;
}
.movie-ticket.--red-brick #box02 .box-block02,
.movie-ticket.--red-brick #box02 .circle02 {
  background: #df0a33 !important;
  background: var(--theaterRB) !important;
}
.movie-ticket.--marinewalk .box-block {
  background-color: #036eb8 !important;
  background-color: var(--theaterMW) !important;
}
.movie-ticket.--marinewalk #box02 .box-block02,
.movie-ticket.--marinewalk #box02 .circle02 {
  background: #036eb8 !important;
  background: var(--theaterMW) !important;
}
.movie-ticket.--bay-quarter .box-block {
  background-color: #00aeec !important;
  background-color: var(--theaterBQ) !important;
}
.movie-ticket.--bay-quarter #box02 .box-block02,
.movie-ticket.--bay-quarter #box02 .circle02 {
  background: #00aeec !important;
  background: var(--theaterBQ) !important;
}
.movie-ticket.--world-porters .box-block {
  background-color: #fc9d3a !important;
  background-color: var(--theaterWP) !important;
}
.movie-ticket.--world-porters #box02 .box-block02,
.movie-ticket.--world-porters #box02 .circle02 {
  background: #fc9d3a !important;
  background: var(--theaterWP) !important;
}
.movie-ticket a {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
  color: #fff;
}
.movie-ticket a:hover {
  text-decoration: none;
}
.movie-ticket #box01 {
  transition: all 0.3s ease;
}
.movie-ticket #box01:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}
.movie-ticket #box01 .box-block {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 100%;
}
.movie-ticket #box01.box-outer {
  position: relative;
  z-index: 1;
  max-width: 29.4rem;
  height: 5.7rem;
  margin: 0 auto;
  overflow: hidden;
}
.movie-ticket #box01 .circle {
  position: absolute;
  z-index: 2;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 100%;
}
.movie-ticket #box01 .top-left {
  top: -0.9rem;
  left: -0.9rem;
}
.movie-ticket #box01 .top-rigt {
  top: -0.9rem;
  right: -0.9rem;
}
.movie-ticket #box01 .btm-left {
  bottom: -0.9rem;
  left: -0.9rem;
}
.movie-ticket #box01 .btm-rigt {
  right: -0.9rem;
  bottom: -0.9rem;
}
.movie-ticket #box02 .circle02 {
  border: 0.05rem solid #fff;
}
.movie-ticket #box02 .box-block02 {
  height: 100%;
  color: #fff;
}
.movie-ticket #box02.box-outer02 {
  position: relative;
  z-index: 1;
  width: 93%;
  height: 3.7rem;
  overflow: hidden;
}
.movie-ticket #box02 .box-block02 {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  border: 0.05rem solid #fff;
}
.movie-ticket #box02 .circle02 {
  position: absolute;
  z-index: 2;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 100%;
}
.movie-ticket #box02 .top-left02 {
  top: -1.3rem;
  left: -1.3rem;
}
.movie-ticket #box02 .top-rigt02 {
  top: -1.3rem;
  right: -1.3rem;
}
.movie-ticket #box02 .btm-left02 {
  bottom: -1.3rem;
  left: -1.3rem;
}
.movie-ticket #box02 .btm-rigt02 {
  right: -1.3rem;
  bottom: -1.3rem;
}
.wave {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 0.4rem;
  background-color: transparent;
  background-repeat: repeat;
}
.wave--blue {
  background: url(../../images/wave/wave-blue.svg);
}
.wave--blue-footer {
  margin-top: -0.4rem;
  background: url(../../images/wave/wave-blue-footer.png);
  background-color: transparent;
  background-size: 24px auto;
}
.wave--icegreen01 {
  background: url(../../images/wave/wave-icegreen01.svg);
}
.wave--icegreen02 {
  background: url(../../images/wave/wave-icegreen02.svg);
}
.wave--lightblue {
  background: url(../../images/wave/wave-lightblue.svg);
}
.wave--navy {
  background: url(../../images/wave/wave-navy.svg);
}
.wave--purple {
  background: url(../../images/wave/wave-purple.svg);
}
.wave--pink {
  background: url(../../images/wave/wave-pink.svg);
}
.wave--lime {
  background: url(../../images/wave/wave-lime.svg);
}
.wave--lightgreen {
  background: url(../../images/wave/wave-lightgreen.svg);
}
.wave--white {
  background: url(../../images/wave/wave-white.svg);
}
.wave-line {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 0.5rem;
  background-repeat: repeat;
}
.wave-line--navy {
  background: url(../../images/wave/wave-line-navy.svg);
}
.wave-line--blue {
  background: url(../../images/wave/wave-line-blue.svg);
}
.wave-theater {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 0.5rem;
  background-repeat: repeat;
}
.wave--theater-red-brick {
  background: url(../../images/wave/wave-line-rb.svg);
}
.wave--theater-marinewalk {
  background: url(../../images/wave/wave-line-mw.svg);
}
.wave--theater-bay-quarter {
  background: url(../../images/wave/wave-line-bq.svg);
}
.wave--theater-world-porters {
  background: url(../../images/wave/wave-line-wp.svg);
}
.wave-line--white {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 2;
  display: inline-block;
  height: 0.5rem;
  margin: auto;
  background: url(../../images/wave/wave-line-white.svg);
  background-repeat: repeat;
  transition: all 0.3s ease;
}
body.home {
  background-image: url(../images/bkg-film.png);
  background-repeat: no-repeat;
  background-position: right bottom 80px;
  background-size: 30% auto;
}
@media (max-width: 768px) {
  body.home {
    background-position: right bottom 0;
    background-size: 30% auto;
  }
}
body.home .p-home-sec {
  margin-top: -0.4rem;
}
body.home .p-home-sec .p-home-sec-note {
  margin-top: 1.5rem;
  text-align: center;
}
body.home .p-home-btn {
  margin-top: 4rem;
  text-align: center;
}
@media (max-width: 768px) {
  body.home .p-home-btn {
    margin-top: 2rem;
  }
}
body.home .p-home-btn a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 21rem;
  height: 3.6rem;
  transition: all 0.3s ease;
}
body.home .p-home-btn a:hover {
  text-decoration: none;
  opacity: 0.8;
  transition: all 0.3s ease;
}
body.home #p-home-top {
  padding-bottom: 7em;
  background: #f4fffe;
  background: linear-gradient(180deg, #f4fffe, #f4fffe 91%, #fff);
}
body.home #p-home-top .p-home-mv {
  position: relative;
  height: 600px;
}
@media (max-width: 768px) {
  body.home #p-home-top .p-home-mv {
    height: 50vh;
  }
}
body.home #p-home-top .p-home-mv img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 70%;
  height: auto;
  margin: auto;
}
@media (max-width: 960px) {
  body.home #p-home-top .p-home-mv img {
    max-width: 80%;
  }
}
@media (max-width: 768px) {
  body.home #p-home-top .p-home-mv img {
    max-width: 80%;
  }
}
body.home #p-home-top h2 {
  font-family:
    Zen Old Mincho,
    serif;
  font-family: var(--fontZenOldMincho);
  font-size: 3rem;
  font-style: normal;
  font-weight: 300;
  text-align: center;
}
@media (max-width: 960px) {
  body.home #p-home-top h2 {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  body.home #p-home-top h2 {
    font-size: 1.8rem;
  }
}
body.home #p-home-top h2 span {
  display: block;
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  body.home #p-home-top h2 span {
    font-size: 1.1rem;
  }
}
body.home #p-home-top .p-home-sns {
  padding: 5rem 1rem 0;
  text-align: center;
}
@media (max-width: 960px) {
  body.home #p-home-top .p-home-sns {
    padding: 3rem 1rem 0;
  }
}
@media (max-width: 768px) {
  body.home #p-home-top .p-home-sns {
    padding: 2rem 1rem 0;
  }
}
@media (max-width: 320px) {
  body.home #p-home-top .p-home-sns {
    padding: 1rem 1rem 0;
  }
}
body.home #p-home-top .p-home-sns p {
  margin-top: 2rem;
  font-family:
    Zen Old Mincho,
    serif;
  font-family: var(--fontZenOldMincho);
  font-size: 2rem;
  font-style: normal;
  font-weight: 300;
}
@media (max-width: 960px) {
  body.home #p-home-top .p-home-sns p {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  body.home #p-home-top .p-home-sns p {
    font-size: 1.2rem;
  }
}
body.home #p-home-top .p-home-sns h3 {
  margin-top: 6rem;
  margin-bottom: 2rem;
}
body.home #p-home-top .p-home-sns h3 span {
  display: inline-block;
  padding: 1rem;
  font-size: 2rem;
  font-weight: 500;
  color: #245066;
  color: var(--colorMain);
  border-top: 2px solid #245066;
  border-top: 2px solid var(--colorMain);
  border-bottom: 2px solid #245066;
  border-bottom: 2px solid var(--colorMain);
}
@media (max-width: 768px) {
  body.home #p-home-top .p-home-sns h3 span {
    font-size: 1.33rem;
  }
}
@media (max-width: 768px) {
  body.home #p-home-top .p-home-sns h3 {
    margin-bottom: 1.5rem;
  }
}
body.home #p-home-top .p-home-sns .p-home-sns-check {
  margin-top: 2rem;
  font-family:
    Zen Old Mincho,
    serif;
  font-family: var(--fontZenOldMincho);
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 300;
}
body.home #p-home-top .p-home-sns-list {
  display: inline-flex;
}
body.home #p-home-top .p-home-sns-list li {
  margin: 0 1.35rem;
}
body.home #p-home-top .p-home-sns-list li a {
  display: block;
  width: 7rem;
  height: 7rem;
  cursor: pointer;
}
@media (max-width: 768px) {
  body.home #p-home-top .p-home-sns-list li a {
    width: 5.4rem;
    height: 5.4rem;
  }
}
body.home .p-home-date {
  position: relative;
  z-index: 0;
  box-sizing: border-box;
  max-width: 690px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
}
@media (max-width: 768px) {
  body.home .p-home-date {
    max-width: 100%;
    margin-right: 10px;
    margin-left: 10px;
  }
}
body.home .p-home-date .p-home-date-inner {
  padding: 20px 30px 40px;
  border: 1px solid #264069;
  border: 1px solid var(--colorBrand);
}
@media (max-width: 768px) {
  body.home .p-home-date .p-home-date-inner {
    padding: 20px 10px 40px;
  }
}
body.home .p-home-date ul {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 10px 0;
  gap: 10px 0;
  margin-top: 2rem;
}
body.home .p-home-date ul li {
  box-sizing: border-box;
  width: 50%;
  font-family:
    Zen Old Mincho,
    serif;
  font-family: var(--fontZenOldMincho);
  font-size: 1.9rem;
  font-style: normal;
  font-weight: 900;
  text-align: center;
}
@media (max-width: 960px) {
  body.home .p-home-date ul li {
    font-size: 1.9rem;
  }
}
@media (max-width: 768px) {
  body.home .p-home-date ul li {
    font-size: 1.1rem;
  }
}
body.home .p-home-date:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";
  background: linear-gradient(-45deg, #e170a7, #f4fffe 75%);
  filter: blur(0);
  border-radius: inherit;
  opacity: var(1);
  transition: opacity 0.3s;
  transform: translate3d(15px, 15px, 0) scale(1);
}
@media (max-width: 768px) {
  body.home .p-home-date:before {
    transform: translate3d(8px, 8px, 0) scale(1);
  }
}
body.home .p-home-date:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";
  background: inherit;
  border-radius: inherit;
}
body.home #p-home-archive {
  padding: 6rem 2rem;
}
@media (max-width: 768px) {
  body.home #p-home-archive {
    padding: 4rem 2rem;
  }
}
body.home #p-home-archive .movieWraper {
  margin-top: 20px;
}
body.home #p-home-schedule {
  padding-top: 6rem;
}
@media (max-width: 768px) {
  body.home #p-home-schedule {
    padding-top: 5rem;
  }
}
body.home #p-home-schedule h4 {
  font-size: 1.25rem;
  line-height: 1.4;
}
body.home #p-home-schedule .tab {
  margin-top: 3rem;
}
body.home #p-home-schedule .tab li {
  width: 19.5%;
}
body.home #p-home-schedule .tab li.active:after {
  position: absolute;
  right: 0;
  bottom: -1.5rem;
  left: 0;
  width: 57px;
  margin: auto;
  cursor: auto;
  content: url(../../images/wave/wave-schedule.svg);
}
body.home #p-home-schedule .tab li img {
  width: 3.9rem;
}
body.home #p-home-schedule .projector {
  position: absolute;
  top: 0;
  right: -10rem;
  width: 12.3rem;
  height: 8.6rem;
  transition-duration: 0.5s;
  transform: scaleX(-1);
}
body.home #p-home-schedule .projector.is-animate {
  transform: scale(1);
}
body.home #p-home-schedule .p-home-schedule-wrap {
  padding-top: 3.6rem;
}
body.home #p-home-schedule .p-home-schedule {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  padding: 0 2rem;
}
@media (max-width: 768px) {
  body.home #p-home-schedule .p-home-schedule {
    justify-content: start;
    padding: 0 0.6rem;
  }
}
body.home #p-home-schedule .p-home-schedule .p-home-schedule-box {
  box-sizing: border-box;
  display: flex;
  flex-basis: 25%;
  padding: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  body.home #p-home-schedule .p-home-schedule .p-home-schedule-box {
    flex-basis: 50%;
    padding: 0.6rem;
  }
}
body.home .p-home-schedule-dtl {
  width: 100%;
}
body.home .p-home-schedule-dtl .p-home-schedule-dtl-img {
  width: 100%;
  aspect-ratio: 3/4;
  margin-top: 0.5rem;
}
body.home .p-home-schedule-dtl .p-home-schedule-dtl-img a {
  transition: all 0.3s ease;
}
body.home .p-home-schedule-dtl .p-home-schedule-dtl-img a img {
  width: 100%;
  height: auto;
}
body.home .p-home-schedule-dtl .p-home-schedule-dtl-img a:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}
body.home
  .p-home-schedule-dtl
  .p-home-details-theater
  .p-home-details-theater-selecttab
  span.theater-theme {
  display: none;
}
body.home
  .p-home-schedule-dtl
  .p-home-details-theater.--btm
  span.theater-theme {
  display: block;
  margin-top: 1rem;
}
body.home .p-home-schedule-dtl .p-home-details-theater.--btm span.--theater {
  display: none;
}
body.home .p-home-schedule-dtl .p-home-schedule-dtl-ttl {
  margin-top: 0.3rem;
}
body.home #p-home-ticket {
  padding: 6rem 0;
}
@media (max-width: 768px) {
  body.home #p-home-ticket {
    padding: 4rem 1rem 8rem;
  }
}
body.home #p-home-ticket ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 6.5rem;
}
@media (max-width: 768px) {
  body.home #p-home-ticket ul {
    display: block;
  }
}
body.home #p-home-ticket ul li {
  position: relative;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 10rem;
}
body.home #p-home-ticket ul li:nth-child(2n) {
  margin-right: 0;
}
@media (max-width: 768px) {
  body.home #p-home-ticket ul li {
    width: 100%;
    margin-right: 0;
  }
  body.home #p-home-ticket ul li:last-child {
    margin-bottom: 0;
  }
}
body.home #p-home-ticket ul .p-home-theater-name {
  position: absolute;
  top: -2rem;
  right: 0;
  left: 0;
  z-index: 1;
  width: 24rem;
  margin: auto;
}
body.home #p-home-ticket ul .p-home-theater-eyecatch {
  aspect-ratio: 3/2;
  overflow: hidden;
}
body.home #p-home-ticket ul .p-home-theater-eyecatch a {
  -o-object-fit: cover;
  object-fit: cover;
}
body.home #p-home-ticket ul .p-home-theater-eyecatch a img {
  display: block;
  height: auto;
  aspect-ratio: 3/2;
  transition: all 0.3s ease;
  transform: scale(1);
  -o-object-fit: cover;
  object-fit: cover;
}
body.home #p-home-ticket ul .p-home-theater-eyecatch a img:hover {
  transform: scale(1.02);
}
body.home #p-home-ticket ul .p-home-theater-more {
  position: absolute;
  right: 0;
  bottom: -2.8rem;
  left: 0;
  width: 23rem;
  margin: auto;
}
body.home #p-home-ticket ul .p-home-theater-more a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5.6rem;
}
body.home #p-home-area {
  padding: 6rem 0;
}
@media (max-width: 768px) {
  body.home #p-home-area {
    padding: 4rem 0;
  }
}
body.home #p-home-how {
  padding: 6rem 0;
}
@media (max-width: 768px) {
  body.home #p-home-how {
    padding: 4rem 0;
  }
}
body.home #p-home-how ul {
  display: flex;
  width: 27rem;
  margin: 1.5rem auto 3rem;
}
@media (max-width: 768px) {
  body.home #p-home-how ul {
    margin: 1rem auto;
  }
}
body.home #p-home-how ul li {
  width: 6rem;
  margin-right: 1rem;
}
body.home #p-home-how ul li:last-child {
  margin-right: 0;
}
body.home #p-home-how ul li a {
  transition: all 0.3s ease;
}
body.home #p-home-how ul li a:hover {
  opacity: 0.8;
}
body.home #p-home-how ul li a img {
  border-radius: 50%;
}
body.home #p-home-attention {
  padding: 6.5rem 0;
}
@media (max-width: 768px) {
  body.home #p-home-attention {
    padding: 4rem 0;
  }
}
body.home #p-home-coop {
  padding: 0 0 3rem;
}
@media (max-width: 768px) {
  body.home #p-home-coop {
    padding: 0 1.4rem 7rem;
  }
}
body.single .glovalHeader {
  background-color: #8bbebf;
}
body.single .p-movie {
  padding: 10.6rem 2rem 5rem;
  color: #245066;
  color: var(--colorMain);
}
body.single .p-movie h2 {
  margin-bottom: 0.5rem;
  font-size: 2.2rem;
  font-weight: 700;
  color: #3784ac;
}
body.single .p-movie-sec {
  padding-top: 1rem;
}
body.single .p-movie-sec h3 {
  position: absolute;
  top: -6.5rem;
  right: 0;
  left: 0;
  z-index: -1;
  box-sizing: border-box;
  width: 13.5rem;
  height: 14rem;
  padding-top: 2.5rem;
  margin: auto;
  overflow: hidden;
  font-size: 1.9rem;
  text-align: center;
  background-color: #c7dde8;
  border-radius: 50%;
}
body.single .p-movie-ttl {
  font-size: 2rem;
}
body.single .p-movie-creditset {
  margin-top: 1.5rem;
}
body.single .p-movie-creditset .p-movie-credit {
  display: flex;
  font-size: 1.2rem;
}
body.single .p-movie-details-price {
  margin-top: 0.5rem;
  margin-right: -1rem;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: right;
}
body.single .p-movie-copyright {
  margin-top: 0.5rem;
  font-size: 1.2rem;
}
body.single .p-movie-details {
  position: relative;
  padding: 1.8rem 2rem 2.2rem;
  margin-top: 10rem;
  color: #245066;
  color: var(--colorMain);
  background-color: #c7dde8;
}
body.single .p-movie-details-theater {
  position: relative;
  margin-bottom: 1rem;
}
body.single .p-movie-details-theater + .wave-line-navy {
  margin-bottom: 2rem;
}
body.single .p-movie-details-theater h4 {
  font-size: 1.2rem;
}
body.single .p-movie-details-theater h4 span {
  display: block;
}
body.single .p-movie-details-theater h4 span:after {
  position: absolute;
  top: -9.5rem;
  right: -14rem;
  transform: scale(0.35);
}
@media (max-width: 768px) {
  body.single .p-movie-details-theater h4 span:after {
    right: -15rem;
    transform: scale(0.3);
  }
}
body.single .p-movie-details-theater h4 .--redbrick:after {
  content: url(../../images/theater/illust-theater-red-brick.png);
}
@media (max-width: 768px) {
  body.single .p-movie-details-theater h4 .--redbrick:after {
    top: -12rem;
    right: -15rem;
  }
}
body.single .p-movie-details-theater h4 .--marinewalk:after {
  content: url(../../images/theater/illust-theater-marinewalk.png);
}
body.single .p-movie-details-theater h4 .--bayquarter:after {
  content: url(../../images/theater/illust-theater-bay-quarter.png);
}
body.single .p-movie-details-theater h4 .--worldporters:after {
  content: url(../../images/theater/illust-theater-world-porters.png);
}
@media (max-width: 768px) {
  body.single .p-movie-details-theater h4 .--worldporters:after {
    top: -12.5rem;
    right: -15rem;
  }
}
body.single .p-movie-details-date {
  margin-bottom: 0.6rem;
  font-size: 1.4rem;
}
body.single .p-movie-ticket .box-block {
  background: #245066;
  background: var(--colorMain);
}
body.single .p-movie-ticket #box01 .circle {
  background: #c7dde8;
}
body.single .p-movie-ticket #box02 .circle02 {
  border: 0.05rem solid #fff;
}
body.single .p-movie-ticket #box02 .box-block02,
body.single .p-movie-ticket #box02 .circle02 {
  background: #245066;
  background: var(--colorMain);
}
body.single .p-movie-content p {
  font-size: 1.6rem;
  line-height: 2;
}
@media (max-width: 768px) {
  body.single .p-movie-content p {
    font-size: 1.4rem;
  }
}
.ticket-theater {
  margin-bottom: 1rem;
}
.ticket-theater.--theater-bay-quarter dl {
  align-items: center;
  justify-content: space-between;
  font-size: 1.4rem;
  border-bottom: 1px solid #fff;
  border-bottom: none !important;
}
.ticket-theater.--theater-bay-quarter dl dt span {
  font-size: 1.1rem;
}
.ticket-theater.--theater-red-brick {
  margin-top: 2rem;
}
.ticket-theater.--theater-red-brick dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #fff;
}
@media (max-width: 768px) {
  .ticket-theater.--theater-red-brick dl {
    align-items: end;
  }
}
.ticket-theater.--theater-red-brick dl + dl {
  padding-top: 0.6rem;
  margin-top: 0.6rem;
}
.ticket-theater.--theater-red-brick dl dt {
  flex: 1;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .ticket-theater.--theater-red-brick dl dt {
    font-size: 1.3rem;
  }
}
@media (max-width: 768px) {
  .ticket-theater.--theater-red-brick dl dt span {
    display: block;
    font-size: 1.3rem;
  }
}
.ticket-theater.--theater-red-brick dl dd {
  padding-left: 3rem;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .ticket-theater.--theater-red-brick dl dd {
    padding-left: 1rem;
    font-size: 1.4rem;
  }
}
.ticket-theater.--theater-red-brick dl dd span {
  font-size: 1.1rem;
}
body.single-theater .p-theater {
  padding: 15.6rem 0 5rem;
  color: #245066;
  color: var(--colorMain);
}
@media (max-width: 768px) {
  body.single-theater .p-theater {
    padding: 10.6rem 0 3rem;
  }
}
body.single-theater .p-theater-sec-info {
  padding: 0 2rem;
}
body.single-theater .p-theater-sec .sponsor-list {
  margin-top: 6rem;
}
body.single-theater .theater-red-brick .p-theater-subttl,
body.single-theater .theater-red-brick i {
  color: #df0a33;
}
body.single-theater .theater-marinewalk .p-theater-subttl,
body.single-theater .theater-marinewalk i {
  color: #036eb8;
}
body.single-theater .theater-bay-quarter .p-theater-subttl,
body.single-theater .theater-bay-quarter i {
  color: #00aeec;
}
body.single-theater .theater-world-porters .p-theater-subttl,
body.single-theater .theater-world-porters i {
  color: #fc9d3a;
}
body.single-theater .p-theater-slider {
  position: relative;
}
body.single-theater .p-theater-ttl {
  position: absolute;
  top: -2rem;
  right: 0;
  left: 0;
  z-index: 2;
  width: 24rem;
  margin: auto;
}
body.single-theater .p-theater-details-price {
  display: flex;
}
body.single-theater .p-theater-details-price dt {
  width: 30%;
}
body.single-theater .p-theater-details-price dd {
  width: 70%;
  font-size: 1.4rem;
  text-align: right;
}
body.single-theater .p-theater-subttl {
  font-family: Montserrat, sans-serif;
  font-family: var(--Montserrat);
  font-size: 1.6rem;
  font-weight: 700;
}
body.single-theater .p-theater-access {
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}
body.single-theater .p-theater-access dd p {
  font-size: 1.4rem;
}
body.single-theater .p-theater-access dd p a {
  font-size: 1.4rem !important;
  color: #245066;
  color: var(--colorMain);
}
body.single-theater .p-theater-access dd p a i {
  margin-right: 0.3rem;
}
body.single-theater .p-theater-sns {
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}
body.single-theater .p-theater-sns dd ul {
  display: flex;
  margin-top: 0.6rem;
  margin-bottom: 1rem;
}
body.single-theater .p-theater-sns dd ul li + li {
  margin-left: 2rem;
}
body.single-theater .p-theater-sns dd ul li a img {
  width: auto;
  height: 30px;
}
body.single-theater .p-theater-theme h3 {
  margin: 2.4rem 0 0.5rem;
  font-size: 1.9rem;
  font-weight: 700;
  color: #3784ac;
}
body.single-theater .p-theater-content p {
  font-size: 1.6rem;
  line-height: 2;
}
@media (max-width: 768px) {
  body.single-theater .p-theater-content p {
    font-size: 1.4rem;
  }
}
body.single-theater .p-theater-content p + p {
  margin-top: 2rem;
}
body.single-theater .p-theater-illust {
  width: 19rem;
  margin-left: auto;
}
body.single-theater .c-theater-sponser ul {
  display: flex;
  flex-wrap: wrap;
}
body.single-theater .c-theater-sponser ul li {
  box-sizing: border-box;
  width: 32%;
  margin-right: 1.33%;
  margin-bottom: 1rem;
  border: 0.1em solid #245066;
  border: 0.1em solid var(--colorMain);
}
@media (max-width: 768px) {
  body.single-theater .c-theater-sponser ul li {
    width: 49%;
    margin-right: 2%;
  }
}
body.single-theater .c-theater-sponser ul li:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 768px) {
  body.single-theater .c-theater-sponser ul li:nth-child(3n) {
    margin-right: 2%;
  }
}
@media (max-width: 768px) {
  body.single-theater .c-theater-sponser ul li:nth-child(2n) {
    margin-right: 0;
  }
}
body.single-theater .sponsor-list-nologo {
  margin-bottom: 10rem;
}
body.single-theater .sponsor-list-nologo li,
body.single-theater .sponsor-list-nologo li a {
  color: #245066;
  color: var(--colorMain);
}
body.single-theater .p-theater-sec-wave {
  margin-top: -0.4rem;
}
body.single-theater .p-theater-sec-ttl-wrap {
  position: absolute;
  top: -4.5rem;
  right: 0;
  left: 0;
  z-index: 2;
  width: 13.5rem;
  height: 6.5rem;
  margin: auto;
}
body.single-theater .p-theater-sec-ttl-wrap .projector {
  position: absolute;
  top: 0;
  right: -10rem;
  width: 12.3rem;
  height: 8.6rem;
  background-image: url(../../images/icon/projector-off.png);
  background-repeat: no-repeat;
  background-size: 123px auto;
  transition-duration: 0.5s;
  transform: scale(1);
}
body.single-theater .p-theater-sec-ttl-wrap .projector.is-animate {
  background-image: url(../../images/icon/projector.png);
  transform: scaleX(-1);
}
body.single-theater .p-theater-sec-ttl-wrap .people {
  position: absolute;
  top: 0.5;
  left: -11.5rem;
  width: 1.3rem;
  opacity: 0;
  transition-duration: 0.5s;
}
body.single-theater .p-theater-sec-ttl-wrap .people.is-animate {
  top: 1rem;
  left: -10.5rem;
  width: 12.3rem;
  opacity: 1;
}
body.single-theater .p-theater-sec-ttl {
  position: relative;
  width: 13.5rem;
  height: 6.5rem;
  overflow: hidden;
}
body.single-theater .p-theater-sec-ttl h4 {
  box-sizing: border-box;
  width: 13.5rem;
  height: 14rem;
  padding-top: 2rem;
  overflow: hidden;
  font-size: 1.9rem;
  line-height: 1.2;
  text-align: center;
  border-radius: 50%;
}
body.single-theater .p-theater-schedule {
  position: relative;
  padding: 4rem 2rem 11.6rem;
  color: #fff;
  background-color: #245066;
}
body.single-theater .p-theater-schedule h4 {
  color: #fff;
  background-color: #245066;
}
body.single-theater .p-theater-schedule .p-theater-schedule-lst {
  margin-bottom: 5rem;
}
body.single-theater .p-theater-schedule .p-theater-schedule-lst li {
  position: relative;
}
body.single-theater .p-theater-schedule .p-theater-schedule-lst li + li {
  margin-top: 4.4rem;
}
body.single-theater
  .p-theater-schedule
  .p-theater-schedule-lst
  li
  .p-theater-schedule-link {
  display: block;
  font-size: 1.8rem;
  color: #fff;
  transition: all 0.3s ease;
}
body.single-theater
  .p-theater-schedule
  .p-theater-schedule-lst
  li
  .p-theater-schedule-link:hover {
  text-decoration: none;
  opacity: 0.7;
  transition: all 0.3s ease;
}
body.single-theater .p-theater-schedule .p-theater-schedule-dtl {
  display: flex;
}
body.single-theater
  .p-theater-schedule
  .p-theater-schedule-dtl
  .p-theater-schedule-dtl-img
  img {
  width: 16rem;
}
@media (max-width: 768px) {
  body.single-theater
    .p-theater-schedule
    .p-theater-schedule-dtl
    .p-theater-schedule-dtl-img
    img {
    width: 8.6rem;
  }
}
body.single-theater
  .p-theater-schedule
  .p-theater-schedule-dtl
  .p-theater-schedule-dtl-txt {
  padding: 0.5rem 0 0.5rem 1.8rem;
}
body.single-theater
  .p-theater-schedule
  .p-theater-schedule-dtl
  .p-theater-schedule-dtl-txt
  .theater-theme {
  font-size: 1.2rem;
}
@media (max-width: 768px) {
  body.single-theater
    .p-theater-schedule
    .p-theater-schedule-dtl
    .p-theater-schedule-dtl-txt
    .theater-theme {
    font-size: 1rem;
  }
}
body.single-theater
  .p-theater-schedule
  .p-theater-schedule-dtl
  .p-theater-schedule-dtl-txt
  .--theater,
body.single-theater
  .p-theater-schedule
  .p-theater-schedule-dtl
  .p-theater-schedule-dtl-txt
  .p-movie-details-date {
  font-size: 1.4rem;
}
body.single-theater
  .p-theater-schedule
  .p-theater-schedule-dtl
  .p-theater-schedule-dtl-txt
  .p-theater-schedule-link {
  font-size: 1.6rem;
  font-weight: 700;
}
@media (max-width: 768px) {
  body.single-theater
    .p-theater-schedule
    .p-theater-schedule-dtl
    .p-theater-schedule-dtl-txt
    .p-theater-schedule-link {
    font-size: 1.4rem;
  }
}
body.single-theater
  .p-theater-schedule
  .p-theater-schedule-dtl
  .p-movie-details-date {
  font-size: 1.4rem;
  font-weight: 700;
}
body.single-theater
  .p-theater-schedule
  .p-theater-schedule-dtl
  .p-movie-theater {
  font-size: 1.2rem;
}
body.single-theater
  .p-theater-schedule
  .p-theater-schedule-dtl
  .p-movie-theater
  span {
  display: block;
}
body.single-theater .p-theater-schedule .wave-line--white {
  bottom: -1.8rem;
}
body.single-theater .p-theater-ticket .box-block {
  background: #df0a33;
}
body.single-theater .p-theater-ticket #box01 .circle {
  background: #245066;
}
body.single-theater .p-theater-ticket #box02 .circle02 {
  background: #df0a33;
  border: 0.05rem solid #fff;
}
body.single-theater .p-theater-ticket #box02 .box-block02 {
  background: #df0a33;
}
body.single-theater .p-theater-event {
  position: relative;
  padding: 8rem 2rem 3rem;
  background-color: #abd0d1;
}
body.single-theater .p-theater-event h4 {
  color: #245066;
  color: var(--colorMain);
  background-color: #abd0d1;
}
body.single-theater .p-theater-event h5 {
  margin-bottom: 1rem;
  font-size: 1.9rem;
  font-weight: 700;
}
body.single-theater .p-theater-event-details {
  position: relative;
  padding-bottom: 5rem;
}
body.single-theater .p-theater-event-details:last-child .wave-line--white {
  display: none;
}
body.single-theater .p-theater-event-details + .p-theater-event-details {
  margin-top: 2rem;
}
body.single-theater .p-theater-event-details .p-theater-event-eyecatch {
  margin-bottom: 1.2rem;
}
body.single-theater .p-theater-event-details .p-theater-event-eyecatch img {
  width: 100%;
  height: auto;
}
body.single-theater .p-theater-event-details .p-theater-event-content p {
  font-size: 1.4rem;
  line-height: 1.8;
}
body.single-theater .p-theater-event-details .p-theater-event-content p a {
  font-weight: 700;
  text-decoration: underline;
}
body.single-theater .p-theater-event-details .p-theater-event-content p + p {
  margin-top: 2rem;
}
body.single-theater .p-theater-event-details .p-theater-event-lnk {
  margin-top: 2.5rem;
  text-align: center;
}
body.single-theater .p-theater-event-details .p-theater-event-lnk a {
  display: inline-block;
  padding: 0.6rem 4.9rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #8bbebf;
  background-color: #fff;
  border-radius: 1rem;
  transition: all 0.3s ease;
}
body.single-theater .p-theater-event-details .p-theater-event-lnk a:hover {
  text-decoration: none;
  opacity: 0.8;
  transition: all 0.3s ease;
}
body.single-theater .p-theater-event-details .wave-line--white {
  bottom: 1rem;
}
body.single-theater .p-theater-event-note {
  position: relative;
  padding: 4.6rem 2rem 0;
  background-color: #fff;
}
body.single-theater .p-theater-event-note h4 {
  color: #245066;
  color: var(--colorMain);
  background-color: #fff;
}
body.single-theater .p-theater-event-note .p-theater-event-note-content {
  padding-bottom: 3rem;
}
body.single-theater .p-theater-event-note .p-theater-event-note-content p {
  font-size: 1.4rem;
  line-height: 1.8;
}
body.single-theater .p-theater-event-note .p-theater-event-note-content p a {
  color: #245066;
  color: var(--colorMain);
  text-decoration: underline;
}
body.single-theater
  .p-theater-event-note
  .p-theater-event-note-content
  p
  a:hover {
  text-decoration: none;
}
body.single-theater .p-theater-event-note .p-theater-event-note-content p + p {
  margin-top: 2rem;
}
body.page-id-67 .p-guide {
  padding-top: 8rem;
  margin-bottom: 4rem;
  background-color: #dcb4de;
}
@media (max-width: 768px) {
  body.page-id-67 .p-guide {
    margin-bottom: 6rem;
  }
}
body.page-id-67 #p-guide-nav {
  padding: 0 1rem;
}
body.page-id-67 #p-guide-detail {
  position: relative;
  margin-top: -0.4rem;
  background-color: #fff;
}
body.page-id-67 .p-guide-detail-mark {
  position: absolute;
  top: -4rem;
  right: 0;
  left: 0;
  z-index: 2;
  width: 8rem;
  height: 8rem;
  margin: auto;
}
body.page-id-67 .p-guide-detail-mark img {
  width: 100%;
  border-radius: 50%;
}
body.page-id-67 .p-guide-detail-mark div {
  position: relative;
}
body.page-id-67 .p-spot-nav {
  padding: 5rem 0 10.9rem;
}
body.page-id-67 .p-spot-nav ul {
  max-width: 38rem;
  margin: 0 auto;
}
body.page-id-67 .p-spot-nav ul li + li {
  margin-top: 3.7rem;
}
body.page-id-67 .p-spot-nav ul li a {
  position: relative;
  box-sizing: border-box;
  display: block;
  padding: 1.3rem 0 1.3rem 8.5rem;
  font-size: 1.9rem;
  font-weight: 700;
  color: #245066;
  color: var(--colorMain);
  background: linear-gradient(90deg, #dcb4de, #dcb4de 10%, #fff 0, #fff);
  border-radius: 2rem;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  body.page-id-67 .p-spot-nav ul li a {
    padding: 1.3rem 0 1.3rem 8rem;
  }
}
body.page-id-67 .p-spot-nav ul li a span {
  margin-right: 0.2em;
  font-size: 1.4rem;
}
body.page-id-67 .p-spot-nav ul li a:hover {
  text-decoration: none;
  opacity: 0.8;
  transition: all 0.3s ease;
}
body.page-id-67 .p-spot-nav ul li a:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 8rem;
  height: 8rem;
  content: "";
  background-color: #fff;
  border-radius: 50%;
  index: 1;
}
body.page-id-67 .p-spot-nav ul li a .p-spot-nav-txt02 {
  display: block;
  font-size: 1.1rem;
}
body.page-id-67 .p-spot-nav ul li img {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  index: 2;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
body.page-id-67 .p-spot {
  position: relative;
  padding: 5rem 2rem 9rem;
}
body.page-id-67 .p-spot:before {
  position: absolute;
  top: -5rem;
  right: 0;
  left: 0;
  z-index: 2;
  width: 10rem;
  height: 10rem;
  margin: auto;
  content: "";
  background-color: #fff;
  border-radius: 50%;
}
body.page-id-67 .p-spot:nth-child(2n),
body.page-id-67 .p-spot:nth-child(2n):before {
  background-color: #fdf7fc;
}
body.page-id-67 .p-spot .p-spot-ttl {
  margin: 0;
}
body.page-id-67 .p-spot .p-spot-ttl h3 {
  font-size: 1.4rem;
  text-align: center;
}
body.page-id-67 .p-spot .p-spot-ttl h3 span.p-spot-ttl-txt01 {
  margin-right: 0.3rem;
  font-size: 2.4rem;
}
body.page-id-67 .p-spot .p-spot-ttl h3 span.p-spot-ttl-txt02 {
  display: block;
  margin-right: 0.3rem;
  font-size: 1.4rem;
}
body.page-id-67 .p-spot-dtl + .p-spot-dtl {
  margin-top: 8rem;
}
body.page-id-67 .p-spot-dtl .p-spot-dtl-with {
  margin-top: 1rem;
  text-align: center;
}
body.page-id-67 .p-spot-dtl .p-spot-dtl-with h4 {
  margin-bottom: 2rem;
  font-size: 2rem;
}
@media (max-width: 768px) {
  body.page-id-67 .p-spot-dtl .p-spot-dtl-with h4 {
    font-size: 2rem;
  }
}
body.page-id-67 .p-spot-dtl .p-spot-dtl-with span.p-spot-ttl-txt01 {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  body.page-id-67 .p-spot-dtl .p-spot-dtl-with span.p-spot-ttl-txt01 {
    font-size: 1.6rem;
  }
}
body.page-id-67 .p-spot-dtl .p-spot-dtl-with span.p-spot-ttl-txt02 {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  body.page-id-67 .p-spot-dtl .p-spot-dtl-with span.p-spot-ttl-txt02 {
    display: block;
    font-size: 1.6rem;
  }
}
body.page-id-67 .p-spot-dtl .p-spot-dtl-content {
  padding-bottom: 1.5rem;
}
body.page-id-67 .p-spot-dtl .p-spot-dtl-content p {
  font-size: 1.6rem;
  line-height: 1.8;
}
@media (max-width: 768px) {
  body.page-id-67 .p-spot-dtl .p-spot-dtl-content p {
    font-size: 1.4rem;
  }
}
body.page-id-67 .p-spot-dtl .p-spot-dtl-content p + p {
  margin-top: 2rem;
}
body.page-id-67 .p-spot-dtl .p-spot-dtl-content p a {
  color: #3784ac;
  text-decoration: underline;
}
body.page-id-67 .p-spot-dtl .p-spot-dtl-content p a:hover {
  text-decoration: none;
}
body.page-id-67 .p-spot-dtl .p-spot-dtl-content img {
  width: 100%;
  height: auto;
}
body.page-id-67 .p-spot-dtl .p-spot-dtl-content img + p {
  margin-top: 1rem;
}
body.page-id-67 .p-spot-dtl-add {
  padding: 1.3rem 0;
}
body.page-id-67 .p-spot-dtl-add h5 {
  margin-bottom: 0.5rem;
  font-size: 1.6rem;
  color: #3784ac;
}
body.page-id-67 .p-spot-dtl-add h5 a {
  color: #3784ac;
  text-decoration: underline;
}
body.page-id-67 .p-spot-dtl-add h5 a:hover {
  text-decoration: none;
}
body.page-id-67 .p-spot-dtl-add .p-spot-dtl-shop-dsc {
  font-size: 1.4rem;
  line-height: 1.8;
}
body.page-id-67 .p-spot-dtl-add .p-spot-dtl-shop-dsc a {
  color: #3784ac;
  text-decoration: underline;
}
body.page-id-67 .p-spot-dtl-add .p-spot-dtl-shop-dsc a:hover {
  text-decoration: none;
}
body.page-id-67 .p-guide-footerTxt {
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 1.4rem;
  text-align: center;
}
body.page-id-16 .p-note {
  padding: 7rem 1rem;
  color: #245066;
  color: var(--colorMain);
  background-color: #dbde9b;
}
@media (max-width: 768px) {
  body.page-id-16 .p-note {
    padding: 7rem 1rem 5rem;
  }
}
body.page-id-16 .p-note-ttl h1 {
  font-size: 2rem;
}
body.page-id-16 .p-note-ttl h1 span {
  display: block;
}
body.page-id-16 .p-note-sec {
  margin-top: 3rem;
}
body.page-id-16 .p-note-sec h2 {
  font-size: 1.8rem;
  text-align: center;
}
body.page-id-16 .p-note-sec h3 {
  margin-top: 5rem;
  margin-bottom: 2rem;
  font-size: 1.6rem;
  text-align: center;
}
body.page-id-16 .p-note-sec a {
  color: #245066;
  color: var(--colorMain);
  text-decoration: underline;
}
body.page-id-16 .p-note-sec a:hover {
  text-decoration: none;
}
body.page-id-16 .p-note-sec p {
  margin-top: 1rem;
  font-size: 1.3rem;
  line-height: 1.8;
}
@media (max-width: 768px) {
  body.page-id-16 .p-note-sec p {
    font-size: 1.4rem;
  }
}
body.page-id-16 .p-note-sec p + p {
  margin-top: 1rem;
}
body.page-id-16 .p-note-sec ul {
  padding-left: 2.4rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
body.page-id-16 .p-note-sec ul li {
  font-size: 1.3rem;
  line-height: 1.5;
  text-indent: -0.1rem;
  list-style: disc;
}
body.page-id-16 .p-note-sec ul li + li {
  margin-top: 1rem;
}
body.page-id-16 .p-note-board {
  padding: 3rem;
  background-color: #fff;
  border-radius: 2.9rem;
}
@media (max-width: 768px) {
  body.page-id-16 .p-note-board {
    padding: 2.5rem 2.3rem;
  }
}
body.page-id-16 .wave--lime {
  margin-bottom: 5rem;
}
body.page-id-69 .p-map {
  margin-bottom: 4rem;
  color: #245066;
  color: var(--colorMain);
}
@media (max-width: 768px) {
  body.page-id-69 .p-map {
    margin-bottom: 6rem;
  }
}
body.page-id-69 .p-map-top {
  padding-top: 7rem;
  padding-bottom: 4rem;
  background-color: #a7a2de;
}
body.page-id-69 .p-map-map {
  margin: 2rem 1rem 0;
  text-align: center;
}
body.page-id-69 .p-map-map a {
  font-size: 1.4rem;
  color: #fff;
}
body.page-id-69 .p-map-map a:hover {
  text-decoration: none;
}
body.page-id-69 .p-map-map a:hover img {
  transform: scale(1.01);
}
body.page-id-69 .p-map-map a img {
  transition: all 0.3s;
  transform: scale(1);
}
body.page-id-69 .p-map-recoment-area {
  background-color: #a7a2de;
}
body.page-id-69 .p-map-sec + .p-map-sec {
  margin-top: 4rem;
}
body.page-id-69 .p-map-ttl {
  text-align: center;
}
body.page-id-69 .p-map-ttl h1 {
  font-size: 2rem;
}
body.page-id-69 .p-map-ttl h1 span {
  display: block;
}
body.page-id-69 .p-map-recomend-address {
  font-size: 1.4rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  body.page-id-69 .p-map-recomend-address {
    font-size: 1.2rem;
  }
}
body.page-id-69 .p-map-recomend-address a {
  color: #245066;
  color: var(--colorMain);
}
body.page-id-69 .p-map-recommend-list {
  padding: 2rem 2rem 9rem;
  background-color: #fff;
}
@media (max-width: 768px) {
  body.page-id-69 .p-map-recommend-list {
    padding: 0 2rem;
  }
}
body.page-id-69 .p-map-category {
  font-size: 2rem;
}
body.page-id-69 .tab {
  margin-top: 3rem;
}
body.page-id-69 .tab li {
  width: 20%;
  padding: 1.6rem 3rem 0.8rem;
  font-size: 1.4rem;
  font-weight: 700;
  background-color: #d8d6f0;
}
@media (max-width: 768px) {
  body.page-id-69 .tab li {
    width: 23%;
    padding-top: 1rem;
    font-size: 1.2rem;
  }
}
body.page-id-69 .tab li.active,
body.page-id-69 .tab li:hover {
  background-color: #fff;
}
body.page-id-69 .tab li img {
  width: 3.9rem;
}
body.page-id-69 .p-map-recomend {
  padding-top: 2rem;
}
body.page-id-69 .p-map-recomend + .p-map-recomend {
  margin-top: 10px;
}
body.page-id-69 .p-map-recomend:last-child > .wave-line--navy {
  display: none;
}
body.page-id-69 .p-map-recomend .wave-line--navy {
  margin-top: 2rem;
}
body.page-id-69 .p-map-recomend .p-map-recomend-head {
  display: flex;
  margin-bottom: 1rem;
}
body.page-id-69 .p-map-recomend .p-map-recomend-eyecatch {
  width: 11rem;
}
body.page-id-69 .p-map-recomend .p-map-recomend-eyecatch img {
  width: 100%;
}
body.page-id-69 .p-map-recomend .p-map-recomend-txt {
  box-sizing: border-box;
  width: calc(100% - 11rem);
  padding-top: 2.8rem;
  padding-left: 2rem;
}
body.page-id-69 .p-map-recomend .p-map-recomend-txt .p-map-recomend-ttl h3 {
  font-size: 1.9rem;
  font-weight: 700;
}
@media (max-width: 768px) {
  body.page-id-69 .p-map-recomend .p-map-recomend-txt .p-map-recomend-ttl h3 {
    font-size: 1.5rem;
  }
}
body.page-id-69 .p-map-recomend .p-map-recomend-txt a {
  color: #245066;
  color: var(--colorMain);
}
body.page-id-69 .p-map-recomend .p-map-recomend-txt a:hover {
  text-decoration: underline;
}
body.page-id-69 .p-map-recomend .p-map-recomend-address {
  margin-top: 0.6rem;
  font-size: 1.2rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  body.page-id-69 .p-map-recomend .p-map-recomend-address {
    font-size: 1.2rem;
  }
}
body.page-id-69 .p-map-recomend .p-map-recomend-address i {
  color: #3784ac;
}
body.page-id-69 .p-map-recomend .p-map-recomend-content p {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  body.page-id-69 .p-map-recomend .p-map-recomend-content p {
    font-size: 1.4rem;
  }
}
body.page-id-69 .p-map-recomend .p-map-recomend-content p + p {
  margin-top: 1rem;
}
body.page-id-69 .p-map-recomend .p-map-recomend-content p a {
  font-weight: 700;
  color: #3784ac;
  text-decoration: underline;
}
body.page-id-69 .p-map-recomend .p-map-recomend-content .wp-caption {
  width: 500px !important;
  margin: 2.5rem auto;
}
@media (max-width: 768px) {
  body.page-id-69 .p-map-recomend .p-map-recomend-content .wp-caption {
    width: 100% !important;
  }
}
body.page-id-69
  .p-map-recomend
  .p-map-recomend-content
  .wp-caption
  .wp-caption-text {
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
}
body.page-id-69 .p-map-recomend .p-map-recomend-content .wp-caption img {
  width: 100%;
  height: auto;
}
body.page-id-69 .p-spot-dtl-shop {
  font-size: 1.3rem;
  background-color: #dadada;
}
body.page-id-69 .p-map-stamp-area {
  padding: 0 1rem;
}
@media (max-width: 768px) {
  body.page-id-69 .p-map-stamp-area {
    margin-top: 7rem !important;
  }
}
body.page-id-69 .p-map-stamp-area .stamp-board {
  position: absolute;
  top: -5.5rem;
  left: 0;
  display: block;
  width: 9.3rem;
  height: 8.5rem;
  background-image: url(../../images/icon/stamp-board.png);
  background-position: 50%;
  background-size: cover;
}
body.page-id-69 .p-map-stamp-area .stamp {
  position: absolute;
  top: -5.5rem;
  left: 0;
  display: block;
  width: 4.5rem;
  height: 5.5rem;
  transition-duration: 0.5s;
  transform: rotate(-10deg);
}
body.page-id-69 .p-map-stamp-area .stamp.is-animate {
  -webkit-animation: stamppon 1s ease-in-out;
  animation: stamppon 1s ease-in-out;
}
body.page-id-69 .p-map-stamp {
  position: relative;
  max-width: 500px;
  padding: 0 1.3rem 4rem;
  margin: 0 auto;
  background-color: #ebeaf7;
}
body.page-id-69 .p-map-stamp .p-map-stamp-top {
  position: absolute;
  top: -4.5rem;
  right: 0;
  left: 0;
  z-index: 0;
  box-sizing: border-box;
  width: 18rem;
  height: 12rem;
  padding-top: 2.5rem;
  margin: auto;
  overflow: hidden;
  background-color: #ebeaf7;
  border-radius: 50%;
}
body.page-id-69 .p-map-stamp h4 {
  position: relative;
  top: 0;
  z-index: 2;
  margin-bottom: 1rem;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.3;
  color: #3784ac;
  text-align: center;
}
body.page-id-69 .p-map-stamp h4 span {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
}
body.page-id-69 .p-map-stamp .stamp-desc {
  width: 86%;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 960px) {
  body.page-id-69 .p-map-stamp .stamp-desc {
    width: 100%;
  }
}
body.page-id-69 .p-map-stamp .stamp-desc h5 {
  position: relative;
  z-index: 1;
  margin: 2rem auto 0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
}
@media (max-width: 960px) {
  body.page-id-69 .p-map-stamp .stamp-desc h5 {
    font-size: 1.6rem;
    text-align: center;
  }
}
@media (max-width: 960px) {
  body.page-id-69 .p-map-stamp .stamp-desc h5 span {
    display: block;
  }
}
body.page-id-69 .p-map-stamp .stamp-desc p {
  position: relative;
  z-index: 1;
  margin: 2rem auto 0;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.8;
}
@media (max-width: 960px) {
  body.page-id-69 .p-map-stamp .stamp-desc p {
    font-size: 1.6rem;
    text-align: center;
  }
}
@media (max-width: 960px) {
  body.page-id-69 .p-map-stamp .stamp-desc p span {
    display: block;
  }
}
body.page-id-69 .p-map-stamp .stamp-desc ul {
  padding-left: 1.3rem;
  margin-top: 2rem;
}
body.page-id-69 .p-map-stamp .stamp-desc ul li {
  margin: 0 auto;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8;
  text-indent: -1.5rem;
}
@media (max-width: 960px) {
  body.page-id-69 .p-map-stamp .stamp-desc ul li {
    font-size: 1.3rem;
  }
}
body.page-id-69 .p-map-stamp .c-app {
  margin-top: 2rem;
}
body.page-id-69 .p-map-stamp .c-app p {
  font-size: 1.2rem;
  text-align: center;
}
body.page-id-69 .p-map-stamp .c-app ul {
  display: flex;
  max-width: 34rem;
  margin: 2.5rem auto 0;
}
body.page-id-69 .p-map-stamp .c-app ul li {
  width: 47%;
}
body.page-id-69 .p-map-stamp .c-app ul li:first-child {
  margin-right: 6%;
}
body.page-id-69 .p-map-stamp .c-app ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5rem;
  font-size: 1.6rem;
  font-weight: 400;
  color: #000;
  background-color: #fff;
}
body.page-id-69 .p-map-stamp .c-app ul li a:hover {
  text-decoration: none;
  opacity: 0.7;
  transition: all 0.3s ease;
}
/*# sourceMappingURL=style.css.map */