@charset "utf-8";

#sktk_wrap.sktk_hall {
	position: relative;
	--sktk-side: max(20px, calc((100% - 1080px) / 2));	
	--sktk-f-inter: "Inter", sans-serif;
	background-color: #865a37;
	background-image:
		linear-gradient(rgba(122, 77, 44, 0.9), rgba(122, 77, 44, 0.9)),
		url("/img/site/shiminkaikan/01-hall/wood-bg.jpg");
	background-repeat: no-repeat, no-repeat;
	background-position: left bottom, center bottom;
	background-size: 100% 2289px, 2000px 2289px;	
}

.sktk_hall .sktk_hero {
	position: relative;
	display: flow-root;
	box-sizing: border-box;	
	min-height: 820px;
	background-color: #582c16;
	background-image: url("/img/site/shiminkaikan/01-hall/hero.jpg");
	background-repeat: no-repeat;
	background-position: center bottom -110PX;
	background-size: 2000px auto;
}

.sktk_hall .sktk_hero_band {
	min-height: 360px;
	background-image:
		linear-gradient(rgba(46, 30, 15, 0.9), rgba(46, 30, 15, 0.9)),
		linear-gradient(rgba(46, 30, 15, 0.9), rgba(46, 30, 15, 0.9)),
		linear-gradient(rgba(46, 30, 15, 0.9), rgba(46, 30, 15, 0.9));
	background-repeat: no-repeat;
	background-position: left top, left 120px, left 240px;
	background-size:
		100% 120px,
		calc(var(--sktk-side) + 840px) 120px,	
		calc(var(--sktk-side) + 520px) 120px;	
}
.sktk_hall .sktk_hero_inner {
	width: var(--sktk-content);
	max-width: calc(100% - 40px);
	margin: 0 auto;
	padding-top: 66px;
	color: var(--sktk-cream);
}
body.sktk_body.font_size_changed .sktk_hall .sktk_hero_eyebrow,
body.sktk_body.font_size_changed .sktk_hall .sktk_hero_title,
body.sktk_body.font_size_changed .sktk_hall .sktk_hero_lead {
	text-shadow:
		1px 1px 2px rgba(46, 30, 15, 0.95),
		-1px 1px 2px rgba(46, 30, 15, 0.95),
		1px -1px 2px rgba(46, 30, 15, 0.95),
		-1px -1px 2px rgba(46, 30, 15, 0.95),
		0 0 6px rgba(46, 30, 15, 0.9),
		0 0 12px rgba(46, 30, 15, 0.85);
}
.sktk_hall .sktk_hero_eyebrow {
	font-size: 0.9375rem;	
	line-height: 0.9333em;
	letter-spacing: 0.32em;	
}
.sktk_hall .sktk_hero_eyebrow .sktk_rule {
	letter-spacing: 0;	
}
.sktk_hall .sktk_hero_title {
	margin-top: 20px;	
	font-size: 3rem;	
	line-height: 1em;
}
.sktk_hall .sktk_hero_lead {
	font-family: var(--sktk-f-inter);	
	width: 441px;
	max-width: 100%;
	margin-top: 40px;	
	font-size: 1rem;	
	line-height: 1.5em;
}
.sktk_hall .sktk_hero_btns {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 20px;	
	padding-left: 1px;	
}

.sktk_hall .sktk_seats {
	position: relative;
	width: var(--sktk-content);
	max-width: calc(100% - 40px);
	margin: 60px auto 0;
	box-sizing: border-box;
	padding: 40px;
	background-color: rgba(46, 30, 15, 0.9);
	color: var(--sktk-cream);
}
.sktk_hall .sktk_seats_body {
	display: flex;
	align-items: flex-start;
	min-height: 360px;
}
.sktk_hall .sktk_seats_img {
	flex: 0 1 659px;
	line-height: 1;
}
.sktk_hall .sktk_seats_data {
	position: relative;
	flex: 0 0 260px;
	margin-left: 40px;	
	padding-left: 41px;	
	box-sizing: content-box;
}
.sktk_hall .sktk_seats_data::before {
	content: "";
	position: absolute;
	top: 2px;	
	left: 0;
	width: 1px;
	height: 360px;
	background-color: var(--sktk-cream);
}
.sktk_hall .sktk_seats_title {
	font-family: var(--sktk-f-inter);	
	font-size: 1.5rem;	
	line-height: 2em;
	text-align: center;
}
.sktk_hall .sktk_seats_row {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 30px;
	margin-top: 41px;	
}
.sktk_hall .sktk_seats_row::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -20px;
	width: 100%;
	height: 1px;
	background-color: var(--sktk-cream);
}
.sktk_hall .sktk_seats_row:first-child {
	margin-top: 40px;	
}
.sktk_hall .sktk_seats_row.sktk_seats_total::after {
	content: none;
}
.sktk_hall .sktk_seats_row dt {
	align-self: flex-end;	
	font-size: 1.25rem;	
	line-height: 1em;
}
.sktk_hall .sktk_seats_row dd {
	font-family: var(--sktk-f-inter);	
	display: flex;
	align-items: baseline;
	gap: 10px;
	font-size: 1.25rem;	
	line-height: 1em;
}
.sktk_hall .sktk_seats_row .sktk_num {
	font-family: var(--sktk-f-inter);	
	font-weight: 400;
	font-size: 2.25rem;	
	line-height: 0.8333em;	
}
.sktk_hall .sktk_seats_note {
	font-family: var(--sktk-f-inter);	
	margin-top: 40px;	
	font-size: 1rem;	
	line-height: 1.5em;
	letter-spacing: 0.075em;	
}

.sktk_hall .sktk_hall_sec {
	position: relative;
	box-sizing: border-box;
	color: var(--sktk-cream);
	background-color: #2e1e0f;
	background-repeat: no-repeat;
}
.sktk_hall .sktk_grand {
	padding-bottom: 89px;
	background-color: #582c16;
	--sktk-veil: linear-gradient(rgba(46, 30, 15, 0.9), rgba(46, 30, 15, 0.9));
	background-image:
		var(--sktk-veil), var(--sktk-veil), var(--sktk-veil), var(--sktk-veil),
		var(--sktk-veil), var(--sktk-veil), var(--sktk-veil),
		linear-gradient(180deg, rgba(75, 38, 20, 0) 0%, #4b2614 21.9%, #4b2614 34.6%, #582c16 100%),
		url("/img/site/shiminkaikan/01-hall/grand-hall.jpg");
	background-position:
		right 100px, right 220px, right 340px, right 460px,
		right 580px, right 700px, right 820px,
		left 810px,
		calc(50% + 1px) top;
	background-size:
		calc(var(--sktk-side) + 500px) 120px,
		calc(var(--sktk-side) + 631px) 120px,
		calc(var(--sktk-side) + 568px) 120px,
		calc(var(--sktk-side) + 500px) 120px,
		calc(var(--sktk-side) + 683px) 120px,
		calc(var(--sktk-side) + 787px) 120px,
		calc(var(--sktk-side) + 603px) 120px,
		100% 866px,
		2000px auto;	
}
.sktk_hall .sktk_grand .sktk_hall_inner {
	box-sizing: border-box;
	min-height: 1000px;
}
.sktk_hall .sktk_small {
	min-height: 772px;	
	--sktk-veil: linear-gradient(rgba(46, 30, 15, 0.9), rgba(46, 30, 15, 0.9));
	background-image:
		var(--sktk-veil), var(--sktk-veil), var(--sktk-veil), var(--sktk-veil), var(--sktk-veil),
		url("/img/site/shiminkaikan/01-hall/small-hall.jpg");
	background-position:
		right 100px, right 220px, right 340px, right 460px, right 580px,
		center top;	
	background-size:
		calc(var(--sktk-side) + 560px) 120px,
		calc(var(--sktk-side) + 630px) 120px,
		calc(var(--sktk-side) + 500px) 120px,
		calc(var(--sktk-side) + 540px) 120px,
		calc(var(--sktk-side) + 500px) 120px,
		2000px auto;	
}
.sktk_hall .sktk_hall_inner {
	width: var(--sktk-content);
	max-width: calc(100% - 40px);
	margin: 0 auto;
	padding: 139px 0 0;	
}
.sktk_hall .sktk_hall_panel {
	width: 500px;
	max-width: 100%;
	box-sizing: border-box;
	padding: 0 40px;	
	margin-left: auto;	
}
.sktk_hall .sktk_hall_en {
	font-size: 1rem;	
	line-height: 1em;
	letter-spacing: 1em;	
}
.sktk_hall .sktk_hall_ja {
	margin-top: 10px;
	font-size: 1rem;
	line-height: 1em;
}
.sktk_hall .sktk_hall_title {
	position: relative;
	z-index: 0;	
	margin-top: 20px;
	padding-left: 24px;
	border-left: 4px solid var(--sktk-gold);
	background: linear-gradient(to right, rgba(211, 211, 211, 0.15), rgba(204, 204, 204, 0));
	font-size: 2.5rem;	
	line-height: 1.5em;
}
.sktk_hall .sktk_hall_title::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: -1px;	
	left: 0;
	width: 996px;	
	background: repeating-linear-gradient(
		to bottom,
		#615448 0, #615448 1px,
		rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 30px);
	-webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0) 50%);
	        mask-image: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0) 50%);
	pointer-events: none;
}
.sktk_hall .sktk_hall_lead {
	width: 420px;
	max-width: 100%;
	margin-top: 40px;
	font-size: 1.25rem;	
	line-height: 1.8em;
}
.sktk_hall .sktk_hall_btn {
	margin-top: 30px;	
	text-align: center;
}
.sktk_hall .sktk_hall_btn .sktk_btn {
	color: var(--sktk-brown);
}
.sktk_hall .sktk_small .sktk_hall_btn {
	margin-top: 30px;	
}

.sktk_hall .sktk_feature {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	width: 426px;	
	margin: 120px -6px 0;	
}
.sktk_hall .sktk_feature li {
	display: flex;
	align-items: center;
	gap: 20px;
	width: 203px;
	min-height: 64px;
	box-sizing: border-box;
	padding: 0 15px;
	border: 1px solid var(--sktk-cream);
	font-size: 0.875rem;	
	line-height: 1.4286em;
}
.sktk_hall .sktk_feature_link {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	align-self: stretch;
	gap: 20px;
	margin: -1px -16px;
	padding: 1px 16px;
	color: inherit;
	text-decoration: none;
}
.sktk_hall .sktk_feature_link:hover,
.sktk_hall .sktk_feature_link:focus {
	opacity: 0.8;
}
.sktk_hall .sktk_feature_icon {
	flex: 0 0 29px;
	text-align: center;
	line-height: 1;
}
.sktk_hall .sktk_feature_icon::before,
.sktk_hall .sktk_ticket_icon::before {
	content: "";
	display: inline-block;
	background: no-repeat center / 100% 100%;
	vertical-align: bottom;	
}
.sktk_hall .sktk_feature_icon_piano::before { width: 27px; height: 23px; background-image: url("/img/site/shiminkaikan/01-hall/icon-piano.png"); }
.sktk_hall .sktk_feature_icon_sound::before { width: 26px; height: 21px; background-image: url("/img/site/shiminkaikan/01-hall/icon-sound.png"); }
.sktk_hall .sktk_feature_icon_view::before { width: 28px; height: 15px; background-image: url("/img/site/shiminkaikan/01-hall/icon-view.png"); }
.sktk_hall .sktk_feature_icon_curtain::before { width: 29px; height: 20px; background-image: url("/img/site/shiminkaikan/01-hall/icon-curtain.png"); }
.sktk_hall .sktk_ticket_icon_pc::before { width: 135px; height: 90px; background-image: url("/img/site/shiminkaikan/01-hall/icon-pc.png"); }
.sktk_hall .sktk_ticket_icon_tel::before { width: 77px; height: 102px; background-image: url("/img/site/shiminkaikan/01-hall/icon-tel.png"); }
body.color_change .sktk_hall .sktk_ticket_icon_tel::before { filter: brightness(0) invert(1); }

.sktk_hall .sktk_contact {
	position: relative;
	min-height: 864px;	
	box-sizing: border-box;
	margin-top: 200px;	
	padding: 110px 0 71px;	
	background-color: #321b11;
	background-image:
		linear-gradient(rgba(50, 27, 17, 0.8), rgba(50, 27, 17, 0.8)),
		url("/img/site/shiminkaikan/01-hall/contact-bg.jpg");
	background-repeat: no-repeat, no-repeat;
	background-position: left top, center bottom;
	background-size: 100% 672px, 2000px auto;	
	color: var(--sktk-cream);
	text-align: center;
}
.sktk_hall .sktk_contact_en {
	font-family: var(--sktk-f-inter);	
	text-transform: uppercase;	
	font-size: 1rem;	
	line-height: 1em;
	letter-spacing: 1em;
	padding-left: 1em;
}
.sktk_hall .sktk_contact_title {
	margin-top: 20px;	
	font-size: 2.5rem;	
	line-height: 1.5em;
}
.sktk_hall .sktk_contact_lead {
	margin-top: 40px;	
	font-size: 1.25rem;	
	line-height: 1.8em;
}

.sktk_hall .sktk_ticket {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 50px;
	margin-top: 54px;	
}
.sktk_hall .sktk_ticket li {
	display: flex;
	align-items: center;
	gap: 60px;
	width: 515px;
	max-width: 100%;
	min-height: 200px;
	box-sizing: border-box;
	padding: 22px 40px 22px 50px;	
	background-color: var(--sktk-cream);
	color: var(--sktk-ink);
	text-align: left;
	clip-path: polygon(
		0 0, 95px 0, 112px 17px, 129px 0, 100% 0,
		100% 100%, 129px 100%, 112px calc(100% - 17px), 95px 100%, 0 100%);
}
.sktk_hall .sktk_ticket_icon {
	flex: 0 0 135px;
	text-align: center;
	line-height: 1;
}
.sktk_hall .sktk_ticket_body {
	display: block;
	width: 230px;
	max-width: 100%;
}
.sktk_hall .sktk_ticket_en {
	display: block;
	text-transform: uppercase;	
	font-size: 0.75rem;	
	line-height: 1em;
	letter-spacing: 0.1em;
	text-align: center;
}
.sktk_hall .sktk_ticket_ja {
	display: block;
	margin-top: 12px;	
	font-size: 1.125rem;	
	line-height: 1em;
	text-align: center;
}
.sktk_hall .sktk_ticket_txt {
	display: block;
	margin-top: 20px;
	font-family: var(--sktk-f-inter);	
	font-size: 0.75rem;	
	line-height: 1.5em;
}
.sktk_hall .sktk_ticket_link {
	display: block;
	margin-top: 26px;	
	font-size: 0.875rem;	
	line-height: 1em;
	text-align: center;
}
.sktk_hall .sktk_ticket li:first-child .sktk_ticket_body {
	padding-top: 5px;	
}
.sktk_hall .sktk_ticket li:nth-child(2) .sktk_ticket_body {
	padding-top: 7px;	
}
.sktk_hall .sktk_ticket li:nth-child(2) .sktk_ticket_link {
	margin-top: 8px;	
}
.sktk_hall .sktk_contact_btns {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 50px;
	margin-top: 171px;	
}
@media screen and (min-width: 768px) {
	body.sktk_body.font_size_changed .sktk_hall .sktk_contact_btns {
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: 1fr;
		width: fit-content;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	body.sktk_body.font_size_changed .sktk_hall .sktk_contact_btns > li > a {
		width: 100%;
		box-sizing: border-box;
	}
}

.sktk_hall .sktk_footer {
	padding-top: 100px;	
}
.sktk_hall .sktk_footer_city a {
	background-color: #372413;
	color: #e5d8c1;
}
.sktk_hall .sktk_footer_access a {
	background-color: rgba(46, 30, 15, 0.9);
	color: var(--sktk-cream);
}

@media screen and (max-width: 1079px) {
	.sktk_hall .sktk_seats_img {
		min-width: 0;
	}
	.sktk_hall .sktk_seats_data {
		margin-left: 24px;
		padding-left: 24px;
	}
	.sktk_hall .sktk_ticket {
		gap: 32px;
	}
}

@media screen and (max-width: 767px) {
	.sktk_hall .sktk_hero {
		min-height: 0;
		padding-top: 65.3vw;	
		padding-bottom: 32px;
		background-color: #2e1e0f;
		background-image: url("/img/site/shiminkaikan/01-hall/hero.jpg");
		background-position: center top;
		background-size: 100% auto;
		background-repeat: no-repeat;
	}
	.sktk_hall .sktk_hero_band {
		min-height: 0;
		background-image: none;
	}
	.sktk_hall .sktk_hero_inner {
		max-width: calc(100% - 32px);
		padding-top: 24px;	
	}
	.sktk_hall .sktk_hero_title {
		font-size: 1.75rem;
		line-height: 1.5;
	}
	.sktk_hall .sktk_hero_lead {
		width: auto;
	}
	.sktk_hall .sktk_grand {
		padding-bottom: 32px;
	}
	.sktk_hall .sktk_grand .sktk_hall_inner {
		min-height: 0;
	}
	.sktk_hall .sktk_seats {
		margin-top: 0;
		padding: 24px 16px;
		max-width: calc(100% - 32px);
	}
	.sktk_hall .sktk_seats_body {
		display: block;
		min-height: 0;
	}
	.sktk_hall .sktk_seats_data {
		margin: 24px 0 0;
		padding-left: 0;
		max-width: 100%;
	}
	.sktk_hall .sktk_seats_data::before {
		content: none;
	}
	.sktk_hall .sktk_grand,
	.sktk_hall .sktk_small {
		min-height: 0;
		background-image:
			linear-gradient(rgba(46, 30, 15, 0.86), rgba(46, 30, 15, 0.86)),
			url("/img/site/shiminkaikan/01-hall/grand-hall.jpg");
		background-position: center top, center;
		background-size: 100% 100%, cover;
	}
	.sktk_hall .sktk_small {
		background-image:
			linear-gradient(rgba(46, 30, 15, 0.86), rgba(46, 30, 15, 0.86)),
			url("/img/site/shiminkaikan/01-hall/small-hall.jpg");
	}
	.sktk_hall .sktk_hall_inner {
		max-width: calc(100% - 32px);
		padding: 32px 0;
	}
	.sktk_hall .sktk_hall_panel {
		width: 100%;
		padding: 0;
	}
	.sktk_hall .sktk_hall_title {
		font-size: 1.5rem;
		line-height: 1.6;
	}
	.sktk_hall .sktk_hall_lead {
		width: auto;
		font-size: 1rem;
		line-height: 1.8;
	}
	.sktk_hall .sktk_hall_btn {
		margin-top: 24px;
		text-align: left;
	}
	.sktk_hall .sktk_feature {
		width: auto;
		margin: 24px 0 0;
		gap: 12px;
	}
	.sktk_hall .sktk_feature li {
		width: 100%;
	}
	.sktk_hall .sktk_contact {
		min-height: 0;
		margin-top: 0;
		padding: 40px 16px;
		background-size: 100% 100%, cover;
	}
	.sktk_hall .sktk_contact_title {
		font-size: 1.5rem;
		line-height: 1.6;
	}
	.sktk_hall .sktk_contact_lead {
		font-size: 1rem;
		line-height: 1.8;
	}
	.sktk_hall .sktk_ticket {
		gap: 24px;
		margin-top: 24px;
	}
	.sktk_hall .sktk_ticket li {
		display: flex;
		align-items: center;
		gap: 16px;
		min-height: 0;
		padding: 20px;
		text-align: left;
	}
	.sktk_hall .sktk_ticket_icon {
		flex: 0 0 68px;	
	}
	.sktk_hall .sktk_ticket_icon img {
		width: auto;
		height: auto;
		max-width: 68px;
		max-height: 51px;
	}
	.sktk_hall .sktk_ticket_icon_pc::before {
		width: 68px;
		height: 45.3333px;
	}
	.sktk_hall .sktk_ticket_icon_tel::before {
		width: 38.5px;
		height: 51px;
	}
	.sktk_hall .sktk_ticket_body {
		width: auto;
		margin-top: 0;
		min-width: 0;
	}
	.sktk_hall .sktk_ticket_en,
	.sktk_hall .sktk_ticket_ja,
	.sktk_hall .sktk_ticket_link {
		text-align: left;
	}
	.sktk_hall .sktk_ticket_link {
		margin-top: 16px;
	}
	.sktk_hall .sktk_ticket li:nth-child(2) .sktk_ticket_link {
		margin-top: 16px;
	}
	.sktk_hall .sktk_ticket_txt {
		text-align: left;
	}
	.sktk_hall .sktk_ticket li:first-child .sktk_ticket_body {
	padding-top: 5px;	
}
.sktk_hall .sktk_ticket li:nth-child(2) .sktk_ticket_body {
	padding-top: 7px;	
}
.sktk_hall .sktk_ticket li:nth-child(2) .sktk_ticket_link {
	margin-top: 8px;	
}
	body.sktk_body.font_size_changed .sktk_hall .sktk_ticket li {
		flex-direction: column;
		align-items: flex-start;
	}
	body.sktk_body.font_size_changed .sktk_hall .sktk_ticket_icon {
		flex: none;
	}
	body.sktk_body.font_size_changed .sktk_hall .sktk_ticket_body {
		width: 100%;
	}
.sktk_hall .sktk_contact_btns {
		gap: 16px;
		margin-top: 32px;
	}
	.sktk_hall .sktk_footer {
		padding-top: 32px;
	}
}

.sktk_hall .sktk_icon_globe {
	background-image: url("/img/site/shiminkaikan/01-hall/icon-globe.png");
}

body.color_change .sktk_hall .sktk_grand,
body.color_change .sktk_hall .sktk_small,
body.color_change .sktk_hall .sktk_contact {
	background-image: none !important;
}

.sktk_hall #osusume_banner .hide {
	color: #ffffff;
}