header {
margin:0 auto;
width: 100%;
max-width:640px;
}

header .inner {
position:relative;
padding:1%;
max-width:100%;
overflow: hidden;
line-height: 1;
vertical-align: top;
}

header h1 {
float: left;
width: 40%;
height: auto;
padding: 2% 0 0;
}

header .okyakusama {
clear: right;
float: right;
margin: 0;
padding: 0 0 1%;
width: 45%;
height: auto;
}


header .sns {
overflow: hidden;
clear: right;
float: right;
margin: 0;
padding: 0;
width: 45%;
}
header .sns p {
float: right;
width: 20%;
height: auto;
}
header .sns p:first-child {
margin-left: 2%;
}


header h2 {
clear: both;
width: 100%;
height: auto;
padding: 1% 0 0;
}

header h1 img ,
header h2 img ,
header .okyakusama img ,
header .sns p img{
width: 100%;
height: auto;
}



#milkbook {
margin:0 auto;
padding: 1% 0;
width: 100%;
max-width:640px;
overflow: hidden;
}

#milkbook .mb_book ul {
overflow: hidden;
}
#milkbook .mb_book ul li {
float: left;
width:50%;
height: auto;
}
#milkbook .mb_book ul li img {
width: 100%;
height: auto;
}



footer {
margin:2% auto;
padding:1% 0;
border-top:2px solid #009fe8;
width: 100%;
max-width:640px;
text-align: center;
}




/* #gotop */
#gotop {
z-index:100;
_display:none;
position:fixed;
bottom:50px;
right:50px;
/*
left:50%;
margin-left:550px;
*/
}
#gotop a {
width:75px;
display: block;
}
#gotop a img {
width:100%;
height: auto;
}