/*@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;
	color: #444; background-color: #edebe8; white-space:pre-line;
	/*word-break: break-all; overflow-wrap: break-word;*/ line-break: anywhere;
}

#あ { 
	background-color:#f9f7f3; /*border: 1px solid #999; 微妙にはみ出す問題がある. outline に変更*/
	outline: 1px 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;
}

/*** Web フォント ***/

/* 製作者: 門真 なむ さん (https://littlelimit.net/k8x12.htm) */
@font-face {
	font-family: "k8x12";
	src: url("/_/font/k8x12.woff2") format("woff2"),
		 url("/_/font/k8x12.woff")  format("woff");
	unicode-range: U+3001-303F, U+30a1-30ff; /* カタカナ･記号 */
}

/* 製作者: 中村隆生 さん (http://jikasei.me/font/jf-dotfont/) */
@font-face {
	font-family: "kaname12";
	src: url("/_/font/JF-Dot-Kaname12.woff2") format("woff2"),
		 url("/_/font/JF-Dot-Kaname12.woff")  format("woff");
	unicode-range: U+0020-007F;*/ /* ascii */
}

/* 製作者: efont プロジェクト (http://openlab.ring.gr.jp/efont/shinonome/ | http://jikasei.me/font/jf-dotfont/) */
@font-face {
	font-family: "shinonome12";
	src: url("/_/font/JF-Dot-Shinonome12.woff2") format("woff2"),
		 url("/_/font/JF-Dot-Shinonome12.woff")  format("woff");
}

/* 製作者: Coji Morishita さん (https://mplusfonts.github.io/) */
@font-face {
	font-family: "mplus-12";
	src: url("/_/font/JF-Dot-MPlus12.woff2") format("woff2"),
		 url("/_/font/JF-Dot-MPlus12.woff")  format("woff");
}
@font-face {
	font-family: "mplus-h10";
	src: url("/_/font/JF-Dot-MPlusH10.woff2") format("woff2"),
		 url("/_/font/JF-Dot-MPlusH10.woff")  format("woff");
}

/* 製作者: 加藤雅士さん  (https://flopdesign.com/blog/font/2147/) */
@font-face {
	font-family: "japansans70";
	src: url("/_/font/JapanSans70.woff2") format("woff2"),
		 url("/_/font/JapanSans70.woff")  format("woff");
	unicode-range: U+30a1-30ff; /* カタカナ */
}
@font-face {
	font-family: "japansans80";
	src: url("/_/font/JapanSans80.woff2") format("woff2"),
		 url("/_/font/JapanSans80.woff")  format("woff");
	unicode-range: U+30a1-30ff; /* カタカナ */
}
@font-face {
	font-family: "japansans90";
	src: url("/_/font/JapanSans90.woff2") format("woff2"),
		 url("/_/font/JapanSans90.woff")  format("woff");
	unicode-range: U+0020, U+3040-309f; /* ひらがな, 半角スペース */
}

/* 製作者:Kim さん (https://font.kim/) */
@font-face {
	font-family: "機械彫刻用標準書体";
	src: url("/_/font/KikaiChokokuJIS-Md.woff2") format("woff2"),
		 url("/_/font/KikaiChokokuJIS-Md.woff")  format("woff");
}
@font-face {
	font-family: "機械彫刻用標準書体 3/4";
	src: url("/_/font/KikaiChokokuJIS-CnKn.woff2") format("woff2"),
		 url("/_/font/KikaiChokokuJIS-CnKn.woff")  format("woff");
}

/*** 装飾 ***/
a:link    { color: #c30; }
a:visited { color: #870; }
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; }
pre  { background-color: #eee; overflow:scroll; font-size: 75%;}