/******************************************************/
/*                                                    */
/* メインと再度メニューの編集                         */
/*                                                    */
/******************************************************/
/* 全体(デスクトップPCとスマホ)に適用するCSS */
.wrapper
{
	width: 980px ;
	margin: 0 auto ;	/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 5px ;		/* 上下左右の余白を0にしておく */
	background:#edeaff;
}


/* 見出し */
.title-block
{
	margin-bottom:25px;
	margin-top: 10px;
}

.title-greeting 
{
	font-weight:600;
	text-align: center;
	padding-left:10px;
	margin-bottom:8px;
	letter-spacing:2px;
}

.title-main
{
	font-size:22px;
	margin-left:12px;
	margin-top:50px;
	margin-bottom:35px;
	text-align: center;
}

h2{
	font-size:32px;
/*	border-left:5px solid #666;*/
	padding-left:12px;
	margin:40px 0 20px;
}

h3{
	font-size:22px;
	margin-top:20px;
}

h4{
	font-size:16px;
	padding-left: 15px;
	margin-top:40px;
}

p
{
	text-align: center;
}

/* 本文 */
/* 右回り込み写真 */

.photo-right
{
	float:right;
	width:220px;
	margin:0 0 15px 20px;
	border-radius:6px;
}

/* 横並び写真 */

.photo-row
{
	display:flex;
	gap:15px;
	margin: 20px 0;
}

.photo-row img
{
	width:40%;
	border-radius:6px;
}

/* 中央写真 */

.photo-top
{
	display:block;
	margin:25px auto;
	border-radius:6px;
}
.photo-center
{
	display:block;
	margin:25px auto;
	width:40%; 
	border-radius:6px;
}

/* 回り込み解除 */

.message
{
	padding: 0 20px
}

.message::after
{
	content:"";
	display:block;
	clear:both;
}

.message p
{
	margin-bottom: 18px;
	padding-left: 20px;
	font-size: 16px;
	line-height:2.0;
}

.message .last
{
	margin-top: 25px;
	font-weight: 500;
}


.section-divider
{
	text-align:center;
	margin:50px 0;
	color:#999;
	font-size:16px;
	letter-spacing:6px;
}



/* 記念誌 */
.project
{
	padding-top: 30px;
	background:#f6f6f6;
	margin: 20px;
	border-radius:10px;
	border: solid 3px #8e91de;
}

.book
{
	background:#f6f6f6;
	padding:10px 20px;
	border-radius:6px;
	text-align: center;

}

.book ul
{
	padding-left:20px;
	list-style: none;
}
.book p
{
	font-size: 20px;
}

/* 目次 */
.indexpage
{
	padding:10px 20px;
	border-radius:6px;
	margin: 10px 20px;
}

.indexpage ul
{
	padding-left:40px;
	list-style: none;
}

.regions
{
	font-style:italic;
	margin-bottom:10px;
	padding: 0 30px;
}


/* フッター */

.anniv-footer{
margin-top:60px;
text-align:center;
font-size:13px;
color:#777;
}


/* ======================
スマホ
====================== */
@media screen and (max-width:767px)
{

	/* 全体 */

	.wrapper
	{
		width:auto;
		margin:0;
		padding:15px;
	}


	/* 見出し */

	h2{
		font-size:26px;
	}

	h3{
		font-size:20px;
	}

	h4{
		font-size:16px;
	}

	.title-main
	{
		font-size:20px;
		margin-top:30px;
		margin-bottom:25px;
	}


	/* 本文 */

	.message
	{
		padding:0;
	}

	.message p
	{
		padding-left:0;
		font-size:15px;
		line-height:1.9;
	}


	/* 右回り込み画像 → 回り込み解除 */

	.photo-right
	{
		float:none;
		display:block;
		width:80%;
		margin:20px auto;
	}


	/* 横並び画像 → 縦並び */

	.photo-row
	{
		flex-direction:column;
		align-items:center;
	}

	.photo-row img
	{
		width:80%;
	}


	/* 中央画像 */

	.photo-center
	{
		width:80%;
	}


	/* 区切り線 */

	.section-divider
	{
		margin:35px 0;
		font-size:14px;
	}
.section-divider::before
{
	content:"─── ☆ ───";
}

	/* 記念誌 */

	.book
	{
		margin:10px 0;
		padding:15px;
	}

	.indexpage
	{
		margin:10px 0;
		padding:15px;
	}


	/* 地域一覧 */

	.regions
	{
		padding:0;
		text-align:center;
		line-height:1.8;
	}

}