@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');
/*共通*/
#wrapper {
	font-family: 'Noto Sans JP', sans-serif;
}
html {
	scroll-behavior: smooth;
}
a:hover img {
	opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1, Style=0, Opacity=80);
}
.red {
	color: #ff0000;
}
:root {
	--gwhite: #f8f8ff;
	--swhite: #f5f5f5;
	--mred: #ff00ff;
	--syellow: #edee3b;
	--grey: #444;
}
article img {
	width: 100%;
}
.noWrap {
	white-space: nowrap;
}
.textAlignRight {
	text-align: right;
}
section {
	padding: clamp(3rem, 2.015rem + 4.92vw, 5rem) 0;
}
.inner {
	max-width: 970px;
	margin: 0 auto;
	padding: clamp(0.8rem, 0.702rem + 0.49vw, 1rem);
}
/*ランダム背景色設定*/
section:nth-of-type(even) {
	background-color: var(--gwhite)
}
section:nth-of-type(odd) {
	background-color: var(--swhite);
}
/*文字間一括指定*/
article p, section:first-of-type ol, section:first-of-type ul, details {
	margin-top: 1em;
}
/*メインタイトル*/
article h2 {
	font-size: 1.7em;
	font-weight: 700;
	text-align: center;
	background: var(--grey);
	color: #fff;
	padding: .5em;
}
section:first-of-type h3 {
	font-size: 1.45em;
	font-weight: 700;
	text-align: center;
	color: var(--grey);
}
/*他一括指定*/
.kome {
	text-indent: -1em;
	margin-left: 1em;
}
.kome li::before {
	content: '※';
}
/*ナビゲーション*/
article nav {
	background: var(--syellow);
	text-align: center;
	padding: 10px;
}
article nav li {
	display: inline-block;
	padding: 0 20px;
}
article nav li:nth-child(-n + 3) {
	border-right: 1px solid;
}
/*Study：大阪関西国際芸術祭2025とは#study2025*/
#study2025 blockquote {
	margin-top: 2em;
	font-size: 1.1em;
	line-height: 2;
}
.gallery-thumbnails {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2em;
	margin: 1.5em auto;
}
.gallery-content img {
	box-shadow: 1px 1px 2px #999;
}
summary {
	background: var(--grey);
	font-weight: 500;
	color: #fff;
	padding: .2em .5em .2em .5em;
	width: max-content;
	margin-top: .6em;
	cursor: pointer;
	list-style-type: none;
}
summary::marker, summary::-webkit-details-marker {
	display: none;
}
summary::before {
	content: "▶";
	display: inline-block;
	transform: rotate(0deg);
	transition: all .4s;
}
details::details-content {
	interpolate-size: allow-keywords;
	height: 0;
	opacity: 0;
	overflow: clip;
	transition: all .4s allow-discrete;
}
details[open]::details-content {
	opacity: 1;
	height: auto;
}
details[open] summary::before {
	transform: rotate(90deg);
}
@supports not (interpolate-size: allow-keywords) { /* height:0→autoへのアニメーションが対応していない場合は、固定値にアニメーションさせる */
	details[open]::details-content {
		height: 330px;
		overflow-y: scroll;
	}
}
details > div {
	display: grid;
	grid-template-columns: 6em 1fr;
	gap: 1em;
	margin-top: 1em;
}
details h3 {
	text-align: right;
}
/*ボタン*/
a.Btn {
	color: #fff;
	text-align: center;
	position: relative;
	display: block;
	font-size: 1.2em;
	font-weight: 700;
	padding: .5rem .8rem .5rem 1.6rem;
	background: var(--mred);
	box-shadow: 3px 3px 1px 1px var(--grey);
	transform: translate(0, 0);
	transition: all .2s;
	width: min(500px, 80%);
	margin: 1em auto;
}
a.Btn:hover {
	box-shadow: 1px 1px 1px 1px var(--grey);
	transform: translate(2px, 2px);
}
a.Btn::after {
	content: "＞";
	position: absolute;
	top: 50%;
	left: 5%;
	transform: translateY(-50%);
}
@media screen and (max-width: 759.9px) {
	/*↓↓削除不可*/
	#wrapper {
		line-height: 1.4;
	}
	.spnone {
		display: none !important;
	}
	#dirPathBlock, #anchorLinkBlock {
		font-size: 10px;
		margin: 1% 1% 0 1%;
	}
	#dirPathBlock p, #anchorLinkBlock a {
		font-size: 12px;
	}
	h1 {
		font-size: 12px;
		margin: 0 1%;
	}
	/*↑↑削除不可*/
	.spnone {
		display: none !important;
	}
	article {
		font-size: 14px;
		line-height: 1.4;
	}
	/*メインビジュアル*/
	.titlePc {
		display: none !important;
	}
	/*Study:大阪関西国際芸術祭2025とは#study2025*/
	#study2025 h2 + div {
		display: flex;
		flex-direction: column-reverse;
	}
	.gallery-content {
		margin: 2em auto 1.5em;
	}
}
/*760px以上*/
@media screen and (min-width: 760px), print {
	/*↓↓削除不可*/
	#wrapper {
		line-height: 1.231;
	}
	#dirPathBlock, h1, .iframe_end-content_gadget, #anchorLinkBlock {
		width: 100%;
		max-width: 970px;
		min-width: 760px;
		margin: auto;
	}
	/*panlist&back*/
	#dirPathBlock, #anchorLinkBlock {
		width: 100%;
		margin: 10px auto;
		display: block;
		font-size: 12px;
	}
	#dirPathBlock p, #anchorLinkBlock a {
		font-size: 12px;
	}
	h1 {
		font-size: 14px;
		width: auto;
		max-width: 970px;
		margin: 0 auto 5px;
	}
	/*↑↑削除不可*/
	.pcnone {
		display: none !important;
	}
	article {
		line-height: 1.6;
		font-size: 16px;
	}
	/*メインビジュアル*/
	.titlePc img {
		min-height: 325px;
		object-fit: cover;
		object-position: center;
	}
	.titleSp {
		display: none !important;
	}
	/*ご予約#apply*/
	#apply ol {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 2em;
	}
	/*Study:大阪関西国際芸術祭2025とは#study2025*/
	.gallery-content {
		width: 50%;
		float: right;
		margin: 5px 0 21px 40px;
	}
}