body { font-family: "Hiragino Sans", "Meiryo", sans-serif; }

.cell-box{
  background: #fff;
  border: 3px solid #669;   /* 枠線 */
  border-radius: 12px;       /* 角丸 */
  padding: 10px;            /* 内側余白 */
  margin: 5px;
}

.cell-box-fill{
  background: #448;
  color:#FFF;
  border: 3px solid #448;   /* 枠線 */
  border-radius: 12px;       /* 角丸 */
  padding: 10px;            /* 内側余白 */
  margin: 5px;
}

.title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;          /* 古いブラウザ考慮なら margin-left にする */
}
.title__img{ height:40px; }
.title__h2{ margin:0; }

.spacer { height: 20px; }

/* 緊急情報欄 */
.info-box-emergency {
  border: 3px solid #c00;
  border-radius: 8px;
  margin: 10px 5px;
}
.info-box-emergency .info-box__header {
  background: #c00;
  color: #fff;
  text-align: center;
  padding: 6px 0;
  font-size: 14pt;
  font-weight: bold;
  letter-spacing: 0.3em;
}
.info-box-emergency .info-box__body {
  padding: 10px 15px;
  font-size: 11pt;
  color: #333;
  max-height: 500px;
  overflow-y: auto;
}

/* 新着情報欄 */
.info-box-news {
  border: 3px solid #0056b3;
  border-radius: 8px;
  margin: 10px 5px;
}
.info-box-news .info-box__header {
  background: #0056b3;
  color: #fff;
  text-align: center;
  padding: 6px 0;
  font-size: 14pt;
  font-weight: bold;
  letter-spacing: 0.3em;
}
.info-box-news .info-box__body {
  padding: 10px 15px;
  font-size: 11pt;
  color: #333;
  max-height: 200px;
  overflow-y: auto;
}

@media (max-width: 767px) {
  .spacer { height: 20px; }
  .info-box-emergency .info-box__body { max-height: 300px; }
  .info-box-news .info-box__body { max-height: 150px; }
  .title__h2 { font-size: 1.2em; }
  .title__img { height: 30px; }
  .cell-box { padding: 8px; margin: 3px; }
  .cell-box p { font-size: 11pt !important; }
  .cell-box-fill { padding: 8px; margin: 3px; }
  .cell-box-fill h2 { font-size: 1.1em; }
}