/***********************************************************************************************************************
tab.css
***********************************************************************************************************************/
.tabSection {
	width: 100%;
	/*max-width:780px;*/
	margin: 20px auto 20px;
}
.tabSection ul.tab{
	width: 100%;
	max-width: 760px;
	line-height:0;
	text-align: center;
	display: flex;
	justify-content: center; /* メニュープランが出たら space-between*/
	flex-flow: wrap;
	margin: 0 auto;
	padding:0;
}

.tab { _position: relative; }
.top { margin-bottom: -1px !important; }
.bottom { margin-top: -1px; }
.tab li {
	margin:0;
	padding:0;
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	font-size: 24px;
	font-size: clamp(16px, 2.4vw, 24px);
	/*flex-grow: 1;*/
	width: 48%;
	height:60px;
	cursor: pointer;
	/*line-height:1em !important;*/
}
.tab li:first-child {
	margin-left: 0;
}
.tab a {
	display: block; /*inline-block*/
	width: auto; /*40%*/
	height:60px;
	line-height:60px;
	padding:0;
	/*border: 1px solid #0080c8;*/
	/*background: #5a5b5b;*/
	text-decoration: none;
	color: #fff;
	_zoom: 1;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	background: #D6C560;
background: linear-gradient(90deg, rgba(214, 197, 96, 1) 0%, rgba(144, 130, 69, 1) 100%);
	opacity: 0.7;
}
.tab a:hover,
.tab li.current a {
	/*background: #ffffff;*/
	/*color: #000;*/
	opacity: 1;
}
.tab li.menu a {
	background: #187FC4;
background: linear-gradient(90deg, rgba(24, 127, 196, 1) 0%, rgba(0, 22, 85, 1) 100%);
	opacity: 0.7;
}
.tab li.menu a:hover,
.tab li.menu.current a {
	opacity: 1;
}

.tabSection .contents .content {
	/*padding: 30px 0px;*/
	/*background-color: #ffffff;*/
	text-align:center;
}
/*.tabSection .contents .content img{
	width:100%;
	max-width:760px;
	height:auto;
}*/

@media screen and (max-width: 767px) {
.tabSection {
	padding:0 0px;
}
.tab li {
	height:40px;
}
.tab a {
	/*width: 47%;*/
	height:40px;
	line-height:40px;
}
}