@media (min-width : 1024px) {
	.menu {
		display : flex ;
		margin-top : 10px ;
		flex-direction : raw ;
		background-color : #FFFFFF ;

		-webkit-user-select : none ;
		-moz-user-select : none ;
		-o-user-select : none ;
		user-select : none ;
	}
			
	.icon_3h {
		margin-left : 20px ;
		height : 80px ;
	}
	
	.MAIN {
		font-size : 20px ;
		-webkit-user-select : none ;
		-moz-user-select : none ;
		-o-user-select : none ;
		user-select : none ;
	}

	.MAIN > div{
		word-break : break-all ;
		margin : 20px ;
	}

	.wrapper {
		display : flex;	
	}

	.flexs {
		margin-top : 80px;
		margin-left: 80px;
		width : 400px;
		flex : 1;
	}
	
	.tb {
		-webkit-user-select : none ;
		-moz-user-select : none ;
		-o-user-select : none ;
		user-select : none ;
		margin-left : 50px ;
	}

	.tb > thead > tr > th{
		font-size : 25px;
	}

	.tb > tbody > tr > td{
		font-size : 25px;
		width : 10px;
	}

	.tb > tbody > tr{
		margin : 10px;
	}

}

@media (min-width : 1000px) and (max-width : 1023px) {
	.menu {
		display : flex ;
		margin-top : 10px ;
		flex-direction : raw ;
		background-color : #FFFFFF ;

		-webkit-user-select : none ;
		-moz-user-select : none ;
		-o-user-select : none ;
		user-select : none ;
		}
			
	.icon_3h {
		margin-left : 20px;
		height : 80px;
	}

	
	.tb {
		-webkit-user-select : none ;
		-moz-user-select : none ;
		-o-user-select : none ;
		user-select : none ;
		margin-left : 100px ;
	}

	.tb > thead > tr > th{
		font-size : 25px;
	}

	.tb > tbody > tr > td{
		font-size : 25px;
		width : 10px;
	}

	.tb > tbody > tr{
		margin : 10px;
	}

}
		
@media (max-width : 999px){

	
	.menu {
		width : auto ;
		height: 100px ;
		display : flex ;
		margin-top : 10px ;
		flex-direction : raw ;
		background-color : #FFFFFF ;
		
		-webkit-user-select : none ;
		-moz-user-select : none ;
		-o-user-select : none ;
		user-select : none ;
	}
	
	.MAIN {
		font-size : 20px ;
		-webkit-user-select : none ;
		-moz-user-select : none ;
		-o-user-select : none ;
		user-select : none ;
	}

	.MAIN > div{
		word-break : break-all ;
		margin : 20px ;
	}

	.wrapper {
		display : flex;	
	}

	.flexs {
		margin-top  : 80px;
		margin-left : 40px;
		margin-right: 40px;
		width : 400px;
		flex : 1;
	}

	
	.tb {
		-webkit-user-select : none ;
		-moz-user-select : none ;
		-o-user-select : none ;
		user-select : none ;
		margin-left : 30px ;
	}

	.tb > thead > tr > th{
		font-size : 25px;
	}

	.tb > tbody > tr > td{
		font-size : 25px;
		width : 10px;
	}

	.tb > tbody > tr{
		margin : 10px;
	}


}


.BIGWRAPPER {
	-webkit-user-select : none ;
	-moz-user-select : none ;
	-o-user-select : none ;
	user-select : none ;
}

.TITLE {
	font-size : 80px;
	margin-bottom : 40px;
}
	
.menu > a {
	line-height : 80px ;

	text-decoration : none;

	font-family : sans-serif ;
	font-weight : bold ;
	font-size : 25px ;
	color : #000000 ;
}

.menu_item:hover {
	color : #DDDDDD ;
}
		
.menu_book {
	color : #EEEEEE ;
	background-color : #BB0000 ;
}
		
.menu_book:hover {
	background-color : #DD0000 ;
}
		
.header {
	text-align : center ;
	font-size : 80px ;
}
		
.news {
	-webkit-user-select : none ;
	-moz-user-select : none ;
	-o-user-select : none ;
	user-select : none ;
}

.show {
	display : block ;
}

.hide {
	display : none ;
}

.stdpic {
	flex : 1;
	height : 360px ;
	width : 540px ;
	cursor : pointer ;
}

.buywapper {
	display : flex;
}

.buywapper > div {
	height : 800px;
	cursor : pointer ;
	flex : 1 ;
	margin : 5px ;
	font-size : 30px ;
	text-align : center ;
	background-color : #CC6 ;
	
	animation-name : showup ;
	animation-duration : 3s ;
}

.buywapper > div:hover {
	background-color : aqua ;
}

.buybuttom {
	text-decoration : none ;
	color : black ;
}

.background_img {
	margin : 10px;
	height : 100vh;
	width  : 100%;
	background-repeat : no-repeat;
	background-image : url("pics/roundhouse.jpg") ;
}

@keyframes showup{
	0% {
		transform: translateY(120px) ;
		opacity : 0% ;
	}
	100% {
		opacity : 100% ;
	}
}