@charset "UTF-8";
main {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

article {
  padding: 10px;
  line-height: 1.7;
}
article section {
  border-bottom: #b3b2b2 solid 2px;
  width: 100%;
}
article section p {
  width: 100%;
  padding-right: 10px;
  margin-bottom: 10px;
}
article section ul {
  margin-left: 20px;
  margin-bottom: 40px;
  list-style-type: disc;
}
article section img {
  width: 100%; /* コンテナの幅いっぱいに表示します */
  height: auto; /* 幅に合わせて高さを自動調整し、アスペクト比を維持します */
  margin: 20px 0; /* 上下に20pxのマージンを追加します */
  display: block; /* 画像をブロック要素として扱い、レイアウト上の問題を避けることがあります（任意） */
}
article section span {
  color: mediumvioletred;
  font-weight: bold;
}

/*-------------------------------表--------*/
table {
  width: 100%;
  border-collapse: collapse;
  margin: 40px 0;
}
table th, table td {
  border: 1px #585857 solid;
  padding: 10px;
}
table th {
  width: 20%;
}

.teisei {
  color: red;
}

/* 更新日のスタイル (901px以下ではブロック表示) */
.update-date {
  text-decoration: underline; /* 下線を追加 */
  padding: 2px 6px; /* 内側の余白 */
  border-radius: 4px; /* 角を少し丸める */
  font-weight: bold; /* 文字を少し太くする場合 */
  display: block; /* ★ ブロック要素にして改行させる */
  margin-bottom: 0.3em; /* ★ 日付の下に少し余白を追加 */
  /* margin-right は不要になるので削除またはコメントアウト */
}

/* リスト項目の調整 */
.saisin li {
  margin-bottom: 1em; /* 各項目の下の余白を少し広げる */
  line-height: 1.6; /* 行間 */
}

@media screen and (min-width: 901px) { /*ウィンドウ幅が最大901px以上の場合に適用*/
  .saisin {
    margin-top: 40px;
  }
  /* 更新日のスタイル (901px以上ではインラインブロック表示に戻す) */
  .update-date {
    display: inline-block; /* ★ インラインブロックに戻す */
    margin-right: 4px; /* ★ 右側の余白を復活 */
    margin-bottom: 0; /* ★ 下の余白をリセット */
  }
  .ibent {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .ibent table {
    max-width: 66%;
    margin-top: 20px;
  }
  .ibent table td {
    padding-right: 0;
  }
  .ibent img {
    max-width: 30%;
    height: auto;
    border: #b3b2b2 solid 1px;
    align-self: flex-start; /* ★ Flexアイテムの縦方向の配置を上揃えにし、引き伸ばしを防ぐ */
  }
}/*# sourceMappingURL=mousikomi.css.map */