/* ----------------------------------------------------*/
@media only screen and (max-height: 750px) {

}

@media only screen and (max-height: 580px) {

}

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


}

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


}

@media only screen and (min-width: 801px) {
.drawer-hamburger {
		display: none!important;
	}
}

@media only screen and (max-width: 800px) {
header.side {
	display: none!important;
}
	
#container,#container-page,#container-page-min {
	width: auto;
	margin: 0 auto;
	padding: 0 0 0 0!important;
	border: none;
	}
}

@media only screen and (max-width: 700px) {
input { width:93%;}

textarea { width:93%;}
	
}

@media only screen and (max-width: 680px) {
body {
	font-size: 15px;
	} 

h1, h2,h2.title {
	font-size: 160%;
	}

.sp_br {
	display: block;
}

#maincopy {
	width: 350px;
	margin: 0 0 0 -175px;
}

#back-top {
	display: none !important;
	width: 0;
	height: 0;
	}

.box-twi {
	float: left;
	width: 90%;
	height: 310px;
	margin: 0 5% 10px 5%;
	padding: 0;
	overflow: hidden;
	}
	
.drawer-nav {
	width: 360px!important;
}

.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
	left: 0px!important;
}

.drawer--left.drawer-open .drawer-hamburger {
  left: 300px!important;
}
	
.navi-logo {
	width: 60px;
	top:55px;
	}

.navi-logo a {
	width: 85%;
	}

#container,#container-page {
	padding: 0 0 0 60px;
	}

.section {
	padding: 20px 0 20px;
	}

.section-top-content {
	padding: 15px 0 20px;
	}

.section-gara {
	padding: 30px 0 30px;
	}

.section-map {
	padding: 20px 0 20px;
	}

.section-access {
	padding: 0 0 20px;
	}

.section-page {
	padding: 20px 0 30px;
	}

.section-page-last {
	padding: 30px 0 0px;
	}

.section-gosyuin-top {
	padding: 0px 0 30px;
	}
	
.section-gosyuin {
	padding: 30px 0 30px;
	}
	
.top-content-left,.top-content-right {
	float: none;
	clear: both;
	width: 100%;
	}

.top-kitou {
	width: 40px;
	margin: -75px 0 0 -20px;
}

.toptext {
	width: 220px;
	margin: -110px 0 0 -110px;
}

.toptext2 {
	width: 150px;
	margin: -75px 0 0 -75px;
}

#maintext {
	top: 50%;
	width: 220px;
	margin: -110px 0 0 -110px;
}

.box2-left,.box2-left60 {
	float: none;
	clear: both;
	width: 100%;
	margin: 0 0 20px;
	}

.recruit-left,.recruit-right {
	float: none;
	clear: both;
	width: 100%;
	margin: 0 0 20px;
	}

.box2-right,.box2-right40 {
	float: none;
	clear: both;
	width: 100%;
	}

.gani {
	width: 30px;
}

ul.sansaku li {
	float: none;
	clear: both;
	width: 100%;
	margin: 0 0 30px 0;
}
	
.section-map-sp {
	display: block;
	width: auto;
	height: auto;
	}
	
ul.keidai-point {
	list-style-type: none;
	list-style-position: inside;
	padding: 20px;
	margin: 0 auto;
}

ul.keidai-point li {
	margin-bottom: 10px;
	line-height: 1.5;
	font-size: 15px;
	float: left;
	width: 33.3%;
}

ul.keidai-point li:last-child {
	width: 66%;
}

td.category {
	width: 85px;
	padding-right: 5px;
	text-align-last: justify;
}

ul.news li span {
	float: none;
	width: 100%;
	margin: 0;
	letter-spacing: 1px;
	display: block;
	}
	
.post {
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	float: none;
	clear: both;
}

.sidebar {
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	float: none;
	clear: both;
}

footer {
	padding: 20px 0 30px;
	}
	
}

@media only screen and (max-width: 480px) {
.box2-left30 {
	float: none;
	clear: both;
	width: 100%;
	margin: 0 0 20px;
	}

.box2-right70 {
	float: none;
	clear: both;
	width: 100%;
	margin: 0;
	}
}

@media only screen and (max-width: 400px) {
ul.keidai-point li {
	font-size: 13px;
}
footer p {
	font-size: 14px;
	}
	
}