/* ==========================================================
   File: /common/css/component.css
   Project: Karuizawa Symphonic Chorus Website
   Revision: Rev.F (2025-10-29)
   Description:
     ナビゲーション／ボタン／コラム／見出しなどのUI部品。
   ========================================================== */

/* ---- メインナビ ---- */
#mainNav {
	background: #004fa3;
}
#mainNav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0;
	margin: 0;
}
#mainNav li {
	margin: 0;
}
#mainNav a {
	display: block;
	color: #fff;
	padding: 0.8em 1.2em;
	font-size: 1em;
	font-weight: 500;
	text-decoration: none;
	transition: 0.2s ease-in-out;
}
#mainNav a:hover {
	background: #036;
	color: #b2ffa7;
}

/* ---- サブメニュー・ヘッドメニュー ---- */
#headmenu ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 1em 0;
	padding: 0;
}
#headmenu li {
	margin: 0.3em;
}
#headmenu a {
	display: inline-block;
	padding: 0.5em 0.8em;
	background: #e0f0ff;
	color: #004fa3;
	border-radius: 4px;
	transition: 0.2s;
}
#headmenu a:hover {
	background: #004fa3;
	color: #fff;
}

/* ---- 見出し装飾 ---- */
h2.anchor {
	font-size: 1.4em;
	color: #004fa3;
	margin-top: 1.8em;
	border-left: 6px solid #004fa3;
	padding-left: 0.5em;
}
h2.anchor span {
	display: block;
	font-size: 0.7em;
	color: #777;
	margin-top: 0.2em;
}

h4.anchor {
	font-size: 1.2em;
	color: #004fa3;
	border-bottom: 2px solid #004fa3;
	padding-bottom: 0.3em;
	margin-top: 1.2em;
}

/* ---- 情報リスト ---- */
dl.information {
	margin: 1.5em 0;
}
dl.information dt {
	font-weight: bold;
	color: #004fa3;
	margin-top: 1em;
}
dl.information dd {
	margin-left: 1em;
	margin-bottom: 0.8em;
}

/* ---- トップへ戻る ---- */
.totop {
	position: fixed;
	bottom: 15px;
	right: 15px;
	z-index: 999;
}
.totop img {
	width: 48px;
	height: 48px;
	opacity: 0.75;
	transition: 0.3s;
}
.totop img:hover {
	opacity: 1;
}

/* ---- 星形バナー（Starburst） ---- */
.starburst {
	position: relative;
	text-align: center;
	margin: 1.5em auto;
}
.starburst span span span {
	display: inline-block;
	background: radial-gradient(circle, #ff0033 0%, #c00030 90%);
	color: #fff;
	font-weight: 600;
	font-size: 0.95em;
	padding: 1em;
	border-radius: 50%;
	box-shadow: 0 2px 6px rgba(0,0,0,0.25);
}
.starburst small {
	display: block;
	font-size: 0.7em;
	color: #fff;
	margin-bottom: 0.2em;
}