@charset "UTF-8";

#club {
	background-image: none;
	background-color: #bdd9fa;
}
#club #introductionArea .inner {
	background: url("https://www.ogakikurashi.com/manage/wp-content/uploads/2026/05/bg_pattern.png?d=0519") center center!important;
	background-size: 130px 252px!important;
}
.clubAbout {
	border-color: #bdd9fa;
}
#clubYoko {
	background-color: #bdd9fa;
}
#clubYoko .deco {
	content: " ";
	width: 690px;
	height: 154px;
	display: block;
	background: url("/files/images/club/club_deco_pink.png");
	background-size: auto;
	background-size: 690px;
	height: 154px;
	position: absolute;
	bottom: 0px;
	margin-bottom: -120px;
	left: -700px;
	z-index: 2 !important;
}
#clubYoko .deco2 {
	content: " ";
	width: 690px;
	height: 154px;
	display: block;
	background: url("/files/images/club/club_deco.png");
	background-size: auto;
	background-size: 690px;
	height: 154px;
	position: absolute;
	top: -100px;
	right: -700px;
	z-index: 2 !important;
}
#clubYoko .inner::after {
	display: none;
}
.clubAbout {
	margin-bottom: 50px;
}
.tokutenTable {
	width: 100%;
	margin: 0 0 30px;
}
.tokutenTable th {
	background: #e2effd;
	text-align:center;
	padding: 10px;
	font-size: 14px;
	color: #0e2b48;
	vertical-align: middle;
	font-weight: bold;
}
.tokutenTable td {
	padding: 20px;
	font-size: 14px;
	vertical-align: middle;
}
.tokutenTable tr th:not(:last-child), 
.tokutenTable tr td:not(:last-child) {
	border-right: 1px solid #cae2fc;
}
.tokutenTable tr th:nth-child(2),
.tokutenTable tr td:nth-child(2) {
	width: 0;
	white-space: nowrap;
}	
.tokutenTable tr:nth-child(2) td {
	background: #ffffff;
}
.tokutenTable tr:nth-child(3) td {
	background: #f1f7ff;
}
.tokutenTable strong {
	font-weight: bold!important;
	white-space: nowrap;
}
.sml {
	font-size: 11px;
	margin-top: 10px;
	display: inline-block;
	text-align: left;
}
.detailBtn {
	padding: 0 0 45px!important;
}
.detailBtn a {
	border: 1px solid #043aa0;
	display: block;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 1000px;
	text-align: center;
	background: #fff;
	color: #043aa0;
	text-decoration: none;
}
.detailBtn a:hover {
	opacity: 0.7;
	text-decoration: none;
}

@media screen and (max-width: 767px) {
	.tokutenTable {
		width: 767px;
		margin: 0;
	}
	.tableScroll {
		width: 100%;
		overflow-x: scroll;
		margin: 0 0 20px;
	}
	#clubYoko .deco, 
	#clubYoko .deco2 {
		display: none;
	}
	/* Chrome / Edge / Safari */
	.tableScroll::-webkit-scrollbar {
		width: 10px;
		height: 10px;
	}

	.tableScroll::-webkit-scrollbar-track {
		background: #f1f1f1;
	}

	.tableScroll::-webkit-scrollbar-thumb {
		background: #888;
		border-radius: 999px;
	}

	.tableScroll::-webkit-scrollbar-thumb:hover {
		background: #555;
	}

	/* Firefox */
	.tableScroll {
		scrollbar-width: thin;
		scrollbar-color: #033153 #f1f1f1;
	}
}
	
	
	
	
	
	
	
	
.wrapper {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
	padding: 80px 30px 50px;
	color: #002c4a;
	box-sizing: border-box;
}
	
.memTitle {
	text-align: center;
	margin: 0 auto 80px;
}	
	
.memTitle img {
	width: 596px;
	height: auto;
}
	
.memHeading {
	background: #c3defc;
	padding: 15px;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 30px;
}
	
.memSection {
	padding: 0 0 70px;	
}
	
.memTable {
	width: 100%;
	margin: 0 0 30px;
}
.memTable th {
	background: #e1eefd;
	text-align:center;
	padding: 10px;
	font-size: 14px;
	color: #0e2b48;
	vertical-align: middle;
	font-weight: bold;
}
.memTable td {
	padding: 5px 10px;
	font-size: 14px;
	vertical-align: middle;
}
.memTable tr th:not(:last-child), 
.memTable tr td:not(:last-child) {
	border-right: 1px solid #cae2fc;
}
	
.memTable tr th:first-child, 
.memTable tr td:first-child {
	width: 0;
	white-space: nowrap;
	text-align: center;
}
	
.memTable tr:nth-child(even) td {
	background: #ffffff;
}
.memTable tr:nth-child(odd) td {
	background: #f0f7ff;
}

.otanoshimi {
	text-align: center;
}

@media screen and (min-width: 768px) {
	.otanoshimi br {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.wrapper {
		padding: 40px 10px 0px;
	}
	.memTitle {
		margin: 0 auto 40px;
	}
	.memTitle img {
		width: 300px;
		max-width: 100%;
	}
	.memHeading {
		padding: 10px;
		margin: 0 0 20px;
	}
	.memSection {
		padding: 0 0 35px;	
	}
	.memTable {
		width: 767px;		
		margin: 0;
	}
	.otanoshimi {
		font-size: 14px;
	}
}
	



html,
body {
	padding: 0;
	margin: 0;
}

.fpWrapper {
	color: #002c4a;
	padding: 0 20px 0;
	margin: 0 auto;
	max-width: 400px;
}

.fpTitle {
	background: #68adf9;
	padding: 20px;
	text-align: center;
	margin: 0 0 25px;
}
.fpTitle img {
	width: 312px;
	max-width: 100%;
}
.fpText {
	text-align: center;
	margin: 0 0 20px;
	line-height: 2;
}

.fpBnr {
	padding: 0 0 20px;
}

.fpBnr li {
	margin: 0 0 20px;
	text-align: center;
}

.fpBnr img {
	width: 100%;
	height: auto;
}

.fpBnr .bnrFurunavi img {
	width: 80%;
}