@font-face{font-family:"NotoSansJP";src:url(../fonts/NotoSansJP-Regular.otf) format("opentype"),url(../fonts/NotoSansJP-Regular.woff) format("woff");font-weight:normal}@font-face{font-family:"Quicksand";src:url(../fonts/Quicksand-Regular.otf) format("opentype"),url(../fonts/Quicksand-Regular.woff) format("woff");font-weight:normal}*{margin:0;padding:0;font-style:normal;font-feature-settings:"pkna" 1}body{width:100vw;height:100vh;font-family:"NotoSansJP";color:black;font-size:14px;line-height:1.8em}body a{color:black;text-decoration:none}body .clearfix:after{content:'';display:block;clear:both}body .clearfix{zoom:1}body header{position:fixed;top:0;left:0;margin:auto 0;z-index:9999}body header .title{margin:30px;display:inline-block;text-align:center}body header .title h1{font-family:"Quicksand";font-weight:400;font-size:2em;line-height:0.9em;border-bottom:1px solid black}body header .title h1 span{font-weight:100;font-size:0.4em}body aside{position:fixed;-webkit-boxsizing:border-box;-moz-boxsizing:border-box;-o-boxsizing:border-box;box-sizing:border-box;padding-top:130px;padding-left:50px;width:256px;height:100vh;border-right:1px solid}body aside nav ul li{list-style-type:none}body aside nav ul li a{color:#6F6F6F;line-height:3;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}body aside nav ul li a:hover{color:#000000;letter-spacing:5px}body main{-webkit-boxsizing:border-box;-moz-boxsizing:border-box;-o-boxsizing:border-box;box-sizing:border-box;padding:30px 30px 30px 286px;height:100vh}body main h2{position:relative;padding:0 0.5em 0.5em 1.5em;font-family:"Quicksand";font-weight:400;font-size:2em;line-height:0.9em;margin-bottom:20px}body main h2::after{position:absolute;top:0.2em;left:0.2em;z-index:2;content:'';width:15px;height:15px;background-color:#d21441;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}body main h2 span{font-family:"NotoSansJP";color:#6F6F6F;font-weight:100;font-size:0.4em;margin-left:1em}body main h3{font-family:"NotoSansJP";font-weight:lighter;color:#6F6F6F;margin-bottom:15px}body main a{position:absolute;display:inline-block;color:#d21441;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}body main a::after{position:absolute;bottom:0;left:0;content:'';width:0;height:1px;background-color:#d21441;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}body main a:hover::after{width:100%}body main .main_pic{display:table;background-color:#FFFFFF;background-position:center center;background-repeat:no-repeat;background-size:contain;width:700px;height:auto;margin:0 auto;text-align:center;border:1px solid #6F6F6F}body main .white_in_white_pic{display:table;background-color:#FFFFFF;background-position:center center;background-repeat:no-repeat;background-size:cover;width:500px;margin:0 auto;text-align:center;border:1px solid #6F6F6F}body main p{margin-bottom:30px}body main .link{width:230px;height:2em;text-align:center;margin:20px 0 30px auto}body main .archive{display:flex}body main .archive .status{padding-left:40px;width:300px}body main .archive .coments{flex:1;padding-left:30px;padding-right:50px}body footer{position:fixed;right:0;bottom:1em;left:0;width:256px}body footer address{font-size:x-small;font-weight:lighter;text-align:center}