/*ロゴ*/
#logo img {
	width: 300px;	/*ロゴの幅*/
}
/*メニューブロック設定
---------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar ul {
	position: relative;
	top:-30px;
	margin: 0;padding: 0;
	margin-bottom: 10rem;			/*下に空けるスペース。３文字分。*/
	display: flex;					/*flexボックスを使う指定*/
	justify-content: space-around;	/*並びかたの種類の指定*/
	border-top: 1px solid #7301FE;		/*上の線の幅、線種、色*/
	border-bottom: 1px solid #7301FE;	/*下の線の幅、線種、色*/
    color: #7301FE;
	font-size: 25px;
    font-weight: bold;
    font-family: 'EPSON 太行書体Ｂ';}
/*メニュー１個あたりの設定*/
#menubar li {
	flex: 1;
	text-align: center;
}
#menubar a {
	text-decoration: none;display: block;
	color: inherit;
	padding: 0.7rem 0.5rem;		/*上下、左右へのメニュー内の余白*/
}
.main{
	position: relative;
}
.door{
	position: absolute;
	width: 250px;
}
.book{
	position: absolute;
	width: 200px;
}
.book2{
	position: absolute;
	height: 200px;
}
.book3{
	position: absolute;
	width: 200px;
}
#DoorBox{
	/* float: right; */
	position: absolute;
	top: -180px;
	/* left: 10px; */
}
#EnglishBox{
	position: absolute;
	top: -150px;
	left: 250px;
}
#EnglishWoarkBox{
	position: absolute;
	top: 80px;
	left: 350px;
}
#EnglishStory{
	position: absolute;
	top: 80px;
	left: 650px;
}
#EnglishPractice{
	position: absolute;
	top: 130px;
	left: 950px;
}
#JapaneseBox{
	position: absolute;
	top: -100px;
	left: 450px;
}
#MathBox{
	position: absolute;
	top: -150px;
	left: 670px;
}
#SocialBox{
	position: absolute;
	top: -100px;
	left: 880px;
}
#ScienceBox{
	position: absolute;
	top: -150px;
	left: 1100px;
}
#StampBox{
	position: absolute;
	top: -100px;
	left: 1320px;
}
#SakubunBox{
	position: absolute;
	top: 120px;
	left: 1200px;
}
#EnglishSound{
	position: absolute;
	top: 200px;
	left: 1400px;
}