p {
padding: 5px;
}

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  

#breadcrumbs a{
	text-decoration: underline;
}

img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
	vertical-align:top;
	font-size: 0px;
	border: 0px;
	padding: 0;
	margin: 0;
}

.red {
	color:#F00;
}

.black_bold {
	font-weight:bold;
}

.black_bold_12 {
	font-size: 1.2em;
	font-weight:bold;
}

.green_bold {
	color:#339900;
	font-weight:bold;	
}

.blue_bold {
	color: #014DC1;
	font-weight:bold;
}

.center {
	margin:auto;
	text-align:center;
}

h1 {
margin:10px auto;
padding:0px;
font-size: 0.8em;
text-align:center;
font-weight:normal;
clear:both;
}

h2 {
	margin:10px auto 0px;
	padding:0px;
	font-size: 1.2em;
	text-align:center;
}


h3 {
	margin:10px auto;
	padding:0px;
	font-size: 1.1em;
	text-align:center;	
}


h5 {
	font-size:1.2em;
	color:#090;
}

.right_bottom {
	margin:auto;
	text-align:center;	
}
	

#summer {
	text-align:left;
}


#summer h3 {
	background-image:url(/img/main/summer_course.gif);
	background-repeat:no-repeat;
	text-align:left;
	padding: 25px 0px 5px 50px;
	margin:0px;
	height: 89px;	
}

#allseason {
	text-align:left;
}


#allseason h3 {
	background-image:url(/img/main/allseason_course.gif);
	background-repeat:no-repeat;
	text-align:left;
	padding: 15px 0px 5px 50px;
	margin:0px;
	height: 89px;	
}




.left_menu_bg {
	background-color:#E7E7E7;
	width: 100%;
	height: 40px;
}

.left_menu_bg h3 {
	font-size:1em;
	color:#236901;
	margin: 0px auto;
	text-align:center;
	padding: 10px 0px 0px 0px;
}

img.left_banner {
	margin: 10px auto;
	text-align:center;
	display:block;
}

.fb {
	display:none;
}

.fb2 {
	margin: 10px auto;
	text-align:center;
	width:320px;
}
	
	
.news {
	display:none;
}


.news2 {
	margin:auto;
	width: 320px;
	overflow:scroll;
    -webkit-overflow-scrolling:touch;
	}
	
#contents_news {
	height: 800px!important;
	overflow:auto;
}


/*===============================================
●スマホ、タブレット共通
===============================================*/



strong {
	font-weight:normal;
}


img{
	border: 0px;
	margin: 10px auto;
}

#sp-head {
	margin-bottom:30px;
}

.logo {
	text-align:center;
}

.nest-logo {
	display:none;
}

.nest-logo2 img {
	width:100px;
	position:absolute; top:0px; right:5px;
}



#main_bottom {
	margin: 0px;
	background:#D9ECFD;
}

.main_bottom_txt {
	margin:auto;
}

.main_bottom_txt p {
	text-align:left;
}

.main_bottom_img {
	text-align:center;
}


.menu_s {
	font-size: 1.4em;
	font-weight:bold;
	text-align:center;
	color: #06F;
	margin: 20px auto;
}

.menu_s a:link {
	color: #06F;
}

.menu_s a:visited {
	color: #06F;
}


.menu_s a:hover {
	color: #06F;
}


.menu_s a:active {
	color: #06F;
}

nav {
	display:none;
}


article {
	margin-bottom:20px;
	padding: 5px;
}

address {
	text-align:center;
	font-style:normal;
	clear:both;
	margin-top: 20px;
}



/* 768px以上用（タブレット用）の記述 */
@media screen and (min-width: 768px){
	#main_menu ul li {
		float: left;
		margin: 0px 1.5% 10px 0px;
		padding: 0px;
		width: 32%;
	}
	
	#main_menu ul li:nth-child(3n+3) {
		margin-right: 0%;
	}

	#main_menu ul li img {
		width: 100%;
		height: auto;
	}
	
	.tel2 {
		display:none;
	}
}

/* 480px - 767px用（タブレット／スマートフォン用）の記述 */
@media screen and (min-width: 480px) and (max-width: 767px)  {

section img {
	display:block;
	margin: 5px auto;
	text-align:center;
}

	
.tel {
		display:none;
	}
	
.tel2 {
		color:#F00;
		font-size: 1.4em;
		font-weight:bold;
		text-align:center;
	}
	
.tel2 a:link {
	color:#F00;
}

.tel2 a:visited {
	color:#F00;
}

.tel2 a:hover {
	color:#F00;
}

.tel2 a:active {
	color:#F00;
}

}

/* 479px以下用（スマートフォン用）の記述 */
@media screen and (max-width: 479px) {
section img {
	display:block;
	margin: 5px auto;
	text-align:center;
}

.tel {
		display:none;
	}

.tel2 {
		color:#F00;
		font-size: 1.3em;
		font-weight:bold;
		text-align:center;
	}
	
.tel2 a:link {
	color:#F00;
}

.tel2 a:visited {
	color:#F00;
}

.tel2 a:hover {
	color:#F00;
}

.tel2 a:active {
	color:#F00;
}

}

#right{
	padding: 0 10px;
}