@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap";/*!
    Short
    Author: Hatena Blog Team
    Responsive: Yes
*//*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-entry-title: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;--font-size-50: 12px;--font-size-65: 13px;--font-size-75: 14px;--font-size-85: 15px;--font-size-95: 16px;--font-size-100: 17px;--font-size-200: 20px;--font-size-300: 24px;--font-size-400: 32px;--font-size-500: 40px;--font-size-600: 48px;--font-size-700: 56px;--font-size-800: 64px;--font-size-900: 72px;--line-height-none: 1;--line-height-xs: 1.25;--line-height-sm: 1.4;--line-height-base: 1.6;--line-height-lg: 1.75;--letter-spacing-200: .25px;--letter-spacing-300: 2px;--letter-spacing-400: 1em;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 40px;--space-7: 48px;--space-8: 64px;--space-9: 80px;--col-width: 90vw;--col-width-sm: 520px;--col-width-md: 940px;--col-width-lg: 1200px;--border-radius-img: 6px;--border-radius-btn: 6px;--border-radius-box: 12px;--z-index-back: 1;--z-index-front: 2;--z-index-modal: 10;--box-shadow-modal: 0 4px 24px rgba(0, 0, 0, .25);--color-white: #fff;--color-dark: #333;--color-gray: #75817c;--color-gray-50: #f9f9f9;--color-gray-100: #f3f4f5;--color-gray-150: #eaebed;--color-gray-200: #dfe7e5;--color-blue: #1852c7;--color-green: #229308;--color-green-dark: #1d5e0e;--color-lightblue: #EAEFFC;--color-bg: var(--color-white);--color-bg-white: var(--color-white);--color-bg-light: var(--color-gray-100);--color-bg-category: var(--color-lightblue);--color-bg-entry-footer: var(--color-gray-50);--color-text: var(--color-dark);--color-text-secondary: var(--color-gray);--color-text-link: var(--color-blue);--color-text-highlight: var(--color-green);--color-text-white: var(--color-white);--color-text-white-secondary: var(--color-gray-100);--color-border: var(--color-gray-200);--color-border-entry: rgba(0, 0, 0, .04);--color-spacing-entry-mobile: rgba(0, 0, 0, .06);--color-btn-default-bg: rgba(25, 48, 70, .1);--color-btn-default-bg-hover: rgba(25, 48, 70, .2);--color-btn-default-text: var(--color-dark);--color-btn-primary-bg: rgba(53, 165, 38, .14);--color-btn-primary-bg-hover: rgba(53, 165, 38, .24);--color-btn-primary-text: var(--color-green-dark)}*{box-sizing:border-box;word-wrap:break-word;word-break:break-word}body{font-family:var(--font);background:var(--color-bg-light);color:var(--color-text);line-height:var(--line-height-base);font-size:var(--font-size-100)}@media(min-width:576px){body{background:var(--color-bg);font-size:var(--font-size-95)}}#container{margin:0 auto}#container{margin:auto;max-width:var(--col-width-md)}#main{max-width:var(--col-width-sm);margin:auto}#globalheader-container{position:sticky;top:0;background:var(--color-bg)}#blog-title{margin:var(--space-6) 0;text-align:center}@media(min-width:576px){#blog-title{margin:var(--space-7) 0}}#title{font-size:var(--font-size-300);margin:0;font-weight:400}#title a{color:inherit;text-decoration:none}#blog-description{font-size:var(--font-size-85);color:var(--color-text-secondary);font-weight:400}.header-image-enable #blog-title-inner{display:flex;justify-content:center;align-items:center}#top-editarea{margin:0 var(--space-3);max-width:var(--col-width-sm)}@media(min-width:576px){#top-editarea{margin:0 auto}}#top-box{margin:0 var(--space-3);max-width:var(--col-width-sm)}@media(min-width:576px){#top-box{margin:0 auto}}.breadcrumb{font-size:var(--font-size-50);color:var(--color-text-secondary)}.breadcrumb a{color:inherit;text-decoration:none}.entry+.entry{margin-top:var(--space-4)}@media(min-width:576px){.entry+.entry{margin-top:var(--space-5)}}.entry .entry-inner{position:relative;padding:var(--space-3);background:var(--color-bg)}@media(min-width:576px){.entry .entry-inner{border-radius:var(--border-radius-box);box-shadow:0 0 0 6px var(--color-border-entry);margin:6px}}.entry .date{color:var(--color-text-highlight);font-weight:700;font-size:var(--font-size-75)}.entry .date a{color:inherit;text-decoration:none}.entry .categories .entry-category-link{display:inline-block;margin-right:var(--space-1);font-size:var(--font-size-75);line-height:var(--line-height-sm);padding:var(--space-1) var(--space-2);font-size:var(--font-size-50);background:var(--color-bg-category);color:var(--color-text);text-decoration:none;border-radius:24px}.entry .entry-header-menu a{position:absolute;top:var(--space-3);right:var(--space-3);display:inline-block;line-height:var(--line-height-base);font-family:inherit;text-decoration:none;text-align:center;transition:all .25s;font-weight:400;border:0;cursor:pointer;padding:var(--space-2) var(--space-3);font-size:var(--font-size-85);border-radius:var(--border-radius-btn);font-size:var(--font-size-65);color:var(--color-btn-primary-text);background:var(--color-btn-primary-bg)}.entry .entry-header-menu a:hover{background:var(--color-btn-primary-bg-hover)}.entry-header{margin-bottom:var(--space-3)}.entry-header .entry-title{font-size:var(--font-size-200);color:var(--color-text);margin:0 0 var(--space-2)}.entry-header .entry-title a{color:inherit;text-decoration:none}.entry-footer{padding:var(--space-3);margin:var(--space-3) calc(var(--space-3) * -1) calc(var(--space-3) * -1);background:var(--color-bg-entry-footer);font-size:Var(--font-size-75);color:var(--color-text-secondary)}@media(min-width:576px){.entry-footer{border-radius:0 0 var(--border-radius-box) var(--border-radius-box)}}.entry-footer a{color:inherit}.entry-footer .hatena-star-container,.entry-footer .hatena-module{margin:var(--space-3) 0}.entry-footer .hatena-module .hatena-module-title{font-size:var(--font-size-85);border-bottom:2px solid var(--color-border);font-weight:700;margin:0 0 var(--space-3)}.entry-footer .hatena-module .urllist-title-link{color:var(--color-text)}.entry-footer .hatena-module .urllist-image{width:64px;height:64px}.entry-content{line-height:var(--line-height-lg)}.entry-content a{color:var(--color-text-link)}.entry-content .keyword{border-bottom:1px solid var(--color-border);text-decoration:none}.entry-content p{margin:1em 0}.entry-content img{max-width:100%}.entry-content img.hatena-fotolife{border-radius:var(--border-radius-img)}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1.75em 0 .75em;line-height:var(--line-height-sm)}.entry-content h1,.entry-content h3{border-bottom:2px solid var(--color-border);padding:0 0 var(--space-1)}.entry-content h1{font-size:140%}.entry-content h2{font-size:130%}.entry-content h3{font-size:120%}.entry-content h4{font-size:110%}.entry-content h5{font-size:100%}.entry-content h6{font-size:90%}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,.entry-content .footnote-number{scroll-margin-top:56px}.entry-content table{border-collapse:collapse;border-spacing:0;margin:1.5em auto;font-size:90%}.entry-content table img{max-width:none}.entry-content table th{background:var(--color-bg-light);white-space:nowrap}.entry-content table th,.entry-content table td{border:1px solid var(--color-border);padding:.5em}.entry-content .help-table{overflow:auto}.entry-content blockquote{border-left:4px solid var(--color-border);margin:1em 0;padding-left:.75em;color:var(--color-text-secondary)}.entry-content blockquote p{margin-top:0;margin-bottom:0}.entry-content blockquote a{color:inherit}.entry-content pre.code{font-size:var(--font-size-85)}.entry-content pre>code{margin:0;padding:0;white-space:pre;border:0;background:transparent;font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content .hatena-asin-detail li{line-height:1.4}.entry-content ul,.entry-content ol{padding-left:1.75em}.entry-content ul>li:not(:first-child),.entry-content ol>li:not(:first-child){margin-top:.3em}.entry-content ul ul li,.entry-content ol ul li{margin-top:.3em}.entry-content .table-of-contents{background-color:var(--color-bg-light);border-radius:var(--border-radius-box);padding:1.5em 1.5em 1.5em 2.5em;margin:1.5rem 0;font-size:var(--font-size-85)}.entry-content .table-of-contents li{margin:0}.comment-box .leave-comment-title{display:inline-block;line-height:var(--line-height-base);font-family:inherit;text-decoration:none;text-align:center;transition:all .25s;font-weight:400;border:0;cursor:pointer;padding:var(--space-2) var(--space-3);font-size:var(--font-size-85);border-radius:var(--border-radius-btn);background:var(--color-bg-white);color:var(--color-btn-default-text);font-size:var(--font-size-65)}.comment-box .leave-comment-title:hover{color:var(--color-text-link)}.comment{margin:var(--space-3) 0 0;padding:0;list-style:none}.comment li{margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.comment .entry-comment{position:relative;padding-left:40px}.comment .hatena-id-icon{width:32px;height:32px;border-radius:32px;position:absolute;top:0;left:0}.comment .comment-user-name{font-weight:700;margin:0 0 var(--space-2)}.comment .comment-metadata{margin-bottom:0}.pager{text-align:center;display:flex;justify-content:center;color:var(--color-text);gap:var(--space-2);margin:var(--space-4) var(--space-3) 0}@media(min-width:576px){.pager{margin-left:auto;margin-right:auto}}.pager>*{flex:1}.pager a{display:inline-block;line-height:var(--line-height-base);font-family:inherit;text-decoration:none;text-align:center;transition:all .25s;font-weight:400;border:0;cursor:pointer;padding:var(--space-2) var(--space-3);font-size:var(--font-size-85);border-radius:var(--border-radius-btn);color:var(--color-btn-default-text);background:var(--color-btn-default-bg);width:100%;display:block}.pager a:hover{background:var(--color-btn-default-bg-hover)}#box2{margin:var(--space-5) var(--space-3) 0;font-size:var(--font-size-85)}@media(min-width:576px){#box2{font-size:var(--font-size-75)}}#box2-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}#box2-inner .hatena-module{background-color:var(--color-bg);padding:var(--space-3);border-radius:var(--border-radius-box)}#box2-inner .hatena-module-title{margin:0 0 var(--space-3);border-bottom:2px solid var(--color-border);color:var(--color-text-secondary);font-weight:700}#box2-inner .hatena-module-title a{color:inherit;text-decoration:none}#box2-inner .hatena-module-body a{color:inherit}.hatena-urllist{list-style:none;margin:0;padding:0}.hatena-urllist li{margin-bottom:calc(var(--space-2) + var(--space-1));padding-bottom:calc(var(--space-2) + var(--space-1));border-bottom:1px solid var(--color-border)}.hatena-urllist li a{text-decoration:none}.hatena-urllist li a:hover{text-decoration:underline}.hatena-urllist .urllist-date-link{color:var(--color-text-secondary)}.hatena-urllist .urllist-date-link a{color:inherit}.hatena-urllist .urllist-entry-body{color:var(--color-text-secondary)}.hatena-urllist .urllist-category-link{display:inline-block;margin-right:var(--space-1);line-height:var(--line-height-sm);padding:var(--space-1) var(--space-2);font-size:var(--font-size-50);background:var(--color-bg-category);color:var(--color-text);text-decoration:none;border-radius:24px}.hatena-urllist .urllist-image{border-radius:var(--border-radius-img)}.hatena-module-profile .profile-icon{border-radius:64px}.hatena-module-profile .profile-icon-link{text-decoration:none}.hatena-module-search-box .search-form{display:flex;justify-content:center;border:1px solid var(--color-border);border-radius:var(--border-radius-box);overflow:hidden;position:relative}.hatena-module-search-box .search-form .search-module-input{width:100%;outline:0;border:none;margin:0;padding:var(--space-2)}.hatena-module-search-box .search-form .search-module-button{width:24px;height:24px;background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png?version=c9b53794dc2c21dcf5ca3c7d4faf84) no-repeat center;background-size:20px 20px;position:absolute;top:4px;right:6px;border:none;outline:0;text-indent:-9999px;opacity:.5;cursor:pointer}.hatena-module-search-box .search-form .search-module-button:hover,.hatena-module-search-box .search-form .search-module-button:focus{transition:color .3s;opacity:1}#footer{text-align:center;margin:var(--space-6) var(--space-3) var(--space-3);font-size:var(--font-size-75);color:var(--color-text-secondary)}#footer a{color:var(--color-text);text-decoration:none}.page-about .entry-content dl{margin:0}.page-about .entry-content dt{font-size:var(--font-size-75);font-weight:700;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);margin-bottom:var(--space-2)}.page-about .entry-content dd{margin-left:0}.page-about .entry-content dd+dt{margin-top:var(--space-4)}.archive-entries{display:grid;gap:var(--space-4);background-color:var(--color-spacing-entry-mobile)}@media(min-width:576px){.archive-entries{background-color:transparent}}.archive-heading{font-size:var(--font-size-200)}.archive-entries-sort{margin-left:var(--space-3)}@media(min-width:576px){.archive-entries-sort{margin-left:0}}.archive-entry{padding:var(--space-3);background:var(--color-bg)}@media(min-width:576px){.archive-entry{border:6px solid var(--color-border-entry);border-radius:var(--border-radius-box)}}.archive-entry .archive-entry-header{margin-bottom:var(--space-2)}.archive-entry .archive-entry-header .entry-title{font-size:var(--font-size-200);color:var(--color-text);margin:0 0 var(--space-2)}.archive-entry .archive-entry-header .entry-title a{color:inherit;text-decoration:none}.archive-entry .date{color:var(--color-text-highlight);font-weight:700;font-size:var(--font-size-75)}.archive-entry .date a{color:inherit;text-decoration:none}.archive-entry .categories{margin-bottom:var(--space-2)}.archive-entry .archive-category-link{display:inline-block;margin-right:var(--space-1);font-size:var(--font-size-75);line-height:var(--line-height-sm);padding:var(--space-1) var(--space-2);font-size:var(--font-size-50);background:var(--color-bg-category);color:var(--color-text);text-decoration:none;border-radius:24px}.archive-entry .entry-description{margin:0;font-size:var(--font-size-75)}.archive-entry .entry-thumb{border-radius:var(--border-radius-img)}.search-result{margin:0 var(--space-3) var(--space-5);max-width:var(--col-width-sm)}@media(min-width:576px){.search-result{margin-left:auto;margin-right:auto}}

body { background: #fff; }
:root{
  --font:"DM Sans",-apple-system,"system-ui","Segoe UI",Helvetica,Arial,sans-serif;
  --colw:min(760px,100vw);
  --side:56px;
  --lpad:calc(var(--side) + 18px);
  --P:50px; --hh:26px; --hw:27px;
  --top:44px; --head:104px;
  --pic-gap:44px; --gap:54px; --h:min(205px,calc((100vw - 124px) / 2.53));
}
html{background:#fff;overflow-x:hidden;transition:background-color .9s}
html:has(body.eiga-detail){background:#2a2a2a}
body{background:transparent !important;overflow-x:hidden}
body{margin:0;font-family:var(--font);color:#333;position:relative;min-height:100vh}
#globalheader-container,#footer,#box2,.hatena-module,#blog-title .globalheader,.entry-footer,.entry-footer-html,.comment-box,#comments,.recent-entries,.social-buttons,.entry-footer-section,.test-rakuten-ad,.pager-entry,.breadcrumb{display:none !important}
#container,#content,#content-inner,#wrapper,#main,#main-inner{width:auto !important;max-width:none !important;min-width:0 !important;margin:0 !important;padding:0 !important;float:none !important;background:none !important;box-shadow:none !important;border:0 !important}
#container-inner{position:relative;width:var(--colw) !important;max-width:none !important;margin:0 auto !important;box-sizing:border-box;
  padding:var(--top) var(--side) 40px var(--lpad) !important;
  background:
    linear-gradient(#f4f1e6,#f4f1e6) calc(var(--side) + 5px) 0/3px 100% no-repeat,
    linear-gradient(rgba(244,241,230,.7),rgba(244,241,230,.7)) calc(var(--side) + 10px) 0/1px 100% no-repeat,
    linear-gradient(#000,#000) var(--side) 0/calc(100% - 2 * var(--side)) 100% no-repeat !important}
#container-inner:before,#container-inner:after{content:"";display:block;position:absolute;top:0;bottom:0;width:var(--side);background:#000;
  mask-image:linear-gradient(90deg,#000 calc((var(--side) - var(--hw)) / 2),transparent 0,transparent calc((var(--side) + var(--hw)) / 2),#000 0),
    linear-gradient(180deg,#000 calc((var(--P) - var(--hh)) / 2),transparent 0,transparent calc((var(--P) + var(--hh)) / 2),#000 0);
  -webkit-mask-image:linear-gradient(90deg,#000 calc((var(--side) - var(--hw)) / 2),transparent 0,transparent calc((var(--side) + var(--hw)) / 2),#000 0),
    linear-gradient(180deg,#000 calc((var(--P) - var(--hh)) / 2),transparent 0,transparent calc((var(--P) + var(--hh)) / 2),#000 0);
  mask-size:100% 100%,100% var(--P);-webkit-mask-size:100% 100%,100% var(--P);
  mask-position:0 0,0 calc(var(--top) + var(--head));-webkit-mask-position:0 0,0 calc(var(--top) + var(--head));
  mask-repeat:no-repeat,repeat-y;-webkit-mask-repeat:no-repeat,repeat-y}
#container-inner:before{left:0}#container-inner:after{right:0}
.eiga-bg{position:fixed;inset:-60px;z-index:-1;background:center/cover no-repeat;filter:blur(60px) saturate(1.3);opacity:0;transition:opacity .9s ease;pointer-events:none}
.eiga-bg.on{opacity:.9}
#blog-title{height:var(--head);padding:0 !important;margin:0 !important;background:none !important;text-align:center;border:0 !important}
#blog-title{border-bottom:1px solid #fff !important}
#content{padding-top:30px !important}
#blog-title-inner,#blog-title-content{padding:0 !important;margin:0 !important;background:none !important;width:auto !important;max-width:none !important}
#title,#title a{margin:0 !important;font:800 40px/1.3 "M PLUS 1p",sans-serif !important;color:#fff !important;text-decoration:none}
#blog-description{margin:2px 0 0 !important;font-size:13px !important;letter-spacing:.2em;color:#fff !important;font-weight:400}
article.entry,.entry-inner,.entry-header,.entry-content,.archive-entry,.archive-entries{background:none !important;box-shadow:none !important;border-radius:0 !important;border:0 !important}
.page-index #main-inner,.page-archive .archive-entries{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 14px}
.page-index #main-inner>:not(article.entry),.page-archive .archive-entries~*,.page-archive #main>.pager{grid-column:1 / -1}
.page-index article.entry,.page-archive .archive-entry{display:block !important;margin:0 !important;padding:0 !important;background:none !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;min-width:0}
.page-index .entry-inner{padding:0 !important}
.page-index .entry-header .date,.page-index .entry-categories,.page-archive .entry-categories,.page-archive .archive-entry .date,.page-index .eiga-essay,.page-index .eiga-amz,.page-index .eiga-yt,.page-index .entry-content .youtube{display:none !important}
.page-index .entry-title,.page-archive .entry-title{margin:0 0 7px !important;padding-left:8px !important;height:3em;overflow:hidden;font-size:12px !important;font-weight:700 !important;line-height:1.5 !important}
.page-index .entry-title a,.page-archive .entry-title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#fff !important;text-decoration:none}
.entry-title .eiga-no{margin-right:.4em;color:#bdbdbd}
.page-index .entry-content{margin:0 !important;padding:0 !important}
.page-index .eiga-x{display:none !important}
.page-index .eiga-pic{margin:0 !important}
.page-index .eiga-pic a{display:block}
.page-index .eiga-pic img{display:block;width:100% !important;height:auto !important;aspect-ratio:2/1;object-fit:cover;background:#111}
.page-index a:hover img,.page-archive a:hover .entry-thumb{opacity:.85}
.page-archive .entry-thumb{display:block;width:100% !important;height:auto !important;aspect-ratio:2/1;background-size:cover !important;border-radius:0 !important;float:none !important}
.page-archive .entry-description,.page-archive .archive-entry-tags-wrapper{display:none !important}
.page-entry .pager,.pager-permalink,.pager-prev,.pager-next-entry{display:none !important}
.page-index .pager,.page-archive .pager{grid-column:1 / -1;margin:30px 0 0 !important;padding:0 !important;text-align:center;background:none !important;border:0 !important;box-shadow:none !important}
.page-index .pager span,.page-archive .pager span{display:inline !important;margin:0 !important;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;border-radius:0 !important}
.page-index .pager a,.page-archive .pager a{display:inline-block;padding:12px 44px;border:1px solid #fff;border-radius:50px;color:#fff !important;font-weight:700;font-size:14px;letter-spacing:.14em;text-decoration:none;background:none;transition:.2s}
.page-index .pager a:hover,.page-archive .pager a:hover{background:#fff;color:#000 !important}
.page-index .pager .pager-arrow{display:none}
body.eiga-ready article.entry{display:none !important}
#eiga-feed .work{margin:0 0 var(--gap)}
#eiga-feed .cap{margin:0 0 14px;padding-left:16px;font-size:16px;font-weight:700;line-height:1.5;color:#fff}
#eiga-feed .cap b{margin-right:.5em;color:#bdbdbd;font-weight:700}
.reveal{display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s ease}
.reveal.open{grid-template-rows:1fr}
.reveal-in{min-height:0;overflow:hidden}
.reveal-in>.pic{aspect-ratio:2/1;background:#111;overflow:hidden;margin:0 0 var(--pic-gap)}
.reveal-in>.pic img{display:block;width:100%;height:100%;object-fit:cover}
.work:last-child{margin-bottom:26px}
.panel{background:#fff;color:#222;padding:36px 36px 36px;font-size:16px;line-height:2}
.panel .essay p{margin:0 0 1.2em}
.panel .essay strong{background:linear-gradient(transparent 62%,#FEFE98 62%);font-weight:700}
.panel .essay:empty{display:none}
.media{--h:min(205px,calc((100vw - 124px) / 2.53));display:flex;gap:22px;align-items:center;justify-content:center;margin:30px 0 0}
.media:empty{display:none}
.panel .essay:empty+.media{margin-top:0}
.media .amz{display:block;height:var(--h);flex:none}
.media .amz img{display:block;height:var(--h);width:auto;aspect-ratio:3/4;object-fit:cover}
.youtube{position:relative;flex:none;height:var(--h);width:calc(var(--h) * 16 / 9);background:#111;overflow:hidden;cursor:pointer}
.youtube img,.youtube iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important;border:0;object-fit:contain}
.youtube img{opacity:.95;transition:.2s}
.youtube:hover img{opacity:1}
.youtube:not(.on):after{content:"";position:absolute;top:50%;left:50%;width:68px;height:48px;transform:translate(-50%,-50%);z-index:2;pointer-events:none;transition:transform .2s;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath d='M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z' fill='%23f00'/%3E%3Cpath d='M 45,24 27,14 27,34' fill='%23fff'/%3E%3C/svg%3E") center/contain no-repeat}
.youtube:not(.on):hover:after{transform:translate(-50%,-50%) scale(1.1)}
.youtube:before{display:none !important}
.morewrap{display:flex;justify-content:center;margin:4px 0 0}
.morewrap.hide{display:none}
.morebtn{appearance:none;cursor:pointer;padding:12px 44px;border:1px solid #fff;border-radius:50px;background:transparent;color:#fff;font:700 14px/1 var(--font);letter-spacing:.14em;transition:.2s}
.morebtn:hover{background:#fff;color:#000}
.eiga-disc{margin:46px 0 0;text-align:center;font-size:13px;line-height:1.6;color:#fff}
@media (max-width:767px){
  :root{--side:30px;--lpad:calc(var(--side) + 12px);--P:40px;--hh:20px;--hw:14px;--top:32px;--head:92px;--gap:40px;--pic-gap:30px}
  #container-inner{background-position:calc(var(--side) + 3px) 0,calc(var(--side) + 7px) 0,var(--side) 0}
  #title,#title a{font-size:32px !important}
  .page-index #main-inner,.page-archive .archive-entries
  .page-index #main-inner,.page-archive .archive-entries{gap:22px 10px}
  #eiga-feed .cap{font-size:15px;padding-left:12px}
  .panel{padding:26px 18px 28px}
  .media{gap:10px}
  .youtube:not(.on):after{width:46px;height:32px}
}