:root{--header-background-color:transparent;--theme-background:#fff;--theme-color:#0a0a00;--sub-theme-color:#f2aaf2;--drawer-background:#fff3a0}header{height:64px;position:fixed;top:0;left:0;width:100vw;z-index:9;background:var(--header-background-color);transition:background 0s ease .6s}header.transparent{background:transparent}header .title{height:100%;text-indent:-9999px;background-image:url(/header.d7c8ed8e.png);background-repeat:no-repeat;background-size:contain;display:block;text-decoration:none;color:var(--theme-color)}header .header--contentsHamburger{display:block}header .header--contentsHamburger .hamburger--menu__trigger,header .header--contentsHamburger .hamburger--menu__trigger .hamburger--menu__trigger__part{display:inline-block;transition:all .4s;box-sizing:border-box;z-index:8}header .header--contentsHamburger .hamburger--menu__trigger,header .header--contentsHamburger .hamburger--menu__trigger__active{position:absolute;top:15px;right:30px;width:28px;height:32px}header .header--contentsHamburger .hamburger--menu__trigger__part{position:absolute;right:0;width:100%;height:4px;background-color:var(--theme-color);border-radius:4px}header .header--contentsHamburger .hamburger--menu__trigger__part:first-of-type{top:0}header .header--contentsHamburger .hamburger--menu__trigger__part:nth-of-type(2){top:15px}header .header--contentsHamburger .hamburger--menu__trigger__part:nth-of-type(3){bottom:0}header .header--contentsHamburger .hamburger--menu__trigger__active .hamburger--menu__trigger__part{position:absolute;right:0;width:100%;height:4px;background-color:var(--theme-color);border-radius:4px}header .header--contentsHamburger .hamburger--menu__trigger__active .hamburger--menu__trigger__part:first-of-type{-webkit-transform:translateY(13px) rotate(-45deg);transform:translateY(13px) rotate(-45deg)}header .header--contentsHamburger .hamburger--menu__trigger__active .hamburger--menu__trigger__part:nth-of-type(2){opacity:0}header .header--contentsHamburger .hamburger--menu__trigger__active .hamburger--menu__trigger__part:nth-of-type(3){-webkit-transform:translateY(-15px) rotate(45deg);transform:translateY(-15px) rotate(45deg)}footer{width:100vw;text-align:center;margin-top:54px;padding-top:15px;padding-bottom:15px;background:var(--header-background-color)}.drawer--wrapper{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:8;transform-origin:top right;transition:transform .8s ease 0s}.drawer--wrapper.out{transform:rotate(180deg)}.drawer--wrapper .drawer{width:100vw;height:100vh;position:fixed;background:var(--drawer-background)}.drawer--wrapper .drawer--content{height:calc(100vh - 64px);position:relative;top:64px}.drawer--wrapper .drawer--list{list-style:none;font-size:38px}.drawer--wrapper .drawer--list__anchor{text-decoration:none;color:var(--theme-color);margin:4px 0}.footer--bar{width:100vw;position:fixed;bottom:0;left:0;right:0;background:#fff;height:36px;display:flex}.footer--el{width:32px;height:32px;font-size:28px;margin:0 auto;display:block}.page{height:max-content;min-height:calc(100vh - 136px);position:relative;top:64px;color:var(--theme-color);background:var(--theme-background);overflow:hidden}body{margin:0;font-family:"Noto Serif JP",serif}.gallery{width:100vw}.gallery .works{width:90vw;margin:12px auto;max-width:750px}.gallery--el{display:block;width:27vw;max-width:240px;height:27vw;max-height:240px;border-radius:3px;margin:4px}.gallery--el__img{display:block;width:100%;height:100%;object-fit:contain}.gallery--column{display:flex;width:100%;height:min-content}.galleryModal{z-index:7;position:fixed;width:100vw;top:64px;left:0}.galleryModal--layer{z-index:6;width:100vw;height:100vh;position:fixed;top:0;left:0;background:rgba(0,0,0,.5)}.galleryModal--target{width:100vw;height:60vh;object-fit:contain;display:block}.galleryModal--target.out--topright{transform:translate(100vw,-50vh) rotate(45deg);transition:transform 1s ease .1s}.galleryModal--target.out--bottomleft{transform:translate(-100vw,50vh) rotate(-45deg);transition:transform 1s ease .1s}.galleryModal--controller{width:100vw;position:fixed;bottom:0;height:84px;left:0;display:flex;background:var(--theme-background);z-index:7}.galleryModal--controller__el{width:33vw;text-align:center}.top--wrapper{height:calc(100vh - 64px);width:100vw}.top--wrapper .title{background-image:url(/toptitle.0e8281c6.png);width:200px;height:200px;background-size:cover;background-position:50%;position:absolute;top:30vh;left:calc(50vw - 100px);transition:all .7s ease 1s;opacity:1;transform:translateX(0)}.top--wrapper .title.out{opacity:0;transform:translateX(-10px)}.top--wrapper .title div{text-indent:9999px}.top{background-image:url(/top.95f24fd0.jpg);background-size:cover;background-position:50%;transition:opacity .6s ease .8s;width:100%;height:100%}.top.withOpacity{opacity:.6}.profile{width:80vw;max-width:400px;margin:12px auto;height:min-content}.profile .img img{height:80vw;max-height:400px;width:100%;object-fit:contain;border:1px solid var(--theme-color);border-radius:999px}.profile .profile .name{font-size:36px;text-align:center}.profile .link{position:relative;height:24px}.slide{height:70vw;max-height:450px;width:90vw;max-width:750px;margin:12px auto;position:relative}.slide .slideel{height:60vw;max-height:400px;width:60vw;max-width:400px;display:block;position:absolute;object-fit:contain;transition:all .5s ease-out}.slide .front{left:10vw;z-index:3;opacity:1}.slide .left{left:0;z-index:2;opacity:.4}.slide .right{right:0;z-index:2;opacity:.4}.slide .back{left:10vw;z-index:-1;opacity:0}.goto{text-decoration:none;color:var(--theme-color);position:absolute;right:5vw;font-size:18px}.goto:after{content:">";position:relative;left:-10px;transition:left 1s ease .1s}.goto:hover:after{left:0}h2:before{content:"";background-color:var(--sub-theme-color);border-radius:4px;width:12px;height:30px;display:inline-block;margin-right:12px;position:relative;top:6px}.index .link{position:relative;height:24px}.page--profile .name{text-align:center}.page--profile .name .en{font-size:32px}.page--profile .name .ja{font-size:25px}.page--profile .workAbility{font-size:26px;text-align:center}.page--profile .icon{width:60vw;max-width:300px;height:60vw;max-height:300px;display:block;object-fit:contain;border-radius:999px;margin:12px auto;border:1px solid var(--theme-color)}.page--profile .bio{width:75vw;max-width:700px;height:min-content;min-height:300px;margin:6px auto;overflow-wrap:break-word}
/*# sourceMappingURL=/layout.css.map */