@charset "utf-8";
/* 中学受験 Nカリキュラム　加盟塾一覧 国内・海外共通 */
/* *******************************************************************
+ Since:2017-04-05
+ Update:XXXX-XX-XX
******************************************************************* */

h1.headTitle{ margin-top: 20px;}

#m_ja ul.subNavi{
	background: #EEEEEE;
	padding: 10px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 0;
}

#m_ja ul.subNavi li{
	display: inline;
	padding: 0 1em;
	border-right: 1px solid;
	font-size: 15px;
}
#m_ja ul.subNavi li:first-child{ border-left: 1px solid;}

#m_ja #mapWrap{ margin-bottom:30px;}

#m_ja h2.area{
	background: url(../img/m_ja/bg_head.png) no-repeat 5px;
	border-bottom: 1px dotted #666666;
	padding: 5px 28px;
	margin: 40px 0 0;
	color: #CE121A;
	font-size: 18px;
}

#m_ja .schoolBox{
	position: relative;
}

#m_ja h4.schName{
	padding: 10px 2px;
	font-size: 16px;
}
#m_ja h4.schName span{ color:#999999;}
#m_ja h4.schName span.important{
	color: #ED5565;
	margin-left: 10px;
	font-size: 12px;
}

#m_ja .msgBtn{
	background: url(../img/m_ja/btn_open-pc.png) no-repeat;
	background-size: 160px auto;
	width: 160px;
	height: 20px;
	padding-top: 20px;
	margin-left: auto;
	text-indent: -100%;
	overflow: hidden;
	position: absolute;
	top: 10px;
	right: 0;
}
#m_ja .msgBtn.active{
	background-image: url(../img/m_ja/btn_close-pc.png);
}


#m_ja table.school{
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
}

#m_ja table.school th,
#m_ja table.school td{
	border:1px solid #DCDCD6;
	border-width:1px 0 1px 0;
	padding:5px 10px;
}

#m_ja table.school th{
	background: #EEEEEE;
	width: 111px;
}

#m_ja .message{
	background: #EEEEEE;
	padding: 10px;
	margin: -20px 0 20px;
	font-size: 14px;
	display: none;
}

#m_ja .left{
	float: left;
	margin-right: 10px;
}
#m_ja .right{
	float: right;
}
#m_ja .w40{ width: 434px;}
#m_ja .w60{ width: 615px;}
#m_ja .w80{ width: 684px;}
#m_ja .w90{ width: 780px;}

#m_ja .ttlMsg{ font-weight: 700;}

#m_ja .posCenter{
	width: 860px;
	margin: 0 auto 1em;
}
#m_ja .notice{
	text-align: left;
	padding-left: 1em;
	text-indent: -1em;
}
#m_ja .notice:before{
	content: "※";
}

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

	h1.headTitle { width:100%; text-align: center;}

	#m_ja h2.area{
		margin-top: 20px;
	}

	#m_ja #mapWrap{ display: none;}

	#m_ja ul.subNavi li{
		display: inline-block;
		padding: 0 1em;
		border-right: 1px solid;
		font-size: 16px;
		white-space: nowrap;
	}
	#m_ja ul.subNavi li a{
		display: block;
	}

	#m_ja .left{
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
	}
	#m_ja .right{
		float: none;
		text-align: center;
	}
	#m_ja .right img{ width: 95%;}

	#m_ja .w40{ width: 100%;}
	#m_ja .w60{ width: 100%;}
	#m_ja .w80{ width: 100%;}
	#m_ja .w90{ width: 100%;}

	#m_ja .schoolBox{
		position: static;
	}

	#m_ja .message{
		background: #EEEEEE;
		padding: 10px;
		margin: 0 0 10px;
		font-size: 14px;
		display: none;
	}

	#m_ja h4.schName{
		padding: 10px 2px 0;
		font-size: 16px;
		margin-bottom: 5px;
	}

	#m_ja .msgBtn{
		background: url(../img/m_ja/btn_open-sp.png) no-repeat;
		background-size: 160px auto;
		width: 160px;
		height: 20px;
		padding-top: 20px;
		margin-left: auto;
		text-indent: -100%;
		overflow: hidden;
		position: static;
		top: 0;
		right: 0;
	}
	#m_ja .msgBtn.active{
		background-image: url(../img/m_ja/btn_close-sp.png);
	}

	#m_ja table.school{
		border-collapse: collapse;
		width: 100%;
		margin-bottom: 5px;
		
	}

	#m_ja table.school td{
		word-break: break-all;
	}
	#m_ja .posCenter{
		width: auto;
		margin: 0 0 1em;
	}

}