.FM-container {
      display: flex;
      justify-content: center;
      width: 100%;
     
      padding: 40px;
    }

    .btn {
      position: relative;
      display: inline-block;
      width: 220px;
      height: 60px;
      line-height: 48px;
      color: #000;
      text-decoration: none;
      background-color: white;
      border-radius: 9999px;
      overflow: hidden;
      transition: color 0.4s ease;
      box-sizing: border-box;
      padding: 0 24px;
      font-weight: 600;
      font-family: 'Arial', sans-serif;
      text-align: center;
      cursor: pointer;
      user-select: none;
      white-space: nowrap;
      vertical-align: middle;
      margin-bottom: 16px;
      margin-top: 20px;
      z-index: 1;
      border: 5px solid #000;
    }

    .btn::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 23%;
      height: 100%;
      background: #a8ffcf;
      border-radius: 60px;
      z-index: -1;
      transition: width 0.4s ease;
    }

    .btn:hover::before {
      width: 100%;
      border-radius: 8px;
    }



/*FM＋＋で聴く*/


/*アプリアイコン*/

.image-row {
	margin:0 auto;
	 max-width: 800px;         /* 幅の上限 */
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap; /* スマホで折り返す */
  margin-top: 30px;
}

.image-box {
  width: 100%;
  max-width: 300px; /* 最大幅 */
  box-sizing: border-box;
  margin: 0 auto;
}

.image-box img {
  width: 100%;
  height: 90px;
  border-radius: 8px;
  /* box-shadow は削除したハム！ */
}

  .image-box a {
    display: inline-block;
  }

.caption {
  margin-top: 8px;
  font-size: 14px;
  color: #555;
}








/*FM＋＋のアイコン*/
.FMimg{
	width: 300px;
	height:auto;
	margin-bottom:50px;
	
}







/*ラジオで聴く画像*/

.main-image{
	
	 text-align: center; /* テキストと画像の両方を中央寄せ */
	width: 80%;
	 max-width: 300px;
	
	
	
	height: auto;
	
	

	
	
}
.radio-image{
	
	width:80%;
	margin:30px auto;
	
	text-aline:center;
}


.map-image{
	
	width:85%;
	margin:30px auto;
	max-width:600px;
	
}






.radiolisten{
	
	margin:90px 0;
	
	
}
.image-row-container {
  flex-wrap: wrap;
  gap: 15px; /* gapを少し小さくする */
  padding: 0 10px; /* 画面端の余白確保 */
  box-sizing: border-box;
}

.image-block {
  text-align: center;
}


.areamap-wrapper{
  
   
             /* 画面の高さいっぱい */
    text-align: center;
	margin-bottom:10px;
	margin-top:10px;
	
	
}
.main-image,
.radio-image,
.map-image,
.FMimg {
  width: 100%;         /* 親幅にフィット */
  max-width: 300px;    /* 最大幅300pxをキープ */
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* スマホは1列に */
@media (max-width: 600px) {
  .image-row-container,
  .image-row {
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .image-box {
    max-width: 100%;
    padding: 0 10px;
  }
	
	
	
	
	
	
	
/*アプリアイコン*/



.image-box {
  width: 100%;
  max-width: 300px; /* 最大幅 */
  box-sizing: border-box;
  margin: 0 auto;
}

.image-box img {
  width: 100%;
  height: 90px;
  border-radius: 8px;

}

  .image-box a {
    display: inline-block;
  }

.caption {
  margin-top: 8px;
  font-size: 14px;
  color: #555;
}








/*FM＋＋のアイコン*/
.FMimg{
	width: 300px;
	height:auto;
	margin-bottom:50px;
	
}







/*ラジオで聴く画像*/

.main-image{
	
	 
	width: 50%;
	 max-width: 300px;
	
	
	
	height: auto;
	
	

	
	
}
.radio-image{
	
	width:80%;
	margin:30px auto;
	
	text-aline:center;
}


.map-image{
	
	width:85%;
	margin:30px auto;
	max-width:600px;
	
}






.radiolisten{
	
	margin:50px 0;
	
	
}
.image-row-container {
  flex-wrap: wrap;
  gap: 15px; /* gapを少し小さくする */
  padding: 0 10px; /* 画面端の余白確保 */
  box-sizing: border-box;
}

.image-block {
  text-align: center;
}


.areamap-wrapper{
  
   
             /* 画面の高さいっぱい */
    text-align: center;
	margin-bottom:10px;
	margin-top:10px;
	
	
}
.main-image,
.radio-image,
.map-image,
.FMimg {
  width: 40%;         /* 親幅にフィット */
  max-width: 300px;    /* 最大幅300pxをキープ */
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

	
	
	
	
	
}