@charset "utf-8";

#contents > header > .scroll {
	display:block; width:1em; height:0; position:absolute; left:0; right:0; bottom:0; margin:auto; padding:1em 0 0; 
	font-size:10rem; text-decoration:none; overflow:hidden; transition:opacity 0.2s ease-in-out;}
#contents > header > .scroll::after {display:block; content:"\e822"; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; font:normal 1em/1 icons;}
#contents > header > .scroll:hover::after {opacity:0.5;}

#contents > footer {
	display:-webkit-flex; display:flex; 
	-webkit-flex-wrap:wrap; flex-wrap:wrap; 
	-webkit-justify-content:center; justify-content:center; 
	margin:-20px -10px; padding:80px 0 0;}
#contents > footer > * {
	-webkit-flex:1 1 100%; flex:1 1 100%; 
	margin:20px 10px 0; padding:0.7em; font-size:2.4rem; font-family:"Noto Sans JP","NoChattering",sans-serif;}

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

#contents > #message > .scroll {display:none; font-size:8rem;}
	
#contents > footer {margin:-5vw -2.5vw 0; padding:10vw 0 0;}
#contents > footer > * {margin:5vw 2.5vw 0; font-size:1.6rem;}

}