@charset "utf-8";
/* CSS Document */


/* 初芝立命館中学校・高等学校 「クラブカテゴリ」CSS
--------------------------------------------------------------------------
【共通】
◎メイン使用色
　 （メイン色）#　
   （文字色）#333333　
--------------------------------------------------------------------------
--------------------------------------------------------------------------
11px = 85%		12px = 93%		13px = 100%		14px = 108%
15px = 116%		16px = 123.1%	17px = 131%		18px = 138.5%
19px = 146.5%	20px = 153.9%	21px = 161.6%	22px = 167%
23px = 174%		24px = 182%		25px = 189%		26px = 197%
-------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------
メインカテゴリ画像伸縮
------------------------------------------------------------------------- */


#main_cover_box {
		margin:0 -500%;
	padding:0 500%;

		width: 100%;
		min-width: 1000px;
		height: 300px;
		background: url(./img/club.jpg) no-repeat;
		background-position: center center;
		/*background-size: 20%;*/
		
		}
#main_cover {
		width: 1000px;
		height: 300px;
		margin: 0 auto;
}

/* ウィンドウ幅が0～768pxの場合に適用するCSS */
@media screen and ( max-width:768px )
{
	
#main_cover_box {
	width: 100%;
	min-width: 100%;
	background-size:contain;
		}

#main_cover {
	width: 100%;
}


}


/* ----------------------------------------------------------------------
クラブ活動 共通 
------------------------------------------------------------------------- */
.club-category li {
	display: block;
	list-style-type: none;
	padding-right: 7px;
	float: left;
	margin-bottom: 10px;
	
}

.club-category li a:link,.club-category li a:visited {
	background-color: #FFF;
	color: #9A0101;
	text-decoration: none;
	display: block;
	border: 1px solid #9A0101;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.club-category li a:hover {
	background-color: #9A0101;
	color: #FFF;
	text-decoration: none;
	display: block;
	border: 1px solid #9A0101;
	padding-top:7px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;	

}






/* ----------------------------------------------------------------------
クラブ活動（中学校） 
------------------------------------------------------------------------- */
.clubBox3{
	float: left;
	width: 32.6%;
	margin-right: 5px;
}

.clubBox3 h3{
	text-align: center;
	margin-top: 10px;
}

/* ウィンドウ幅が0～768pxの場合に適用するCSS */
@media screen and ( max-width:768px )
{

.clubBox3{
	width: 96%;
	float: none;
	text-align:center;
	margin-bottom: 10px;
}


}




/* ----------------------------------------------------------------------
クラブ活動（高校） 
------------------------------------------------------------------------- */

.clubBox{
	border: 1px dotted #333;
	padding: 10px;
	margin-bottom: 20px;
}

.clubBoxL{
	width: 40%;
	float: left;
}

.clubBoxR{
	width: 58%;
	float: right;
}

.clubBoxR h3{
	color: #000;
}
.clubBoxR p{
	margin-bottom: 10px;
}

.clubBoxR h4{
	color: #000;
	font-size: 85%;
}

.clubBoxR ul{
	background-color: #C6DBDB;
	padding: 10px;
	font-size: 85%;
	margin-bottom: 15px;
}

.clubBoxR li{
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 10px;
}

.club-Link{
	font-size: 85%;
	text-align: right;
}

	


/* ウィンドウ幅が0～768pxの場合に適用するCSS */
@media screen and ( max-width:768px )
{
.clubBoxL{
	width: 96%;
	float: none;
	text-align:center;
	margin-bottom: 10px;

}

.clubBoxR{
	width: 96%;
	float: none;
	text-align:center;
	margin-bottom: 10px;

}

.club-Link{
	text-align: center;
}




}