/* --- iframe.css 現代版アップデート --- */

/* 全体の基本設定 */
body {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    line-height: 1.8;
    color: #333;
    margin: 20px;
    -webkit-text-size-adjust: 100%;
}

/* 文字サイズ設定（rem単位で画面に合わせる） */
span.font0 { font-size: 1.5rem; font-weight: bold; }
span.font1 { font-size: 1.25rem; }
span.font2 { font-size: 1rem; }
span.font3 { font-size: 0.875rem; }
span.font4 { font-size: 0.75rem; }
span.font5 { font-size: 0.5rem; }

/* 段落の色（既存の設定を継承） */
p { margin-bottom: 1.5em; }
p.example2 { color: #E0F8E0; } /* 薄緑 */
p.example5 { color: #DAA520; } /* 黄 */
p.example6 { color: #006400; } /* 深緑 */
p.example7 { color: #959595; } /* 灰 */
p.example8 { color: #000000; } /* 黒 */

/* テーブルのリフォーム：スマホで崩れない設定 */
table {
    border-collapse: collapse;
    width: 100%;
    max-width: 800px;
    margin: 20px auto;
    background-color: rgba(255, 255, 255, 0.8);
}

th, td {
    border: solid 1px #ccc;
    padding: 12px;
    text-align: left;
    vertical-align: top;
}

/* スマホ対応：画面が狭いときはテーブルを縦並びにする */
@media screen and (max-width: 600px) {
    table, tr, th, td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }
    th { border-bottom: none; background: #f9f9f9; }
}

/* リンク */
a { text-decoration: none; transition: 0.3s; }
a:link { color: #FF0000; }
a:visited { color: #0000CC; }
a:hover { opacity: 0.7; text-decoration: underline; }

/* 画像 */
img { border: none; max-width: 100%; height: auto; }