h3#top_title{
	margin : 0px;
	background-color : #222222;
	color : #f8f8f8;
	text-align : center;
	/*line-height : 2.2em;*/
	padding-top:6px;
	padding-bottom:6px;
	font-size:24px;
	@media(max-width:640px){
		font-size:18px;
	}
}

h4#_subject{
	margin : 0px;
	background-color : #4682b4;
	color : #f8f8f8;
	text-align : center;
	/*line-height : 2.2em;*/
	padding-top:6px;
	padding-bottom:6px;
	font-size:20px;
	@media(max-width:600px){
		font-size:14px;
	}
}

.hSpace{
	clear: both;
 	height: 10px;
}

.AdsenseBottom{
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center; /* 中央揃えにしたい要素がインライン要素の場合に使用 */
}


.AdsenseTop {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center; /* 中央揃えにしたい要素がインライン要素の場合に使用 */
}



.grid-gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2列 */
    grid-template-rows: repeat(3, auto); /* 3行 */
    gap: 10px; /* 画像間の余白 */
    justify-content: center; /* 中央揃え */
    align-content: center; /* 中央揃え */
    width: 50%; /* 全体の幅を80%に設定 */
	@media(max-width:600px){
		width:80%;
	}
    margin: 0 auto; /* 左右のマージンを自動で調整 */
}

.grid-gallery img {
    width: 100%; /* 画像を列の幅いっぱいに広げる */
    height: auto; /* 画像のアスペクト比を維持 */
	border: 2px solid black; /* ボーダーの追加 */
	border-radius: 10px; /* 角を丸くする */

}

a,a:hover,a:visited{
    color: inherit;
	text-decoration: none;
}