@charset "utf-8";
/* CSS Document */


html {scroll-behavior: smooth;}
:target { scroll-margin-top: calc(111vw / 19.2); }

body {
	color:#000000; font-size:calc(18 * 0.054vw); line-height: 1.8; letter-spacing: 0.05em;
	font-family: "Noto Sans JP",-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic UI", Meiryo, sans-serif;
	font-weight:400; margin: 0 auto; height: 100%; overflow-x:hidden;
}

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

.manrope { font-family: "Manrope", sans-serif; font-weight: 600; font-style: normal; letter-spacing: 0.08em; font-variant-numeric: tabular-nums; }


.bold { font-weight:bold; }


.fs10vw { font-size:calc(10 * 0.054vw); } 
.fs12vw { font-size:calc(12 * 0.054vw); }
.fs14vw { font-size:calc(14 * 0.054vw); }
.fs15vw { font-size:calc(15 * 0.054vw); }
.fs16vw { font-size:calc(16 * 0.054vw); }
.fs17vw { font-size:calc(17 * 0.054vw); }
.fs18vw { font-size:calc(18 * 0.053vw); }
.fs20vw { font-size:calc(20 * 0.052vw); }
.fs21vw { font-size:calc(21 * 0.052vw); }
.fs22vw { font-size:calc(22 * 0.052vw); }
.fs23vw { font-size:calc(23 * 0.052vw); }
.fs24vw { font-size:calc(24 * 0.052vw); }
.fs25vw { font-size:calc(25 * 0.052vw); }
.fs26vw { font-size:calc(26 * 0.052vw); }
.fs27vw { font-size:calc(27 * 0.052vw); }
.fs28vw { font-size:calc(28 * 0.052vw); }
.fs29vw { font-size:calc(29 * 0.052vw); }
.fs30vw { font-size:calc(30 * 0.052vw); }
.fs32vw { font-size:calc(32 * 0.052vw); }
.fs34vw { font-size:calc(34 * 0.052vw); }
.fs35vw { font-size:calc(35 * 0.052vw); }
.fs36vw { font-size:calc(36 * 0.052vw); }
.fs37vw { font-size:calc(37 * 0.052vw); }
.fs38vw { font-size:calc(38 * 0.052vw); }
.fs40vw { font-size:calc(40 * 0.052vw); }
.fs42vw { font-size:calc(42 * 0.052vw); }
.fs45vw { font-size:calc(45 * 0.052vw); }
.fs48vw { font-size:calc(48 * 0.052vw); }
.fs50vw { font-size:calc(50 * 0.052vw); }
.fs52vw { font-size:calc(52 * 0.052vw); }
.fs54vw { font-size:calc(54 * 0.052vw); }
.fs56vw { font-size:calc(56 * 0.052vw); }
.fs58vw { font-size:calc(58 * 0.052vw); }
.fs60vw { font-size:calc(60 * 0.052vw); }
.fs65vw { font-size:calc(65 * 0.052vw); }
.fs66vw { font-size:calc(66 * 0.052vw); }
.fs68vw { font-size:calc(68 * 0.052vw); }
.fs70vw { font-size:calc(70 * 0.052vw); }
.fs72vw { font-size:calc(72 * 0.052vw); }
.fs80vw { font-size:calc(80 * 0.052vw); }
.fs90vw { font-size:calc(90 * 0.052vw); }
.fs100vw { font-size:calc(100 * 0.052vw); }


img { border: none; vertical-align: middle; backface-visibility: hidden; }

img.top { vertical-align: top; }
img.bottom { vertical-align: bottom; }
img.banner { border: solid 1px #DDD; }

input,button,textarea { appearance:none; -webkit-appearance:none; font-family: inherit; font: inherit; color: inherit; }
button { border: none; cursor:pointer; background: none; }


address, em { font-style: normal; }

mark { background: linear-gradient(#fbe2ac, #fbe2ac) 0 100% / 0 0.3em no-repeat; background-size: 100% 0.3em; }

a { color: #000000; text-decoration: none; }
a.underline { text-decoration:underline; }

a:hover, input[type="submit"]:hover, input[type="reset"]:hover {
	opacity: 0.9; filter: alpha(opacity=90); -ms-filter: "alpha( opacity=90 )";
}




strong {font-weight: 700;}

.position_r { position:relative; z-index:1; }
.position_a { position:absolute; z-index:2 }

.circle { display:inline-block; border-radius:100vmax; }

/*********** class ****************************************/


/********** float ************/
.c-both { clear: both; }
.clearfix::after { content: ""; clear: both; display: block; }
.left { float: left; }
.right { float: right; }
.center { display: block; margin-left: auto; margin-right: auto; text-align: center; }
.text_right { margin-left:auto; margin-right:0; text-align:right; }
.text_left { margin-right:auto; margin-left:0; text-align:left; }
/******* end float **********/

/******* flex box ***********/
.flex {
	display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: flex-start;
}
.height {flex-wrap: wrap; align-items: stretch;}
.js_center {justify-content: center;}
/* image parent cover *******/
.fit { object-fit: cover; font-family: 'object-fit: cover;'; max-width: 100%; }
.fit img {
	margin: auto; width: 100%; min-height: 100%; object-fit: cover; font-family: 'object-fit: contain;';
	position: absolute; top: 0; left: 0; bottom: 0; right: 0;
}
/****** layout ********/
.inner {width: calc(1820vw / 19.2); margin: 0 auto;}
.inner_left { width: calc(1880vw / 19.2); margin: 0 auto 0 0; }
.middle_inner {width: calc(1440vw / 19.2); margin: 0 auto;}
.low_inner {width: calc(1200vw / 19.2); margin: 0 auto;}
.minimum_inner {width: calc(940vw / 19.2); margin: 0 auto;}

.heading { width: 100%; }

/* image parent cover *******/
.fit { position: relative; object-fit: cover; font-family: 'object-fit: cover;'; max-width: 100%; }

dl.table { display:table; width:100%; }
dl.table dt,dl.table dd { display:table-cell; }

p.indent { text-indent: -1em; margin-left: 1em; }


/****** display ********/

.pc { display: block; }
.sp { display: none; }

.black { color:#000000; }
.white { color:#FFFFFF; }
.blue { color:#0071BC; }
.dark_blue { color:#003456; }
.red { color:#E60012; }


.bg_black { background-color:#000000; --bg_color: #00000; }
.bg_white { background-color:#FFFFFF; --bg_color: #FFFFFF; }
.bg_dark_blue { background-color:#003456; --bg_color: #003456; }
.bg_blue { background-color:#0071BC; --bg_color: #0071BC; }
.bg_light_blue { background-color:#00AEEF; --bg_color: #00AEEF; }
.bg_logo_blue { background-color:#0AD1FE; --bg_color: #0AD1FE; }
.bg_orange { background-color:#EFBB00; --bg_color: #EFBB00; }
.bg_green { background-color:#009D7B; --bg_color: #009D7B; }
.bg_dark_gray { background-color:#999999; --bg_color: #999999; }
.bg_gray { background-color:#B2B2B2; --bg_color: #B2B2B2; }
.bg_gray2 { background-color:#D9D9D9; --bg_color: #D9D9D9; }
.bg_light_gray { background-color:#E6E6E6; --bg_color: #E6E6E6; }
.bg_red { background-color:#C72534; --bg_color: #C72534; }

.bg_pale_blue { background-color:#E2EEFB; --bg_color: #C72534; }
.bg_light_pale_blue { background-color:#F9FCFF; --bg_color: #F9FCFF; }



.ttl.flex.center {
	justify-content:center; align-items: flex-end;
	letter-spacing: 0.05em; margin-block-start: 0; margin-block-end: 2em; font-weight:bold; line-height: 1;
}
.ttl.flex.center .logo { width: calc(129vw / 19.2); aspect-ratio: 129 / 50; margin-right: 1em; }
.ttl.flex.center .logo2024 { width: calc(96vw / 19.2); aspect-ratio: 48 / 25; margin-right: 1em; }
.ttl.white .logo { filter: invert(100%); }

.ttl.flex.center .slug { width:max-content; font-weight: bold; margin-right: 0.3em; }
.ttl.flex.center .ja { width:max-content; font-weight: bold; line-height: 1.5; }


.more {
	display:flex; justify-content:center; align-items: center; width: calc(360vw / 19.2); height: calc(80vw / 19.2); border-radius: 50vmax;
	background: linear-gradient(to right bottom, #80D7F7 0%, #00AEEF 50%, #0071BC 100%); margin-block-start: 3em; text-decoration:none;
}
.more.btn_orange { background: linear-gradient(to right bottom, #EFBB00 0%, #EF9300 50%, #EF6C00 100%); }
.more.btn_white { background:#FFFFFF; }

.more i { margin-left:1em; }


.fadein { opacity: 0; transition: opacity 0.8s ease; }
.fadein.active { opacity: 1; }

i.fa-instagram {
	background: linear-gradient(135deg, rgba(86, 30, 245, 1) 0%, rgba(234, 50, 191, 1) 27%, rgba(234, 51, 99, 1) 46%, rgba(239, 140, 53, 1) 65%, rgba(233, 50, 133, 1) 87%);
	-webkit-background-clip: text; -webkit-text-fill-color: transparent; min-width:19px;
}
i.fa-facebook { color: #1877F2; }
i.fa-globe { color:#666666; }


a.grayout { pointer-events: none;  cursor: default; opacity: 0.6; }
a.grayout img { filter: grayscale(100%);}



main { padding-top:calc(111vw / 19.2); }



#header {
	width: 100%; position:fixed; z-index:9998; height:calc(111vw / 19.2);
}
#header .inner { height: 100%; z-index: 1001; /*width: calc(1860vw / 19.2); margin: 0;*/ }

#header .logo { width: calc(185vw / 19.2); aspect-ratio: 5 / 3; margin: 0; position: absolute; inset: 0; }

#header .header_right_box { position: absolute; inset: 0 0 0 auto; width:calc(680vw / 19.2); height: 100%; align-items:center; }

#header .central_banner { display:block; width: calc(221vw / 19.2); aspect-ratio: 221 / 76; position:relative; z-index:2; }
#header .central_banner .heading { height:100%; object-fit:cover; }


#header #hamburger {
	position: absolute; right: 0;
	caret-color: transparent; width: calc(66vw / 19.2); height: calc(66vw / 19.2); border-radius: 100vmax; z-index: 1001;
}
#header #hamburger .bar {
	display: block; width: calc(26vw / 19.2); height: 2px; margin-left: auto; margin-right: auto;
	transition: transform 0.3s ease, opacity 0.3s ease;transform-origin: center center; transform: none;
}
#header #hamburger .bar_1 { margin-block-end:calc(10vw / 19.2); }
#header #hamburger .bar_2 { margin-block-end:calc(10vw / 19.2); }

#header #hamburger.active .bar_1 { transform: translateY(var(--offset)) rotate(45deg); width: calc(36.77vw / 19.2); }
#header #hamburger.active .bar_2 { opacity:0; }
#header #hamburger.active .bar_3 { transform: translateY(calc(var(--offset) * -1)) rotate(-45deg); width: calc(36.77vw / 19.2); }

#header #drawer {
	position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: flex; opacity:0;transition: opacity 0.3s ease; pointer-events:none;
	justify-content: flex-start;align-items: flex-start;z-index: 1000;
}
#header #drawer.open {opacity:1; pointer-events:auto;}

#header #drawer .drawer-content {width: 100%;height: 100%;transform: translateX(200%);transition: transform 0.3s ease; padding: 7em; grid-template-rows: 20em; }
#header #drawer.open .drawer-content {transform: translateX(0); display: flex; justify-content: center; align-items: center; }

#header #drawer .drawer-content ul { list-style-type:none; padding:0; width: calc(450vw / 19.2); }
#header #drawer .drawer-content ul li { letter-spacing: 0.1em; padding: 1em 0 1em 0; }
#header #drawer .drawer-content ul li.sub { letter-spacing: 0.1em; padding: 0.7em 0 0.7em 0; }
#header #drawer .drawer-content ul li a { align-items: end; }
#header #drawer .drawer-content ul a .slug {  }
#header #drawer .drawer-content ul a .ja {  }
#header #drawer .drawer-content ul li.sns { padding: 0.7em 0 0.7em 0; align-items:center; width: calc(153vw / 19.2); }
#header #drawer .drawer-content ul li.sns .text {  }
#header #drawer .drawer-content ul li.sns .bar { background-color:#B3B3B3; width:calc(20vw / 19.2); height:1px; }
#header #drawer .drawer-content ul li.sns i {  }


/** 違うレイアウトの検索が表示されることがある **/
/** Aパターン向け対策 **/
#___gcse_0 {
	position: absolute; inset: 0 calc(90vw / 19.2) 0 auto; display: flex; align-items: center; justify-content: center; margin: auto;
	width: calc(380vw / 19.2); height: calc(110vw / 19.2);
}
.gsc-control-cse { background:none !important; border:none !important; }
.gsc-input .gsc-input-box { height: calc(60vw / 19.2) !important; }
table.gsc-search-box td { height: calc(50vw / 19.2) !important; }


/** Bパターン向け対策 **/
.gsib_a { background-image:none !important; }
.gsc-input-box { border: none !important; }
/*.gsc-search-button { display:block !important; }*/
.gsc-control-cse { padding: 0 !important; background-color:#0AD1FE !important; border-color: #0AD1FE !important; }
.gsc-input-box { background:#0AD1FE !important; }

/*input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus { height: calc(40vw / 19.2); }*/
.gsc-search-button-v2 { height: calc(50vw / 19.2); width: calc(80vw / 19.2) !important; padding: 0 !important; }
table.gsc-search-box td.gsc-input input[type=text] {
	padding: 0.2em 0.5em 0.2em 0.5em !important; border: 1px solid #dfe1e5 !important; box-sizing: border-box; background-position: left 0.5em center !important;
	vertical-align: top; font-size: calc(18vw / 19.2); background-size: 60%;
}
table.gsc-search-box td.gsc-input { padding-right: 0.3em !important; }
form.gsc-search-box { margin-bottom: 0 !important; }
table.gsc-search-box { margin-bottom: 0 !important; }
/*table.gsc-search-box td { vertical-align: top; padding: 0; }*/

table.gsc-search-box td.gsc-input input[type=text] {
	border:none !important; width: calc(200vw / 19.2) !important;height: calc(50vw / 19.2) !important;
}
/*table.gsc-search-box td { vertical-align:top !important; }*/

.gsc-input-box { padding-top:0 !important; }
/**/


#footer { padding:9em 0 3em 0; }

#footer .inner.flex { align-items: flex-end; }

#footer .footer_info { align-items: flex-end; }
#footer .footer_menu { width: calc(1450vw / 19.2); }

#footer .footer_info .logo { width: calc(238vw / 19.2); aspect ratio: 107 / 60; }
#footer .footer_info .sns {  }
#footer .footer_info .sns i { margin-right:0.3em; }


#footer .footer_menu { width: calc(530vw / 19.2); }
#footer .footer_menu ul { padding: 0; list-style-type:none; }
#footer .footer_menu ul li { border-right:solid 1px #B3B3B3; padding: 0 1.5em 0 1.5em; }
#footer .footer_menu ul li:last-of-type { border:none; }
#footer .footer_menu ul li a { display:flex; justify-content:center; align-items:center; width: max-content; }



#footer .footer_menu  .reserv_btn { width: calc(370vw / 19.2); height: calc(80vw / 19.2); border-radius: 5px; padding: 0.7em 0 0.7em 0; }
#footer .footer_menu  .reserv_btn .slug { display:block; }

#footer .copy { margin-block-start: 3em; }

#track { display:none; opacity: 0; transition: opacity 0.5s ease; }

.page_header {
	width:100%; height:calc(180vw / 19.2); align-items:center; justify-content:center; background-size:cover;
	background-image:url(../img/page_header_bg.png);
}
.page_header .page_header_ttl { justify-content:center; align-items: flex-end; letter-spacing: 0.05em; }
.page_header .page_header_ttl .logo { width: calc(129vw / 19.2); margin-right: 0.5em; }
.page_header .page_header_ttl .slug { width:max-content; font-weight: bold; margin-right: 0.3em; line-height: 0.8; }
.page_header .page_header_ttl .ja { width:max-content; font-weight:bold; line-height: 1.3; }


/**** home ************************/


#fv .swiper-pagination-bullet-active { background: rgba(0,0,0,0.5); }


#top_news { padding:4em 0 4em 0; }

#top_news .cat_list { justify-content:center; list-style-type:none; }
#top_news .cat_list li { margin:0 1em 0 1em; }
#top_news .cat_list li .btn {
	position:relative;
	display:block; width:8em; text-align:center; padding:0.1em 1em 0.2em 1em; border-radius:0.25em;
}
#top_news .cat_list li .btn.active::after {
	content:""; position:absolute; left:0; right:0; bottom:calc(-24vw / 19.2); margin:auto; background-color:var(--bg_color);
	width:calc(25vw / 19.2); height:calc(25vw / 19.2); clip-path: polygon(50% 100%, 0 0, 100% 0);
}

#top_news .news_list {  }
#top_news .news_list .box { margin:0; border-bottom:solid 1px #D9D9D9; }
#top_news .news_list .box dt { position:relative; width:7.5em; margin:0; padding: 1em 0 1em 0;}
#top_news .news_list .box dt::after { content:""; position:absolute; inset:0 0 0 auto; margin:auto; background-color:#D9D9D9; width:1px; height:1em; }
#top_news .news_list .box dd { margin:0; padding: 1em 0 1em 1.5em; }


#top_about { padding:0; }
#top_about .whats_yokohama_live {
	background-image:url(../img/home/whats_yokohama_live_bg.webp); background-position:center top; background-size:cover; background-repeat:no-repeat;
}
#top_about .whats_yokohama_live .whats_yokohama_live_wrapper {
	padding:3em 0 3em 0;
	background: linear-gradient(to right, rgba(187, 234, 251,0) 0%, rgba(187, 234, 251,10) 10%, rgba(187, 234, 251,10) 90%, rgba(187, 234, 251,0) 100%);
}

#top_about .whats_yokohama_live .whats_yokohama_live_wrapper .ttl { position:relative; }
/*
#top_about .whats_yokohama_live .whats_yokohama_live_wrapper .ttl::after {
	content:""; position:absolute; left:0; right:0; bottom:calc(-100vw / 19.2); margin: auto; width:1px; height:calc(80vw / 19.2); background-color:#000000;
}
*/
#top_about .whats_yokohama_live .whats_yokohama_live_wrapper .whats_yokohama_live_thumb {
	display:block; width:calc(403vw / 19.2); margin:0 auto 2em auto;
}

#top_about .whats_yokohama_live .whats_yokohama_live_wrapper .whats_yokohama_live_thumb.sp { display:none; }

#top_about .whats_yokohama_live .whats_yokohama_live_wrapper .summary { letter-spacing:0.1em; }

#top_about .whats_yokohama_live .whats_yokohama_live_wrapper .link_box {  }
#top_about .whats_yokohama_live .whats_yokohama_live_wrapper .link_box .more { margin-block-start:2em; }

.partner_events_ttl { margin-block-start:3em; margin-block-end: 1.75em; }
.partner_events_banner_box { flex-wrap: wrap; justify-content: center; }
.partner_events_banner_box .banner {     display: flex;
	justify-content: center; align-items: center; text-align: center; width: calc(440vw / 19.2); height: calc(80vw / 19.2);
	border: solid 1px #000000; font-weight: 600; line-height: 1.3; margin: 0 calc(10vw / 19.2) calc(20vw / 19.2) calc(10vw / 19.2);
}

.partner_events_summary {  }


#top_central26 {
	padding:5em 0 6em 0;
	background-image:url(../img/home/central2026_bg.webp); background-position:center top; background-size:100%; background-repeat:no-repeat;
}

#top_central26 .ttl { margin-block-end:5em; }
#top_central26 .ttl .logo { width:calc(994vw / 19.2); }
#top_central26 .summary { margin-block-end:5em; }




#top_highlight { padding:4em 0 4em 0; }


#top_highlight .btn {
	display: flex; justify-content: center; align-items: center; border-radius:calc(10vw / 19.2); box-shadow:1px 4px 5px #DDDDDD; width:100%;
	overflow:hidden; margin-block-start: 2em;
}

#top_highlight .btn.half { width:calc(580vw / 19.2); }

#top_highlight .btn .anchor { text-align:center; }
#top_highlight .btn .anchor .menu_name { display:block; font-weight: 500; }
#top_highlight .btn .anchor .menu_name i { margin-right:0.3em; }
#top_highlight .btn .anchor .menu_name i.rotate { transform:rotate(-90deg); }

#top_highlight .btn .heading { border-radius:calc(10vw / 19.2); transition:transform 0.3s ease-in-out; transform: scale(1); }
#top_highlight .btn:hover .heading { transform: scale(1.1); }

#top_pickup {
	padding:4em 0 4em 0;
	background-image:url(../img/home/pickup_bg.webp); background-size:cover;
}

#top_pickup .btn_box {
	justify-content: space-evenly; background:linear-gradient(to bottom,#00AEEF 0,#BBEAFB 50%,#BBEAFB 100%); padding-top:calc(15vw / 19.2);
	border-top-left-radius:0.25em; border-top-right-radius:0.25em;
}
#top_pickup .btn_box .btn {
	display:flex; justify-content:center; align-items:center; width:calc(226vw / 19.2); height:calc(86vw / 19.2); background-color:#0071BC; color:#FFFFFF;
	border-top-left-radius:0.25em; border-top-right-radius:0.25em;
}
#top_pickup .btn_box .btn.select { background-color:#FFFFFF; color:#000000; }

#top_pickup .scroll { position: relative; z-index: 2; }
#top_pickup .wrapper { position:relative; z-index:0; top:-6px; border-top:solid 6px #BBEAFB; }

.top_pickup_lists { position: relative; flex-wrap:wrap; justify-content:flex-start; width:calc(1240vw / 19.2); }
.top_pickup_lists .box {
	width:calc(380vw / 19.2); margin:calc(40vw / 19.2) calc(15vw / 19.2) 0 calc(15vw / 19.2);
	opacity: 1; transform: translateY(0); transition: opacity .4s ease, transform .4s ease;
}


.top_pickup_lists .box.hide { opacity: 0; transform: translateY(10px); pointer-events: none; position: absolute; /* 高さ崩れ防止 */ }

.top_pickup_lists .box.hide { opacity: 0; transform: translateY(0); pointer-events: none; position: absolute; transition: none; }
.top_pickup_lists .box.show { opacity: 1; transform: translateY(0); position: relative; }





.top_pickup_lists .box .cat { display:block; border-radius:0.25em; text-align:center; }
.top_pickup_lists .box.cat1 .cat { background-color:#00AEEF; }
.top_pickup_lists .box.cat2 .cat { background-color:#EF9300; }
.top_pickup_lists .box.cat3 .cat { background-color:#0071BC; }
.top_pickup_lists .box.cat4 .cat { background-color:#009D7B; }

.top_pickup_lists .box figcaption { padding:1em; }





#top_gallery {
	padding:4em 0 4em 0; width: 100%; margin: 0; overflow: hidden;
	background: linear-gradient(to right bottom, #80D7F7 0%, #00AEEF 50%, #0071BC 100%);
}

#top_gallery .gallery_swiper { padding:2em 0 3em 0; width:140%; margin: 0 -20% 0 -20% }
#top_gallery .swiper-wrapper { /*justify-content: center;*/ }
#top_gallery .swiper-slide { /*margin: 0 calc(10vw / 19.2) 0 calc(10vw / 19.2);*/ }
#top_gallery .swiper-slide .thumb {  }

#top_gallery .swiper-button-prev {
	display: flex; justify-content: center; align-items: center;
	left: 19.4%; background: rgba(255, 255, 255, 0.8); width: calc(50vw / 19.2); height: calc(50vw / 19.2);
}
#top_gallery .swiper-button-next {
	display: flex; justify-content: center; align-items: center;
	right: 19.4%; background: rgba(255, 255, 255, 0.8); width: calc(50vw / 19.2); height: calc(50vw / 19.2);
}
#top_gallery .swiper-button-prev svg,#top_gallery .swiper-button-next svg { display: none; }

#top_gallery .gallery-pagination { bottom:-0.5em; }
#top_gallery .swiper-pagination-bullet-active { background: #FFFFFF; }
#top_gallery .swiper-pagination-bullet { background: #FFFFFF; }



.bottom_link { padding:4em 0 4em 0; }
.bottom_link .bottom_link_ttl { position:relative; width:max-content; padding:0 1em 0 1em; }
.bottom_link .bottom_link_ttl::before{
	content:""; position:absolute; top:0; bottom:0; left:calc(-100vw / 19.2); margin:auto;
	background-color:#B3B3B3; width:calc(100vw / 19.2); height:1px;
}
.bottom_link .bottom_link_ttl::after {
	content:""; position:absolute; top:0; bottom:0; right:calc(-100vw / 19.2); margin:auto;
	background-color:#B3B3B3; width:calc(100vw / 19.2); height:1px;
}

#sponsor {  }
#sponsor .sponsor-grid { list-style-type:none; display: flex; flex-wrap: wrap; justify-content: center; padding: 2em 0 2em 0; }
#sponsor .sponsor-grid .sponsor-item {  }
#sponsor .sponsor-grid .sponsor-item a { display:block; width:100%; height:100%; }
#sponsor .sponsor-grid .sponsor-item .heading { height:100%; object-fit:cover; }

#sponsor .sponsor-grid .sponsor-item.sponsor-item--gold { width: calc(500vw / 19.2); aspect-ratio: 3 / 1; margin: 1em calc(50vw / 19.2) 1em calc(50vw / 19.2); }
#sponsor .sponsor-grid .sponsor-item.sponsor-item--silver { width: calc(300vw / 19.2); aspect-ratio: 3 / 1; margin: 2em calc(50vw / 19.2) 2em calc(50vw / 19.2); }
#sponsor .sponsor-grid .sponsor-item.sponsor-item--bronze { width: calc(240vw / 19.2); aspect-ratio: 3 / 1; margin: 1em calc(80vw / 19.2) 1em calc(80vw / 19.2); }

#related_sites {  }

#related_sites .bottom_link_wrapper { flex-wrap: wrap; justify-content: center; }
#related_sites .bottom_link_wrapper .box { aspect-ratio: 227 / 88; display: block; width: calc(300vw / 19.2); margin: 1em; }
#related_sites .bottom_link_wrapper .box .heading { height:100%; object-fit:cover; }


/**** about *************/


#about { padding:4em 0 4em 0; }

#about .content { padding:3em 0 3em 0; }
#about .about_ttl { justify-content:flex-start; align-items: center; margin-block-end:1.5em; }
#about .about_ttl .icon { width:calc(46vw / 19.2); aspect-ratio:1 / 1; margin-right:0.75em; }

#about #about_overview {  }
#about #about_overview .indent_box { padding:0 3.5em 0 3.5em; }

#about #about_overview .summary { margin-block-end:2em; }

#about #about_overview .detail {
	margin:0; border-top:solid 1px #D9D9D9; border-left:solid 1px #D9D9D9; border-right:solid 1px #D9D9D9;
}
#about #about_overview .detail:last-of-type { border-bottom:solid 1px #D9D9D9; }

#about #about_overview .detail dt { width:8em; padding:0.5em 1em 0.5em 1em; border-right:solid 1px #D9D9D9; }
#about #about_overview .detail dd { margin:0; padding:0.5em 1em 0.5em 1em; }


#about #about_concept {  }

#about #about_concept .concept_list {  }
#about #about_concept .concept_list .box {
	width: calc(100% / 3); border-radius:0.5em; margin: 0; padding: 1.5em 1.75em 1.5em 1.75em;
	border-top: solid 1px #D9D9D9; border-left: solid 1px #D9D9D9; border-bottom: solid 1px #D9D9D9;
}
#about #about_concept .concept_list .box:last-of-type { border-right: solid 1px #D9D9D9; }
#about #about_concept .concept_list .box figcaption { margin:0; }
#about #about_concept .concept_list .box figcaption dl { margin:0; }
#about #about_concept .concept_list .box figcaption dt { margin:0; padding: 0 0 0.5em 0; text-align:center; }
#about #about_concept .concept_list .box figcaption dd { margin:0; }




#about #about_greeting {  }

#about #about_greeting .profile { border:solid 1px #D9D9D9; margin: 2.5em 3.5em 2.5em 3.5em; padding: 1.75em; border-radius: 0.5em; }
#about #about_greeting .profile .profile_header { align-items: center; }
#about #about_greeting .profile .profile_header .thumb { width:calc(300vw / 19.2); aspect-ratio:1 / 1; }
#about #about_greeting .profile .profile_header .profile_name { width:calc(620vw / 19.2); }
#about #about_greeting .profile .text { margin-block-start:2em; }


#about #about_greeting .about_greeting_footer { margin-block-start: 4em; }
#about #about_greeting .about_greeting_footer .box {  }
#about #about_greeting .about_greeting_footer .box dt { border-left:solid 5px #D9D9D9; padding:0 0 0 1em; }
#about #about_greeting .about_greeting_footer .box dd { margin: 0; padding: 0.75em 0 1em 1.25em; }




/**** program *************/

#program { padding:4em 0 4em 0; }

#program .scroll { position: relative; z-index: 2; }

#program .btn_box {
	justify-content: space-evenly; background: linear-gradient(to bottom, #00AEEF 0, #BBEAFB 50%, #BBEAFB 100%);
	padding-top: calc(15vw / 19.2); border-top-left-radius: 0.25em; border-top-right-radius: 0.25em;
}
#program .wrapper { position: relative; z-index: 0; top: -6px; border-top: solid 6px #BBEAFB; }

#program .btn_box .btn {
	display: flex; justify-content: center; align-items: center; width: calc(287vw / 19.2); height: calc(86vw / 19.2);
	color: #FFFFFF; border-top-left-radius: 0.25em; border-top-right-radius: 0.25em;
}
#program .btn_box .btn.select { background-color:#FFFFFF; color: #000000; }

#program .select_day { padding:1em; border-radius:0.25em; margin:2em 0 2em 0; }
#program .select_day dt { margin:0; width:15em; text-align:center; }
#program .select_day dd { margin:0; display: flex; justify-content: space-between;}
#program .select_day dd .btn {
	display:flex; align-items:center; justify-content:center;
	width:32%; height:calc(64vw / 19.2); border:solid 1px #C4C4C4;
}

#program .program_list { flex-wrap:wrap; }
#program .program_list article { width:calc(580vw / 19.2); margin-block-end: 2em; }
#program .program_list article .thumb {
	position: relative; overflow: hidden; border:solid 1px #D9D9D9; margin-block-end: 1em;
	display: block; width: 100%; height: calc(270vw / 19.2);
}
#program .program_list article .thumb::before {
	content: ""; position: absolute; inset: 0; background-image: var(--bg); background-size: cover; background-position: center; opacity: .1; z-index: 0;
}
#program .program_list article .thumb img {
	position: relative; width: auto; height:100%; object-fit: cover;
	display: flex; justify-content: center; align-items: center; margin: 0 auto;
}

#program .program_list article .program_category { display:inline-block; width: 11em; padding:0.5em 0.75em 0.5em 0.75em; line-height:1; text-align:center; }


#program .program_list article .program_ttl { margin:0.5em 0 0.5em 0; }
#program .program_list article .detail { margin:0.5em 0 0.5em 0; }
#program .program_list article .detail dt { width:4em; font-weight: 600; padding: 0 0 0 0.5em; border-left: solid 3px #D9D9D9;}
#program .program_list article .detail dd { margin:0; }




#program .single_post {  }

#program .single_post .program_category { display:inline-block; width: 11em; padding:0.5em 0.75em 0.5em 0.75em; line-height:1; text-align:center; }
#program .single_post .program_ttl { margin-block-start:0.5em; }

#program .single_post .single_post_detail { margin-block-end: 1em; }
#program .single_post .single_post_detail .thumb { width:calc(580vw / 19.2); }
#program .single_post .single_post_detail .text { width:calc(580vw / 19.2); }


#program .single_post .single_post_detail .detail { margin:0 0 0.75em 0; }
#program .single_post .single_post_detail .detail dt { width:5em; font-weight: 600; padding: 0 0 0 0.75em; border-left: solid 3px #D9D9D9;}
#program .single_post .single_post_detail .detail dd { margin:0; }

#program .single_post .single_post_detail .related { margin-block-start:2em; }



#program .single_post .content { padding:2em 0 0 0; }
#program .single_post .program_sub_ttl { margin-block-start:0; padding:0.25em  0.75em 0.25em  0.75em; border:solid 1px #D9D9D9; }

#program .single_post .content .sns_link_list { list-style-type:none; padding: 0; }
#program .single_post .content .sns_link_list li { display:flex; align-items: center; margin: 0.5em 0 0.5em 0; }
#program .single_post .content .sns_link_list li span { width:8em; }
#program .single_post .content .sns_link_list li a { text-decoration:underline; }


#program .performers { flex-wrap:wrap; justify-content: flex-start; padding-top: 0.5em; }
#program .performers .performer { width:calc(380vw / 19.2); margin: 0 calc(30vw / 19.2) calc(40vw / 19.2) 0; }
#program .performers .performer:nth-of-type(3n) { margin-right:0; }
#program .performers .performer .thumb {
	display:flex; justify-content:center; align-items:center; width:100%; height:calc(267vw/ 19.2); overflow:hidden;
}
#program .performers .performer .thumb .heading { height: 100%; object-fit: cover; }
#program .performers .performer .programer_name { margin:0.5em 0 0 0; }
#program .performers .performer .day_time {  }

.modal_gallery_box {
	display: flex; justify-content: center; align-items: center;
	position: fixed; z-index: 9999; inset: 0;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0; visibility: hidden;
	transition: opacity 0.4s ease, visibility 0.4s;
}

.modal_gallery_box.show { opacity: 1; visibility: visible; }

.modal_gallery_box .modal_content {
	position: relative; background: #FFFFFF; box-shadow: 0 0 20px rgba(0,0,0,0.4);
	padding: calc(40vw / 19.2) calc(15vw / 19.2) calc(40vw / 19.2) calc(40vw / 19.2); border-radius: 0.5em; width: calc(800vw / 19.2); max-height: 80vh;
}

.modal_gallery_box .modal_close {
	display: flex; justify-content: center; align-items: center; width: calc(60vw / 19.2); height: calc(60vw / 19.2);
	position: absolute; top: -3.5em; right: -1.5em;  border: none; cursor: pointer;
}

.modal_gallery_box .modal_content .thumb img { display: flex; max-width: 100%;  max-height: 650px; margin: auto; }


.modal_gallery_box .performer_content_wrapper { overflow-y:scroll; max-height: 75vh; padding: 0 calc(15vw / 19.2) 0 0; }



#program .link_block { justify-content:center; }
#program .link_block .more { width: calc(480vw / 19.2); height: calc(80vw / 19.2); margin:1em; }






/**** timetable *****************/


#timetable { padding:4em 0 4em 0; }

#timetable .scroll { position: relative; z-index: 2; }

#timetable .btn_box {
	justify-content: space-evenly; background: linear-gradient(to bottom, #00AEEF 0, #BBEAFB 50%, #BBEAFB 100%);
	padding-top: calc(15vw / 19.2); border-top-left-radius: 0.25em; border-top-right-radius: 0.25em;
}
#timetable .wrapper { position: relative; z-index: 0; top: -6px; border-top: solid 6px #BBEAFB; }

#timetable .btn_box .btn {
	display: flex; justify-content: center; align-items: center; width: calc(383vw / 19.2); height: calc(86vw / 19.2);
	border-top-left-radius: 0.25em; border-top-right-radius: 0.25em;
}
#program .btn_box .btn.select { background-color:#FFFFFF; color: #000000; }


#timetable .wrapper { position: relative; z-index: 0; top: -6px; border-top: solid 6px #BBEAFB; }

#timetable .search_box {  }
#timetable .search_box .box { border-radius:0.25em; }
#timetable .search_box .box dt { width:8em; text-align: center; padding:1em 1em 1em 1em; font-weight:500; }
#timetable .search_box .box dd { margin:0; padding:1em 1em 1em 0;  }
#timetable .search_box .box dd.select_box { width: calc(360vw / 19.2); }
#timetable .search_box .box dd.button_box { padding:1em 1em 1em 1em; }

#timetable .search_box .box button[type="submit"] { width: calc(120vw / 19.2); height: calc(64vw / 19.2); border-radius:0.25em; }

#timetable .header { margin-block-end:0; }

#timetable .header dd { padding: 0.5em 1em 0.5em 1em; }
#timetable .header dd.time { width:calc(165vw / 19.2); border-right:solid 1px #D9D9D9; border-top-left-radius:0.25em; }
#timetable .header dd.venue { width:calc(200vw / 19.2); border-right:solid 1px #D9D9D9; }
#timetable .header dd.performer { width:calc(330vw / 19.2); border-right:solid 1px #D9D9D9; }
#timetable .header dd.description { border-top-right-radius:0.25em; }




#timetable .timetable_list { padding:0 0 3em 0; }
#timetable .timetable_list .list { margin:0; border-bottom:solid 1px #D9D9D9; border-left:solid 1px #D9D9D9; border-right:solid 1px #D9D9D9; }
#timetable .timetable_list .list .sp { display:none; }
#timetable .timetable_list .list dd { padding:1em 1em 1em 1em; }
#timetable .timetable_list .list dd.time { width:calc(165vw / 19.2); border-right:solid 1px #D9D9D9; vertical-align: middle; }
#timetable .timetable_list .list dd.venue { width:calc(200vw / 19.2); border-right:solid 1px #D9D9D9; vertical-align: middle; }
#timetable .timetable_list .list dd.performer { width:calc(330vw / 19.2); border-right:solid 1px #D9D9D9; vertical-align: middle; }

#timetable .timetable_list .list dd.performer .performer_box { align-items: center; }
#timetable .timetable_list .list dd.performer .performer_box .thumb {
	display: flex; justify-content:center; align-items: center; width:calc(140vw / 19.2); height:calc(99vw / 19.2); overflow:hidden;
}
#timetable .timetable_list .list dd.performer .performer_box .thumb img { width: 100%; height: 100%; object-fit: cover; }
#timetable .timetable_list .list dd.performer .performer_box .performer_name { width: calc(130vw / 19.2); }

#timetable .timetable_list .list dd.description .hide { position:relative; overflow: hidden; max-height: 5em; transition: max-height .35s cubic-bezier(.22, 1, .36, 1); }
#timetable .timetable_list .list dd.description .layer {
	position: absolute; width: 100%; height: 5em; left: 0; right: 0; bottom: 0; display:flex; justify-content: center; align-items:flex-end;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 4em, rgba(255, 255, 255, 1) 5em);
	cursor:pointer; transition: background .3s ease;
}


#timetable .timetable_list .list dd.description .hide.open { max-height: 1000px; }
#timetable .timetable_list .list dd.description .layer i { transition: transform .3s ease; transition-delay: .1s; }
#timetable .timetable_list .list dd.description .hide.open .layer i { transform: rotate(180deg); }


#timetable dd.description .hide.open .layer { background: none; }


#timetable .timetable_list .list dd.description .hide > *:not(.layer) {
	padding-bottom: 1.5em;
}



/**** terms **************/

#terms { padding:4em 0 4em 0; letter-spacing: 0.1em; }

#terms .terms_ttl { font-weight:700; }
#terms .terms_body { padding: 0; list-style-type:none; }
#terms .terms_body .item { margin-block-start:2em; }
#terms .terms_body .item ul { padding:0; list-style-type: none; }
#terms .terms_body .item ul li { text-indent:-1em; margin-left:1em; }
#terms .terms_body .item span { display:block; margin:0.5em 0 0.5em 0; }


/**** map ******************/


#venue_map { padding:4em 0 4em 0; }

#venue_map .single_post {  }
#venue_map .single_post .venue_header { background:linear-gradient(to left top,#0071BC 0,#00AEEF 50%,#80D7F7 100%); }
#venue_map .single_post .venue_header .text {
	width:calc(600vw / 19.2); aspect-ratio:3 / 2; justify-content:center; align-items:center; padding: 0 5em 0 5em;
	
}
#venue_map .single_post .venue_header .thumb { width:calc(600vw / 19.2); aspect-ratio:3 / 2; }
#venue_map .single_post .venue_header .thumb .heading { width:100%; height:100%; object-fit:cover; }

#venue_map .single_post .content { padding:2em 0 0 0; }
#venue_map .single_post .venue_sub_ttl { margin-block-start:0; padding:0.25em  0.75em 0.25em  0.75em; border:solid 1px #D9D9D9; }

#venue_map .single_post .gmap_btn {
	width:calc(247vw / 19.2); height:calc(50vw / 19.2); border:solid 1px #D9D9D9; border-radius:50vmax;
	display: flex; align-items: center; justify-content: center;
}
#venue_map .single_post .gmap_btn i { margin-left:1em; }

#venue_map .program_list { flex-wrap:wrap; padding-top: 0.5em; }

#venue_map .program_list .program { width:calc(580vw / 19.2); margin-block-end: 2em; }
#venue_map .program_list .program:nth-of-type(2n) { margin-right:0; }


#venue_map .program_list .program .thumb {
	position: relative; overflow: hidden; border:solid 1px #D9D9D9; margin-block-end: 1em;
	display:flex; justify-content:center; align-items:center; width:100%; height:calc(270vw/ 19.2); overflow:hidden;
}
#venue_map .program_list .program .thumb::before {
	content: ""; position: absolute; inset: 0; background-image: var(--bg); background-size: cover; background-position: center; opacity: .1; z-index: 0;
}
#venue_map .program_list article .thumb .heading {
	position: relative; width: auto; height:100%; object-fit: cover;
	display: flex; justify-content: center; align-items: center; margin: 0 auto;
}

#venue_map .program_list article .program_category { display:inline-block; width: 11em; padding:0.5em 0.75em 0.5em 0.75em; line-height:1; text-align:center; }

#venue_map .program_list .performer .programer_name { margin:0.5em 0 0 0; }
#venue_map .program_list .performer .day_time {  }

#venue_map .program_list article .program_ttl { margin:0.5em 0 0.5em 0; }
#venue_map .program_list article .detail { margin:0.5em 0 0.5em 0; }
#venue_map .program_list article .detail dt { width:4em; font-weight: 600; padding: 0 0 0 0.5em; border-left: solid 3px #D9D9D9;}
#venue_map .program_list article .detail dd { margin:0; }


/**** gallery ***************/

#gallery { padding:4em 0 4em 0; }
#gallery .gallery_wrapper {  }

#gallery .gallery_wrapper .modal_gallery {
	width: calc(380vw / 19.2); aspect-ratio:3 / 2; margin: 0 calc(30vw / 19.2) 2em 0; overflow: hidden;
}
#gallery .gallery_wrapper .modal_gallery:nth-of-type(3n) { margin-right:0; }



#modal_gallery_box {
	display: flex; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.7); justify-content: center; align-items: center; z-index: 9999;
	opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s;
}
#modal_gallery_box.show { opacity: 1; visibility: visible; }

#modal_gallery_box .modal-content {
	position: relative; background: #FFFFFF; padding: 10px; border-radius: 0.5em; max-width: 90%; max-height: 90%; box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
#modal_gallery_box .modal-content img { width: 100%; max-width: 800px; max-height: 80vh; display: block; border-radius: 0.5em; }
#modal_gallery_box #modal-close {
	position: absolute; top: -3em; right: -1em; background: none; border: none; cursor: pointer;
}

#gallery .gallery_sub_ttl { margin-block-start: 0; padding: 0.25em 0.75em 0.25em 0.75em; border: solid 1px #D9D9D9; }


#gallery .gallery_footer { padding:4em 0 0 0; }


#gallery .gallery_footer .box {  }
#gallery .gallery_footer .box dt { border-left:solid 5px #D9D9D9; padding:0 0 0 1em; }
#gallery .gallery_footer .box dd { margin: 0; padding: 0.75em 0 1em 1.25em; }
#gallery .gallery_footer .box dd strong { display:block; }
#gallery .gallery_footer .box dd .indent { margin-block-start: 0; }
#gallery .gallery_footer .box dd ul { list-style: none; padding: 0; margin: 1em 0 1em 0; }
#gallery .gallery_footer .box dd ul li { position:relative; padding-left: 1.5em; }
#gallery .gallery_footer .box dd ul li::before { content: "・"; position: absolute; left: 0; }




/**** privacy **************/

#privacy { padding:4em 0 4em 0; letter-spacing: 0.1em; }

#privacy .privacy_ttl { font-weight:700; }
#privacy .privacy_body { padding: 0; list-style-type:none; }
#privacy .privacy_body .item { margin-block-start:2em; }
#privacy .privacy_body .item ul { padding:0; list-style-type: none; }
#privacy .privacy_body .item ul li { text-indent:-1em; margin-left:1em; }
#privacy .privacy_body .item span { display:block; margin:1em 0 0.5em 0; }

/**** news **************/

#news { padding:8em 0 8em 0; }


#news .news_list .list { justify-content: flex-start; flex-wrap: wrap; }
#news .news_list .posts { position:relative; width: calc(380vw / 19.2); margin-right:calc(30vw / 19.2); margin-block-end:2em; }
#news .news_list .posts:nth-child(3n) { margin-right:0; }

#news .news_list .posts .thumb { display:block; height: calc(252vw / 19.2); border:solid 1px #D9D9D9; }

#news .news_list .posts .cat-links { position:absolute; z-index:2; inset:-0.8em auto auto 0; display:inline-block; padding:0.3em 0.5em 0.3em 0.5em; line-height:1; }
#news .news_list .posts .cat-links a { color:#FFFFFF; }
#news .news_list .posts::before {
	content:""; position:absolute; z-index:0; inset:-0.8em auto auto 3.98em;
	background-color:#0071BC; width:0.4em; height:0.85em; clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
#news .news_list .posts .text { margin-block-start:1em; }
#news .news_list .posts .text .entry_ttl { margin-block-start:0.25em; }


.navigation.pagination { width: 100%; }
.nav-links { display: flex; justify-content: center; }


span.page-numbers {
	margin: 0 calc(15vw / 19.2) 0 calc(15vw / 19.2); border-radius:100vmax; line-height: 1;
	border:solid 1px #0071BC; background-color:#0071BC; color:#FFFFFF; width:calc(60vw / 19.2); height:calc(60vw / 19.2); display: flex; align-items: center; justify-content: center;
}
a.page-numbers {
	margin: 0 calc(15vw / 19.2) 0 calc(15vw / 19.2); border-radius:100vmax; line-height: 1;
	border:solid 1px #D9D9D9; width:calc(60vw / 19.2); height:calc(60vw / 19.2); display: flex; align-items: center; justify-content: center;
}

a.page-numbers.next { width:calc(140vw / 19.2); border-radius:50vmax; gap:0.2em; }
a.page-numbers.prev { width:calc(140vw / 19.2); border-radius:50vmax; gap:0.2em; }


#news .nav-home a {
	position: relative; border: solid 1px #000000; display: flex; width: calc(360vw / 19.2); height: calc(80vw / 19.2); justify-content: center; align-items: center; border-radius: 50vmax;
}

#news .nav-home a i { margin-right:0.3em; }




#news .single_post {  }
#news .single_post .cat_day { display:flex; justify-content:flex-start; align-items:center; }
#news .single_post .cat_day .cat-links { display:inline-block; padding:0.3em 0.5em 0.3em 0.5em; line-height:1; margin-right:0.3em; }
#news .single_post .cat_day .cat-links a { color:#FFFFFF; }

#news .single_post .post-thumbnail { width:calc(900vw / 19.2); margin: 3em auto 0 auto; }

#news .single_post .entry-content { margin-block-end:3em; padding:3em 0 3em 0; border-bottom:solid 1px #D9D9D9; }

#news .single_post .entry-content a { text-decoration:underline; color:#003456; }
#news .single_post .entry-content a.more { text-decoration:none; color:#FFFFFF; margin:0 1em 0 1em; }

#news .single_post .entry-content .flex_cener { display:flex; justify-content:center; }




.post-navigation .nav-links-next-prev { justify-content:space-between; padding: 3em 0 3em 0; border-top: solid 1px #D9D9D9; margin-block-start: 3em; }


.post-navigation .nav-links-next-prev .nav-previous a {
	border:solid 1px #000000; display:flex; width:calc(200vw / 19.2); height:calc(80vw / 19.2); justify-content: center; align-items: center; border-radius:50vmax
}
.post-navigation .nav-links-next-prev .nav-previous a .icon { width:calc(12vw / 19.2); margin-right: 0.3em; }
.post-navigation .nav-links-next-prev .nav-previous a .icon.prev { transform:scale(-1,1); }

.post-navigation .nav-links-next-prev .nav-next a {
	border:solid 1px #000000; display:flex; width:calc(200vw / 19.2); height:calc(80vw / 19.2); justify-content: center; align-items: center; border-radius:50vmax;
}
.post-navigation .nav-links-next-prev .nav-next a .icon { width:calc(12vw / 19.2); margin-left: 0.3em; }

.post-navigation .nav-links-next-prev .nav-previous.space { border:none; width:calc(200vw / 19.2); height:calc(80vw / 19.2); }
.post-navigation .nav-links-next-prev .nav-next.space { border:none; width:calc(200vw / 19.2); height:calc(80vw / 19.2); }


.post-navigation .nav-links-home { justify-content:center; top: -7.3em; margin: auto; width:calc(360vw / 19.2); }
.post-navigation .nav-links-home .nav-home a {
	position:relative;
	border:solid 1px #000000; display:flex; width:calc(360vw / 19.2); height:calc(80vw / 19.2); justify-content: center; align-items: center; border-radius:50vmax;
}
.post-navigation .nav-links-home .nav-home a i { position: absolute; inset: 0 auto 0 3em; display: flex; align-items: center; }





.widget-area .wp-block-heading { font-size:calc(20 * 0.052vw); text-align:center; }

.widget-area .wp-block-latest-posts__list li { border-top:solid 1px #D9D9D9; padding-top:0.5em; }
.widget-area .wp-block-latest-posts__list li:last-of-type { border-bottom:solid 1px #D9D9D9; }
.widget-area .wp-block-latest-posts__list li::after { content: ""; clear: both; display: block; }
.widget-area .wp-block-latest-posts__list li .wp-block-latest-posts__post-title {
	width: calc(176vw / 19.2); float:right; border-left:solid 1px #D9D9D9; font-size:calc(16 * 0.054vw); padding:0 0 0 calc(16vw / 19.2); margin-block-end: 0.5em;
}
.widget-area .wp-block-latest-posts__list li time { float:left; font-size:calc(12 * 0.054vw); font-family: "Oswald", sans-serif; font-weight: 600; font-style: normal; }


.widget-area .widget_block { margin-block-end:calc(40vw / 19.2); }
#block-6 { margin-block-end:0; }

.widget-area .wp-block-categories-list { list-style-type:none; padding: 0; margin-block-end: 0; }
.widget-area .wp-block-categories-list li { border-top:solid 1px #D9D9D9; padding:0.7em 0 0.7em 0; }
.widget-area .wp-block-categories-list li:last-of-type { border-bottom:solid 1px #D9D9D9; }
.widget-area .wp-block-categories-list li a { font-size:calc(16 * 0.054vw); }


#block-8 .wp-block-categories-list { margin-block-start:0; }
#block-8 .wp-block-categories-list li:first-of-type { border-top:none; }


.widget-area .wp-block-archives-list { list-style-type:none; padding: 0; }
.widget-area .wp-block-archives-list li { border-top:solid 1px #D9D9D9; padding:0.7em 0 0.7em 0; }
.widget-area .wp-block-archives-list li:last-of-type { border-bottom:solid 1px #D9D9D9; }
.widget-area .wp-block-archives-list li a { font-size:calc(16 * 0.054vw); }

.sidebar_reserv_btn { display: block; border:solid 1px #000000; border-radius:10px; padding:1em; margin-block-start:calc(80vw / 19.2); margin-block-end:calc(40vw / 19.2); }
.sidebar_reserv_btn .slug { display:block; }


/* central */
#page_central .page_header_ttl .supplement { display:block; }


#central { padding: 4em 0 5em 0; }
#central .low_inner {}

#central .central_header {border: 0.5em solid #000;margin-block: 0 4vw;padding: 4em 4% 3.25vw;}
#central .central_header .central_header_ttl {}
#central .central_header .central_header_ttl .logo1 { width:calc(900vw / 19.2); block-size: auto;aspect-ratio: 791 / 93;margin-block-end: 1em;}
#central .central_header .central_header_ttl .catch {letter-spacing: 0.1em;margin-block-end: 2.5vw;}
#central .central_header .summary {font-weight: bold;letter-spacing: 0.05em;line-height: 2;}

#central .content { padding:0 3% 0 3%; }

#central [class^="column"] {}
#central .column1 {}
#central .column2 {margin-block-start: 4.5vw;}
#central .column3 {margin-block-start: 4.5vw;}
#central [class^="column"] .border_ttl1 {border-block: 1px solid #000;letter-spacing: 0.075em;padding-block: 0.25em;}
#central [class^="column"] .yokohama {inline-size: min(1200px,100%);block-size: auto; aspect-ratio: 640 / 219; }
#central [class^="column"] .border_ttl2 {border-block-end: 1px solid #000;margin-block-end: 2.5em;}
#central [class^="column"] .text1 {padding-inline: 3%;}
#central [class^="column"] .box {display: flow-root;/*padding-inline: 3%;*/}
#central [class^="column"] .box .img_side { padding-top: 0.5em; width: calc(590vw / 19.2); }
#central [class^="column"] .box .img_side .yagura_img { width: calc(590vw / 19.2); aspect-ratio: 169 / 95; block-size: auto; }
#central [class^="column"] .box .corner_img_side { width: calc(530vw / 19.2); block-size: auto; position: relative;}
#central [class^="column"] .box .corner_img_side .heading { aspect-ratio: 530 / 353; }

#central [class^="column"] .box .corner_img_side .corner_img1 {position: absolute;inset: 0 auto auto 0;inline-size: min(352px,63%);block-size: auto;aspect-ratio: 352 / 231;}
#central [class^="column"] .box .corner_img_side .corner_img2 {position: absolute;inset: auto 0 0 auto;inline-size: min(352px,63%);block-size: auto;aspect-ratio: 352 / 230;}
#central [class^="column"] .box .text_side {inline-size: 43%;padding-block-start: 0;}
#central .column3 .box .text_side { width: calc(550vw / 19.2); padding-block-start: 0;/*padding-inline-end: 3%;*/}

#central [class^="column"] .box .text_side .strong {line-height: 1.5;display: block;letter-spacing: 0.075em;}
#central [class^="column"] .box .text_side .text2 {line-height: 2;margin-block-start: 0.5em;}
#central [class^="column"] .box .text_side .text3 {}
#central [class^="column"] .tri_img_box {/*padding-inline: 3%; margin-block-start: 3.5vw;*/ }
#central [class^="column"] .tri_img_box .h_img {inline-size: min(350px,32%);block-size: auto;aspect-ratio: 409 / 230;}
#central [class^="column"] .field_illust { width: 100%; aspect-ratio: 16 / 9; block-size: auto; }
#central .column2 .summary {/*padding-inline: 3%;*/margin-block-start: 2em;letter-spacing: 0.1em;line-height: 2;}
#central .column4 .summary {/*padding-inline: 3%;*/margin-block-start: 2em;letter-spacing: 0.1em;line-height: 2;}
#central [class^="column"] .more1 {inline-size: fit-content;padding: 0.5em 1.5em 0.5em 2.5em;border: 1px solid #ccc;border-radius: 100vmax; margin-block-start: 2em; margin-block-end: 3em;}
#central [class^="column"] .more1 .fa-angle-right {margin-inline-start: 1em;}






/*** contact ***/

#contact { padding:10em 0 10em 0; }
#contact .summary { margin-block-end:2em; }

form .box { margin: 0 0 3px 0; }
form .box .field { vertical-align: top; padding: 2em 1em 2em 1em; width:20em; border:solid 1px #B9C0C7; }
form .box .field .field_name { width: max-content; }
form .required { display: inline-block; padding: 0.1em 0.5em 0.1em 0.5em; border-radius:0.2em; }
form .any { display: inline-block; padding: 0.1em 0.5em 0.1em 0.5em; border-radius:0.2em; }
form .box .text { width: 68.5%; margin: 0; padding: 1em 1em 1em 1em; border:solid 1px #CDDBE8; }


form .box input[type=text],
form .box input[type=tel],
form .box input[type=email],
form .box input[type=number],
form .box select { appearance: none; padding: 0.7em; width: 100%; height: calc(64vw / 19.2); border: 1px solid #C4C4C4; border-radius:0.5em; font: inherit; }
form .box textarea { padding: 0.7em; width: 100%; height:14em; font-size: 1em; font-family: inherit; border: 2px solid #D9D9D9; border-radius:0.5em; display: block; margin: auto;}


form .privacy_check_box { border: solid 1px #CDDBE8; text-align: center; margin-block-start: 2em; padding: 2.5em;}
form .privacy_check_box .field { margin-block-end:0.5em; }
form .privacy_check_box .field .field_name { margin-right:0.3em; }

form .check_box label { display: inline-block; cursor:pointer; vertical-align: top; }
form .check_box input[type=checkbox] { height: 1.5em; width: 1.5em; margin:0 0.6em 0.15em 0; background-color: #FFFFFF; border: 2px solid #999999; border-radius: 0.2em;vertical-align: middle;}
form .check_box input[type=checkbox]:checked { border: 2px solid #D9D9D9; background-color: #FFFFFF;}


form .check_box input[type=checkbox]:checked::before {
	content: ""; display: block; position: relative; left: 0.5em; top: -0.25em;
	width: calc(12vw / 19.2); height: calc(24vw / 19.2); border: solid #999999; border-width: 0 3px 3px 0; transform: rotate(45deg);
}



form .check_box input[type=checkbox]:focus-visible { outline: 2px solid #004aaa; outline-offset: 2px;}
form .privacy_check_box .memo { display:block; margin-block-start:1em; }


.wpcf7-list-item { margin: 0;}

.wpcf7 form.sent .wpcf7-response-output {
    display: none;
}


form .send_btn {
	display:flex; align-items:center; justify-content: center; border-radius:50vmax; width: calc(360vw / 19.2); height: calc(80vw / 19.2);font-weight: 700;
	margin-block-start:3em; cursor: pointer; border:none;
}

form .select_container { position: relative; width: 100%; }
form .select_container::after {
	content: "\f107"; font-family: "Font Awesome 7 Pro"; line-height: 1;
	position: absolute; display: flex; align-items: center; inset: 0 0.75em 0 auto; color: #000000; pointer-events: none;
}



#nickname { display:none; }


#privacy_policy { margin-block-start:2em; }

.privacy_policy_word { overflow-y: scroll; border:solid 1px #D9D9D9; padding:calc(40vw / 19.2); height:20em; margin-block-end:2em; }
.privacy_policy_word pre { white-space: pre-wrap; word-wrap: break-word; overflow-wrap: break-word; font-family: inherit; }



/**** old site ******************************/

#dance-entry { padding:4em 0 4em 0; }
#music-entry { padding:4em 0 4em 0; }


/* 全体の読みやすさ調整 */
.entry-content-old h1,
.entry-content-old h2,
.entry-content-old h3,
.entry-content-old h4 {
  font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  line-height: 1.4;
  font-weight: 700;
  margin-top: 2.4em;
  margin-bottom: 0.8em;
}

.entry-content-old h1 {
  font-size: 2rem;
  border-left: 4px solid #0075c2;
  padding-left: 0.75em;
  margin-top: 0;
}

.entry-content-old h2 {
  font-size: 1.5rem;
  border-bottom: 2px solid #e0e4ea;
  padding-bottom: 0.4em;
}

.entry-content-old h3 {
  font-size: 1.2rem;
  color: #333;
}

.entry-content-old h4 {
  font-size: 1.05rem;
  color: #444;
}

/* 段落・リストのベース */
.entry-content-old p,
.entry-content-old li,
.entry-content-old dd {
  line-height: 1.9;
  font-size: 1rem;
  color: #222;
}

.entry-content-old p {
  margin-bottom: 1.2em;
}

.entry-content-old ul,
.entry-content-old ol {
  margin: 0 0 1.6em 1.4em;
  padding: 0;
}

.entry-content-old li {
  margin-bottom: 0.4em;
}

/* リードコピー */
.entry-content-old .lead {
  font-size: 1.1rem;
  font-weight: 600;
  color: #0075c2;
  margin-bottom: 1.5em;
}

/* 注意書き枠 */
.entry-content-old .entry-notice {
  border: 1px solid #e0e4ea;
  background: #f7f9fb;
  padding: 1rem 1.25rem;
  margin: 1.5em 0;
  border-radius: 4px;
}

.entry-content-old .entry-notice p {
  margin-bottom: 0;
  font-size: 0.9rem;
}

/* 定義リスト（出演者説明会など） */
.entry-content dl {
  margin: 0 0 1.8em;
}

.entry-content-old dt {
  font-weight: 700;
  margin-top: 0.4em;
}

.entry-content-old dd {
  margin-left: 0;
}

/* 画像・キャプション */
.entry-content-old figure {
  margin: 1.5em 0;
  text-align: center;
}

.entry-content-old figure img {
  max-width: 100%;
  height: auto;
}

.entry-content-old figure figcaption {
  font-size: 0.8rem;
  color: #666;
  margin-top: 0.4em;
}

/* セクションの区切り */
.entry-content-old hr {
  border: none;
  border-top: 1px solid #e0e4ea;
  margin: 2.4em 0 2em;
}
/* 応募ボタン周り */
.entry-content-old .entry-buttons {
  display: flex;
  flex-wrap: wrap;
  margin: 2em 0 1em;
}

.entry-content-old .entry-button-wrap {
  margin: 0;
  flex: 1 1 calc(50% - 0.75rem);
}

/* ベースボタン（2つのボタン共通） */
.entry-content-old .button {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.9em;
    width: 25em;
    min-height: 72px;
    padding: 22px 24px;
    border-radius: 5px;
    font-size: 1.1rem;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid transparent;
    color: #333;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18);
    line-height: 1.6;
    white-space: normal;
    transition: transform 0.12s ease-out,
              box-shadow 0.12s ease-out,
              opacity 0.12s ease-out;
}

/* DANCEステージ用：青系 */
.entry-content-old .button-dance {
  color: #2ea6e2;
  border-color: #2ea6e2;
}
.entry-content-old .button-dance::before {
  color: #2ea6e2;
}

/* ダウンロードボタン：濃いめの赤 */
.entry-content-old .button-download {
  color: #c80000;
  border-color: #c80000;
}
.entry-content-old .button-download::before {
  color: #c80000;
}

/* （参考）MUSICステージ用：緑系
   他ページで利用する場合はクラスだけ付けてください */
.entry-content-old .button-music {
  color: #f29702;
  border-color: #f29702;
}
.entry-content-old .button-music::before {
  color: #f29702;
}


/* 会場カードレイアウト */
.entry-content-old .venue-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin: 1.5em 0 2em;
}

.entry-content-old .venue-card {
  border: 1px solid #e0e4ea;
  border-radius: 8px;
  background: #fff;
  padding: 1rem 1.25rem 1.25rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.entry-content-old .venue-thumb {
  margin: 0 0 0.85rem;
  text-align: center;
}

.entry-content-old .venue-thumb img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}

.entry-content-old .venue-name {
  font-size: 1.05rem;
  margin: 0 0 0.4rem;
}

.entry-content-old .venue-size {
  margin: 0;
  font-size: 0.9rem;
  color: #555;
}

@media (min-width: 768px) {
.entry-content-old .venue-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

.entry-content-old .button::before {
    content: "▶";
    flex-shrink: 0;
    font-size: 0.6em;
}

.entry-content-old .button-dance::before {
    color: #2ea6e2;
}
.entry-content-old .button-download::before {
    color: #c80000;
}