@charset "UTF-8";


/*----------------------------------------
    top page
------------------------------------------*/
/* ===============================================
# 見出し
=============================================== */
.sec_h {font-family: var(--font-en2);display: block;font-size: min(11vw, 120px);font-weight: 500;line-height: 1em;background-size: contain;position: relative;color: #fff;-webkit-text-stroke: 8px #000;paint-order: stroke fill;text-shadow: 4px 7px 0px rgb(0 0 0);}

/* .sec_h:before {position: absolute;content: attr(data-heading) "";font-size: 16px;letter-spacing: 0.07em;left: 50%;transform: translateX(-50%); line-height: 1em;bottom: 5px;width: 100%;font-weight: bold;} */

.sec_h.long {line-height: 1em;}
.sec_h.long span{font-size: .8em;line-height: 1.3em;display: inline-block;}
.sec_h.long:before{bottom: -25px;}
.h_outer {text-align: center;margin-bottom: 40px;}
.h_outer .sub_tit{color: #fff;font-size: 26px;line-height: 1.5em;border-top: 1px solid;border-bottom: 1px solid;padding: 0.3em 0; margin-top: 2vw;}

.sec_h.cl{color: var(--c_theme_color);}

@media screen and (max-width: 768px) {
  .sec_h {font-size: min(15vw, 100px);line-height: 2em;}
  .sec_h:before {bottom: -14px;font-size: 14px;}
  .h_outer {margin-bottom: 0px;}
  .h_outer .sub_tit{font-size: 16px; margin-top: 0;}
}

/* ===============================================
# wrap
=============================================== */
.grad_wrap {}
.bg_wrap {background: #fff;border-radius: 14px;padding: min(60px,4vw);
  &.special{/*background-image: url(../images/common/bg/bg_footer.webp);background-repeat: no-repeat;background-size: cover;background-position: center;*/ background-color: #000;color: #fff; border: 4px solid #fe00a1;}
}

@media screen and (max-width: 768px) {
	.grad_wrap{}
  .bg_wrap {padding: 5%;
    &.special{border: 2px solid #fe00a1;}
  }
}


/* ===============================================
# FV
=============================================== */
#fv {height: 90svh;position: relative;}
#fv .fv_inner {margin: 0 auto; /*padding-top: min(12vh, 100px);*/position: absolute;top: calc(50% );left: 50%;transform: translate(-50%, -50%);  }
#fv .fv_inner img{ height: 100%; width: auto; max-width:none;}
#fv .fv_inner .logo{ height: 40vh; text-align: center; margin-bottom: 1vh;} 
#fv .fv_inner .date { height: 25vh; text-align: center; margin-bottom: 0;}

/*
#fv .fv_inner .logo {width: 90%;margin: 0 auto 1vw;}
#fv .fv_inner .logo img {-o-object-fit: contain;object-fit: contain;}
#fv .fv_inner .date {text-align: center;}
#fv .fv_inner .date img {-o-object-fit: contain;object-fit: contain;}
*/
@media screen and (max-width: 768px) {
  #fv {display: flex;align-items: center;}
  #fv .fv_inner {width: 85%;position: static;transform: none;left: 0;top: 0;}
	#fv .fv_inner .logo{ margin-bottom: 10vw; height: auto; width: 100%; margin: 0 auto 5vw;}
	#fv .fv_inner .date{ height: auto;}
	#fv .fv_inner img{ max-width:100%;}
}

/* ===============================================
# TOPバナー
=============================================== */
/* #top_bnr.section_wrap:not(:last-of-type) {margin-bottom: calc(9vw + 70px);} */


#top_bnr {position: relative;background-color: #000; padding:0 0 calc(var(--base_distance)*1); background-image: url(https://d3kbpyz231bxt9.cloudfront.net/airjam26/images/common/bg/bg_grunge_03.webp);background-position: center;background-size: cover;background-repeat: no-repeat;
  &:before,
  &:after{position: absolute;content: "";width: 100%;height: 100px;background-position: center;background-image: url(https://d3kbpyz231bxt9.cloudfront.net/airjam26/images/common/bg/bg_grunge.png);background-repeat: repeat-x;left: 0;z-index: 1;pointer-events: none;}
  &:before{top: -80px;}
  &:after{bottom: -80px;transform: scale(-1);}
}
#top_bnr .top_bnr_wrap {width: min(92%, 1000px);margin: 0 auto 0px;}
#top_bnr .top_bnr_wrap .bnr a {display: block;transition: 0.2s;transform: translateY(0);}
#top_bnr .top_bnr_wrap .bnr a:hover {transition: 0.2s;transform: translateY(-10px);opacity: 1;}
#top_bnr .top_bnr_wrap .bnr:not(:last-of-type) {margin-bottom: 30px;}

#top_bnr .tk_bnr_area{
  a{display: block;transition: 0.2s;
    &:not(:last-of-type){margin-bottom: calc(var(--base_distance) * 0.4);}
    &:hover{filter: brightness(1.1);}
    img{width: 100%;height: auto;transition: 0.2s;}
  }
	.tk_bnr{ margin-top:3vw;}
}

.bnr_slide{position: relative;margin-bottom: calc(var(--base_distance) * 1);}
.bnr_slide .swiper-slide {transform: scale(0.9);transition: 0.4s;}
.bnr_slide .swiper-slide-active {transform: scale(1);transition: 0.4s;transition-delay: 0.4s;}
.bnr_slide .swiper-slide a:hover {opacity: 1;}
.bnr_slide .swiper-button_wrap {position: relative;display: flex;justify-content: center;max-width: 320px;margin: 0 auto;}
/* .bnr_slide .swiper-button_wrap .swiper-button-prev,
.bnr_slide .swiper-button_wrap .swiper-button-next {width: 46px;height: 46px;background: no-repeat center url(../images/common/svg/swiper_slide_arrow.svg);background-size: contain;top: auto;bottom: -70px;transition: 0.2s;opacity: 1;cursor: pointer;} */
.bnr_slide .swiper-button_wrap .swiper-button-prev:after,
.bnr_slide .swiper-button_wrap .swiper-button-next:after {display: none;}
.bnr_slide .swiper-button_wrap .swiper-button-next {transform: scale(-1, 1);}
.bnr_slide .swiper-button_wrap .swiper-pagination {top: 36px;}
.bnr_slide .swiper-pagination-bullet {width: 15px;height: 15px;background: var(--c_white); /*border: 1px solid var(--c_white); */opacity: 1;box-shadow: 0 0 4px var(--c_theme_color);}
.bnr_slide .swiper-pagination-bullet:not(:last-of-type) {margin-right: 8px;}
.bnr_slide .swiper-pagination-bullet-active {background: var(--c_theme_color);}

@media screen and (max-width: 768px) {
	#top_bnr{background-image: url(https://d3kbpyz231bxt9.cloudfront.net/airjam26/images/common/bg/bg_grunge_03_sp.webp);}
  #top_bnr .top_bnr_wrap {margin-bottom: 0px;}
  #top_bnr{padding: 0 0 calc(var(--base_distance) * 1.25);
    &:before,
    &:after{height: 50px;}
    &:before{top: -46px;}
    &:after{bottom: -46px;}
  }
	#top_bnr .tk_bnr_area{
		.tk_bnr{ margin-top:1em;}		
	}

	.bnr_slide{margin-bottom: calc(var(--base_distance) * 1.8);}
	.bnr_slide .swiper-button_wrap .swiper-pagination {top: 25px;}
}


/* ===============================================
# TOP-メッセージ-
=============================================== */
.about_wrap {position: relative;}
.about_wrap .catch {text-align: center;font-weight: 600;margin-bottom: 2em;position: relative;}
.about_wrap .catch .label {display: inline-block;background: var(--c_theme_color_orange);color: #fff;font-size: min(32px, 4vw);line-height: 1.1em; padding: 0.2em 1em 0.3em;}
.about_wrap .catch .label:not(:last-of-type) {margin-bottom: 0.2em;}
.about_wrap .text_box {position: relative;font-size: 24px;line-height: 2.2em;text-align: center;margin-bottom: 48px;/*color: var(--c_theme_color);*/font-weight: bold;}
.about_wrap .button {position: relative;}

.section_wrap.topnews{position: relative;background-color: #3500BACC;padding: 10vw 0 9vw;
	.sec_h{font-size:min(7vw, 100px);}
	&:before,&:after{position: absolute;content: "";background-image: url(https://d3kbpyz231bxt9.cloudfront.net/airjam26/images/common/bg/bg_grunge_02.webp);background-repeat: no-repeat;background-size: contain;opacity: 1;z-index: 1;pointer-events: none;}
  &:before {top: -2vw;left: 0px;width: 40vw;height: 20vw;}
  &:after {bottom: -2vw;right: 0px;width: 47vw;height: 20vw;transform: scale(-1, -1);}
}

@media screen and (max-width: 768px) {
  .about_wrap:before {  width: 100%;height: 100%;opacity: 0.5;}
  .about_wrap .catch .label {font-size: 5.5vw;line-height: 1.6em; width: 100%;padding: 0.5em 0em ;}
  .about_wrap .catch .label:not(:last-of-type) {margin-bottom: 0em; padding: .6em 0 0.1em;}
  .about_wrap .text_box {font-size: 16px;line-height: 2em;margin-bottom: 30px;text-align: left;}

  .section_wrap.topnews {padding: 13vw 0 18vw;
	  .sec_h { font-size:12vw;}
	  &:before,&:after{width: 90vw;height: 40vw;}	  
    &:before{ }
    &:after {}
  }
}



/* ===============================================
# ニュース
=============================================== */
#news .h_outer {margin-bottom: 30px;display: flex;justify-content: space-between;align-items: center;
  a{display: block; 
    img{width: 100%;height: auto;}
  }
}

.news_wrap ul {display: flex; flex-wrap: wrap; gap: 20px 4%; }
.news_wrap ul li{width: 48%;}
.news .news_link {display: flex;justify-content: space-between;padding: 24px;position: relative;color: #000;background-color: #fff;border-radius: 14px;}
.news .news_link .left{width: 30%;aspect-ratio: 1 / 1; background-color: #f5f5f5; line-height: 0;    display: flex;
    align-items: center;
    justify-content: center;}
.news .news_link .left img{ width:auto; height:auto; max-width:100%; max-height:100%;}
.news .news_link .right{width: 66%;}
.news .date {color: var(--c_theme_color);font-weight: 400;font-size: 20px;font-family: var(--font-en2);}
.news .text {line-height: 1.8em;font-weight: 500;}

#in_news blockquote {border: 1px solid var(--c_border_color);padding: 3%;margin-bottom: 1em;}
#in_news .news .date {margin-bottom: 0.5em;font-size: 24px;}
#in_news .news .text {font-weight: bold;font-size: 20px;line-height: 1.6em;width: 100%;color: #000;}
#in_news .news_lineup dl {display: flex;flex-wrap: wrap;margin-bottom: 1em;font-weight: bold;flex-direction: column;}
#in_news .news_lineup dt {width: 9em;background-color: var(--c_theme_color);margin-bottom: 0.3em;color: #fff;display: flex;align-items: center;justify-content: center;}
#in_news .news_lineup dd .new {position: relative;color: #f00;padding-right: 1.4em;display: inline-block;}
#in_news .news_lineup dd .new:before {position: absolute;content: "NEW!";font-size: 0.5em;right: -0.35em;top: -1em;}
#in_news .news_lineup dd .andmore {display: block;}
#in_news .news_block:not(:last-of-type) {margin-bottom: 40px;}
.single_text_box {line-height: 1.8em;margin: 4% 0;}
.single_text_box h3 {position: relative;padding-left: 30px;font-size: 20px;line-height: 1.2em;color: var(--c_theme_color);margin-bottom: 1em;}
.single_text_box h3:before {position: absolute;content: "";background: var(--c_theme_color);width: 20px;height: 20px;top: 0.05em;left: 0;border-radius: 50%;}
.single_text_box p {margin-bottom: 1.4em;line-height: 1.8em;}
.single_text_box figure {text-align: center;}
.single_text_box .news_thumbnail img{width: 100%;}
.single_text_box img {margin: 0 auto 1em;}
.single_text_box a {text-decoration: underline;}

.single_text_box .news_thumbnail{aspect-ratio: 16 / 7; background-color:#f5f5f5; line-height:0; margin-bottom:1em; display:flex; justify-content:center; align-items:center;}
.single_text_box .news_thumbnail img{ height:auto; width:auto; max-width:100%; max-height:100%; margin-bottom:0;}

.workshop_wrap .workshop_outline .title {font-size: clamp(18px,3vw,28px);color: var(--c_theme_color);line-height: 1.4em;font-weight: bold;text-align: center;}
.workshop_wrap .workshop_outline .cmn_accordion_content .innerbox {padding-bottom: 30px;padding-top: 30px;}
.workshop_wrap .workshop_outline .main_img{margin-bottom: 16px;}
.workshop_wrap .workshop_outline .accordion_cnt .button a {color: #fff;text-decoration: none;font-size: 22px;}
/* .workshop_wrap .workshop_list_wrap {background: var(--c_theme_color);padding: 20px 16px;border-radius: 4px;text-align: center;margin-bottom: 2em;}
.workshop_wrap .workshop_list_wrap .workshop_list ul {display: flex;gap: 10px;flex-wrap: wrap;justify-content: center;margin-bottom: 0.5em;}
.workshop_wrap .workshop_list_wrap .workshop_list ul li {display: inline-block;background: var(--yellow);padding: 4px 16px;text-align: center;border-radius: 4px;font-weight: bold;} */
.workshop_wrap .workshop_list_wrap .tit {font-size: clamp(18px,2.6vw,24px);line-height: 1.6em;font-weight: bold;text-align: center;margin-bottom: 16px;color: var(--c_theme_color);}
.workshop_wrap .workshop_list_wrap .etc {color: var(--c_white);margin-bottom: 0;}
.workshop_wrap .note_wrap dl dt {color: var(--c_theme_color);font-size: 20px;line-height: 1.4em;position: relative;padding-left: 25px;font-weight: bold;margin-bottom: 0.5em;}
.workshop_wrap .note_wrap dl dt:before {position: absolute;content: "";background: var(--c_theme_color);width: 20px;height: 20px;border-radius: 50%;left: 0;top: 0.24em;}
.workshop_wrap .note_wrap {margin-bottom: 40px;}
.workshop_wrap .note_wrap dl:not(:last-of-type) {margin-bottom: 24px;}
.workshop_wrap .cmn_link_btn_a{text-decoration: none;font-size: clamp(14px,2vw,18px);line-height: 1.3em;font-family: var(--f_noto);padding: .82em 1em .9em;}
.workshop_wrap .workshop_list_wrap .workshop{border: 2px solid var(--c_theme_color);border-radius: 8px;padding: 30px 20px;background: #ffffff67;}
.workshop_wrap .workshop_list_wrap .workshop:not(:last-of-type){margin-bottom: 30px;}
.workshop_wrap .workshop_list_wrap .workshop .workshop_img{margin:0 auto 16px;max-width: 700px;}
.workshop_wrap .workshop_list_wrap .workshop .text_block{}
.workshop_wrap .workshop_list_wrap .workshop .text_block p{}
.workshop_wrap .workshop_list_wrap .workshop .text_block p:not(:last-of-type){margin-bottom: 1em;}
.workshop_wrap .workshop_list_wrap .workshop{}


@media screen and (max-width: 768px) {
  #news .h_outer {margin-bottom: 0vw;
    a{width:40%;}
  }
	

  .news_wrap .button a {font-size: 20px;line-height: 1.2em;}
  .news_wrap ul {margin-bottom: 20px; gap: 2vw;}
  .news_wrap ul li{width: 100%;}
  .news .news_link {padding: 3% ;font-size: 14px;line-height: 1.8em;}
	
  .news .news_link .left{width: 33%;}
  .news .news_link .right{width: 60%;}
	
  .news .date {font-size: 20px;line-height: 1.7em;}
  .news .news_link:before {right: 5px;}
  .news .news_link:hover:before {right: 10px;}
  .news .text {width: calc(100% - 20px);line-height: 1.4em; margin-bottom: 0.5em;}
  .single_text_box {margin: 16px 0 20px;}
  .single_text_box h3 {font-size: 16px;padding-left: 22px;}
  .single_text_box h3:before {width: 14px;height: 14px;top: 3px;}
  .single_text_box p {font-size: 15px;line-height: 1.7em;}
  .single_text_box .text-list ul li {line-height: 1.6em;}
	
	.single_text_box .news_thumbnail{aspect-ratio: 16 / 14;}
  #in_news .news .date{margin-bottom: 0;font-size: 20px;}
  #in_news blockquote {padding: 5%;}
  #in_news .news_lineup dl {display: inherit;}
  .workshop .accordion_ttl .tit {font-size: 20px;}
  .workshop .workshop_list_wrap .tit {font-size: 18px;}
  .workshop .workshop_list_wrap .workshop_list ul li {font-size: 14px;line-height: 1.4em;}
  .workshop .note_wrap dl dt {font-size: 18px;}
  .workshop .note_wrap dl dt::before {width: 18px;height: 18px;}
  /* #in_workshop .sec_h {font-size: min(16vw, 80px);} */
  .workshop_wrap .mod_flex_box_03 .cmn_btn_outer{width: 100%;}
  .workshop_wrap .cmn_link_btn_a:before{width: 24px;}
}


/* ===============================================
# YOUTUBE
=============================================== */
#top_video {padding: calc(var(--base_distance)*2) 0;}

.youtube_block {width: calc(100% - 16px);margin: 0 auto;position: relative;cursor: pointer;overflow: hidden;border-radius: 4px;}
.youtube_block .thumb {position: relative;aspect-ratio: 16/9;}
.youtube_block .thumb img {position: absolute;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);-o-object-fit: cover;   object-fit: cover;transition: 0.2s;}
.youtube_block .play {position: absolute;width: 120px;height: 120px;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 3;}
.youtube_block .play img{width: 100%;}
.youtube_block:hover .thumb:before {opacity: 0.2;transition: 0.2s;}
.youtube_block:hover .thumb img {transform: translate(-50%, -50%) scale(1.1);transition: 0.2s;}

@media screen and (max-width: 768px) {
    .youtube_block { width: 100%;}    
    .youtube_block .thumb {  aspect-ratio: 1.8/1;}
    .youtube_block .play{width: 60px;height: 60px;}
}


/* ===============================================
# サイトリンク
=============================================== */
.site_link {--site-gap:8px;display: flex;width: 98%;margin: 0 auto;gap: var(--site-gap);flex-wrap: wrap;text-align: center;font-size: min(2.6vw, 40px);line-height: 1.2em;font-weight: 600;text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.25);font-family: var(--font-en2); }
.site_link .link_box.col-2 {font-size: min(3.6vw, 80px);line-height: 1.1em;}

.site_link .link_box {height: min(20vw, 400px);width: calc((100% - var(--site-gap) * 2) / 3);}
.site_link .link_box a{ display: flex; width: 100%; height: 100%;color: var(--c_white);border-radius: 8px; align-items: center; justify-content: center; transition: 0.3s;background-size: 110%;}

.site_link .link01 {background: url(../images/top/btn_artist.webp) no-repeat center;}
.site_link .link02 {background: url(../images/top/btn_ticket.webp) no-repeat center;}
.site_link .link03 {background: url(../images/top/btn_food.webp) no-repeat center;}
.site_link .link04 {background: url(../images/top/btn_workshop.webp) no-repeat center;}
.site_link .link05 {background: url(../images/top/btn_timetable.webp) no-repeat center;}
.site_link .link06 {background: url(../images/top/btn_areamap.webp) no-repeat center;}

.site_link .link_box a:hover{ background-size:120%; }


@media screen and (max-width: 768px) {
  .site_link {width: 94%; flex-direction: column;}
  .site_link .link_box {height: 100px;width:100%;}
  .site_link .link_box.col-2 {font-size:7vw;}
}



/* ================================= 下層ページ =================================== */
/* ===============================================
# 下層/ABOUTページ
=============================================== */
#in_about .block .tit {text-align: left;border-bottom: 1px solid var(--c_border_color);margin-bottom: 0.8em;padding-bottom: 0.8em;}
#in_about .block .tit .label {display: inline-block;color: var(--c_theme_color);font-size: 1.2em;line-height: 1.5em;font-weight: bold;}
#in_about .block .text_box {text-align: left;}
#in_about .block .text_box .text {font-size: 1.1em;line-height: 1.5em;font-weight: bold;}
#in_about .block .text_box .text .small {font-size: 0.85em;line-height: 1.2em;font-weight: 500;}
#in_about .block .text_box .text:not(:last-of-type) {margin-bottom: 16px;}
#in_about .block .text_box .text img {height: 22px;-o-object-fit: contain;object-fit: contain;}
#in_about .block .text_box .bnr_flex {display: flex;justify-content: center;margin-top: 16px;align-items: center;}
#in_about .block .text_box .bnr_flex a {margin: 0 10px;}
#in_about .block .text_box .bnr_flex a img {height: 22px !important;-o-object-fit: contain;   object-fit: contain;width: auto;display: inherit;}
#in_about .block .text_box .bnr_flex a img.factimg {width: 85px;}
#in_about .block .text_box .bnr_flex.big a img {height: 90px !important;}
#in_about .block .text_box .bnr_flex.mid a img {height: 50px !important;}
#in_about .block .text_box a {text-decoration: underline;color: var(--c_txt_color);}
#in_about .block:not(:last-of-type) {margin-bottom: 40px;}

#in_about .info_block:not(:last-of-type) {margin-bottom: 40px;}
#in_about .info_block .tit{color: #fe00a1;font-size: 1.4em;font-weight: bold;line-height: 1.5em;margin-bottom: 0.2em;}
#in_about .info_block a{color: #fe00a1; text-decoration: underline;}

.whats {background: var(--c_theme_color);color: var(--c_white);padding: 54px 32px; margin-bottom: 100px;}
.whats .other_block figure {margin-bottom: 32px;border-radius: 8px;overflow: hidden;}
.whats .other_block .text_box {padding: 0 40px;}
.whats .other_block .text_box p:not(:last-of-type) {margin-bottom: 1em;}
.whats .other_block .text_box p a {text-decoration: underline;color: var(--c_white);}
.whats .other_block .text_box .text {font-size: 20px;line-height: 1.3em;font-weight: bold;}
.whats .other_block .block_tit {max-width: 500px;margin: 0 auto -50px;position: relative;width: 70%;z-index: 2;}

@media screen and (max-width: 768px) {
  #in_about .block {letter-spacing: 0;}
  #in_about .block .text_box .bnr_flex {flex-wrap: wrap;gap: 20px;align-items: center;}
  #in_about .block .text_box .bnr_flex a {margin: 0 0 10px;display: block;}
  #in_about .block:not(:last-of-type) {margin-bottom: 40px;}
  #in_about .block .text_box .bnr_flex.big {gap: 10px;}
  #in_about .block .text_box .bnr_flex.big a img {height: 70px !important;}
  #in_about .block .text_box .bnr_flex.mid a img {height: 44px !important;}

  #in_about .info_block .tit{font-size: 1.2em;line-height: 1.5em;}

  .whats {padding: 24px 16px; margin-bottom: 50px;}
  .whats .other_block .block_tit {margin-bottom: -20px;}
  .whats .other_block .text_box {padding: 0;font-size: 15px;line-height: 1.6em;}
  .whats .other_block .text_box p:not(:last-of-type) {margin-bottom: 1.8em;}
}


/* ===============================================
# 下層/メッセージページ
=============================================== */
#in_message .date_box {font-size: 32px;line-height: 1.4em;color: var(--c_theme_color);font-weight: 600;text-align: center;}
#in_message .cmn_accordion_box:first-of-type {margin-bottom: 60px;}

@media screen and (max-width: 768px) {
  #in_message {font-size: 32px;line-height: 1.4em;}
  #in_message .date_box {font-size: 20px;font-weight: bold;}
}


/* ===============================================
# 下層/アーティストページ
=============================================== */
.artist_block{ }
.artist_block .date {font-size: 5vw;font-weight: 600;line-height: 1em;text-align: center;color: var(--c_theme_color);margin-bottom: 0.5em;font-family: var(--font-en2); background-color: #fff; padding: 3% 0; border-radius: 10px; }
.artist_block .date .day {font-size: 0.5em;line-height: 1em;}
.artist_block .date .date_inner {display: inline-block;position: relative;}
.artist_block .date .date_inner .day {/*position: absolute;left: 100%;width: -webkit-max-content;width: -moz-max-content;width: max-content;bottom: 0.6em;*/}
.artist_block .date .sub_text {font-size: 50px;line-height: 1.6em;font-family: var(--font-en);color: var(--c_theme_color_red);}
.artist_block .mod_flex_box_03 {justify-content: center;}
.artist_block .artist {position: relative;display: block;background-color: #fff;color: #000;font-family: var(--font-en2); transition: 0.2s;}
.artist_block .artist:hover{filter: brightness(1.2); transition: 0.2s;}
.artist_block .artist .artist_img {margin-bottom: 0;position: relative;height: 0;padding-bottom: 66.55%;background-color: #000;overflow: hidden;}
.artist_block .artist .artist_img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: auto;max-width: 100%;height: auto;max-height: 100%;}
.artist_block .artist .artist_img.cs {aspect-ratio: 388/240;position: relative;background: var(--c_white);}
.artist_block .artist .artist_img.cs:before {position: absolute;content: "写真";top: 50%;left: 50%;transform: translate(-50%, -50%);}
.artist_block .artist .artist_name {font-weight: 400;line-height: 1.5em;text-align: center;font-size:  min(2vw, 24px);padding: 0.5em 0;letter-spacing: 5%;}
.artist_block .artist .artist_name.f_01{font-weight: bold;letter-spacing: 0;}
.artist_block .artist .artist_name .small {font-size: 0.8em;line-height: 1.4em;display: block;margin-top: 0.4em;}
.artist_block .artist.new:before {position: absolute;content: "";background: url(../images/common/common/icon_new.svg) no-repeat center;background-size: contain;width: 60px;height: 60px;top: -20px;left: -20px;z-index: 1;}
.artist_block:not(:last-of-type) {margin-bottom: 8vw;}
.artist_block .and_more {font-size: 30px;font-weight: bold;text-align: center;color: var(--c_theme_color);font-family: var(--font-en);}

#in_artists .sec_inner{ max-width: 1600px;}

@media screen and (max-width: 768px) {
  .artist_block .date {font-size: 30px;line-height: 1.2em;margin-bottom: 15px;text-indent: 0.5em;}
  .artist_block .date .sub_text {font-size: min(6vw, 28px);line-height: 1.4em;}
  .artist_block .flex-box {--flex-gap:8px;margin-bottom: 20px;}
  .artist_block .box03 {width: 100%;}
  .artist_block:not(:last-of-type) {margin-bottom: 80px;}
  .artist_block .artist .artist_img {}
  .artist_block .artist .artist_name {font-size: 18px;line-height: 1.4em;}
  .artist_block .and_more {font-size: 28px;}
  .artist_block .artist.new:before {width: 36px;height: 36px;top: -16px;left: -10px;}
  .artist_block .artist .artist_name .small {font-size: 10px;}
}

/* ===============================================
# 下層/チケットページ
=============================================== */
#in_tickets .content_wrap:not(:last-of-type) {margin-bottom: calc(var(--base_distance) * 1);}

#in_tickets .sec_inner{max-width: 1400px;}
#in_tickets .sec_inner.flex{display: flex;justify-content: space-between;gap:2%; margin-bottom: calc(var(--base_distance) * 1);
  .c_left{width: 42%; position: relative;
    .c_left_content{position: sticky;top: 100px;display: block;width: 100%;height: auto;
      .map{border-radius: 14px;overflow: hidden;margin-bottom: 12px;
        img{width: 100%;height: auto;}
        figcaption{color: #fff;background-color: #000;font-size: 0.7em;line-height: 1.5em;padding: 0.5em 1em 0.8em;}
      }
      .note{color:#fff;font-size: 14px;line-height: 1.7em;}
    }
  }
  .c_right{width: 56%;
    .bg_wrap{padding: 2vw;}
  }
}


.tk_tit{background-color: #000;color: #fff;text-align: center;font-size:min(2.5vw, 30px);;line-height: 1.5em;padding: 0.5em;margin-bottom: 0.8em;}
.img_area{display: flex; flex-direction: column;gap: 12px;margin-bottom: 20px;
  figure{flex: 1;position: relative;
    img{object-fit: contain;}
  }
}
.price_txt{display: flex;gap: 6px;flex-direction: column;justify-content: center;color: var(--c_theme_color);margin-bottom: 12px;text-align: center; background-color:#f5f5f5; padding:4% 0;  border-bottom: dashed 2px #ccc;
  .left{font-size: min(2.5vw, 34px);; font-weight: bold;line-height: 1.5em;
    p{margin: 0;}
  }
  .right{font-size: min(3vw, 40px);font-weight: bold;line-height: 1.5em;
    p{font-family: var(--font-en2);font-weight: 400;margin: 0;
      .ja{font-size: 0.6em;font-weight: 900;line-height: 1.5em;padding-left: 0.3em;font-family: var(--font_base_setting);}
      .small{font-size: 0.4em;font-weight: 900;line-height: 1.5em;padding-left: 0.3em;font-family: var(--font_base_setting);}
    }
  }
}
.ac_box{
  .ac_trigger{background-color: var(--c_theme_color);color: #fff;text-align: center;font-size: 20px;line-height: 1.5em;padding: 0.5em; cursor: pointer; border-radius:30px; transition:0.5s;} 
  .ac_trigger.accordion_active{border-radius:30px 30px 0 0;}
	.ac_content{background-color: #000; color: #fff; overflow: hidden;
    .ac_inner{padding: 2vw;}
  }
}
hr{border: none; height: 1px; width: 100%; background-color: var(--c_border_color); margin: 1.5em 0;}
blockquote{ padding: 1.5vw; border:1px solid #ccc;}

.notice_tit{color: #FE0000;text-align: center;font-size: min(2.5vw, 30px);line-height: 1.5em;margin-bottom: 1em;}
.notice_stit{color: #FE0000;text-align: left;font-size: min(2vw, 20px);line-height: 1.5em;margin-top: 2em;margin-bottom: 1em;padding-bottom: 0.5em;border-bottom: 1px solid;}
.notice_sstit{color: #FE0000;text-align: left;font-size: 18px;line-height: 1.5em;margin-top: 2em;margin-bottom: 1em;padding-left: 0.7em;border-left: 2px solid #FE0000;}
.list{list-style: disc;padding-left: 2em;margin-bottom: 1.5em;
  li:not(:last-of-type){margin-bottom: 1em;}
}

.c_01{color: #FE0000;}


#in_tickets .playguides {display: flex;gap: 40px;justify-content: center; align-items: center; margin-bottom: 1.5em;}
#in_tickets .playguides:last-of-type{ margin-bottom: 0;}

#in_tickets .playguides .term{display: block;width: 100%;}
#in_tickets .playguides .term .term_tit{text-align: center;margin-bottom: 0.5em;font-size: 1.8em;line-height: 1.5em;color: var(--c_theme_color_blue);}
#in_tickets .playguides .term .term_date{margin-bottom: 1em;text-align: center;font-size: 1.5em;font-weight: bold;line-height: 1.5em;}

#in_tickets .playguides .term .link{display: flex;justify-content: center;gap:2.5%;transition: 0.3s;text-align: center;font-size: 26px;font-weight: bold;line-height: 1.4em; }
#in_tickets .playguides .term .link:hover{ opacity: 0.8;}

#in_tickets .playguides .term .link .guide {width: 50%;background-color: var(--c_theme_color);color: #fff;padding: 3% 0;display: block;flex: 1; border-radius:100vw;}
#in_tickets .playguides .term .link .guide img { width: 100%; max-width:200px; margin: 0 auto;height: auto;display: block;}
#in_tickets .playguides .term .link .guide .logo{ margin-bottom: 1em;}
#in_tickets .playguides .term .link .guide .link{}

#in_tickets .playguides .credit {width: 100px;}
#in_tickets .playguides .credit img {width: 100%;height: auto;display: block;}

#in_tickets .playguides .sns {width: 60px;}
#in_tickets .playguides .sns img {width: 100%;height: auto;display: block;}


@media screen and (max-width: 768px) {
  #in_tickets .bg_wrap{padding: 4%;}
  #in_tickets .sec_inner.flex{display: block; margin-bottom: calc(var(--base_distance) * 1);
    .c_left{width: 100%;
      .c_left_content{position: relative;top: initial;
        .map{}
        .note{font-size: 12px;line-height: 1.7em;}
      }
    }
    .c_right{width: 100%;
		.bg_wrap{padding: 4%;}
    }
  }

  .tk_tit{font-size: 20px;}
  .img_area{}
  .price_txt{flex-direction: column;text-align: left; padding:3% 5%;
    .left{font-size: 5vw;width: 100%;}
    .right{font-size: 7vw;width: 100%;}
  }
  .ac_box{
    .ac_trigger{font-size: 16px; padding:0.75em 0;}
    .ac_content{
      .ac_inner{padding: 4vw;}
    }
  }
  blockquote{padding: 5%;}

  .notice_tit{font-size: 20px;}
  .notice_stit{font-size: 16px;}
  .notice_sstit{font-size: 14px;}

  #in_tickets .playguides .term{}
	#in_tickets .playguides .term .link{display: inherit;font-size: 20px;line-height: 1.5em;}
	#in_tickets .playguides .term .link .guide{ width: 100%; margin-bottom: 10px; text-align: center;}
	#in_tickets .playguides .term .link .guide img{ max-width: 150px;}
	#in_tickets .playguides .term .term_date{ font-size: 16px; margin-bottom: 1.5em;}
}

/* ===============================================
# 下層/アクセスページ
=============================================== */
#in_access .top_text {text-align: center;margin-bottom: 40px;}
#in_access .top_text .tit {margin-bottom: 12px; }
#in_access .top_text .tit .label {background: var(--c_theme_color);color: var(--c_white);display: inline-block;font-size: 20px;line-height: 1.6em;padding: 8px 16px 6px;font-weight: bold;}
#in_access .top_text .text {font-size: 14px;line-height: 1.8em;}
#in_access .map {display: grid;place-items: center;background: var(--c_white); /*aspect-ratio: 1920/757;*/padding-top: 39.4270833333%;font-size: 6vw;margin-bottom: 80px;position: relative;overflow: hidden;}
#in_access .map iframe {width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.info_box {border: 1px solid var(--c_border_color);padding: 40px;border-radius: 8px;background: rgba(255, 255, 255, 0.8);}
.info_box:not(:last-of-type) {margin-bottom: 15px;}
.info_box .tit {font-size: 20px;line-height: 1.4em;padding: 0.2em 0 0.2em 14px;border-left: 3px solid var(--c_theme_color);font-weight: bold;margin-bottom: 1em;}
.info_box .text_box {font-size: 15px;line-height: 1.8em;}
.info_box .text_box p strong {color: var(--c_theme_color);}
.info_box .text_box .button {margin-bottom: 2em;}
.info_box .text_box .button a {font-size: 22px;line-height: 1.4em;padding-bottom: 20px;}
.info_box .text_box a.cmn_link_btn_a{text-decoration: none;}
.info_box .text_box p:not(:last-of-type) {margin-bottom: 1em;}
.info_box .text_box:not(:last-of-type) {margin-bottom: 14px;}
.info_box .main_tit {background: var(--c_theme_color);text-align: center;color: var(--c_white);border-radius: 8px;font-size: 24px;line-height: 1.4em;padding: 0.5em;margin-bottom: 1em;}
.info_box .text_area {margin-bottom: 30px;}

@media screen and (max-width: 768px) {
  #in_access .top_text .tit .label {font-size: 16px;}
  #in_access .map {aspect-ratio: 375/574;display: block;margin-bottom: 50px;}
  .info_box {padding: 24px 16px;font-size: 14px;}
  .info_box:not(:last-of-type) {margin-bottom: 10px;}
  .info_box .tit {margin-bottom: 0.5em;font-size: 16px;line-height: 1.4em;}
  .info_box p {margin-bottom: 0.6em;}
  .info_box .text_box{font-size: 13px;line-height: 1.8em;}
  .info_box .text_box .button a {font-size: 16px;line-height: 1.4em;}
  .info_box .main_tit {font-size: 20px;line-height: 1.4em;}
}
/* ===============================================
# プライバシーポリシー
=============================================== */
/* .policy_wrap{background: var(--c_white);padding: 40px 30px;border-radius: 10px;} */
.policy_wrap .big_tit {background: var(--c_theme_color);padding: 10px 14px;font-size: 18px;color: var(--c_white);line-height: 1.4em;border-radius: 4px;margin-bottom: 0.8em;}
.policy_wrap .sub_tit {margin-bottom: 0.4em;font-size: 17px;line-height: 1.4em;color: var(--c_theme_color);}
.policy_wrap .block:not(:last-of-type) {padding-bottom: 32px;margin-bottom: 32px;border-bottom: 1px solid var(--c_border_color);}
.policy_wrap .block p {line-height: 1.8em;}
.policy_wrap .block a {text-decoration: underline;color: var(--c_theme_color);}
.policy_wrap .block p:not(:last-of-type) {margin-bottom: 1em;}
.policy_wrap .block blockquote {padding: 20px;background: rgba(255, 255, 255, 0.4588235294);margin-bottom: 1em;}
.policy_wrap .block ul{margin-bottom: 1em;}


/* ===============================================
# グッズ
=============================================== */

.goods_wrap {--grid_gap: 30px;display: grid;grid-template-columns: repeat(3, calc((100% - var(--grid_gap) / 1 * 2) / 3));grid-gap: calc(var(--grid_gap) / 1);margin-bottom: 100px;}
.goods_wrap .goods{display: grid;grid-template-columns: 100%;row-gap: 20px;grid-template-rows: -webkit-max-content;grid-template-rows: max-content;}
.goods_wrap .goods .text_block {align-self: baseline;}
.goods_wrap .goods .cmn_link_btn_a{font-size: 1.1em;line-height: 1.4em;padding: 14px 32px 13px;}
.goods_wrap .goods .cmn_link_btn_a:before{width: 28px;height: 28px;}
.goods_wrap .goods .cmn_btn_outer{    position: relative;align-self: end;justify-self: end;margin-bottom: 30px;}
.goods_wrap .grid_box {display: block;height: 100%;}
.goods_wrap .goods_img_box {position: relative;width: 100%;padding-top: 100%;border-radius: 10px;overflow: hidden;}
.goods_wrap .goods_img_box a {display: none;}
.goods_wrap .goods_img_box a.active {display: block;}
.goods_wrap .goods_img_box a img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: contain;object-fit: cover;pointer-events: none;}
.goods_wrap .goods_thumbs_box {display: grid;padding: 0px 0;margin-bottom: 0.3em; grid-template-columns: repeat(5, calc((100% - var(--grid_gap) / 5 * 4) / 5));grid-gap: calc(var(--grid_gap) / 5);justify-content: center;    align-self: baseline;}
.goods_wrap .goods_thumbs_box img {width: 100%;height: auto;cursor: pointer;align-self: center;transition: 0.2s;border: 2px solid transparent;border-radius: 10px;overflow: hidden;}
.goods_wrap .goods_thumbs_box img.active {border-color: var(--c_theme_color);}
.goods_wrap .text_block {font-size: 13px;padding: 0px 5px;line-height: 1.5em;}
.goods_wrap .text_block .goods_title {font-size: 16px;font-weight: bold;margin-bottom: 0.3em;line-height: 1.4em;}
.goods_wrap .text_block .price {font-size: 16px;margin-bottom: 0.3em;line-height: 1.4em;}
.goods_wrap .text_block .info {line-height: 1.3em;margin-bottom: 10px;}
.goods_note {border: 1px solid var(--c_theme_color_red);padding: 30px;text-align: center;color: var(--c_theme_color_red);font-weight: bold;margin-bottom: 80px;margin-top: -60px;background: rgba(255, 255, 255, 0.4156862745);}
#in_goods .goods_tit {text-align: center;margin-bottom: 38px;font-weight: bold;color: var(--c_theme_color);font-size: 44px;line-height: 1.4em;font-family: var(--font-en);}
#in_goods .goods_tit span {font-family: var(--font-en);color: var(--c_theme_color_red);display: block;font-size: 0.8em;line-height: 1em;}
#in_goods .goods_button {max-width: 600px;margin: 0 auto 30px;}
#in_goods .goods_button a {background: var(--c_theme_color_red);display: block;padding: 20px;color: var(--c_white);font-weight: bold;text-align: center;font-size: 20px;line-height: 1.4em;border-radius: 40px;}
#in_goods .content_wrap:not(:last-of-type) {margin-bottom: 80px;}
#in_goods .text_wrap {margin-bottom: 60px;background: var(--c_white);padding: 30px;border-radius: 10px;}
#in_goods .text_wrap .tit {text-align: center;background: var(--c_theme_color);padding: 20px;border-radius: 10px;color: var(--c_white);font-size: 26px;line-height: 1.4em;font-weight: bold;margin-bottom: 30px;}
#in_goods .text_wrap .text {font-size: 16px;line-height: 1.8em;margin-bottom: 40px;font-weight: bold;}
#in_goods .text_wrap .text p:not(:last-of-type) {margin-bottom: 1em;}


@media screen and (max-width: 768px) {
  .goods_note {margin-top: -30px;padding: 20px 14px;font-size: 13px;line-height: 1.6em;text-align: left;}
  .goods_wrap {grid-template-columns: repeat(1, calc((100% - var(--grid_gap) / 1 * 0) / 1));margin-bottom: 60px;}
  #in_goods .goods_tit {font-size: 34px;line-height: 1.4em;margin-bottom: 20px;}
  #in_goods .goods_tit span {font-size: 0.7em;line-height: 1em;}
  #in_goods .text_wrap {padding: 24px 14px;}
  #in_goods .text_wrap .tit {font-size: 20px;padding: 18px 10px;margin-bottom: 20px;}
  #in_goods .text_wrap .text {font-size: 14px;line-height: 1.5em;}
  #in_goods .text_wrap .block_tit {font-size: 20px;line-height: 1.6em;margin-bottom: 20px;}
  #in_goods .content_wrap:not(:last-of-type) {margin-bottom: 40px;}
}


/* ===============================================
# タイムテーブル
=============================================== */
.tab_content {max-height: 0;opacity: 0;overflow: hidden;transition: opacity 0.2s ease;padding: 0 0px;}
.tab_content.active {opacity: 1;max-height: initial;}
.timetable .app_wrap {margin-bottom: 60px;border: 1px solid var(--c_txt_color);padding: 24px;border-radius: 8px;}
.timetable .app_wrap .txt {text-align: center;font-weight: bold;font-size: 16px;line-height: 1.4em;margin-bottom: 20px;}
.timetable .app_wrap .btn_wrap ul {display: flex;align-items: center;justify-content: center;gap: 30px;max-width: 440px;margin: 0 auto;}
.timetable .tt_wrap .tt_tab {margin-bottom: 30px;}
.tt_tab .tabs {display: flex;width: 100%;gap: 10px;}
.tt_tab .tabs .tab_link {width: calc((100% - 20px) / 3);display: flex;align-items: center;justify-content: center;border: 1px solid var(--c_txt_color);padding: 10px 10px 12px;border-radius: 8px;font-size: 32px;line-height: 1.4em;font-family: var(--font-en);font-weight: 600;cursor: pointer;transition: 0.3s;}
.tt_tab .tabs .tab_link.active {background: var(--c_theme_color_orange);color: #fff;border-color: var(--c_theme_color_orange);}
.tt_tab .tabs .tab_link:hover {background: var(--c_theme_color_orange);transition: 0.3s;color: #fff;border-color: var(--c_theme_color_orange);}
.tt_tab .tabs .tab_link .tab_txt {text-align: center;}
.tt_tab .tabs .tab_link span {font-size: 16px;line-height: 1em;}
.tt_tab .tabs .tab_link span.androp {font-family: var(--font-en);display: block;}
.timetable .tt_wrap .tab_content .button {margin-bottom: 20px;width: 92%;}
.timetable .tt_wrap .tab_content .timetable_img {background: #fff;margin-bottom: 30px;display: grid;place-items: center;}
.timetable .tt_wrap .tab_content .timetable_img img {max-width: 550px;margin: 0 auto;padding: 40px 20px;width: 100%;}
/* .timetable .tt_wrap .tab_content#tt01{}
.timetable .tt_wrap .tab_content#tt01 .timetable_img{height: 400px;}
.timetable .tt_wrap .tab_content#tt02{}
.timetable .tt_wrap .tab_content#tt02 .timetable_img{height: 200px;}
.timetable .tt_wrap .tab_content#tt03{}
.timetable .tt_wrap .tab_content#tt03 .timetable_img{height: 500px;} */
.timetable .tt_pc ul {display: flex;justify-content: space-between;margin-bottom: 30px;}
.timetable .tt_pc li {width: 32.33%;}
#in_timetable .content_wrap:not(:last-of-type) {margin-bottom: 60px;}


@media screen and (max-width: 768px) {
  .timetable .app_wrap {padding: 18px;}
  .timetable .app_wrap .btn_wrap ul {gap: 14px;}
  .tt_tab .tabs {gap: 6px;}
  .tt_tab .tabs .tab_link {font-size: min(5.8vw, 24px);line-height: 1.3em;padding: 12px 4px 10px;text-align: center;}
  .tt_tab .tabs .tab_link span {font-size: min(3.2vw, 12px);line-height: 1.2em;}
  .timetable .tt_wrap .tab_content .timetable_img {background: none;}
  .timetable .tt_wrap .tab_content .timetable_img img {padding: 0;}
}


/* ===============================================
# アトラクションズ
=============================================== */
.attractions .lead_txt {padding: 24px;position: relative;color: var(--c_theme_color);font-size: 18px;line-height: 1.8em;font-weight: bold;margin-bottom: 30px;}
/* .attractions .lead_txt strong{display: block;text-align: center;font-size: 1.2em;margin-bottom: .5em;} */
.attractions .lead_txt:before {position: absolute;content: "";border-left: 2px solid var(--c_theme_color);border-top: 2px solid var(--c_theme_color);width: 24px;height: 24px;top: 0;left: 0;}
.attractions .lead_txt:after {position: absolute;content: "";border-right: 2px solid var(--c_theme_color);border-bottom: 2px solid var(--c_theme_color);width: 24px;height: 24px;bottom: 0;right: 0;}
.attractions .button_wrap {margin-bottom: 60px;}
.attractions .button_wrap ul {--btn-gap:min(1vw,16px);display: flex;flex-wrap: wrap;gap: var(--btn-gap);}
.attractions .button_wrap ul li {width: calc((100% - var(--btn-gap) * 3) / 4);height: 170px;background: #000;border-radius: 4px;color: var(--c_white);position: relative;overflow: hidden;}
.attractions .button_wrap ul li a {display: block;color: var(--c_white);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding-top: 8px;}
.attractions .button_wrap ul li .text_block {text-align: center;position: relative;font-family: var(--font-en);font-weight: bold;width: 100%;}
.attractions .button_wrap ul li .sub_tit {position: absolute;font-size: 14px;line-height: 1.4em;top: -26px;width: 100%;white-space: nowrap;left: 50%;transform: translateX(-50%);text-align: center;}
.attractions .button_wrap ul li .main_tit {font-size: min(3vw, 36px);line-height: 1em;width: 100%;}
.attractions .button_wrap ul li .main_tit span{font-size: 0.8em;line-height: 1.2em;}
.attractions .button_wrap ul li .main_tit:after {position: absolute;content: "";background: url(../images/attractions/at_btn_arrow.svg) no-repeat center;background-size: contain;width: 13px;height: 7px;left: 50%;transform: translateX(-50%);bottom: -20px;}
.attractions .button_wrap ul li::before {opacity: 0.4;pointer-events: none;}
.attractions .button_wrap ul li.at01:before {position: absolute;content: "";background: url(../images/attractions/attractions_island-dj-booth.webp) no-repeat center;background-size: cover;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.attractions .button_wrap ul li.at02:before {position: absolute;content: "";background: url(../images/attractions/attractions_workshop.webp) no-repeat center;background-size: cover;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.attractions .button_wrap ul li.at03:before {position: absolute;content: "";background: url(../images/attractions/attractions_tokyojurassicland.webp) no-repeat center;background-size: cover;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.attractions .button_wrap ul li.at04:before {position: absolute;content: "";background: url(../images/attractions/attractions_fireworks.webp) no-repeat center;background-size: cover;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.attractions .button_wrap ul li.at05:before {position: absolute;content: "";background: url(../images/attractions/attractions_yoga_01.webp) no-repeat center;background-size: cover;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.attractions .button_wrap ul li.at06:before {position: absolute;content: "";background: url(../images/attractions/attractions_kaidan.webp) no-repeat center;background-size: cover;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.attractions .button_wrap ul li.at07:before {position: absolute;content: "";background: url(../images/attractions/attractions_pet_area.webp) no-repeat center;background-size: cover;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.attractions .button_wrap ul li.at08:before {position: absolute;content: "";background: url(../images/attractions/attractions_watersports.webp) no-repeat center;background-size: cover;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.attractions .at_list ul li {padding-top: 100px;margin-top: -100px;}
.attractions .at_list ul li .at_inner {background: var(--c_white);padding: 40px;border-radius: 8px;}
.attractions .at_list ul li:not(:last-of-type) {margin-bottom: 60px;}
.attractions .at_list .title_block {text-align: center;margin-bottom: 32px;color: var(--c_theme_color);font-weight: bold;font-family: var(--font-en);}
.attractions .at_list .title_block .sub_tit {font-size: 14px;line-height: 1.2em;}
.attractions .at_list .title_block .main_tit {font-size: min(7vw, 80px);line-height: 1.1em;}
.attractions .at_list .title_block .main_tit span.min {font-size: 0.32em;font-weight: 500;line-height: 1.2em;}
.attractions .at_list .title_block .main_tit.jp {font-size: min(3.8vw, 40px);line-height: 1.4em;}
.attractions .at_list .title_block .main_tit.jp.with_logo {display: flex;align-items: center;justify-content: center;}
.attractions .at_list .title_block .main_tit.jp.with_logo img {width: 100px;display: inline-block;}
.attractions .at_list .title_block .main_tit_jp {font-size: 16px;line-height: 1.6em;}
.attractions .at_list .text-list ul li {padding: 0;margin-top: 0;padding-left: 1.3em;}
.attractions .at_list .text-list ul li:not(:last-of-type) {margin-bottom: 0.2em;}
.attractions .at_content .text_block .tit {margin-top: 26px;position: relative;color: var(--c_theme_color);font-size: 20px;line-height: 1.2em;margin-bottom: 10px;font-weight: bold;padding-left: 30px;}
.attractions .at_content .text_block .tit:before {position: absolute;content: "";background: var(--c_theme_color);width: 20px;height: 20px;top: 50%;transform: translateY(-50%);left: 0;border-radius: 50%;}
.attractions .at_content .text_block p {margin-bottom: 1em;}
.attractions .at_content .text_block p .label{display: block;text-align: center;    color: var(--c_theme_color);border-radius: 4px;font-weight: bold;border: 1px solid;padding: 4px;margin-bottom: 8px;}
.attractions .at_content .text_block p strong {color: var(--c_theme_color);font-size: 18px;line-height: 1.3em;}
.attractions .at_content .button {margin-top: 30px;}
.attractions .at_content .accordion {border: none;border-radius: 4px;}
.attractions .at_content .accordion .accordion_ttl {text-align: center;padding: 20px;font-weight: bold;border-radius: 4px;border: 1px solid var(--c_txt_color);color: var(--c_txt_color);}
.attractions .at_content .accordion .accordion_cnt {padding: 0;}
.attractions .at_content .accordion .accordion_cnt .ac_inner {padding: 20px 0;}
.attractions .at_content .accordion .accordion_cnt:before {display: none;}
.attractions .at_content figure {border-radius: 8px;overflow: hidden;margin-bottom: 30px;}
.attractions .at_content a {text-decoration: underline;}
.attractions .at_content a.cmn_link_btn_a {text-decoration: none;}
.attractions .at_content hr {margin: 1em 0;border: 1px dashed var(--c_theme_color);}
.fix_anchor {position: fixed;z-index: 6;top: min(6vw, 65px);left: 50%;transform: translate(-50%, -50%);width: 98%;max-width: 1700px;opacity: 0;pointer-events: none;visibility: hidden;transition: 0.3s;}
.fix_anchor.active {opacity: 1;visibility: visible;pointer-events: all;transition: 0.3s;transform: translate(-50%, 0%);}
.fix_anchor ul {display: flex;flex-wrap: wrap;gap: 2px;justify-content: center;}
.fix_anchor ul li {width: calc((100% - 14px) / 8);height: min(5.5vw, 70px);background: #000;border-radius: 4px;color: var(--c_white);position: relative;overflow: hidden;}
.fix_anchor ul li a {display: block;color: var(--c_white);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.fix_anchor ul li .text_block {text-align: center;position: relative;font-family: var(--font-en);font-weight: bold;width: 100%;}
.fix_anchor ul li .sub_tit {position: absolute;font-size: min(0.8vw, 10px);line-height: 1.4em;top: max(-1vw, -12px);width: 100%;white-space: nowrap;left: 50%;transform: translateX(-50%);text-align: center;}
.fix_anchor ul li .main_tit {font-size: min(1.1vw, 18px);line-height: 1em;width: 100%;padding-top: .2em;}
.fix_anchor ul li .main_tit span{font-size: 0.8em;line-height: 1em;}
.fix_anchor ul li .main_tit:after {position: absolute;content: "";background: url(../images/attractions/at_btn_arrow.svg) no-repeat center;background-size: contain;width: min(1vw, 13px);height: 7px;left: 50%;transform: translateX(-50%);bottom: max(-1vw, -10px);}
.fix_anchor ul li:before {opacity: 0.4;pointer-events: none;}
.fix_anchor ul li.at01:before {position: absolute;content: "";background: url(../images/attractions/attractions_island-dj-booth.webp) no-repeat center;background-size: cover;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.fix_anchor ul li.at02:before {position: absolute;content: "";background: url(../images/attractions/attractions_workshop.webp) no-repeat center;background-size: cover;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.fix_anchor ul li.at03:before {position: absolute;content: "";background: url(../images/attractions/attractions_tokyojurassicland.webp) no-repeat center;background-size: cover;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.fix_anchor ul li.at04:before {position: absolute;content: "";background: url(../images/attractions/attractions_fireworks.webp) no-repeat center;background-size: cover;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.fix_anchor ul li.at05:before {position: absolute;content: "";background: url(../images/attractions/attractions_yoga_01.webp) no-repeat center;background-size: cover;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.fix_anchor ul li.at06:before {position: absolute;content: "";background: url(../images/attractions/attractions_kaidan.webp) no-repeat center;background-size: cover;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.fix_anchor ul li.at07:before {position: absolute;content: "";background: url(../images/attractions/attractions_pet_area.webp) no-repeat center;background-size: cover;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.fix_anchor ul li.at08:before {position: absolute;content: "";background: url(../images/attractions/attractions_watersports.webp) no-repeat center;background-size: cover;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);}

@media screen and (max-width: 768px) {
  .fix_anchor {display: none;}
  .attractions .lead_txt {font-size: 16px;line-height: 1.6em;padding: 16px;}
  .attractions .button_wrap ul li {width: calc((100% - 16px) / 2);aspect-ratio: 163/100;height: auto;}
  .attractions .button_wrap ul li .sub_tit {font-size: 10px;line-height: 1.4em;top: -16px;}
  .attractions .button_wrap ul li .main_tit {font-size: 20px;line-height: 1.2em;}
  .attractions .at_list .title_block .main_tit span.min {display: block;margin-bottom: 0.3em;}
  .attractions .button_wrap ul li .main_tit:after {bottom: -18px;}
  .attractions .at_list ul li .at_inner {padding: 24px 18px;}
  .attractions .at_list .title_block .main_tit {font-size: 48px;line-height: 1.1em;}
  .attractions .at_list .title_block .main_tit.jp {font-size: 26px;line-height: 1.4em;}
  .attractions .at_list .title_block .main_tit.jp.with_logo {flex-direction: column;}
  .attractions .at_content .accordion .accordion_ttl {padding: 14px;}
  .attractions .at_content .accordion .accordion_ttl:after {right: 13px;}
  .attractions .at_content .accordion .accordion_cnt {font-size: 14px;line-height: 1.8em;}
}


#in_workshop .attractions {--work_flex:16px;}
#in_workshop .attractions .work_flex {display: flex;gap: var(--work_flex);margin-bottom: 30px;flex-wrap: wrap;}
#in_workshop .attractions .work_flex img {width: calc((100% - var(--work_flex) * 2) / 3);border-radius: 4px;}
#in_workshop .attractions .block:not(:last-of-type) {padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px dashed var(--c_theme_color);}
#in_workshop .attractions .block .tit {font-size: 20px;display: inline-block;line-height: 1.3em;color: var(--c_white);background: var(--c_theme_color);padding: 6px 8px;font-weight: bold;margin-bottom: 12px;}
#in_workshop .attractions .block .text {margin-bottom: 20px;}
#in_workshop .attractions .block .text p:not(:last-of-type) {margin-bottom: 1em;}
#in_workshop .attractions .block .logo_wrap {display: flex;align-items: center;}
#in_workshop .attractions .block .logo {width: 200px;display: inline-block;margin-right: 6px;max-width: 50%;}
#in_workshop .attractions .block .logo img {max-height: 100px;-o-object-fit: contain; object-fit: contain;}
#in_workshop .attractions .btn_wrap {display: flex;flex-wrap: wrap;gap: 20px;}
#in_workshop .attractions .btn_wrap .btn {width: calc((100% - 20px) / 2);background: var(--c_theme_color);display: block;color: var(--c_white);border-radius: 4px;text-align: center;padding: 20px;position: relative;text-decoration: none;}
#in_workshop .attractions .btn_wrap .btn:before {position: absolute;content: "";background: var(--c_white);-webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%); clip-path: polygon(0 0, 0% 100%, 100% 50%);width: 10;height: 16px;top: 50%;transform: translateY(-50%);right: 20px;opacity: 0.5;}
#in_workshop .attractions .img_flex {display: flex;gap: var(--work_flex);flex-wrap: wrap;margin-bottom: 40px;}
#in_workshop .attractions .img_flex img {width: calc((100% - var(--work_flex) * 1) / 2);}
#in_workshop .attractions .img_flex.flex-3 img {width: calc((100% - var(--work_flex) * 2) / 3);}
#in_workshop .attractions .img_flex.flex-1 {justify-content: center;background: #fff;padding: 20px;}
#in_workshop .attractions .img_flex.flex-1 img {width: calc((100% - var(--work_flex) * 2) / 4);}
#in_workshop .attractions .at_list {margin-bottom: 80px;}
#in_workshop .attractions .main_tit{font-size: 60px;line-height: 1.3em;}
#in_workshop .attractions .main_tit.jp {font-size:50px;line-height: 1.4em;}
#in_workshop .attractions .ex_wrap{background: #fff;border-radius: 4px;    padding: 40px;}
#in_workshop .attractions .ex_wrap .at_flex {display: flex;gap: 24px;flex-wrap: wrap;}
#in_workshop .attractions .ex_wrap .at_flex .exhibitor {width: calc((100% - 24px) / 2);background: var(--c_white);padding: 30px;border-radius: 8px;}
#in_workshop .attractions .ex_wrap .at_flex .exhibitor .ex_tit {text-align: center;font-weight: bold;font-size: 24px;line-height: 1.2em;padding-bottom: 16px;margin-bottom: 16px;border-bottom: 1px dashed var(--c_theme_color);color: var(--c_theme_color);}
#in_workshop .attractions .ex_wrap .at_flex .exhibitor .ex_slider {margin-bottom: 10px;}
#in_workshop .attractions .ex_wrap .at_flex .exhibitor .ex_slider .swiper-container {padding-bottom: 40px;}
#in_workshop .attractions .ex_wrap .at_flex .exhibitor .ex_slider .swiper-pagination-bullet {opacity: 1;border: 1px solid var(--c_theme_color);background: var(--c_white);}
#in_workshop .attractions .ex_wrap .at_flex .exhibitor .ex_slider .swiper-pagination-bullet-active {background: var(--c_theme_color);}
#in_workshop .attractions .ex_wrap .at_flex .exhibitor .ex_slider figure {padding-bottom: 40px;}
#in_workshop .attractions .ex_wrap .title_block{margin-bottom: 20px;}
#in_workshop .attractions .ex_wrap .wrap_tit {font-size: 60px;line-height: 1.3em; text-align: center;font-weight: bold;font-family: var(--font-en);margin-bottom: 0px; padding-top: 0.4em;background: transparent;color: var(--c_theme_color);border: none;padding: 0;}
#in_workshop .attractions .ex_wrap .main_tit_jp {font-size: 16px;line-height: 1.6em;text-align: center;color: var(--c_theme_color);font-weight: bold;}
@media screen and (max-width: 768px) {
  #in_workshop .attractions {--work_flex:8px;}
  #in_workshop .attractions .work_flex {margin-bottom: 20px;}
  #in_workshop .attractions .work_flex img {width: calc((100% - var(--work_flex) * 1) / 2);}
  #in_workshop .attractions .img_flex {margin-bottom: 20px;}
  #in_workshop .attractions .img_flex.flex-3 img {width: calc((100% - var(--work_flex) * 0) / 1);}
  #in_workshop .attractions .img_flex.flex-1 img {width: 100%;}
  #in_workshop .attractions .btn_wrap .btn {width: 100%;}
  .attractions .at_content .text_block .tit {font-size: 18px;line-height: 1.2em;padding-left: 24px;}
  .attractions .at_content .text_block p {font-size: 14px;line-height: 1.6em;}
  #in_workshop .attractions .ex_wrap {padding: 40px 0px;}
  #in_workshop .attractions .ex_wrap .at_flex .exhibitor {width: 100%;padding: 20px;}
  #in_workshop .attractions .block .tit {font-size: 16px;line-height: 1.4em;}
  #in_workshop .attractions .block .text {font-size: 14px;line-height: 1.6em;}
  #in_workshop .attractions .ex_wrap .wrap_tit {font-size: 38px;line-height: 1.2em;margin-bottom: 0px;}
  #in_workshop .attractions .main_tit{font-size: 38px;line-height: 1.2em;}
  #in_workshop .attractions .main_tit.jp {font-size:30px;line-height: 1.4em;}
}


/* ===============================================
# FAQ
=============================================== */
#in_faq{}
#in_faq .block{margin-bottom: calc(var(--base_distance)*1);}
#in_faq p{margin-bottom: 1.5em;}
#in_faq .stit{text-align: center;margin: 3em 0 1em;color: var(--c_theme_color);font-size: 1.8em;font-weight: bold;line-height: 1.5em;}
#in_faq .sstit{text-align: left;margin: 2em 0 0.5em;color: #18C244;font-size: 1.1em;font-weight: bold;line-height: 1.5em;}

#in_faq .block.b_faq .sstit{color: #FF0000;border-bottom: 1px solid #8b8b8b;margin-bottom: 0.5em;padding-bottom: 0.5em;}


/* ===============================================
# PHOTO
=============================================== */
#in_report .h_outer {margin-bottom: 80px;}
/* #in_report .sec_h {font-size: min(9vw, 150px);line-height: 1.6em;max-width: 1400px;width: 92%;}
#in_report .sec_h:before {font-size: 20px;line-height: 1.4em;} */
#in_report .sec_inner {max-width: 1300px;}
#in_report .sec_h:before {bottom: -24px;}
#in_report .content_wrap {margin-bottom: 80px;}
#in_report .tt_tab {margin-bottom: clamp(40px,5vw,80px);}
#in_report .report_img {aspect-ratio: 16/9;position: relative;}
#in_report .report_img img {-o-object-fit: cover;   object-fit: cover;width: 100%;height: 100%;}
#in_report .tt_tab .tab_link {padding: 14px 10px 12px;}
#in_report .tt_tab .tab_link a {transition: 0.2s;display: block;}
#in_report .tt_tab .tab_link .androp {color: var(--c_theme_color_red);transition: 0.3s;}
#in_report .tt_tab .tab_link:hover {color: #fff;transition: 0.2s;opacity: 1;}
#in_report .tt_tab .tab_link:hover .androp {color: #fff;transform: 0.3s;}
#in_report .tt_tab .tab_link.active .androp {color: #fff;}
#in_report .tab_content.artist_block{}
#in_report .tab_content.artist_block:not(:last-of-type){margin-bottom: 0;}
#in_report .report_img {position: relative;overflow: hidden;}
#in_report .report_img:before {content: "";position: absolute;width: 101%;height: 101%;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;opacity: 0.8;z-index: 2;transition: 0.3s;}
#in_report .report_img .artist {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;z-index: 3;font-weight: 900;transition: 0.3s;font-size: clamp(14px, 1.4vw, 20px);line-height: 1.5em;}
#in_report .report_img .artist.op{font-size: clamp(13px,1.2vw,16px);line-height: 1.5em;}
#in_report .report_img .artist.toobig span {font-size: 0.7em;line-height: 1.4em;display: inline-block;}
#in_report .report_img img {transition: 0.3s;opacity: 1;}
#in_report .report_img:hover:before {opacity: 0;transition: 0.3s;}
#in_report .report_img:hover .artist {opacity: 0;transition: 0.3s;}
#in_report .report_img:hover img {transform: scale(1.1);transition: 0.3s;}
#in_report .report_img.modal_open:hover {opacity: 1;}
#in_report .stage_wrap {display: flex;--stage-gap:50px;gap: var(--stage-gap);flex-direction: row-reverse;}
#in_report .stage_wrap .stage {width: calc((100% - var(--stage-gap)) / 2);}
#in_report .stage_wrap .stage .tit {background: #c00075;color: #fff; text-align: center;font-weight: bold;font-family: var(--font-en);font-size: 34px;margin-bottom: 20px;line-height: 1.4em;padding: .3em .2em 0.2em;border-radius: 8px;}
#in_report .stage_wrap .stage:nth-of-type(2) .tit {background:#005ab4 ;color: #fff;}
#in_report .stage_wrap .stage .flex-box {--flex-gap:10px;}
#in_report .first_img {max-width: 900px;margin: 0 auto 40px;}
#in_report .ls_wrap .flex-box {--flex-gap: 10px;}
#in_report .ls_wrap .report_img::before {background: none;}
#in_report .ls_wrap .report_img:after {font-size: clamp(20px, 2vw, 30px);line-height: 1.5em;}
#in_report .modal_open {transition: 0.3s;cursor: pointer;}
#in_report .modal_open:hover {opacity: 0.8;transition: 0.3s;}
#in_report .credit {text-align: center;}
#in_report .artist_block:not(:last-of-type) {margin-bottom: 0;}
/* #in_report {} */
/* .modal_inner {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: contain; display: block;margin: auto;width: 90%;max-width: 1400px; max-height: 75%;animation: zoomIn 0.3s;height: 90%;} */
/* .modal .modal_image{object-fit: contain;height: 100%;} */
/* .modal .navigation #prev{background: url(../images/swiper_slide_arrow.svg)center no-repeat;background-size: contain; width: 50px;height: 50px;}
.modal .navigation #next{background: url(../images/swiper_slide_arrow.svg)center no-repeat;background-size: contain; width: 50px;height: 50px;transform: scale(-1,1);} */
.cmn_modal_layer .navigation #prev {background: #fff;-webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);clip-path: polygon(100% 0, 0 50%, 100% 100%);width: 20px;height: 30px;}
.cmn_modal_layer .navigation #next {background: #fff;-webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);clip-path: polygon(0 0, 0% 100%, 100% 50%);width: 20px;height: 30px;}
.cmn_modal_layer .navigation {position: absolute;right: 0;top: -50px;}
.cmn_modal_layer .navigation .button {display: inline-block;margin: 0 10px;cursor: pointer;}
.ls_modal {opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;position: fixed;z-index: 10001;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);}
.ls_modal.is-visible {opacity: 1;visibility: visible;}
.ls_modal_inner {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-o-object-fit: contain;   object-fit: contain;-o-object-position: 50% 50%;   object-position: 50% 50%;display: block;margin: auto;max-width: 80%;aspect-ratio: 2800/1867;-webkit-animation: zoomIn 0.3s;        animation: zoomIn 0.3s;max-height: calc(100% - 200px);height: 100%;}
/* .modal_inner {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: contain; display: block;margin: auto;width: 90%;max-width: 1400px; max-height: 75%;animation: zoomIn 0.3s;height: 90%;} */
/* .modal .modal_image{object-fit: contain;height: 100%;} */
/* .modal .navigation #prev{background: url(../images/swiper_slide_arrow.svg)center no-repeat;background-size: contain; width: 50px;height: 50px;}
.modal .navigation #next{background: url(../images/swiper_slide_arrow.svg)center no-repeat;background-size: contain; width: 50px;height: 50px;transform: scale(-1,1);} */
.ls_modal .navigation #prev {background: #fff;-webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);        clip-path: polygon(100% 0, 0 50%, 100% 100%);width: 20px;height: 30px;}
.ls_modal .navigation #next {background: #fff;-webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);        clip-path: polygon(0 0, 0% 100%, 100% 50%);width: 20px;height: 30px;}
.ls_modal .navigation {position: absolute;right: 0;top: -50px;}
.ls_modal .navigation .button {display: inline-block;margin: 0 10px;cursor: pointer;}
@media screen and (max-width: 768px) {
  #in_report .sec_h:before {font-size: 16px;line-height: 1.4em;bottom: -30px;}
  #in_report .tt_tab {margin-bottom: 20px;}
  #in_report .tt_tab .tabs .tab_link span.androp {letter-spacing: -0.02em;}
  #in_report .tt_tab .tabs {flex-wrap: wrap;}
  #in_report .tt_tab .tab_link {width: calc((100% - 6px) / 2);height: 70px;}
  #in_report .stage_wrap {--stage-gap:10px;}
  #in_report .stage_wrap .stage .flex-box {--flex-gap:5px;}
  #in_report .stage_wrap .stage .tit {font-size: 20px;line-height: 1.4em;padding: 0.6em;margin-bottom: 10px;}
  #in_report .report_img:hover:before {opacity: 0.7;transition: 0.3s;}
  #in_report .report_img:hover:after {opacity: 1;transition: 0.3s;}
  #in_report .report_img:hover img {transform: scale(1);transition: 0.3s;}
  #in_report .ls_wrap .flex-box .box04 {width: calc((100% - var(--flex-gap)) / 2);}
  #in_report .report_img .artist.toobig {line-height: 1.2em;}
  #in_report .report_img .artist.toobig span {font-size: min(2vw, 12px);line-height: 1.6em;}
  .cmn_modal_layer .navigation {top: initial;bottom: -50px;}
  #in_report .credit {font-size: 12px;line-height: 1.4em;}
}
/*# sourceMappingURL=pages.css.map */