/* ------------------------------------------------------------ */ /* margin: & padding: */ body, div, p, h1, h2, h3, th, td, ul, ol, li, form, fieldset, pre { margin: 0; padding: 0; } /* ------------------------------------------------------------ */ /* display: */ textarea, header, footer, main, article, section, nav, aside, td a, ul a { display: block; } body { display: grid; } #footer_nav_sp, .sp_only, div[align="center"], center { display: none; } /* ------------------------------------------------------------ */ /* position: */ .h2, .square1, .square2, #content_nav { position: relative; } #site_select, #content_mode, #content_filter, #copyright { position: absolute; } header, footer { position: fixed; } /* ------------------------------------------------------------ */ /* font-size: */ h1, .square1, .square2 { font-size: 1.6rem; } body, h2, h3 { font-size: 1.45rem; } /* ------------------------------------------------------------ */ /* font-weight: */ h1, h2, h3 { font-weight: normal; } em { font-weight: bold; font-style: normal; } /* ------------------------------------------------------------ */ /* text-align: */ #content_date, #content_all { text-align: center; } footer { text-align: right; } /* ------------------------------------------------------------ */ /* text-decoration: */ a { text-decoration: none; } a:hover { text-decoration: underline; } /* ------------------------------------------------------------ */ /* color: */ body { color: #333333; } main a:link, aside a:link { color: #5555ff; } main a:visited, aside a:visited { color: #8833ee; } main a:hover, aside a:hover { color: #3333dd; } header, footer, header a:link, header a:visited, footer a:link, footer a:visited, #site_select { color: #ffffff; } header a:hover, footer a:hover { color: #aaffff; } .square1 { color: #555555; } .square2 { color: #888888; } /* ------------------------------------------------------------ */ /* background-color: */ html, body, html::-webkit-scrollbar-thumb { background-color: #ffffff; } header, footer, header option { background-color: #3c3c3c; } .tr2 { background-color: #f8f8f8; } select { background-color: transparent; } /* ------------------------------------------------------------ */ /* border-bottom: */ aside h2, #content_header, #content_date { border-bottom: 1px solid #999999; } /* ------------------------------------------------------------ */ /* */ html { overflow-y: scroll; font-size: 62.5%; font-family: "メイリオ", "Meiryo", "ヒラギノ丸ゴ ProN", "Hiragino Maru Gothic ProN", sans-serif; } html::-webkit-scrollbar { width: 16px; height: 16px; } html::-webkit-scrollbar-thumb { border: 1px solid #999999; border-radius: 8px; } /* ------------------------------------------------------------ */ /* */ body { grid-template-columns: 715px 276px; grid-template-rows: repeat(3, auto); border-right: 1px solid #999999; border-left: 1px solid #999999; line-height: 150%; } body, header, footer { width: 991px; margin: auto; } /* ------------------------------------------------------------ */ /*
*/ header, footer { z-index: 5; height: 20px; } header { grid-area: 1/1/2/3; top: -1px; padding: 1px 0 0; border-bottom: 1px solid #555555; } h1 { padding-left: 20px; font-family: "Bradley Hand"; } #site_select { top: 1px; right: 1px; padding: 0; border: none; } /* ------------------------------------------------------------ */ /*