/* 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} }

/* Approved reading and thumbnail refinement, 2026-10-08. */
@media(max-width:1120px){
 #snsbox .sns {position:static;bottom:auto;left:auto;width:auto;max-width:100%;margin:0;padding:16px;border:0;border-radius:0;background:none;box-sizing:border-box}
 #snsbox .sns .snsb {display:flex;gap:12px;flex-wrap:wrap}
 #snsbox .sns .snsb li {float:none;margin:0}
 #side .affix {position:static;width:auto;max-width:100%}
}
@media(max-width:600px){
 body{background:#fff;color:#202830;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;-webkit-text-size-adjust:100%}
 #header-in,#navi-in,#gazou-in,#footer-in{margin-left:18px;margin-right:18px}
 #wrap #wrap-in{margin-left:0;margin-right:0;gap:32px}
 #wrap #wrap-in #main{padding:20px 18px;border:0;border-radius:0;background:#fff}
 #main .kizi .content{padding:16px 0 0;margin:0;width:auto;max-width:100%;box-sizing:border-box}
 #main .post .kizi02{padding-left:0;padding-right:0}
 #main p,#main .post li{font-size:16px;line-height:1.85;letter-spacing:.01em}
 #main p{margin-bottom:24px}
 #main h1{font-size:26px;line-height:1.5;letter-spacing:-.025em;margin-bottom:18px;padding:0;border:0;background:none}
 #main h2{font-size:22px;line-height:1.55;margin:40px 0 20px;padding:0 0 12px;border:0;border-bottom:1px solid #dce2e5;background:none;letter-spacing:-.015em}
 #main h3{font-size:19px;line-height:1.6;margin:28px 0 14px;padding:0;border:0;background:none}
 #main .post .entry{display:block;margin:0 0 28px;padding:0 0 28px;border-bottom:1px solid #e4e8ea}
 #main .post .entry .sumbox{float:none;width:100%;height:auto;margin:0 0 16px;padding:0;line-height:0}
 #main .post .entry .sumbox a{display:block;border-radius:8px;overflow:hidden;background:#f2f4f5}
 #main .post .entry .sumbox img{display:block;width:100%;height:auto;aspect-ratio:16/10;max-height:none;object-fit:cover;margin:0;padding:0}
 #main .post .entry .sumbox img[src$=".png"]{object-fit:contain;background:#f2f4f5}
 #main .post .entry .entry-content{float:none;width:100%;padding:0;margin:0}
 #main .post .entry .entry-title-ac{font-size:21px;line-height:1.55;padding:0;margin:0 0 10px;border:0;background:none;letter-spacing:-.02em}
 #main .post .entry .entry-title-ac a{color:#202830}
 #main .post .entry .blog_info p{font-size:12px;line-height:1.7;color:#67737b;margin:0 0 12px;padding:0}
 #main .post .entry .dami{font-size:15px;line-height:1.8;color:#53616a;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0 0 12px}
 #main .post .entry .motto{margin:0;padding:0}
 #container #wrap #wrap-in #main .post .entry .entry-content .motto .more-link{display:inline-block;padding:7px 0;background:none;border:0;font-size:14px;line-height:1.7;font-weight:600;color:#285d73;text-decoration:none}
 #main .blog_info,#main .blog_info p,#main .blog_info span{background:transparent;color:#69747c;font-size:12px;line-height:1.8}
 #main .blog_info{padding:0;margin-bottom:18px}
 #main .kizi img{height:auto;max-width:100%}
 #main .post blockquote{padding:12px 16px;margin:24px 0;border-left:3px solid #d8e1e5;background:#f6f8f9}
 #main .post ul,#main .post ol{padding-left:24px}
 #main .post .blog_info ul{padding-left:0}
 #main .post .syntaxhighlighter{margin:24px 0!important;font-size:13px!important}
 #main table{margin:24px 0}
 #navi-in ul{gap:2px 4px;padding:0}
 #navi-in ul ul{padding-left:0}
 #navi-in li a{padding:8px 7px;font-size:12px;line-height:1.6;color:#53616a}
 #navi-in{padding:10px 0;border-bottom:1px solid #e4e8ea}
 #header .sitename{font-size:25px;line-height:1.4}
 #header .descr{font-size:12px;line-height:1.6;margin:4px 0 12px;color:#69747c}
 #wrap #wrap-in #side{padding:20px 18px;background:#f6f8f9;border-top:1px solid #e4e8ea}
 #page-top{position:static;clear:both;margin:24px 18px;text-align:right;font-size:12px}
 #page-top a{display:inline-block;width:auto;padding:10px 14px;background:#eff3f5;color:#3d5865;border-radius:6px}
}
@media(max-width:600px){
 #main .kizi p{padding-left:0;padding-right:0}
 #main .kizi .blogbox{margin:0 0 20px;padding:0;background:none}
 #main .kizi .blogbox p,#main .kizi .blogbox p .kdate{background:none;color:#69747c;font-size:12px;line-height:1.9;padding:0}
 #main .kizi .blogbox p .kdate{display:block}
}
@media(max-width:600px){#main .gist{max-width:100%;overflow-x:auto}#main .gist .gist-file{max-width:100%}}
/* Listing cards keep a generous image area above the mobile breakpoint. */
@media(min-width:601px){
 #main .post .entry{display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);gap:24px;align-items:start;margin:0 0 28px;padding:0 0 28px;border-bottom:1px solid #e4e8ea}
 #main .post .entry>.clear{display:none}
 #main .post .entry .sumbox{float:none;width:100%;height:auto;margin:0;padding:0;min-width:0}
 #main .post .entry .sumbox a{display:block;overflow:hidden;border-radius:8px;background:#f2f4f5;line-height:0}
 #main .post .entry .sumbox img{display:block;width:100%;height:auto;max-width:100%;max-height:none;aspect-ratio:4/3;object-fit:cover;margin:0;padding:0}
 #main .post .entry .sumbox img[src$=".png"]{object-fit:contain}
 #main .post .entry .entry-content{float:none;width:auto;min-width:0;padding:0;margin:0}
 #main .post .entry .entry-title-ac{font-size:22px;line-height:1.55;margin:0 0 12px;padding:0;border:0;background:none}
 #main .post .entry .entry-content p{padding-left:0;padding-right:0}
 #main .post .entry .blog_info p{font-size:12px;line-height:1.7;color:#69747c;margin:0 0 12px}
 #main .post .entry .dami{font-size:15px;line-height:1.8;color:#53616a;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0 0 12px}
 #main .post .entry .motto{margin:0;padding:0}
 #container #wrap #wrap-in #main .post .entry .entry-content .motto .more-link{display:inline-block;padding:7px 0;background:none;border:0;color:#285d73;font-size:14px;font-weight:600}
}
@media(min-width:601px) and (max-width:700px){
 #main .post .entry{display:block}
 #main .post .entry .sumbox{margin-bottom:16px}
 #main .post .entry .sumbox img{aspect-ratio:16/10}
}
/* Include footer padding within its declared desktop width. */
#footer-in{box-sizing:border-box}