:root{--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--ink:#51565b;--accent:#e25221;--paper:#fdf3e1}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%;height:auto}
.archive-note{background:var(--paper);color:var(--ink);font:14px/1.7 "Hiragino Kaku Gothic Pro","Meiryo",sans-serif}
.archive-note-inner{max-width:950px;margin:0 auto;padding:var(--s3) var(--s4)}
.archive-note p{margin:0 0 var(--s2)}
.archive-note strong{color:var(--accent)}
.archive-note-nav{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5)}
.archive-note-nav a,.archive-foot a{color:var(--accent);display:inline-block;padding:var(--s2) 0;min-height:44px}
.archive-foot{background:var(--paper);color:var(--ink);font:13px/1.7 "Hiragino Kaku Gothic Pro","Meiryo",sans-serif;margin-top:var(--s6)}
.archive-foot p{margin:0 0 var(--s2)}
.missing-box{max-width:640px;margin:var(--s6) auto;padding:0 var(--s4);font:16px/1.8 "Hiragino Kaku Gothic Pro","Meiryo",sans-serif;color:var(--ink)}
.missing-box a{color:var(--accent)}
body{margin:0}
@media (max-width:1000px){
 .wrapper,#h_box,.wrapper_head,.box,.footer_navi,.footer_navi2,.topics_topics,.topics_topics2,.twitter,.facebook,.rightcontents,.topics,.left,.right{width:auto;max-width:950px;float:none;margin-left:auto;margin-right:auto}
 .wrapper,.wrapper_head,.box,.footer_navi,.footer_navi2{padding-left:var(--s3);padding-right:var(--s3)}
 #header{height:auto;padding-bottom:var(--s3)}
 #logo{position:static;display:block;margin:var(--s3) 0}
 .top_navi,.top_navi2,.top_navi3,.top_navi4{position:static;width:auto;height:auto}
 .top_navi ul,.top_navi2 ul,.top_navi3 ul,.top_navi4 ul,.footer_navi ul,.footer_navi2 ul{height:auto;padding-top:var(--s2);display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4)}
 .top_navi li,.top_navi2 li,.top_navi3 li,.top_navi4 li,.top_navi li.end,.top_navi4 li.end,.footer_navi li,.footer_navi2 li,.footer_navi li.end,.footer_navi2 li.end{float:none;margin:0;padding:var(--s1) var(--s2);border:0;overflow:visible}
 .top_navi a,.top_navi4 a,.footer_navi2 li a{display:inline-block;padding:var(--s2) 0;min-height:44px}
 .wrapper_head{margin-bottom:var(--s5)}
 h1,h2,h3{font-size:20px;line-height:1.4;height:auto}
 h1.footer_navi2{height:auto}
 table{max-width:100%}
 #wrapper,#container,#contents,#main,#content,#header,#footer,#footer_main{width:auto;max-width:100%}
}
@media (max-width:1000px){
 .block,.footer,#topfade,#middlefade,#mainfade,#wrapper,#header3,#headerbread,#footerbread,#menu,#contents,#contents_block,#block,#main,#main_right,#submenu,#bread,.copyright,.dotborder,.dotborder_r,#headerdescription,#h_navi_title,#move,.block,.footer,.footer p{width:auto;max-width:100%;float:none;margin-left:auto;margin-right:auto}
 #mainfade,#middlefade{padding-left:var(--s3);padding-right:var(--s3)}
}
@media (max-width:1000px){
 table[width]{width:100%;height:auto}
 table[background]{background-size:100% 100%;table-layout:fixed;font-size:11px}
 td img{max-width:100%;height:auto}
}
@media (max-width:1000px){
 #block_border{width:auto;max-width:100%}
 table[background] td{width:auto}
 table[background]{display:block;background-size:cover}
}
@media (max-width:1000px){
 #wrapper *{position:static!important}
 #wrapper *{margin-top:0}
}
@media (max-width:1000px){
 #wrapper div,#wrapper p,#wrapper td{float:none!important;height:auto!important;margin-left:0!important;margin-right:0!important;max-width:100%}
 #wrapper table[background]{background-size:cover}
 .footer,.block{position:static!important;height:auto!important}
}
@media (max-width:1000px){
 #wrapper,#topfade,#middlefade,#mainfade,#contents,#main,#header3,#menu{height:auto!important;min-height:0!important;overflow:visible!important}
 #botfade{height:auto!important;min-height:var(--s5)}
 td[width]{width:auto}
}
@media (max-width:1000px){
 table[background]{background-image:none!important;background-color:#0b2a5a;padding:var(--s4);color:#fff}
 table[background] td{display:block;padding:var(--s2) 0}
}
