@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 640px) {

 .sp-header {
	 width: 100%;
	 	 padding: 0px;
	     height: 60px;
	     z-index: 1000;
	     position: fixed;
	 	 border-bottom: solid 1px #DDD;
	 background: #0B318E;
	 }
 .sp-header .logo{
	 padding: 3% 0% 0% 1%;
	 width: 60%;
	 text-align: left;
	 float: left;
}
 .sp-header .logo img{
	 width: 100%;
}
.sp-header nav {
	     position: absolute;
	     top: 100%;
	 }
	 main {
	     position: absolute;
	     top: 60px;
		 clear: both;
 width: 100%;
	 }
	 body {
	     margin: 0;
	 }
.sp-header .menu_button {
	     border-left: solid 1px #DDD;
	     float: right;
	     width: 20%;
	     height: 60px;
	     text-align: center;
		 background: #1DA54D;
	 }
	 .sp-header .menu_button span {
	     line-height: 60px;
		 		 color: #FFF;
		 		 font-size: 130%;
	 }
	 .sp-header .sp-nav {
	     background-color: #EEE;
	     color: white;
	     width: 100%;
		 clear: both;
	 }
	 .sp-header .sp-nav ul {
	     list-style-type: none;
	     margin: 0;
	     padding: 0;
	 }
	 .sp-header .sp-nav ul li:first-child {
	     border-top: solid 1px #FFF;
	 }
	 .sp-header .sp-nav ul li a{
		 display: block;
	     border-bottom: dotted 1px #222;
	     text-align: left;
	     padding: 4% 2%;
		font-size: 120%;
		 line-height: 160%;
		 color: #000A57;
	 }

}