@charset "utf-8";

/**************************************************
		PC
**************************************************/
#titleArea {
	margin-bottom:35px;
	padding-top:40px;
}

#titleArea .title {
	padding-top:190px;
	background:transparent url("../img/bg_main.png") 50% 0 no-repeat;
	min-height:345px;
	font-size:16px;
	font-size:1rem;
	font-weight:bold;
	line-height:1.5;
}

#titleArea .title .en {
	display:block;
	margin-bottom:10px;
}

#titleArea .title .ja {
	display:block;
}


#mainArea .section01 > .container {
	width:1120px;
}


#mainArea .clubBox {
	padding:20px;
	border-bottom:4px solid #c11b48;
	background:#f5f5ef;
}

#mainArea #sports .clubBox { border-bottom-color:#ff9800; }
#mainArea #culture .clubBox { border-bottom-color:#00bcd4; }
#mainArea #seikokai .clubBox { border-bottom-color:#4caf50; }

#mainArea .listClub {
	margin:-2px;
	font-size:14px;
	font-size:0.88rem;
	font-weight:bold;
}

#mainArea .listClub li {
	float:left;
	padding:2px;
	width:25%;
	line-height:1.3;
}

#mainArea .listClub li a,
#mainArea .listClub li .noLink {
	display:block;
	position:relative;
	padding:15px 20px;
	background:#fff;
	color:#333;
	text-decoration:none;
}

#mainArea .listClub li .noLink { color:#999; }

#mainArea .listClub li a:before,
#mainArea .listClub li .noLink:before {
	display:block;
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-4px;
	border-top:4px solid transparent;
	border-bottom:4px solid transparent;
	border-left:6px solid #c11b48;
	content:"";
}

#mainArea .listClub li .noLink:before { border-left-color:#999; }
#mainArea #sports .listClub li a:before { border-left-color:#ff9800; }
#mainArea #culture .listClub li a:before { border-left-color:#00bcd4; }
#mainArea #seikokai .listClub li a:before { border-left-color:#4caf50; }

#mainArea #sports .listClub li a:hover { background-color:#fff4e5; }
#mainArea #culture .listClub li a:hover { background-color:#e5f8fb; }
#mainArea #seikokai .listClub li a:hover { background-color:#edf7ed; }


/**************************************************
		SP
**************************************************/
@media screen and (max-width:767px){

#titleArea {
	margin-bottom:20px;
	padding-top:10px;
}

#titleArea .title {
	padding-top:105px;
	min-height:286px;
	background-image:url("../img/bg_main_sp.png");
	background-size:450px auto;
	font-size:12px;
	font-size:0.75rem;
}

#titleArea .title .en {
	margin:0 auto 5px auto;
	width:165px;
}


#mainArea .section01 > .container {
	width:auto;
}


#mainArea .clubBox {
	padding:15px;
	border-bottom-width:2px;
}

#mainArea .listClub {
	display:flex;
	margin:-1px;
	font-size:14px;
	font-size:0.88rem;
	flex-wrap:wrap;
}

#mainArea .listClub li {
	display:flex;
	float:none;
	padding:1px;
	width:50%;
	align-items:center;
}

#mainArea #seikokai .listClub li { width:100%; }

#mainArea .listClub li a,
#mainArea .listClub li .noLink {
	display:flex;
	padding:7px 25px 7px 10px;
	width:100%;
	min-height:50px;
	background:#fff;
	align-items:center;
}

#mainArea #sports .listClub li a:hover,
#mainArea #culture .listClub li a:hover,
#mainArea #seikokai .listClub li a:hover { background-color:#fff; }

}