/* 固定ページ用シンプル汎用CSS
   body.page #content  にのみ適用されます
*/

/* 全体 */
body.page #content  {
    font-family: "Noto Sans JP", sans-serif;
    line-height: 1.8;
    color: #333;
    background: #fff;
    padding: 20px;
    max-width: 960px;
    margin: auto;
    text-align: left;
    padding-bottom: 90px;
}

/* 見出し */
body.page #content  h1 {
    font-size: 2rem;

}
body.page #content  h2 {
    font-size: clamp(21px, 3.8vw, 33px) !important;
    font-weight: 600;
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: .5em;
    margin-bottom: 1em;
}
body.page #content  h3 {
    font-size: clamp(19px, 3.6vw, 31px) !important;
    font-weight: 600;
    padding: .5em .7em;
    border-left: 5px solid #2589d0;
    background-color: #f2f2f2;
    color: #333333;
}
body.page #content  h4 {
    font-size: clamp(17px, 3.4vw, 29px) !important;
    font-weight: 600;
    border-bottom: 3px double #2589d0;
    background-color: #ffffff;
    color: #333333;
}

body.page #content .margin20 {
    display: block;
    margin-bottom: 20px;
}

body.page #content .margin50 {
      display: block;
      margin-bottom: 50px;
}

/* 段落・リンク */
body.page #content  p { margin: 1em 0; }
body.page #content  a { color: #62aee6; text-decoration: none; }
body.page #content  a:hover { text-decoration: underline; }

/* リスト */
body.page #content  ul,
body.page #content  ol { padding-left: 1.4em; margin: 1em 0; }
body.page #content  li { margin: .4em 0; }

body.page #content  ol li {
    list-style-type: decimal;
}
body.page #content  ul li {
    list-style-type: disc;
}

/* 画像 */
body.page #content  img { max-width: 100%; height: auto; display: block; margin: 1em auto; }

/* テーブル */
body.page #content  table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5em 0;
    border: 1px solid #ddd;
}
body.page #content  th,
body.page #content  td {
    padding: .8em;
    border: 1px solid #ddd;
    text-align: left;
}
body.page #content  th {
    background: #f5f9ff;
    font-weight: bold;
}

/* 引用 */
body.page #content  blockquote {
    margin: 1.5em 0;
    padding: 1em;
    border-left: 4px solid #62aee6;
    background: #f7fbff;
    color: #555;
}

/* ボタン風リンク */
body.page #content  button,
body.page #content  .wp-block-button__link,
body.page #content  a.button {
    display: inline-block;
    padding: .6em 1.2em;
    border-radius: 3em;
    background: #62aee6;
    color: #fff !important;
    font-weight: bold;
    text-align: center;
}
body.page #content  button:hover,
body.page #content  .wp-block-button__link:hover,
body.page #content  a.button:hover {
    background: #4b9dd8;
    text-decoration: none;
}

/* FAQ (details/summaryを利用) */
body.page #content  details {
    margin: 1em 0;
    border: 1px solid #ddd;
    border-radius: .5em;
    padding: .5em 1em;
}
body.page #content  summary {
    cursor: pointer;
    font-weight: bold;
    padding: .4em 0;
}
body.page #content  details[open] { background: #f9f9f9; }

/* 埋め込みiframe (YouTube等) */
body.page #content  iframe {
    max-width: 100%;
    border: none;
}