@font-face {
	font-family: 'hui';
	src: url('./font/huisubset.woff') format('woff');
}
.titlemoji {
	font-family: 'hui', sans-serif;
	font-size: 2em;
	color: #fff;
}

.left1{
	margin-left: 1em;
}
.tal {
	text-align: left; 
}
.tac {
	text-align: center; 
}
.tar {
	text-align: right; 
}
.mainbox {
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding: 10px;
	margin: 0% 10%;
	border: 10px groove #999;
	background-color: #fff;
	justify-content: center;
	flex-direction: column;
}
.box1 {
	border: 4px double #999;
	text-align: center;
	flex-direction: column;
	border-collapse: collapse;
	border-radius: 2px;
}
.box2 {
	display: flex;
	align-items: center;
	border: 4px double #999;
	border-collapse: collapse;
	justify-content: center;
}
.box3 {
	flex: 1;
	padding: 10px;
	text-align: center;
}
.box4 {
	flex: 4;
	padding: 10px;
	text-align: left;
	border-left: 1px solid #999;
}
.box5 {
	flex: 1;
	padding: 10px;
	border-right: 1px solid #999;
}
.box6 {
	flex: 1;
	padding: 10px;
	text-align: left;
}
.box7 {
	display: flex;
	border: 2px solid #999;
	border-collapse: collapse;
	justify-content: left;
	text-align:left;
	padding : 20px;
	flex-direction: column;
}
.box8 {
	display: flex;
	align-items: center;
	border: 2px solid #999;
	border-collapse: collapse;
	justify-content: left;
	text-align:left;
	padding : 20px;
}

.modoru {
	border:  6px groove #999;
	border-radius: 3px;
	width: 6em;
	background-color: #fff;
}