/* ------------------------------------------------------------ */ /* margin: & padding: */ body, div, p, h1, h2, h3, th, td, ul, ol, li, form, pre { margin: 0; padding: 0; } /* ------------------------------------------------------------ */ /* display: */ textarea, header, footer, main, article, section, nav, aside, small, #a1, #a2, #a3, #a4, .front, #scaling_span, #support_iframe { display: block; } #a5, #a10, #header_hr, .ss_p_c6 em, #scaling_div, #support_div { display: none; } #star_p span { display: inline-block; } /* ------------------------------------------------------------ */ /* position: */ header, #header_nav span, #review_p span, #info_ul li, .td2, .ss_p_c6 em, .radio { position: relative; } strong, #header_button { position: absolute; } /* ------------------------------------------------------------ */ /* font-family: */ html, pre, button { font-family: "メイリオ", "Meiryo", "ヒラギノ丸ゴ ProN", "Hiragino Maru Gothic ProN", sans-serif; } /* ------------------------------------------------------------ */ /* font-size: */ html { font-size: 62.5%; } body { font-size: clamp(1.4rem, 100vw / 25, 2.0rem); } h1, #review_p span { font-size: 1.3em; } h2, h3 { font-size: 1.2em; } .x { font-size: 1.1em; } small, button, th { font-size: 0.9em; } /* ------------------------------------------------------------ */ /* variables */ :root { --banner-height: calc(100vw / 3); } /* ------------------------------------------------------------ */ /* */ body { background-color: #ffffff; color: #444444; line-height: 1.5; } #can_scroll { overflow: visible; } #no_scroll { overflow: hidden; } em { font-weight: bold; font-style: normal; } /* ------------------------------------------------------------ */ /*
*/ #header_img { width: 100%; height: var(--banner-height); } #header_text { padding: 0.4em 0 0 0.8em; } #header_title { width: 12em; font-weight: normal; } #header_author { color: #888888; } #header_button { top: calc(var(--banner-height) + 1em); right: 0.8em; width: 9em; } #header_button, #copy_button { height: 2.4em; } /* ------------------------------------------------------------ */ /*