img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:0 0 !important;padding:0 !important}
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,#0693e3 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,#fcb900 0%,#ff6900 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,#ff6900 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0px -3px #fff,6px 6px #000;--wp--preset--shadow--crisp:6px 6px 0px #000}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex>:is(*,div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid>:is(*,div){margin:0}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}.has-black-color{color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-color{color:var(--wp--preset--color--white) !important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple) !important}.has-black-background-color{background-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-background-color{background-color:var(--wp--preset--color--white) !important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple) !important}.has-black-border-color{border-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-border-color{border-color:var(--wp--preset--color--white) !important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple) !important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum) !important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple) !important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux) !important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk) !important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean) !important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass) !important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight) !important}.has-small-font-size{font-size:var(--wp--preset--font-size--small) !important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium) !important}.has-large-font-size{font-size:var(--wp--preset--font-size--large) !important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large) !important}
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal !important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label:before,.wpcf7-list-item-label:after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner:before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner:before{animation-name:blink;animation-duration:2s}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type=file]{cursor:pointer}.wpcf7 input[type=file]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}
#toc_container li,#toc_container ul{margin:0;padding:0}#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:0 0;list-style-type:none;list-style:none}#toc_container.have_bullets li{padding-left:12px}#toc_container ul ul{margin-left:1.5em}#toc_container{background:#f9f9f9;border:1px solid #aaa;padding:10px;margin-bottom:1em;width:auto;display:table;font-size:95%}#toc_container.toc_light_blue{background:#edf6ff}#toc_container.toc_white{background:#fff}#toc_container.toc_black{background:#000}#toc_container.toc_transparent{background:none transparent}#toc_container p.toc_title{text-align:center;font-weight:700;margin:0;padding:0}#toc_container.toc_black p.toc_title{color:#aaa}#toc_container span.toc_toggle{font-weight:400;font-size:90%}#toc_container p.toc_title+ul.toc_list{margin-top:1em}.toc_wrap_left{float:left;margin-right:10px}.toc_wrap_right{float:right;margin-left:10px}#toc_container a{text-decoration:none;text-shadow:none}#toc_container a:hover{text-decoration:underline}.toc_sitemap_posts_letter{font-size:1.5em;font-style:italic}
:root{--color-primary:#3f2b24;--color-secondary:#3f2b24;--color-accent:#b7b2b0;--color-hover:#b7b2b0;--color-bg:#fff;--color-bg-gray:#f7f7f7;--color-white:#fff;--color-gray-100:#f7f7f7;--color-gray-200:#eee;--color-gray-300:#ddd;--color-gray-400:#aaa;--color-gray-600:#777;--color-text:#4f4f4f;--color-text-light:#777;--color-heading:#333;--color-border:rgba(89,62,8,.16);--font-sans:'Open Sans','Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.0625rem;--fs-lg:1.25rem;--fs-xl:1.4375rem;--fs-2xl:1.875rem;--fs-3xl:2.25rem;--lh-base:1.75;--lh-tight:1.3;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:3px;--radius-md:6px;--shadow-sm:0 1px 4px rgba(0,0,0,.08);--shadow-md:0 3px 12px rgba(0,0,0,.12);--transition:.2s ease;--container-max:1200px;--sidebar-width:280px;--header-h:100px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.75;letter-spacing:.06em;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-hover)}ul,ol{list-style:none}button,input,textarea,select{font:inherit}button{cursor:pointer;border:none;background:0 0}.container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-6)}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.site-main{flex:1;padding-top:var(--space-10);padding-bottom:var(--space-16)}.layout-with-sidebar{display:grid;grid-template-columns:1fr var(--sidebar-width);gap:var(--space-10);align-items:start}.site-header{position:sticky;top:0;z-index:100;background:var(--color-white);border-bottom:1px solid rgba(238,238,238,1);box-shadow:var(--shadow-sm)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h)}.site-logo a{display:flex;flex-direction:column;color:var(--color-heading);line-height:1}.site-logo .logo-text{font-family:var(--font-sans);font-size:1.5rem;font-weight:700;letter-spacing:.02em}.site-logo .logo-tagline{font-size:10px;font-weight:700;text-align:center;color:var(--color-text-light);margin-top:4px;letter-spacing:.08em}.site-logo img{height:50px;width:auto}.primary-nav{display:flex;align-items:center;gap:var(--space-1)}.primary-nav ul{display:flex;align-items:center;gap:0}.primary-nav li{position:relative}.primary-nav>ul>li>a{display:flex;align-items:center;padding:0 10px;height:var(--header-h);line-height:var(--header-h);font-size:var(--fs-sm);font-weight:600;color:#373737;letter-spacing:.04em;white-space:nowrap;transition:color var(--transition)}.primary-nav>ul>li>a:hover,.primary-nav .current-menu-item>a{color:var(--color-hover)}.primary-nav .sub-menu{position:absolute;top:100%;left:0;min-width:220px;background:var(--color-white);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-md);z-index:200;opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--transition)}.primary-nav li:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}.primary-nav .sub-menu a{display:block;padding:10px 16px;font-size:var(--fs-xs);color:#373737;border-bottom:1px solid var(--color-gray-100)}.primary-nav .sub-menu a:hover{background:var(--color-gray-100);color:var(--color-primary)}.header-search{display:flex;align-items:center;gap:var(--space-2)}.header-search-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#373737;font-size:1rem;transition:color var(--transition)}.header-search-btn:hover{color:var(--color-hover)}.search-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:300;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.search-overlay.is-open{opacity:1;visibility:visible}.search-overlay-inner{background:var(--color-white);padding:var(--space-8);border-radius:var(--radius-md);width:min(560px, 90vw)}.search-overlay-form{display:flex;border:2px solid var(--color-primary);border-radius:3px;overflow:hidden}.search-overlay-input{flex:1;border:none;outline:none;padding:var(--space-3) var(--space-4);font-size:var(--fs-base)}.search-overlay-submit{padding:var(--space-3) var(--space-6);background:var(--color-primary);color:var(--color-white);font-size:var(--fs-sm);font-weight:600}.hamburger{display:none;flex-direction:column;gap:5px;width:28px;padding:4px 0}.hamburger span{display:block;height:2px;background:var(--color-heading);border-radius:2px;transition:all var(--transition)}.hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{display:none;position:fixed;inset:var(--header-h) 0 0;background:var(--color-white);z-index:99;padding:var(--space-6);overflow-y:auto;transform:translateX(100%);transition:transform .3s ease}.mobile-nav.is-open{transform:translateX(0)}.mobile-nav ul{display:flex;flex-direction:column}.mobile-nav a{display:block;padding:var(--space-4);font-size:var(--fs-base);font-weight:500;border-bottom:1px solid var(--color-gray-200);color:#373737}.mobile-nav a:hover{color:var(--color-primary)}.mobile-nav .sub-menu{padding-left:var(--space-4)}.mobile-nav .sub-menu a{font-size:var(--fs-sm)}.tag-cloud-wrap{padding:var(--space-10) 0 var(--space-6);border-bottom:1px solid var(--color-gray-200)}.tag-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-4)}.tag-cloud a{font-size:14px;font-weight:700;color:var(--color-heading);letter-spacing:.04em;transition:color var(--transition)}.tag-cloud a:hover{color:var(--color-primary)}.section{padding-block:var(--space-12)}.section-alt{background:var(--color-bg-gray)}.section-heading{font-size:var(--fs-xl);font-weight:700;color:var(--color-heading);letter-spacing:.06em;padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:5px dotted rgba(89,62,8,.3);margin-bottom:var(--space-4)}.section-footer{text-align:center;margin-top:var(--space-8)}.btn-readmore{display:inline-block;padding:var(--space-2) var(--space-8);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:600;color:var(--color-text);background:var(--color-white);transition:all var(--transition);letter-spacing:.04em}.btn-readmore:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.post-card{display:flex;flex-direction:column}.post-card-thumbnail{display:block;aspect-ratio:3/2;overflow:hidden;position:relative;background:var(--color-gray-200)}.post-card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.post-card-thumbnail:hover img{transform:scale(1.05)}.post-card-body{padding:var(--space-4) 0;flex:1;display:flex;flex-direction:column}.post-card-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);font-size:var(--fs-xs)}.post-card-cat{color:var(--color-primary);font-weight:700;letter-spacing:.04em}.post-card-date{color:var(--color-gray-400)}.post-card-title{font-size:var(--fs-sm);font-weight:700;line-height:1.5;color:var(--color-heading)}.post-card-title a:hover{color:var(--color-primary)}.magazine-wrap{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.mag-featured{position:relative}.mag-featured-thumb{display:block;aspect-ratio:4/3;overflow:hidden}.mag-featured-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.mag-featured-thumb:hover img{transform:scale(1.04)}.mag-featured-body{padding:var(--space-4) 0}.mag-featured-date{font-size:var(--fs-xs);color:var(--color-gray-400);margin-bottom:var(--space-2)}.mag-featured-title{font-size:var(--fs-lg);font-weight:700;line-height:1.4;color:var(--color-heading);letter-spacing:.02em}.mag-featured-title a:hover{color:var(--color-primary)}.mag-list{display:flex;flex-direction:column;gap:var(--space-4)}.mag-item{display:flex;gap:var(--space-4);align-items:flex-start;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-200)}.mag-item:last-child{border-bottom:none}.mag-item-thumb{flex-shrink:0;width:70px;height:70px;overflow:hidden;border-radius:var(--radius-sm)}.mag-item-thumb img{width:100%;height:100%;object-fit:cover}.mag-item-body{flex:1}.mag-item-title{font-size:var(--fs-sm);font-weight:700;line-height:1.4;color:var(--color-heading);margin-bottom:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mag-item-title a:hover{color:var(--color-primary)}.mag-item-date{font-size:var(--fs-xs);color:var(--color-gray-400)}.breadcrumb{background:var(--color-gray-100);border-bottom:1px solid var(--color-gray-200);padding-block:var(--space-3)}.breadcrumb ol{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--fs-xs);color:#878787}.breadcrumb li+li:before{content:'/';margin-right:var(--space-2)}.breadcrumb a{color:#878787;transition:color var(--transition)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb .current{color:var(--color-text)}.archive-header{padding-bottom:var(--space-8);border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--space-8)}.archive-label{font-size:var(--fs-xs);font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-2)}.archive-title{font-size:var(--fs-2xl);font-weight:700;color:var(--color-heading);letter-spacing:.02em}.archive-desc{margin-top:var(--space-3);font-size:var(--fs-base);color:var(--color-text-light)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-12)}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding-inline:var(--space-2);border:1px solid var(--color-gray-300);background:var(--color-white);color:var(--color-text);font-size:var(--fs-sm);font-weight:600;border-radius:var(--radius-sm);transition:all var(--transition)}.pagination a:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination .current{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.article-header{margin-bottom:var(--space-6)}.article-cats{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.article-cat-badge{font-size:var(--fs-xs);font-weight:700;color:var(--color-primary);letter-spacing:.04em}.article-title{font-size:clamp(1.25rem, 2.5vw, var(--fs-2xl));font-weight:700;line-height:1.4;letter-spacing:.02em;color:var(--color-heading);margin-bottom:var(--space-4)}.article-info{font-size:var(--fs-xs);color:var(--color-gray-400);display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-200)}.article-info a{color:var(--color-gray-400)}.article-info a:hover{color:var(--color-primary)}.article-thumbnail{margin-bottom:var(--space-6)}.article-thumbnail img{width:100%;height:auto}.share-buttons{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) 0;border-top:1px solid var(--color-gray-200);border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--space-6);flex-wrap:wrap}.share-buttons.bottom{margin-top:var(--space-6);margin-bottom:0}.share-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:3px;font-size:var(--fs-xs);font-weight:600;color:var(--color-white);transition:opacity var(--transition)}.share-btn:hover{opacity:.85;color:var(--color-white)}.share-btn.facebook{background:var(--color-primary)}.share-btn.twitter{background:var(--color-primary)}.share-btn.copy{background:var(--color-primary)}.share-btn.line{background:var(--color-primary)}.article-body{font-size:var(--fs-base);line-height:1.75;letter-spacing:.06em;color:var(--color-text)}.article-body h2{font-size:var(--fs-xl);font-weight:700;color:var(--color-heading);margin-top:var(--space-10);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:3px solid var(--color-gray-200)}.article-body h3{font-size:var(--fs-lg);font-weight:700;color:var(--color-heading);margin-top:var(--space-8);margin-bottom:var(--space-3)}.article-body h4{font-size:var(--fs-md);font-weight:600;margin-top:var(--space-6);margin-bottom:var(--space-2)}.article-body p{margin-bottom:var(--space-5)}.article-body ul,.article-body ol{margin-bottom:var(--space-5);padding-left:var(--space-6)}.article-body li{margin-bottom:var(--space-2)}.article-body ul li{list-style:disc}.article-body ol li{list-style:decimal}.article-body a{color:var(--color-primary)}.article-body a:hover{text-decoration:underline}.article-body mark{background:rgba(63,43,36,.1);padding:1px 3px}.article-body blockquote{margin-block:var(--space-6);padding:var(--space-4) var(--space-6);background:var(--color-gray-100);border-left:4px solid var(--color-primary);font-style:italic;color:var(--color-text-light)}.article-body img{max-width:100%;height:auto;margin-block:var(--space-6)}.article-body table{width:100%;border-collapse:collapse;margin-block:var(--space-6);font-size:var(--fs-sm)}.article-body th,.article-body td{padding:var(--space-3) var(--space-4);text-align:left;border:1px solid var(--color-gray-300)}.article-body th{background:var(--color-gray-100);font-weight:700}.article-body pre{background:#1e1e1e;color:#f1f1f1;padding:var(--space-6);border-radius:var(--radius-md);overflow-x:auto;margin-block:var(--space-6);font-size:var(--fs-sm);line-height:1.6}.article-body code{background:var(--color-gray-100);padding:1px 5px;border-radius:3px;font-size:.88em;color:#c44}.article-body pre code{background:0 0;color:inherit;padding:0}.article-tags{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-gray-200);font-size:var(--fs-xs)}.article-tags .tags-label{font-weight:700;color:var(--color-text-light)}.tag-item{color:var(--color-primary);transition:opacity var(--transition)}.tag-item:hover{opacity:.75}.tag-item:before{content:'# ';opacity:.5}.author-box{display:flex;gap:var(--space-6);align-items:flex-start;padding:var(--space-6);background:var(--color-gray-100);border-radius:var(--radius-md);margin-top:var(--space-8)}.author-avatar{flex-shrink:0;width:80px;height:80px;border-radius:50%;overflow:hidden;background:var(--color-gray-200)}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-name{font-size:var(--fs-md);font-weight:700;margin-bottom:var(--space-2);color:var(--color-heading)}.author-bio{font-size:var(--fs-sm);color:var(--color-text-light);line-height:1.7}.post-share{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.post-share .share-label{font-size:var(--fs-xs);font-weight:700;color:var(--color-text-light)}.share-icon-btn{width:36px;height:36px;border-radius:3px;background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:700;transition:opacity var(--transition)}.share-icon-btn:hover{opacity:.8;color:var(--color-white)}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-gray-200)}.post-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-gray-100);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:600;color:var(--color-text);transition:background var(--transition)}.post-nav-item:hover{background:var(--color-gray-200)}.post-nav-item.next{justify-content:flex-end;text-align:right}.post-nav-label{color:var(--color-primary)}.related-posts{margin-top:var(--space-12)}.related-posts-title{font-size:var(--fs-xl);font-weight:700;color:var(--color-heading);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:3px solid var(--color-gray-200)}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.related-featured .related-thumb{display:block;aspect-ratio:4/3;overflow:hidden;margin-bottom:var(--space-3)}.related-featured .related-thumb img{width:100%;height:100%;object-fit:cover}.related-featured .related-title{font-size:var(--fs-base);font-weight:700;color:var(--color-heading);line-height:1.4;margin-bottom:var(--space-3)}.related-featured .related-excerpt{font-size:var(--fs-sm);color:var(--color-text-light);line-height:1.7;margin-bottom:var(--space-4)}.related-featured a.readmore{display:inline-block;padding:var(--space-2) var(--space-5);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:600;color:var(--color-text);transition:all var(--transition)}.related-featured a.readmore:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.related-list{display:flex;flex-direction:column;gap:var(--space-4)}.related-item{display:flex;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-200)}.related-item:last-child{border-bottom:none}.related-item-thumb{flex-shrink:0;width:80px;height:80px;overflow:hidden;border-radius:var(--radius-sm)}.related-item-thumb img{width:100%;height:100%;object-fit:cover}.related-item-title{font-size:var(--fs-xs);font-weight:700;line-height:1.5;color:var(--color-heading);margin-bottom:var(--space-1)}.related-item-title a:hover{color:var(--color-primary)}.related-item-meta{font-size:11px;color:var(--color-gray-400)}.sidebar{position:sticky;top:calc(var(--header-h) + 20px)}.widget{margin-bottom:var(--space-8)}.widget-title{font-size:var(--fs-sm);font-weight:700;letter-spacing:.08em;color:var(--color-heading);padding-bottom:var(--space-3);margin-bottom:var(--space-4);border-bottom:2px solid var(--color-gray-200)}.widget-title span{border-bottom:2px solid var(--color-primary);padding-bottom:var(--space-3)}.sns-list{display:flex;gap:var(--space-2);flex-wrap:wrap}.sns-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-gray-100);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:700;color:var(--color-text);transition:all var(--transition)}.sns-link:hover{background:var(--color-primary);color:var(--color-white)}.sidebar-posts-list{display:flex;flex-direction:column}.sidebar-post-item{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) 0;border-bottom:1px solid var(--color-gray-100)}.sidebar-post-thumb{flex-shrink:0;width:60px;height:60px;overflow:hidden;border-radius:var(--radius-sm);background:var(--color-gray-200)}.sidebar-post-thumb img{width:100%;height:100%;object-fit:cover}.sidebar-post-title{font-size:var(--fs-xs);font-weight:700;line-height:1.5;color:var(--color-heading);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sidebar-post-title a:hover{color:var(--color-primary)}.sidebar-tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.sidebar-tag-item{display:inline-block;padding:.25rem .5rem;border:1px solid var(--color-gray-300);border-radius:3px;font-size:var(--fs-xs);color:var(--color-text);transition:background var(--transition),color var(--transition),border-color var(--transition)}.sidebar-tag-item:hover{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.sidebar-nav-list{display:flex;flex-direction:column;gap:0}.sidebar-nav-list a{display:block;padding:var(--space-3) var(--space-4);font-size:var(--fs-sm);color:var(--color-text);border-bottom:1px solid var(--color-gray-100);transition:all var(--transition)}.sidebar-nav-list a:hover{color:var(--color-primary);padding-left:calc(var(--space-4) + 4px)}.sidebar-search-form{display:flex;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);overflow:hidden}.sidebar-search-input{flex:1;border:none;outline:none;padding:var(--space-2) var(--space-3);font-size:var(--fs-sm);background:var(--color-white)}.sidebar-search-submit{padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-white);font-size:var(--fs-xs);font-weight:700;transition:opacity var(--transition)}.sidebar-search-submit:hover{opacity:.85}.error-page{text-align:center;padding-block:var(--space-16)}.error-code{font-size:8rem;font-weight:900;line-height:1;color:var(--color-gray-200);letter-spacing:-.05em}.error-title{font-size:var(--fs-2xl);font-weight:700;margin-block:var(--space-4)}.error-desc{font-size:var(--fs-base);color:var(--color-text-light);margin-bottom:var(--space-8)}.site-footer{background:var(--color-primary);color:rgba(255,255,255,.8)}.footer-main{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);padding-block:var(--space-12);border-bottom:1px solid rgba(255,255,255,.15)}.footer-col-title{font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;color:var(--color-white);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid rgba(255,255,255,.2)}.footer-col p{font-size:var(--fs-xs);line-height:1.8;color:rgba(255,255,255,.65)}.footer-links{display:flex;flex-direction:column;gap:var(--space-2)}.footer-links a{font-size:var(--fs-xs);color:rgba(255,255,255,.65);transition:color var(--transition)}.footer-links a:hover{color:var(--color-white)}.footer-social-list{display:flex;flex-direction:column;gap:var(--space-2)}.footer-social-list a{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-xs);color:rgba(255,255,255,.65);transition:color var(--transition)}.footer-social-list a:hover{color:var(--color-white)}.footer-bottom{padding-block:var(--space-6);text-align:center;font-size:var(--fs-xs);color:rgba(255,255,255,.4);line-height:1.8}.footer-bottom a{color:rgba(255,255,255,.5);text-decoration:underline}.page-header{background:var(--color-gray-100);padding-block:var(--space-10);margin-bottom:var(--space-8)}.page-title{font-size:var(--fs-2xl);font-weight:700;color:var(--color-heading)}.page-content{font-size:var(--fs-base);line-height:1.9}.page-content h2{font-size:var(--fs-xl);font-weight:700;margin-top:var(--space-8);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-gray-200)}.page-content p{margin-bottom:var(--space-4)}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:40px;height:40px;background:var(--color-primary);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;opacity:0;pointer-events:none;transition:opacity .25s;z-index:50;cursor:pointer}.back-to-top.visible{opacity:1;pointer-events:auto}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms !important;transition-duration:.01ms !important}}@media (max-width:1024px){.layout-with-sidebar{grid-template-columns:1fr}.sidebar{position:static}.footer-main{grid-template-columns:1fr 1fr}.magazine-wrap{grid-template-columns:1fr}.mag-featured .mag-featured-thumb{aspect-ratio:16/9}}@media (max-width:768px){.posts-grid{grid-template-columns:1fr}.primary-nav{display:none}.hamburger{display:flex}.mobile-nav{display:block}.footer-main{grid-template-columns:1fr;gap:var(--space-6)}.related-grid{grid-template-columns:1fr}.post-nav{grid-template-columns:1fr}}@media (max-width:480px){.container{padding-inline:var(--space-4)}:root{--header-h:70px}}
:root{--hcb--fz:var(--hcb--fz--base,14px);--hcb--ff:"Menlo","Consolas","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif;--hcb--pY:1.75em;--hcb--pX:1.5em;--hcb--radius:3px;--hcb--linenumW:3.5ch;--hcb--data-label:attr(data-lang);--hcb--btn-offset:20px;--hcb--c:#1f1e1e;--hcb--tsh:unset;--hcb--bgc:#f8f6f6;--hcb--data-label--c:#1f1e1e;--hcb--data-label--bgc:#e8e8e8;--hcb--line-numbers--c:#999;--hcb--highlight-color:#9678641a;--hcb--file-icon:url(//www.beginnerweb.net/manage/wp-content/plugins/highlighting-code-block/build/css/../../assets/img/file-icon-light.svg);--hcb--scbar-track--bgc:#9696961a;--hcb--scbar-thumb--bgc:#96969640}.hcb_wrap.hcb_wrap{display:block;font-size:var(--hcb--fz,14px);margin-bottom:2em;margin-top:2em;padding:0;position:relative;z-index:0}.hcb_wrap.hcb_wrap>pre{-webkit-overflow-scrolling:touch;border-radius:var(--hcb--radius,0);box-sizing:border-box;display:block;font-family:var(--hcb--ff);font-size:inherit;letter-spacing:.1px;line-height:1.5;margin:0;overflow:auto;padding:var(--hcb--pY) var(--hcb--pX);position:static}.hcb_wrap.hcb_wrap>pre,.hcb_wrap.hcb_wrap>pre>code{word-wrap:normal;background:var(--hcb--bgc);border:none;color:var(--hcb--c);-webkit-hyphens:none;hyphens:none;tab-size:4;text-align:left;text-shadow:var(--hcb--tsh);white-space:pre;word-break:normal;word-spacing:normal}.hcb_wrap.hcb_wrap :is(code,span){box-sizing:border-box;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}.hcb_wrap .line-highlight{background:var(--hcb--highlight-color);font-size:inherit;left:0;line-height:inherit;margin-top:var(--hcb--pY);padding:0;pointer-events:none;position:absolute;right:0;white-space:pre}.hcb_wrap>.prism.line-numbers{counter-reset:linenumber;padding-left:calc(var(--hcb--pX) + var(--hcb--linenumW));position:static}.hcb_wrap>.prism.line-numbers>code{position:relative;white-space:inherit}.hcb_wrap .line-numbers-rows{border-right:1px solid var(--hcb--line-numbers--c);font-size:inherit;left:calc(-1px - var(--hcb--linenumW) - var(--hcb--pX)/2);min-width:var(--hcb--linenumW);pointer-events:none;position:absolute;top:-.125em;-webkit-user-select:none;user-select:none}.hcb_wrap .line-numbers-rows>span{counter-increment:linenumber;display:block;letter-spacing:-.25px;pointer-events:none;text-align:center}.hcb_wrap .line-numbers-rows>span:before{color:var(--hcb--line-numbers--c);content:counter(linenumber);display:block}.hcb_wrap>pre::-webkit-scrollbar{height:6px}.hcb_wrap>pre::-webkit-scrollbar-track{background:var(--hcb--scbar-track--bgc);border:none}.hcb_wrap>pre::-webkit-scrollbar-thumb{background:var(--hcb--scbar-thumb--bgc);border-radius:3px}:not(pre)>code.prism{border-radius:.3em;padding:.1em;white-space:normal}.hcb_wrap>pre:before{background-color:var(--hcb--data-label--bgc);border-radius:0 var(--hcb--radius);box-sizing:border-box;color:var(--hcb--data-label--c);content:var(--hcb--data-label);font-family:inherit;font-size:.925em;line-height:20px;min-width:4em;padding:0 10px;position:absolute;right:0;text-align:center;top:0;z-index:1}.hcb_wrap>pre[data-show-lang="0"]{--hcb--data-label:none}.hcb_wrap>pre[data-show-lang="1"]{--hcb--data-label:attr(data-lang)}.hcb_wrap>pre[data-file]:before{background-image:var(--hcb--file-icon);background-position:center left 8px;background-repeat:no-repeat;background-size:auto 10px;content:attr(data-file);padding:0 8px 0 20px}.hcb_wrap{--hcb-clipbtn-opacity:0}.hcb-clipboard:focus-visible,.hcb_wrap:hover{--hcb-clipbtn-opacity:100}.hcb-clipboard{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:url(//www.beginnerweb.net/manage/wp-content/plugins/highlighting-code-block/build/css/../../assets/img/clipboard-to-copy.svg) no-repeat 50%/64% auto;background-color:#fafafacc;border:none;border-radius:3px;box-shadow:0 1px 2px #3d3d3d40;box-sizing:border-box;color:#000;height:2.25em;opacity:var(--hcb-clipbtn-opacity);padding:0;position:absolute;right:8px;text-align:center;top:calc(var(--hcb--btn-offset, 0px) + 8px);transition:opacity .25s;width:2.25em;z-index:2}[data-show-lang="0"]+.hcb-clipboard{--hcb--btn-offset:0px}[data-show-lang="1"]+.hcb-clipboard{--hcb--btn-offset:20px}.hcb-clipboard.-done{background-image:url(//www.beginnerweb.net/manage/wp-content/plugins/highlighting-code-block/build/css/../../assets/img/clipboard-copied.svg)}.hcb-clipboard.-done:before{background-color:inherit;border-radius:8px;color:inherit;content:"✓Copied";display:block;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1;padding:2px 4px 2px 2px;position:absolute;right:calc(4px + 100%);top:50%;translate:0 -50%}:root{--hcb--tsh:1px 1px 0px #f0f0f0}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#5f5f5f}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.class-name,.token.inserted,.token.selector,.token.string{color:#407b08}.language-css .token.string,.style .token.string,.token.entity,.token.url{color:#9a6e3a}.token.atrule,.token.attr-value,.token.function{color:#07a}.token.keyword,.token.operator{color:#c72c4c}.token.important,.token.keyword.this,.token.regex,.token.variable{color:#f18106}.token.bold{font-weight:700}.token.builtin,.token.italic,.token.keyword.def{font-style:italic}.token.entity{cursor:help}.token.delimiter.important{color:#183d86;font-weight:400}@media screen and (max-width:599px){:root{--hcb--fz:var(--hcb--fz--mobile,13px)}}
:root{--hcb--fz--base:13px}:root{--hcb--fz--mobile:13px}:root{--hcb--ff:Menlo,Consolas,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif}.hcb_wrap{--hcb--data-label:none;--hcb--btn-offset:0px}