body {
  font-family: "Hiragino Mincho ProN", "Yu Mincho", serif; /* 情緒的な明朝体 */
  font-size: 17px;           /* 小さすぎず、スマホでも読みやすいサイズ */
  line-height: 1.9;          /* ゆったりとした行間 */
  color: #333;               /* 刺激の少ない墨色 */
  background-color: #fcfaf2; /* 目に優しい紙のような薄いクリーム色 */
  padding: 20px;             /* 左右の適切な余白 */
}
h1 { /* 作品のタイトル */
  font-size: 1.6rem;        /* 約27px */
  letter-spacing: 0.15em;   /* 文字の間隔を広げてゆったりと */
  margin-bottom: 2rem;
  text-align: center;       /* タイトルは中央寄せが美しい */
}

h2 { /* 章題・場面転換 */
  font-size: 1.25rem;       /* 約21px（本文より一回り大きい程度） */
  margin-top: 3rem;         /* 前のシーンとの間隔を大きく開ける */
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #ddd; /* さりげない線で区切りを */
  padding-bottom: 0.5rem;
}
h3 { /* 小見出し（使う場合） */
  font-size: 1.1rem;        /* 約19px */
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
/* 見出し色 */
.blue {
   color: dodgerblue;
   font-weight: bold;
}
.blue2 {
   color: dodgerblue;
}
.red{
   color: #cc0000;
   font-weight: bold;
}
.red2{
   color: #cc0000;
}
.black {
   font-weight: bold;
}
/* ラッピング */
.wrap {
  margin: 2em 0;
  padding: 0;
}

.wrap label {
  display: block;
  padding : 8px;
  color: #fff;
  font-weight: bold;
  background: #999;
  cursor: pointer;
}
@media only screen and (max-width: 750px) {
    img { max-width: 100%; }
}
.wrap input[type="checkbox"] {
  display: none;
}
.wrap .content {
  height: 0;
  padding: 0;
  overflow: hidden;
  margin-bottom: 10px;
  border: 1px solid #ccc;
}

.switch:checked + .content {
  height: auto;
  padding: 8px;
  background: #f7f7f7;
}

/* テーブル */
.selection-table {
  width: 100%;
  max-width: 800px;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: sans-serif; /* 設定画面などはゴシック体が見やすい */
}

.selection-table th, .selection-table td {
  padding: 15px;
  border-bottom: 1px solid #eee;
  vertical-align: middle; /* 上下の中央揃え */
  font-size: 0.8rem;
}

.selection-table th {
  background-color: #f8f9fa;
  text-align: left;
  color: #666;
}

/*テーブルの中を明朝体にする*/
.selection-table td.list {
  text-align: light;
  vertical-align: top;
  width: 50%;
  font-family: "Hiragino Mincho ProN", "Yu Mincho", serif; /* 情緒的な明朝体 */
  font-size: 15px; 
  line-height: 1.9;          /* ゆったりとした行間 */
  color: #333;               /* 刺激の少ない墨色 */
}

.selection-table label {
  display: block;
  cursor: pointer;
  width: 100%;
}

/* フローティングボタンの設定 */
.floating-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: grey;
  color: #fff;
  padding: 10px 15px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.floating-button a {
  text-decoration: none;
  color: #fff;
  font-size: 14px;
}
/*囲み*/
.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: solid 2px #000000;
}
/*ニュース見出し*/
.midashi {
  text-align: center;
  background-color: black;
  color: white;
}