@charset "UTF-8";

/**
 * タブレット端末用
**/

@media only screen and (min-width: 651px) and (max-width: 960px) {

article#content{
	padding:0 10px;
	width:auto;
}

/**
 *
 * 学校情報
 *
**/

.school_info h3{
	line-height:1.5;
}

.school_info .tel{
	display:block;
}

.school_info .url{
	display:block;
}

.school_info .box02{
	margin-bottom:20px;
}

.school_info .box03{
	width:auto;
}

.school_info .box03 dl{
	max-width:none;
}

.school_info .box03 dt{
	float:none;
	margin-right:0;
	margin-bottom:5px;
}

/**
 *
 * 左コンテンツ
 *
**/

.content_left{
	width:100%;
	float:none;
	margin-right:0;
}

/**
 * 説明会情報
**/

.tab_fleft{
	float:left;
	width:49%;
}


/**
 * 行事情報
**/

.tab_fright{
	float:right;
	width:49%;
}

/**
 *
 * 中央コンテンツ
 *
**/

.content_center{
	clear:both;
	width:49%;
	float:left;
	margin-right:0;
}

/**
 * 地図
**/

.map .map_frame{
	text-align:center;
}


/**
 *
 * 右コンテンツ
 *
**/


.content_right{
	width:49%;
	float:right;
}

/**
 * 学校動画
**/

.movie .player img{
	margin:0 auto;
}

}

/**
 * スマートフォン端末用
**/

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



/**
 *
 * ディレクトリ共通
 *
**/

article#content{
	padding:0 10px;
	width:auto;
	font-size:14px;
}


/**
 *
 * index.php開始
 *
**/

/**
 * 左コンテンツ
**/

/**
 * ページング
**/


.result_head{
	float:none;
	margin-bottom:10px;
}

.result_head_btn{
	float:none;
	margin-bottom:10px;
}

ul.pagelists{
	font-size:80%;
	float:none;
}

ul.pagelists li,ul.pagelists_btn li{
	padding:2px 7px;
	margin-right:5px;
	margin-left:0px;
}
ul.pagelists_btn{
	font-size:80%;
	float:none;
}

.pagelists li.navi,.pagelists_btn li.navi{
	float:none;
	clear:both;
	padding:0;
}

.pagelists li.navi a,.pagelists_btn li.navi a{
	text-align:left;
	padding:5px 0;
}


/**
 * 一覧
**/

.list_box{
	padding:10px;
}

.list_box .icons_box{
	float:none;
	margin-bottom:5px;
}


.list_box ul.icons li{
	margin-left:0px;
	margin-right:5px;
}

.list_box dt{
	font-size:16px;
}


.list_box .address{
	float:none;
	margin-bottom:10px;
}

.list_box .btn_detail{
	margin:0 auto;
}

.list_box .icon_jhs{
	padding:2px 20px;
}

.list_box .icon_private{
	padding:2px 10px;
}

.list_box .icon_coedu{
	padding:2px 10px;
}


/**
 * サイドメニュー
**/

/* NEWS */
	#side .news {
		margin: 0 0 10px 0;
	}

/* 説明会情報 */
	#side .info {
		margin: 0 0 10px 0;
	}

.school_info h3{
	line-height:1.3;
}

/* 合同相談会カレンダー */
	#side .calendar {
		margin: 0 0 10px 0;
	}

/**
 *
 * info.php開始
 *
**/

/**
 *
 * 学校情報
 *
**/

.school_info{
	padding-top:20px;
}

.school_info .box01{
	float:none;
}

.school_info .address{
	margin-bottom:5px;
}

.school_info .tel{
	display:block;
	margin-bottom:5px;
}

.school_info .url{
	display:block;
	margin-bottom:5px;
}

.school_info .url a{
	display:block;
}

.school_info .box02{
	float:none;
	margin-left:0px;
	margin-bottom:20px;
}

.school_info .box02 img{
	margin:0 auto;
}

.school_info .box03{
	width:auto;
	float:none;
}

.school_info .box03 dl{
	max-width: none;
}

.school_info .box03 dt{
	float:none;
	margin-right:0px;
	margin-bottom:5px;
}

/**
 *
 * コンテンツ共通
 *
**/

h4{
	margin-bottom:0;
}

#sp_movie,#sp_map,#sp_tsushin,#sp_media,#sp_graph{
	display:block;
}

/**
 *
 * 左コンテンツ
 *
**/

.content_left{
	width:auto;
	float:none;
	margin-right:0;
}

.content_left .mb30{
	margin-bottom:10px;
}

/**
 * 説明会情報
**/

.tab_fleft{
	float:none;
	width:auto;
}


/**
 * 行事情報
**/

.tab_fright{
	float:none;
	width:auto;
}

/**
 *
 * 中央コンテンツ
 *
**/

.content_center{
	width:auto;
	float:none;
	margin-right:0;
}

.content_center .mb30{
	margin-bottom:10px;
}
/**
 * 地図
**/

.map .map_frame{
	text-align:center;
}

.map .map_frame iframe{
	width:90%;
	height:300px;
}

/**
 *
 * 右コンテンツ
 *
**/

.content_right{
	width:auto;
	float:none;
}

.content_right .mb30{
	margin-bottom:10px;
}
/**
 * 学校動画
**/

.movie .player img{
	margin:0 auto;
}

.catMark2014{
	display:inline-block;
	padding:3px 5px;
	background:#287BAB;
	color:#FFFFFF;
	margin-bottom:5px;
	border-radius: 5px;
	font-size:10px;
}


}