@import url('https://fonts.googleapis.com/css2?family=Edu+TAS+Beginner&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oooh+Baby&display=swap');

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; vertical-align:baseline; font-weight:normal;}
img { border:0 none; }
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
 body { line-height: 1.3; }
 ol, ul { list-style: none; margin:0; }
 blockquote, q { quotes: none; }
 blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
 table { border-collapse: collapse; border-spacing: 0; }
 
 body{
  	font-family: "M PLUS Rounded 1c", serif;
 	font-size: 12px;
 	font-weight: 400;
 	font-style: normal;
 	margin:1rem;
 }
 
 body::before{
	background-image: url(../img/7-30.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #fffcde;
	position: fixed;
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	content:"";
}

.a{
	background-color:rgba(255, 252, 237, 0.8);
	padding:0.5rem;

}
 
 h1{
 	text-align:center;
 	padding:0.5rem;
 }
 
 .waku{
	text-align:center;
	border: 1px solid #fffacd;
	margin:2%;
	padding:1%;
}

ul{
	padding:0.5rem;
	list-style-position: outside;
}

li{
	text-indent:-1rem;
	padding-left:1rem;
	font-family: "M PLUS Rounded 1c", serif;
	font-size: 12px;
}

li::before{
	content: "・ ";
}

a{
	color:black;
}

img{
	display:block;
	max-width:100%;
	max-height:80vh;
	height:auto;
	width:auto;
	margin:0.5rem auto;
	pointer-events: none;
}

.icon{
	display: flex;
	 align-items: center;
}

.icon img{
	width: 80px;
  height: 80px;
  object-fit: cover;
}

.haco{
	display:flex;
}

.top{
	max-height:20vh;
}