@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');

/* reset */
*, ::before, ::after {box-sizing: border-box; padding: 0; margin: 0;}

html, body {width: 100%; height: 100%;}
html {
	font: 14px 'Kosugi Maru', sans-serif;
}
body {
	line-height: 2;					/* 単位は付けない（Kosugi+Maruの場合2がオススメ） */
	touch-action: manipulation;		/* 【スマホ】ダブルタップで拡大しない */
}

img, picture, video, canvas, svg {
	display: block;
	max-width: 100%;
}

textarea {padding: 2px; tab-size: 4;}

u, a, b, i, span, input, button, select, option, label, li {
	text-decoration: none; 
	display: inline-block; 
	line-height: 1;
	padding: 2px;
}
p {
	vertical-align: middle;
}

h1 {font-size: 2.0rem;} 
h2 {font-size: 1.8rem;} 
h3 {font-size: 1.6rem;} 
h4 {font-size: 1.4rem;} 
h5 {font-size: 1.2rem;} 
h6 {font-size: 1.0rem;}
h1, h2, h3, h4, h5, h6, li, pre, td {padding: 0.2em;}

hr {margin: 1rem;}

/* 
jQuery('input, select, textarea').attr('readonly', true); を使用。propだとselectが反応しなかった
appearance: none;はselectの矢印用 
*/
[readonly] {border-style: none;  pointer-events: none; appearance: none; }