/*@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);*/

/*** main ***/
html { touch-action: none; overscroll-behavior-y: none;}

body {
	max-width: 720px; margin: 0 auto; padding: 0;
	word-wrap: break-word; line-height: 1.45;
	/* ascii:標準, 漢字:標準, ひら:js90, カナ:js80 */
	/*font-family: "k8x12", "kaname12", "mplus-12", monospace; /*カナ, ascii, ひら /* */
	/*font-family: "japansans80", "japansans90", "biz UDGothic", "MS Gothic", monospace; /* */
	/*font-family: sans-serif;*/
	font-family: "Arial", /*"Noto Sans JP",*/ /*"Hiragino Kaku Gothic ProN",*/ "UD デジタル 教科書体 N-R", "Yu Gothic Medium", "YuGothic", "Yu Gothic", "Meiryo", sans-serif;
	margin: 0; padding: 0;
	background-color: #eee; white-space:pre-line;
	/*word-break: break-all; overflow-wrap: break-word;*/ /*line-break: anywhere;*/ line-break: strict;
}

#あ { 
	background-color:#f8f8f8; /*border: 1px solid #999; 微妙にはみ出す問題がある. outline に変更*/
	outline: 0px solid #aaa; outline-offset: -1px;
	width:480px; height:640px; position: absolute; margin: auto; 
	top:0; bottom:0; left:0; right:0; overflow:hidden; 
}

#おうち {
	position:fixed; width:6vmax; height:6vmax; right:1px; bottom:1px; border:1px solid #aaa; background-color:#ddd; text-align: center; place-items: center; display: grid; border-radius:50%; font-size:3vmax;
}

/*** 装飾 ***/
a:link    { color: #03c; }
a:visited { color: #03c; }
a:hover   { color: #f00; }
a:active  { color: #00F; }
.灰   { background-color: #DDD; }
.中   { text-align: center; display:block; }
.大   { font-size: 150%; }
.特大 { font-size: 250%; }
.小   { font-size: 85%;  }
.灰小 { font-size: 85%; color: #888; }
img	{ max-width: 100%; max-height: 240px; height: auto; }
video { max-height: 240px; background-color: #aaa; }
small { color: #888; font-size: 75%; }
pre  { background-color: #eee; overflow:scroll; font-size: 75%;}