@media only screen and (max-width : 320px) {
  #sp-header .logo a {
    font-size: 24px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    display: block;
    vertical-align: middle;
    margin-top: 16px;
}
}
@media only screen and (max-width : 360px) {
#sp-header .logo {
    height: 34px;
    display: table;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    margin: 0;
    margin-top: 10px;
}
}
@media only screen and (max-width : 375px) {
#sp-header .logo {
    display: inline-block;
    height: 90px;
    display: table;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    margin: 0;
    margin-top: -16px;
}
}
@media only screen and (max-width : 480px) {
#sp-header .logo {
    display: inline-block;
    height: 90px;
    display: table;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    margin: 0;
    margin-top: -16px;
}
}