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-container {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 2列が均等にサイズを変更 */
  grid-template-rows: auto auto auto; /* 3行の定義 */
  grid-gap: 10px; /* セル間の隙間 */
  /*border: 1px solid black;*/ /* コンテナの境界線 */
    width: 50%; /* 全体の幅を80%に設定 */
	@media(max-width:600px){
		width:80%;
	}
    margin: 0 auto; /* 左右のマージンを自動で調整 */
	margin-top:10px;
}

.grid-item {
  border: 2px solid black; /* 各グリッドアイテムの境界線 */
	border-radius: 10px; /* 角を丸くする */
  display: flex;
  align-items: center; /* 中央揃え */
  justify-content: center; /* 中央揃え */
}

.grid-item.image img {
  max-width: 100%; /* 最大幅をコンテナに合わせる */
  height: auto; /* 高さを自動調整 */
  display: block; /* ブロックレベルの要素として表示 */
}


.full-link {
  display: flex; /* フレックスボックスを使用 */
  align-items: center; /* 垂直方向の中央揃え */
  justify-content: center; /* 水平方向の中央揃え */
  width: 100%; /* 親要素の全幅を使用 */
  height: 100%; /* 親要素の全高さを使用 */
  text-decoration: none; /* リンクの下線を消す */
  color: inherit; /* 親要素から色を継承 */
  padding: 10px; /* パディングを追加 */
}

.grid-item.text {
  display: flex; /* フレックスボックスを使用 */
  align-items: center; /* 垂直方向の中央揃え */
  justify-content: center; /* 水平方向の中央揃え */
	font-size:20px;
	@media(max-width:600px){
		font-size:14px;
	}
}

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