.adslot_1, .adslot_2, .adslot_3 { display: block;} @media screen and (min-width:481px) { .smartphone_only { display: none;}} @media screen and (min-width:1000px) { .sidebar { width: 20%; min-width: 190px; margin-right: 10px; padding: 5px; display: flex; align-items: flex-end;} #left_ad { padding-top: 10px; text-align: center; width: 100%;} p.smart_menu_open, .smart_menu { display: none;} #main { width: 80%;}} @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .sidebar { align-items: flex-start;}} @media screen and (max-width:999px) { .side_frame { display: none;} div.flex-content { flex-wrap: wrap;} .sidebar { width: 100%;} #left_ad { text-align: center; width: 100%;} div.side_wrap { position: relative; width: 100%;} p.smart_menu_open { font-size: 10px; color: #f5f5f5;} #show_menu:not(checked) + div.smart_window { opacity: 0; transition: all .2s ease; transform: translateX(-150%);} #show_menu:checked + div.smart_window { opacity: 1; transform: none;} div.smart_window { border: 2px solid #f5f5f5; position: absolute; top: 1rem; left: 0; margin: auto; padding: 10px 10px 10px 10px; line-height: 1.8; width: fit-content; background-color: #000000; position: fixed; z-index: 60;} div.smart_window .close { cursor: pointer; position: absolute; top: 0px; right: 4px; font-size: 24px; color: #f5f5f5;} div.smart_icon { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0.3rem; padding: 0; box-sizing: border-box; position: fixed; top: 0; left: 3.3rem; z-index: 60; cursor: pointer;} div.smart_icon label img { width: 50%;} #show_icon:not(checked) + div.smart_icon { opacity: 0; transition: all .2s ease; transform: translateY(-150%);} #show_icon:checked + div.smart_icon { opacity: 1; transform: none;}} body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, th, td { margin: 0; padding: 0; font-size: 100%; font-weight: normal; font-family: Meiryo,sans-serif;} h1, h2, h3, h4, h5, h6 { margin-block-start: 1.8em; margin-block-end: 1.2em; font-weight: bold;} body { color: #f5f5f5; background-color: #000000; font-size: 16px;} #wrapper2 { margin: 0 auto;} header { padding: 15px 10px 0; text-align: center;} li { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;} h1 { margin-block-start: 1.2em; margin-block-end: 0.6em; font-size: 1.5em;} h2 { font-size: 1.3em; border-left: 7px solid #888; border-right: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 12px 20px;} h3 { font-size: 1.2em; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; padding: 9px 10px;} h4 { font-size: 1.1em; border-bottom: 2px solid #ddd; padding: 9px 10px;} .start_the_game a { font-size: 10px; color: #f5f5f5; text-decoration: none;} p { padding: 9px 10px;} h1 + p { padding: 4px 5px;} img { max-width: 100%; height: auto;} div.square_display_ad { text-align: center; width: 100%; max-width: 450px;} p + div.images { margin: 8em 0 0;} div.images + p { margin-top: 0; padding: 0 10px;} a { color: #3a93ff; text-decoration: none;} .anchor { cursor: pointer; color: #3a93ff;} #main { max-width: 100%; padding: 5px 0 0;} #main ul { margin-left: 16px; padding: 0 0 0 40px;} div.rect12 span.japanese, div.rect12 span.english { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; text-align: right;} div.rect12 a { font-size: 10px; color: #f5f5f5; text-decoration: none;} div.rect12 span, p.start_the_game { cursor: pointer; font-size: 10px; color: #f5f5f5; text-decoration: none;} #main p.back_to_top { text-align: right;} #main p.back_to_top a, #main p.back_to_top span { cursor: pointer; font-size: 10px; padding: 0.2em; color: #f5f5f5; text-decoration: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;} footer { border-top: 3px solid #f5f5f5; text-align: right;} footer nav ul { list-style-type: none;} footer nav ul li { display: inline-block; font-size: 10px; padding: 0.2em;} footer a { color: #f5f5f5; text-decoration: none;} footer .powered-by { padding: 20px 0;} span.nowrap { white-space: nowrap;} div.contents_frame { border: 2px solid #f5f5f5; margin: 5px; padding: 0 10px 10px 10px; line-height: 1.8; width: fit-content;} div.contents_frame p { text-align: center; font-weight: bold;} #main div.contents_frame ul { margin-left: 16px; padding: 0 0 0 0px;} .yellow {color: #ffff00;} div.side_frame p, div.smart_window p { font-weight: bold; margin-bottom: 0;} div.side_frame p a, div.smart_window p a { color: #ddd;} div.side_frame ul, div.smart_window ul { margin-left: 16px; padding: 0 0 0 0px;} div.flex-content { display: flex; justify-content: space-around;} .side_wrap { margin: 0; padding: 0; position: -webkit-sticky; position: sticky; bottom: 5px;} div.side_frame { border: 2px solid #f5f5f5; margin: 5px auto; padding: 0 10px 10px 10px; line-height: 1.8; width: fit-content;} #start_playing, #start_playing:checked ~ aside div nav ul li span span.before, aside div nav ul li span span.after { display: none;} #start_playing:checked ~ aside div nav ul li span span.after { display: block;} input[name="smart_menu"] { display: none;} input[type="radio"] + table { margin-top: 0; display: table;} .hidden { display: none;}