@charset "UTF-8";

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

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

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

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


.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開始
 *
**/

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

h3.search_title{
	border:1px solid #D1568D;
	border-left:5px solid #D1568D;
	color:#D1568D;
	font-size:16px;
	padding:10px;
	margin-bottom:20px;
}

h4{
	padding:10px 0 5px 0px;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom:10px;
}


/**
 * 一覧
**/

.list_box{
	padding:10px;
	margin-left:0;
}

.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 .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;
	}

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

.godo_info dt{
	clear:left;
	width:100%;
	color:#888;
	border:1px solid #AAAAAA;
	box-sizing:border-box;
	padding:5px 10px;
	text-align:center;
	margin-bottom:5px;
	display:block;
}

.godo_info dd{
	padding:5px 10px;
	margin-bottom:10px;
	display:block;
	width:100%;
}
.godo_info .school_list li {
  width: 100%;
}
.link_list a{
	width:150px;
}

.biko{
	text-align:left;
	margin-left:0;
}

}