@charset "utf-8";

ul#tab-menu {
	width : 100%;
	margin : 0 auto;
	list-style-type : none;
	display : flex;
	justify-content: space-between;
}
ul#tab-menu li {
	width: 100%;
	text-align: center;
	color: white;
	background-color: black;
	border-left: 1px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 14px;
}
#tab-menu li:first-child{
	border-left: none;
}

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

ul#tab-menu li.active {
	background : #fff;
	color: black;
/*
	border-top: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
*/
}

ul#tab-menu li.active:hover {
	cursor : default;
	opacity : 1.0;
}




/* -- 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,
div.tab-9,
div.tab-10,
div.tab-11,
div.tab-12,
div.tab-13,
div.tab-14,
div.tab-15{
	width : 100%;
	margin : 0;
	background : #ffffff;
}

/*div.tab-1,*/
div.tab-2,
div.tab-3,
div.tab-4,
div.tab-5,
div.tab-6,
div.tab-7,
div.tab-8,
div.tab-9,
div.tab-10,
div.tab-11,
div.tab-12,
div.tab-13,
div.tab-14,
div.tab-15{
	display : none;
}

/*
img {
	display : block;
	margin-bottom : 15px;
}
*/
.tab-1,.tab-2,.tab-4,.tab-5{
	padding: 13px 0;
}
.tab-3{
	padding: 13px 0;
}
.tab-6{
	padding: 13px 0;
}
.tab-7{
	padding: 13px 0;
}
.tab-8{
	padding: 13px 0;
}
.tab-9{
	padding: 13px 0;
}
.tab-10{
	padding: 27px 0;
}
.tab-11{
	padding: 27px 0;
}
.tab-12{
	padding: 27px 0;
}
.tab-13{
	padding: 15px 0;
}
.tab-14{
	padding: 15px 0;
}
.tab-15{
	padding: 27px 0;
}


@media screen and (max-width:768px){
	#tab-menu{
/*
		    border-left: 1px solid;
		        border-top: 1px solid;
*/
		}
	#tab-menu li{
		font-size: 90%;
		padding: 15px 0;
		border-bottom: 1px solid #fff;
	}
	.tab-width{
		font-size: 90%;
	}
	.tab-br{
		display: block;
	}
}
.sp ul#tab-menu li.tab-6 {
	padding: 15px 0;
	width: 100% !important;
}
.sp ul#tab-menu li.tab-7 {
	padding: 15px 0;
	width: 90% !important;
}
/*
.sp .tab-1,.tab-2,.tab-4,.tab-5{
	padding: 0;
}
*/
.sp ul#tab-menu li.active {
	background : #fff;
	color: black;
/* 	border-top: 1px solid !important; */
	border-left: 1px solid !important;
	border-right: 1px solid !important;
}


}