@charset "utf-8";

/*================================
common
================================*/
:root {
  --colo-yellow: #faed00;
  --colo-blue: #188fa7;
  --color_BLK: #252525;
  --gap_96px: clamp(32px, 12vw, 96px);
  --gap_80px: clamp(27px, 10vw, 80px);
  --gap_64px: clamp(21px, 8vw, 64px);
  --gap_48px: clamp(16px, 6vw, 48px);
  --gap_32px: clamp(11px, 4vw, 32px);
  --gap_24px: clamp(8px, 3vw, 24px);
  --gap_16px: clamp(5px, 2vw, 16px);
  --gap_8px: clamp(3px, 1vw, 8px);
}

body {
  width: 100%;
  position: relative;
}

body,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
ul,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-size: inherit;
  font-weight: normal;
}

li,
ol,
ul {
  list-style-type: none;
}

table {
  width: 100%;
}

#page {
  font-size: clamp(18px, 2.2vw, 20px);
  color: var(--color_BLK);
  font-family: "Noto Sans CJK JP", Lato, "Noto Sans JP", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.6;
  margin: 0 auto;
  /* max-width: 1920px; */
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt" 1;
  position: relative;
}

#page * {
  box-sizing: border-box;
}

/* #page img {
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
} */

#page a {
  transition: all 0.3s;
  /* text-decoration: none; */
}

#page a[tabindex*="-1"] {
  pointer-events: none;
}

#page a[tabindex*="-1"]:hover {
  opacity: 1;
}

/* リンクとボタンのoutlineを非表示にする */
#page a,
#page button {
  outline: none;
  cursor: pointer;
}

/* ボタンとリンクにフォーカスした時にoutlineが表示されるようにする */
#page a:focus-visible {
  outline: #3683BF solid 2px;
  outline-offset: 2px;
}

#page button:focus-visible {
  outline: #3683BF solid 2px;
  outline-offset: 1px;
}

#page a:hover {
  cursor: pointer;
  text-decoration: none;
  opacity: 0.7;
}

#page label {
  cursor: pointer;
}

#page em {
  font-style: normal;
  font-weight: bold;
}

#page picture {
  display: block;
}

#page section {
  padding-top: 10px;
  margin-top: -10px;
}

.pc {
  display: block;
}

.sp {
  display: none;
}


.ib {
  font-size: inherit !important;
  display: inline-block;
}

#page_top {
  position: fixed;
  right: 4%;
  bottom: 2%;
  display: block;
  width: min(15vw, 60px);
  z-index: 1010;
}

#page_top img {
  width: 100%;
}

@media not screen and (min-width: 767px) {
  #page_top {
    z-index: 800;
  }
}

.top__movie {
  margin: var(--gap_64px) auto 0;
}

.movie {
  position: relative;
  max-width: 900px;
  aspect-ratio: 16/9;
  margin: 0 auto var(--gap_32px);
  overflow: hidden;
}

.tvo-video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}


/*================================
共通パーツ
================================*/
.inner_wide {
  padding-inline: min(5vw, 80px);
}

.inner_contents {
  max-width: min(85vw, 1160px);
  margin-inline: auto;
  padding-inline: 40px;
}

.inner {
  max-width: 1160px;
  margin-inline: auto;
  padding-inline: 40px;
}

.center {
  text-align: center;
}

.mb10 {
  margin-bottom: var(--gap_16px);
}

.mb30 {
  margin-bottom: var(--gap_32px);
}

.mb60 {
  margin-bottom: var(--gap_64px);
}

@media not screen and (min-width: 768px) {
  .inner {
    width: 94%;
    padding-inline: calc((16/750)*100vw);
  }

  .pc {
    display: none;
  }

  .sp {
    display: block;
  }
}

/*======================================================================

　行方不明展
　
  [01] 基本・レイアウト
  [02] メインビジュアル
  [03] イントロ
  [04] 外部リンク
  [05] お問い合わせ
  [06] 行方不明展とは？
  [07] お知らせ
  [08] 開催概要
  [09] チケット情報
  [10] 重要アナウンス
  [11] ショップリンク
  [99] メディアクエリ

======================================================================*/



/*------------------------------------------------

	[01] 基本・レイアウト

------------------------------------------------*/

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* html {
  scroll-behavior: smooth;
} */

#wrapper {
  font-family: "Zen Kaku Gothic New", sans-serif;
  width: 100%;
  padding: 0;
  line-height: 1.8;
}

.container {
  border: 1px solid #222;
}

.wrapper {
  display: flex;
  width: 100%;
  margin: 0 auto;
  justify-content: space-between;
}

.box_cnt {
  width: 92%;
  max-width: 1280px;
  margin: 0 auto;
}

p.yn_copy {
  padding: 0 0 20px;
  font-size: .7em;
  color: #f9f6f2;
  text-align: center;
}

.indent {
  padding-left: 1em;
  text-indent: -1em;
}

/* Flex Box
---------------------------------*/
.flb {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
}

a.no_link {
  color: #fff;
  text-decoration: none;
  background: rgba(184, 184, 184, 0.9) !important;
  pointer-events: none;
  border-radius: 4px;
}

.nav a.no_link {
  text-decoration: none;
  background: none !important;
  pointer-events: none;
  opacity: 0.5;
}

.footNav a.no_link {
  text-decoration: none;
  background: none !important;
  pointer-events: none;
  opacity: 0.5;
}



/* フェード
---------------------------------*/
.scrollin {
  opacity: 0;
  transition: all .4s ease;
}

.scrollin.show {
  opacity: 1;
  transform: none;
}

.scr_lr {
  transform: translate(-1rem, 0);
}

.scr_rl {
  transform: translate(1rem, 0);
}

.scr_fadein {
  transform: translate(0, 0px);
}

.scr_up1 {
  transform: translate(0, 1rem);
  transition: 0.8s 0s ease;
}

.scr_up2 {
  transform: translate(0, 1rem);
  transition: 0.8s 0.2s ease;
}

.scr_up3 {
  transform: translate(0, 1rem);
  transition: 0.8s 0.4s ease;
}

.scr_up4 {
  transform: translate(0, 1rem);
  transition: 0.8s 0.6s ease;
}

.scr_up5 {
  transform: translate(0, 1rem);
  transition: 0.8s 0.8s ease;
}

.scr_up6 {
  transform: translate(0, 1rem);
  transition: 0.8s 1.0s ease;
}

.scr_down {
  transform: translate(0, -1rem);
}

.scr_scaleUp {
  transform: scale(.5);
}

.scr_scaleDown {
  transform: scale(1.5);
}

.scr_rotateL {
  transform: rotate(1rem);
}

.scr_rotateR {
  transform: rotate(1rem);
}

.footNav {
  width: 100%;
  margin: auto;
  text-align: center;
}

.footNav li {
  display: inline-block;
  position: relative;
  margin-right: 20px;
  font-size: 0.85rem;
  font-weight: 600;
  color: #3f3f3f;
  vertical-align: middle;
}

.footNav li:last-child {
  margin-right: 0px;
}

.footNav li a {
  color: #3f3f3f;
  text-decoration: none;
}

.footNav li a:hover {
  color: #3f3f3f;
}

.footNav li:after {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  background: #3f3f3f;
  position: absolute;
  top: 4px;
  right: -15px;
}

.footNav li:last-child:after {
  content: unset;
}


/* フッタ
---------------------------------*/
#foot_area_nav {
  width: 90%;
  margin: 0 auto;
}

#foot_area_nav .area_nav {
  background: rgba(255, 255, 255, 1);
}

footer#common_foot {
  margin: 0;
}


/* リンク
---------------------------------*/
/* #page_top {
  color: #000;
  text-decoration: none;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
} */

#page_top:hover {
  text-decoration: none;
  opacity: 0.7;
}

/* 見出し
---------------------------------*/

#box_link h3,
#box_link2 h3 {
  margin: 30px auto 0;
  text-align: center;
}

#box_link h3 img,
#box_link2 h3 img {
  width: 90%;
  max-width: 340px;
  margin: 0 auto 20px;
}

h4 {
  display: inline-block;
  width: 98%;
  margin: 3% auto 10px;
  padding: 6px 1%;
  color: #112a4e;
  font-size: 1.0rem;
  font-weight: 600;
  line-height: 1.4;
  text-align: left;
  border-bottom: 3px solid #112a4e;
}

h5.att {
  display: inline-block;
  width: 98%;
  margin: 20px auto;
  padding: 12px 1%;
  font-size: 1.1em;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  color: #fff;
  background: #be1c10;
}

h6 {
  font-size: 1.4rem;
  font-weight: 600;
}

/* 脚注
---------------------------------*/
.notice {
  width: 96%;
  max-width: 530px;
}

.notice li {
  font-size: .65em;
  font-weight: 500;
  color: #000;
  padding-left: 1em;
  text-indent: -1em;
  letter-spacing: -0.03em;
}

.notice li a {
  color: #0000ee;
}


/* 共通
---------------------------------*/
.bg_yukuefumei {
  width: 100%;
  background: #f9f6f2;
}


/*------------------------------------------------

	[02] メインビジュアル

------------------------------------------------*/
#main {
  position: relative;
  background: #f9f6f2;
}

.inr_main {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.main,
.logo {
  width: 96%;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
}

.logo {
  padding: 20px 0 0;
}

.main img {
  width: 100%;
  max-width: 530px;
}

.logo img {
  width: 100%;
  max-width: 370px;
}

/*------------------------------------------------

	[03] イントロ

------------------------------------------------*/
/* #box_intro {} */

#box_intro .inr_box {
  width: 96%;
  max-width: 530px;
  margin: 0 auto;
  padding: 60px 0 0;
}

p.info {
  font-size: 1.05rem;
  font-weight: 700;
}

div.intro {
  margin: 0 0 60px;
  padding: 10px 20px;
  line-height: 2;
  background: #fff;
  border: 1px solid #cfd9de;
}

div.intro p {
  font-size: 1.4rem;
  font-weight: 500;
}

div.intro p strong {
  font-size: 1.15rem;
  font-weight: 700;
}

div.intro p span {
  font-size: 1.8rem;
  font-weight: 700;
  vertical-align: baseline;
  background: linear-gradient(transparent 50%, #ccc 60%);
}

.inr_info {
  font-weight: 500;
  width: fit-content;
  text-align: left;
  margin: var(--gap_64px) auto 0;
}

.inr_infoList {
  display: flex;
}

.inr_infoList > dt {
  white-space: nowrap;
}

.inr_infoList > dt > span {
  position: relative;
  margin-right: .2em;
  letter-spacing: .1em;
}

.inr_infoList > dt > span::after {
  position: absolute;
  top: 55%;
  left: 50%;
  display: block;
  content: "";
  background-image: url(/event/yukuefumei/images/line.png);
  background-size: cover;
  background-position: center;
  transform: translate(-50%, -50%);
  width: calc(100% + 14px);
  height: 7px;
}

.inr_infoList > dd > span {
  font-size: .85em;
  line-height: 1.5em;
  display: block;
}

.inr_text {
  font-size: 1.2em;
  font-weight: 700;
  margin-top: var(--gap_48px);
}




/*------------------------------------------------

	[04] 外部リンク

------------------------------------------------*/
/* #box_link,
#box_link2 {} */

#box_link .inr_box,
#box_link2 .inr_box {
  width: 96%;
  max-width: 750px;
  margin: 0 auto;
  padding: 0px 0 100px;
}



/*------------------------------------------------

	[05] お問い合わせ

------------------------------------------------*/
#box_contact {
  width: 96%;
  max-width: 560px;
  margin: 0 auto;
  background: #201d1d;
}

#box_contact .inr_box {
  padding: var(--gap_32px) var(--gap_24px) 10px;
  color: #f9f6f2;
}

#box_contact .inr_box > ul {
  margin: 0 auto var(--gap_48px);
  font-size: .85em;
}

#box_contact .common_h3::before {
  background-color: #f9f6f2;
}

#box_contact .inr_box a {
  color: #f9f6f2;
}

/* #box_contact .inr_box a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 10px 60px;
  padding: 20px;
  font-size: 1.25rem;
  font-weight: 500;
  color: #f9f6f2;
  border: 1px solid;
} */



/*------------------------------------------------

	[06] 行方不明展とは？

------------------------------------------------*/
#box_about {
  margin: 0 0 var(--gap_96px);
}

#box_about .inr_box {
  width: 96%;
  max-width: 530px;
  margin: 0 auto;
  padding: 60px 0 0;
}

.cmn_h2 {
  text-align: center;
}

.h2_main {
  display: block;
  padding-left: .1em;
  font-size: 1.8em;
  font-weight: 500;
  line-height: 1.0;
  letter-spacing: .1em;
}

.h2_sub {
  position: relative;
  display: inline-block;
  font-size: 1em;
  font-weight: 700;
}

.h2_sub::after {
  position: absolute;
  top: 55%;
  left: 50%;
  display: block;
  content: "";
  background-image: url(/event/yukuefumei/images/line.png);
  background-size: cover;
  background-position: center;
  transform: translate(-50%, -50%);
  width: calc(100% + 14px);
  height: 7px;
}

p.about_info {
  margin: var(--gap_64px) 0 20px;
  padding-left: .15em;
  font-weight: 500;
  line-height: 1.7em;
  letter-spacing: .1em;
}

p.about_info span {
  display: block;
  text-align: justify;
}

p.about_info span.intro {
  margin: 0 0 4px;
}

p.about_info span.relation {
  margin: 0 0 20px;
  font-size: .85rem;
}




/*------------------------------------------------

	[07] お知らせ

------------------------------------------------*/
#box_news {
  margin: 0 0 100px;
}

#box_news .inr_box {
  width: 96%;
  max-width: 530px;
  margin: 0 auto;
  /* padding: 60px 0 0; */
}

ul.news_list {
  max-width: 500px;
  margin: var(--gap_64px) auto 0;
}

.news_item:not(:first-child) {
  margin-top: var(--gap_24px);
}

.news_date {
  padding-left: .14em;
  font-size: 24px;
  letter-spacing: .14em;
  font-weight: 700;
}

.news_text {
  margin-top: var(--gap_8px);
  font-size: .95em;
  line-height: 1.4em;
}

p.btn_more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 44.8px;
  margin-top: 40px;
  padding: 0 22.4px 4.48px;
  font-size: .95em;
  font-weight: 500;
  color: #fff;
  background: #201d1d;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

p.btn_more:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* ie 6 7 */
  -ms-filter: "alpha(opacity=70)";
  /* ie 8 */
}






/*------------------------------------------------

	[08] 開催概要

------------------------------------------------*/
#box_outline {
  margin: 0 0 100px;
}

#box_outline .inr_box {
  width: 96%;
  max-width: 530px;
  margin: 0 auto;
  padding: 60px 0 0;
}

dl.common_list {
  max-width: 500px;
  margin-top: var(--gap_64px);
}

div.common_item:not(:first-child) {
  margin-top: var(--gap_48px);
}

.common_h3 {
  display: flex;
  align-items: center;
  font-size: 1.3em;
  font-weight: 500;
  line-height: 1;
}

.common_h3::before {
  display: block;
  content: "";
  margin-top: 3px;
  margin-right: .3em;
  width: 21px;
  height: 21px;
  background-color: #201d1d;
}

.common_text {
  margin-top: var(--gap_16px);
  font-size: .95em;
  font-weight: 500;
  line-height: 1.8;
}

.common_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(35vw, 180px);
  margin-top: 15px;
  padding: .8em;
  margin: var(--gap_24px) auto 0;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1em;
  color: #fff;
  background-color: #201d1d;
}

.quick .common_btn {
  font-size: .8em !important;
  padding: 1em .8em;
}

.quick .logo_window img {
  max-width: 300px;
}






/*------------------------------------------------

	[09] チケット情報

------------------------------------------------*/
#box_ticket {
  margin: 0 0 var(--gap_96px);
}

ul.common_list {
  max-width: 500px;
  margin-top: 90px;
}

li.common_item:not(:first-child) {
  margin-top: var(--gap_48px);
}

.common_item.ticket {
  margin-bottom: var(--gap_48px);
}

#box_ticket .inr_box {
  width: 96%;
  max-width: 530px;
  margin: 0 auto;
  padding: 60px 0 0;
}

div.ticket_info {
  max-width: 500px;
  margin: var(--gap_64px) auto 0;
}

p.ticket_price {
  font-size: 1.3rem;
  font-weight: 700;
}

p.ticket_price>span {
  font-size: 1.9rem;
  margin: 0 20px 0 12px;
  vertical-align: baseline;
}

#box_ticket .flb {
  width: 99%;
  margin: 0 0.5%;
  justify-content: space-between;
}

#box_ticket .flb>div {
  width: 47%;
  margin: 0 .2em var(--gap_64px);
  text-align: center;
}

#box_ticket .flb.conveni > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#box_ticket .flb.conveni > div:last-child {
  margin-bottom: 0;
}

#box_ticket .flb.column01 {
  display: block;
}

#box_ticket .flb.column01 > div {
  width: 96%;
  max-width: 530px;
}

#box_ticket .flb>div p {
  font-size: 0.8em;
  line-height: 1.6em;
  font-weight: 500;
}

#box_ticket .pgw {
  font-weight: 700 !important;
}

.logo_window {
  text-align: center;
}

.logo_window img {
  width: 100%;
  max-width: 200px;
  margin: 10px auto;
}

p.pgw {
  margin: 10px auto 0;
  padding: 6px 0px;
  text-align: center;
  color: #000;
}

#box_ticket p.pgw.em {
  line-height: 1.3em;
}

.ticket__text01 {
  font-size: .75em !important;
  letter-spacing: 0.05em;
}

.code {
  font-size: 1.2em !important;
  font-weight: 600 !important;
  color: #be1c10;
}

.code__list {
  width: fit-content;
  margin: var(--gap_16px) auto 0;
}

.code__list > li .bold {
  font-size: .9em !important;
  font-weight: 600 !important;
  color: #fff;
  background: #252525;
  text-align: center;
  padding: .15em 3em;
}

.code__list > li .code {
  font-size: .9em !important;
  font-weight: 600 !important;
  color: #be1c10;
  background: #fff;
  border: 1px solid #cfd9de;
  padding: .15em 3em;
}

.common_text2 {
  margin-top: 15px;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.8;
  color: #be1c10;
}

.common_text span.marker {
  font-weight: 500;
  background: linear-gradient(transparent 50%, #ccc 60%);
}

.common_text span.month {
  font-size: 1.3rem;
  font-weight: 500;
  border-bottom: 2px solid;
}

.common_item > dl > dd {
  font-size: .85em;
  font-weight: 500;
}

.common_item > dl .large {
  font-size: 1.2em;
  font-weight: 500;
}

.ticket__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 79.3333333333vw;
  height: 29.3333333333vw;
  margin: 10.6666666667vw auto 0;
  font-size: 4.2666666667vw;
  font-weight: 500;
  border: 1px solid #000;
}

@media only screen and (min-width:767px) {
  .ticket__btn {
    width: 500.2666666667px;
    height: 164.2666666667px;
    margin-top: 59.7333333333px;
    font-size: 23.8933333333px;
  }
}

.ticket__btn::after,
.ticket__btn::before {
  position: absolute;
  display: block;
  content: "";
  width: 4.6666666667vw;
  height: .8vw;
  background-color: #f9f6f2;
}

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

  .ticket__btn::after,
  .ticket__btn::before {
    width: 26.1333333333px;
    height: 4.48px;
  }
}

.ticket__btn::before {
  top: -.4vw;
  left: 10.6666666667vw;
}

@media only screen and (min-width:767px) {
  .ticket__btn::before {
    top: -2.24px;
    left: 59.7333333333px;
  }
}

.ticket__btn::after {
  bottom: -.4vw;
  right: 10.6666666667vw;
}

@media only screen and (min-width:767px) {
  .ticket__btn::after {
    bottom: -2.24px;
    right: 59.7333333333px;
  }
}

.ticket__btn>span {
  display: flex;
  align-items: center;
}

.ticket__btn>span::after {
  display: block;
  content: "";
  width: 5.4666666667vw;
  height: 6.6666666667vw;
  margin-left: 21.3333333333vw;
  background-image: url(/event/yukuefumei/images/icon_blank.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.ticket__btn>span.osu::after {
  margin-left: 1.3333333333vw;
}


@media only screen and (min-width:767px) {
  .ticket__btn>span::after {
    width: 30.6133333333px;
    height: 37.3333333333px;
    margin-left: 119.4666666667px;
  }

  .ticket__btn>span.osu::after {
    margin-left: 49.4666666667px;
  }
}

.news_timeline {
  overflow: hidden;
  width: 500px;
  height: auto;
  max-height: 724px;
  margin: 82px auto 0;
}

ul.list_sns {
  width: min(70vw,400px);
  margin: 0px auto;
  padding: 30px 0;
  justify-content: center;
  gap: var(--gap_24px);
}

ul.list_sns li {
  width: min(14vw,70px);
  margin: 0 10px;
}

ul.list_sns li img {
  width: 100%;
  border-radius: 2px;
}

.notice li {
  font-size: .75em;
}

.notice li a.common_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 34.8px;
  margin: 15px 0;
  text-indent: 0em;
  padding: 0 12.4px 1.48px;
  font-size: 1.2em;
  font-weight: 500;
  color: #fff;
  background-color: #201d1d;
}


p.about_ticket {
  margin: var(--gap_32px) 0 6px;
  font-size: 1.1em;
  font-weight: 600;
}

p.about_ticket span {
  font-weight: 700;
  vertical-align: baseline;
  background: linear-gradient(transparent 50%, #ccc 60%);
}

.ticket_detail {
  margin-top: var(--gap_8px);
}

.ticket_detail > a {
  font-size: 1.2em;
  color: #be1c10 !important;
  border: 1px solid #be1c10;
  padding: .2em 1em;
  border-radius: 20px;
  /* background: #be1c10; */
  /* text-decoration-line: underline; */
}

.ticket_detail > a .icon {
  margin-left: 1em;
}

/*------------------------------------------------
250522～ 追加
------------------------------------------------*/
.ticket__table {
  width: 100%;
}

.ticket__table > tbody {
  width: 100%;
  border: 1px solid #252525;
}

.date__ttl {
  font-size: 1.2em;
  color: #fff;
  background: #252525;
  text-align: center;
}

.date__text {
  width: 20%;
  font-size: 1.2em;
  line-height: 1.6em;
  background: #fff;
  padding: .2em 0;
}

.date__text .dow {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.date__text .dow > span {
  font-size: .7em;
  font-weight: 700;
  line-height: 1.6em;
}

.date__text.obn {
  background: #fff9e7;
}

.date__text.sat > span > span {
  color: #0021ee;
  /* background: #f1f6ff; */
}

.date__text.sun > span > span {
  color: #be1c10;
  /* background: #ffedf5; */
}

.ticket__table > tbody > tr .date__text:not(:last-child) {
  border-right: 1px solid #252525;
}

.ticket__table > tbody > tr:not(:last-of-type) {
  border-bottom: 1px solid #252525;
}

.ticket__contents > a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--gap_48px);
}

#ticket01 {
  margin-bottom: var(--gap_80px);
}

#ticket02 {
  margin-bottom: var(--gap_80px);
}


/*------------------------------------------------

	[10] 重要アナウンス

------------------------------------------------*/
/* #box_notice {} */

#box_notice .inr_box {
  width: 96%;
  max-width: 530px;
  margin: 0 auto;
  padding: 60px 0 0;
}

div.notice {
  margin: 0 0 60px;
  padding: 10px 20px;
  line-height: 2;
  background: #fff;
  border: 1px solid #cfd9de;
}

div.notice p {
  margin: 10px 0;
  padding: 0px 0 10px;
  font-size: .85em;
  font-weight: 500;
  line-height: 1.6;
}

p.tit_notice {
  color: #fff;
  text-align: center;
  background: #be1c10;
}

p.tit_notice strong {
  display: inline-block;
  margin: 20px 0 10px;
  padding: 0 20px;
  font-size: 1.1rem;
  font-weight: 700;
  color: #be1c10;
  background: #fff;
}

p.tit_notice span.sub {
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
}

div.notice p a {
  color: #be1c10;
  text-decoration-line: underline;
}

div.notice p strong {
  font-size: 1.15rem;
  font-weight: 700;

}


/*------------------------------------------------

	[11] ショップリンク

------------------------------------------------*/
#box_link3 .inr_box {
  width: 96%;
  max-width: 530px;
  margin: 0 auto var(--gap_80px);
  padding: 60px 0 0;
}

#box_link3 .common_h3 {
  margin-bottom: var(--gap_32px);
}

.get__item--list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.get__item--list > li {
  width: 48%;
  background: #fff;
  border: 1px solid #cfd9de;
  padding: 1em .5em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.get__item--list > li:nth-child(n+3) {
  margin-top: var(--gap_32px);
}

.get__item--img {
  margin-bottom: var(--gap_16px);
}

.get__item--img > img {
  display: block;
  width: min(25vw,100px);
  margin: 0 auto;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.get__item--list > li > div > dl > dt {
  font-size: .9em;
  line-height: 1.4em;
  margin-bottom: var(--gap_8px);
}

.get__item--list > li > div > dl > dd {
  font-size: .8em;
  line-height: 1.4em;
  margin-bottom: var(--gap_16px);
}

.get__item--btn {
  display: flex;
  justify-content: space-between;
}

.get__item--btn > li {
  width: 48%;
}

.get__item--btn > li > a {
  width: 100%;
  padding: .4em .2em;
  font-size: .8em;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  color: #fff;
  background: #be1c10;
  display: flex;
  justify-content: center;
  align-items: center;
}

.get__item--text01 {
  font-size: .6em;
  line-height: 1.2em;
  margin-top: var(--gap_16px);
}

/* =======================================================
　　↓ bnr_fixed　ここから ↓
=========================================================*/

/* ----------sp--------- */

#bnr_fixed {
  position: fixed;
  left: clamp(8px, 2vw, 16px);
  bottom: clamp(8px, 2vw, 16px);
  z-index: 1010;
  text-align: left;
}

#bnr_fixed a {
display: block;
}

#bnr_fixed a:first-of-type {
  margin-bottom: 4%;
}

#bnr_fixed a img {
  width: clamp(120px, 15vw, 300px);
  left: clamp(8px, 2vw, 16px);
  bottom: clamp(8px, 2vw, 16px);
  box-shadow: 0px 0px 5px 2px rgba(222, 222, 222, .2);
}

/* --×ボタン-- */
#bnr_fixed i {
font-size: 1.4em;
color: #fff;
text-shadow: 0 0 0.2em #000,0 0 0.3em #000;
display: inline-block;
cursor: pointer;
position: relative;
z-index: 999;
  margin-bottom: 6%;
}

.hidden {
display: none !important;
}

/* ----------pc--------- */
@media screen and (min-width: 768px) {

  #bnr_fixed a,
  #bnr_fixed i {
      transition-duration: .2s;
  }

  #bnr_fixed a:hover,
  #bnr_fixed i:hover {
      opacity: .7;
  }

}


/* --スマホフッター広告削除-- */
footer.tvo-footer {
position: relative;
  z-index: 1000;
}
.tvo-footer_sp_ad {
display: none !important;
}

@media only screen and (max-width: 767px) {
  footer.tvo-footer.sp_ad_pad {
      padding-bottom: 0 !important;
  }
}


/* =======================================================
　　↑ bnr_fixed　ここまで ↑
=========================================================*/



@media not screen and (min-width: 768px) {
  /* [01] 基本・レイアウト
  ---------------------------------*/
  .vpc {
    display: none;
  }

  .vsp {
    display: inherit;
  }

  h4 {
    /* width: 94%; */
    padding: 6px 3%;
  }

  #box_intro .inr_box {
    padding-top: var(--gap_48px);
  }

  #box_link .inr_box, #box_link2 .inr_box {
    padding-bottom: var(--gap_48px);
  }

  dl.common_list {
    margin-top: var(--gap_64px);
  }

  h5.att {
    margin-bottom: 0 !important;
  }

  /* [02] メインビジュアル
  ---------------------------------*/
  .logo {
    width: 78%;
    margin: 0 auto;
  }


  /* [03] イントロ
  ---------------------------------*/
  #box_intro .inr_box {
    width: 90%;
  }

  div.intro p {
    font-size: 1.2rem;
  }

  #box_about {
    margin-bottom: 80px;
  }
  
  #box_about .inr_box {
    width: 90%;
  }

  .inr_box p.btn_more {
    margin: 0 auto;
    width: fit-content;
    display: flex;
  }

  #box_news {
    margin-bottom: var(--gap_64px);
  }

  #box_news .inr_box {
    width: 90%;
  }

  .inr_text {
    font-size: 1.1em;
  }

  /* [04] 外部リンク
  ---------------------------------*/
  #box_link .inr_box,
  #box_link2 .inr_box {
    width: 90%;
  }


  /* [05] お問い合わせ
  ---------------------------------*/
  #box_contact {
    width: 100%;
  }

  #box_contact .inr_box {
    width: 90%;
    max-width: none;
    margin: 0 auto;
    padding: 0;
    background: #201d1d;
  }


  /* [06] 行方不明展とは？
  ---------------------------------*/

  /* [07] お知らせ
  ---------------------------------*/

  /* [08] 開催概要
  ---------------------------------*/
  #box_outline {
    margin-bottom: var(--gap_64px);
  }

  #box_outline .inr_box {
    width: 90%;
  }

  .outline_map > iframe {
    height: min(40vh,400px) !important;
  }

  /* [09] チケット情報
  ---------------------------------*/
  #box_ticket {
    margin-bottom: var(--gap_64px);
  }

  div.ticket_info {
    margin-top: var(--gap_64px);
  }

  #box_ticket .inr_box {
    width: calc(96% - 20px);
    max-width: none;
    margin: 0 auto;
    padding: 60px 0 0;
  }

  .ticket__btn {
    width: 100%;
    height: auto;
    margin: var(--gap_48px) auto;
    padding: var(--gap_48px) var(--gap_24px);
  }

  p.ticket_price {
    font-size: 1.2em;
  }

  /* #box_ticket .flb > div p {
    font-size: .8rem;
  } */

  .ticket_detail {
    margin-top: var(--gap_24px);
  }

  .ticket_detail > a {
    font-size: 1.2em;
  }



  /* [10] 重要アナウンス
  ---------------------------------*/
  #box_notice .inr_box {
    width: 90%;
    max-width: none;
    margin: 0 auto;
    padding: var(--gap_32px) 0 0;
  }

  div.notice {
    width: 100%;
    margin: 0 auto;
    padding: 10px 20px;
  }

  /*------------------------------------------------

    [11] ショップリンク

  ------------------------------------------------*/
  #box_link3 .inr_box {
    width: calc(96% - 20px);
    padding: 60px 0 0;
  }
  
  .get__item--list > li {
    width: 100%;
    padding: 1.3em .8em;
  }

  .get__item--list > li:nth-child(n+2) {
    margin-top: var(--gap_48px);
  }

  .get__item--img {
    margin-bottom: var(--gap_32px);
  }

  .get__item--list > li > div > dl > dt {
    margin-bottom: var(--gap_16px);
  }
  
  .get__item--list > li > div > dl > dd {
    margin-bottom: var(--gap_32px);
  }

  .get__item--btn > li {
    width: 48%;
  }

  .get__item--list > li .sp__flex {
    width: 96%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }

  .get__item--list > li .sp__flex .get__item--img {
    width: 30%;
  }

  .get__item--list > li .sp__flex > dl {
    width: 65%;
  }

  .get__item--btn > li > a {
      padding: .6em .2em;
    }



}