body {
	/*font-family: Arial, sans-serif;*/
	font-family: 'Noto Sans', 'Noto Serif', sans-serif;
	font-weight: 200; /* とても太い文字 */
	background-color: white;
	margin: 0;
	padding: 0;
}

header {
	display: flex;
	justify-content: space-between; /* 左右に分ける */
	align-items: center; /* 垂直中央揃え（必要に応じて） */
	text-align: center; /*垂直方向の中央揃え */
	margin-bottom: 85px; /* ヘッダーとの距離を確保 */
	/*gap: 70px; /* 要素間に余白を追加 */
	/*justify-content: center; /* 横並びの中央配置（必要に応じて） */

	font-family: 'Noto Sans', 'Noto Serif', sans-serif;
	/*font-weight: 50; /* とても太い文字 */
	/*background-color: #f2f2f2;*/
	color: black;
	text-align: center;
	padding: 90px;
	/*padding: 0;*/
	font-size: 7px;
	letter-spacing: 3px; /* 文字のすき間を少し広めに */
	word-spacing: 4px; /* 単語間を少しゆったり */
	line-height: 1; /* 行間をちょっと読みやすく */
}

	header h1 {
		position: relative;
		left: 10px;
		margin: 0;
	}

#datetime {
	color:black;
	font-size: 12px;
	/*position: absolute;
	right: 10px;
	margin: 0;
	/*display: block;
	width: 300px; /* もしくは具体的な幅：100pxなど */
	/*margin: 0 auto;
	
	*/
}

.page {
	display: none;
	flex-direction: column; /* 縦方向に並べる */
	gap: 50px; /* 枠同士の間隔 */
	width: 500px;
	height:500px;
	margin: 50px auto;
	
	/*background-color:aquamarine;*/
}

.page.active {
	/*display: flex;*/
	display:block;
	flex-direction: column; /* 縦方向に並べる */
	gap: 100px; /* 枠同士の間隔 */
	width: 500px;
	height: 500px;
	margin: 50px auto;
	/*background-color:aquamarine;*/
}

.box1 {
	flex: 1;
	border: 1px solid #333;
	/*border:none;*/
	padding: 50px;
	/*background-color: black;*/
	flex-direction: column;
	font-size: 18px;
	align-items: center; /* 縦方向の中央揃え */
	justify-content: center; /* 横方向の中央揃え */
	display: flex;
	text-decoration:none;
}
.eventone {
	/*text-align:center;*/
	/*top:5px;*/
	display: flex;
	flex-direction: column;
	width: 600px;
	height: 200px;
	/*background-color: aqua;*/
}
.boxone {
	font-size: 20px;
	color: black;
	/*background-color: green;*/
}
.boxonea {
	font-size: 15px;
	color: black;
	/*background-color: white;*/
}
.kyotohome {
	display: flex;
	/*background-color:black;*/
}
.kyoto {
	width: 300px;
	height: auto;
	margin-left:50px;
}
a[href] {
	text-decoration: none;
}

.box1 h1 {
	text-decoration: none;
	color: black;
	font-size: 14px;
	letter-spacing: 3px; /* 文字のすき間を少し広めに */
	word-spacing: 4px; /* 単語間を少しゆったり */
	line-height: 1; /* 行間をちょっと読みやすく */
}
	.box1 span {
		color: black;
		font-size: 12px;
	}

.box2 {
	flex: 1;
	border: 1px solid #333;
	/*border:none;*/
	padding: 50px;
	/*background-color: #f0f0f0;*/
	flex-direction: column;
	font-size: 18px;
	align-items: center; /* 縦方向の中央揃え */
	justify-content: center; /* 横方向の中央揃え */
	display: flex;
	margin-top: 100px; /* 下に余白をつける */
}

	.box2 h1 {
		color: black;
		font-size: 14px;
		letter-spacing: 3px; /* 文字のすき間を少し広めに */
		word-spacing: 4px; /* 単語間を少しゆったり */
		line-height: 1; /* 行間をちょっと読みやすく */
	}

	.box2 a {
		color: black;
		font-size: 12px;
	}