/* Existing desktop theme is retained; layout adapts to the available width. */
@media (max-width:1120px) {
 #header-in,#wrap-in,#navi-in,#footer-in,#gazou-in {width:auto;max-width:100%;margin-left:16px;margin-right:16px;box-sizing:border-box}
 #wrap #wrap-in {display:flex;flex-direction:column;gap:28px}
 #wrap #wrap-in #main,#wrap #wrap-in #side {float:none;width:100%;box-sizing:border-box;min-width:0}
 #wrap #wrap-in #main {padding:24px}
 #wrap #wrap-in #side {max-width:730px;align-self:center}
 #header-in img,#main img,#side img,#gazou-in img {max-width:100%;height:auto}
 #header-in,#main,#side,#footer-in {overflow-wrap:anywhere}
 #container #header #header-in #h-l,#container #header #header-in #h-r {float:none;width:auto;max-width:100%;box-sizing:border-box}
 #navi-in ul {display:flex;flex-wrap:wrap;gap:4px}
 #navi-in li,#navi-in li li {float:none;display:block;padding:0;border:0}
 #navi-in li a {float:none;display:block;padding:12px 10px;line-height:1.5}
 #navi-in ul ul {padding-left:12px}
 .post .entry {display:flex;gap:20px;align-items:flex-start}
 .post .entry .sumbox {float:none;flex:0 0 150px;width:150px;height:auto}
 .post .entry .entry-content {float:none;flex:1;width:auto;min-width:0;padding-left:0}
 #main iframe,#main video,#main embed,#main object {max-width:100%}
 #main iframe[src*="youtube"],#main iframe[src*="vimeo"] {width:100%;height:auto;aspect-ratio:16/9}
 #main pre {max-width:100%;overflow-x:auto;box-sizing:border-box;white-space:pre;overflow-wrap:normal;font-size:14px;line-height:1.7;padding:16px}
 #main table {display:block;max-width:100%;overflow-x:auto}
 #main .wp-caption {max-width:100%;box-sizing:border-box}
 #main input,#main textarea,#side input {max-width:100%;box-sizing:border-box}
 #footer-in {padding:24px 0}
}
@media (max-width:600px) {
 #header-in,#wrap-in,#navi-in,#footer-in,#gazou-in {margin-left:12px;margin-right:12px}
 #wrap #wrap-in #main {padding:20px 16px}
 #main p,#main .post li {font-size:16px;line-height:1.9}
 #main h1 {font-size:25px;line-height:1.55;word-break:normal}
 #main h2 {font-size:22px;line-height:1.6}
 #main h3 {font-size:20px;line-height:1.6}
 #header .sitename {font-size:27px;line-height:1.4}
 #header .descr {font-size:13px;line-height:1.7}
 .post .entry {display:block;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid #e1e5e8}
 .post .entry .sumbox {width:100%;height:auto;margin:0 0 16px;text-align:left}
 .post .entry .sumbox img {width:auto;max-width:100%;max-height:240px;object-fit:contain}
 .post .entry .entry-content {width:100%;padding:0}
 #main .entry-title-ac {margin-top:0}
 #main .blog_info p,#main .blog_info li {font-size:12px;line-height:1.7}
 #main .alignleft,#main .alignright {float:none;max-width:100%;margin:12px 0}
 #main .sumbox {max-width:100%}
 #main .entry-content {max-width:100%;box-sizing:border-box}
 #main .p-navi dl,#main .p-navi dt,#main .p-navi dd {float:none;width:auto;max-width:100%;box-sizing:border-box}
 #side #side-in {padding:8px 0}
 #navi-in li a {font-size:14px;padding:10px 9px}
 #main .pagination {line-height:2;overflow-wrap:anywhere}
}
@media (max-width:1120px) {
 #main div[style*="width"],#side div[style*="width"],#main ins.adsbygoogle,#side ins.adsbygoogle {max-width:100%;box-sizing:border-box}
 #searchform > div {display:flex;gap:6px;max-width:100%}
 #searchform #s {width:auto;min-width:0;flex:1}
 #searchform #searchsubmit {position:static;flex:none;width:auto}
}
/* Fixed desktop share rail becomes normal-flow content on smaller screens. */
@media (max-width:1120px) {
 #snsbox {position:static;clear:both;width:auto;max-width:100%;margin:20px 0}
 #main div[style*="float:left"],#main div[style*="float: left"] {float:none!important;max-width:100%;margin-left:0!important;margin-right:0!important}
}

@media(max-width:1120px){ #main ins.adsbygoogle,#side ins.adsbygoogle{max-width:100%;box-sizing:border-box} #main .syntaxhighlighter{max-width:100%;overflow-x:auto!important} }
