body{
margin: 0;
padding:0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, Meiryo, sans-serif;
}

html {overflow: auto;}


/* 非表示項目 */
/* pc */
@media print, screen and (min-width:769px) {
.sp_on {display : none;}
}
 
/* tablet*/
@media only screen and (min-width: 641px) and (max-width: 768px) {
.pc_on {display : none;}
}
 
/* smartPhone */
@media screen and (max-width: 640px) {
.pc_on {display : none;}
}




/* パンクズ*/
#topicpath{
margin : 0;
padding : 20px 0;
text-align: center;
}
.topicpath-in{
margin : 0 auto;
padding : 0;
max-width :960px;
overflow:hidden;
}
#topicpath p{
margin: 0;
padding :0 20px;
max-width :500px;
padding-top : 2px;
font-size : 12px;
line-height : 14px;
text-align: left;
color:#54c2f1;
float: left;
}
#topicpath a{
color:#54c2f1;
}

@media(max-width: 500px) {
	#topicpath {
		padding : 0 0 20px;
	}
}

/* シェアボタン */
#share{
margin: 0 auto;
padding :0 0 5px 0;
overflow:hidden;
width: 220px;
height: 20px;
}

#share ul{
list-style: none;
margin: 0 auto;
padding: 0;
overflow: hidden;
}

#share ul:after {
overflow: hidden;
}

#share li{
float: left;
margin: 0 0 0 5px;
padding: 0;
display: inline-block;
height: 20px;
overflow: hidden;
}

.fb-like {
display: inline-block;
height: 20px;
overflow: hidden;
}
.fb_iframe_widget span {
vertical-align: top !important;
}
.fb-share-button{
margin: 0;
padding: 0;
text-align: left;
}

@media(max-width: 500px) {
	#share {
		margin-left: 16px;
		padding-top: 16px;
	}
}
@media print, screen and (min-width:769px) {
#share{float: right;}
}



/* タイトル */

#title{
margin : 0;
padding : 1rem 0;
text-align: center;
width: 100%;
}
#title img{
max-width: 600px;
width: 90%;
}

/* 学区ボタン */
#gakku{
margin : 0 auto;
padding :0;
max-width: 860px;
}

#gakku ul{
width: 100%;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
list-style: none;
}

#gakku li{
}

#gakku a{
margin : 5px;
padding :10px 0;
color:#009b63;
display: block;
text-decoration: none;
background:#ffffff;
text-align: center;
border-radius: 4px;
font-weight:bold;
border: 1px solid #009b63;
font-size : 1rem;
line-height : 1.5rem;
}

@media print, screen and (min-width: 641px) {
#gakku{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
#gakku li{
margin: 0;
padding: 0;
width: 25%;
-webkit-flex-grow: 1;
    flex-grow: 1;}
}

/* 倍率一覧 */
#bairitsu{
margin : 0 auto;
padding :0;
max-width: 860px;
}

#bairitsu h2{
margin : 0 0 5px 0;
padding : 4px 10px;
background:#ffa800;
color: #ffffff;
font-size: 1.2rem;
clear:both;
text-align: center;
}

#bairitsu h2.zennichi{
background-image: -webkit-gradient(linear, left top, left bottom, from(#c5f478), to(#81c116));
text-shadow: 0 0 1px #3d6100;
}
#bairitsu h2.teiji{
background-image: -webkit-gradient(linear, left top, left bottom, from(#b5edff), to(#2fa5c8));
text-shadow: 0 0 1px #02627e;
}

#bairitsu h2.nansyun{
background-image: -webkit-gradient(linear, left top, left bottom, from(#5279d9 ), to(#829ee4 ));
text-shadow: 0 0 1px #02627e;
margin: 3.5em 0 1.5em 0;
}


#bairitsu h3{
  position: relative;
  text-align: center;
}
#bairitsu h3 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
color: #81c116;
}
#bairitsu h3::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}


#bairitsu table {
margin : .5rem auto 2rem auto;
padding: .5rem 5%;
border-collapse:collapse;
max-width: 860px;
width:94%;
-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


#bairitsu th, #bairitsu td {
	padding: .3rem 0;
	text-align: center;
	width: 20%;
	font-size: 1rem;
	box-sizing: border-box;
	flex-wrap: wrap;
	font-weight:normal;
}
#bairitsu .heading th {
	font-weight: normal;
	font-size: .875rem;
	background: #8bddff;
	position: sticky;
	top: 0;
}
#bairitsu td.school-name {background: #b0e8ff;}
.heading-sp{display: none;}

@media(min-width: 501px) {
	#bairitsu tr {
		border: 1px solid #666;
	}
	#bairitsu .heading th {
		border-right: 1px solid #aaa;
	}
	#bairitsu .heading th:last-child {
		border-right: 1px solid #666;
	}
	#bairitsu .line td {
		border-top: 1px solid #ccc;
	}
	#bairitsu .line td:first-child {
		border-left: 1px solid #ccc;
	}
	#bairitsu td + td {
		border-left: 1px solid #ccc;
	}
}

@media(max-width: 500px) {
	#bairitsu .heading th{
		display: none;
	}
	#bairitsu tr.heading th.school-name{display: none;}
	#bairitsu tr.heading-sp{
		display:inline-block;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		box-sizing: border-box;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}
	#bairitsu tr.heading-sp th{
		font-size: .7rem;
		background: #8bddff;
		-webkit-flex-grow: 1;
		flex-grow: 1;box-sizing: border-box;
	}

	#bairitsu tr {
		border-bottom: 1px solid #ccc;
	}
	#bairitsu td {
		font-size: .95rem;
		width: 25%;
		box-sizing: border-box;
		display: inline-block;
		border:none;
		background: #fff;
		padding : .5rem 0;
	}
	#bairitsu td.school-name {
		width: 100%;
		box-sizing: border-box;
		display: inline-block;
	}
}




.shiken{
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
clear: both;
width :100%;
text-align: center;
}

.shiken p{
margin : 0;
padding : 1rem;
font-size : .95rem;
}


/* コピーライト */
#cr{
padding : 10px 0;
clear: both;
width :100%;
text-align: center;
}
#cr p{
margin : 0;
padding : 1rem;
font-size : .65rem;
line-height : 1rem;
}