:root{--color-primary: #2B4A3E;--color-primary-light: #4A7C68;--color-accent: #C8973A;--color-accent-light: #EDD89A;--color-bg: #F7F5F0;--color-bg-section: #EDF4F0;--color-text: #2C1E14;--color-text-sub: #5A7A6E;--color-text-light: #8AA89E;--color-border: #D4E4DC;--color-border-dark: #A8C4B8;--color-link: #2B4A3E;--color-link-hover: #1A3328;--font-serif: "Noto Serif JP", "YuMincho", "Yu Mincho", serif;--font-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 4px rgba(43, 74, 62, .08);--shadow-md: 0 3px 12px rgba(43, 74, 62, .12);--shadow-lg: 0 6px 24px rgba(43, 74, 62, .14)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:16px;line-height:1.85;color:var(--color-text)}img{max-width:100%;height:auto;display:block}.page-wrapper{max-width:800px;margin:0 auto;padding:0 24px 80px}.breadcrumb{font-size:12px;color:var(--color-text-light);padding:16px 0;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.breadcrumb a{color:var(--color-link);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.breadcrumb a:hover{border-bottom-color:var(--color-accent)}.breadcrumb span{color:var(--color-text-light)}.article-header{padding:28px 0 20px;border-bottom:1px solid var(--color-border);margin-bottom:36px}.article-meta{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.article-tag{font-size:12px;font-weight:700;padding:3px 10px;border-radius:3px;letter-spacing:.06em}.article-tag--cat{background:var(--color-primary);color:#fff}.article-tag--sub{background:var(--color-accent-light);color:var(--color-primary)}.article-content h1{font-family:var(--font-sans);font-size:clamp(22px,4vw,30px);font-weight:700;line-height:1.45;letter-spacing:.03em;color:var(--color-text);padding-bottom:14px;border-bottom:3px solid var(--color-primary);margin-bottom:25px;position:relative}.article-content h1:after{content:"";display:block;width:60px;height:3px;background:var(--color-accent);position:absolute;bottom:-3px;left:0}.article-content .eyecatch{margin:0 0 32px}.article-content .eyecatch img{width:100%;height:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:block}.article-content h2{font-family:var(--font-sans);font-size:clamp(18px,3vw,22px);font-weight:700;line-height:1.5;letter-spacing:.03em;color:var(--color-text);background:linear-gradient(135deg,var(--color-bg-section) 0%,#DFF0E8 100%);border-left:5px solid var(--color-primary);padding:14px 18px;border-radius:0 var(--radius-md) var(--radius-md) 0;margin:56px 0 24px;scroll-margin-top:16px;transform:translate(-10px);width:calc(100% + 10px)}.article-content h3{font-family:var(--font-sans);font-size:clamp(16px,2.5vw,20px);font-weight:700;line-height:1.5;letter-spacing:.02em;color:var(--color-primary);padding-bottom:8px;border-bottom:2px solid var(--color-accent-light);margin:40px 0 16px;display:flex;align-items:center;gap:8px;scroll-margin-top:16px}.article-content h3:before{content:"";display:inline-block;width:8px;height:8px;background:var(--color-accent);border-radius:50%;flex-shrink:0}.article-content h4{font-family:var(--font-sans);font-size:18px;font-weight:700;line-height:1.6;letter-spacing:.02em;color:var(--color-text);padding-left:7px;border-left:3px solid var(--color-accent);margin:28px 0 12px;transform:translate(-10px)}.article-content .block_h2{padding-left:10px}.article-content .block_h3{padding-left:20px}.article-content p{font-size:16px;line-height:1.6;color:var(--color-text);margin:15px auto 0}.article-content p:last-child{margin-bottom:0}.article-content strong{font-weight:700;color:var(--color-primary);background:linear-gradient(transparent 60%,#c8973a40 60%);padding:0 2px}.article-content hr{border:none;border-top:1px solid var(--color-border);margin:40px 0}.article-content ul{list-style:none;padding:0;margin:16px 0 20px}.article-content ul li{position:relative;padding:5px 0 5px 28px;border-bottom:1px dotted var(--color-border);font-size:15px;line-height:1.85}.article-content ul li:last-child{border-bottom:none}.article-content ul li:before{content:"";position:absolute;left:6px;top:15px;width:10px;height:10px;border:2px solid var(--color-primary-light);border-radius:50%;background:var(--color-accent-light)}.article-content ol{list-style:none;counter-reset:ol-counter;padding:0;margin:16px 0 20px}.article-content ol li{counter-increment:ol-counter;position:relative;padding:5px 0 5px 30px;border-bottom:1px dotted var(--color-border);font-size:15px;line-height:1.85}.article-content ol li:last-child{border-bottom:none}.article-content ol li:before{content:counter(ol-counter);position:absolute;left:0;top:7px;width:22px;height:22px;background:var(--color-primary);color:#fff;font-size:12px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:24px 0}.article-content table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;overflow:hidden;box-shadow:var(--shadow-sm)}.article-content table caption{font-weight:700;text-align:left}.article-content thead th{background:var(--color-primary);color:#fff;font-weight:700;padding:12px 14px;text-align:left;letter-spacing:.03em;font-size:13px;line-height:1.6}.article-content tbody tr{border-bottom:1px solid var(--color-border);transition:background .15s}.article-content tbody tr:last-child{border-bottom:none}.article-content tbody tr:hover{background:var(--color-bg-section)}.article-content tbody td{padding:11px 14px;line-height:1.6}.article-content tbody td:first-child{font-weight:600;color:var(--color-text-sub);white-space:nowrap}.article-content tbody tr:nth-child(2n){background:var(--color-bg)}.article-content tbody tr:nth-child(2n):hover{background:var(--color-bg-section)}.article-content .box{background:#fff;border:1px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:var(--radius-md);padding:15px;margin:24px 0;box-shadow:var(--shadow-sm)}.article-content .box>*:last-child{margin-bottom:0}.article-content .box-title{font-family:var(--font-sans);font-size:14px;font-weight:700;color:var(--color-primary);letter-spacing:.05em;margin:0 auto 12px;padding-bottom:10px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:6px}.article-content .box-title:before{content:"\1f4cc";font-size:15px}.article-content .box--point{background:linear-gradient(135deg,#fff9ee,#ffefd5);border-top-color:var(--color-accent);border-color:var(--color-accent-light)}.article-content .box--note{background:#f0f4f8;border-top-color:#5b89b4;border-color:#c2d3e4}.article-content .box--note .box-title{color:#3a6b95}.article-content .box--note .box-title:before{content:"\1f4a1"}.article-content a{color:var(--color-link);text-decoration:none;border-bottom:1px solid var(--color-accent-light);transition:color .2s,border-color .2s;word-break:break-all}.article-content a:hover{color:var(--color-link-hover);border-bottom-color:var(--color-accent)}.article-content .note_small{font-size:80%}.article-content .related-links-lead{margin-top:30px;margin-bottom:5px}.article-content .related-links{margin:30px 0 0;padding:0 17px 10px;border:1px solid var(--color-border);border-radius:10px}.article-content .related-links-lead+.related-links{margin-top:0}@media screen and (max-width:767px){.article-content .related-links{padding:0 12px 10px}}.article-content .related-links__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.article-content .related-links__list li{margin-bottom:0;padding:0;border:none}.article-content .related-links__list li:before{width:auto;height:auto;border:none;border-radius:0;background-color:unset;content:"\25b7";font-size:12px;color:var(--color-primary-light);flex-shrink:0;top:2px}.article-content .related-links__list a{display:flex;align-items:center;gap:10px;padding:0 0 0 21px;color:var(--color-text);font-size:14px;transition:background .2s,border-left-color .2s,transform .15s;text-decoration:underline;word-break:break-all;border:none;box-shadow:none}.article-content .related-links__list a:hover{background:var(--color-bg-section);border-left-color:var(--color-primary);transform:translate(2px);color:var(--color-primary)}.article-content .img-1col{margin:20px 0}.article-content .img-1col img{width:100%;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.article-content .img-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.article-content .img-2col figure{margin:0}.article-content .img-2col img{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.article-content .img-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.article-content .img-3col figure{margin:0}.article-content .img-3col img{width:100%;height:150px;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.article-content .img-caption{font-size:12px;color:var(--color-text-light);margin-top:8px;text-align:center;font-style:italic;line-height:1.6}.article-content .toc{background:var(--color-bg-section);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:0;margin:40px 0;overflow:hidden}.article-content .toc__title{font-family:var(--font-sans);font-size:15px;font-weight:700;color:var(--color-primary);margin:0;padding:12px 20px;border-bottom:1px solid transparent;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.article-content .toc__title:hover{background:var(--color-border)}.article-content .toc.is-open .toc__title{border-bottom-color:var(--color-border)}.article-content .toc__title:after{content:"\25bc";font-size:10px;color:var(--color-primary-light);transition:transform .25s ease;flex-shrink:0;margin-left:8px}.article-content .toc.is-open .toc__title:after{transform:rotate(-180deg)}.article-content .toc__body{max-height:0;overflow:hidden;transition:max-height .35s ease}.article-content .toc.is-open .toc__body{max-height:600px}.article-content .toc__body-inner{padding:12px 20px 16px}.article-content .toc ol{list-style:none;counter-reset:toc-counter;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.article-content .toc ol li{counter-increment:toc-counter;padding:0 0 0 26px;border:none;font-size:14px;line-height:1.7;position:relative}.article-content .toc ol li:before{content:counter(toc-counter) ".";position:absolute;left:0;top:0;font-weight:700;color:#fff;font-size:13px;line-height:1.7}.article-content .toc a{color:var(--color-text-sub);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.article-content .toc a:hover{color:var(--color-primary);border-bottom-color:var(--color-accent)}.article-lead{font-size:15px;line-height:1.9;color:var(--color-text-sub);margin-bottom:32px;padding:20px 24px;background:var(--color-bg-section);border-radius:var(--radius-md);border:1px solid var(--color-border)}.article-lead p{margin-bottom:12px}.article-lead p:last-child{margin-bottom:0}.maker-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:22px 24px;margin:20px 0;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.maker-card:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%)}.maker-card .maker-name{font-family:var(--font-sans);font-size:17px;font-weight:700;color:var(--color-text);margin-bottom:12px;display:flex;align-items:center;gap:8px}.maker-card .maker-name:before{content:"\1f3ed";font-size:18px}.maker-card p{font-size:14px;line-height:1.85;color:var(--color-text);margin-bottom:14px}.maker-card p:last-child{margin-bottom:0}.maker-card .maker-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--color-link);text-decoration:none;border:1px solid var(--color-border);border-left:3px solid var(--color-primary-light);background:var(--color-bg-section);padding:7px 14px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:background .2s,border-left-color .2s;word-break:break-all}.maker-card .maker-link:hover{background:var(--color-accent-light);border-left-color:var(--color-primary);color:var(--color-primary)}.maker-card .maker-link:before{content:"\25b7";font-size:11px;color:var(--color-primary-light);flex-shrink:0}.overview-table-wrap{margin:28px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.overview-table-wrap table{min-width:560px}.img-placeholder{background:var(--color-bg-section);border:2px dashed var(--color-border-dark);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-light);font-size:13px;font-weight:500;letter-spacing:.04em;text-align:center;padding:16px;width:100%}.img-placeholder--main{min-height:280px}.img-placeholder--h2{min-height:220px}.img-placeholder--h3{min-height:160px}.img-placeholder--h4{min-height:140px}.placeholder-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-light);background:var(--color-bg-section);border:1px dashed var(--color-border-dark);padding:6px 14px;border-radius:var(--radius-sm);margin:8px 0 18px}.region-badge{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.07em;color:var(--color-primary);background:var(--color-accent-light);border:1px solid var(--color-accent);padding:2px 10px;border-radius:20px;margin-bottom:0}@media(max-width:600px){.page-wrapper{padding:0 16px 60px}.article-content h2{margin-top:50px;padding:12px 14px 12px 10px;transform:translate(-10px);width:calc(100% + 20px);font-size:5.333333333vw}.article-content h3{font-size:4.8vw}.article-content h4{font-size:4.266666667vw}.article-content .img-2col{grid-template-columns:1fr}.article-content .img-2col img{height:220px}.article-content .img-3col{grid-template-columns:1fr 1fr}.article-content .img-3col img{height:120px}.article-content table{font-size:13px}.article-content thead th,.article-content tbody td{padding:5px 10px}.article-content .br_l{border-radius:var(--radius-md) 0 0 0}.article-content .br_r{border-radius:0 var(--radius-md) 0 0}.toc,.maker-card{padding:16px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/o_article.css.map */