@charset 'utf-8';
/*
Foundation (header)
*/
@media screen and (max-width: 950px) {
.header_top {
margin: 0;
padding: 0;
display: none;
}
}
/*
Foundation (main_nav, sp_nav)
*/
@media screen and (max-width: 950px) {
.main_nav {
display: none;
}
.sp_nav {
display: block;
}
body {
padding-top: 56px;
}
}
/*
Modules (side nav)
*/
@media screen and (max-width: 1280px) {
nav.side {
top: auto;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
}
nav.side a {
width: 25%;
height: 60px;
}
}
/*
Modules (footer)
*/
@media screen and (max-width: 900px) {
.footer_top {
display: none;
}
.pc {
display: none;
}
.pc.inline {
display: none;
}
.sp {
display: block;
}
.sp.inline {
display: inline-block;
}
.sp_no_br {
display: none;
}
}
@media screen and (max-width: 800px) {
.footer_logo,
.footer_right {
float: none;
width: 100%;
height: auto;
margin: 0 1% 1em;
}
.footer_logo {
text-align: center;
}
.footer_info {
float: none;
margin: auto;
}
.footer_bottom br.cb {
display: none;
}
}
@media screen and (max-width: 600px) {
.footer_top ,
.footer_info {
display: none;
}
.footer_logo,
.footer_logo a {
width: 100%;
margin: 1% 0;
height: 24px;
}
.footer_bottom {
border-top: 1px #999 solid;
}
}