body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.headerContainer{color:#fff;line-height:100px;mix-blend-mode:difference;position:relative}.mainTitle{font-size:32px;margin-left:8%;text-align:left}.mainTitle .titleBr{display:none}.sideLink{align-items:center;display:flex;font-size:32px;gap:32px;justify-content:center;line-height:32px;position:absolute;right:8%;top:50%;transform:translateY(-50%)}@media screen and (max-width:780px){.headerContainer{display:flex;margin:24px 0}.sideLink{display:block;font-size:24px;text-align:right}.mainTitle{font-size:24px;line-height:normal;margin-left:0}.mainTitle .titleBr{display:block}}.HeaderNav{background:#0000;border-radius:3px;position:relative;text-decoration:none;transition:.3s;z-index:1;@media screen and (max-width:959px){padding-right:0}}.HeaderNav:before{background:#eee;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:100% 50%;transition:transform normal .2s;width:100%;z-index:-1}.HeaderNav:hover{color:#161616}.HeaderNav:hover:before{transform:scaleX(1);transform-origin:0 50%}footer{bottom:0;left:0;right:0}.copyright{color:#fff;font-family:Mono-space;font-size:12px;mix-blend-mode:difference;text-align:center}.imgContainer{align-items:center;display:flex;font-family:Mono-space;height:100vh;justify-content:center;left:0;opacity:0;overflow:hidden;padding:16%;position:fixed;right:0;top:0;transition:opacity 1s ease-in-out;width:100vw;z-index:-100;@media screen and (max-width:959px){padding-bottom:0;padding-left:0;padding-right:0;padding-top:24%;padding-top:0}}.imgContainer.visible{opacity:1}.TopImg{height:100%;object-fit:cover;transition:opacity .5s ease;width:100%}.TextArea{display:flex;flex-direction:column;height:calc(88vh - 42px);justify-content:space-between;opacity:0;transition:opacity 1s ease-in-out;z-index:100!important}.TextArea.visible{opacity:1}.OverTextArea{margin:0 auto;width:40%;@media screen and (max-width:1024px){color:#fff;mix-blend-mode:difference;width:40%}@media screen and (max-width:959px){color:#fff;font-size:12px;mix-blend-mode:difference;width:80%}}.UnderTextArea{margin:0 auto 52px;text-align:right;width:40%;@media screen and (max-width:1024px){color:#fff;mix-blend-mode:difference;width:40%}@media screen and (max-width:959px){color:#fff;font-size:12px;mix-blend-mode:difference;width:80%}}.UnderTextArea svg{fill:#fff;margin-bottom:4px;mix-blend-mode:difference}.loading{align-items:center;background-color:#eee;display:flex;font-family:AdventPro-Light;height:100vh;justify-content:center;left:0;opacity:1;position:absolute;right:0;text-align:center;top:0;transition:opacity .1s ease-in-out;z-index:100}.loading .loadingContent{font-size:3em}.loading .loadingContent:before{content:attr(data-percentage);font-size:.5em;left:50%;margin-top:46px;position:absolute;top:100%;transform:translateX(-50%)}.loading.visible{opacity:1}.loading.hidden{display:none}.essay-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;align-items:flex-start;display:flex;font-family:Hiragino Mincho ProN,ヒラギノ明朝 ProN W3,Yu Mincho,游明朝,MS PMincho,MS P明朝,serif;height:calc(100vh - 120px);justify-content:center;margin:0;overflow-x:auto;overflow-y:auto;overflow-y:hidden;padding:40px;scrollbar-color:#888 #f1f1f1;scrollbar-width:thin;width:100%}.essay-content{flex-shrink:0;height:100%;padding:20px;position:relative;text-orientation:mixed;writing-mode:vertical-rl}.essay-container::-webkit-scrollbar{height:8px}.essay-container::-webkit-scrollbar-track{background:#f1f1f1}.essay-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.essay-container::-webkit-scrollbar-thumb:hover{background:#555}.essay-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Hiragino Mincho ProN,ヒラギノ明朝 ProN W3,Yu Mincho,游明朝,MS PMincho,MS P明朝,serif;font-size:2.3rem;margin-left:72px}.essay-date{bottom:0;font-size:16px;left:0}.essay-body{font-size:16px;line-height:2.5;margin-top:40px}.essay-body p{margin-bottom:2em}.essay-navigation{bottom:30px;display:flex;gap:15px;position:absolute}.essay-navigation button{border:none;border-radius:100%;color:#161616;cursor:pointer;font-family:inherit;font-size:1rem;padding:12px;transition:background-color .3s,opacity .3s}.essay-navigation button:disabled{cursor:not-allowed;opacity:.6}.essay-container{position:relative}.essay-date{left:20px}.essay-eyecatch{cursor:pointer}.essay-eyecatch img{animation:fadeInZoom 1s ease-out forwards;object-fit:cover;transition:transform .4s ease-out}.no-image{color:#888}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.essay-eyecatch{align-items:center;animation:fadeIn 1.5s ease-in-out forwards;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.essay-eyecatch.exiting{animation:fadeOut 1.5s ease-in-out forwards}.essay-eyecatch img{width:50%}@media screen and (max-width:768px){.essay-eyecatch img{width:100%}}.movieArea{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.movieItem{text-align:center;width:64vw}.movieItem h2{font-family:游明朝,YuMincho,Hiragino Mincho ProN W3,ヒラギノ明朝 ProN W3,Hiragino Mincho ProN,HG明朝E,ＭＳ Ｐ明朝,ＭＳ 明朝,serif;font-size:16px;font-weight:400;margin:12px 0;text-align-last:left}.imageGallery{display:flex;flex-wrap:wrap}.imageGallery img{height:auto;max-width:31%;object-fit:cover;opacity:0;transition:opacity .5s ease}@media screen and (max-width:480px){.movieItem{width:100vw}.movieItem h2{font-size:12px}}.genreButtons{display:flex;font-family:Mono-space;font-size:12px;gap:24px;justify-content:center;margin:28px 0 56px}.genreButtons .right{align-items:flex-start;display:inline-flex;flex-direction:column;text-align:left}.genreButtons .right button{cursor:pointer;display:inline-block;margin-bottom:5px;position:relative}.genreButtons .right button:after{background-color:#333;bottom:0;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .4s ease;width:100%}.genreButtons .right button:hover:after{background-color:#eee;transform:scaleX(1)}.my-masonry-grid{display:flex;margin-left:-8px;width:auto}.my-masonry-grid_column{background-clip:padding-box;padding-left:8px}.gallery-item{margin-bottom:8px}.gallery-item img{opacity:.7;transition:filter .5s ease,opacity .5s ease}.gallery-item img.loaded{filter:blur(0);opacity:1}.loadMoreContainer{margin:20px 0;text-align:center}.loadMoreContainer button{border:none;border-radius:4px;color:#eee;cursor:pointer}.gallery-item img{display:block;filter:blur(10px);height:auto;opacity:.1;transition:opacity .5s ease;width:100%}.gallery-item img.loaded{animation:clearBlur 1s ease forwards}.pagination{display:flex;font-family:AdventPro-Light;font-size:32px;gap:24px;justify-content:center;margin:32px 0}.PaginationNav{background:#0000;border-radius:3px;position:relative;text-decoration:none;transition:.3s;z-index:1}.PaginationNav:hover{color:#161616}.PaginationNav:hover:before{transform:scaleX(1);transform-origin:0 50%}.PaginationNav:before{background:#eee;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:100% 50%;transition:transform normal .2s;width:100%;z-index:-1}@keyframes clearBlur{0%{filter:blur(10px);opacity:.7}to{filter:blur(0);opacity:1}}



/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */*,:after,:before{border-style:solid;border-width:0;box-sizing:border-box;min-width:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;line-height:1.15}body{margin:0}main{display:block}address,blockquote,dl,figure,form,iframe,p,pre,table{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ol,ul{list-style:none;margin:0;padding:0}dt{font-weight:700}dd{margin-left:0}hr{border-top-width:1px;box-sizing:initial;clear:both;color:inherit;height:0;margin:0;overflow:visible}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:initial;color:inherit;text-decoration:none}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}embed,iframe,img,object,svg{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;background:#0000;border-radius:0;color:inherit;font:inherit;margin:0;padding:0;text-align:inherit;text-transform:inherit;vertical-align:middle}[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled,button:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}fieldset,option{padding:0}fieldset{margin:0;min-width:0}legend{padding:0}progress{vertical-align:initial}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=number]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-collapse:collapse;border-color:inherit}caption{text-align:left}td,th{padding:0;vertical-align:top}th{font-weight:700;text-align:left}@font-face{font-family:AdventPro-Light;src:url(/static/media/AdventPro-Light.1c32d5b2143598478580.ttf)}@font-face{font-family:Mono-space;src:url(/static/media/SpaceMono-Regular.8dc9dfb5a618f0d496e9.ttf)}@font-face{font-family:sf-ui-bold;src:url(/static/media/sf-ui-display-bold-58646a511e3d9.4ac567b4926ac8d6459d.otf)}@font-face{font-family:sf-ui-heavy;src:url(/static/media/sf-ui-display-heavy-586470160b9e5.231bc1a484977910f09b.otf)}@font-face{font-family:sf-ui-medium;src:url(/static/media/sf-ui-display-medium-58646be638f96.32f938759a1b1b8ce03b.otf)}@font-face{font-family:sf-ui-light;src:url(/static/media/sf-ui-display-light-58646b33e0551.b4ca712946a31ed82045.otf)}body{background-color:#eee;color:#161616;transition:background-color 1s ease;transition:color .5s ease}h1{font-family:AdventPro-Light}h2{font-family:"font-family: ",ヒラギノ角ゴシックHiragino Sans,\,,",sans-serif;"}h3{font-family:Mono-space}@media screen and (max-width:480px){body{padding:0 16px}}
/*# sourceMappingURL=main.b60c68b4.css.map*/