@charset "utf-8";


/* -- body -------------------------------------------------------------------------------------------- */



/* -- ul#tab-menu -------------------------------------------------------------------------------------------- */

ul#tab-menu {
	width : 800px;
	margin : 10px auto;
	list-style-type : none;
	display : flex;
	flex-wrap : wrap;
	justify-content: space-between;
}

ul#tab-menu li {
	margin : 20px 0;
}

ul#tab-menu li:hover {
	cursor : pointer;
	opacity : 0.8;
}

ul#tab-menu li.active {
}

ul#tab-menu li.active:hover {
	cursor : default;
	opacity : 1.0;
}
@media screen and (max-width:640px){
ul#tab-menu {
	width : 92%;
	margin : 0px auto;
	margin-left : -30px;
	}
ul#tab-menu li {
	margin : 8px 0;
	width : 48%;
}	
}




/* -- div.tab-* -------------------------------------------------------------------------------------------- */

div.tab-1,
div.tab-2,
div.tab-3,
div.tab-4,
div.tab-5,
div.tab-6,
div.tab-7,
div.tab-8 {
	width : 740px;
	margin : 50px auto;
	padding : 15px 20px;
	background : #ffffff;
	border : 8px solid #e3dac5;
}
@media screen and (max-width:640px){
div.tab-1,
div.tab-2,
div.tab-3,
div.tab-4,
div.tab-5,
div.tab-6,
div.tab-7,
div.tab-8 {
	width : 88%;
	margin : 10px auto;
	padding : 10px;
	background : #ffffff;
	border : 5px solid #e3dac5;
}
}

div.tab-1,
div.tab-2,
div.tab-3,
div.tab-4,
div.tab-5,
div.tab-6,
div.tab-7,
div.tab-8 {
	display : none;
}

h2 {
	font-weight : bold;
	font-size : 135%;
	background-color : #998043;
	color : #ffffff;
	padding : 10px 18px;
}

div.left {
	width : 100%;
	text-align : center;
	margin-right : 20px;
}

div.right {
	width : 100%;
	float : right;
	font-size : 90%;
	line-height : 170%;
}

div.map {
	clear : both;
}

div.map iframe {
	width : 100%;
	height : 200px;
	margin-top : 40px;
	border : none;
}