@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans|Roboto:400,700");
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800|Playfair+Display+SC:400,700,900);
@import url("https://fonts.googleapis.com/css?family=Open+Sans|Roboto:400,700");
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800|Playfair+Display+SC:400,700,900);

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
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;
}

ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}

/* change colours to suit your needs */
ins {
  /*background-color:#ff9;*/
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  src: local("Noto Sans CJK JP Regular"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format("opentype");
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans JP";
  font-style: bold;
  font-weight: 600;
  src: local("Noto Sans CJK JP Bold"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format("opentype");
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: local("Montserrat-SemiBold"), url(./assets/font/Montserrat-SemiBold.ttf) format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  font-style: bold;
  font-weight: 600;
  src: local("Montserrat-Bold"), url(./assets/font/Montserrat-Bold.ttf) format("truetype");
  font-display: swap;
}

/*#########################################################

mixin

#########################################################*/
/* ========================================================
メディアクエリ
=========================================================*/
/*
Bootstrap 3
768px未満: スマホ（デフォルト）
※スマホは、Media Queries無しで記述。
768px以上をタブレットサイズ
992px以上をデスクトップサイズ
1200px以上を大きめのデスクトップサイズ

iPhone4: 320 × 480
iPhone5: 320 × 568
iPhone6: 375 × 627
iPhone6s: 414 × 736
Nexus6: 414 × 659
*/
/*#########################################################

基本設定

#########################################################*/
/*#########################################################

要素関連

#########################################################*/

:root {
  --color-blue: #002169;
  --grad-blue: linear-gradient(135deg, rgb(0 33 105) 0%, rgb(0, 33, 105) 10%, rgb(79, 26, 63) 90%, rgb(108, 16, 40) 100%);
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-family: "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  margin: 0 !important;
}

html,
body {
  width: 100%;
  height: 100%;
  background: #030019;
}

p {
  line-height: 1.8;
  font-family: "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

a {
  color: #000;
}

a:focus {
  color: #959595;
}

a:active {
  color: #00a0e9;
}

/* 固定幅フォント */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

small {
  font-size: 0.8rem;
}

/* subscript&superscript */
sub,
sup {
  font-size: 0.8rem;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

strong {
  font-weight: bold;
}

strong.red {
  color: #e00909;
  font-weight: normal;
}

i {
  font-weight: normal;
  font-style: italic;
}

input[type=text],
input[type=email],
input[type=url] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e0e3e4;
  padding: 0.5rem;
}

textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e0e3e4;
  padding: 0.5rem;
}

/*
Theme Name:		SMART-MINIMUM2022
Theme URI:		http://rfs.jp/
Description:	デザインありきで制作する際の、最小限必要と思われる構成のテンプレートです。
Author:			rhythmfactory
Author URI:		http://rfs.jp/
Version:		1.0
License:
License URI:
*/
/*#########################################################

要素関連

#########################################################*/
p {
  font-size: 13px;
  line-height: 2.8;
  text-align: justify;
  color: #fff;
  letter-spacing: 0.1rem;
}

@media screen and (max-width: 768px) {
  p {
    line-height: 2;
  }
}

p.attention {
  font-size: 10px;
  line-height: 1.8;
}

p.attention span.under {
  font-size: 10px !important;
  margin-left: 0 !important;
}

p.attention span.under.txt-bold {
  font-size: 18px !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  line-height: 1.7;
  color: #fff;
  font-family: "Montserrat", "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

a {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  a:hover {
    opacity: 1;
  }
}

p.b_label,
h1.b_label,
h2.b_label,
h3.b_label,
h4.b_label,
h5.b_label,
h6.b_label,
span.b_label {
  display: block;
  color: #fff;
  position: relative;
  overflow: hidden;
}

p.b_label .text,
h1.b_label .text,
h2.b_label .text,
h3.b_label .text,
h4.b_label .text,
h5.b_label .text,
h6.b_label .text,
span.b_label .text {
  position: relative;
  z-index: 2;
  line-height: 1.4;
  padding: 0 0;
}

@media screen and (max-width: 768px) {

  p.b_label .text,
  h1.b_label .text,
  h2.b_label .text,
  h3.b_label .text,
  h4.b_label .text,
  h5.b_label .text,
  h6.b_label .text,
  span.b_label .text {
    padding: 8px 0;
  }
}

p.w_label,
h1.w_label,
h2.w_label,
h3.w_label,
h4.w_label,
h5.w_label,
h6.w_label,
span.w_label {
  display: block;
  color: #FFF;
  position: relative;
  overflow: hidden;
}

p.w_label .text,
h1.w_label .text,
h2.w_label .text,
h3.w_label .text,
h4.w_label .text,
h5.w_label .text,
h6.w_label .text,
span.w_label .text {
  position: relative;
  z-index: 2;
  line-height: 1.4;
  padding: 4px 0 5px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  font-family: "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  letter-spacing: 0.3rem;
}

@media screen and (max-width: 768px) {

  p.w_label .text,
  h1.w_label .text,
  h2.w_label .text,
  h3.w_label .text,
  h4.w_label .text,
  h5.w_label .text,
  h6.w_label .text,
  span.w_label .text {
    padding: 4px 0 4px;
    letter-spacing: 0.1rem;
  }
}

img {
  width: 100%;
}

.mb10 {
  margin-bottom: 10px;
}

/*#########################################################

WordPress必須クラス

#########################################################*/
.wp-caption {
  /**/
}

.wp-caption-text {
  /**/
}

.sticky {
  /**/
}

.gallery-caption {
  /**/
}

.bypostauthor {
  /**/
}

.alignright {
  /**/
}

.alignleft {
  /**/
}

.aligncenter {
  /**/
}

.screen-reader-text {
  /**/
}

/*#########################################################

レイアウト

#########################################################*/
.pc {
  display: none;
}

@media screen and (min-width: 769px) {
  .pc {
    display: block;
  }
}

.xl {
  display: none;
}

@media screen and (min-width: 1201px) {
  .xl {
    display: block;
  }
}

.lg {
  display: none;
}

@media screen and (max-width: 1200px) and (min-width: 767px) {
  .lg {
    display: block;
  }
}

.lmd {
  display: none;
}

@media screen and (max-width: 1024px) {
  .lmd {
    display: block;
  }
}

.sp {
  display: block;
}

@media screen and (min-width: 769px) {
  .sp {
    display: none;
  }
}

hr {
  /* border: 1px solid #dd0c0e; */
  border: 1px solid #fff;
  /*
  -o-border-image: linear-gradient(-45deg, rgb(67, 39, 110) 0%, rgb(132, 21, 58) 30%, rgb(210, 49, 39) 70%, rgb(226, 82, 46) 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#43276E), color-stop(30%, #84153A), color-stop(70%, #D23127), to(#E2522E));
     border-image: linear-gradient(-45deg, rgb(67, 39, 110) 0%, rgb(132, 21, 58) 30%, rgb(210, 49, 39) 70%, rgb(226, 82, 46) 100%);
  border-image-slice: 1;
  */
  margin: 0 0 50px;
}

hr.ppp {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  hr {
    margin: 0;
  }
}

.double_box {
  width: 100%;
  font-size: 0;
}

.double_box .half_box {
  display: inline-block;
  width: 50%;
  position: relative;
}

.inner {
  max-width: 980px;
  width: 90%;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 768px) {
  .inner.spw100 {
    width: 100%;
    margin-top: 15px;
  }
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .flex {
    display: block;
  }
}

.flex.double_box .imgbox,
.flex.double_box .flex_box {
  width: calc((100% - 10px) / 2);
}
.flex.double_box .flex_box{
  margin-bottom: 32px;
}
.flex.double_box .flex_box p{
  margin-bottom: 16px;
}

.flex.double_box .flex_box h3{
  margin: 0!important;
}



@media screen and (max-width: 768px) {
  .flex.double_box .imgbox,
  .flex.double_box .flex_box {
    width: 100%;
    margin-bottom: 10px;
  }
}

.more p {
  font-family: "Montserrat", "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

.more p a {
  display: inline-block;
  color: #fff;
}

.more p:after {
  content: "";
  display: inline-block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 0;
  height: 0;
  margin-left: 10px;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #ffffff;
}

.more p:hover:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
  margin-left: 10px;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #ffffff;
}

.more.under {
  margin: 40px auto 0;
  cursor: pointer;
}

.more.under p {
  text-align: center;
}

.more.under p:after {
  content: "";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.more.under.active p:after {
  content: "";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.hidebox {
  display: none;
}

.link_btn {
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 5em;
  text-align: center;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 875px) {
  .link_btn {
    width: 100%;
    height: auto;
    border-radius: 50px;
  }
}

.link_btn:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

/* @media screen and (min-width: 769px) {
  .link_btn {
    width: 100%;
  }
} */
.link_btn a {
  display: block;
  padding: 15px 60px;
}

@media screen and (max-width: 335px) {
  .link_btn a {
    padding: 5px 10px;
  }
}

.link_btn p {
  color: #fff;
  text-align: center;
  font-weight: 500;
}

@media screen and (max-width: 875px) {
  .link_btn p {
    line-height: 1.5 !important;
    padding: 8px 0;
  }
}

.link_btn:hover {
  background: #fff;
}

.link_btn:hover p {
  color: #030019;
}

.link_btn:hover:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #030019;
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.link_btn.white {
  background: #fff;
}

.link_btn.white:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #030019;
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media screen and (max-width: 769px) {
  .link_btn.white:after {
    right: 15px !important;
  }
}

.link_btn.white p {
  color: #030019;
  text-align: center;
}

.link_btn.white:hover {
  background: #030019;
}

.link_btn.white:hover p {
  color: #fff;
}

.link_btn.white:hover:after {
  content: "";
  border-color: transparent transparent transparent #fff;
}

.section_midashi {
  font-size: 40px;
  color: #fff;
  margin-bottom: 50px;
  letter-spacing: 0.4rem;
  line-height: 1;
}

.section_midashi.txtsvg {
  text-align: left;
}

.section_midashi.txtsvg img {
  height: 48px;
  width: auto;
}

.section_midashi.txtsvg h2 {
  margin: 0 0 0 0;
  line-height: 0;
}


@media screen and (max-width: 768px) {
  .section_midashi {
    margin-bottom: 25px;
  }

  .section_midashi.txtsvg h2 {
    padding: 0 2px 0;
  }

  .section_midashi.txtsvg img {
    height: 32px;
    width: auto;
  }

}

.section_midashi.center {
  text-align: center;
}

.b_box {
  background: #1A1A1A;
  margin-top: 15px;
  padding: 50px 80px;
}

.b_box>.link_btn {
  display: block;
  margin: 30px auto 0;
}

.b_box>.link_btn.white p {
  line-height: 1.7;
}

/*
.b_box .link_btn.ticketbtn {
  background: #a40000;
  border: 1px solid #a40000;
  display: inline-block;
}
*/
.b_box .link_btn.ticketbtn {
  background: #666;
  border: 1px solid #666;
  display: inline-block;
}

.b_box .link_btn.ticketbtn.mb0 {
  margin-bottom: 0;
}

.b_box .link_btn.ticketbtn a {
  color: #FFF;
  line-height: 1.7;
  font-size: 16px;
  cursor: default;
}

.b_box .link_btn.ticketbtn a span {
  font-size: 12px;
}

.flex_box.center {
  display: flex;
  justify-content: center;
}



@media screen and (max-width: 768px) {
  .b_box {
    padding: 30px 20px;
  }

  .link_btn:after {
    right: 12px
  }

  .link_btn a {
    padding: 5px 10px;
  }

  .b_box .link_btn.ticketbtn a {
    font-size: 12px;
  }

  .b_box .link_btn.ticketbtn a span {
    font-size: 10px;
    display: block;
  }

}

.fixed_btn {
  position: fixed;
  top: 50%;
  right: 20px;
  width: 52px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
}

@media screen and (min-width: 769px) {
  .fixed_btn {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .fixed_btn {
    width: 43px;
  }
}

.fixed_btn img {
  padding: 32px 17px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.25em;
  border-radius: 40px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(20, 32, 91)), color-stop(30%, rgb(183, 39, 62)), color-stop(80%, rgb(228, 120, 58)), to(rgb(246, 191, 119)));
  background: linear-gradient(to top, rgb(20, 32, 91) 0%, rgb(183, 39, 62) 30%, rgb(228, 120, 58) 80%, rgb(246, 191, 119) 100%);
  background-size: 150%, 150%;
  -webkit-animation: huerotator 5s ease infinite;
  animation: huerotator 5s ease infinite;
  padding: 27px 14px;
}

@media screen and (max-width: 768px) {
  .fixed_btn img {
    font-size: 13px;
    padding: 27px 14px;
    letter-spacing: 0.4em;
  }
}

.fixed_btn img img {
  width: 20px;
  margin-top: 5px;
}

@media screen and (max-width: 768px) {
  .fixed_btn {
    top: inherit;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    bottom: 25px;
  }
}

.youtubes {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin: 0 auto;
}

.youtubes iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* サイトヘッダ */
.header_imgbox,
.footer_imgbox {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header_imgbox .logo,
.footer_imgbox .logo {
  width: 220px;
}

@media screen and (max-width: 768px) {
  .header_imgbox .logo {
    width: 180px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 4px);
    transform: translate(-50%, 4px);
  }

  .header_imgbox .lang {
    padding-right: 10px !important;
    min-height: 34px;
  }
}

@media screen and (max-width: 768px) {
  .footer_imgbox {
    margin-bottom: 25px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
}

.footer_imgbox .logo {
  width: 240px;
}

header#site-header,
#footer-header {
  padding: 0px;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  position: fixed;
  color: #fff;
  padding: 0;
  z-index: 999;
  -webkit-transition: background-color, opacity 0.4s;
  transition: background-color, opacity 0.4s;
}

header#site-header .inner,
#footer-header .inner {
  max-width: 1200px;
}

header#site-header h1,
#footer-header h1 {
  color: #fff;
}

header#site-header.view,
#footer-header.view {
  opacity: 1;
  /* background-color: #A10000; */
  background-color: var(--color-blue);
}

header#site-header .inner,
#footer-header .inner {
  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;
}

header#site-header .lang,
#footer-header .lang {
  position: relative;
  padding: 0 20px;
}

header#site-header .lang.spbox,
#footer-header .lang.spbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
}

header#site-header .lang .box,
#footer-header .lang .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

header#site-header .lang .box:after,
#footer-header .lang .box:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #ffffff transparent transparent transparent;
}

header#site-header .lang .other,
#footer-header .lang .other {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
  background: #EBEBEB;
  padding: 7px 10px;
}

header#site-header .lang .other a,
#footer-header .lang .other a {
  display: block;
}

header#site-header .lang .other a.select,
#footer-header .lang .other a.select {
  background: #D3D1CD;
}

header#site-header .lang .other p,
#footer-header .lang .other p {
  color: #000;
  font-family: "Montserrat", "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-weight: normal;
  letter-spacing: 0;
}

header#site-header .lang .img,
#footer-header .lang .img {
  width: 20px;
}

header#site-header .lang p,
#footer-header .lang p {
  margin-left: 5px;
  font-family: "Montserrat", "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-weight: normal;
  color: #fff;
  font-size: 15px;
  line-height: 34px;
  margin-right: 5px;
}

header#site-header .pc_nav,
header#site-header .sp_nav,
#footer-header .pc_nav,
#footer-header .sp_nav {
  float: right;
}

header#site-header .pc_nav ul li,
header#site-header .sp_nav ul li,
#footer-header .pc_nav ul li,
#footer-header .sp_nav ul li {
  display: inline-block;
  font-size: 0;
  margin-right: 20px;
  vertical-align: middle;
  padding: 23px 0;
}

@media screen and (max-width: 1280px) {

  header#site-header .pc_nav ul li,
  header#site-header .sp_nav ul li,
  #footer-header .pc_nav ul li,
  #footer-header .sp_nav ul li {
    margin-right: 15px;
    padding: 15px 0;
  }
}

@media screen and (max-width: 1210px) {

  header#site-header .pc_nav ul li,
  header#site-header .sp_nav ul li,
  #footer-header .pc_nav ul li,
  #footer-header .sp_nav ul li {
    margin-right: 10px;
  }
}

@media screen and (max-width: 768px) {

  header#site-header .pc_nav ul li,
  header#site-header .sp_nav ul li,
  #footer-header .pc_nav ul li,
  #footer-header .sp_nav ul li {
    margin-right: 20px;
    padding: 10px 0;
  }

  header#site-header .pc_nav ul li p,
  header#site-header .sp_nav ul li p,
  #footer-header .pc_nav ul li p,
  #footer-header .sp_nav ul li p {
    text-align: center;
  }

  header#site-header .pc_nav ul li .h_sns ul,
  header#site-header .sp_nav ul li .h_sns ul,
  #footer-header .pc_nav ul li .h_sns ul,
  #footer-header .sp_nav ul li .h_sns ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  header#site-header .pc_nav ul li.ticket_btn,
  header#site-header .sp_nav ul li.ticket_btn,
  #footer-header .pc_nav ul li.ticket_btn,
  #footer-header .sp_nav ul li.ticket_btn {
    width: 114px;
    margin: 0px auto 0;
    margin-right: auto !important;
  }
}

@media screen and (max-width: 768px) and (max-height: 680px) {

  header#site-header .pc_nav ul li,
  header#site-header .sp_nav ul li,
  #footer-header .pc_nav ul li,
  #footer-header .sp_nav ul li {
    padding: 5px 0;
  }
}

header#site-header .pc_nav ul li:last-child,
header#site-header .sp_nav ul li:last-child,
#footer-header .pc_nav ul li:last-child,
#footer-header .sp_nav ul li:last-child {
  margin-right: 0;
}

header#site-header .pc_nav ul li p,
header#site-header .sp_nav ul li p,
#footer-header .pc_nav ul li p,
#footer-header .sp_nav ul li p {
  font-family: "Montserrat", "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-weight: normal;
  color: #fff;
  font-size: 15px !important;
  line-height: 34px;
}

@media screen and (max-width: 1100px) {

  header#site-header .pc_nav ul li p,
  header#site-header .sp_nav ul li p,
  #footer-header .pc_nav ul li p,
  #footer-header .sp_nav ul li p {
    font-size: 13px !important;
  }
}

@media screen and (max-width: 768px) {

  header#site-header .pc_nav ul li p,
  header#site-header .sp_nav ul li p,
  #footer-header .pc_nav ul li p,
  #footer-header .sp_nav ul li p {
    font-size: 15px !important;
  }
}

header#site-header .pc_nav ul li.ft-sns-w100,
header#site-header .sp_nav ul li.ft-sns-w100,
#footer-header .pc_nav ul li.ft-sns-w100,
#footer-header .sp_nav ul li.ft-sns-w100 {
  width: 100%;
}

@media screen and (max-width: 768px) {

  header#site-header .pc_nav .h_sns ul,
  header#site-header .sp_nav .h_sns ul,
  #footer-header .pc_nav .h_sns ul,
  #footer-header .sp_nav .h_sns ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

header#site-header .pc_nav .h_sns ul li,
header#site-header .sp_nav .h_sns ul li,
#footer-header .pc_nav .h_sns ul li,
#footer-header .sp_nav .h_sns ul li {
  margin-right: 10px;
}

@media screen and (min-width: 769px) {

  header#site-header .pc_nav .h_sns ul li,
  header#site-header .sp_nav .h_sns ul li,
  #footer-header .pc_nav .h_sns ul li,
  #footer-header .sp_nav .h_sns ul li {
    padding: 0;
  }
}

header#site-header .pc_nav .h_sns ul li:last-child,
header#site-header .sp_nav .h_sns ul li:last-child,
#footer-header .pc_nav .h_sns ul li:last-child,
#footer-header .sp_nav .h_sns ul li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 850px) {

  header#site-header .pc_nav .ticket_btn,
  header#site-header .sp_nav .ticket_btn,
  #footer-header .pc_nav .ticket_btn,
  #footer-header .sp_nav .ticket_btn {
    padding: 0 0;
  }
}

header#site-header .pc_nav .ticket_btn a,
header#site-header .sp_nav .ticket_btn a,
#footer-header .pc_nav .ticket_btn a,
#footer-header .sp_nav .ticket_btn a {
  background: linear-gradient(-45deg, rgb(20, 32, 91) 0%, rgb(183, 39, 62) 30%, rgb(228, 120, 58) 60%, rgb(246, 191, 119) 100%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 0px solid #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

header#site-header .pc_nav .ticket_btn a p,
header#site-header .sp_nav .ticket_btn a p,
#footer-header .pc_nav .ticket_btn a p,
#footer-header .sp_nav .ticket_btn a p {
  padding: 0 20px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}

@media screen and (max-width: 960px) {

  header#site-header .pc_nav .ticket_btn a p,
  header#site-header .sp_nav .ticket_btn a p,
  #footer-header .pc_nav .ticket_btn a p,
  #footer-header .sp_nav .ticket_btn a p {
    font-size: 12px;
    padding: 0 10px;
  }
}

@media screen and (max-width: 860px) {

  header#site-header .pc_nav .ticket_btn a p,
  header#site-header .sp_nav .ticket_btn a p,
  #footer-header .pc_nav .ticket_btn a p,
  #footer-header .sp_nav .ticket_btn a p {
    font-size: 11px;
    padding: 0 5px;
  }
}

header#site-header .pc_nav .ticket_btn a:hover,
header#site-header .sp_nav .ticket_btn a:hover,
#footer-header .pc_nav .ticket_btn a:hover,
#footer-header .sp_nav .ticket_btn a:hover {
  opacity: 0.8;
}

header#site-header .pc_nav .ticket_btn a:hover p,
header#site-header .sp_nav .ticket_btn a:hover p,
#footer-header .pc_nav .ticket_btn a:hover p,
#footer-header .sp_nav .ticket_btn a:hover p {
  color: #fff;
}

header#site-header .pc_nav ul,
#footer-header .pc_nav ul {
  text-align: right;
}

@media screen and (max-width: 1125px) {

  header#site-header .pc_nav ul li,
  #footer-header .pc_nav ul li {
    margin-right: 10px;
  }

  header#site-header .pc_nav ul li p,
  #footer-header .pc_nav ul li p {
    font-size: 14px;
  }
}

@media screen and (max-width: 980px) {

  header#site-header .pc_nav ul li p,
  #footer-header .pc_nav ul li p {
    font-size: 13px;
  }
}

@media screen and (max-width: 960px) {

  header#site-header .pc_nav ul li p,
  #footer-header .pc_nav ul li p {
    font-size: 11px;
  }
}

@media screen and (max-width: 860px) {

  header#site-header .pc_nav ul li p,
  #footer-header .pc_nav ul li p {
    font-size: 10px;
    letter-spacing: 0;
  }
}

header#site-header .sp_nav,
#footer-header .sp_nav {
  float: none;
}

header#site-header .sp_nav ul li,
#footer-header .sp_nav ul li {
  display: block;
}

header#site-header .sp_nav .h_sns ul,
#footer-header .sp_nav .h_sns ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header#site-header .sp_nav .h_sns ul li,
#footer-header .sp_nav .h_sns ul li {
  width: 35px;
}

#gotop {
  position: absolute;
  bottom: 0;
  right: 0;
  /* -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg); */
  width: 40px;
}

@media screen and (max-width: 768px) {
  header#site-header {
    padding: 10px 0;
  }

  header#site-header .logo {
    display: none;
  }
}

header#site-header .inner {
  width: 98%;
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  header#site-header .inner {
    width: 94%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
  }
}

header#site-header.view .logo {
  display: block;
}

#footer-header {
  position: relative;
  top: inherit;
  left: inherit;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  #footer-header {
    opacity: 1;
  }

  #footer-header .inner {
    display: block;
  }

  #footer-header .h_sns {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
  #footer-header .h_sns ul {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  #footer-header .h_sns ul li {
    padding: 0 !important;
  }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
  #footer-header .pc_nav {
    float: none;
  }

  #footer-header .pc_nav ul {
    text-align: left;
  }
}

@media screen and (max-width: 768px) {
  #footer-header .pc_nav li {
    padding: 0 8px !important;
  }
}

#site-footer {
  padding: 100px 0;
}

@media screen and (max-width: 768px) {
  #site-footer {
    padding: 40px 0;
  }
}

#site-footer .inner {
  max-width: 1200px;
}

@media screen and (max-width: 768px) {
  #site-footer .inner .footer_bot.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #site-footer .inner .footer_bot.flex .w100 {
    width: 100%;
  }
}

#site-footer .inner .footer_bot p {
  font-size: 10px;
  line-height: 2;
}

#site-footer .footer_bot {
  margin-top: 40px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#site-footer .footer_bot p {
  margin-right: 20px;
}

#site-footer .footer_bot p a {
  color: #888888;
}

.drawer_menu.blog_header .drawer_button {
  top: 14px;
}

.grad {
  /* background: linear-gradient(-45deg, rgb(57, 22, 81) 0%, rgb(79, 26, 63) 20.3%, rgb(108, 16, 40) 40.5%, rgb(132, 9, 21) 56.1%, rgb(158, 0, 0) 72%, rgb(158, 0, 0) 100%); */
  background: var(--grad-blue);
  background-size: 200% 200%;
  -webkit-animation: huerotator 5s ease infinite;
  animation: huerotator 5s ease infinite;
  position: relative;
}

.grad.to_bottom:after {
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(3, 0, 25, 0.99)), to(rgba(3, 0, 25, 0)));
  background: linear-gradient(to bottom, rgba(3, 0, 25, 0.99) 0%, rgba(3, 0, 25, 0) 100%);
}

.grad .inner {
  z-index: 2;
}

.grad.none:after {
  display: none;
}

.grad_2023 {
  background: linear-gradient(-45deg, rgb(57, 22, 81) 0%, rgb(79, 26, 63) 20.3%, rgb(108, 16, 40) 40.5%, rgb(132, 9, 21) 56.1%, rgb(158, 0, 0) 72%, rgb(158, 0, 0) 100%);
  background-size: 200% 200%;
  -webkit-animation: huerotator 5s ease infinite;
  animation: huerotator 5s ease infinite;
  position: relative;
}

.grad_2023:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(3, 0, 25, 0.99)), to(rgba(3, 0, 25, 0)));
  background: linear-gradient(to top, rgba(3, 0, 25, 0.99) 0%, rgba(3, 0, 25, 0) 100%);
  z-index: 1;
}

.grad_2023.to_bottom:after {
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(3, 0, 25, 0.99)), to(rgba(3, 0, 25, 0)));
  background: linear-gradient(to bottom, rgba(3, 0, 25, 0.99) 0%, rgba(3, 0, 25, 0) 100%);
}

.grad_2023 .inner {
  z-index: 2;
}

.grad_2023.none:after {
  display: none;
}

.grad_2022 {
  background: -webkit-gradient(linear, right top, left top, from(rgb(184, 90, 143)), color-stop(80%, rgb(101, 141, 192)), to(rgb(90, 148, 198)));
  background: linear-gradient(to left, rgb(184, 90, 143) 0%, rgb(101, 141, 192) 80%, rgb(90, 148, 198) 100%);
  background-size: 200% 200%;
  -webkit-animation: huerotator 5s ease infinite;
  animation: huerotator 5s ease infinite;
  position: relative;
}

.grad_2022:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(3, 0, 25, 0.99)), to(rgba(3, 0, 25, 0)));
  background: linear-gradient(to top, rgba(3, 0, 25, 0.99) 0%, rgba(3, 0, 25, 0) 100%);
  z-index: 1;
}

.grad_2022.to_bottom:after {
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(3, 0, 25, 0.99)), to(rgba(3, 0, 25, 0)));
  background: linear-gradient(to bottom, rgba(3, 0, 25, 0.99) 0%, rgba(3, 0, 25, 0) 100%);
}

.grad_2022 .inner {
  z-index: 2;
}

.grad_2022.none:after {
  display: none;
}

@-webkit-keyframes huerotator {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes huerotator {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

section {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 100px;
  padding-top: 50px;
}

@media screen and (max-width: 768px) {
  section {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}

section h2 {
  font-size: 40px;
  font-family: "Montserrat", "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  margin-bottom: 30px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.4rem;
}

@media screen and (max-width: 768px) {
  section h2 {
    font-size: 30px;
    margin-bottom: 25px;
  }
}

section.hero {
  display: block;
  height: 62.5vw;
  min-height: 860px;
  position: relative;
  width: 100%;
  padding: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  section.hero {
    padding-left: 0;
    height: 200vw;
    min-height: inherit;
  }
}

section.hero .inner {
  padding-top: 0;
  max-width: 1200px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  section.hero .inner {
    padding: 0 5%;
    width: 100%;
    top: 47%;
  }
}

section.hero .inner .logo {
  width: 60%;
  max-width: 468px;
}

@media screen and (max-width: 768px) {
  section.hero .inner .logo {
    width: 100%;
    max-width: inherit;
  }
}

section.hero .inner .end {
  width: 90%;
  max-width: 680px;
  margin: 0 auto;
  position: absolute;
  bottom: 18%;
  -webkit-transform: translateY(-20%);
  transform: translateY(-20%);
  left: 0;
  right: 0;
}

@media screen and (max-width: 768px) {
  section.hero .inner .end {
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
  }
}

section.hero .inner .infobox {
  width: 365px;
  background: rgba(26, 26, 26, 0.5);
  padding: 30px;
  margin-top: 100px;
}

section.hero .inner .infobox ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

section.hero .inner .infobox ul li p {
  line-height: 1.8;
}

section.hero .inner .infobox ul li .title {
  background: #fff;
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  section.hero .inner .infobox ul li .title {
    width: 3.5em;
  }
}

section.hero .inner .infobox ul li .title p {
  color: #030019;
  font-weight: bold;
  padding: 0 10px;
}

section.hero .inner .infobox ul li .text {
  width: calc(100% - 5em);
}

section.hero .inner .event-date {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  section.hero .inner .event-date {
    text-align: center;
    letter-spacing: 0.1rem;
  }
}

section.hero .inner .event-date .pc-w {
  display: inline-block;
}

@media screen and (max-width: 410px) {
  section.hero .inner .event-date .pc-w {
    display: none;
  }
}

section.hero .inner .event-date .sp-w {
  display: none;
}

@media screen and (max-width: 410px) {
  section.hero .inner .event-date .sp-w {
    display: inline-block;
    line-height: 1.2 !important;
  }
}

section.hero .inner .event-date .pc-w-en {
  display: inline-block;
}

@media screen and (max-width: 593px) {
  section.hero .inner .event-date .pc-w-en {
    display: none;
  }
}

section.hero .inner .event-date .sp-w-en {
  display: none;
}

@media screen and (max-width: 593px) {
  section.hero .inner .event-date .sp-w-en {
    display: block;
    line-height: 1.2 !important;
  }
}

section.hero .inner .event-date .info-label {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  section.hero .inner .event-date .info-label {
    margin-top: 20px;
  }
}

@media screen and (max-width: 424px) {
  section.hero .inner .event-date .info-label {
    margin-top: 0;
  }
}

section.hero .inner .event-date .info-label .text {
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  section.hero .inner .event-date .info-label .text {
    font-size: 15px;
  }
}

@media screen and (max-width: 410px) {
  section.hero .inner .event-date .info-label .text {
    font-size: 13px;
  }
}

section.hero .inner .event-date .info-label.red .text {
  background: red;
  font-size: 20px;
  letter-spacing: 0;
}

@media screen and (max-width: 768px) {
  section.hero .inner .event-date .info-label.red .text {
    font-size: 18px;
  }
}

@media screen and (max-width: 410px) {
  section.hero .inner .event-date .info-label.red .text {
    font-size: 16px;
  }
}

section.hero .inner .event-date .info-label.red.red-en .text {
  font-size: 20px;
  letter-spacing: 0;
}

@media screen and (max-width: 500px) {
  section.hero .inner .event-date .info-label.red.red-en .text {
    font-size: 16px;
  }
}

section.hero .inner .event-date .b_label {
  line-height: 1.4;
}

section.hero .inner .event-date .text {
  line-height: 1;
}

section.hero .inner .event-date .fs15 {
  font-size: 15px;
}

@media screen and (max-width: 768px) {
  section.hero .inner .event-date .fs15 {
    font-size: 13px;
  }
}

section.hero .inner .event-date .fs29 {
  font-size: 29px;
}

@media screen and (max-width: 768px) {
  section.hero .inner .event-date .fs29 {
    font-size: 24px;
  }
}

@media screen and (max-width: 360px) {
  section.hero .inner .event-date .fs29 {
    font-size: 18px;
  }
}

section.hero .inner .event-date .fs38 {
  font-size: 38px;
}

@media screen and (max-width: 768px) {
  section.hero .inner .event-date .fs38 {
    font-size: 30px;
  }
}

@media screen and (max-width: 400px) {
  section.hero .inner .event-date .fs38 {
    font-size: 22px;
  }
}

section.hero .inner .event-date .note {
  font-size: 15px;
  letter-spacing: 0.1rem;
}

@media screen and (max-width: 768px) {
  section.hero .inner .event-date .note {
    font-size: 12px;
  }
}

@media screen and (max-width: 360px) {
  section.hero .inner .event-date .note {
    letter-spacing: 0;
  }
}

section.hero .fix-hero-banner {
  width: 282px;
  position: absolute;
  right: 20px;
  bottom: 100px;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  section.hero .fix-hero-banner {
    width: 257px;
    left: 0;
    right: auto;
    bottom: 120px;
  }
}

section.hero .fix-hero-banner:after {
  content: "";
  width: 21px;
  height: 21px;
  background: url(./assets/images/common/arrow.png) no-repeat center center;
  background-size: 100% auto;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

section.hero .fix-hero-banner .flex {
  padding: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  section.hero .fix-hero-banner .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

section.hero .fix-hero-banner .flex .img {
  width: 78px;
}

section.hero .fix-hero-banner .flex .txt-box {
  width: calc(100% - 90px);
}

section.hero .fix-hero-banner .flex .txt-box .title {
  margin-bottom: 5px;
  line-height: 1;
  font-size: 20px;
  letter-spacing: 0.3rem;
  font-family: "Montserrat", "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

@media screen and (max-width: 768px) {
  section.hero .fix-hero-banner .flex .txt-box .title {
    font-size: 14px;
  }
}

section.hero .fix-hero-banner .flex .txt-box .txt {
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  section.hero .fix-hero-banner .flex .txt-box .txt {
    line-height: 1.5;
  }
}

section.hero .fix-hero-banner.en-fix .txt {
  letter-spacing: 0.03rem;
  text-align: left;
}

@media screen and (max-width: 768px) {
  section.hero .fix-hero-banner.en-fix .txt {
    letter-spacing: 0.1rem;
  }
}

section.hero h1 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 769px) {
  section.hero h1 {
    top: 10%;
    right: 4%;
    -webkit-transform: none;
    transform: none;
  }
}

section#des .sub-h3 {
  font-size: 30px;
}

@media screen and (max-width: 995px) {
  section#des .sub-h3 {
    font-size: 25px;
  }
}

@media screen and (max-width: 995px) {
  section#des .sub-h3 span {
    letter-spacing: 0.1rem;
  }
}

@media screen and (max-width: 768px) {
  section#des .sub-h3 {
    font-size: 22px;
  }
}

section#des .date {
  font-size: 25px;
  font-family: "Montserrat", "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

@media screen and (max-width: 768px) {
  section#des .date {
    font-size: 16px;
    letter-spacing: 0.1rem;
  }
}

@media screen and (min-width: 769px) {
  section#des {
    padding-top: 190px;
    padding-bottom: 90px;
  }
}

@media screen and (max-width: 768px) {
  section#des {
    padding-bottom: 40px;
    padding-top: 130px;
  }
}

section#des .main .midashi h2 {
  font-size: 40px;
}

@media screen and (max-width: 768px) {
  section#des .main .midashi h2 {
    font-size: 30px;
    letter-spacing: 0.1em;
  }
}

section#des .main .midashi h2.min {
  font-size: 24px;
  margin-top: -10px;
}

@media screen and (max-width: 768px) {
  section#des .main .midashi h2.min {
    font-size: 15px;
    margin-top: -7px;
  }
}

section#des .main .midashi h2.min span.w_label .text {
  font-family: "Montserrat", "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  letter-spacing: 0.15em;
  line-height: 1;
  padding: 10px 0;
}

@media screen and (max-width: 768px) {
  section#des .main .midashi h2.min span.w_label .text {
    letter-spacing: 0.03em;
    padding: 5px 0;
    line-height: 2.7;
  }
}

section#des .main .midashi.mtt {
  margin-top: 45px;
}

@media screen and (max-width: 768px) {
  section#des .main .midashi.mtt {
    margin-top: 20px;
  }
}

section#des .hidebox {
  margin-top: 70px;
}

section#des .hidebox h2 span.b_label .text {
  line-height: 2;
}

@media screen and (max-width: 768px) {
  section#des .hidebox {
    margin-top: 35px;
  }
}

section#des hr {
  margin-bottom: 70px;
}

@media screen and (max-width: 768px) {
  section#des hr {
    margin-bottom: 35px;
  }
}

section#des p {
  font-size: 14px;
  margin-bottom: 30px;
  line-height: 2.8;
}

section#des p span.b_label .text {
  padding: 5px 0;
}

@media screen and (max-width: 768px) {
  section#des p span.b_label .text {
    line-height: 2.8;
    padding: 5px 0;
  }
}

section#des p.sub {
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  section#des p {
    margin-bottom: 30px;
    font-size: 13px;
    line-height: 2.2;
    word-break: break-all;
    letter-spacing: 0.1em;
  }
}

section#des p.des-text-box {
  line-height: 3;
  font-size: 16px;
}

section#des p.des-text-box-s {
  line-height: 3;
  font-size: 14px;
  letter-spacing: 1px;
  margin: -25px 0 60px 0;
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  section#des p.des-text-box {
    font-size: 14px;
    line-height: 2;
  }

  section#des p.des-text-box-s {
    line-height: 2;
    font-size: 12px;
    letter-spacing: 1px;
    margin: -15px 0 50px 0;
  }

}

section#des h2 {
  margin-bottom: 0px;
  font-family: "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

section#des h2 span.b_label .text {
  letter-spacing: 0.15em;
  line-height: 1.5;
}

section#des h2.min {
  font-size: 23px;
}

@media screen and (max-width: 768px) {
  section#des h2.min {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  section#des h2 {
    margin-bottom: 0;
    font-size: 23px;
  }

  section#des h2 span.b_label .text {
    line-height: 1;
    padding: 4px 0;
    letter-spacing: 0.05em;
  }
}

@media screen and (min-width: 769px) {
  section#des h2 span.b_label .text {
    line-height: 1.5;
  }
}

section#des .midashi {
  margin-bottom: 40px;
}

section#des .midashi.bot {
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  section#des .midashi.bot {
    margin-bottom: 30px;
  }
}

section#des .double_box {
  margin-bottom: 40px;
  margin-top: 35px;
}

section#about {
  padding-top: 0;
}

section#about .imgboxs {
  margin-top: 10px;
}

section#about .box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #1A1A1A;
}

section#about .box .imgbox {
  width: 60%;
  max-width: 582px;
}

@media screen and (max-width: 768px) {
  section#about .box .imgbox {
    width: 100%;
  }
}

section#about .box .infobox {
  padding: 30px 60px;
  width: calc(100% - 375px);
}

@media screen and (max-width: 768px) {
  section#about .box .infobox {
    width: 100%;
    padding: 15px;
  }
}

section#about .box .infobox ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

section#about .box .infobox ul li p {
  line-height: 1.8;
}

section#about .box .infobox ul li .title {
  background: #fff;
  margin-right: 15px;
  width: 3.1em;
}

section#about .box .infobox ul li .title p {
  color: #030019;
  font-weight: bold;
  padding: 0px;
  text-align: center;
}

section#about .box .infobox ul li .text {
  width: calc(100% - 4em);
}

section#about .box .infobox ul li .text .imgbox {
  margin: 20px 0;
  width: 100%;
}

section#about .en-text {
  text-align: left;
}

section#about .en-text p {
  text-align: left;
}

/* section#ticket {
  padding-top: 0;
} */
section#ticket .section_midashi {
  margin-bottom: 0;
}

section#ticket .section_midashi h2 {
  margin-bottom: 50px;
}

section#ticket .section_midashi h3 {
  font-size: 25px;
  margin-bottom: 30px;
  letter-spacing: 0.1rem;
}

@media screen and (max-width: 768px) {
  section#ticket .section_midashi h2 {
    margin-bottom: 30px;
  }

  section#ticket .section_midashi h3 {
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 768px) {
  section#ticket .section_midashi h3 .sub-title {
    font-size: 16px;
  }
}

section#ticket .des {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  section#ticket .des {
    margin-bottom: 15px;
  }
}

section#ticket .des h3 {
  font-size: 18px;
  line-height: 2;
  letter-spacing: 0.15em;
}

@media screen and (max-width: 768px) {
  section#ticket .des h3 {
    line-height: 1.7;
  }
}

section#ticket .box {
  -webkit-box-align: top;
  -ms-flex-align: top;
  align-items: top;
  background: #1A1A1A;
  padding: 60px;
}

@media screen and (max-width: 768px) {
  section#ticket .box {
    padding: 0;
  }
}

section#ticket .box .imgbox {
  width: 265px;
}

@media screen and (max-width: 980px) {
  section#ticket .box .imgbox {
    width: 200px;
  }
}

@media screen and (max-width: 768px) {
  section#ticket .box .imgbox {
    width: 100%;
  }
}

section#ticket .box .infobox {
  padding: 0 0 0 60px;
  width: calc(100% - 265px);
}

@media screen and (max-width: 980px) {
  section#ticket .box .infobox {
    padding: 0 0 0 40px;
    width: calc(100% - 200px);
  }
}

@media screen and (max-width: 768px) {
  section#ticket .box .infobox {
    width: 100%;
    padding: 15px 15px 40px 15px;
  }
}

section#ticket .box .infobox .bou {
  border-top: 1px solid #707070;
  margin: 25px 0;
}

section#ticket .box .infobox>.attention {
  font-size: 13px;
}

section#ticket .box .infobox p span {
  font-size: 18px;
}

section#ticket .box .infobox p span.under {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.39)), color-stop(40%, rgba(255, 255, 255, 0.39)), color-stop(40.1%, transparent));
  background: linear-gradient(to top, rgba(255, 255, 255, 0.39) 0%, rgba(255, 255, 255, 0.39) 40%, transparent 40.1%);
  margin-left: 5px;
}

section#ticket .box .infobox p span.t_grad {
  font-size: 13px;
}

section#ticket .box .infobox h3.w_label .text {
  letter-spacing: 0.1rem;
  padding: 2px 0 5px;
}

@media screen and (max-width: 768px) {
  section#ticket .box .infobox h3.w_label .text {
    font-size: 13px;
  }
}

section#ticket .box .infobox .attention {
  margin: 15px 0 30px;
  word-break: break-all;
}

section#ticket ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 17px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

section#ticket ul li:last-child {
  margin-bottom: 0;
}

section#ticket ul li.att {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

section#ticket ul li .t_grad {
  background: -webkit-gradient(linear, right top, left top, from(rgb(184, 90, 143)), color-stop(80%, rgb(101, 141, 192)), to(rgb(90, 148, 198)));
  background: linear-gradient(to left, rgb(184, 90, 143) 0%, rgb(101, 141, 192) 80%, rgb(90, 148, 198) 100%);
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 13px;
}

@media screen and (max-width: 768px) {
  section#ticket ul li .t_grad {
    margin-bottom: 9px;
    display: inline-block;
  }

  section#ticket ul li .t_grad.mn {
    margin-bottom: 0;
  }
}

section#ticket ul li p {
  line-height: 1.8;
}

section#ticket ul li .title {
  background: #fff;
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  section#ticket ul li .title {
    width: 3.2em;
  }
}

section#ticket ul li .title p {
  color: #030019;
  font-weight: bold;
  padding: 0 7px;
  text-align: center;
}

section#ticket ul li .text {
  width: calc(100% - 4em);
}

section#ticket ul li .text p {
  letter-spacing: 0;
}

section#ticket ul li .text.mbb .flex {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

section#ticket ul li .text.mbb .flex p {
  margin-right: 10px;
  margin-bottom: 5px;
}

section#ticket ul li .text.mbb p {
  margin-bottom: 15px;
}

section#ticket ul li .text .imgbox {
  margin: 20px 0;
  width: 100%;
}

section#ticket .midbox p {
  margin-bottom: 15px;
  word-break: break-all;
}

section#ticket .midbox p.bold {
  font-weight: bold;
}

section#ticket .midbox p.mmb {
  margin-bottom: 5px;
}

section#ticket .botbox p.under {
  font-size: 13px;
}

section#ticket .more.under {
  margin-top: 20px;
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  section#ticket .more.under {
    margin-top: 20px;
    margin-bottom: 25px;
  }
}

section#ticket .uketuke-table {
  border: 0;
}

section#ticket .uketuke-table th,
section#ticket .uketuke-table td {
  border: 0;
  color: #fff;
  text-align: left;
  letter-spacing: 0.1rem;
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
}

section#ticket .uketuke-table th {
  font-size: 13px;
  padding-right: 10px;
}

section#ticket .uketuke-table th:nth-of-type(2),
section#ticket .uketuke-table th:nth-of-type(4) {
  padding-left: 20px;
}

@media screen and (max-width: 768px) {

  section#ticket .uketuke-table th:nth-of-type(2),
  section#ticket .uketuke-table th:nth-of-type(4) {
    padding-left: 0;
  }
}

section#ticket .uketuke-table td {
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  section#ticket .uketuke-table td {
    width: calc(100% - 105px);
  }
}

section#ticket .uketuke-table td .under {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.39)), color-stop(40%, rgba(255, 255, 255, 0.39)), color-stop(40.1%, transparent));
  background: linear-gradient(to top, rgba(255, 255, 255, 0.39) 0%, rgba(255, 255, 255, 0.39) 40%, transparent 40.1%);
}

section#ticket .sold-out-icon {
  position: relative;
}

section#ticket .sold-out-icon:before,
section#ticket .sold-out-icon:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

section#ticket .sold-out-icon:before {
  width: 100%;
  height: 100%;
  background: rgba(26, 26, 26, 0.71);
  z-index: 1;
}

section#ticket .sold-out-icon:after {
  background: url(./assets/images/soldout_2.png) no-repeat center center;
  background-size: 100% auto;
  width: 236px;
  height: 90px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}

section#news {
  padding: 0;
  position: absolute;
  top: -130px;
  right: 0;
  margin: auto;
  z-index: 1;
}

section#news .section_midashi {
  display: inline-block;
  position: relative;
  z-index: 1;
  bottom: -10px;
  margin-bottom: 0;
}

section#news h2 {
  display: inline-block;
  text-align: left;
  margin-bottom: 0;
}

section#news ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  section#news .section_midashi {
    z-index: 1;
    bottom: -10px;
    padding: 0 25px 0;
  }

  section#news ul {
    display: block;
    margin-bottom: 10px;
  }
}

section#news ul li {
  width: 33.3%;
  margin: 0 7px;
  background: #030019;
}

section#news ul li a {
  width: 100%;
  padding: 20px;
}

section#news ul li .imgbox {
  margin-bottom: 10px;
}

section#news ul li p.label {
  line-height: 1.6;
  font-weight: bold;
  height: 45px;
  text-align: left;
  overflow: hidden;
}

@media screen and (max-width: 320px) {
  section#news ul li p.label {
    height: auto;
  }
}

section#news ul li p.date {
  font-size: 15px;
  font-weight: normal;
  font-family: "Montserrat", "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

section#news ul li hr {
  margin: 7px 0;
}

section#news ul li img {
  width: 100% !important;
  height: auto !important;
}

section#news .more {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  section#news .more {
    margin-top: 0;
  }
}

section#news .more p {
  text-align: right;
}

section#mapping {
  padding-top: 80px;
  padding-bottom: 50px;
}

section#mapping .inner .p_box>.link_btn {
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
}

section#mapping .inner .p_box>.link_btn p {
  line-height: 1.5;
}

section#mapping .grad .link_btn p {
  line-height: 1.5;
  padding-top: 3px;
}


section#mapping .inner .p_box>.link_btn.en-btn {
  padding-top: 13px;
  padding-bottom: 13px;
}

section#mapping .grad {
  /* background: linear-gradient(-45deg, rgb(57, 22, 81) 0%, rgb(79, 26, 63) 20.3%, rgb(108, 16, 40) 40.5%, rgb(132, 9, 21) 56.1%, rgb(158, 0, 0) 72%, rgb(158, 0, 0) 100%); */
  background: var(--grad-blue);
}

section#mapping .grad.en-grad p {
  text-align: left;
  word-break: normal;
}

section#mapping .grad .link_btn p {
  text-align: center;
}

section#mapping .grad.grad-bottom {
  margin-top: 40px;
  position: relative;
  padding: 40px 0;
}

section#mapping .grad.grad-bottom .inner {
  padding: 0 30px;
}

section#mapping .grad.grad-bottom .inner h2 {
  font-size: 22px;
}

@media screen and (max-width: 768px) {
  section#mapping .grad.grad-bottom .inner {
    padding: 0;
  }
}

section#mapping .grad.grad-bottom .inner>p {
  margin: 30px 0;
}

@media screen and (max-width: 768px) {
  section#mapping .grad .link_btn {
    max-width: 90%;
  }
}

section#mapping h2 {
  margin-bottom: 0px;
}

section#mapping h4.w_label {
  margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
  section#mapping h4.w_label {
    font-size: 13px;
  }
}

@media screen and (max-width: 768px) {
  section#mapping .hidebox p {
    word-break: break-all;
    text-align: left;
  }
}

@media screen and (max-width: 768px) {
  section#mapping .p_box {
    margin-top: 30px;
  }
}

section#mapping .p_box .grad {
  padding: 50px 0;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  section#mapping .p_box .grad {
    padding: 30px 0 50px;
  }
}

section#mapping .p_box .grad .inner {
  padding: 0 30px;
}

@media screen and (max-width: 768px) {
  section#mapping .p_box .grad .inner {
    padding: 0 0px;
  }
}

section#mapping .p_box .grad .inner h2 {
  font-size: 30px;
}

@media screen and (max-width: 768px) {
  section#mapping .p_box .grad .inner h2 {
    font-size: 20px;
  }
}

section#mapping .p_box p {
  margin: 10px 0 20px;
  line-height: 1.8;
  word-break: break-all;
}

section#mapping .double_box {
  margin-bottom: 10px;
}

section#mapping .map-img {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  section#mapping .map-img {
    margin: 40px -5% auto;
  }
}

section#mapping .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

section#mapping .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

section#mapping .b_box .inner {
  width: 100%;
}


@media screen and (max-width: 768px) {
  section#mapping .b_box .inner {
    padding: 0 0px;
    width: 100%;
  }
}

section#mapping .b_box h3 {
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  padding-bottom: 15px;
  letter-spacing: 0.1em;
  color: #ACB6E5;
  background: -webkit-gradient(linear, right top, left top, from(#677CE3), color-stop(30%, #E4783A), color-stop(45%, #E33C56), to(#F6BF77));
  background: linear-gradient(to left, #677CE3 0%, #E4783A 30%, #E33C56 45%, #F6BF77 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (max-width: 768px) {
  section#mapping .b_box h3 {
    font-size: 17px;
  }
}

section#mapping .b_box .member {
  width: 50%;
}

@media screen and (max-width: 768px) {
  section#mapping .b_box .member {
    width: 100%;
    margin-top: 30px;
  }
}

section#mapping .b_box .member li {
  margin-bottom: 20px;
}

section#mapping .b_box .member li:last-child {
  margin-bottom: 0;
}

section#mapping .b_box .member li p {
  line-height: 1.8;
}

section#mapping .b_box .member li p.w_label {
  font-weight: bold;
  margin-bottom: 10px;
}

section#mapping .b_box .member li p.text {
  font-size: 10px;
  padding-right: 40px;
}

section#mapping .b_box p {
  line-height: 1.8;
  text-align: left;
}

section#mapping .link_btn {
  max-width: 500px;
  display: block;
  margin: 30px auto 0;
}

section#mapping .link_btn p {
  line-height: 46px;
  margin: 0;
}

section#mapping .link_btn.block::after {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
}

section#mapping #mc {
  margin-top: 50px;
}

section#mapping #mc .flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 769px) {
  section#mapping #mc .hidebox {
    display: block !important;
  }
}

section#mapping #mc .more.under {
  margin-top: 0;
}

section#mapping #mc .imgbox {
  width: 200px;
  margin-right: 50px;
}

@media screen and (max-width: 768px) {
  section#mapping #mc .imgbox {
    margin-right: 0;
    margin-bottom: 20px;
    margin-top: 25px;
  }
}

section#mapping #mc .infobox {
  width: calc(100% - 250px);
}

@media screen and (max-width: 768px) {
  section#mapping #mc .infobox {
    width: 100%;
  }

  section#mapping #mc .infobox .under.more.sp p {
    text-align: center;
  }
}

section#mapping #mc .infobox .w_label {
  width: 100%;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  section#mapping #mc .infobox .w_label {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
  section#program {
    padding-top: 0;
    padding-bottom: 0;
  }
}

section#program ul h2.w_label {
  line-height: 1.6;
  margin-bottom: 20px;
  font-size: 30px;
  letter-spacing: 0.2em;
}

@media screen and (max-width: 768px) {
  section#program ul h2.w_label {
    font-size: 20px;
    margin-bottom: 10px;
  }
}

section#program ul h2.w_label .text {
  padding: 3px 0;
  font-family: "Montserrat", "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

section#program ul p {
  line-height: 1.8;
}

section#program ul p.t_grand {
  font-family: "Montserrat", "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

section#program ul .flex {
  margin-top: 30px;
  margin-bottom: 30px;
  width: 100%;
}

section#program ul h3 {
  margin-bottom: 25px;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 768px) {
  section#program ul h3 {
    margin-bottom: 20px;
  }
}

section#program ul li {
  padding-top: 50px;
}

@media screen and (max-width: 768px) {
  section#program ul li {
    padding-top: 25px;
  }
}

section#program ul li:first-child {
  padding-top: 0;
}

section#program ul li hr {
  margin-top: 50px;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  section#program ul li hr {
    margin-top: 25px;
  }
}

section#program ul li p.t_grad {
  margin-bottom: 0px;
  color: #fff;
  background: none;
}

section#program ul li:last-child hr {
  display: none;
}

@media screen and (max-width: 768px) {
  section#program .p_box {
    margin-top: 30px;
  }
}

section#program .p_box .grad {
  padding: 50px 0;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  section#program .p_box .grad {
    padding: 30px 0;
  }
}

section#program .p_box .grad .inner {
  padding: 0 40px;
}

@media screen and (max-width: 768px) {
  section#program .p_box .grad .inner {
    padding: 0 0px;
  }
}

section#program .p_box .grad .inner h2 {
  font-size: 30px;
  margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
  section#program .p_box .grad .inner h2 {
    font-size: 15px;
    letter-spacing: 0.3em;
  }
}

section#program .p_box .grad .inner h2.min {
  font-size: 23px;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  section#program .p_box .grad .inner h2.min {
    font-size: 20px;
    letter-spacing: 0.1em;
  }

  section#program .p_box .grad .inner h2.min span.b_label .text {
    padding: 10px 0;
  }
}

section#program .p_box .grad .inner p.text span.b_label .text {
  padding: 8px 8px;
  line-height: 3.6;
}

@media screen and (max-width: 768px) {
  section#program .p_box .grad .inner p.text span.b_label .text {
    line-height: 3;
    padding: 8px 0;
  }
}

section#program .p_box p {
  margin-top: 10px;
  line-height: 1.8;
  word-break: break-all;
}

section#program .p_box p.mont {
  font-family: "Montserrat", "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

@media screen and (max-width: 768px) {
  section #vote .scrollView {
    margin-top: 30px;
  }
}

section #vote .link_btn p {
  text-align: center;
}

section #vote .more.under {
  margin-top: 20px;
  margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
  section #vote .more.under {
    margin-bottom: 30px;
  }
}

section #vote .more.under p {
  text-align: center;
}

section #vote .hidebox {
  padding-top: 30px;
}

section #vote .hidebox a {
  display: inline-block;
  color: #888888;
}

section#creators ul li h3,
section#ambassador ul li h3,
section#sinsa ul li h3 {
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  padding-bottom: 15px;
  letter-spacing: 0.1em;
  color: #ACB6E5;
  background: -webkit-gradient(linear, right top, left top, from(#677CE3), color-stop(30%, #E4783A), color-stop(45%, #E33C56), to(#F6BF77));
  background: linear-gradient(to left, #677CE3 0%, #E4783A 30%, #E33C56 45%, #F6BF77 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

section#creators ul li h4,
section#ambassador ul li h4,
section#sinsa ul li h4 {
  font-size: 18px;
  margin-bottom: 10px;
}

section#creators ul li h4.name1,
section#ambassador ul li h4.name1,
section#sinsa ul li h4.name1 {
  font-size: 13px;
}

section#creators ul li h4 .text,
section#ambassador ul li h4 .text,
section#sinsa ul li h4 .text {
  letter-spacing: 0.2rem;
  padding-top: 4px;
}

@media screen and (max-width: 768px) {

  section#creators ul li .flex,
  section#ambassador ul li .flex,
  section#sinsa ul li .flex {
    display: block;
  }
}

section#creators ul li .imgbox,
section#ambassador ul li .imgbox,
section#sinsa ul li .imgbox {
  width: 265px;
  margin-right: 40px;
}

@media screen and (max-width: 768px) {

  section#creators ul li .imgbox,
  section#ambassador ul li .imgbox,
  section#sinsa ul li .imgbox {
    margin-right: 0;
    margin-bottom: 20px;
    width: 200px;
  }
}

section#creators ul li .infobox,
section#ambassador ul li .infobox,
section#sinsa ul li .infobox {
  width: calc(100% - 305px);
}

@media screen and (max-width: 768px) {

  section#creators ul li .infobox,
  section#ambassador ul li .infobox,
  section#sinsa ul li .infobox {
    width: 100%;
  }
}

section#creators ul li .infobox p,
section#ambassador ul li .infobox p,
section#sinsa ul li .infobox p {
  line-height: 1.8;
  margin-top: 10px;
  word-break: break-all;
}

@media screen and (max-width: 768px) {

  section#creators ul li .infobox p,
  section#ambassador ul li .infobox p,
  section#sinsa ul li .infobox p {
    line-height: 1.7;
  }
}

section#creators .andmore,
section#ambassador .andmore,
section#sinsa .andmore {
  margin-top: 15px;
  text-align: right;
}

section#creators .andmore p,
section#ambassador .andmore p,
section#sinsa .andmore p {
  display: inline-block;
}

section#creators .andmore p.t_grad,
section#ambassador .andmore p.t_grad,
section#sinsa .andmore p.t_grad {
  color: #ACB6E5;
  background: -webkit-gradient(linear, left top, right top, from(#5B93C5), to(#B05F93));
  background: linear-gradient(to right, #5B93C5 0%, #B05F93 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

section#creators ul li,
section#sinsa ul li {
  display: none;
}

section#creators ul li:first-child,
section#sinsa ul li:first-child {
  display: block;
}

section#creators .more,
section#sinsa .more {
  background: #1A1A1A;
  text-align: center;
  width: 100%;
  margin-top: 10px;
  cursor: pointer;
}

section#creators .more p,
section#sinsa .more p {
  text-align: center;
  line-height: 3;
  position: relative;
}

section#creators .more p:after,
section#sinsa .more p:after {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}

section#creators {
  padding-top: 0;
}

@media screen and (max-width: 768px) {
  section#creators .imgbox {
    margin: auto auto 20px !important;
  }
}

@media screen and (max-width: 768px) {
  section#creators hr {
    margin-bottom: 30px;
  }
}

section#creators ul li h4.w_label .text.mini {
  font-size: 13px;
}

section#creators ul li h3,
section#creators ul li hr {
  display: none;
}

section#creators ul li:first-of-type h3 {
  display: inline-block;
}

section#creators ul li:first-of-type hr {
  display: block;
}

section#creators ul li p {
  text-align: justify;
  text-justify: inter-ideograph;
}

section#sinsa .section_midashi h2 {
  font-size: 30px;
}

@media screen and (max-width: 768px) {
  section#sinsa .section_midashi h2 {
    font-size: 20px;
    letter-spacing: 0.2em;
  }
}

section#sinsa h3.w_label {
  color: #FFF;
  background: none;
  -webkit-background-clip: none;
  -webkit-text-fill-color: #FFF;
  padding-bottom: 5px;
}

section#sinsa h3.w_label .text {
  padding: 2px 0 5px;
}

section#sinsa h3.w_label .text.mini {
  font-size: 13px;
  letter-spacing: 0.02rem;
}

section#sinsa ul li {
  display: block;
}

@media screen and (max-width: 768px) {
  section#sinsa ul li .imgbox {
    margin: auto auto 20px;
  }
}

section#sinsa ul li p {
  text-align: justify;
  text-justify: inter-ideograph;
}

section#ambassador {
  padding-top: 100px;
}

section#ambassador .inner:nth-of-type(1) {
  margin-bottom: 80px;
}

section#ambassador .inner:nth-of-type(2) {
  margin-bottom: 80px;
}

section#ambassador .inner:nth-of-type(3) {
  margin-bottom: 80px;
}

section#ambassador .guestbox_mgn {
  margin-bottom: 60px !important;
}


@media screen and (max-width: 768px) {
  section#ambassador {
    padding-top: 50px;
  }

  section#ambassador .guestbox_mgn {
    margin-bottom: 15px !important;
  }

  section#ambassador .guest01 .more {
    margin-bottom: 20px !important;
  }

  section#ambassador .inner:nth-of-type(1) {
    margin-bottom: 50px;
  }

  section#ambassador .inner:nth-of-type(2) {
    margin-bottom: 50px;
  }

  section#ambassador .inner:nth-of-type(3) {
    margin-bottom: 50px;
  }

}

section#ambassador.grad:after {
  display: none;
}

@media screen and (min-width: 769px) {
  section#ambassador .hidebox {
    display: block !important;
  }
}

section#ambassador .more.under {
  margin-top: 0;
}

section#ambassador h3 {
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  padding-bottom: 15px;
  color: #ACB6E5;
  background: -webkit-gradient(linear, left top, right top, from(#677CE3), color-stop(30%, #E4783A), color-stop(45%, #E33C56), to(#F6BF77));
  background: linear-gradient(to right, #677CE3 0%, #E4783A 30%, #E33C56 45%, #F6BF77 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 追加　20230824 */
.amb2023 p.h3_txt {
  font-size: 20px;
  line-height: 25px;
  font-weight: bold;
  display: block;
  padding-bottom: 5px;
  letter-spacing: 0.1em;
  /* color: #dd0c0e; */
  color: #fff;
}

.amb2023 p.amb_name {
  font-size: 58px;
  line-height: 64px;
  font-weight: bold;
  display: block;
  padding-bottom: 20px;
  letter-spacing: 0.06em;
  color: #FFF;
  /* border-bottom: 2px solid #dd0c0e; */
  border-bottom: 2px solid #fff;
  margin: 0 0 25px 0;
}

.amb2023 p.amb_name02 {
  font-size: 58px;
  line-height: 64px;
  font-weight: bold;
  display: block;
  padding-bottom: 12px;
  padding-top: 8px;
  letter-spacing: 0.06em;
  color: #FFF;
  border-bottom: 2px solid #dd0c0e;
  margin: 0 0 25px 0;
}

.amb2023 p.amb_name02 span {
  font-size: 20px;
  line-height: 64px;
}

.amb_read {
  margin: 0 0 35px 0;
}

.amb_read h4 {
  font-size: 22px !important;
  margin: 0 0 25px 0 !important;
}

.amb_read h5 {
  font-size: 24px !important;
  margin: 0 0 10px 0;
  font-feature-settings: "palt";
  letter-spacing: 0.07rem;
}

section#ambassador ul li .infobox .w_label.pink {
  margin-bottom: 12px;
  border-bottom: 1px solid #FFF;
  padding: 0 0 7px 0;
}

section#ambassador ul li .infobox .w_label.pink:nth-of-type(2) {
  margin-top: 20px;
}

section#ambassador ul li .infobox .w_label.pink .text {
  color: #FFF;
}

section#ambassador ul li .flex {
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
  section#ambassador ul li .flex {
    margin-top: 25px;
    margin-bottom: 15px;
  }

  /* 追加　20230824 */
  .amb2023 p.h3_txt {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 5px;
    letter-spacing: 0.1em;
  }

  .amb2023 p.amb_name {
    font-size: 28px;
    line-height: 34px;
    padding-bottom: 12px;
    margin: 0 0 15px 0;
  }

  .amb2023 p.amb_name02 {
    font-size: 22px;
    line-height: 34px;
    padding-bottom: 12px;
    margin: -5px 0 15px 0;
  }

  .amb2023 p.amb_name02 span {
    font-size: 16px;
    line-height: 34px;
  }

  .amb_read {
    margin: 15px 0 25px 0;
  }

  .amb_read h4 {
    font-size: 20px !important;
    margin: 0 0 15px 0 !important;
  }

  .amb_read h5 {
    font-size: 16px !important;
    margin: 0 0 5px 0;
  }

}

section#ambassador ul li .imgbox {
  width: 50%;
  padding-right: 25px;
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  section#ambassador ul li .imgbox {
    width: 100%;
    padding-right: 0;
  }
}

section#ambassador ul li .infobox {
  width: 50%;
  padding-left: 25px;
}

section#ambassador ul li .infobox p {
  line-height: 2;
  word-break: break-all;
  text-align: left;
}

section#ambassador ul li .infobox .w_label .text {
  letter-spacing: 0.2rem;
}

@media screen and (max-width: 768px) {
  section#ambassador ul li .infobox {
    width: 100%;
    padding-left: 0;
  }

  section#ambassador ul li .infobox .w_label {
    font-size: 15px;
  }
}

section#ambassador ul li .infobox h4,
section#ambassador ul li .infobox p {
  letter-spacing: 0.1em;
}

section#timetable {
  padding-bottom: 30px;
}

section#timetable img {
  display: block;
  font-size: 0;
  width: 90%;
  margin: auto auto 40px;
}

section#timetable img.sp {
  display: none;
}

@media screen and (max-width: 768px) {
  section#timetable img.sp {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  section#timetable img {
    width: 100%;
    margin-bottom: 20px;
  }

  section#timetable img.pc {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  section#timetable {
    padding-bottom: 50px;
  }

  section#timetable .section_midashi {
    width: 90%;
    margin: 0 auto;
  }

  section#timetable .inner {
    width: 100%;
  }
}

section#movie {
  padding-top: 0;
  padding-bottom: 0;
}

section#movie h2 {
  max-width: 980px;
  margin: 0 auto;
  text-align: left;
  width: 100%;
}

@media screen and (max-width: 768px) {
  section#movie h2 {
    width: 100%;
  }
}

section#movie .inner {
  width: 100%;
  max-width: inherit;
}

@media screen and (max-width: 768px) {
  section#movie .inner {
    width: 100%;
  }
}

section#movie .inner .b_box {
  padding: 100px 0;
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  section#movie .inner .b_box {
    padding: 40px 0 30px;
  }
}

section#movie .inner .mbox {
  width: 90%;
  max-width: 980px;
  margin: 0 auto;
}

section#movie .inner .moviebox {
  position: relative;
  margin: 0 auto;
}

section#movie .inner .moviebox .start {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50px;
}

section#movie .flex.double_box {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

section#movie .flex.double_box .imgbox {
  margin-bottom: 20px;
}

section#faq {
  padding-top: 0px;
}

@media screen and (min-width: 769px) {
  section#faq {
    padding-top: 0px;
  }
}

section#faq ul li {
  margin-bottom: 10px;
  display: none;
}

section#faq ul li:first-child,
section#faq ul li:nth-child(2),
section#faq ul li:nth-child(3) {
  display: block;
}

section#faq ul li .q {
  background: #1A1A1A;
  padding: 8px 35px 8px 20px;
  position: relative;
  cursor: pointer;
}

section#faq ul li .q:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 50%;
  right: 30px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media screen and (max-width: 768px) {
  section#faq ul li .q:after {
    right: 15px;
  }
}

section#faq ul li .q.active:after {
  content: "";
  -webkit-transform: translate(0, -50%) rotate(180deg);
  transform: translate(0, -50%) rotate(180deg);
}

section#faq ul li .a {
  background: #fff;
  padding: 8px 35px 8px 20px;
  display: none;
}

section#faq ul li .a p {
  color: #1A1A1A;
}

section#faq .more {
  margin: 30px auto 0;
  cursor: pointer;
}

section#faq .more p {
  text-align: center;
}

section#faq .more p:after {
  content: "";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

section#attention {
  padding-bottom: 0;
}

section#attention p {
  font-size: 12px;
  line-height: 1.8;
  margin-top: 20px;
}

section#attention.flex-attention {
  padding-bottom: 100px;
}

section#attention.flex-attention .flex {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  section#attention.flex-attention {
    padding-bottom: 20px;
  }

  section#attention.flex-attention .flex img {
    display: block;
    width: 308px;
    max-width: 100%;
    margin: auto;
  }

  section#attention.flex-attention .flex .txt-box {
    width: 100%;
    margin-top: 20px;
  }
}

section#attention.flex-attention p {
  margin-top: 0;
  margin-bottom: 20px;
}

section#tyuui .hidebox {
  margin-top: 40px;
}

section#tyuui .hidebox p {
  color: #fff;
  word-break: break-all;
  font-size: 10px;
}

section#tyuui .more {
  margin: 30px auto 0;
  cursor: pointer;
}

section#tyuui .more p {
  text-align: center;
}

section#tyuui .more p:after {
  content: "";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

section#partner {
  background: #fff;
  padding: 100px 0;
  /* margin-bottom: 100px; */
}

@media screen and (max-width: 768px) {
  section#partner {
    margin-top: 50px;
    /* margin-bottom: 50px; */
    padding: 50px 0;
  }
}

section#partner .flex {
  flex-wrap: wrap;
  justify-content: space-between;
}

section#partner .flex .logo_area {
  width: 46%;
}

section#partner .partner_head {
  margin-bottom: 60px;
}

section#partner .logoset_flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 50px;
}

@media screen and (max-width: 768px) {
  section#partner .logoset_flex .imgbox {
    width: 100%;
  }

  section#partner .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  section#partner .flex .logo_area {
    width: 100%;
  }

  section#partner .flex .logo_area:first-child {
    margin-bottom: 40px;
  }
}

section#partner .flex .imgbox {
  /* width: 25%; */
  margin: 20px 0;
  text-align: center;
}

section#partner .flex .imgbox a {
  width: auto;
  height: 100%;
  display: inline-block;
  margin: auto;
}

section#partner .imgbox img {
  max-width: 160px;
  display: block;
  margin: auto;
}

section#partner hr {
  margin-top: 45px;
}

@media screen and (max-width: 768px) {
  section#partner hr {
    margin-bottom: 30px;
  }

  section#partner .flex .imgbox img {
    max-width: 200px;
  }
}

section#partner .p-title p {
  background: url(./assets/images/top/logo/line01.png) repeat-x left center;
  color: #000;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 35px;
}

section#partner .p-title p span {
  background: #FFF;
  display: inline-block;
  padding: 0 20px;
}

section#partner .logoset2 {
  margin: auto;
  width: 59%;
}

section#partner .logoset4 {
  margin: auto;
  width: 94%;
}

.logosp {
  display: none;
}

@media screen and (max-width: 768px) {
  section#partner .p-title p {
    font-size: 14px;
    margin-bottom: 35px;
  }

  section#partner .logoset2 {
    display: none;
  }

  section#partner .logoset4 {
    display: none;
  }

  .logosp {
    display: block;
    margin: 0 0 0 0;
    letter-spacing: -.4em;
  }

  .logosp li {
    display: inline-block;
    letter-spacing: normal;
    width: 50%;
    margin: 0 0 0 0;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 30px;
  }

  .logosp li.logosp01 {
    width: 33%;
  }

  .logosp li.logosp01 img {
    width: 47%;
  }

  .logosp li.logosp02 {
    width: 33%;
  }

  .logosp li.logosp02 img {
    width: 41%;
  }

  .logosp li.logosp03 {
    width: 33%;
  }

  .logosp li.logosp03 img {
    width: 68%;
  }

  .logosp li.logosp04 img {
    width: 40%;
  }

  .logosp li.logosp05 img {
    width: 46%;
  }

  .logosp li.logosp06 img {
    width: 77%;
  }

  .logosp li.logosp07 img {
    width: 88%;
  }

  .logosp li.logosp08 {
    width: 100%;
  }

  .logosp li.logosp08 img {
    width: 40%;
  }

}

section#partner .w100box {
  text-align: center;
}

section#partner .w100box .imgbox {
  margin: auto;
  width: 50%;
}

section#partner .w100box .top-logo {
  max-width: 387px;
}

@media screen and (max-width: 500px) {
  section#partner .w100box .top-logo {
    width: 70%;
    margin-bottom: 20px;
  }
}

section#partner .w100box .last-logo {
  width: 20%;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  section#partner .w100box .last-logo {
    max-width: 153px;
    width: 40%;
    margin-top: 50px;
  }
}

section#partner2 {
  padding: 80px 0 80px;
}

@media screen and (max-width: 768px) {
  section#partner2 {
    margin-top: 50px;
    margin-bottom: -50px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

section#partner2 .flex {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  section#partner2 .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
}

section#partner2 .flex .imgbox {
  width: 20%;
  margin: 20px 0;
}

@media screen and (max-width: 768px) {
  section#partner2 .flex .imgbox {
    width: 33%;
  }
}

@media screen and (max-width: 768px) {
  section#partner2 .flex .imgbox {
    width: 50%;
  }
}

section#partner2 .flex .imgbox a {
  width: auto;
  height: 100%;
  display: block;
  margin: auto;
}

section#partner2 .flex .imgbox img {
  width: 90%;
  display: block;
  margin: auto;
}

section#partner2 hr {
  margin-top: 45px;
}

@media screen and (max-width: 768px) {
  section#partner2 hr {
    margin-bottom: 30px;
  }
}

section#partner2 .p-title p {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 35px;
}

section#partner2 .logoset2 {
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  section#partner2 .logoset2 {
    margin-bottom: 30px;
  }
}

section#partner2 .w100box {
  text-align: center;
}

section#partner2 .w100box .imgbox {
  margin: auto;
  width: 50%;
}

section#partner2 .w100box .top-logo {
  max-width: 387px;
}

@media screen and (max-width: 500px) {
  section#partner2 .w100box .top-logo {
    width: 70%;
    margin-bottom: 20px;
  }
}

section#partner2 .w100box .last-logo {
  width: 20%;
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  section#partner2 .w100box .last-logo {
    max-width: 153px;
    width: 40%;
    margin-top: 50px;
  }
}

section#contact {
  background: #1A1A1A;
  padding: 100px 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  section#contact {
    padding: 40px 0;
    margin-top: 50px;
  }
}

section#contact h2 {
  text-align: center;
}

section#contact .link_btn {
  margin: 0 auto;
  max-width: 500px;
}

section#contact p {
  text-align: center;
}

section#outline .midashi h2 {
  font-size: 30px;
  letter-spacing: 0.1rem;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  section#outline .midashi h2 {
    font-size: 24px;
  }
}

section#outline .midashi h2 .sub-title {
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  section#outline .midashi h2 .sub-title {
    font-size: 14px;
  }
}

section#outline .outline-flex-box .txt-box {
  width: 50%;
}

@media screen and (max-width: 768px) {
  section#outline .outline-flex-box .txt-box {
    width: 100%;
  }
}

section#outline .outline-flex-box .txt-box:nth-of-type(1) {
  border-right: 1px solid #F6BF77;
  -o-border-image: linear-gradient(to bottom, #F6BF77 0%, #E4783A 30%, #E33C56 45%, #677CE3 100%);
  border-image: -webkit-gradient(linear, left top, left bottom, from(#F6BF77), color-stop(30%, #E4783A), color-stop(45%, #E33C56), to(#677CE3));
  border-image: linear-gradient(to bottom, #F6BF77 0%, #E4783A 30%, #E33C56 45%, #677CE3 100%);
  border-image-slice: 1;
}

@media screen and (max-width: 768px) {
  section#outline .outline-flex-box .txt-box:nth-of-type(1) {
    border-right: 0;
    border-bottom: 1px solid #F6BF77;
    -o-border-image: linear-gradient(to right, #F6BF77 0%, #E4783A 30%, #E33C56 45%, #677CE3 100%);
    border-image: -webkit-gradient(linear, left top, right top, from(#F6BF77), color-stop(30%, #E4783A), color-stop(45%, #E33C56), to(#677CE3));
    border-image: linear-gradient(to right, #F6BF77 0%, #E4783A 30%, #E33C56 45%, #677CE3 100%);
    border-image-slice: 1;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}

section#outline .outline-flex-box .txt-box:nth-of-type(2) {
  padding-left: 40px;
}

@media screen and (max-width: 768px) {
  section#outline .outline-flex-box .txt-box:nth-of-type(2) {
    padding-left: 0;
  }
}

section#outline .outline-flex-box .txt-box .more-txt {
  margin-top: -10px;
}

section#outline .hidebox {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  section#gallery h2 {
    text-align: left;
  }
}

section#gallery h3 {
  font-size: 24px;
  margin-bottom: 30px;
  letter-spacing: 0.2rem;
}

@media screen and (max-width: 768px) {
  section#gallery h3 {
    font-size: 18px;
  }
}

.gaiyo_area {
  margin: 0 0 50px 0;
  color: #FFF;
}

.gaiyo_area p {
  font-family: "Montserrat", "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.4rem;
}

.gaiyo_area p.txt01 {
  font-size: 20px;
  line-height: 36px;
  margin-bottom: 10px;
}

.gaiyo_area p.txt02 {
  font-size: 16px;
  line-height: 34px;
  margin-bottom: 0;
}
/*archive-2024-sep*/
.gaiyo_area.archive-2024-sep_gaiyo p{
text-align: center;
letter-spacing: 0.1em;
font-weight: normal;
}
/*archive-2024-sep*/
@media screen and (max-width: 768px) {
  .gaiyo_area {
    width: 92%;
    margin: 0 auto 30px;
  }

  .gaiyo_area p {
    letter-spacing: 0.4rem;
  }

  .gaiyo_area p.txt01 {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 8px;
  }

  .gaiyo_area p.txt02 {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0;
  }
}



section#gallery .event-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

section#gallery .event-list li {
  width: 32%;
  margin-bottom: 2%;
}

@media screen and (max-width: 768px) {
  section#gallery .event-list li {
    width: 49%;
  }
}

section#gallery .movie-list .box {
  margin-bottom: 50px;
}

section#gallery .movie-list .box .title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  section#gallery .movie-list .box .title {
    line-height: 1.5;
  }

  section#gallery .movie-list .box .title .txt {
    font-size: 14px;
    letter-spacing: 0.1rem;
    line-height: 1.5;
    display: block;
    margin-top: 10px;
  }
}

section#gallery .movie-list .box .title .normal {
  font-weight: normal;
}

section#gallery .more {
  margin: 30px auto 50px;
}

section#gallery .more p {
  text-align: center;
}

section#gallery .iblock {
  display: inline-block;
}

.news-wrap {
  position: relative;
}

.outline-flex-box.mb {
  margin-bottom: 24px;
}

.outline-flex-box .bot>h3.noto.min {
  font-size: 13px;
}

.outline-flex-box .bot>h3.noto.min .text {
  padding: 4px 10px;
  letter-spacing: 0.1rem;
}

.outline-flex-box .title {
  display: inline-block;
  margin-bottom: 5px;
  border-bottom: 2px solid #F6BF77;
  -o-border-image: linear-gradient(to right, #F6BF77 0%, #E4783A 30%, #E33C56 45%, #677CE3 100%);
  border-image: -webkit-gradient(linear, left top, right top, from(#F6BF77), color-stop(30%, #E4783A), color-stop(45%, #E33C56), to(#677CE3));
  border-image: linear-gradient(to right, #F6BF77 0%, #E4783A 30%, #E33C56 45%, #677CE3 100%);
  border-image-slice: 2;
  padding: 0 0 5px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .outline-flex-box .title {
    font-size: 12px;
    word-break: break-all;
  }
}

.outline-flex-box .top-txt {
  margin-top: 15px;
}

.outline-flex-box .date {
  font-size: 16px;
  font-weight: bold;
}

.outline-flex-box .fs24 {
  font-size: 24px !important;
}

.outline-flex-box .fs13 {
  font-size: 13px !important;
}

.outline-flex-box .fs11 {
  font-size: 11px !important;
}

.outline-flex-box hr {
  margin: 30px 0;
}

.outline-flex-box.top-outline-box {
  margin-top: 40px;
}

.txt-box-hr {
  margin: 30px 0;
}

.scrollView {
  -webkit-transition: all 1.2s 0s ease;
  transition: all 1.2s 0s ease;
  opacity: 0;
  -webkit-transform: scale(1, 1) translate(0%, 20px);
  transform: scale(1, 1) translate(0%, 20px);
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
  opacity: 1;
  -webkit-transform: scale(1, 1) translate(0%, 0%);
  transform: scale(1, 1) translate(0%, 0%);
}

.scrollView.view {
  opacity: 1;
  -webkit-transform: scale(1, 1) translate(0%, 0%);
  transform: scale(1, 1) translate(0%, 0%);
}

.scrolllabel .text {
  opacity: 0;
  -webkit-transition: 0.15s;
  transition: 0.15s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  background-size: 0;
}

.scrolllabel.view .b_label:after {
  content: "";
  width: 100%;
}

.scrolllabel.view .w_label:after {
  content: "";
  width: 100%;
}

.scrolllabel.view .text {
  opacity: 1;
  background-size: 100%;
}

@-webkit-keyframes titleBackground {
  0% {
    background-position: 100% 0%;
  }

  50% {
    background-position: 0% 0%;
  }

  99% {
    background-position: 0% 0%;
  }

  100% {
    background-position: -100% 0%;
  }
}

.drawer_menu .header_spcontact {
  display: block;
  width: 80%;
  min-width: 296px;
  height: 90px;
  margin: 0 auto;
  font-size: 1.6rem;
  border: 3px solid #fff;
  border-radius: 3px;
  -webkit-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
}

.drawer_menu * {
  padding: 0;
  outline: none;
  border: none;
  font: inherit;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: left;
  text-decoration: none;
  list-style: none;
}

.drawer_menu a {
  color: inherit;
  text-decoration: none;
  letter-spacing: 0.2rem;
  font-size: 1.4rem;
}

.drawer_menu a:visited {
  color: inherit;
}

.drawer_menu .drawer_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  display: none;
  top: 0;
  left: 0;
  opacity: 0.85;
}

.drawer_menu .drawer_button {
  display: block;
  background: none;
  border: none;
  padding: 0;
  width: 30px;
  height: 20px;
  letter-spacing: 0.1em;
  cursor: pointer;
  position: fixed;
  top: 17px;
  left: 19px;
  z-index: 1001;
  text-align: center;
  outline: none;
}

@media screen and (min-width: 769px) {
  .drawer_menu .drawer_button {
    top: 14px;
  }
}

.drawer_menu .drawer_button.active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.drawer_menu .drawer_button.active .drawer_bar {
  width: 40px;
}

.drawer_menu .drawer_bar {
  display: block;
  height: 4px;
  margin: 8px 0;
  border-radius: 2px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.drawer_menu .drawer_menu_text {
  display: block;
}

.drawer_menu_close_text {
  display: none;
}

.drawer_menu .drawer_nav_wrapper {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: translate(100vw);
  transform: translate(100vw);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  background: #030019;
}

.drawer_menu .drawer_nav_wrapper .header_spcontentbox {
  position: absolute;
  display: block;
  width: 100%;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
}

@media screen and (max-width: 768px) and (max-height: 530px) {
  .drawer_menu .drawer_nav_wrapper .header_spcontentbox {
    -webkit-transform: translate(-50%, -56%);
    transform: translate(-50%, -56%);
  }
}

.drawer_menu .drawer_nav_wrapper ul.drawer_navlink li {
  padding: 35px 0;
}

.drawer_menu .drawer_nav_wrapper.open {
  -webkit-transform: translate(0);
  transform: translate(0);
}

.drawer_menu .drawer_nav_wrapper .logo {
  width: 180px;
  margin: 20px auto 0;
}

.drawer_menu.left .drawer_button {
  right: auto;
  left: 32px;
}

.drawer_menu.left .drawer_nav_wrapper {
  -webkit-transform: translate(-312px);
  transform: translate(-312px);
  right: auto;
  left: 0;
}

.drawer_menu.left .drawer_nav_wrapper.open {
  -webkit-transform: translate(0);
  transform: translate(0);
}

/*+++ Default Navigation CSS +++*/
.drawer_menu .drawer_nav {
  padding: 30px 24px 30px;
}

.drawer_menu .drawer_nav li {
  font-size: 1.8rem;
  color: #fff;
  font-size: 18px;
  text-align: center;
  margin-bottom: 25px;
  display: block !important;
  font-family: "midashi", Hiragino Sans, "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}

.drawer_menu .drawer_nav li a {
  color: #fff;
  font-size: 20px;
}

.drawer_menu .drawer_nav li.choice_language a {
  padding: 0 60px 0 40px;
  position: relative;
}

.drawer_menu .drawer_nav li.choice_language a:before {
  content: "";
  position: absolute;
  display: block;
  width: 1rem;
  height: 1rem;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  top: 15%;
  right: 35px;
}

@media screen and (min-width: 769px) {
  .drawer_nav_wrapper .inner {
    height: 100%;
  }
}

.drawer_menu .drawer_nav li span {
  font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  color: #fff;
}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
}

.menu-trigger span:nth-of-type(1) {
  top: 0;
}

.menu-trigger span:nth-of-type(2) {
  top: 8px;
  width: 70%;
}

.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
  width: 45%;
  -webkit-transform: translate3d(2px, 2px, 0) rotate(45deg);
  transform: translate3d(2px, 2px, 0) rotate(45deg);
}

.menu-trigger.active span:nth-of-type(2) {
  width: 100%;
  -webkit-transform: translate3d(-1px, 0, 0) rotate(-45deg);
  transform: translate3d(-1px, 0, 0) rotate(-45deg);
}

.menu-trigger.active span:nth-of-type(3) {
  width: 45%;
  -webkit-transform: translate3d(23px, -9px, 0) rotate(45deg);
  transform: translate3d(13px, -3px, 0) rotate(45deg);
}

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  src: local("Noto Sans CJK JP Regular"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format("opentype");
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans JP";
  font-style: bold;
  font-weight: 600;
  src: local("Noto Sans CJK JP Bold"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format("opentype");
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: local("Montserrat-SemiBold"), url(./assets/font/Montserrat-SemiBold.ttf) format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  font-style: bold;
  font-weight: 600;
  src: local("Montserrat-Bold"), url(./assets/font/Montserrat-Bold.ttf) format("truetype");
  font-display: swap;
}

/*#########################################################

mixin

#########################################################*/
/* ========================================================
メディアクエリ
=========================================================*/
/*
Bootstrap 3
768px未満: スマホ（デフォルト）
※スマホは、Media Queries無しで記述。
768px以上をタブレットサイズ
992px以上をデスクトップサイズ
1200px以上を大きめのデスクトップサイズ

iPhone4: 320 × 480
iPhone5: 320 × 568
iPhone6: 375 × 627
iPhone6s: 414 × 736
Nexus6: 414 × 659
*/
/*#########################################################

基本設定

#########################################################*/
/*#########################################################

要素関連

#########################################################*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-family: "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  margin: 0 !important;
}

html,
body {
  width: 100%;
  height: 100%;
  background: #030019;
}


#container.headerpad {
  padding-top: 80px;
}

@media screen and (max-width: 1280px) {
  #container.headerpad {
    padding-top: 64px;
  }
}

@media screen and (max-width: 768px) {
  #container.headerpad {
    padding-top: 56px;
  }
}



p {
  line-height: 1.8;
  font-family: "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

a {
  color: #000;
}

a:focus {
  color: #959595;
}

a:active {
  color: #00a0e9;
}

/* 固定幅フォント */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

small {
  font-size: 0.8rem;
}

/* subscript&superscript */
sub,
sup {
  font-size: 0.8rem;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

strong {
  font-weight: bold;
}

strong.red {
  color: #e00909;
  font-weight: normal;
}

i {
  font-weight: normal;
  font-style: italic;
}

input[type=text],
input[type=email],
input[type=url] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e0e3e4;
  padding: 0.5rem;
}

textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e0e3e4;
  padding: 0.5rem;
}

.under-wrapper-all {
  padding: 200px 0;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .under-wrapper-all {
    padding: 100px 0;
  }
}

.under-wrapper-all a {
  color: #fff;
}

.under-wrapper-all .wrapper {
  max-width: 980px;
  width: 90%;
  margin: 0 auto;
  position: relative;
}

.under-wrapper-all.under-wrapper-news {
  background: #fff;
}

.under-wrapper-oursns {
  padding-top: 0;
  padding-bottom: 0;
}

.under-wrapper-oursns .sns-wrap {
  padding: 40px 0;
  width: 560px;
  max-width: 100%;
  margin: auto;
  background: -webkit-gradient(linear, right top, left top, from(rgb(20, 32, 91)), color-stop(30%, rgb(183, 39, 62)), color-stop(80%, rgb(228, 120, 58)), to(rgb(246, 191, 119)));
  background: linear-gradient(to left, rgb(20, 32, 91) 0%, rgb(183, 39, 62) 30%, rgb(228, 120, 58) 80%, rgb(246, 191, 119) 100%);
  background-size: 200% 200%;
  -webkit-animation: huerotator 5s ease infinite;
  animation: huerotator 5s ease infinite;
  position: relative;
}

.under-wrapper-oursns .sns-wrap h2 {
  font-size: 30px;
  text-align: center;
  margin-bottom: 5px;
}

.under-wrapper-oursns .sns-wrap h2.mt {
  font-size: 20px;
  margin-top: 40px;
}

.under-wrapper-oursns .sns-wrap .near {
  width: 220px;
  margin: 0 auto 10px;
}

.under-wrapper-oursns .sns-wrap .sns-list {
  width: 400px;
  max-width: 80%;
  margin: auto;
}

@media screen and (max-width: 768px) {
  .under-wrapper-oursns .sns-wrap .sns-list {
    max-width: 90%;
  }
}

.under-wrapper-oursns .sns-wrap .sns-list li {
  margin: 10px 0;
}

.under-wrapper-oursns .sns-wrap .sns-list li a {
  text-align: center;
  background: #1A1A1A;
  padding: 15px 0;
  border-radius: 60px;
  font-family: "Montserrat", "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  letter-spacing: 1.5px;
  position: relative;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .under-wrapper-oursns .sns-wrap .sns-list li a {
    font-size: 13px;
  }
}

.under-wrapper-oursns .sns-wrap .sns-list li a:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.under-wrapper-oursns .sns-wrap .sns-list li.youtube a:before {
  background-image: url(./assets/images/sns/icon_you.png);
}

.under-wrapper-oursns .sns-wrap .sns-list li.tiktok a:before {
  background-image: url(./assets/images/sns/icon_tik.png);
}

.under-wrapper-oursns .sns-wrap .sns-list li.instagram a:before {
  background-image: url(./assets/images/sns/icon_ins.png);
}

.under-wrapper-oursns .sns-wrap .sns-list li.twitter a:before {
  background-image: url(./assets/images/sns/icon_twi.png);
}

.under-wrapper-oursns .sns-wrap .sns-list li.facebook a:before {
  background-image: url(./assets/images/sns/icon_fb.png);
}

.under-wrapper-oursns .sns-wrap .sns-list li.web a:before {
  background-image: url(./assets/images/sns/icon_h.png);
}

.under-wrapper-oursns .sns-wrap .sns-list li.ticket a:before {
  background-image: url(./assets/images/sns/icon_ticket.png);
}

.under-wrapper-oursns .sns-wrap .sns-list li.ticket .kome {
  font-size: 10px;
  margin-top: 5px;
  text-align: right;
}

.under-wrapper-oursns .txt-center {
  margin-top: 50px;
}

.under-wrapper-news-all .news-list li {
  width: 33.3%;
  padding: 0 10px;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .under-wrapper-news-all .news-list li {
    width: 100%;
  }
}

.under-wrapper-news-all .news-list li .w_label {
  line-height: 1.6;
}

.under-wrapper-news-all .news-list li .imgbox {
  margin-bottom: 10px;
}

.under-wrapper-news-all .news-list li .imgbox img {
  height: auto;
}

.under-wrapper-news-all .news-list li .date {
  line-height: 1.6;
  font-family: "Montserrat", "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  color: #888888;
  font-size: 15px;
}

.under-wrapper-news-all .unit-link-back {
  margin-top: 90px;
  margin-left: 20px;
}

.single {
  background: #fff;
}

.single #site-header,
.single #site-footer {
  background: #030019;
}

.under-wrapper-news.under-wrapper-all {
  padding: 170px 0 100px;
}

@media screen and (max-width: 768px) {
  .under-wrapper-news.under-wrapper-all {
    padding: 110px 0 50px;
  }
}

.under-wrapper-news.under-wrapper-all .wrapper {
  padding-top: 0;
  padding-bottom: 0;
  color: #030019;
}

.under-wrapper-news.under-wrapper-all .wrapper a,
.under-wrapper-news.under-wrapper-all .wrapper p,
.under-wrapper-news.under-wrapper-all .wrapper .under-title-01 {
  color: #030019;
}

.under-wrapper-news.under-wrapper-all .wrapper .date {
  font-size: 18px;
  color: #888888;
  font-family: "Montserrat", "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

@media screen and (max-width: 768px) {
  .under-wrapper-news.under-wrapper-all .wrapper .date {
    font-size: 15px;
  }
}

.under-wrapper-news.under-wrapper-all .wrapper .news-box {
  margin: 50px auto;
}

@media screen and (max-width: 768px) {
  .under-wrapper-news.under-wrapper-all .wrapper .news-box {
    margin-top: 20px;
  }
}

.under-wrapper-news.under-wrapper-all .wrapper .other-list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .under-wrapper-news.under-wrapper-all .wrapper .other-list {
    display: block;
  }
}

.under-wrapper-news.under-wrapper-all .wrapper .other-list .unit-link-back {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

@media screen and (max-width: 768px) {
  .under-wrapper-news.under-wrapper-all .wrapper .other-list .unit-link-back {
    margin-left: 20px;
  }
}

.under-wrapper-news.under-wrapper-all .wrapper .other-list .sns-shera-list {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .under-wrapper-news.under-wrapper-all .wrapper .other-list .sns-shera-list {
    width: 100%;
    max-width: 238px;
    margin: auto auto 50px;
  }
}

.under-wrapper-news.under-wrapper-all .wrapper .other-list .sns-shera-list:before {
  content: "share";
  font-family: "Montserrat", "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  display: inline-block;
  margin-right: 10px;
}

.under-wrapper-news.under-wrapper-all .wrapper .other-list .sns-shera-list li {
  width: 35px;
  text-align: center;
  margin-left: 10px;
}

@media screen and (max-width: 768px) {
  .under-wrapper-news.under-wrapper-all .wrapper .other-list .sns-shera-list li {
    margin-left: 0;
  }
}

.under-wrapper-news.under-wrapper-all .wrapper .other-list .sns-shera-list li a {
  border: 1px solid #EBEBEB;
  border-radius: 35px;
  padding: 6px 0;
}

.under-wrapper-news.under-wrapper-all .wrapper .other-list .sns-shera-list li a img {
  width: 20px;
  display: inline-block;
}

.under-title-01 {
  display: block;
  text-align: center;
  margin-bottom: 30px;
  font-size: 40px;
  letter-spacing: 7px;
}

@media screen and (max-width: 1024px) {
  .under-title-01 {
    font-size: 30px;
    margin-bottom: 20px;
  }
}

.under-title-02 {
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 1024px) {
  .under-title-02 {
    font-size: 15px;
  }
}

.unit-link-line {
  text-decoration: underline;
}

.unit-link-back {
  font-weight: normal;
  font-family: "Montserrat", "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-size: 15px;
  display: inline-block;
  position: relative;
  color: #fff;
}

.unit-link-back:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  border-color: transparent #ffffff transparent transparent;
  position: absolute;
  top: 50%;
  left: -20px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.unit-link-back.black:before {
  border-color: transparent #000 transparent transparent;
}

.unit-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.unit-flex.left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.unit-flex.right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.unit-flex.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.txt-center {
  text-align: center;
}

.txt-left {
  text-align: left;
}

.txt-right {
  text-align: right;
}

.txt-bold {
  font-weight: bold;
}

.txt-box p {
  margin-bottom: 20px;
}

.txt-box p:last-of-type {
  margin-bottom: 0;
}

.under-wrapper-all .wrapper {
  max-width: 980px;
  width: 90%;
  margin: 0 auto;
  position: relative;
}

.under-wrapper-contact {
  padding-bottom: 0;
}

.under-wrapper-contact .contact-attention {
  width: 100%;
  background: #1A1A1A;
  padding: 40px;
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .under-wrapper-contact .contact-attention {
    padding: 5%;
  }
}

.under-wrapper-contact .contact-attention .txt-box {
  width: 43%;
}

@media screen and (max-width: 768px) {
  .under-wrapper-contact .contact-attention .txt-box {
    width: 100%;
  }
}

.under-wrapper-contact .contact-attention .txt-box:nth-of-type(1) {
  width: 53%;
}

@media screen and (max-width: 768px) {
  .under-wrapper-contact .contact-attention .txt-box:nth-of-type(1) {
    width: 100%;
    margin-bottom: 30px;
  }
}

.under-wrapper-contact .contact-attention .txt-box p {
  letter-spacing: 0.05rem;
}

.under-wrapper-contact .contact-attention .txt-box a {
  font-size: 15px;
  text-decoration: underline;
  margin-top: 20px;
}

.under-wrapper-contact .contact-attention .txt-box h3 .w_label .text {
  letter-spacing: 0.1rem;
  padding: 2px 0 5px;
}

.under-wrapper-contact .wpcf7-form {
  margin: 50px auto 100px;
}

.under-wrapper-contact .wpcf7-form>.txt-center {
  margin-top: 50px;
}

.under-wrapper-contact .thanks-btn {
  margin-top: 90px;
}

.under-wrapper-contact .contact-list {
  font-size: 13px;
}

.under-wrapper-contact .contact-list dt {
  font-weight: bold;
  padding-top: 20px;
}

.under-wrapper-contact .contact-list dt.required:after {
  content: "＊";
  color: #FF7676;
  display: inline-block;
  margin-left: 5px;
}

.under-wrapper-contact .contact-list dd {
  position: relative;
}

.under-wrapper-contact .contact-list dd:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: -webkit-gradient(linear, right top, left top, from(#b85a8f), color-stop(80%, #658dc0), to(#5a94c6));
  background: linear-gradient(to left, #b85a8f 0%, #658dc0 80%, #5a94c6 100%);
  background-size: 200% 200%;
  -webkit-animation: huerotator 5s ease infinite;
  animation: huerotator 5s ease infinite;
}

.under-wrapper-contact .check {
  display: inline-block;
}

.under-wrapper-contact .check .wpcf7-list-item {
  display: inline-block;
  margin: 0;
}

.under-wrapper-contact .check a {
  display: inline-block;
  color: #888888;
  text-decoration: underline;
}

.under-wrapper-contact input,
.under-wrapper-contact textarea,
.under-wrapper-contact select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.under-wrapper-contact input[type=text]:placeholder,
.under-wrapper-contact input[type=email]:placeholder,
.under-wrapper-contact input[type=mail]:placeholder,
.under-wrapper-contact input[type=tel]:placeholder,
.under-wrapper-contact input[type=url]:placeholder,
.under-wrapper-contact textarea:placeholder {
  color: #888888;
  font-size: 1.3rem;
}

.under-wrapper-contact input[type=text]:focus::-webkit-input-placeholder,
.under-wrapper-contact input[type=email]:focus::-webkit-input-placeholder,
.under-wrapper-contact input[type=mail]:focus::-webkit-input-placeholder,
.under-wrapper-contact input[type=tel]:focus::-webkit-input-placeholder,
.under-wrapper-contact input[type=url]:focus::-webkit-input-placeholder,
.under-wrapper-contact textarea:focus::-webkit-input-placeholder {
  color: #888888;
  font-size: 1.3rem;
}

.under-wrapper-contact input[type=text]:focus:-moz-placeholder,
.under-wrapper-contact input[type=email]:focus:-moz-placeholder,
.under-wrapper-contact input[type=mail]:focus:-moz-placeholder,
.under-wrapper-contact input[type=tel]:focus:-moz-placeholder,
.under-wrapper-contact input[type=url]:focus:-moz-placeholder,
.under-wrapper-contact textarea:focus:-moz-placeholder {
  color: #888888;
  font-size: 1.3rem;
}

.under-wrapper-contact input[type=text]:focus::-moz-placeholder,
.under-wrapper-contact input[type=email]:focus::-moz-placeholder,
.under-wrapper-contact input[type=mail]:focus::-moz-placeholder,
.under-wrapper-contact input[type=tel]:focus::-moz-placeholder,
.under-wrapper-contact input[type=url]:focus::-moz-placeholder,
.under-wrapper-contact textarea:focus::-moz-placeholder {
  color: #888888;
  font-size: 1.3rem;
}

.under-wrapper-contact input[type=text]:focus:placeholder,
.under-wrapper-contact input[type=email]:focus:placeholder,
.under-wrapper-contact input[type=mail]:focus:placeholder,
.under-wrapper-contact input[type=tel]:focus:placeholder,
.under-wrapper-contact input[type=url]:focus:placeholder,
.under-wrapper-contact textarea:focus:placeholder {
  color: transparent !important;
}

.under-wrapper-contact input[type=text]:focus:focus::-webkit-input-placeholder,
.under-wrapper-contact input[type=email]:focus:focus::-webkit-input-placeholder,
.under-wrapper-contact input[type=mail]:focus:focus::-webkit-input-placeholder,
.under-wrapper-contact input[type=tel]:focus:focus::-webkit-input-placeholder,
.under-wrapper-contact input[type=url]:focus:focus::-webkit-input-placeholder,
.under-wrapper-contact textarea:focus:focus::-webkit-input-placeholder {
  color: transparent !important;
}

.under-wrapper-contact input[type=text]:focus:focus:-moz-placeholder,
.under-wrapper-contact input[type=email]:focus:focus:-moz-placeholder,
.under-wrapper-contact input[type=mail]:focus:focus:-moz-placeholder,
.under-wrapper-contact input[type=tel]:focus:focus:-moz-placeholder,
.under-wrapper-contact input[type=url]:focus:focus:-moz-placeholder,
.under-wrapper-contact textarea:focus:focus:-moz-placeholder {
  color: transparent !important;
}

.under-wrapper-contact input[type=text]:focus:focus::-moz-placeholder,
.under-wrapper-contact input[type=email]:focus:focus::-moz-placeholder,
.under-wrapper-contact input[type=mail]:focus:focus::-moz-placeholder,
.under-wrapper-contact input[type=tel]:focus:focus::-moz-placeholder,
.under-wrapper-contact input[type=url]:focus:focus::-moz-placeholder,
.under-wrapper-contact textarea:focus:focus::-moz-placeholder {
  color: transparent !important;
}

.under-wrapper-contact input[type=text],
.under-wrapper-contact input[type=email],
.under-wrapper-contact input[type=mail],
.under-wrapper-contact input[type=tel],
.under-wrapper-contact input[type=submit],
.under-wrapper-contact input[type=url],
.under-wrapper-contact textarea,
.under-wrapper-contact select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 15px 0;
  background: transparent;
  line-height: 1.5;
  color: #fff;
}

@media screen and (max-width: 768px) {

  .under-wrapper-contact input[type=text],
  .under-wrapper-contact input[type=email],
  .under-wrapper-contact input[type=mail],
  .under-wrapper-contact input[type=tel],
  .under-wrapper-contact input[type=submit],
  .under-wrapper-contact input[type=url],
  .under-wrapper-contact textarea,
  .under-wrapper-contact select {
    font-size: 16px;
  }
}

.under-wrapper-contact input[type=text],
.under-wrapper-contact input[type=email],
.under-wrapper-contact input[type=mail],
.under-wrapper-contact input[type=tel],
.under-wrapper-contact input[type=url],
.under-wrapper-contact textarea {
  width: 100%;
}

.under-wrapper-contact input[type=submit] {
  background: #fff;
  width: 100%;
  display: block;
  color: #030019;
  padding: 15px 15px;
  margin: 10px auto auto;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border-radius: 50px;
  font-weight: bold;
  letter-spacing: 1px;
  border: 1px solid #fff;
}

.under-wrapper-contact input[type=submit]:hover {
  opacity: 1;
  cursor: pointer;
  background: #030019;
  color: #fff;
}

.under-wrapper-contact textarea {
  height: 80px;
}

.under-wrapper-contact select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 15px 0;
  background: transparent;
  cursor: pointer;
}

.under-wrapper-contact select::-ms-expand {
  display: none;
}

.under-wrapper-contact .wpcf7-spinner {
  margin: 20px auto;
  position: absolute;
  left: 0;
  right: 0;
}

.under-wrapper-contact .wpcf7-not-valid-tip {
  margin-bottom: 20px;
}

.unit-submit-btn {
  width: 500px;
  max-width: 100%;
  position: relative;
  margin: auto;
}

.unit-submit-btn:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #030019;
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.unit-submit-btn:hover:after {
  border-color: transparent transparent transparent #fff;
}

.under-wrapper-policy {
  padding-bottom: 0;
}

.under-wrapper-policy a {
  display: inline-block;
  text-decoration: underline;
}

.under-wrapper-policy .inner-policy {
  margin-bottom: 50px;
}

.under-wrapper-policy .wrapper .txt-left .unit-link-back {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .under-wrapper-policy .wrapper .txt-left .unit-link-back {
    margin-top: 30px;
  }
}

.txt-left .unit-link-back {
  margin-left: 20px;
}

.wp-block-image img {
  width: 100% !important;
  height: auto !important;
}

.news-box h2 {
  line-height: 1.3;
  color: #000;
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .news-box h2 {
    font-size: 16px;
  }
}

.news-box p {
  margin-bottom: 10px;
}

.news-box p em {
  font-weight: bold;
  font-style: normal;
  font-size: 13px;
  margin-bottom: 15px;
  display: block;
}

.news-box ul li {
  margin-bottom: 20px;
  line-height: 1.5;
  font-size: 13px;
}

.news-box ul li br {
  display: none;
}

.news-box ul li strong {
  display: block;
  margin-bottom: 5px;
}

.news-box ul li p {
  margin-bottom: 15px;
}

.wpcf7-response-output {
  display: none !important;
}

#en.container p {
  word-break: break-all;
}

#en.container #mapping p {
  word-break: keep-all !important;
  text-align: left;
}

#en.container #mapping .link_btn {
  max-width: 800px;
}

@media screen and (max-width: 768px) {
  #en.container #mapping .link_btn {
    padding: 4px 0 0;
  }
}

#en.container #mapping .link_btn p {
  line-height: 46px;
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  #en.container #mapping .link_btn p {
    line-height: 20px;
  }
}

#en.container p.b_label .text,
#en.container h1.b_label .text,
#en.container h2.b_label .text,
#en.container h3.b_label .text,
#en.container h4.b_label .text,
#en.container h5.b_label .text,
#en.container h6.b_label .text,
#en.container span.b_label .text {
  word-break: break-all;
}

#en.container p.w_label .text,
#en.container h1.w_label .text,
#en.container h2.w_label .text,
#en.container h3.w_label .text,
#en.container h4.w_label .text,
#en.container h5.w_label .text,
#en.container h6.w_label .text,
#en.container span.w_label .text {
  word-break: break-all;
}

@media screen and (max-width: 768px) {
  #en.container #about .box .infobox {
    padding: 15px;
  }
}

#en.container #about p {
  word-break: break-all;
}

#en.container #about .box .infobox ul li .title {
  width: 4.1em;
}

#en.container #about .box .infobox ul li .title p {
  text-align: center;
}

@media screen and (max-width: 768px) {
  #en.container #about .box .infobox ul li .title p {
    padding: 0 5px;
  }
}

#en.container #ticket ul li .title {
  width: 7em;
}

#en.container #ticket ul li .title p {
  text-align: center;
  padding: 0 3px;
  word-break: break-word;
}

@media screen and (max-width: 768px) {
  #en.container #ticket ul li .title p {
    line-height: 1.5;
  }
}

@media screen and (max-width: 768px) {
  #en.container #ticket ul li .text p {
    word-break: break-all;
  }
}

@media screen and (max-width: 768px) {
  #en.container #ticket .link_btn p {
    line-height: 1.5;
    padding-top: 5px;
    word-break: break-word;
  }
}

#hero_movie {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  z-index: 9999;
}

#hero_movie #hero_back {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  cursor: pointer;
}

#hero_movie #mv {
  width: 90%;
  max-width: 980px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

#hero_movie .batu {
  width: 50px;
  position: absolute;
  cursor: pointer;
  top: -10px;
  right: 0;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
}

table,
td,
th {
  border-collapse: collapse;
  border: 2px solid #888;
}

.tableos {
  overflow-x: hidden;
  position: relative;
  margin: 20px auto;
  width: 100%;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}

.tableos::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}

table.infotable {
  width: 100%;
}

table.infotable tr td {
  vertical-align: middle;
  padding: 10px 0;
  text-align: center;
  position: relative;
}

table.infotable tr td p {
  text-align: center;
}

table.infotable tr td.logo {
  width: 137px;
  text-align: center;
  padding: 2px;
}

table.infotable tr td.logo img {
  width: 91px;
}

table.infotable tr td.col {
  width: 135px;
}

table.infotable tr td.min {
  width: 55px;
}

table.infotable tr td.st {
  width: calc((100% - 190px) / 3);
}

table.infotable tr td.gray {
  background: rgba(136, 136, 136, 0.5);
  padding: 5px 0;
}

table.infotable tr td.gray p {
  color: #fff;
}

table.infotable tr td.blue {
  background: #030019;
  padding: 5px 0;
}

table.infotable tr td.blue p {
  text-align: left;
  font-size: 12px;
  padding-left: 15px;
}

table.infotable tr td span.t_grad {
  background: linear-gradient(-45deg, #677CE3 0%, #E33C56 40%, #E4783A 60%, #F6BF77 100%);
  color: #fff;
  padding: 5px 15px;
  border-radius: 5px;
  font-size: 13px;
  text-align: center;
  display: inline-block;
  line-height: 1.5;
}

table.infotable tr td span.t_grad.mintt {
  line-height: 3.4;
}

@media screen and (max-width: 768px) {
  table.infotable tr td span.t_grad.mn {
    margin-bottom: 0;
  }
}

.maru {
  width: 90%;
  background: #BB5382;
  padding: 15px 18px;
  border-radius: 5px;
  display: inline-block;
}

.maru div {
  content: "";
  display: block;
  background: url(./assets/images/maru.svg) no-repeat center center;
  background-size: cover;
  width: 15px;
  height: 15px;
  margin: 0 auto;
}

.sankaku {
  width: 90%;
  background: #2786B2;
  padding: 15px 18px;
  border-radius: 5px;
  display: inline-block;
}

.sankaku div {
  content: "";
  display: block;
  background: url(./assets/images/sankaku.svg) no-repeat center center;
  background-size: cover;
  width: 15px;
  height: 15px;
  margin: 0 auto;
}

.batsu {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: #404040;
}

.batsu div {
  content: "";
  display: block;
  background: url(./assets/images/soldout.png) no-repeat center center;
  background-size: 100% auto;
  width: 121px;
  height: 49px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto;
}

@media screen and (max-width: 768px) {
  .batsu div {
    max-width: 90%;
  }
}

.ticket-sold-inner {
  margin-top: 30px;
}

.ticket-sold-inner .fs11 {
  font-size: 11px;
}

.flex.itt {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 20px 0;
}

@media screen and (max-width: 768px) {
  .flex.itt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.lt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
}

.lt .maru,
.lt .sankaku,
.lt .batsu {
  padding: 2px 12px;
  width: auto;
}

@media screen and (max-width: 768px) {

  .lt .maru,
  .lt .sankaku,
  .lt .batsu {
    padding: 0px 9px;
  }
}

.lt .maru div,
.lt .sankaku div,
.lt .batsu div {
  content: "";
  width: 12px;
  height: 12px;
  margin: 0 auto;
  display: inline-block;
}

@media screen and (max-width: 768px) {

  .lt .maru div,
  .lt .sankaku div,
  .lt .batsu div {
    width: 10px;
    height: 10px;
  }
}

.lt p {
  margin-left: 5px;
  display: inline-block;
  font-size: 10px;
}

@media screen and (max-width: 768px) {
  .lt p {
    margin-left: 3px;
    letter-spacing: 0;
  }
}

.under-wrapper-vote h1 {
  line-height: 1.4;
}

.under-wrapper-vote .midashi_botimg {
  width: 300px;
  margin: 40px auto 0;
}

#vote h3 {
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  padding-bottom: 15px;
  letter-spacing: 0.1em;
  color: #ACB6E5;
  background: -webkit-gradient(linear, left top, right top, from(#5B93C5), to(#B05F93));
  background: linear-gradient(to right, #5B93C5 0%, #B05F93 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (max-width: 768px) {
  #vote h3 {
    font-size: 17px;
  }
}

#vote .infobox p {
  margin: 40px 0;
  text-align: left;
}

@media screen and (max-width: 768px) {
  #vote .infobox p {
    margin: 20px 0;
  }
}

#vote .infobox p a {
  display: inline-block;
  text-decoration: underline;
  color: #888888;
  word-break: break-all;
}

#vote .center {
  text-align: center;
}

#vote .link_btn {
  max-width: 500px;
  margin: 0 auto;
}

#vote .vote_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 40px;
}

#vote .vote_list li {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  #vote .vote_list li {
    width: 49%;
  }
}

@media screen and (max-width: 768px) {
  #vote .vote_list li:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) {
  #vote .vote_list li:nth-child(3n) {
    margin-right: 0;
  }
}

#vote .vote_list li h4 span {
  font-size: 13px;
}

@media screen and (max-width: 768px) {
  #vote .vote_list li h4 span {
    font-size: 12px;
  }
}

#vote .vote_list li p {
  margin: 0px 0 0;
  font-size: 15px;
}

@media screen and (max-width: 768px) {
  #vote .vote_list li p {
    font-size: 13px;
  }
}

#vote .vote_list li .imgbox {
  width: 100%;
  margin-bottom: 10px;
  position: relative;
}

#vote .vote_list li .imgbox .start {
  width: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#vote .vote_list li .infobox p {
  color: #888888;
}

#awardWrapper {
  margin-bottom: 70px;
}

@media screen and (max-width: 768px) {
  #awardWrapper hr {
    margin-bottom: 20px;
  }
}

#awardWrapper .award-list {
  font-weight: bold;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: 0.18em;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  #awardWrapper .award-list {
    letter-spacing: 0.1em;
    margin-bottom: 25px;
  }
}

#awardWrapper .award-list:last-of-type {
  margin-bottom: 0;
}

#awardWrapper .award-list dt {
  width: auto;
  color: #fff;
  display: inline-block;
  background: -webkit-gradient(linear, right top, left top, from(rgb(184, 90, 143)), color-stop(80%, rgb(101, 141, 192)), to(rgb(90, 148, 198)));
  background: linear-gradient(to left, rgb(184, 90, 143) 0%, rgb(101, 141, 192) 80%, rgb(90, 148, 198) 100%);
  padding: 8px 10px 8px;
  font-size: 15px;
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  #awardWrapper .award-list dt {
    margin-bottom: 10px;
    margin-right: 0;
  }
}

#awardWrapper .award-list dd p {
  display: inline-block;
}

#awardWrapper .award-list dd .title {
  color: #fff;
  font-size: 18px;
  font-family: "Montserrat", "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

@media screen and (max-width: 768px) {
  #awardWrapper .award-list dd .title {
    display: block;
  }
}

#awardWrapper .award-list dd .title a {
  color: #fff;
}

#awardWrapper .award-list dd .txt {
  color: #888888;
  font-size: 13px;
}

@media screen and (max-width: 768px) {
  #awardWrapper .award-list dd .txt {
    display: block;
  }
}

#awardWrapper .award-big {
  margin: 50px auto;
}

@media screen and (max-width: 768px) {
  #awardWrapper .award-big {
    margin: 25px auto;
  }
}

#awardWrapper .award-small {
  margin: auto auto 50px;
}

#awardWrapper .award-small dt {
  font-size: 13px;
}

#awardWrapper .award-small dd .title {
  font-size: 15px;
}

#awardWrapper .link_btn a p {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .page-template-page-en section#des .sub-h3 {
    font-size: 20px;
  }
}

.page-template-page-en #ticket .outline-flex-box p {
  text-align: left;
}

.page-template-page-en .more-vote-inner .flex>p,
.page-template-page-1minpm-en .more-vote-inner .flex>p {
  width: 50%;
}

@media screen and (max-width: 768px) {

  .page-template-page-en .more-vote-inner .flex>p,
  .page-template-page-1minpm-en .more-vote-inner .flex>p {
    width: 100%;
  }
}

.page-template-page-1minpm-en #sinsa .b_box .infobox .scrollView:first-of-type .w_label {
  display: none;
}

#archive {
  z-index: 0;
}

#archive .lmd-r {
  display: block;
}

@media screen and (max-width: 1024px) {
  #archive .lmd-r {
    display: none;
  }
}

#archive::after {
  z-index: -1;
}

@media screen and (max-width: 1024px) {
  #archive .section_midashi {
    width: 92%;
    margin: auto;
  }
}

#archive .archive-title {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 980px;
  margin: 75px auto 0;
}

#archive .archive-title h1 {
  text-align: center;
  font-size: 49px;
  padding: 48px 0 0;
  font-weight: 500;
  letter-spacing: 0.4rem;
}

@media screen and (max-width: 768px) {
  #archive .archive-title h1 {
    font-size: 34px;
  }
}

#archive #gallery {
  padding-bottom: 24px;
  width: 90%;
  max-width: 980px;
}

@media screen and (max-width: 768px) {
  #archive #gallery {
    width: 100%;
    padding-bottom: 0;
  }
}

#archive #gallery .gallery-wrap {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 980px;
  margin: 0 auto;
}

#archive #gallery .gallery-title h2 {
  font-size: 40px;
  font-weight: 500;
}

#archive #gallery .gallery-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  #archive #gallery .gallery-items {
    width: 92%;
    margin: auto;
  }
}

#archive #gallery .gallery-item {
  width: 32%;
  margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
  #archive #gallery .gallery-item {
    width: 100%;
  }
}

#archive #program {
  padding-top: 0;
  padding-bottom: 0;
  width: 90%;
  max-width: 980px;
  margin: 0 auto 80px;
}

#archive #program h2 {
  margin: 0 auto;
  text-align: left;
  width: 100%;
}
	/*archive-2024-sep PC*/
	#archive #program.program-2024-sep > h2 {
	  margin: 0 0 94px;
	  font-size: 2rem;
	  text-align: center;
	  opacity: 0;
	}
	.singlePage #archive section#program.program-2024-sep.programContainer {
	position: relative;
	padding: 2.5rem 0 0;
	width: 100%;
	}
	#archive #program.program-2024-sep .AmbassadorContainer h2 {
		margin: 0 0 2.5rem;
		font-size: 1.5625rem;
		text-align: center;
	}	

	/*archive-2024-sep PC*/

@media screen and (max-width: 768px) {
  #archive #program h2 {
    width: 100%;
  }
	/*archive-2024-sep SP*/
	#archive #program.program-2024-sep > h2 {
	  margin: 0 0 94px;
	}	
	#archive #program.program-2024-sep .AmbassadorContainer h2 {
		margin: 0 0 2.5rem;
		font-size: 1.5625rem;
		text-align: center;
	}		
	/*archive-2024-sep SP*/
}
#archive #program .program-title {
  font-size: 22px;
  margin: 32px 0;
}

#archive #program .double_box {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#archive #program .double_box .imgbox-width {
  margin-bottom: 40px;
}

#archive #program .double_box .imgbox-width h3 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
  #archive #program .double_box .imgbox-width h3 {
    font-size: 12px;
    margin-bottom: 8px;
  }
}

#archive #program .double_box .imgbox-width p {
  font-size: 16px;
  margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
  #archive #program .double_box .imgbox-width p {
    font-size: 12px;
    margin-bottom: 8px;
  }
}

#archive #program .double_box .imgbox-width p span {
  font-weight: 600;
}

@media screen and (max-width: 1024px) {
  #archive #program .double_box .imgbox-width p span {
    display: block;
  }
}

#archive #program .double_box .imgbox {
  margin-bottom: 32px;
}

#archive #program .double_box .imgbox h3 {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 4px;
  letter-spacing: 3px;
}

#archive #program .double_box .imgbox p {
  font-size: 12px;
  margin-bottom: 16px;
}

#archive #program .double_box .imgbox p span {
  font-weight: 600;
}

#archive #program .movie-p_box {
  margin-bottom: 50px;
}

#archive #program .inner {
  width: 100%;
  max-width: inherit;
}

@media screen and (max-width: 768px) {
  #archive #program .inner {
    width: 100%;
  }
}

#archive #program .inner .b_box {
  padding: 32px 0;
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  #archive #program .inner .b_box {
    padding: 40px 0 30px;
  }
}

#archive #program .inner .program-head {
  /* max-width: 820px; */
  margin-bottom: 48px;
}
#archive #program .inner .program-head.en {
  max-width: 980px;
  margin: 0 auto 48px;
}

@media screen and (max-width: 1024px) {
  #archive #program .inner .program-head {
    width: 92%;
    margin: 0 auto 24px;
  }
}

#archive #program .inner .program-head figure {
  margin-bottom: 16px;
}

@media screen and (max-width: 1024px) {
  #archive #program .inner .program-head figure {
    width: 92%;
    margin: 0 auto 24px;
  }
}

.award_wrap{
  margin-top: 30px;
}

.award_wrap .sub_title{
  margin-bottom: 30px;
}
.accordion_button{
  margin-top: 14px;
  display: flex;
  justify-content: center;
}
.accordion_button .button{
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  position: relative;
}
.accordion_button .button:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  right: -18px;
}
.accordion_button .button.open:after{
  transform: rotate(90deg);
}
.accordion_button .button.close:after{
  transform: rotate(-90deg);
}

.js-accordion-button.full_width{
  width: 100%;
}
.archive-hikarinosaiten__head{
  margin-bottom: 80px;
}
.archive-hikarinosaiten__head h3{
  margin-bottom: 20px;
}
.archive-hikarinosaiten__head h3 span{
  display: block;
}
.archive-hikarinosaiten__head h3 span.jp {
  font-size: 14px;

}
.archive-hikarinosaiten__head h3 span.en {
  font-size: 40px;
}
.archive-hikarinosaiten__head .desc{
  font-size: 16px;
}

.archive-hikarinosaiten__contents hr{
  width: 100%;
}
.archive-hikarinosaiten__content{
  margin-bottom: 50px;
}
.archive-hikarinosaiten__content img{
  width: 49.8%;
  display: inline-block;
}
.archive-hikarinosaiten__content dl dt,
.archive-hikarinosaiten__content dl dd{
  color: #fff;
}
.archive-hikarinosaiten__content dl dt{
  font-size: 30px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: .2em;
  margin: 10px 0;
}
.archive-hikarinosaiten__content dl dt span{
  font-size: 14px;
  display: block;
}
.archive-hikarinosaiten__content dl dd{
  font-size: 14px;
  line-height: 2;
}
.page-grand-prix{
  padding: 50px 80px;
  background: #1a1a1a;
}

@media screen and (max-width: 768px) {
  .archive-hikarinosaiten__head{
    margin-bottom: 40px;
  }
    .archive-hikarinosaiten__content img{
      width: 100%;
    }
  .page-grand-prix {
    padding: 30px 5%;
    margin-top: 30px;
  }
  .archive-hikarinosaiten__head {
    margin-top: 20px;
  }

  .archive-hikarinosaiten__head h3 span.en {
    font-size: 28px;
  }

  .archive-hikarinosaiten__content {
    width: 100%;
  }
  .award_wrap {
    width: 90%;
    margin: 30px auto 0;
  }
  #archive .home-gallery__content{
    width: 90%;
    margin: auto;
  }
  #archive #program{
    margin: 0 auto 40px;
  }
}

#archive #program .inner .program-head .grad-line {
  -o-border-image: linear-gradient(to right, #5B93C5 0%, #B05F93 100%);
  border-image: -webkit-gradient(linear, left top, right top, from(#5B93C5), to(#B05F93));
  border-image: linear-gradient(to right, #5B93C5 0%, #B05F93 100%);
  border-image-slice: 1;
}

#archive #program .inner .program-head .grad-orange {
  margin-bottom: 16px;
  border: 1px solid #F6BF77;
  -o-border-image: linear-gradient(to right, #F6BF77 0%, #E4783A 30%, #E33C56 45%, #677CE3 100%);
  border-image: -webkit-gradient(linear, left top, right top, from(#F6BF77), color-stop(30%, #E4783A), color-stop(45%, #E33C56), to(#677CE3));
  border-image: linear-gradient(to right, #F6BF77 0%, #E4783A 30%, #E33C56 45%, #677CE3 100%);
  border-image-slice: 1;
}

#archive #program .inner .mbox {
  width: 90%;
  max-width: 980px;
  margin: 0 auto;
}

#archive #program .inner .mbox .singlebox {
  margin: 30px auto 50px;
}

#archive #program .inner .moviebox {
  position: relative;
  margin: 0 auto;
}

#archive #program .inner .moviebox .start {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50px;
}

#archive #movie {
  margin-bottom: 80px;
}

#archive #movie .inner {
  width: 90%;
  max-width: 980px;
  margin: 0 auto;
}

#archive #movie.mb-s {
  margin-bottom: 64px;
}

@media screen and (max-width: 768px) {
  #archive #movie.mb-s {
    padding-bottom: 0;
    margin-bottom: 64px;
  }
}

#archive #movie .p_box {
  max-width: 980px;
  margin: auto;
}

@media screen and (max-width: 768px) {
  #archive #movie .p_box {
    margin-top: 30px;
  }
}

#archive #movie .p_box .inner {
  padding: 0 40px;
}

@media screen and (max-width: 768px) {
  #archive #movie .p_box .inner {
    padding: 0 0px;
  }
}

#archive #movie .p_box .inner h2 {
  font-size: 30px;
}

@media screen and (max-width: 768px) {
  #archive #movie .p_box .inner h2 {
    font-size: 20px;
  }
}

#archive #movie p {
  margin-top: 10px;
  line-height: 1.8;
  word-break: break-all;
  text-align: left;
}

#archive .double_box {
  margin-bottom: 10px;
}

#archive .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

#archive .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

#archive #partner {
  background: #030019;
}

@media screen and (max-width: 768px) {
  #archive #contact {
    margin: 0;
  }
}

#archive #contact p {
  text-align: center;
}

#archive hr {
  -o-border-image: linear-gradient(to right, #5B93C5 0%, #B05F93 100%);
  border-image: -webkit-gradient(linear, left top, right top, from(#5B93C5), to(#B05F93));
  border-image: linear-gradient(to right, #5B93C5 0%, #B05F93 100%);
  border-image-slice: 1;
}

.time-2021-title {
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  padding-bottom: 15px;
  color: #ACB6E5;
  background: -webkit-gradient(linear, left top, right top, from(#5B93C5), to(#B05F93));
  background: linear-gradient(to right, #5B93C5 0%, #B05F93 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 1px;
}

@media screen and (max-width: 768px) {
  .time-2021-title {
    font-size: 18px;
  }
}

.time-2021-title.jp {
  letter-spacing: 3px;
}

@media screen and (max-width: 768px) {
  .time-2021-title.jp:nth-of-type(2) {
    margin: 20px 0 30px 0;
  }
}

#lightarea p {
  text-align: left;
}

#lightarea .lightarea-title {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 980px;
  margin: 75px auto 0;
  position: relative;
  z-index: 2;
}

#lightarea .lightarea-title h1 {
  text-align: center;
  font-size: 40px;
  padding: 48px 0 0;
  font-weight: bold;
  letter-spacing: 0.4rem;
}

@media screen and (max-width: 768px) {
  #lightarea .lightarea-title h1 {
    font-size: 34px;
  }
}

#lightarea #lightarea-program {
  padding-bottom: 0;
  position: relative;
  z-index: 2;
}

#lightarea #lightarea-program.bottom {
  padding-top: 0;
  padding-bottom: 90px;
}

#lightarea #lightarea-program .lightarea-inner {
  max-width: 980px;
  width: 90%;
  margin: 0 auto;
  position: relative;
}

#lightarea #lightarea-program .lightarea-inner .grad {
  padding: 40px 0;
}

#lightarea #lightarea-program .lightarea-inner .grad .inner p {
  margin-bottom: 30px;
}

#lightarea #lightarea-program .lightarea-inner .section_midashi {
  text-align: center;
}

#lightarea #lightarea-program .lightarea-inner .program-list {
  margin-top: 60px;
}

#lightarea #lightarea-program .lightarea-inner .program-list ul li h3 {
  margin: 20px 0 10px;
}

#lightarea #lightarea-program .lightarea-inner .program-list ul li p {
  margin-bottom: 30px;
}

#lightarea #lightarea-program .lightarea-inner .program-list ul li:last-of-type hr {
  display: none;
}

#lightarea #creators {
  padding-top: 10px;
  padding-bottom: 50px;
}

#lightarea #creators ul li {
  display: block;
  margin-bottom: 50px;
}

#lightarea #creators ul li:first-of-type {
  margin-bottom: 180px;
  position: relative;
}

@media screen and (max-width: 375px) {
  #lightarea #creators ul li:first-of-type {
    margin-bottom: 150px;
  }
}

#lightarea #creators ul li:first-of-type:after {
  content: "クリエイター情報";
  text-align: left;
  font-size: 40px;
  padding: 48px 0 0;
  font-weight: bold;
  letter-spacing: 0.4rem;
  display: block;
  position: absolute;
  bottom: -120px;
  left: 0;
  color: #fff;
}

@media screen and (max-width: 768px) {
  #lightarea #creators ul li:first-of-type:after {
    font-size: 34px;
  }
}

@media screen and (max-width: 375px) {
  #lightarea #creators ul li:first-of-type:after {
    font-size: 30px;
    letter-spacing: 0.2rem;
    bottom: -100px;
  }
}

#lightarea #creators.en-cre ul li:first-of-type:after {
  content: "クリエイター情報";
}

#lightarea .b_label .text.mini {
  font-size: 18px;
}

#lightarea .comingsoon {
  margin-top: 0;
  position: relative;
}

#lightarea .comingsoon:before,
#lightarea .comingsoon:after {
  content: "";
  display: block;
}

#lightarea .comingsoon:before {
  width: 100%;
  height: 100%;
  background: #545454;
  opacity: 0.8;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  z-index: 3;
}

#lightarea .comingsoon:after {
  max-width: 416px;
  height: 64px;
  background: url(./assets/images/commingsoon.png) no-repeat center center;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto;
  z-index: 4;
}

@media screen and (max-width: 768px) {
  #lightarea .comingsoon:after {
    background-image: url(./assets/images/commingsoon_sp.png);
    width: 180px;
    max-width: 90%;
    height: 104px;
  }
}

#page-1minpm p {
  text-align: left;
}

#page-1minpm .page-1minpm-title {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 980px;
  margin: auto;
  position: relative;
  z-index: 2;
}

#page-1minpm .page-1minpm-title h1 {
  text-align: center;
  font-size: 40px;
  padding: 48px 0 0;
  font-weight: bold;
  letter-spacing: 0.4rem;
}

@media screen and (max-width: 768px) {
  #page-1minpm .page-1minpm-title h1 {
    font-size: 34px;
  }
}

@media screen and (max-width: 500px) {
  #page-1minpm .page-1minpm-title h1 {
    font-size: 20px;
    letter-spacing: 0.2rem;
  }
}

#page-1minpm .page-1minpm-title .midashi_botimg {
  width: 90%;
  max-width: 300px;
  margin: 50px auto auto;
}

#page-1minpm #page-1minpm-program {
  padding-bottom: 0;
  position: relative;
  z-index: 2;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner {
  max-width: 980px;
  width: 90%;
  margin: 0 auto;
  position: relative;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner.none {
  max-width: none;
  width: 100%;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .b_box {
  padding: 50px 50px;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .b_box p {
  text-align: left;
}

@media screen and (max-width: 768px) {
  #page-1minpm #page-1minpm-program .page-1minpm-inner .b_box {
    padding: 30px 0;
  }
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .b_box h3 {
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  padding-bottom: 15px;
  letter-spacing: 0.07rem;
  color: #FFF;
  /*
  color: #ACB6E5;
  background: -webkit-gradient(linear, right top, left top, from(#677CE3), color-stop(30%, #E4783A), color-stop(45%, #E33C56), to(#F6BF77));
  background: linear-gradient(to left, #677CE3 0%, #E4783A 30%, #E33C56 45%, #F6BF77 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  */
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .b_box_top {
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  #page-1minpm #page-1minpm-program .page-1minpm-inner .b_box_top {
    padding: 30px 5%;
  }
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .b_box_top hr {
  margin-bottom: 20px;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .b_box_top p {
  margin-bottom: 20px;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .b_box_top p:last-of-type {
  margin-bottom: 0;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .grad {
  padding: 40px 0;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .grad .b_label .text {
  letter-spacing: 0.2rem;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .grad .b_label .text.mini {
  font-size: 18px;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .grad .b_label .text.big {
  font-size: 22px;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .grad .b_label .text.big .txt {
  margin-left: -12px;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .grad .inner p {
  margin-bottom: 30px;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .b_box_bottom {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  #page-1minpm #page-1minpm-program .page-1minpm-inner .b_box_bottom .program-head {
    width: 90%;
    margin: 0 auto;
  }
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .b_box_bottom .w_label .text {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.2rem;
}

@media screen and (max-width: 768px) {
  #page-1minpm #page-1minpm-program .page-1minpm-inner .b_box_bottom .w_label .text {
    font-size: 18px;
  }
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .b_box_bottom h3 {
  margin: 30px 0 20px;
  padding: 0;
}

@media screen and (max-width: 768px) {
  #page-1minpm #page-1minpm-program .page-1minpm-inner .b_box_bottom .mbox {
    width: 90%;
    margin: 0 auto;
  }
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .b_box_bottom .mbox .flex.double_box {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .b_box_bottom .mbox .flex.double_box .imgbox {
  margin-bottom: 36px;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .b_box_bottom .mbox .flex.double_box .imgbox p {
  font-weight: bold;
  letter-spacing: 0.2rem;
  margin-bottom: 10px;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .b_box_bottom .mbox .flex.double_box .imgbox p .title {
  position: relative;
  left: 0px;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .b_box_bottom .mbox .flex.double_box.w100flex {
  display: block;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .b_box_bottom .mbox .flex.double_box.w100flex .imgbox {
  width: 100%;
  margin: 50px 0;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .b_box_bottom .mbox .flex.double_box.w100flex .imgbox:first-of-type {
  margin-top: 20px;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .b_box_bottom .mbox .flex.double_box.w100flex figure {
  margin-bottom: 10px;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .b_box_bottom .mbox .flex.double_box.w100flex .textarea {
  font-weight: normal;
  letter-spacing: 0.1rem;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .comingsoon {
  margin-top: 50px;
  position: relative;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .comingsoon:before,
#page-1minpm #page-1minpm-program .page-1minpm-inner .comingsoon:after {
  content: "";
  display: block;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .comingsoon:before {
  width: 100%;
  height: 100%;
  background: #545454;
  opacity: 0.8;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  z-index: 3;
}

#page-1minpm #page-1minpm-program .page-1minpm-inner .comingsoon:after {
  max-width: 416px;
  height: 64px;
  background: url(./assets/images/commingsoon.png) no-repeat center center;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto;
  z-index: 4;
}

@media screen and (max-width: 768px) {
  #page-1minpm #page-1minpm-program .page-1minpm-inner .comingsoon:after {
    background-image: url(./assets/images/commingsoon_sp.png);
    width: 180px;
    max-width: 90%;
    height: 104px;
  }
}

#page-vote p {
  text-align: left;
}

#page-vote .page-vote-title {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 980px;
  margin: 75px auto 0;
  position: relative;
  z-index: 2;
}

#page-vote .page-vote-title h1 {
  text-align: center;
  font-size: 40px;
  padding: 48px 0 0;
  font-weight: bold;
  letter-spacing: 0.4rem;
}

@media screen and (max-width: 768px) {
  #page-vote .page-vote-title h1 {
    font-size: 34px;
    padding-right: 5%;
    padding-left: 5%;
  }
}

@media screen and (max-width: 500px) {
  #page-vote .page-vote-title h1 {
    font-size: 20px;
    letter-spacing: 0.2rem;
  }
}

#page-vote .page-vote-title .midashi_botimg {
  width: 90%;
  max-width: 300px;
  margin: 50px auto auto;
}

#page-vote #page-vote-program {
  position: relative;
  z-index: 2;
}

#page-vote #page-vote-program .page-vote-inner {
  max-width: 980px;
  width: 90%;
  margin: 0 auto;
  position: relative;
}

#page-vote #page-vote-program .page-vote-inner .b_box {
  padding: 50px 50px;
}

#page-vote #page-vote-program .page-vote-inner .b_box p {
  text-align: left;
}

@media screen and (max-width: 768px) {
  #page-vote #page-vote-program .page-vote-inner .b_box {
    padding: 30px 0;
  }
}

#page-vote #page-vote-program .page-vote-inner .b_box h3 {
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  padding-bottom: 15px;
  letter-spacing: 0.07rem;
  color: #ACB6E5;
  background: -webkit-gradient(linear, right top, left top, from(#677CE3), color-stop(30%, #E4783A), color-stop(45%, #E33C56), to(#F6BF77));
  background: linear-gradient(to left, #677CE3 0%, #E4783A 30%, #E33C56 45%, #F6BF77 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#page-vote #page-vote-program .page-vote-inner .b_box .w_label {
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
  #page-vote #page-vote-program .page-vote-inner .b_box .w_label {
    margin-top: 20px;
  }
}

#page-vote #page-vote-program .page-vote-inner .b_box .w_label .text {
  font-size: 13px;
  letter-spacing: 0.1rem;
  margin-bottom: 20px;
}

#page-vote #page-vote-program .page-vote-inner .b_box .v-inner {
  margin: 30px 0;
}

#page-vote #page-vote-program .page-vote-inner .b_box .v-inner a {
  color: #888888;
  letter-spacing: 0;
  display: inline-block;
  word-break: break-all;
}

@media screen and (max-width: 768px) {
  #page-vote #page-vote-program .page-vote-inner .b_box.top-b_box {
    padding: 30px 5%;
  }
}

#page-vote #page-vote-program .page-vote-inner .grad {
  padding: 40px 0;
}

#page-vote #page-vote-program .page-vote-inner .grad .b_label .text {
  letter-spacing: 0.2rem;
}

#page-vote #page-vote-program .page-vote-inner .grad .b_label .text.mini {
  font-size: 18px;
}

#page-vote #page-vote-program .page-vote-inner .grad .b_label .text.big {
  font-size: 22px;
}

#page-vote #page-vote-program .page-vote-inner .grad .b_label .text.big .txt {
  margin-left: -12px;
}

#page-vote #page-vote-program .page-vote-inner .grad .inner p {
  margin-bottom: 30px;
}

#page-vote #page-vote-program .page-vote-inner .b_box_bottom {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  #page-vote #page-vote-program .page-vote-inner .b_box_bottom .program-head {
    width: 90%;
    margin: 0 auto;
  }
}

#page-vote #page-vote-program .page-vote-inner .b_box_bottom .w_label .text {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.2rem;
}

@media screen and (max-width: 768px) {
  #page-vote #page-vote-program .page-vote-inner .b_box_bottom .w_label .text {
    font-size: 18px;
  }
}

#page-vote #page-vote-program .page-vote-inner .b_box_bottom h3 {
  margin: 30px 0 20px;
  padding: 0;
}

@media screen and (max-width: 768px) {
  #page-vote #page-vote-program .page-vote-inner .b_box_bottom .mbox {
    width: 90%;
    margin: 0 auto;
  }
}

#page-vote #page-vote-program .page-vote-inner .b_box_bottom .mbox .flex.double_box {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#page-vote #page-vote-program .page-vote-inner .b_box_bottom .mbox .flex.double_box .imgbox {
  margin-bottom: 20px;
}

#page-vote #page-vote-program .page-vote-inner .b_box_bottom .mbox .flex.double_box .imgbox p {
  letter-spacing: 0.1rem;
  margin-bottom: 10px;
  font-size: 13px;
}

#page-vote #page-vote-program .page-vote-inner .b_box_bottom .mbox .flex.double_box .imgbox p .title {
  font-weight: bold;
  position: relative;
  left: -7px;
  font-size: 16px;
}

#page-vote #page-vote-program .page-vote-inner .b_box_bottom .mbox .flex.double_box .imgbox figure {
  position: relative;
}

.movieicon:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  background: url(./assets/images/start.png) no-repeat center center;
  background-size: 100% auto;
  width: 50px;
  height: 50px;
  display: block;
}

#page-vote #page-vote-program .page-vote-inner .center {
  margin-top: 20px;
}

#page-vote #page-vote-program .page-vote-inner .center p {
  text-align: center;
}

#page-vote #page-vote-program .page-vote-inner .center .link_btn {
  width: auto;
  max-width: 500px;
  display: block;
  margin: 10px auto auto;
}

.under-wrapper-news-all .news-list li .w_label {
  text-align: left;
}

.under-wrapper-all p {
  text-align: left;
}

.more-vote-inner {
  margin-top: 50px;
  margin-bottom: 50px;
}

.more-vote-inner .w_label {
  margin-bottom: 20px;
  font-size: 13px;
}

.more-vote-inner .w_label .text {
  letter-spacing: 0.1rem;
}

.more-vote-inner .title {
  margin-bottom: 5px !important;
}

.more-vote-inner .flex {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.more-vote-inner .flex p {
  width: auto;
  margin: 0 40px 0 0 !important;
}

@media screen and (max-width: 768px) {
  .more-vote-inner .flex p {
    margin-right: 0 !important;
  }
}

.more-vote-inner .flex p:last-of-type {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .more-vote-inner .flex p:last-of-type {
    margin-top: 0;
  }
}

.more-vote-inner .link_btn {
  width: auto;
  max-width: 500px;
  display: block;
  margin: 30px auto 0;
}

.more-vote-inner .link_btn p {
  text-align: center !important;
}

#result .imgbox figure {
  position: relative;
}

#result .textarea {
  font-weight: normal;
  margin-top: 10px;
}

.singlebox {
  margin: 30px auto 50px;
}

.singlebox p {
  font-weight: bold;
  letter-spacing: 0.2rem;
  margin-bottom: 10px;
}

/*contact*/
.under-wrapper-contact .txt-center {
  text-align: center !important;
}

.page-template-page-en section#mapping .p_box .inner p,
.page-template-page-en section#ambassador .hidebox .textbox p {
  word-break: keep-all;
  text-align: left;
}

.page-template-page-en section#mapping .inner p {
  text-align: left;
}

.page-template-page-en section#mapping .inner .link_btn p {
  text-align: center;
}

.page-template-page-1minpm-en-php #sinsa .infobox>p {
  word-break: keep-all;
}

.page-template-page-lightarea-en section#creators ul li .infobox p,
.page-template-page-lightarea-en section#ambassador ul li .infobox p,
.page-template-page-lightarea-en section#sinsa ul li .infobox p {
  word-break: keep-all;
}

/*blog*/
.wp-block-image.blog-img-size1 {
  margin: auto;
}

.wp-block-image.blog-img-size2 {
  margin: auto 0 auto auto;
}

.wp-block-image.blog-img-size1 {
  width: 342px !important;
  max-width: 100% !important;
}

.wp-block-image.blog-img-size2 {
  width: 260px !important;
  max-width: 80% !important;
  margin-top: 20px;
}

/*youtube*/
.wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* 2023 09 追加分
--------------------------------------------------------------------- */

/* MV チケット バナー */
section.hero .fix-ticketorder-banner {
  width: 360px;
  position: absolute;
  right: 70px;
  bottom: 200px;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  section.hero .fix-ticketorder-banner {
    width: 90%;
    left: 5%;
    right: auto;
    bottom: 150px;
  }
}

/* movie */
.moviebox {
  display: block;
  width: 100%;
}

.moviebox video {
  width: 100%;
}

/* text red */
.minired {
  font-size: 13px;
  letter-spacing: 0.02rem;
  color: #dd0c0e;
  margin: 0 0 6px 0;
}

/* text white */
.txt_white {
  font-size: 13px;
  letter-spacing: 0.02rem;
  color: #fff;
  margin: 0 0 6px 0;
}

/* hikarinosaiten */
#page-hikarinosaiten p {
  text-align: left;
}

#page-hikarinosaiten .page-hikarinosaiten-title {
  padding-top: 50px;
  padding-bottom: 0;
  max-width: 980px;
  width: 90%;
  margin: 0 auto 0;
  position: relative;
  z-index: 2;
}

#page-hikarinosaiten .page-hikarinosaiten-title h1 {
  text-align: center;
  font-size: 40px;
  padding: 0 0 0;
  font-weight: bold;
  letter-spacing: 0.4rem;
  margin-bottom: 30px;
}

#page-hikarinosaiten .page-hikarinosaiten-title>p {
  margin-bottom: 60px;
}

#page-hikarinosaiten .page-hikarinosaiten-title .hikarinosaiten_img01 {
  margin-bottom: 60px;
}

#page-hikarinosaiten .page-hikarinosaiten-title .hikarinosaiten_img01 h2 {
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {

  #page-hikarinosaiten .page-hikarinosaiten-title {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 30px 5% 0;
  }

  #page-hikarinosaiten .page-hikarinosaiten-title h1 {
    font-size: 24px;
    letter-spacing: 0.3rem;
    margin-bottom: 20px;
  }

  #page-hikarinosaiten .page-hikarinosaiten-title>p {
    margin-bottom: 30px;
  }

  #page-hikarinosaiten .page-hikarinosaiten-title .hikarinosaiten_img01 {
    margin-bottom: 45px;
  }

}

#page-hikarinosaiten .page-hikarinosaiten-body {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 980px;
  width: 90%;
  margin: 0 auto 0;
  position: relative;
  z-index: 2;
}

#page-hikarinosaiten .red_table {
  display: table;
  width: 100%;
  margin-bottom: 60px;
  background: url(./assets/images/hikarinosaiten/line01.png) no-repeat left bottom;
  background-size: 100% auto;
}

#page-hikarinosaiten .red_table .rt01 {
  display: table-cell;
  vertical-align: top;
  width: 370px;
  padding: 0 0 60px 0;
}

#page-hikarinosaiten .red_table .rt01 img {
  width: 100%;
}

#page-hikarinosaiten .red_table .rt02 {
  display: table-cell;
  vertical-align: top;
  padding: 0 0 60px 40px;
}

#page-hikarinosaiten .red_table .rt02 h3 {
  display: block;
  font-size: 24px;
  margin-bottom: 10px;
}

#page-hikarinosaiten .red_table .rt02>p {
  display: block;
  font-size: 14px;
}

@media screen and (max-width: 768px) {

  #page-hikarinosaiten .page-hikarinosaiten-body {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 5% 0;
  }

  #page-hikarinosaiten .red_table {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    background: none;
    background-size: 100% auto;
  }

  #page-hikarinosaiten .red_table .rt01 {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0 0 20px 0;
  }

  #page-hikarinosaiten .red_table .rt01 img {
    width: 25%;
  }

  #page-hikarinosaiten .red_table .rt02 {
    display: block;
    width: 100%;
    padding: 0 0 0 0;
  }

  #page-hikarinosaiten .red_table .rt02 h3 {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
  }

  #page-hikarinosaiten .red_table .rt02>p {
    display: block;
    font-size: 14px;
  }

}



#page-hikarinosaiten .programarea {
  border-top: 2px solid #FFF;
  padding: 60px 0 0 0;
  text-align: left;
}

#page-hikarinosaiten .programarea.foot {
  margin-top: 60px;
}

#page-hikarinosaiten .programarea.last {
  border-bottom: 2px solid #FFF;
  margin: 0 0 80px 0;
}

#page-hikarinosaiten .programarea dl {
  display: block;
  padding: 30px 0 60px 0;
  text-align: left;
}

#page-hikarinosaiten .programarea dl dt {
  display: block;
  color: #FFF;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 2px;
}

#page-hikarinosaiten .programarea dl dt span {
  font-size: 15px;
}

#page-hikarinosaiten .programarea dl dd {
  display: block;
  color: #FFF;
  font-size: 15px;
  line-height: 32px;
  margin: 20px 0 0 0;
  text-align: left;
}
/*program-2024-sep PC*/
.singlePage #archive section#program.program-2024-sep.programContainer #page-hikarinosaiten .programarea.last {
border-bottom: none;
margin: 0 0 0px 0;
}
/*program-2024-sep PC*/
.page-foodarea-title {
  padding-top: 0;
  padding-bottom: 40px;
  max-width: 980px;
  width: 90%;
  margin: 0 auto 0;
  position: relative;
  z-index: 2;
}

.page-foodarea-title.cook {
  padding-top: 50px;
}

.page-foodarea-title h2 {
  display: block;
  font-size: 36px;
  line-height: 48px;
  margin: 0 0 55px 0;
}

.page-foodarea-title h3 {
  display: block;
  font-size: 30px;
  line-height: 42px;
  margin: 0 0 0 0;
}

.page-foodarea-title .foodlogo {
  display: block;
  text-align: center;
  margin: 0 0 40px 0;
}

.page-foodarea-title .foodlogo img {
  width: 745px;
}

.page-foodarea-title .foodtxt {
  font-size: 15px;
  line-height: 32px;
}

.page-foodarea-body01 {
  margin: 0 auto 80px;
  padding-bottom: 40px;
  max-width: 980px;
  width: 90%;
  position: relative;
  z-index: 2;
}

.page-foodarea-body01 h3 {
  margin: 0 auto 30px;
  font-size: 24px;
  /* border-bottom: 1px solid #FF0000; */
  border-bottom: 1px solid #fff;
  padding: 0 0 15px 0;
  letter-spacing: 2px;
}

.page-foodarea-body01 .foodbox01 {
  display: table;
  width: 100%;
  margin: 0 0 45px 0;
}

.page-foodarea-body01 .foodbox01 .fb01 {
  display: table-cell;
  width: 50%;
  box-sizing: border-box;
  padding: 0 35px 0 0;
  vertical-align: top;
}

.page-foodarea-body01 .foodbox01 .fb02 {
  display: table-cell;
  width: 50%;
  box-sizing: border-box;
  padding: 0 0 0 35px;
  vertical-align: top;
}

.page-foodarea-body01 dl {
  display: block;
}

.page-foodarea-body01 dl dt {
  display: block;
}

.page-foodarea-body01 dl dd {
  display: block;
  text-align: center;
  font-size: 18px;
  line-height: 32px;
  font-weight: bold;
  color: #FFF;
  margin: 12px 0 0 0;
}

.page-foodarea-body01 .tanto_ttl {
  display: block;
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 15px 0;
  color: #FFF;
  letter-spacing: .1em;
}

.page-foodarea-body01 .tanto_txt {
  display: block;
  font-size: 16px;
  line-height: 28px;
  margin: 0 0 55px 0;
  color: #FFF;
}

.page-foodarea-body01 .food_name {
  margin-bottom: 14px;
}

@media screen and (max-width: 768px) {

  #page-hikarinosaiten .programarea {
    padding: 30px 0 0 0;
    text-align: left;
  }

  #page-hikarinosaiten .programarea.foot {
    margin-top: 60px;
  }

  #page-hikarinosaiten .programarea.last {
    border-bottom: 2px solid #FFF;
    margin: 0 0 40px 0;
  }

  #page-hikarinosaiten .programarea dl {
    display: block;
    padding: 15px 0 30px 0;
    text-align: left;
  }

  #page-hikarinosaiten .programarea dl dt {
    display: block;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 2px;
  }

  #page-hikarinosaiten .programarea dl dt span {
    display: block;
    padding: 15px 0 0 0;
    font-size: 14px;
    line-height: 24px;
  }

  #page-hikarinosaiten .programarea dl dd {
    font-size: 14px;
    line-height: 28px;
    margin: 20px 0 0 0;
  }
/*program-2024-sep SP*/
.singlePage #archive section#program.program-2024-sep.programContainer #page-hikarinosaiten .programarea.last {
border-bottom: none;
margin: 0 0 0px 0;
}
/*program-2024-sep SP*/
  .page-foodarea-title {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 5% 0;
  }

  .page-foodarea-title.cook {
    padding-top: 30px;
  }

  .page-foodarea-title h2 {
    display: block;
    font-size: 24px;
    line-height: 36px;
    margin: 0 0 35px 0;
  }

  .page-foodarea-title h3 {
    display: block;
    font-size: 22px;
    line-height: 36px;
    margin: 0 0 0 0;
  }

  .page-foodarea-title .foodlogo {
    margin: 0 0 30px 0;
  }

  .page-foodarea-title .foodlogo img {
    width: 100%;
  }

  .page-foodarea-title .foodtxt {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 30px 0;
  }

  .page-foodarea-body01 {
    margin: 0 auto 30px;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 5% 0;
  }

  .page-foodarea-body01 h3 {
    margin: 0 auto 30px;
    font-size: 24px;
    border-bottom: 1px solid #FF0000;
    padding: 0 0 15px 0;
    letter-spacing: 2px;
  }

  .page-foodarea-body01 .foodbox01 {
    display: block;
    margin: 0 0 35px 0;
  }

  .page-foodarea-body01 .foodbox01 .fb01 {
    display: block;
    width: 100%;
    padding: 0 0 0 0;
    margin: 0 0 20px 0;
  }

  .page-foodarea-body01 .foodbox01 .fb02 {
    display: block;
    width: 100%;
    padding: 0 0 0 0;
  }

  .page-foodarea-body01 dl dd {
    font-size: 14px;
    line-height: 24px;
    margin: 10px 0 0 0;
  }

  .page-foodarea-body01 .tanto_ttl {
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 15px 0;
  }

  .page-foodarea-body01 .tanto_txt {
    font-size: 12px;
    line-height: 24px;
    margin: 0 0 55px 0;
  }

}

.page-foodarea-body01 ul li .imgbox {
  width: 265px;
  margin-right: 40px;
}

.page-foodarea-body01 ul li .imgbox {
  width: 265px;
  margin-right: 40px;
}

.page-foodarea-body01 ul li .infobox {
  width: calc(100% - 305px);
}

.page-foodarea-body01 ul li .infobox .minired {
  font-size: 15px;
  margin-bottom: 10px;
}

.page-foodarea-body01 ul li .infobox h4 {
  font-size: 28px;
  margin-bottom: 10px;
}

.page-foodarea-body01 ul li .infobox p {
  line-height: 1.8;
  margin-top: 10px;
  word-break: break-all;
}

@media screen and (max-width: 768px) {
  .page-foodarea-body01 ul li .flex {
    display: block;
  }

  .page-foodarea-body01 ul li .imgbox {
    margin-right: 0;
    margin-bottom: 20px;
    width: 200px;
  }

  .page-foodarea-body01 ul li .imgbox {
    margin: auto auto 20px;
  }

  .page-foodarea-body01 ul li .infobox {
    width: 100%;
  }

}





/* シンポジウム */
#page-symposium p {
  text-align: left;
}

#page-symposium .page-symposium-title {
  padding-top: 50px;
  padding-bottom: 0;
  max-width: 980px;
  width: 90%;
  margin: 0 auto 0;
  position: relative;
  z-index: 2;
}

#page-symposium .page-symposium-title h1 {
  text-align: center;
  font-size: 40px;
  padding: 0 0 0;
  font-weight: bold;
  letter-spacing: 0.2rem;
  margin-bottom: 30px;
}

#page-symposium .page-symposium-title .symposium_img01 {
  margin-bottom: 60px;
}

.page-symposium-body01 {
  margin: 0 auto 30px;
  padding-bottom: 40px;
  max-width: 980px;
  width: 90%;
  margin: 0 auto 0;
  position: relative;
  z-index: 2;
}

.page-symposium-body01 h3 {
  margin: 0 auto 30px;
  font-size: 20px;
  border-bottom: 1px solid #FF0000;
  padding: 0 0 15px 0;
  letter-spacing: 2px;
}

.page-symposium-body01 h4 {
  margin: 0 auto 20px;
  font-size: 20px;
  color: #FF0000;
  letter-spacing: 2px;
  border-bottom: 0 solid #FF0000;
}

.page-symposium-body01>p {
  margin: 0 auto 0;
  font-size: 16px;
  padding: 0 0 0 0;
  letter-spacing: 1px;
}

.page-symposium-body01 dl {
  display: table;
  margin: 0 0 10px 0;
  color: #FFF;
}

.page-symposium-body01 dl.last {
  margin: 0 0 35px 0;
}

.page-symposium-body01 dl dt {
  display: table-cell;
  font-size: 16px;
  letter-spacing: 2px;
  width: 140px;
  line-height: 28px;
}

.page-symposium-body01 dl dd {
  display: table-cell;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 28px;
}

.page-symposium-title.cook {
  padding-top: 30px;
}

.page-symposium-title h2 {
  display: block;
  font-size: 32px;
  line-height: 38px;
  margin: 0 0 35px 0;
}

.foot_information {
  padding: 80px 0 80px 0;
}

.foot_information h3 {
  margin: 0 0 25px 0;
  font-feature-settings: "palt";
  font-size: 32px;
  padding: 0 0 0 0;
  border-bottom: 0px solid #FF0000;
}

.foot_information p {
  margin: 0 0 45px 0;
}

.foot_information p a {
  display: inline;
  color: #FFF;
}

.foot_information dl.logo01 {
  display: table;
  margin: 0 0 30px 0;
  color: #FFF;
}

.foot_information dl.logo01 dt {
  display: table-cell;
  vertical-align: middle;
}

.foot_information dl.logo01 dt img.logo01 {
  width: 470px;
}

.foot_information dl.logo01 dt img.logo02 {
  width: 260px;
}

.foot_information dl.logo01 img.logo03 {
  width: auto;
  height: 76px;
}

.foot_information dl.logo01 dd {
  display: table-cell;
  vertical-align: middle;
  font-size: 24px;
  letter-spacing: 2px;
  line-height: 35px;
  text-align: left;
  padding: 0 0 0 40px;
}


@media screen and (max-width: 768px) {

  #page-symposium .page-symposium-title {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 30px 5% 0;
  }

  #page-symposium .page-symposium-title h1 {
    font-size: 24px;
    letter-spacing: 0.3rem;
    margin-bottom: 20px;
  }

  #page-symposium .page-symposium-title .symposium_img01 {
    margin-bottom: 45px;
  }

  .page-symposium-body01 {
    margin: 0 auto 30px;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 5% 0;
  }

  .page-symposium-body01 h3 {
    margin: 0 auto 20px;
    font-size: 18px;
    padding: 0 0 15px 0;
    letter-spacing: 2px;
  }

  .page-symposium-body01 h4 {
    margin: 0 auto 15px;
    font-size: 20px;
    color: #FF0000;
    letter-spacing: 2px;
    border-bottom: 0 solid #FF0000;
  }

  .page-symposium-body01>p {
    margin: 0 auto 0;
    font-size: 16px;
    padding: 0 0 0 0;
    letter-spacing: 1px;
  }

  .page-symposium-body01 dl {
    display: block;
    margin: 0 0 10px 0;
  }

  .page-symposium-body01 dl.last {
    margin: 0 0 35px 0;
  }

  .page-symposium-body01 dl dt {
    display: block;
    font-size: 14px;
    width: 100%;
    line-height: 26px;
  }

  .page-symposium-body01 dl dd {
    display: block;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 26px;
  }

  .foot_information {
    padding: 40px 0 40px 0;
  }

  .foot_information h3 {
    margin: 0 0 25px 0;
    font-size: 18px;
    padding: 0 0 0 0;
  }

  .foot_information p {
    margin: 0 0 35px 0;
  }

  .foot_information p a {
    display: inline;
    color: #FFF;
  }

  .foot_information dl.logo01 {
    display: block;
    margin: 0 0 20px 0;
    color: #FFF;
  }

  .foot_information dl.logo01 dt {
    display: block;
    margin: 0 0 10px 0;
  }

  .foot_information dl.logo01 dt img.logo01 {
    width: 100%;
  }

  .foot_information dl.logo01 dt img.logo02 {
    width: 175px;
  }

  .foot_information dl.logo01 img.logo03 {
    width: auto;
    height: 50px;
  }

  .foot_information dl.logo01 dd {
    display: block;
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 28px;
    padding: 0 0 0 0;
  }

}

#shotai {
  margin-top: 50px;
  font-family: "Noto Sans JP", "Avenir", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

#shotai .w_label .text {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.2rem;
}

#shotai .text {
  font-size: 14px;
  letter-spacing: 0.2rem;
}

@media screen and (max-width: 768px) {
  #shotai .w_label .text {
    font-size: 18px;
  }
}

#shotai .shotaibox {
  margin-bottom: 60px;
}

#shotai .shotaibox .shotaiimg {
  margin-bottom: 10px;
}

#shotai .shotaibox .shotaititle {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px;
}

#shotai .shotaibox .shotaitextarea {
  margin-bottom: 40px;
}

#shotai .shotaibox .shotaicomment {
  display: table;
  width: 100%;
}

#shotai .shotaibox .shotaicomment .sc01 {
  display: table-cell;
  vertical-align: top;
  width: 25%;
}

#shotai .shotaibox .shotaicomment .sc02 {
  display: table-cell;
  padding: 0 0 0 5%;
  vertical-align: top;
}

#shotai .shotaibox .shotaicomment .sc02 .sc02txt01 {
  display: block;
  font-size: 26px;
  font-weight: bold;
  margin: 0 0 10px 0;
}

#shotai .shotaibox .shotaicomment .sc02 .sc02txt02 {
  display: block;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #FFF;
  padding: 0 0 8px 0;
  margin: 0 0 15px 0;
}

@media screen and (max-width: 768px) {
  #shotai .shotaibox {
    margin-top: 30px;
  }

  #shotai .shotaibox .shotaiimg {
    margin-bottom: 10px;
  }

  #shotai .shotaibox .shotaititle {
    font-size: 20px;
    margin-bottom: 12px;
  }

  #shotai .shotaibox .shotaicomment {
    display: table;
    width: 100%;
  }

  #shotai .shotaibox .shotaicomment .sc01 {
    width: 23%;
  }

  #shotai .shotaibox .shotaicomment .sc02 {
    padding: 0 0 0 3%;
  }

  #shotai .shotaibox .shotaicomment .sc02 .sc02txt01 {
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 10px 0;
  }

  #shotai .shotaibox .shotaicomment .sc02 .sc02txt02 {
    font-size: 16px;
    padding: 0 0 10px 0;
    margin: 0 0 15px 0;
  }
}

.home-oneminute__slide,
.home-hikarinosaiten__slide {
  overflow: hidden;
}

.home-oneminute__slide__inner,
.home-hikarinosaiten__slide__inner {
  position: relative;
  margin-bottom: 80px;
}

#homeGallery {
  padding-top: 80px;
}

.home-gallery__items {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.home-gallery__item {
  width: calc((100% - 20px * 2) / 3);
}

.home-gallery__item a{
  aspect-ratio: 980 / 650;
}

.home-gallery__item a img{
  height: 100%;
  object-fit: cover;
}

.swiper-button-prev {
  left: 0;
}

.swiper-button-next {
  right: 0;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 25px;
  z-index: 10;
}

.swiper-button-prev,
.swiper-button-next {
  content: '';
  width: 70px;
  height: 70px;
  background: #000;
  position: absolute;
  border: 1px solid #777;
}

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: transparent;
  border: 1px solid #fff;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: -40px;
}

#footerTicket {
  padding-bottom: 100px;
}

@media screen and (max-width: 768px) {

  .home-oneminute__slide__inner,
  .home-hikarinosaiten__slide__inner {
    margin-bottom: 40px;
  }

  .home-gallery__items {
    flex-direction: column;
    gap: 20px;
  }

  .home-gallery__item {
    width: 100%;
  }

  .swiper-container-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: -20px;
  }

  .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }

  .swiper-button-prev,
  .swiper-button-next {
    width: 30px;
    height: 30px;
  }

  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 10px;
  }

  #footerTicket {
    padding-bottom: 10px;
  }
}

#page-1minpm-program .infobox .text {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0;
  display: block;
}

#result .title_area {
  margin-bottom: 60px;
}

#result .award_title {
  font-size: 18px;
  margin-bottom: 10px;
}

#result .flex.double_box .imgbox {
  width: 100% !important;
}

.grand-prix {
  color: #fff;
  letter-spacing: .1rem;
}

.grand-prix__content:not(:last-child) {
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #aaa;
}

.grand-prix__title .title {
  font-size: 18px;
  line-height: 1.4;
}

.grand-prix__artist-name {
  font-size: 18px;
  font-weight: bold;
  line-height: 2;
  margin-bottom: 24px;
}

.grand-prix__production__title {
  font-size: 16px;
  margin-bottom: 20px;
}

.grand-prix__production__image {
  margin-bottom: 30px;
  position: relative;
}

.grand-prix__concept__content {
  padding: 40px;
  background: #111;
}

.grand-prix__concept__title {
  margin-bottom: 20px;
}

.grand-prix__concept__title .text {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  display: inline-block;
}

.grand-prix__concept__title .text:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  right: -18px;
  transform: translate(0, -50%) rotate(90deg);
}

.grand-prix__concept__desc {
  margin-bottom: 36px;
}

.grand-prix__concept__desc .desc {
  font-size: 16px;
  line-height: 2;
}

.grand-prix__artist {
  margin-bottom: 36px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.grand-prix__artist__image {
  width: 25%;
}

.grand-prix__artist__desc {
  width: calc(100% - 25%);
  padding-left: 36px;
}

.grand-prix__artist__desc span {
  display: block;
}

.grand-prix__artist__desc .title {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #fff;
}

.grand-prix__artist__desc .desc {
  line-height: 2;
}

.grand-prix__concept__achievements {
  margin-bottom: 36px;
}

.grand-prix__concept__achievements span {
  font-size: 13px;
  display: block;
}

.grand-prix__concept__achievements .title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}

.grand-prix__concept__achievements .achievement {
  font-size: 13px;
  line-height: 2;
}

.grand-prix__concept__bottom {
  display: flex;
  justify-content: center;
}

.grand-prix__concept__close {
  display: inline-block;
}

.grand-prix__concept__close .text {
  display: inline-block;
  position: relative;
}

.grand-prix__concept__close .text:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  right: -18px;
  transform: translate(0, -50%) rotate(-90deg);
}


@media screen and (max-width: 768px) {
  .grand-prix__title .title {
    font-size: 16px;
  }

  .grand-prix__artist-name {
    font-size: 16px;
    line-height: 1.7;
  }

  .grand-prix__production__title {
    font-size: 13px;
  }

  .grand-prix__artist__image {
    width: 100%;
    margin-bottom: 20px;
  }

  .grand-prix__artist__desc {
    width: 100%;
    padding-left: 0;
  }

  .grand-prix__concept__content {
    padding: 20px;
  }

  .grand-prix__concept__title .text {
    font-size: 14px;
  }

  .grand-prix__concept__desc .desc {
    font-size: 13px;
  }
}

.js-accordion-button {
  cursor: pointer;
  display: inline-block;
}

.ambassador_title {
  margin-bottom: 40px;

}

.ambassador_name span {
  display: block;
}

.ambassador_name .title_name {
  font-size: 16px;
}

.ambassador_name .artist_name {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 36px;
  letter-spacing: .1em;
}

section#ambassador.page_ambassador {
  padding-bottom: 0;
}

.page_ambassador ul li .flex .imgbox {
  width: 25% !important;
}

.page_ambassador ul li .flex .infobox {
  width: calc(100% - 25%) !important;
  padding-left: 40px;
}

.footer-header__banner.inner {
  justify-content: center !important;
}
/*.footer-header__banner__text {
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 20px;
	margin-bottom: 40px;
}*/
.footer-header__banner__text {
	position: relative;
	font-size: 1.25rem;
	border-bottom: 1px solid #fff;
	line-height: 1.5;
	padding: 0 0 10px;
	background: url(./assets/images/top/logo/line01.png) repeat-x left center;
	color: #fff;
	text-align: center;
	font-weight: 600;
	margin: 0 auto;
	margin-bottom: 35px;
	width: 90%;
}
.footer-header__banner__text span.text{
}

.footer-header__banner__img {
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  gap: 30px;
}

.footer-header__banner__img a{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

.footer-header__banner__img a img{
  width: auto;
  max-height: 130px;
}
.footer-header__banner__img a p{
  text-align: center;
  padding-top: 10px;
}

@media screen and (max-width: 768px) {
  .footer-header__banner__img{
    flex-direction: column;
    margin-bottom: 60px;
  }
  .footer-header__banner__img a{
    width: 100%;
  }
  .footer-header__banner__img a img {
    max-height: unset;
    width: 100%;
  }
}

.popup_banner{
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup_banner a {
  max-width: 600px;
}