.sp_header{
display: none;
}



@media only screen and (max-width:640px){
body{
margin-top:60px;
}

.sp_header{
display: block;
}

.sp_menu{
display:none;
}


header{
width:100%;
position: static;
background-color: #005bab;
padding-left: 0;
padding-right: 0;
}

.sp_nav{
position: fixed;
top: 0;
display: block;
width:100%;
padding-top:0;
z-index: 9999;
background-color: #005bab;
}

.sp_logo{
float:left;
width:140px;
height:auto;
display:block;
margin-left:10px;
margin-top:22px;
}

.sp_menu_area{
  float: right;
  margin-right:10px;
  margin-top:12px;
  height:38px;
}
.sp_sns_icon{
  display: inline-block;
  border-collapse: separate;
  border-spacing: 15px 0;
  vertical-align: super;
}
a.sp_twitter_icon{
  display: table-cell;
  vertical-align: middle;
}
a.sp_twitter_icon img{
  height: 20px;
}

.sp_btn_icon{
background-image:url(../img/shared/sp_menu_icon.gif);
background-position:center center;
background-repeat:no-repeat;
width:25px;
height:38px;
background-size:cover;
display: inline-block;
}

.batu{
background-image:url(../img/shared/batu.gif);
background-position:center center;
background-repeat:no-repeat;
width:25px;
height:38px;
background-size:cover;
}

.sp_logo_btn_wrp{
height:60px;
background-color: #fff;
}

.sp_menu{
overflow-y: scroll;
-webkit-overflow-y: scroll;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
transform: translateZ(0);
background-color: #e4ebf5;
}

.sp_menu a{
display:block;
color:#005bab;
text-align:left;
text-indent:1em;
padding:15px 0;
border-bottom:#fff solid 1px;
}

/*繧ｹ繝｢繝ｼ繝ｫ驛ｨ蛻�險ｭ螳�*/
.spbr{
display: inline;
}

.small_in_wrp{
border-top: #005bab solid 1px;
}




}