/*
Theme Name: HimejiHack White Homepage
Theme URI: https://himejihack.com/
Description: Preserves the supplied HimejiHack homepage HTML while removing the Wayback toolbar and restoring original URLs. Homepage white background.
Version: 1.0.0
Author: Custom HTML Conversion
Text Domain: himejihack-white
*/
/* Fallback page layout if the original STINGER5 stylesheet URL is no longer available. */
html { box-sizing:border-box; }
*, *::before, *::after { box-sizing:inherit; }
body,body.custom-background { background:#fff !important; color:#333; margin:0; font-family:Arial,'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif; font-size:14px; line-height:1.7; }
img { max-width:100%; height:auto; }
a { color:#1a73a7; text-decoration:none; }
a:hover { text-decoration:underline; }
#header-out { background:#fff; border-bottom:1px solid #ddd; }
#header-out header { max-width:1000px; padding:20px 16px 10px; margin:0 auto; }
.sitename { margin:0; }
.sitename img { max-width:100%; }
h1.descr { font-weight:normal; font-size:12px; margin:0 0 12px; }
.pc-navi { border-top:1px solid #ddd; }
.pc-navi .menu { max-width:1000px; margin:0 auto; display:flex; padding:0; flex-wrap:wrap; list-style:none; }
.pc-navi .menu li a { display:block; padding:10px 20px; color:#333; font-weight:bold; border-right:1px solid #eee; }
#wrapper { max-width:1000px; margin:0 auto; padding:0 15px; }
#content { display:flex; align-items:flex-start; gap:30px; padding-top:20px; }
#contentInner { width:650px; min-width:0; flex:1; }
#content aside { width:300px; flex:none; }
#topnews,.box, .side-bg { margin-bottom:30px; }
.box h2 { font-size:23px; border-bottom:2px solid #ddd; padding-bottom:12px; }
.box h3 { font-size:19px; border-left:4px solid #ddd; background:#f7f7f7; padding:8px 12px; }
.box ul { padding-left:24px; }
.box li { margin:4px 0; }
#topnews h3,.menu_underh2 { font-size:18px; padding:8px 10px; border-bottom:2px solid #ddd; }
#topnews dl,.wpp-list dl { display:flex; gap:12px; border-bottom:1px solid #e9e9e9; padding:8px 0 14px; margin:0; }
#topnews dt,.wpp-list dt { flex:none; width:110px; }
#topnews dd,.wpp-list dd { margin:0; flex:1; }
#topnews dt img,.wpp-list dt img { width:100px; }
.blog_info { font-size:12px; color:#888; }
.wpp-list h5 { margin:0; font-size:14px; }
.newpost ul { padding-left:20px; }
.newpost li { margin:10px 0; }
#h-navi { border-top:1px solid #ddd; margin-top:40px; }
#h-navi-menu { display:flex; flex-wrap:wrap; list-style:none; gap:20px; padding:15px 0; }
footer { text-align:center; border-top:1px solid #ddd; padding:25px 0; font-size:13px; }
footer h3 { font-size:18px; }
#page-top { position:fixed; bottom:20px; right:20px; }
.pcnone { display:none; }
.clearfix::after { content:''; display:block; clear:both; }
@media (max-width:750px) { #content { display:block; } #contentInner,#content aside { width:100%; } .smanone { display:none; } .pcnone { display:block; } #s-navi .menu { display:flex; flex-wrap:wrap; list-style:none; padding:8px; margin:0; } #s-navi li a { display:block; padding:8px; } #wrapper { padding:0 12px; } }