@charset "utf-8";

/* --------------------------------------------------------------------------------
	webフォント読み込み
	サイト全体
		背景
	ヘッダー
	パンくずリスト
	トップページ
		What's new
		事務局情報
	グローバルメニュー
		ドロワーメニュー（カスタマイズ差分）
		メニューリスト
	フッター
		トップへ戻るボタン
	汎用ボタンレイアウト
	見出し
-------------------------------------------------------------------------------- */

/* ↓webフォント読み込み
-------------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

/* ↑webフォント読み込み
-------------------------------------------------------------------------------- */

/* ↓サイト全体
-------------------------------------------------------------------------------- */
body {
	font-family:
		'Noto Sans JP',
		"游ゴシック体",
		YuGothic,
		"游ゴシック Medium",
		"Yu Gothic Medium",
		"游ゴシック",
		"Yu Gothic",
		"メイリオ",
		"Meiryo",
		"ＭＳ Ｐゴシック",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		sans-serif;
}

article {
	background: #fff;
	border: 1px solid #777;
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
}


/* ↓背景
-------------------------------------------------- */
html::before {
	background: url("../img/bg_castle.png") center 50% no-repeat;
	background-size: cover;
}

/* ↑背景
-------------------------------------------------- */
/* ↑サイト全体
-------------------------------------------------------------------------------- */


/* ↓ヘッダー
-------------------------------------------------------------------------------- */
header {
	height: 50px;
	background-color: #211613;
}

@media (480px < width) {
	header {
		height: 90px;
	}
}

/* ↑ヘッダー
-------------------------------------------------------------------------------- */

/* ↓パンくずリスト
-------------------------------------------------------------------------------- */
ul#bc {
	background: rgba(0, 0, 0, 0.05);
}

/* ↑パンくずリスト
-------------------------------------------------------------------------------- */

/* ↓トップページ
-------------------------------------------------------------------------------- */
#top_info {
	aspect-ratio: 700/990;
	/* ポスター画像のサイズを記述 */
	margin: 10px;
	/* 画像をウィンドウ端まで表示する場合は 0px にする */
}

/* ↓What's new
-------------------------------------------------- */
#index #news>h2 {
	min-height: 36px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background: #155e7f;
	border: none;
	margin: 0;
	position: relative;
}

#index #news>dl {
	max-height: 150px;
	border: 1px solid #777;
	background: #fff;
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
	margin: 0;
}

#index #news>dl>dd:not(:last-child) {
	border-bottom: 1px dotted #ccc;
}

/* ↑What's new
-------------------------------------------------- */

/* ↓事務局情報
-------------------------------------------------- */
#office_info h2 {
	color: #000;
}

#office_info dl dt {
	color: #fff;
	font-weight: normal;
	background: #155e7f;

}

#office_info dl dd {
	background: #fff;
	border: 1px solid #777;
}

/* ↑事務局情報
-------------------------------------------------- */
/* ↑トップページ
-------------------------------------------------------------------------------- */

/* ↓グローバルメニュー
-------------------------------------------------------------------------------- */
/* ↓ドロワーメニュー（カスタマイズ差分）
-------------------------------------------------- */
#drawer-icon {
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid #333;
	border-radius: 0px;
	right: 11px;
	top: 11px;
}

#drawer-icon span,
#drawer-icon span:before,
#drawer-icon span:after {
	background: #333;
	border-radius: 2px;
}

@media (width <=768px) {
	#drawer-content {
		background: #fff;
	}
}

/* ↑ドロワーメニュー（カスタマイズ差分）
-------------------------------------------------- */

/* ↓メニューリスト
-------------------------------------------------- */
nav>ul>li {
	background: #155e7f;
}

nav>ul>li.off a {
	pointer-events: none;
	opacity: 0.5;
}

nav>ul li>a {
	min-height: 38px;
	color: #fff;
	font-weight: bold;
	padding: 10px 15px;
}

nav>ul li.current>a,
nav>ul li>a:hover {
	color: #ff3;
}

/* ↑メニューリスト
-------------------------------------------------- */

/* ↓メニュー下リンクボタン
-------------------------------------------------- */
#menu ul.banner a img {
	transition: 0.3s;
}

#menu ul.banner a:hover img {
	opacity: 0.7;
}

/* ↑メニュー下リンクボタン
-------------------------------------------------- */
/* ↑グローバルメニュー
-------------------------------------------------------------------------------- */

/* ↓フッター	
-------------------------------------------------------------------------------- */
footer {
	background: #155e7f;
}

footer p {
	color: #fff;
}

/* ↓トップへ戻るボタン
-------------------------------------------------- */
#toTop {
	background-color: #211613;
	color: #fff;
}

#toTop::after {
	border-right: 9px solid transparent;
	border-bottom: 15px solid #FFF100;
	border-left: 9px solid transparent;
}

/* ↑トップへ戻るボタン
-------------------------------------------------- */
/* ↑フッター	
-------------------------------------------------------------------------------- */

/* ↓汎用ボタンレイアウト
-------------------------------------------------------------------------------- */
div.button>p a,
div.button ul>li a {
	color: #333;
	background: #d7d7f7;
	border-radius: 5px;
}

/* ↑汎用ボタンレイアウト
-------------------------------------------------------------------------------- */

/* ↓見出し
-------------------------------------------------------------------------------- */
h1 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 75px;
	font-family:
		'Noto Sans JP',
		"游ゴシック体",
		YuGothic,
		"游ゴシック Medium",
		"Yu Gothic Medium",
		"游ゴシック",
		"Yu Gothic",
		"メイリオ",
		"Meiryo",
		"ＭＳ Ｐゴシック",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		sans-serif;
	color: #090d73;
	font-size: clamp(26px, 4.5vw, 32px);
	font-weight: bold;
	background: #ccc;
}

h2 {
	display: flex;
	align-items: center;
	min-height: 40px;
	color: #fff;
	font-size: clamp(18px, 3vw, 22px);
	font-weight: bold;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
	background: #090D73;
	padding: 7px 10px;
}

h2:not(:nth-of-type(1)) {
	margin-top: 40px;
}

h1 .en {
	display: block;
	font-size: 0.65em;
	color: #000;
	font-weight: normal;
	letter-spacing: 1px;
	margin-top: 8px;
	margin-left: 15px;
	text-transform: uppercase;
}

h2 .en {
	display: block;
	font-size: 0.65em;
	color: #ddd;
	font-weight: normal;
	letter-spacing: 1px;
	margin-top: 4px;
	margin-left: 15px;
	text-transform: uppercase;
}

h3 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #211613;
	font-size: clamp(16px, 3vw, 20px);
	font-weight: bold;
	padding: 5px 8px;
	border: 1px solid #211613;
}

h3:not(:nth-of-type(1)) {
	margin-top: 20px;
}

h4 {
	display: flex;
	align-items: center;
	color: #fff;
	font-size: clamp(15px, 3vw, 16px);
	text-shadow: 1px 1px 0 #090D73;
	background: #52559D;
	padding: 4px 8px;
}

h4:not(:nth-of-type(1)) {
	margin-top: 10px;
}

h5 {
	display: flex;
	align-items: center;
	color: #7A7371;
	font-size: clamp(15px, 3vw, 16px);
	border: 1px solid #7A7371;
	padding: 6px 10px;
}

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

/* ↓コンテンツエリア
-------------------------------------------------------------------------------- */
/* ↓コンテンツエリア（gridを使った表組）
-------------------------------------------------- */

.grid_table ol>li::after {
	background: #eaeaea;
}

.grid_table dl>dt {
	background: #eaeaea;
}

/* ↑コンテンツエリア（gridを使った表組）
-------------------------------------------------- */
/* ↑コンテンツエリア（文章構造）
-------------------------------------------------------------------------------- */