:root{--font-base: Lato, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;--color-text: #000;--color-link: #4e4e4e;--color-gray: #777}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--color-text);font-family:var(--font-base);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--color-link);text-decoration:none}a:hover{opacity:.7}img{max-width:100%;height:auto}h1,h2,h3,h4,p,figure,ul,ol{margin:0}.site-header{max-width:1080px;margin:0 auto;padding:34px 24px 20px;display:flex;align-items:center;justify-content:space-between}.site-header .brand{font-size:16px;color:#000;letter-spacing:.02em}.site-header .sns{display:flex;gap:22px;font-size:14px;color:#555}.site-header .sns a{color:#555}.top-container{max-width:1080px;margin:0 auto;padding:0 24px}.hero img{display:block;width:100%;height:auto}.section-title{font-size:17px;font-weight:100;letter-spacing:.35em;margin-bottom:24px}.top-two-col{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:56px}@media(max-width:760px){.top-two-col{grid-template-columns:1fr;gap:48px}}.new-entries{display:grid;gap:20px}.new-entry{display:grid;grid-template-columns:97px minmax(0,1fr);gap:16px;align-items:start;color:#333;font-size:14px;line-height:1.7}.new-entry img{width:97px;height:65px;object-fit:cover}.more-link{display:inline-block;margin-top:26px;font-size:14px;color:#333;border-bottom:1px solid #999}.works-more{text-align:right}.works-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.works-grid img{width:100%;aspect-ratio:110 / 73;object-fit:cover;display:block}.search-section{margin-top:90px;text-align:center}.search-section .section-title{font-size:19px}.search-form{display:flex;max-width:480px;margin:0 auto}.search-form input{flex:1;border:1px solid #ccc;padding:10px 14px;font-size:15px;font-family:var(--font-base)}.search-form button{border:1px solid #333;background:#333;color:#fff;padding:10px 22px;font-size:14px;cursor:pointer;font-family:var(--font-base)}.intro-section{margin-top:90px}.intro-section>.section-title{font-size:19px;text-align:center}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 56px;margin-top:40px}@media(max-width:760px){.intro-grid{grid-template-columns:1fr}}.intro-col h3{font-size:15px;font-weight:700;margin:14px 0 10px}.intro-col img{width:100%;aspect-ratio:247 / 128;object-fit:cover;display:block}.intro-col ul{list-style:none;padding:0;display:grid;gap:8px}.intro-col li{font-size:13.5px;line-height:1.7}.intro-col li a{color:#4e4e4e;border-bottom:1px solid #ddd}.profile-contact{margin-top:100px}.profile h3{font-size:16px;font-weight:700;margin:22px 0 14px}.profile p{font-size:14px;line-height:2;color:#222}.profile-sns{display:flex;gap:16px;margin-top:26px}.profile-sns a{display:grid;place-items:center;width:52px;height:52px;background:#111;color:#fff;font-size:20px}.contact h3{font-size:15px;font-weight:400;line-height:1.9;margin-bottom:16px}.contact label{display:block;font-size:14px;margin:14px 0 6px}.contact input,.contact textarea{width:100%;border:1px solid #ccc;background:#d9d9d9;padding:9px 10px;font-size:15px;font-family:var(--font-base)}.contact textarea{min-height:130px;resize:vertical}.contact .agree{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;margin-top:14px}.contact .agree input{width:auto;background:#fff}.contact button{display:block;margin:18px auto 0;background:#3f3f3f;color:#fff;border:none;padding:16px 48px;font-size:15px;letter-spacing:.1em;cursor:pointer;font-family:var(--font-base)}.contact button:hover{background:#222}.footer-banners{max-width:1080px;margin:90px auto 0;padding:0 24px 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:700px){.footer-banners{grid-template-columns:1fr;max-width:420px}}.footer-banners img{width:100%;border:1px solid #333;display:block}.article-header{text-align:center;padding:36px 16px 8px}.article-header .brand{font-size:22px;font-weight:400;color:#333;letter-spacing:.05em}.article-container{max-width:680px;margin:0 auto;padding:24px 24px 80px}.entry-updated{font-size:14px;color:#333;margin-bottom:10px}.entry-meta{display:flex;gap:16px;font-size:12.5px;color:#888;font-weight:700;margin-bottom:24px}.entry-meta .cat a{color:#888}.entry-title{font-size:24px;font-weight:700;line-height:1.45;margin-bottom:24px}.entry-content{font-size:16px;line-height:1.9;color:#111}.entry-content p{margin:0 0 1.6em}.entry-content h2{font-size:20px;font-weight:700;margin:2.2em 0 1em;padding-bottom:.4em;border-bottom:1px solid #ddd}.entry-content h3{font-size:19px;font-weight:700;margin:2.2em 0 1em}.entry-content h4{font-size:18px;font-weight:700;margin:2em 0 1em}.entry-content ul,.entry-content ol{margin:0 0 1.6em;padding-left:1.6em}.entry-content li{margin-bottom:.4em}.entry-content img{display:block;margin:0 auto 1.6em}.entry-content .aligncenter{display:block;margin-left:auto;margin-right:auto;text-align:center}.entry-content .alignleft{float:left;margin:0 1em 1em 0}.entry-content .alignright{float:right;margin:0 0 1em 1em}.entry-content blockquote{margin:1.6em 0;padding:1em 1.2em;background:#f7f7f7;border-left:4px solid #ddd;color:#555;font-size:.95em}.entry-content a{color:#1a6fa8}.entry-content table{border-collapse:collapse;margin:0 0 1.6em;width:100%;font-size:.95em}.entry-content th,.entry-content td{border:1px solid #ddd;padding:.5em .8em}.entry-content iframe,.entry-content .embed-youtube,.entry-content .youtube-player{max-width:100%}.entry-content iframe[src*="youtube.com"]{width:100%;aspect-ratio:16 / 9;height:auto}.su-row{display:flex;flex-wrap:wrap;gap:4%;margin-bottom:1.6em}.su-column-size-1-2{width:48%}@media(max-width:600px){.su-column-size-1-2{width:100%}}.su-column-inner img{margin-bottom:.5em}.hatena-bookmark-button{vertical-align:middle}.post-nav{display:flex;justify-content:space-between;gap:16px;margin-top:64px;font-size:13.5px}.post-nav a{color:#555;border-bottom:1px solid #ccc;max-width:46%}.archive-container{max-width:720px;margin:0 auto;padding:24px 24px 80px}.post-card{border-bottom:1px solid #e5e5e5}.post-card>a{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;padding:28px 0}.post-card .eyecatch{position:relative;margin:0}.post-card .eyecatch img{width:210px;aspect-ratio:360 / 230;object-fit:cover;display:block}.post-card .eyecatch .noimg{display:block;width:210px;aspect-ratio:360 / 230;background:#eee}.post-card .cat-label{position:absolute;top:0;right:0;background:#f5f5f5;color:#333;font-size:10.5px;padding:3px 8px;letter-spacing:.05em}.post-card h2{font-size:19px;font-weight:700;line-height:1.55;color:#111;margin-bottom:8px}.post-card .date{font-size:12px;color:#999;margin-bottom:8px}.post-card .excerpt{font-size:13px;color:#777;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:620px){.post-card>a{grid-template-columns:1fr;gap:12px;padding:22px 0}.post-card .eyecatch img,.post-card .eyecatch .noimg{width:100%}}.pagination{margin-top:44px}.pagination .page-numbers{list-style:none;padding:0;display:flex;justify-content:center;gap:8px}.pagination .page-numbers li>*{display:grid;place-items:center;min-width:38px;height:38px;padding:0 6px;border:1px solid #ddd;font-size:14px;color:#555}.pagination .current{background:#333;color:#fff;border-color:#333}.pagination .dots{border:none}.pagination a:hover{background:#f5f5f5;opacity:1}.site-footer{text-align:center;padding:0 24px 40px;color:#999;font-size:12px}.related_article{margin:1.8em 0}.related_article .inbox{padding-left:25%}.related_article p.ttl{margin:0 0 .1em;font-size:1em;font-weight:700}.related_article .ttl:before{content:"関連記事";font-size:.7em;font-weight:700;color:#fff;background:#111;width:5em;display:inline-block;padding:.2em;position:relative;top:-2px;text-align:center;margin-right:.5em;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.related_article.labelnone .ttl:before{content:none}.related_article .date{font-size:.8em}.related_article .thum{width:22%;float:left}.related_article .thum img{width:100%;margin-bottom:0}.related_article a{color:#333;background:#fff;border:1px solid #eee;box-shadow:1px 1px #efefef;text-decoration:none;display:block;padding:.9em}.related_article a:hover{color:#666;background:#ffffe0}.supplement{background:#ffffe0;background:#ff03;font-size:.92em;padding:1em;margin:1.5em 0 2em;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid rgba(237,237,237,.5)}.supplement p:last-child,.c_box p:last-child{margin-bottom:0}.supplement.warning{background:pink;background:#ff002d2e;color:#333}.supplement:before{font-family:fontawesome;content:"";display:inline-block;margin-right:.3em;font-size:1.2em}.supplement.warning:before{content:""}.supplement.boader:before{content:none}.supplement.noicon:before{content:none}.supplement.boader{background:none;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2)}.c_box{padding:1em 4%;margin:2em 0;border:2px solid #dddddd;border-radius:.2em}.c_box.intitle{padding-top:0;padding-bottom:1.4em}.c_box.intitle .box_title span{position:relative;top:-.85em;padding:.1em .7em;background:#6d6d6d;color:#fff;font-weight:700;border-radius:.2em;display:inline-block;vertical-align:bottom}.c_box.blue_box{background:#d4f3ff;border-color:#82c8e2;color:#465d65}.c_box.blue_box .box_title span{background:#82c8e2}.c_box.red_box{background:#ffafaf;border-color:#e77373;color:#654646}.c_box.red_box .box_title span{background:#e77373}.c_box.yellow_box{background:#fff8d4;border-color:#ded647;color:#636546}.c_box.yellow_box .box_title span{background:#ded647}.c_box.green_box{background:#d8f7c3;border-color:#79e37c;color:#42613a}.c_box.green_box .box_title span{background:#79e37c}.c_box.pink_box{background:#fee;border-color:#f7b2b2;color:#775454}.c_box.pink_box .box_title span{background:#f7b2b2}.c_box.glay_box{background:#ececec;border-color:#c5c5c5;color:#555}.c_box.glay_box .box_title span{background:#9c9c9c}.c_box.black_box{background:#313131;border-color:#757575;color:#fff}.c_box.black_box .box_title span{background:#757575}.cta-inner{background:#0e0e0e;color:#ddd;border-top:5px solid rgba(146,146,146,.3);padding:1.5em}.cta-inner .cta_copy{text-align:center;color:#fff;margin-bottom:1em}.cta-inner .btn-wrap a{box-shadow:none;margin-top:1em}.btn-wrap{margin:1.5em 0 2em}.btn-wrap.aligncenter{text-align:center}.btn-wrap a{display:inline-block;text-decoration:none;padding:1em 2em;background:#4993af;border:1px solid #4993AF;text-shadow:0 1px 1px rgba(0,0,0,.09);box-shadow:0 3px 5px #e9e9e9;color:#fff}.btn-wrap a:hover{background:#e69b9b;color:#fff;-webkit-transform:translate3d(0px,3px,1px);-moz-transform:translate3d(0px,3px,1px);transform:translate3d(0,3px,1px);box-shadow:none}.btn-wrap.simple a{background:none;border:1px solid #4993AF;color:#4993af;-webkit-box-shadow:0 3px 5px #eee;-moz-box-shadow:0 3px 5px #eee;box-shadow:0 3px 5px #eee;-webkit-box-shadow:0 3px 5px rgba(45,45,45,.05);-moz-box-shadow:0 3px 5px rgba(45,45,45,.08);box-shadow:0 3px 5px #2d2d2d14}.btn-wrap.simple a:hover{background:#4993af;color:#fff}.btn-wrap.big a{font-size:1.1em;padding:1.1em 2em;min-width:400px;max-width:90%}.btn-wrap.lightning a{background:#c81c1c;border-color:#c81c1c;box-shadow:0 3px 5px #00000026}.btn-wrap.lightning a:hover{background:#ec7373}.btn-wrap.bg{background:#efefef;background:#0000001a;padding:1.5em 1em;margin:2.5em 0}.btn-wrap.bg-yellow{background:#ffffe0;background:#ff03;padding:1.5em 1em;margin:2.5em 0}.btn-wrap.maru,.btn-wrap.maru a{border-radius:.4em}.btn-wrap.rich_yellow a{font-weight:700;position:relative;background-color:#f7cf2e;color:#fff!important;border-radius:.2em;box-shadow:0 4px #ecb254;border:none;text-shadow:0 1px 1px rgba(0,0,0,.09)}.btn-wrap.rich_yellow a:hover{background:#ecb254;color:#fff!important;box-shadow:0 1px #ecb254}.btn-wrap.rich_pink a{font-weight:700;position:relative;background-color:#ee5656;color:#fff!important;border-radius:.2em;box-shadow:0 4px #d34e4e;border:none;text-shadow:0 1px 1px rgba(0,0,0,.09)}.btn-wrap.rich_pink a:hover{background:#d34e4e;color:#fff!important;box-shadow:0 1px #d34e4e}.btn-wrap.rich_orange a{font-weight:700;position:relative;background-color:#ef9b2f;color:#fff!important;border-radius:.2em;box-shadow:0 4px #cc8c23;border:none;text-shadow:0 1px 1px rgba(0,0,0,.09)}.btn-wrap.rich_orange a:hover{background:#cc8c23;color:#fff!important;box-shadow:0 1px #cc8c23}.btn-wrap.rich_green a{font-weight:700;position:relative;background-color:#39cd75;color:#fff!important;border-radius:.2em;box-shadow:0 4px #1eae59;border:none;text-shadow:0 1px 1px rgba(0,0,0,.09)}.btn-wrap.rich_green a:hover{background:#1eae59;color:#fff!important;box-shadow:0 1px #1eae59}.btn-wrap.rich_blue a{font-weight:700;position:relative;background-color:#19b4ce;color:#fff!important;border-radius:.2em;box-shadow:0 4px #07889d;border:none;text-shadow:0 1px 1px rgba(0,0,0,.09)}.btn-wrap.rich_blue a:hover{background:#07889d;color:#fff!important;box-shadow:0 1px #07889d}.anim a{animation:jiggle 3s ease-in infinite}@keyframes jiggle{48%,62%{transform:scale(1)}50%{transform:scale(1.1,.9)}56%{transform:scale(.9,1.1) translateY(-5px)}59%{transform:scale(1) translateY(-3px)}}.voice{margin:1em 0 1.3em;font-size:.95em}.voice .voicecomment{border:3px solid #eee;background-color:#fff;color:#444;padding:2.5%;position:relative;width:86%;border-radius:5px}.voice.l .voicecomment{float:right}.voice.r .voicecomment{float:left}.voice.l .voicecomment:before{content:"";position:absolute;border-right:8px solid #eee;border-bottom:8px solid transparent;border-top:8px solid transparent;top:10px;left:-11px}.voice.l .voicecomment:after{content:"";position:absolute;border-right:10px solid #fff;border-bottom:8px solid transparent;border-top:8px solid transparent;top:10px;left:-7px}.voice.r .voicecomment:before{content:"";position:absolute;border-left:8px solid #eee;border-bottom:8px solid transparent;border-top:8px solid transparent;top:10px;right:-11px}.voice.r .voicecomment:after{content:"";position:absolute;border-left:10px solid #fff;border-bottom:8px solid transparent;border-top:8px solid transparent;top:10px;right:-7px}.voice .voicecomment h2,.voice .voicecomment h3,.voice .voicecomment h4,.voice .voicecomment h5{margin:10px 0!important;padding:0}.voice .voicecomment p{margin-bottom:1em}.voice .voicecomment p:last-child{margin-bottom:0}.voice .icon{width:10%;text-align:center}.voice.l .icon{float:left;margin-left:8px}.voice.r .icon{float:right;margin-right:8px}.voice .icon img{border-radius:50%;margin:0;box-shadow:0 0 8px #ccc;border:2px solid #fff}.voice .icon .name{font-size:.65em;padding:.4em 0}.voice.big .icon{width:18%}.voice.big .voicecomment{width:78%}.voice.l.fb .voicecomment:before{border-right-color:#4c5cb0}.voice.l.fb .voicecomment:after,.voice.l.line .voicecomment:after{content:none}.voice.fb .voicecomment{background:#4c5cb0;border-color:#4c5cb0;color:#fff}.voice.r.fb .voicecomment:before{border-left-color:#4c5cb0}.voice.r.fb .voicecomment:after{content:none}.voice.line .voicecomment{background:#7acc40;border-color:#7acc40;color:#fff}.voice.l.line .voicecomment:before{border-right-color:#7acc40}.voice.r.line .voicecomment:before{border-left-color:#7acc40}.voice.r.line .voicecomment:after{content:none}@media only screen and (max-width:480px){.btn-wrap a{font-size:.9em;padding:.9em 1.5em}.btn-wrap.big a{font-size:.9em;padding:.9em 1.5em;min-width:80%;max-width:90%}.btn-wrap.bg{padding:.9em .8em;margin:2.5em 0}.voice .icon{width:15%}.voice .voicecomment{width:80%;font-size:.95em}.related_article{font-size:.8em}.related_article .inbox{padding-left:32%}.related_article .ttl:before{content:"関連";width:3em}.related_article .thum{width:30%}.related_article a{padding:.6em}}@media only screen and (min-width:1100px){.column-wrap{width:102.8888%}.column-wrap .d-1of2,.column-wrap .d-1of3,.column-wrap .t-1of2,.column-wrap .tof3{padding-right:2.8%}}