/* Top */

.top {
	 width:100vw;
	 height:93vh;
	 background-image:url("http://www.tetsumineta.com/img/TOPBG.jpg") ;
	 background-repeat:no-repeat;
   	 background-position:0px ;
   	 background-size:cover;
 	}
	
.gn {
	display:flex;
	flex-direction:row;
}


#app {
    font-family:"fzm Old Typewriter";
}

#typewriter::after {
    content: "|";
    animation-name: blink;
	animation-fill-mode:forwards;
    animation-duration: 1s;
    animation-iteration-count:6;
}

@keyframes blink {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
	100% {
        opacity: 0;
    }
}

.new-entry-content{
	font-size:0.8em;
	text-shadow: 1px 1px 2px #333;
}

@media screen and ( max-width:912px )
{

.top {
	 width:100vw;
	 height:100vh;
	 background-image:url("http://www.tetsumineta.com/img/TOPBG_sp.jpg") ;
	 background-repeat:no-repeat;
   	 background-position:-30px ;
   	 background-size:cover;
 	}

.gn {
	position: absolute;
	bottom:20px;
	padding:15px 0;
	display: flex;
	flex-direction: column;
	-ms-flex-flow: row;
}

.gn li{
	display:block;
}

.title_box{
	position: fixed;	
	top:1vh;	
	   }

}