/*
Theme Name: JIN:R child
Template: jinr
Author: こつこつ自動化ノート編集室
Version: 1.1.0
*/
:root{--k-navy:#172f43;--k-ink:#253b49;--k-paper:#f6f3e9;--k-yellow:#e8bd48;--k-line:#d7dcd9;--k-muted:#62717a}
body.kotsu-notebook{background:var(--k-paper);color:var(--k-ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;letter-spacing:.025em}
.kotsu-notebook a:focus-visible{outline:3px solid #ab7413;outline-offset:5px}
.kotsu-notebook #commonHeader{background:#fffdf8;border-bottom:1px solid var(--k-line);box-shadow:none}
.kotsu-notebook #commonHeaderInner{max-width:1240px;margin:auto}
.kotsu-notebook #commonHeader a{color:var(--k-navy)}
.kotsu-notebook #commonHeader .c--site-title{font-weight:800;letter-spacing:.03em}
.kotsu-notebook #commonFooter{background:var(--k-navy);color:#f9f7ee;margin-top:0}
.kotsu-notebook #commonFooter a{color:#f9f7ee}
.kotsu-notebook #commonFooterInner{padding-top:35px;padding-bottom:30px}
.kotsu-notebook #footerInfo{padding-top:24px}
.kotsu-notebook #copyright{font-size:12px;opacity:.8}
.k-home{font-size:15px;line-height:1.95;overflow:hidden}
.k-home *{box-sizing:border-box}
.k-home h1,.k-home h2,.k-home h3,.k-home p,.k-home figure,.k-home ol{margin:0;padding:0}
.k-home a{text-decoration:none;color:inherit;transition:background .2s,color .2s}
.k-home a:hover{color:#8a640d}
.k-wrap{width:min(1180px,calc(100% - 80px));margin-left:auto;margin-right:auto}
.k-eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;line-height:1.5;color:var(--k-muted)}
.k-hero{display:grid;grid-template-columns:.95fr 1.1fr;gap:55px;padding:66px 0 55px;align-items:center}
.k-hero-copy>.k-eyebrow{display:flex;gap:9px;align-items:center;font-size:12px;letter-spacing:.08em;color:var(--k-navy);margin-bottom:26px}
.k-hero-copy>.k-eyebrow span{width:12px;height:12px;background:var(--k-yellow);display:inline-block}
.k-home .k-hero h1{font-size:clamp(31px,3.5vw,47px);line-height:1.55;font-weight:800;letter-spacing:.045em;color:var(--k-navy);margin-bottom:25px}
.k-highlight{background:linear-gradient(transparent 68%,var(--k-yellow) 68%,var(--k-yellow) 94%,transparent 94%)}
.k-hero .k-lead{line-height:2.15;color:#51606a;font-size:15px;margin-bottom:29px}
.k-button{display:inline-flex;align-items:center;gap:27px;background:var(--k-navy);color:white!important;padding:16px 23px;font-weight:700;font-size:13px;border:1px solid var(--k-navy)}
.k-button:hover{background:#304f62}
.k-button span{font-size:21px;line-height:1}
.k-small{font-size:11px;color:var(--k-muted)}
.k-hero-note{margin-top:14px!important}
.k-hero-photo{position:relative;padding-bottom:30px;transform:rotate(1deg)}
.k-hero-photo img{display:block;width:100%;height:425px;object-fit:cover;object-position:67% center;border:7px solid #fffdf8;box-shadow:7px 8px 0 #e6e1d4}
.k-hero-photo figcaption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.07em;padding:15px 9px 0;color:var(--k-muted)}
.k-photo-label{position:absolute;right:19px;bottom:60px;background:var(--k-yellow);padding:17px 20px;transform:rotate(-4deg);font-size:12px;font-weight:800;line-height:1.85;box-shadow:2px 3px 0 #172f4322}
.k-begin{border-top:1px solid var(--k-line);border-bottom:1px solid var(--k-line);padding:45px 0;display:grid;grid-template-columns:1.05fr 1.5fr;gap:45px;align-items:center}
.k-home h2{font-size:26px;line-height:1.65;letter-spacing:.055em;font-weight:800;color:var(--k-navy)}
.k-section-heading>.k-eyebrow,.k-topic-intro>.k-eyebrow{margin-bottom:13px}
.k-section-heading>p:last-child,.k-topic-intro>p:not(.k-eyebrow){font-size:12px;color:var(--k-muted);line-height:2;margin-top:15px}
.k-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.k-steps li{border-left:1px solid var(--k-line);padding-left:22px}
.k-step-no{display:inline-block;font-family:ui-monospace,Consolas,monospace;font-size:12px;color:#8b6b22;background:#eee7d4;padding:1px 7px;margin-bottom:13px}
.k-home .k-steps h3{font-size:17px;font-weight:800;margin-bottom:9px}
.k-steps p{font-size:12px;color:var(--k-muted);line-height:1.9}
.k-topics{padding:80px 0;display:grid;grid-template-columns:1fr 1.55fr;gap:65px}
.k-index-mark{display:block;font-family:ui-monospace,Consolas,monospace;line-height:1.3;font-size:24px;letter-spacing:.13em;color:#bbbcad;margin-top:47px}
.k-topic-row{display:grid;grid-template-columns:40px 1fr 25px;gap:15px;align-items:center;padding:23px 0;border-top:1px solid var(--k-line)}
.k-topic-row:last-child{border-bottom:1px solid var(--k-line)}
.k-topic-row:hover{background:#eee9dc}
.k-topic-number{font-family:ui-monospace,Consolas,monospace;font-size:17px;color:#9c7b2b;align-self:start;padding-top:20px}
.k-topic-text small{font-size:10px;color:var(--k-muted);letter-spacing:.1em}
.k-home .k-topic-text h3{font-size:20px;line-height:1.65;font-weight:800;margin:2px 0 6px}
.k-topic-text p{font-size:12px;color:var(--k-muted)}
.k-arrow{font-size:24px;color:var(--k-navy)}
.k-first{display:grid;grid-template-columns:190px 1fr;background:var(--k-navy);color:white;padding:36px 40px;gap:40px;position:relative}
.k-first:before{content:"";position:absolute;top:0;left:0;width:8px;height:100%;background:var(--k-yellow)}
.k-first-label{display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #ffffff38;font-size:15px;font-weight:700;line-height:1.8;padding-right:30px}
.k-first-number{font-family:ui-monospace,Consolas,monospace;font-size:58px;line-height:1;color:#e8bd48;letter-spacing:-.04em;margin-top:10px}
.k-first .k-eyebrow{color:#ded8bd;font-size:10px;letter-spacing:.08em}
.k-home .k-first h2{font-size:24px;color:white;margin:10px 0 13px;line-height:1.7}
.k-first-content>p:not(.k-eyebrow){font-size:13px;color:#d9e0e2;line-height:1.95}
.k-text-link{display:inline-flex;gap:35px;align-items:center;font-size:12px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:5px;margin-top:20px}
.k-first .k-text-link{color:var(--k-yellow)}
.k-latest{padding:75px 0 65px}
.k-latest-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:26px}
.k-latest-heading .k-eyebrow{margin-bottom:10px}
.k-note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.k-note-card{background:#fffdf8;border:1px solid var(--k-line);border-top:3px solid #c8b46c}
.k-note-card>a{padding:23px;display:flex;flex-direction:column;height:100%}
.k-note-card>a:hover{background:#f0eddf}
.k-card-top{display:flex;align-items:center;justify-content:space-between;color:var(--k-muted);font-size:10px;gap:8px}
.k-card-no{font-family:ui-monospace,Consolas,monospace;font-size:23px;color:#b2b4a5}
.k-home .k-note-card h3{font-size:17px;line-height:1.85;font-weight:800;margin:13px 0 15px;color:var(--k-navy)}
.k-note-card p{font-size:12px;line-height:1.95;color:var(--k-muted);margin-bottom:25px}
.k-card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e4e7df;padding-top:15px;margin-top:auto;font-size:10px;color:var(--k-muted)}
.k-card-bottom span{font-size:22px;color:var(--k-navy)}
.k-editor{padding:40px 45px;margin-bottom:65px;border-top:1px solid var(--k-line);border-bottom:1px solid var(--k-line);display:grid;grid-template-columns:150px 1fr;gap:45px;align-items:center;background:#eeeadd}
.k-editor>img{display:block;width:150px;height:150px;border-radius:50%;object-fit:cover;border:5px solid #fffdf8}
.k-editor .k-eyebrow{font-size:10px;margin-bottom:10px}
.k-home .k-editor h2{font-size:19px;letter-spacing:.03em;margin-bottom:12px}
.k-editor p:not(.k-eyebrow){font-size:12px;color:var(--k-muted);line-height:2}
.k-editor .k-text-link{margin-top:13px}
.kotsukotsu-ad-links{max-width:1140px;margin:0 auto;text-align:center;font-size:10px!important;line-height:2.1;letter-spacing:0;font-weight:400}
.kotsukotsu-ad-links .k-ad-label{display:block;margin-bottom:10px;opacity:.7}
.kotsukotsu-ad-links a{display:inline-block;margin:0 6px;text-decoration:underline!important;text-underline-offset:3px;overflow-wrap:anywhere}
.kotsu-notebook #postContent{line-height:2.05}
.kotsu-notebook #postContent table{display:table;width:100%;border-collapse:collapse;font-size:14px;margin:24px 0}
.kotsu-notebook #postContent th,.kotsu-notebook #postContent td{padding:12px 14px;border:1px solid #d7dcd9;text-align:left}
.kotsu-notebook #postContent th{background:#eeeadd}
.kotsu-notebook #postContent pre{background:#182f42;color:#fffdf8;padding:20px;overflow-x:auto;white-space:pre;line-height:1.8;font-size:13px;border-radius:0}
.k-note{padding:20px 24px;border-left:4px solid var(--k-yellow);background:#f5f0df;margin:25px 0}
.k-note p{margin:7px 0 0}
.kotsu-notebook .wpcf7 label{display:block;font-size:14px;font-weight:700;margin-bottom:20px}
.kotsu-notebook .wpcf7 input[type=text],.kotsu-notebook .wpcf7 input[type=email],.kotsu-notebook .wpcf7 textarea{display:block;width:100%;background:#fffdf8;border:1px solid #9ba9ae;border-radius:0;padding:12px;font-size:16px;line-height:1.6;margin-top:8px;color:var(--k-navy)}
.kotsu-notebook .wpcf7 input[type=submit]{background:var(--k-navy);color:white;border:0;border-radius:0;padding:15px 35px;font-weight:700;cursor:pointer}
@media(min-width:1025px){.kotsu-notebook #commonHeader .o--nav-box a{font-size:12px}.kotsu-notebook #commonHeader #siteTitle a{font-size:20px}}
@media(max-width:1024px){.k-wrap{width:calc(100% - 48px)}.k-hero{gap:28px;padding-top:45px;grid-template-columns:1fr 1fr}.k-hero-photo img{height:365px}.k-home .k-hero h1{font-size:32px}.k-begin{gap:25px;grid-template-columns:1fr 1.25fr}.k-steps{gap:14px}.k-steps li{padding-left:13px}.k-topics{gap:35px}.k-note-grid{gap:15px}.k-note-card>a{padding:18px}.k-first{grid-template-columns:140px 1fr;padding:30px;gap:25px}}
@media(max-width:650px){.k-wrap{width:calc(100% - 40px)}.k-home{font-size:14px}.k-hero{display:flex;flex-direction:column;gap:28px;align-items:stretch;padding:34px 0 32px}.k-hero-copy>.k-eyebrow{font-size:10px;margin-bottom:18px}.k-home .k-hero h1{font-size:30px;line-height:1.65;margin-bottom:15px;letter-spacing:.035em}.k-hero .k-lead{font-size:12px;line-height:2.1;margin-bottom:21px}.k-button{font-size:12px;padding:13px 20px;gap:30px}.k-hero-note{font-size:10px;margin-top:10px!important}.k-desktop-break{display:none}.k-hero-photo{margin:0 3px!important;padding-bottom:22px;transform:rotate(.7deg)}.k-hero-photo img{height:240px;border-width:5px;object-position:65% center;box-shadow:5px 6px 0 #e6e1d4}.k-hero-photo figcaption{font-size:8px;letter-spacing:.02em;padding:11px 5px 0;gap:6px}.k-photo-label{right:11px;bottom:47px;font-size:10px;padding:10px 13px}.k-begin{display:block;padding:30px 0}.k-home h2{font-size:22px}.k-section-heading h2 br{display:none}.k-section-heading>p:last-child{font-size:11px;margin-top:10px}.k-steps{margin-top:27px!important;gap:12px}.k-steps li{padding-left:10px}.k-home .k-steps h3{font-size:13px;margin-bottom:8px;white-space:nowrap}.k-steps p{font-size:10px;line-height:1.85}.k-step-no{font-size:10px;margin-bottom:10px}.k-topics{display:block;padding:40px 0}.k-topic-intro{margin-bottom:23px}.k-topic-intro h2 br{display:none}.k-topic-intro>p:not(.k-eyebrow){font-size:11px;margin-top:10px}.k-index-mark{display:none}.k-topic-row{grid-template-columns:28px 1fr 20px;gap:10px;padding:18px 0}.k-topic-number{font-size:14px;padding-top:22px}.k-home .k-topic-text h3{font-size:18px}.k-topic-text p{font-size:11px;line-height:1.85}.k-topic-text small{font-size:9px}.k-first{grid-template-columns:1fr;padding:25px 25px 28px;gap:20px}.k-first-label{flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid #ffffff38;padding:0 0 15px;font-size:12px;line-height:1.6}.k-first-label>span:first-child br{display:none}.k-first-number{font-size:33px;margin-top:0}.k-home .k-first h2{font-size:20px;line-height:1.85}.k-first-content>p:not(.k-eyebrow){font-size:11px}.k-latest{padding:40px 0}.k-latest-heading{display:block;margin-bottom:22px}.k-latest-heading>.k-small{display:block;margin-top:10px;font-size:10px}.k-note-grid{grid-template-columns:1fr;gap:16px}.k-note-card>a{padding:21px}.k-home .k-note-card h3{font-size:17px;line-height:1.85;margin:10px 0 12px}.k-note-card p{font-size:12px;margin-bottom:18px}.k-card-top{font-size:10px}.k-editor{grid-template-columns:1fr;padding:28px 22px;gap:20px;margin-bottom:40px}.k-editor>img{width:100px;height:100px;border-width:4px}.k-home .k-editor h2{font-size:17px}.k-editor p:not(.k-eyebrow){font-size:11px}.k-editor p br{display:none}.k-text-link{font-size:11px}.kotsu-notebook #commonFooterInner{padding-left:20px;padding-right:20px}.kotsukotsu-ad-links{line-height:2.1}.kotsukotsu-ad-links a{margin:0 4px}.kotsu-notebook #postContent table{font-size:12px}.kotsu-notebook #postContent td,.kotsu-notebook #postContent th{padding:9px}.kotsu-notebook #postContent pre{font-size:11px;padding:15px}.k-note{padding:16px 18px}}

/* Ensure footer advertisements remain readable on the navy background. */
.kotsu-notebook #commonFooter .kotsukotsu-ad-links a{color:#f9f7ee!important;font-size:10px!important;opacity:1}