/* ------------------------------------------------------------ */ /* margin: & padding: */ body, div, p, h1, h2, h3, th, td, ul, ol, li, form, pre { margin: 0; padding: 0; } /* ------------------------------------------------------------ */ /* display: */ body { display: grid; } textarea, header, footer, main, article, section, nav, aside, small, .front, #scaling_span, #support_iframe { display: block; } #scaling_div, #support_div, .sp_only { 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, #header_hr, #header_nav, #scaling_span, #support_iframe, #bbs_hide { position: absolute; } #scaling_div, #support_div { position: fixed; } /* ------------------------------------------------------------ */ /* 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: 1.7rem; } h1 { font-size: 1.4em; } h2, h3, #review_p span { font-size: 1.2em; } .x, #header_author { font-size: 1.1em; } th, small, button, .td1, .td3 { font-size: 0.9em; } #header_nav, #info_ul { font-size: 0.84em; } /* ------------------------------------------------------------ */ /* cursor: */ #footer_nav span, #header_nav span, #header_button, #copy_button, #review_link_span, #readme_link_span, #detail_link_span, .ss_p_c1, .ss_p_c6 { cursor: pointer; } /* ------------------------------------------------------------ */ /* scrollbar */ html::-webkit-scrollbar { width: 16px; height: 16px; } html::-webkit-scrollbar-thumb { border: 1px solid #999999; border-radius: 8px; background-color: #ffffff; } /* ------------------------------------------------------------ */ /* */ body { grid-template-columns: 660px 300px; grid-template-rows: repeat(3, auto); width: 960px; margin: auto; 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 { grid-area: 1/1/2/3; margin: 0 0 15px; height: 470px; } #header_img { width: 960px; height: 300px; object-fit: cover; object-position: bottom center; } #header_text { width: 800px; height: 100px; padding: 5px 0 0 120px; background-image: url("img/icon.avif"); background-repeat: no-repeat; background-size: 100px 100px; } #header_title { margin: 10px 0 0; font-weight: normal; } #header_author { color: #888888; } #header_button { top: 315px; right: 0; width: 125px; height: 35px; } /* ------------------------------------------------------------ */ /*