html,body,h1,h2,h3,h4,h5,h6,a,p,span,em,small,strong,blockquote,q,cite,code,pre,ol,ul,li,dl,dt,dd,div,section,article,main,aside,nav,header,hgroup,footer,img,figure,figcaption,address,time,audio,video,canvas,iframe,details,summary,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0}img{max-width:100%;vertical-align:bottom}:root{--black: #000;--darkgray: #4d4d4d;--main-color: #ffff00;--accent-color: #f2ee00}html,body{font-family:var(--font-rubik),"メイリオ","Hiragino Kaku Gothic Pro",sans-serif;font-size:10px;font-weight:300;font-synthesis:none;letter-spacing:.1rem;color:var(--darkgray)}body{background:#fff}a,a:hover{color:var(--darkgray);text-decoration:none}h1,h2,h3,h4,h5,h6,p{color:var(--darkgray);font-weight:300}ul{list-style:none}.container{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;margin-left:auto;margin-right:auto;padding:0 15px;min-height:100vh;max-width:1280px}@media screen and (min-width:481px){.container{padding:0 30px}}@media screen and (min-width:960px){.container{padding:0 60px}}.wrapper{flex-grow:1;flex-shrink:1;margin-bottom:50px}header{display:flex;justify-content:flex-end;align-items:baseline;padding:25px 15px 0;margin-bottom:20px}.header-item:first-child{margin-right:auto}.header-logo img{height:40px;margin-bottom:-7px}#logo{transition:all .3s ease-out;z-index:10}#logo:hover{transform:scale(1.1)}.global-nav-wrapper{display:none;position:fixed;z-index:100;width:100%;height:100%;background-color:var(--accent-color);left:0;top:0}.global-nav-wrapper.open{display:block}.global-nav{font-size:2.5rem;line-height:3.3rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.menu{display:flex;flex-direction:column}.menu a{position:relative;display:inline-block;opacity:.7}.menu a:active{opacity:1}.sub-menu{margin-top:1.2rem;text-align:center}.sub-menu .menu-item a{font-size:1.6rem;line-height:2.4rem;opacity:.75}.global-nav-wrapper.open{display:block;overflow-y:auto}.global-nav-wrapper.open .global-nav{height:auto;min-height:100%;padding:5rem 0}.menu>li>a:after{position:absolute;bottom:-4px;left:0;content:"";width:100%;height:1rem;z-index:-1;background:var(--main-color);transform:scaleX(0);transform-origin:left top;transition:transform .2s}.menu .menu-item-has-children>a:after{display:none}.burger-menu{height:1.4rem;position:absolute;right:35px;top:44px;width:1.8rem;z-index:101;cursor:pointer}.menu__line{background:var(--darkgray);display:block;height:1px;position:absolute;transition:transform .3s;width:100%}.menu__line--center{top:.6rem}.menu__line--bottom{bottom:0}.menu__line--top.active{top:.6rem;transform:rotate(45deg)}.menu__line--center.active{transform:scaleX(0)}.menu__line--bottom.active{bottom:.7rem;transform:rotate(135deg)}body.nav-open{overflow:hidden}@media screen and (min-width:481px){header{padding:30px 15px 0}.global-nav{font-size:4rem;line-height:5rem}.burger-menu{right:50px;top:48px}}@media screen and (min-width:960px){header{padding:40px 15px 0;margin-bottom:40px}.header-logo img{height:60px;margin-bottom:-10px}.global-nav-wrapper{display:inline-block;background-color:transparent;position:static;width:auto;height:0;margin-right:10px}.global-nav{width:auto;font-size:1.5rem;line-height:2.2rem}.burger-menu{display:none}.menu{flex-direction:row;text-align:center}.menu>li{display:inline-block;margin:0 0 0 30px}.menu>li>a{display:inline-block;padding-bottom:10px;opacity:.9}.menu>li>a:hover:after{transform:scale(1)}.menu-item-has-children{position:relative}.sub-menu{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);width:180px;margin-top:0;padding:0;background:var(--accent-color);box-shadow:0 1px 4px #0000001a;text-align:center;font-size:1.3rem;z-index:100}.menu-item-has-children:hover .sub-menu{display:block}.sub-menu>.menu-item{display:block;padding:0}.sub-menu>.menu-item:not(:last-child){border-bottom:1px solid #fff}.sub-menu>.menu-item a{display:block;box-sizing:border-box;width:100%;padding:.5em 0;font-size:1.3rem;line-height:1.6;opacity:1;white-space:nowrap}.sub-menu>.menu-item a:after{display:none}.sub-menu>.menu-item a:hover{background:#000;color:#fff}}.main{display:flex;flex-wrap:wrap;align-content:flex-start;box-sizing:border-box}.main article{flex:1 1 450px;display:flex}.main a{flex:1;padding:10px;display:block;color:inherit;text-decoration:none;overflow:hidden;position:relative}.photo{min-height:300px;background-position:center;background-size:cover;background-color:#f2f2f2}@media screen and (min-width:481px){.main:after{content:"";display:block;width:50%}.main article{flex:1 1 300px}}@media screen and (min-width:960px){.main:after{content:"";display:block;width:30%}.main article{flex:1 1 25%}.main article:nth-child(4n+1){flex:1 1 50%}}.js-fade .fadeInUp{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease;will-change:opacity,transform}.js-fade .fadeInUp.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.js-fade .fadeInUp{opacity:1;transform:none;transition:none}}.main .mask{width:100%;height:100%;position:absolute;top:0;left:0;right:0;opacity:0;display:flex;align-items:center;text-align:center;background-color:#f0ed00f2;transition:all .3s ease}a:hover .mask{opacity:1;transform:scale(1.1)}.main .text_on_mask{justify-content:center;align-items:center;font-size:1.3rem;color:#fff;margin:auto;padding:1.1rem;display:flex;flex-direction:column}.main .mask h2{font-size:1.5rem;font-style:normal;color:#fff;margin:auto;margin-top:2rem;background-color:#000;padding:.8rem 1.1rem}.main .tags_on_mask{margin-top:1rem}.main .tags_on_mask span{font-size:1.2rem;color:var(--darkgray);padding:1.1rem .5rem;line-height:2rem}.main .tags_on_mask span:before{content:"#"}footer{display:flex;justify-content:center;align-items:center;height:80px;border-top:solid 1px #ddd;margin-top:auto;width:100%}footer p{text-align:center;font-size:1.1rem}.main-sub{margin-top:30px;padding:0 10px}.post{display:flex;flex-direction:column;justify-content:center}.post-photo{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.post-photo img{max-width:100%;height:auto;margin-bottom:15px}.post-description{flex:1}.post-header-smartphone{margin-bottom:20px}.post-header-pc{display:none}.artist-name{margin-bottom:10px}.post h1,.post h2,.post h3,.post p{color:var(--darkgray);font-style:normal;font-weight:300}.post h1{font-family:var(--font-rubik),"メイリオ","Hiragino Kaku Gothic Pro",sans-serif;border-left:5px solid var(--accent-color);padding-left:10px;font-size:2.5rem;line-height:2.5rem}.post h2{font-size:1.4rem;line-height:3rem;margin-bottom:40px;opacity:.8}.post h3{font-size:1.2rem;line-height:3rem;padding-top:10px;margin-bottom:30px}.post .text{font-family:var(--font-noto-jp),"メイリオ","Hiragino Kaku Gothic Pro",sans-serif}.post .text p{font-size:1.3rem;line-height:2em;margin-bottom:30px}.post .text a:hover{opacity:.7}.post .text img{margin-bottom:15px;border-radius:2px}.post .text .description-en{font-family:var(--font-rubik),sans-serif;color:var(--darkgray);opacity:.6}.post .text .related-links{display:flex;flex-direction:column;gap:0;margin-top:0;font-family:var(--font-noto-jp),"メイリオ","Hiragino Kaku Gothic Pro",sans-serif;font-size:1.3rem;line-height:2em}.post a[target=_blank]{border-bottom:none;display:inline-flex;align-items:center}.post a[target=_blank]:after{content:"";display:inline-block;width:.9em;height:.9em;margin:0 4px;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Crect width='14' height='14' rx='1.5' fill='%23F2EE00'/%3E%3Cpath d='M4 4h6v6M4.5 9.5 10 4' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.post a[target=_blank]:hover{opacity:.7}blockquote{border-left:solid 1px #ddd;padding-left:10px}blockquote>p{font-size:1.2rem;line-height:1.8em}@media screen and (min-width:481px){.post{flex-direction:row}.post-photo{max-width:50%;margin-right:30px}.post-header-smartphone{display:none}.post-header-pc{display:block;margin-bottom:40px}.tags{margin-top:20px}}@media screen and (min-width:960px){.post-photo{max-width:60%;margin-right:50px}.post .text p,.post .text .related-links{font-size:1.4rem;line-height:2.1em}.tags{margin-top:20px}}.tag-title{padding:15px;font-size:1.8rem;text-transform:capitalize;color:var(--darkgray);font-weight:300}.tag-title span:before{content:"#"}.tags{font-size:1.3rem;color:var(--darkgray);margin-top:15px}.article-tags{display:flex;flex-wrap:wrap;align-items:center;width:100%;padding:0;color:var(--darkgray);gap:.4em}.article-tags li{line-height:1.2rem}.article-tags a:hover{opacity:.7}.pager-box{display:flex;align-items:center;justify-content:center;margin-top:20px}.pager{text-align:center;margin:auto}a.page-numbers{background:#0000001a;padding:.5rem 1.5rem;margin:0 2px;font-size:1.3rem;display:inline-block;transition:all .3s ease-in-out}a.page-numbers:hover{background:#00000080;color:#fff}.page-numbers.current{background:var(--accent-color);border:solid 1px var(--accent-color);color:var(--darkgray);padding:.5rem 1.5rem;margin:0 2px;font-size:1.3rem;display:inline-block}.page-numbers.disabled{color:#00000040;padding:.5rem 1rem;font-size:1.3rem}