@charset "utf-8";

	
#page-title{
	padding:23px 0 10px;
}

#page-title h2{
	font-size:28px;
	padding-left:60px;
	background:url(/images/special/tit_icon.gif) no-repeat 0 6px;
}

#page-title h2 span{
	font-size:22px;
	font-weight:normal;
}

#wrap{
	padding: 0 0 70px;
}

h3.vl {
    line-height: 1.2;
    border-left: 5px solid #79B4FF;
    padding-left: 10px;
    margin-bottom: 20px;
    font-size: 18px;
}


/*-----------------------------------------
	共通
-------------------------------------------*/

.club-unit, .club-unit_img{
	margin-bottom:40px;
	font-size:16px;
}

.club-unit_left{
	float:left;
	width:435px;
}

.club-unit_right{
	float:right;
}

.club-unit_list{
	margin-bottom:30px;
	padding-top:20px;
	font-size:16px;
}


/*----- Other-club Link -----*/

.o-club-link{
}
.arrow_club{
    display: inline-block;
    padding-left: 17px;
	padding-top:2px;
    background: url(/images/special/arrow_cnav.png) no-repeat left 50%;
    font-size: 16px;
	font-weight:bold;
	margin-right:20px;
}
.fright{
	float:right;
}
.fleft{
	float:left;
}


/*---------- Link ---------*/

#wrap a:link{
	color:#2777E2;
}
#wrap a:visited {
	color:#2777E2;
}
#wrap a:hover {
	color:#2777E2;
}
#wrap a:active{
	color:#2777E2;
}

/*----------------*/

#wrap .thumb a:link{
	color:#444;
}
#wrap .thumb a:visited {
	color:#444;
}
#wrap .thumb a:hover {
	color:#2777E2;
}
#wrap .thumb a:active{
	color:#444;
}

/*----------------*/

#wrap .tab_light a:link{
	color:#444;
}
#wrap .tab_light a:visited{
	color:#444;
}

/*----------------*/

#wrap #side-box .name a{
	color:#000;
}




/******************************************

	トップページ

*******************************************/

/*----- SHOWCASE TOP -----*/


#showcase{
	margin-bottom:30px;
}


/*---------- LIST index ----------*/

.list-index{
	width:1000px;
}

.list-index ul{
	margin:0;
	border-left:1px solid #D6D6D6;
    border-top:1px solid #D6D6D6;
	width:999px;
	line-height:1.2;
	margin-bottom:30px;
}

.list-index li{
	float:left;
    border-right:1px solid #D6D6D6;
	border-bottom:1px solid #D6D6D6;
	vertical-align:middle;
	width:478px;
	height:28px;
	padding-left:20px;
	padding-top:10px;
}


/*---------- その他の特集 ----------*/

#thumb-list {
	/*margin-bottom:20px;*/
}

#thumb-list .thumb{
	width:210px;
	height:250px;
	float:left;
	line-height:1.4;
	margin-left:10px;
	margin-right:25px;
}

/*#thumb-list .thumb:nth-child(1){
	margin-left:10px;
}*/

#thumb-list .thumb img{
	margin-bottom:20px;
}

#thumb-list .thumb p{
	line-height:1.5;
	font-size:14px;
}

#thumb-list .thumb p.tit{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	line-height:1.2;
}

.arrow-b {
	text-align:center;
}


/*----- movie -----*/
.sc-movie_box{
	float: left;
    margin: 0px 7px 0px 7px;
    width: 318px;
    height: 250px;
}

.sr-movie_box_name{
	float:left;
	font-size:18px;
	line-height:1.3;
	/*font-weight:bold;*/
	margin: 13px 15px 10px 0;
}

.detail-movie_box{
  width:100%;
  height: 180px;
}

.detail-movie_iframe{
  height: 180px;
}

.new{
	position:relative;
	top:1px;
	left:5px;
}

/******************************************

	各クラブページ

*******************************************/

#main-box{
	width:720px;
	float:left;
}


/*----- SHOWCASE -----*/

.sc_sports{
	margin-bottom:10px;
	width:720px;
	height:180px;
	background:url(/images/special/club/bg_sports.jpg) top left no-repeat;
}

.sc_cultural{
	margin-bottom:10px;
	width:720px;
	height:180px;
	background:url(/images/special/club/bg_cultural.jpg) top left no-repeat;
}

.sc-tit{
	text-align:center;
	padding-top:25px;
	font-size:16px;
	color:#FFF;
}

.sc-wbox{
	display:inline-block;
	margin:20px 0 0 44px;
}

.sc-box{
	display:inline-block;
	width:90px;
	margin-right:5px;
	text-align:center;
}

.sc-box_type{
	width:88px;
	height:18px;
	color:#FFF;
	font-size:11px;
	vertical-align:middle;
	margin-bottom:10px;
}

.sc-box_boy{
	background-color:#0085B0;
	border:1px solid #0085B0;
	color:#FFF;
}

.sc-box_girl{
	background-color:#D902DB;
	border:1px solid #D902DB;
	color:#FFF;
}

.sc-box_mix{
	background-color:#ADAE14;
	border:1px solid #ADAE14;
	color:#FFF;
}

.sc-box_private{
	background-color:#FFF;
	border:1px solid #06A5D7;
	color:#06A5D7;
}

.sc-box_national{
	background-color:#FFF;
	border:1px solid #8AB007;
	color:#8AB007;
}

.sc-box_public{
	background-color:#FFF;
	border:1px solid #FF8001;
	color:#FF8001;
}

.sc-box_num{
	font-size:26px;
	line-height:1.2;
	color:#FFF;
}

.sc-box_num span{
	font-size:16px;	
}

.sc-box_ratio{
	font-size:18px;
	line-height:1.2;
	color:#FFF;
}

	
/*-----------------------------------------
	ランキング
-------------------------------------------*/

/*---------- TAB ----------*/

.tab_light_unit {
	margin:20px auto 20px;
}

.tab_light_unit > ul{
	display:table;
	margin:auto;
	border-spacing:5px 0;
}

.tab_light{
	display:table-cell;
	color:#444;
	font-size:14px;
	text-align: center;
	vertical-align:middle;
	background:url(/images/special/rank_univ/arrow_cnav.png) no-repeat 10px 50%;
	border:#D6D6D6 1px solid;
	padding-top:2px;
	width:160px;
	height:32px;
}

.tab_light_on{
	display:table-cell;
	color:#444;
	font-size:14px;
	text-align: center;
	vertical-align:middle;
	background:url(/images/special/rank_univ/arrow_cnav_on.png) no-repeat 10px 50% #79B4FF;
	border:#79B4FF 1px solid;
	font-weight:bold;
	position:relative;
	padding-top:2px;
	width:160px;
	height:32px;
}

.tab_light a{
	display:block;
	color:#444;
}

/*.tab_light_on{
	background-color:#79B4FF;
	border:#79B4FF 1px solid;
}*/
	
.tab_light_on:before{
	content: "";
	position: absolute;
	bottom: -20px;
	right: 50%;
	border-top: 10px solid #79B4FF;
	border-right: 6px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 6px solid transparent;
}


/*---------- Title ----------*/

.unit-title{
	width:720px;
	height:46px;
	line-height:46px;
	color:#FFF;
	margin:0;
	text-align:center;
	font-size:18px;
}

.unit-title_boy{
	background-color:#0085B0;
}

.unit-title_girl{
	background-color:#D902DB;
}

.unit-title_mix{
	background-color:#ADAE14;
}


/*---------- LIST DL ----------*/

.club-list{
	width:720px;
}

.club-list dl{
    display:table;
    table-layout:fixed;
	margin:0;
	border-left:1px solid #D6D6D6;
    width:719px;
	line-height:1.2;
	height:38px;
}

.club-list dl:first-child{
	border-top:1px solid #D6D6D6;
}

.club-list dt, .club-list dd{
    display:table-cell;
    border-right:1px solid #D6D6D6;
	border-bottom:1px solid #D6D6D6;
	vertical-align:middle;
}

.club-list dl.add-sp{
	border-top:1px solid #D6D6D6;
}

.club-list dl.clubl_th{
	background-color:#FAFAFA;
	font-size:12px;
	height:24px;
}

.clubl_no{
	text-align:center;
	width:60px;
}
.clubl_add{
	text-align:center;
	width:100px;
}

.clubl_type{
	text-align:center;
	width:130px;
}

.clubl_name{
	width:405px;
	text-align:left;
	padding-left:20px;
}

.clubl_name_th{
	text-align:center;
	width:425px;
}

.clubl_name a, .clubl_school a{
	color:#2777E2;
}

.co-private{
	color:#06A5D7;
}
.co-national{
	color:#8AB007;
}
.co-public{
	color:#FF8001;
}


/*---------- Other-club ----------*/

.ptit{
	font-size:18px;
	font-weight:bold;
}

/*---------- LIST UL ----------*/

.club-list ul{
	margin:0;
	border-left:1px solid #D6D6D6;
    border-top:1px solid #D6D6D6;
	width:719px;
	line-height:1.2;
	margin-bottom:30px;
}

.club-list li{
	float:left;
    border-right:1px solid #D6D6D6;
	border-bottom:1px solid #D6D6D6;
	vertical-align:middle;
	width:343px;
	height:28px;
	padding-left:15px;
	padding-top:10px;
}



/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/

@media screen and (max-width: 768px){


#page-title{
	padding:23px 0 10px;

}

#page-title .inner{
	width: 94%;
    margin: 0 3%;
}


#page-title h2{
	/*font-size:28px;
	padding-left:60px;
	background:url(/images/special/tit_icon.gif) no-repeat 0 6px;*/

	font-size: 22px; /*--*/
    padding: 5px 0 10px 50px;/*--*/
    background: url(/images/special/tit_icon.gif) no-repeat 0px 0px;/*--*/
    background-size: 40px 40px;/*--*/
    line-height: 1.2;/*--*/
}

#page-title h2 span{
	font-size:18px;/*--*/
	font-weight:normal;
}

#wrap{
	padding: 0 0 70px;
}

h3.vl {
    line-height: 1.2;
    border-left: 5px solid #79B4FF;
    padding-left: 10px;
    margin-bottom: 20px;
    font-size: 18px;
}

#showcase{
	width: 100%;  /*---n--*/
	height: auto; /*---n--*/
}

#showcase img{
	width: 100%;  /*---n--*/
	height: auto; /*---n--*/
}



/*-----------------------------------------
	共通
-------------------------------------------*/

.club-unit, .club-unit_img{
	margin-bottom:40px; /*--*/
	font-size:18px;/*--*/
	width: 94%;/*--*/
	margin: 0 auto;/*--*/
}


.club_txt{
   margin-bottom: 30px;

}

.club-unit_img img{
	width: 100%;
	height: auto;
	margin-top: -10px;
	margin-bottom: 30px;
}

.club-unit_left{
	/*float:left;*/
	float:none;/*--*/
	width:100%; /*--*/
}

.club-unit_right{
	float:none;/*--*/
}

.club-unit_list{
	margin-bottom:30px;
	padding-top:20px;
	font-size:16px;
}


/*----- Other-club Link -----*/

.o-club-link{
	width: 94%; /*--*/
	margin: 0 0 5px 0px;


}
.arrow_club{
    display: inline-block;
    padding-left: 17px;
	padding-top:2px;
    background: url(/images/special/arrow_cnav.png) no-repeat left 50%;
    font-size: 16px;
	font-weight:bold;
	margin-right:10px; /*--*/
}
.fright{
	float:right;
}
.fleft{
	float:left;
}


/*---------- Link ---------*/

/*
#wrap a:link{
	color:#2777E2;
}
#wrap a:visited {
	color:#2777E2;
}
#wrap a:hover {
	color:#2777E2;
}
#wrap a:active{
	color:#2777E2;
}
*/

/*----------------*/

/*
#wrap .thumb a:link{
	color:#444;
}
#wrap .thumb a:visited {
	color:#444;
}
#wrap .thumb a:hover {
	color:#2777E2;
}
#wrap .thumb a:active{
	color:#444;
}
*/

/*----------------*/

/*
#wrap .tab_light a:link{
	color:#444;
}
#wrap .tab_light a:visited{
	color:#444;
}
*/

/*----------------*/

#wrap #side-box .name a{
	color:#000;
}




/******************************************

	トップページ

*******************************************/

/*----- SHOWCASE TOP -----*/


#showcase{
	margin-bottom:30px;
}


/*---------- LIST index ----------*/

.list-index{
	/*width:1000px;*/
	width:94%; /*--*/
	margin: 0 auto;/*--*/

}

.list-index ul{
	margin:0;
	border-left:1px solid #D6D6D6;
    border-top:1px solid #D6D6D6;
	/*width:999px;*/
	width:100%;/*--*/
	line-height:1.2;
	margin-bottom:30px;
}

.list-index li{
	float:left;
    border-right:1px solid #D6D6D6;
	border-bottom:1px solid #D6D6D6;
	vertical-align:middle;
	/*width:478px;*/
	width:94%;
	height:auto;
	/*padding-left:20px;
	padding-top:10px;*/
	padding: 10px 0 10px 20px;/*--*/
}


/*---------- その他の特集 ----------*/

#thumb-list {
	/*margin-bottom:20px;*/
}

/*
#thumb-list .thumb{
	width:210px;
	height:250px;
	float:left;
	line-height:1.4;
	margin-left:10px;
	margin-right:25px;
}
*/

/*#thumb-list .thumb:nth-child(1){
	margin-left:10px;
}*/


/*
#thumb-list .thumb img{
	margin-bottom:20px;
}

#thumb-list .thumb p{
	line-height:1.5;
	font-size:14px;
}

#thumb-list .thumb p.tit{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	line-height:1.2;
}

.arrow-b {
	text-align:center;
}
*/





/******************************************

	各クラブページ

*******************************************/

#main-box{
	width:auto;/*--*/
	float:none;/*--*/
}


/*----- SHOWCASE -----*/

.sc_sports{
	margin-bottom:10px;
	/*width:720px;*/
	width:94%;/*--*/
	height:300px;/*--*/
	background:url(/images/special/club/bg_sports.jpg) top left no-repeat;
	background-size: 100% 100%;/*--*/
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: -10px;
}

.sc_cultural{
	margin-bottom:10px;
	/*width:720px;*/
	width:94%;/*--*/
	height:300px;
	background:url(/images/special/club/bg_cultural.jpg) top left no-repeat;
	background-size: 100% 100%;/*--*/
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: -10px;
}

.sc-tit{  /*--*/
	text-align: left;
    padding-top: 25px;
    font-size: 16px;
    color: #FFF;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 25px;

}

.sc-wbox{
	display:inline-block;
	margin:-10px 0 0 20px;/*--*/
}

/*
.sc-box{
	display:inline-block;
	width:90px;
	margin-right:5px;
	text-align:center;
}

.sc-box_type{
	width:88px;
	height:18px;
	color:#FFF;
	font-size:11px;
	vertical-align:middle;
	margin-bottom:10px;
}

.sc-box_boy{
	background-color:#0085B0;
	border:1px solid #0085B0;
	color:#FFF;
}

.sc-box_girl{
	background-color:#D902DB;
	border:1px solid #D902DB;
	color:#FFF;
}

.sc-box_mix{
	background-color:#ADAE14;
	border:1px solid #ADAE14;
	color:#FFF;
}

.sc-box_private{
	background-color:#FFF;
	border:1px solid #06A5D7;
	color:#06A5D7;
}

.sc-box_national{
	background-color:#FFF;
	border:1px solid #8AB007;
	color:#8AB007;
}

.sc-box_public{
	background-color:#FFF;
	border:1px solid #FF8001;
	color:#FF8001;
}

.sc-box_num{
	font-size:26px;
	line-height:1.2;
	color:#FFF;
}

.sc-box_num span{
	font-size:16px;
}

.sc-box_ratio{
	font-size:18px;
	line-height:1.2;
	color:#FFF;
}
*/


/*-----------------------------------------
	ランキング
-------------------------------------------*/

/*---------- TAB ----------*/

/*
.tab_light_unit {
	margin:0px auto 20px;
}

.tab_light_unit > ul{
	display:table;
	margin:auto;
	border-spacing:5px 0;
}

.tab_light{
	display:table-cell;
	color:#444;
	font-size:14px;
	text-align: center;
	vertical-align:middle;
	background:url(/images/special/rank_univ/arrow_cnav.png) no-repeat 10px 50%;
	border:#D6D6D6 1px solid;
	padding-top:2px;
	width:160px;
	height:32px;
}

.tab_light_on{
	display:table-cell;
	color:#444;
	font-size:14px;
	text-align: center;
	vertical-align:middle;
	background:url(/images/special/rank_univ/arrow_cnav_on.png) no-repeat 10px 50% #5CBFCE;
	border:#5CBFCE 1px solid;
	font-weight:bold;
	position:relative;
	padding-top:2px;
	width:160px;
	height:32px;
}

.tab_light a{
	display:block;
	color:#444;
}
*/

/*.tab_light_on{
	background-color:#5CBFCE;
	border:#5CBFCE 1px solid;
}*/

/*
.tab_light_on:before{
	content: "";
	position: absolute;
	bottom: -20px;
	right: 50%;
	border-top: 10px solid #5CBFCE;
	border-right: 6px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 6px solid transparent;
}
*/


/*---------- Title ----------*/

.unit-title{  /*--*/
	/* width: 720px; */
    width: 94%;
    margin: 0 auto;
    height: auto;
    line-height: 46px;
    color: #FFF;
    /* margin: 0; */
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    padding: 10px 0 10px 0;
}


/*
.unit-title_boy{
	background-color:#0085B0;
}

.unit-title_girl{
	background-color:#D902DB;
}

.unit-title_mix{
	background-color:#ADAE14;
}
*/


/*---------- LIST DL ----------*/

.club-list{
	/*width:720px;*/
	width:94%;/*--*/
	margin: 0 auto;/*--*/

}

.club-unit_list h3.vl {
    line-height: 1.2;
    border-left: 5px solid #79B4FF;
    padding-left: 10px;
    font-size: 18px;
    width: 88%;
    margin: 0 auto;
    margin-bottom: 20px;

}

.club-list dl{
    display:table;
    table-layout:fixed;
	margin:0;
	border-left:1px solid #D6D6D6;
    /*width:719px;*/
	width:100%;/*--*/

	line-height:1.2;
	/*height:38px;*/
}

/*
.club-list dl:first-child{
	border-top:1px solid #D6D6D6;
}

.club-list dt, .club-list dd{
    display:table-cell;
    border-right:1px solid #D6D6D6;
	border-bottom:1px solid #D6D6D6;
	vertical-align:middle;
}

.club-list dl.add-sp{
	border-top:1px solid #D6D6D6;
}

.club-list dl.clubl_th{
	background-color:#FAFAFA;
	font-size:12px;
	height:24px;
}
*/

.clubl_no{
	text-align:center;
	width:12%;/*--*/
}
.clubl_add{
	text-align:center;
	width:20%;/*--*/
}

.clubl_type{
	text-align:center;
	width:15%;/*--*/
}

.clubl_name{
	width:53%;/*--*/
	text-align:left;
	padding: 10px 0 10px 5px;
}

.clubl_name_th{
	text-align:center;
	width:53%;/*--*/
}


/*
.clubl_name a, .clubl_school a{
	color:#2777E2;
}

.co-private{
	color:#06A5D7;
}
.co-national{
	color:#8AB007;
}
.co-public{
	color:#FF8001;
}
*/


/*---------- Other-club ----------*/

.ptit{
	font-size:18px;
	font-weight:bold;
	width: 94%;/*--*/
    margin: 0 auto;/*--*/
    padding-bottom: 7px;/*--*/
}

/*---------- LIST UL ----------*/

.club-list ul{
	margin:0;
	border-left:1px solid #D6D6D6;
    border-top:1px solid #D6D6D6;
	/*width:719px;*/
	width:100%;/*--*/
	line-height:1.2;
	margin-bottom:30px;
}

.club-list li{
	float:left;
    border-right:1px solid #D6D6D6;
	border-bottom:1px solid #D6D6D6;
	vertical-align:middle;
	width:95%;/*--*/
	height:auto;
	padding-left:15px;
	padding-top:10px;
	padding: 10px 0 10px 15px;
}





}