@charset "UTF-8";
/* CSS Document */

/*===============================================
●画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:480px){

#navback, .pc{ display:none;}
	
/*-------------------------------------ヘッダーここから*/

#head{width:100%;max-width:320px;}

.logo{
	width:100%;
	float:none;
	text-align:center;
	margin:auto;
	}
	
.head_r{
	text-align:center;
	float:none;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	}

.topview img{ margin-bottom:20px;}	

/*-------------------------------------ヘッダーここまで*/


/*-------------------------------------ナビここから*/

label {
	width:37px;
	margin:auto;
	padding-bottom:10px;
	text-align: center;
	display: block;
	position: relative;
	cursor:pointer;
	background-color:#fff;
	}

.sma_nav ul {
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
	list-style-type: none;
	width: 100%;
	padding:0;
	margin-bottom:20px;
	}

.sma_nav li {
	line-height:40px;
	text-align:left;
	background-color:#5e9ae3;
	}

.sma_nav li a {
	border-top:2px solid #fff;
	padding-left:3.33333333333%;
	display: block;
	color:#fff;
	font-size:14px;
	font-weight:400;
	text-decoration:none;
	}

.sma_nav li a:active{ background-color:#0e1c7f; color:#fff; border-top:2px solid #FFF;}

input[type="checkbox"].on-off{display: none;}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
	}

input[type="checkbox"].on-off:checked + ul{height:252px;}

/*-------------------------------------ナビここまで*/

/*-------------------------------------メインここから*/
.sma img.oshirase{
	width:93.75%;
	margin-left:3.125%;
	margin-right:3.125%;}

#oshirase{
	box-sizing:border-box;
	width:93.75%;
	margin:0px auto 20px auto;
	text-align:left;
	}

.sma .news_title{
	width:53.3333333333%;
	margin-bottom:20px;
	float:left;
	}
	
.sma .news_title2{
	width:46.6666666666%;
	margin-bottom:20px;
	float:left;
	}	

.btn img{
	width:93.75%;
	margin-left:3.125%;
	margin-right:3.125%;
	margin-bottom:20px;
	}

#main, .about, .map{
	width:93.75%;
	margin-left:3.125%;
	margin-right:3.125%;
	float:none;
	}

.map iframe{ height:300px;}	
	
#map1, #map2{ float:none; width:100%; margin:0; }


.block2, .block3{
	float:none;
	width:93.75%;
	margin-left:3.125%;
	margin-right:3.125%;
	}

.block2 img{ width:46.875%;}	
	
/*-------------------------------------メインここまで*/


/*-------------------------------------サイドここから*/
#side{
	width:93.75%;
	margin-left:3.125%;
	margin-right:3.125%;
	float:none;
	}
/*-------------------------------------サイドここまで*/



/*-------------------------------------フッターここから*/

.footer_left{
	border:none;
	width:95%;
	padding:0;
	margin:0px auto 30px auto; 
	float:none;
	padding-bottom:10px;
	}


.footer_right{
	width:95%;
	float:none;
	margin:auto;
	}
	
.footer_right ul{
	margin:0;
	padding:0;
	float:none;
	}

.pagetop {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
	letter-spacing: 0px;
	}
	
.footer_top{
	padding-bottom:100px;}	
	
/*-------------------------------------フッターここまで*/

}