@charset "utf-8";
  @media (min-width: 992px) { .l-site-header {
position: fixed;
top: 0;
left: 0;
right: auto;
width: 280px;
min-width: 280px;
height: 100vh;
overflow-y: auto;
z-index: 1000;
display: block;
} .scrolled .l-site-header {
position: fixed;
top: 0;
left: 0;
width: 280px;
} .l-site-header_inner {
display: block;
opacity: 1;
visibility: visible;
padding: 1.2em;
width: 100%;
height: auto;
} .p-site-header-brand {
display: block;
width: 100%;
height: auto;
opacity: 1;
visibility: visible;
margin-bottom: 1em;
} .p-site-header-brand_logo,
.p-site-header-brand_logo h1 {
display: block;
width: 100%;
height: auto;
opacity: 1;
visibility: visible;
margin: 0;
} .p-site-header-brand_logo a {
display: block;
width: 100%;
height: auto;
opacity: 1;
visibility: visible;
} .p-site-header-brand_logo img,
.p-site-header-brand_logo a img {
display: block;
width: auto;
max-width: 70%;
height: auto;
opacity: 1;
visibility: visible;
margin: 0 auto;
} .l-site-header_global-menu {
display: block;
position: static;
width: 100%;
clear: both;
box-shadow: none;
background-color: transparent;
}
.p-global-menu {
display: block;
width: 100%;
}
.p-global-menu > li {
display: block;
width: 100%;
}
.p-global-menu > li a {
text-align: center;
padding: 0.9em 1.2em;
display: block;
} .l-site-header_inner .p-widget,
.l-site-header_inner .p-widget.pc-only {
display: block;
opacity: 1;
visibility: visible;
width: 100%;
} .l-site-container,
.l-container {
margin-left: 280px;
padding-left: 0;
} .admin-bar .l-site-header {
top: 32px;
height: calc(100vh - 32px);
}
} @media (min-width: 992px) and (max-width: 1199px) {
.l-site-header_global-menu {
position: static;
clear: both;
display: block;
width: 100%;
}
}
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
.p-global-menu>li {padding:none;border-top:none;}}
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
.p-global-menu>li:before {display:none;}}
@media screen and (min-width: 992px) {
.p-site-header-brand_logo {
padding: .5em 1rem;
font-size: 32px;
font-size: 2rem;
line-height: 1.5em;
max-width: 280px;
}
}