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;
	}
}

#chui{
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:#ff0000;
	font-weight:bold;
}

.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; /* 中央揃えにしたい要素がインライン要素の場合に使用 */
}


#MessageTitle{
	display:block;
	width:100%;
	background-color:#ffb700;
	font-weight:bold;
	color:#222222;
	text-align:center;
	font-size:1.1em;
	padding-top:0.3em;
}

#MessageTitle img{
	vertical-align:sub;
}

#ExpireOfApp{
	display:block;
	width:100%;
	background-color:#ff6347;
	/*font-weight:bold;*/
	color:#ffffff;
	text-align:center;
	font-size:0.9em;
	padding-top:0.3em;
	padding-bottom:0.3em;
}
	
#OperatorofApp{
	display:block;
	width:100%;
	background-color:#ffffff;
	font-weight:bold;
	color:#222222;
	text-align:center;
	/*font-size:0.8em;*/
	padding-top:0.5em;
}

#OperatorofApp img{
		width:auto;
		height:72px;
		vertical-align:middle;
}
	
/* ベーススタイル */
.center-container {
  display: flex;
  flex-direction: column; /* 子要素を縦方向に並べる */
  align-items: center;
  min-height: 10vh;
  padding: 10px 0;
}



.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;
}

/*セレクトメニュー
/* 親ラッパーを全幅に */
.menu-wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
}

/* ナビゲーションをブロック表示で100%に */
.navbar {
  position: relative;
  display: block;
  width: 100%;
}

/* ドロップボタンを全画面幅に */
.dropdown-btn {
  background-color: #3498db;
  color: white;
  padding: 12px 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  border-radius: 0; /* 四隅の丸みをなくすなら */
  width: 100vw; /* ←←← 画面幅ぴったり */
  box-sizing: border-box;
}

/* ドロップダウン内容も同じ幅に */
.dropdown-content {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100vw; /* ←←← ボタンと同じ幅に */
  background-color: white;
  box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #ddd;
}

.dropdown-content a:hover {
  background-color: #f1f1f1;
}

.navbar:hover .dropdown-content {
  display: block;
}