@charset "utf-8";

/*
# =================================================================
# センター主催イベント（一般公開2026）
# =================================================================
*/
#fest-2026 > section {
	margin-top: 20px;
}
#fest-2026 > section:first-child {
	margin-top: 0;
}
#fest-2026 h1 img {
	width: 100%;
	height: auto;
}
h2{
	border-left: none;
	margin-top: 0;
	margin-bottom: 8px;
	font-size: 24px;
}
h2 a{
	color: #000;
	text-decoration: underline #000;
}
h2 a:hover{
	text-decoration: none;
}
#fest-2026 .title-note {
	font-size: 80%;
}
#fest-2026 .pamphlet-name {
	font-size: 17px;
	font-weight: normal;
}
.emoji {
	font-family: apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol;
}
.note {
	font-size: 15px !important;
	color: #D70000;
	margin-left: 20px !important;
	margin-top: 12px !important;
	line-height: 1.5;
}

.f26-info {
	background-color: #F8FAFB;
	padding: 20px 24px;
	border: 1px solid #D5E0E4;
}
.f26-info p {
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 0.6em;
}
.f26-info p:last-child {
	margin-bottom: 0;
}

/* 企画セクション共通：細い枠＋薄い背景 */
#fest-2026 > section[id] {
	padding: 25px 20px;
	border-width: 15px;
	border-style: solid;
}
#fest-2026 > section[id] > p {
	margin-top: 0.6em;
	margin-bottom: 0;
	padding-left: 10px;
	padding-right: 10px;
}
#fest-2026 > section[id] > p + p {
	margin-top: 0.4em;
}

#fest-2026 > #ccca-activity {
	border-color: #CCDFEA;
	background-color: #FAFCFD;
}
#ccca-activity a:hover {
	color: #505050;
	text-decoration: none;
}

#campaign-quiz {
	border-color: #ECCCBF;
	background-color: #FDF8F6;
}
#campaign-quiz a:hover {
	color: #505050;
	text-decoration: none;
}

#phenology-quiz {
	border-color: #C0DCCF;
	background-color: #F7FBFA;
}
#phenology-quiz a:hover {
	color: #505050;
	text-decoration: none;
}

#seal-survey {
	border-color: #F6EEC0;
	background-color: #FFFEF8;
}
#seal-survey a:hover {
	color: #505050;
	text-decoration: none;
}

#climocast {
	border-color: #B2CFE3;
	background-color: #F8FBFD;
}
#climocast a:hover {
	color: #505050;
	text-decoration: none;
}

#infrared {
	border-color: #ECD0D0;
	background-color: #FDFBFB;
}
#infrared a:hover {
	color: #505050;
	text-decoration: none;
}

#fest-2026 .summary {
	margin-top: 10px;
}
#fest-2026 .summary li {
	font-weight: 500;
}
#fest-2026 .report .summary {
	line-height: 1.7;
}
#fest-2026 .report .summary ul {
	font-size: 17px;
	margin: 0;
	line-height: 1.7;
}
#fest-2026 .report,
#fest-2026 .report figure,
#fest-2026 .report .report-body {
	padding: 0;
	margin-bottom: 0;
}

/* 見出し全幅＋summaryと画像を横並び */
#fest-2026 .summary-with-image {
	align-items: center;
	margin-top: 10px;
}
#fest-2026 .summary-with-image figure img {
	width: 100%;
	height: auto;
	max-height: none;
}
#fest-2026 .summary-with-image figure img + img {
	margin-top: 8px;
}

/* テキスト70%・画像30%（swap時は text | image） */
@media (min-width: 811px) {
	#fest-2026 .report.rep-col-3.swap {
		grid-template-columns: 70% 30%;
	}
}

/* モバイルは1カラム */
@media (max-width: 810px) {
	#fest-2026 .report {
		display: block;
	}
	#fest-2026 .summary-with-image figure {
		margin-top: 12px;
		margin-left: auto;
		margin-right: auto;
		width: 350px;
		max-width: 100%;
		text-align: center;
	}
	#fest-2026 .summary-with-image figure img {
		display: block;
		width: 350px;
		max-width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	#fest-2026 > section[id] {
		padding: 12px;
		border-width: 15px;
	}
}

@media (min-width: 920px) {
	#fest-2026 h2 {
		font-weight: normal;
		line-height: 1.4;
	}
}