.day-section { 
	margin-bottom: 50px; 
} 

.program-list {
	display: flex; flex-wrap: wrap; gap: 20px; 
} 

.program-card { 
	width: 280px;
	background-color: white; border: 4px solid #000000;
	overflow: hidden; 
	color: black; text-align: left; 
} 

.program-card img {
	width: 100%; height: auto; object-fit: cover; 
} 

.program-content {
	padding: 15px; 
} 



.program-title { 
	font-size: 20px; font-weight: bold; margin: 10px 0; line-height: 1.7; /* フォントサイズの1.6倍の高さ */ }


.program-time { 
	font-size: 14px; color: #000000; font-family: "gill-sans-nova", sans-serif; font-weight: bold; } 


.time-icon {
	font-family: "gill-sans-nova", sans-serif; display: flex; align-items: center; 
} 

.time-icon img {
	width: 20px; height:auto ; margin-right: 5px; 
} 



.personality { 
	display: flex; align-items: center;line-height: 1.6; 
} 


.personality img {
	width: 20px; height:auto ; 
	margin-right: 5px;
margin-top: 0px;
}


.program-title a { 
	color: black; text-decoration: none; transition: color 0.3s ease; /* ← ふわっと色が変わる */ 
} 


.program-title a:hover {
	color: red; /* ← 赤 */
} 
/* 帯番組だけ縦並びにする！ */ 
.wide-programs .program-list {
	display: flex; flex-direction: column; gap: 30px; /* ← これが最も安定して間隔出せるハム！ */ 
} 

.program-title img, 
.program-title a { 
	display: block;
}


.program-title img{
	width: auto; height:20px ; margin-right: 5px; 
} 


.band-programs {
	max-width: 1100px; /* 最大幅 */ width: 90%; /* 画面幅の90%を使う */ margin: 0 auto; /* 左右マージン自動で中央寄せ */ box-sizing: border-box; /* パディング込みで幅を計算 */ 
} 


.wide-programs {
	width: 100%; /* 横幅いっぱいに伸ばす */ max-width: 2200px; /* 最大幅を決めると見やすい */ margin: 0 auto; /* 左右中央寄せ */ padding: 0 20px; /* スマホ時の余白 */ box-sizing: border-box; /* パディング込みで幅計算 */ 
}

#podcast-container{
	margin-bottom:300px; 
} 

@media (max-width: 1200px) { 
	.program-card { width: 45%; /* 2列表示（中画面） */ } }


@media (max-width: 600px){ 
	.band-program-logo{
	} 
	
	.band-programs { 
		max-width: 100px; /* 最大幅 */ width: 90%; /* 画面幅の90%を使う */ margin: 0 auto; /* 左右マージン自動で中央寄せ */ box-sizing: border-box; /* パディング込みで幅を計算 */
	} 
	
	.program-card {
		width: 100%; padding: 10px; border-width:4px; 
	} 
	
	.program-title img {
		height: 10px; /* 好きなサイズに調整してね */ width: auto; display: inline-block; /* 変えなくてもOKだけど安全策で */ margin-right: 5px; vertical-align: middle; /* 文字と揃える */ 
	} 
	
	.program-card img {
		width: 100%; height: auto; /* 画像を小さく */ object-fit: cover; 
	} 
	
	
	.program-content {
		padding: 20px 10px; /* 上下の余白増やす */ 
	} 
	.time-icon img, 
	.personality img {
		width: 16px; /* アイコン少し小さく */ height:auto; margin-right: 6px; /* アイコンの右余白微調整 */ 
	} 
}




.time-icon {
  font-family: "gill-sans-nova", sans-serif;
  display: flex;
  align-items: center;
  white-space: nowrap;
  width: 100%;
}

.time-icon img {
  width: 20px;
  height: auto;
  margin-right: 5px;
  flex-shrink: 0;
}




.program-body-content h2 {
   font-size: 1.5rem;
  color: #444;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}