@charset "utf-8";h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,th,td,em,span,strong,figcaption,figure,canvas{color:rgba(0,0,0,1);margin:0;padding:0;line-height:1.8;font-weight:400;font-feature-settings:"palt";font-family:'Hina Mincho',serif;letter-spacing:.064em}strong{font-weight:700}::selection{background:rgba(228,228,228,1)}th{font-weight:400}section p,section dd{letter-spacing:.15rem;text-align:justify}li{list-style:none}em{font-style:normal}img,svg{border:0;vertical-align:bottom;max-width:100%;height:auto;min-height:auto;width:auto}a img:hover{filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6}body{font-size:14px;-webkit-font-smoothing:subpixel-antialiased;letter-spacing:.08em;overflow-x:hidden;background:0 0!important;margin:0}a,a img,p.btn input{text-decoration:none;color:rgba(0,0,0,1);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}a:hover{text-decoration:underline}a:focus{outline:none}* html body{text-align:center}.clear{clear:both}.clearfix{zoom:1}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}a img:hover{filter:alpha(opacity=80);-moz-opacity:.8;opacity:.80}.center{text-align:center}h2{font-family:'Josefin Slab','Hina Mincho',serif;margin:0 auto;text-align:center}section h2{font-size:218%;margin-bottom:1.5rem}section h2 span{display:inline-block;padding-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,1)}header{width:100%;display:inline-flex;box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;height:50svh;background-image:url(//tokindo.jp/site/wp-content/themes/tokindo/css/../images/sora.jpg);background-size:cover}header .wow{width:100%;height:100%;display:inline-flex;box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;background:rgba(255,255,255,1)}header h1 img{max-width:65%;max-height:65%;display:inline-block;border-radius:5px}header h1{text-align:center}nav ul li{flex-grow:1;flex-shrink:1;letter-spacing:.2rem;font-size:86%}#biography p{color:rgba(255,255,255,1);vertical-align:top;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}#instagram{padding:10% 2vw 0;text-align:center}#biography.animated{opacity:0}.grid-layout{border-top:1px solid rgba(255,255,255,1);border-bottom:1px solid rgba(255,255,255,1);display:grid;box-sizing:border-box;grid-gap:1px;grid-auto-flow:dense;background:rgba(255,255,255,1)}.grid-layout h2{font-size:1.1em}.box{background:rgba(255,255,255,1);box-sizing:border-box;display:block;background-repeat:no-repeat}.item2:hover,.item3:hover,.item4:hover{cursor:pointer}.item1{padding:3rem;display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center}.item1 p.center a{margin-top:1rem}.item1 p.center a{padding:.4rem 1rem;display:inline-block;line-height:1;background:rgba(180,180,180,1);color:rgba(255,255,255,1);border-radius:4px;font-size:9px}.item1 p.center a:hover{background:rgba(204,204,204,1);text-decoration:none;color:rgba(0,0,0,1)}.item1 ul li{margin-bottom:1rem;font-size:12px}.item1 ul li em{display:block;font-size:10px;letter-spacing:2px;color:rgba(120,120,120,1)}#biography{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;overflow:auto;display:flex;flex-direction:row;text-align:center;-webkit-writing-mode:vertical-rl;-moz-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;-ms-writing-mode:vertical-rl;writing-mode:vertical-rl;text-align:left;-webkit-column-count:2;-moz-column-count:2;-ms-column-count:2;column-count:2;-moz-column-gap:30px;-webkit-column-gap:30px;-ms-column-gap:30px;column-gap:30px;display:inline-block}.animated{-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-animation-duration:1.3s;animation-duration:1.3s}.work.animated{filter:grayscale(100%);cursor:pointer;background-size:cover}.work.animated:hover{-webkit-animation:grayscaleani 1s;animation:grayscaleani 1s;animation-fill-mode:forwards;filter:grayscale(0%)}footer{position:relative}footer p{position:absolute;text-align:center;width:100%;font-size:68%;letter-spacing:.2rem;color:rgba(100,100,100,1)}footer img{position:absolute;bottom:0;width:100%;z-index:-1}.mainmenu{display:none}button:focus{outline:none}.button-lines{position:fixed;background:0 0;height:70px;width:70px;border:none;cursor:pointer;display:inline-block;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;z-index:9999;margin-top:8px}.button-lines:hover{cursor:pointer}.button-lines{top:-.85rem;right:.5rem}.lines:after,.lines:before{margin-left:20px}.nav-visible .button-lines-x .lines:after{margin-left:20px}.lines{width:40px;display:inline-block}.lines,.lines:after,.lines:before{background:rgba(0,0,0,1);display:inline-block;height:.75px;position:relative;text-align:right;content:"";position:absolute}.lines{background:rgba(0,0,0,1);display:inline-block;height:.75px;position:relative;text-align:right}.nav-visible .lines:after,.nav-visible .lines:before{background:rgba(0,0,0,1)}.lines:after,.lines:before{background:rgba(0,0,0,1)}.lines:after:hover,.lines:before:hover{background:#000}.lines:after{top:12px;left:-6px;width:25px}.lines:before{top:-11px;left:-43px;width:65px}.close{opacity:1}.button-lines-x .lines:after,.button-lines-x .lines:before{-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;-webkit-transition:top .3s .4s ease,-webkit-transform .3s ease;transition:top .3s .4s ease,-webkit-transform .3s ease;transition:top .3s .4s ease,transform .3s ease;transition:top .3s .4s ease,transform .3s ease,-webkit-transform .3s ease}.nav-visible .button-lines-x .lines{background:0 0}.nav-visible .button-lines-x .lines:after,.nav-visible .button-lines-x .lines:before{background:rgba(255,255,255,1);-webkit-transition:top .3s ease,-webkit-transform .3s .3s ease;transition:top .3s ease,-webkit-transform .3s .3s ease;transition:top .3s ease,transform .3s .3s ease;transition:top .3s ease,transform .3s .3s ease,-webkit-transform .3s .3s ease}.nav-visible .button-lines-x .lines:after{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);top:5px;left:-27px;width:50px}.nav-visible .button-lines-x .lines:before{top:5px;left:-28px;width:50px;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg)}.nav-wrapper{background-color:rgba(0,0,0,.5);backdrop-filter:blur(8px);height:100svh;-webkit-perspective:100%;perspective:100%;position:fixed;top:0;right:0;left:0;bottom:0;opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1ch;transition:all .4s;visibility:hidden;width:100vw;z-index:999}.nav-visible .nav-wrapper{opacity:1;visibility:visible;top:0;right:0;left:0;bottom:0}.nav-wrapper ul.menu li{text-align:center;font-size:.95rem}.nav-wrapper ul.menu li a{color:rgba(255,255,255,1);font-family:'Josefin Slab','Hina Mincho',serif;letter-spacing:1px}.nav-wrapper ul.menu li a:hover{text-decoration:none;color:rgba(153,153,153,1)}.nav-wrapper ul.menu li:nth-last-child(1){margin-bottom:0}.nav-wrapper ul.social li img{width:1.5rem}.wpcf7 span.wpcf7-not-valid-tip{display:none}.wpcf7-response-output{background:#fff;font-size:.7rem}.wpcf7-validation-errors{color:#fff;background:#ab0808;text-align:center;line-height:2;border:none !important;border-radius:16px}.wpcf7-mail-sent-ok{background:#398f14;color:#fff;text-align:center;line-height:2;border-radius:16px}.wpcf7 .wpcf7-not-valid{background:rgba(222,190,190,1)}.recaptcha{width:304px;margin:0 auto;margin-bottom:1rem;display:inline-block}.nav{transition:all .4s}.nav li{text-align:center;width:100vw;font-size:.9rem}.nav li.active a{background-color:rgba(15,178,147,1)}.nav a{text-decoration:none;display:inline-block;padding:10px 1.5em;text-transform:uppercase;border-radius:5px}.nav a:focus,.nav a:hover{border-left:3px solid rgba(15,178,147,1);border-right:3px solid rgba(15,178,147,1);text-decoration:none;text-decoration:none}.nav-marker{background-color:currentColor;height:2.8rem;position:absolute;right:0;top:80px;width:3px}.nav-marker:before{border:5px solid transparent;border-right-color:inherit;content:"";height:0;position:absolute;right:3px;top:50%;width:0}#button-area{text-align:center;margin-top:4rem}.button{pointer-events:auto;cursor:pointer;border:none;padding:1.5rem 3rem;margin:0;font-family:inherit;font-size:inherit;position:relative;display:inline-block}.button--fenrir{background:0 0;padding:0;-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);width:120px;height:120px;font-family:aktiv-grotesk-extended,sans-serif;font-weight:700;text-transform:uppercase;font-size:.85rem}.progress{position:absolute;width:80px;height:80px;top:calc(50% - 40px);left:calc(50% - 40px);transition:transform .4s cubic-bezier(.7,0,.3,1)}.button--fenrir:hover .progress{transform:scale3d(1.2,1.2,1)}.progress__circle,.progress__path{fill:rgba(150,150,150,.1);stroke:#f0f0f0;stroke-width:1px}.button--fenrir:focus-visible .progress__circle{fill:rgba(252,196,63,.4)}.progress__path{stroke:#a6a6a6;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .4s cubic-bezier(.7,0,.3,1)}.button--fenrir:hover .progress__path{stroke-dashoffset:0}@media screen and (min-width:53em){.frame{text-align:left;z-index:100;display:grid;align-content:space-between;width:100%;max-width:none;padding:3rem 3.5rem;pointer-events:none;grid-template-columns:50% 50%;grid-template-rows:auto auto auto;grid-template-areas:'title links' '... ...' 'author ...'}.frame__title-wrap{grid-area:title}.frame__title{margin:0}.frame__tagline{position:relative;margin-left:0}.frame__links{grid-area:links;padding:0;justify-self:end;align-self:start;justify-content:start}.frame__author{grid-area:author}.frame a{pointer-events:auto}}@media screen and (min-width:1024px){#imageboard{max-height:95svh}}@media screen and (min-width:800px){#imageboard{position:relative;overflow:hidden;width:100%;text-align:left;background-image:url(//tokindo.jp/site/wp-content/themes/tokindo/css/../images/sora.jpg);background-size:cover}#imageboard{position:relative}#imageboard:before{content:"";display:block;padding-top:65%}#imageboard .inner{position:absolute;top:0;left:0;width:100%;height:100%}#imageboard .umibouzu{position:absolute;top:-3.6%;left:10%;z-index:2;height:68%}#imageboard .shima{position:absolute;top:12%;left:0;width:100%;z-index:4}#imageboard .umi{position:absolute;bottom:-14%;left:0;width:100%;max-height:60%;z-index:3}#imageboard .sora{position:absolute;top:0;left:0;width:100%;z-index:0}.grid-layout{grid-template-columns:33.3% 33.3% 33.3%}.box{min-height:50svh}.item2{grid-column-start:2;grid-column-end:3;background-position:center center}.item3{grid-column-start:3;grid-column-end:4;background-position:top center}.item4{grid-column-start:1;grid-column-end:3;background-position:top left}.item5{grid-column-start:3;grid-column-end:4;padding:3rem;background:rgba(230,230,230,1);background-position:center center;display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center}.item6{grid-column-start:1;grid-column-end:4;padding:4rem 0;text-align:center;overflow:auto;background:rgba(155,0,0,1)}.item7{grid-column-start:2;grid-column-end:4;background-position:center center}.item8{grid-column-start:1;grid-column-end:3;background-position:center center}.item9{grid-column-start:3;grid-column-end:4;background-position:bottom center}.item10{grid-column-start:2;grid-column-end:4;background-position:center right}.item11{grid-column-start:1;grid-column-end:2;background-position:center center}.item12{grid-column-start:2;grid-column-end:3;background-position:center center}.item13{grid-column-start:1;grid-column-end:2;background-position:center center}.item14{grid-column-start:3;grid-column-end:4;background-position:center center}.item-new{grid-column-start:1;grid-column-end:4;height:50svh;background-position:center bottom}#biography{height:550px}footer{background-size:cover;min-height:441px}footer p{bottom:3rem}.nav-wrapper ul.menu li{margin-bottom:1.5rem}.nav-wrapper ul.menu{padding-bottom:2rem}.nav-wrapper ul.social{padding-bottom:2rem}}@media screen and (max-width:800px){#imageboard{position:relative;overflow:hidden;width:100%;text-align:left;height:60svh;background-image:url(//tokindo.jp/site/wp-content/themes/tokindo/css/../images/sora.jpg);background-size:cover}#imageboard:before{content:"";display:block;padding-top:65%}#imageboard .inner{position:absolute;top:0;left:0;width:100%;height:100%}#imageboard .umibouzu{position:absolute;top:-3%;left:1%;z-index:2;max-height:50svh}#imageboard .shima{position:absolute;bottom:-6vh;min-height:40vh;left:0;width:100%;z-index:4}#imageboard .umi{position:absolute;bottom:-11vh;min-height:40vh;left:0;width:100%;z-index:3}.grid-layout{grid-template-columns:1fr 1fr;grid-template-columns:33.3% 33.3% 33.3%}.box{min-height:25svh;width:33.333vw;background-position:center center}.work.animated{filter:grayscale(0%)}.item1{width:100%;grid-column-start:1;grid-column-end:3;width:100%}.item6{grid-column-start:1;grid-column-end:4;padding:4rem 2rem;width:100%;text-align:right;overflow:auto;background:rgba(155,0,0,1)}.item-new{grid-column-start:1;grid-column-end:4;height:50svh;width:100vw;background-position:center bottom}#biography{padding:0 3rem;text-align:right;overflow-y:hidden}footer{background-size:contain;min-height:160px}footer p{font-size:8px;bottom:1rem;letter-spacing:0}.nav-wrapper ul.menu li{margin-bottom:1rem}.nav-wrapper ul.menu{padding-bottom:1rem}.nav-wrapper ul.social{padding-bottom:1rem}}