@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}body{background-color:#fff;color:#333;font-family:Noto Sans,Arial,游ゴシック体,Yu Gothic,YuGothic,sans-serif;font-size:15px;font-weight:400;margin:0}#body>*{animation:fade-in .4s ease}h1,p,ul{margin:0}ul{list-style:none;padding:0}#container{width:1100px;margin:70px auto}#header{display:flex;align-items:baseline;margin-bottom:70px}#header h1{font-family:Montserrat,sans-serif;font-size:200%;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:100%;margin-left:2px}#header ul{display:flex;gap:18px;margin-left:40px}#header ul li{font-family:Montserrat,sans-serif}#header ul li.active a{border-color:#ff3c00}@media screen and (max-width:480px){#container{width:100%;margin:10px auto}#header{flex-direction:column;margin:10px}#header h1{margin-left:0}#header ul{margin-left:0;margin-top:10px}}.clearfix:after{content:"";display:table;clear:both}.icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;fill:currentColor}a.line{color:#333}a.line:active,a.line:hover{opacity:.6;transition:opacity .1s ease-in 20ms}a.box{border-bottom:1px transparent solid;display:inline-block;padding:0 1px;color:#333;text-decoration:none}a.box:active,a.box:hover{border-color:#ff3c00;transition:border-color .1s ease-in 20ms}#notification{position:relative}#notification>p{margin-left:2px;line-height:100%;position:absolute;top:-50px;font-weight:400}@media screen and (max-width:480px){#notification{position:static;margin:19px 10px 0}#notification>p{position:static;margin:0;line-height:160%}}#profile{line-height:160%}#profile h2{font-size:15px;font-weight:400;margin:0}#profile h2:before{content:"▽"}#profile p,#profile ul{margin-bottom:19px}#profile p:last-child,#profile ul:last-child{margin-bottom:0}#profile ul li{list-style-type:disc;background-repeat:no-repeat;background-position:0 1px;margin-left:22px}@media screen and (max-width:480px){#profile{margin:19px 10px}}#posts{display:grid;grid-template-columns:repeat(4,268px);gap:12px;margin:-4px 0 0 -4px}#posts li a.thumbnail{background-color:#a9a9a9;border:4px white solid;width:260px;height:156px;display:block;outline:none;overflow:hidden}#posts li a.thumbnail img{width:100%;height:100%;object-fit:cover;display:block}#posts li a.thumbnail:active,#posts li a.thumbnail:hover{border-color:#bebebe;transition:border-color .1s ease-in 20ms}#posts li a.thumbnail-for-smartphone{display:none}@media screen and (max-width:480px){#posts{grid-template-columns:repeat(2,1fr);gap:10px;margin:9px 10px 19px;width:auto}#posts li a.thumbnail{display:none}#posts li a.thumbnail-for-smartphone{display:block;position:relative;width:100%;padding-top:60%;overflow:hidden}#posts li a.thumbnail-for-smartphone img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}}#post{background-color:#ffffffd9;position:fixed;z-index:950;top:0;left:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;isolation:isolate}@media(orientation:landscape){#post{top:env(safe-area-inset-top,0px);left:env(safe-area-inset-left,0px);width:calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}}#post.is-closing{animation:fade-out .2s ease forwards}#post div.post-container{position:absolute;inset:20px;display:flex;align-items:center;justify-content:center}#post div.image-frame{--ar: 1;--max-w: 100%;position:relative;width:min(100vw - 40px,(100vh - 40px) * var(--ar),var(--max-w));aspect-ratio:var(--ar)}#post div.image-frame:before{content:"";position:absolute;inset:0;background:url(/loading.gif) center center no-repeat;background-color:#fff;opacity:1;transition:opacity .2s ease;pointer-events:none;z-index:940}#post div.image-frame.image-loaded:before{opacity:0}#post div.image-frame>img.current-image{display:block;width:100%;height:100%;object-fit:contain}#post div.image-frame a.button{color:#333;font-size:18px;text-decoration:none;line-height:100%;display:inline-block;outline:none}#post div.image-frame a.button:active,#post div.image-frame a.button:hover{color:#3339;transition:color .1s ease-in 20ms}#post div.image-frame h2.caption,#post div.image-frame a.shift,#post div.image-frame ul.means{transition:opacity .4s ease;opacity:0;pointer-events:none}#post div.image-frame.controls-ready h2.caption,#post div.image-frame.controls-ready a.shift,#post div.image-frame.controls-ready ul.means{opacity:1;pointer-events:auto}#post div.image-frame.controls-ready h2.caption.hidden,#post div.image-frame.controls-ready a.shift.hidden,#post div.image-frame.controls-ready ul.means.hidden{opacity:0;pointer-events:none}#post div.image-frame h2.caption{position:absolute;left:0;right:0;bottom:0;z-index:960;background-color:#ffffffe6;margin:0;padding:8px 0}#post div.image-frame h2.caption span{display:block;margin:0 10px;font-size:15px;font-weight:400;line-height:160%}#post div.image-frame a.shift{position:absolute;top:0;z-index:950;height:100%;padding:0 10px;display:flex;align-items:center}#post div.image-frame a.shift span{display:flex;align-items:center;justify-content:center;background-color:#ffffffe6;border-radius:2px;padding:7px 9px}#post div.image-frame a.shift .icon-chevron{display:block;width:12px;height:16px}#post div.image-frame a.previous{left:0}#post div.image-frame a.next{right:0}#post div.image-frame a.deactive{color:#ccc;cursor:default}#post div.image-frame a.deactive:active,#post div.image-frame a.deactive:hover{color:#ccc}#post div.image-frame ul.means{position:absolute;right:10px;top:10px;z-index:970;margin:0;padding:0;display:flex;align-items:stretch}#post div.image-frame ul.means li{display:flex;align-items:stretch}#post div.image-frame ul.means li a{background-color:#ffffffe6;display:flex;align-items:center;justify-content:center;width:30px;height:30px}#post div.image-frame ul.means li .icon-action{display:block;width:16px;height:16px}#post div.image-frame ul.means li:first-child a{border-top-left-radius:2px;border-bottom-left-radius:2px}#post div.image-frame ul.means li:last-child a{border-top-right-radius:2px;border-bottom-right-radius:2px}#post div.image-frame ul.means li.divider{background-color:#3333334d;border:2px solid rgba(255,255,255,.9);border-left:0;border-right:0;width:1px;padding:0;box-sizing:content-box}nav.pagination{margin-top:16px;display:flex;justify-content:center;align-items:center}nav.pagination span.page,nav.pagination span.pagecurrent,nav.pagination span.prev,nav.pagination span.next{display:flex;align-items:center;border-radius:2px}nav.pagination span.page span,nav.pagination span.page a,nav.pagination span.pagecurrent span,nav.pagination span.pagecurrent a,nav.pagination span.prev span,nav.pagination span.prev a,nav.pagination span.next span,nav.pagination span.next a{display:flex;align-items:center;justify-content:center;width:12px;height:12px;padding:5px;text-decoration:none;box-sizing:content-box}nav.pagination span.page span,nav.pagination span.page a{font-size:12px}nav.pagination span.page a{color:#333}nav.pagination span.pagecurrent span{background-color:#333;border-radius:2px;color:#fff;font-size:12px}nav.pagination span.prev span,nav.pagination span.next span{color:#ccc}nav.pagination span.prev a,nav.pagination span.next a{color:#333}nav.pagination span.prev .icon-page-chevron,nav.pagination span.next .icon-page-chevron{display:block;width:8px;height:12px}