@charset "utf-8";
/*                responsive
======================================================= */

@media only screen and (max-width: 770px) {
#main_area {
    max-width:780px;
    padding: 0 1em;
    margin-top: 5em;
}
div#sp_wrap {
    max-width:770px;
}
}
@media only screen and (max-width: 700px) {
#main_area {
    max-width:700px;
}
div#sp_wrap {
    max-width:700px;
}
}
@media only screen and (max-width: 640px) {
#main_area {
    max-width:640px;
}
div#sp_wrap {
    max-width:640px;
}
}
@media only screen and (max-width: 430px) {
#main_area {
    max-width:430px;
}
div#sp_wrap {
    max-width:430px;
}
}
@media only screen and (max-width: 380px) {
#main_area {
    max-width:380px;
}
div#sp_wrap {
    max-width:380px;
}
}
@media only screen and (max-width: 325px) {
#main_area {
    max-width:325px;
}
div#sp_wrap {
    max-width:325px;
}
}