@media screen and (max-width:900px){
body.reiketsu-combo-sidebar-layout{
--reiketsu-mh-pad:0.8rem;
--reiketsu-mh-row:2.5rem;
--reiketsu-mh-chrome:calc(var(--reiketsu-mh-row) + var(--reiketsu-mh-pad) + var(--reiketsu-mh-pad));
--reiketsu-mh-drawer-top-gap:0.5rem;
--reiketsu-combo-edge-inset:3px;
--reiketsu-combo-edge-pad-left:calc(max(var(--reiketsu-mh-pad), env(safe-area-inset-left, 0px)) + var(--reiketsu-combo-edge-inset, 0px));
--reiketsu-combo-edge-pad-right:calc(max(var(--reiketsu-mh-pad), env(safe-area-inset-right, 0px)) + var(--reiketsu-combo-edge-inset, 0px));
--reiketsu-combo-content-pad-left:var(--reiketsu-combo-edge-pad-left);
--reiketsu-combo-content-pad-right:var(--reiketsu-combo-edge-pad-right);
}

html:has(body.reiketsu-combo-mobile-menu-open),
body.reiketsu-combo-mobile-menu-open{
overflow:hidden !important;
}

body.reiketsu-combo-sidebar-layout .container{
padding-left:0;
padding-right:0;
}

body.reiketsu-combo-sidebar-layout .site-header .container{
display:flex;
flex-wrap:wrap;
align-items:flex-start;
justify-content:space-between;
gap:1rem;
position:relative;
min-height:60px;
padding-left:var(--reiketsu-combo-edge-pad-left, max(var(--reiketsu-mh-pad, 0.8rem), env(safe-area-inset-left, 0px)));
padding-right:var(--reiketsu-combo-edge-pad-right, max(var(--reiketsu-mh-pad, 0.8rem), env(safe-area-inset-right, 0px)));
padding-top:calc(var(--reiketsu-mh-chrome) + env(safe-area-inset-top, 0px));
}

body.admin-bar.reiketsu-combo-sidebar-layout .site-header .container{
padding-top:calc(32px + var(--reiketsu-mh-chrome) + env(safe-area-inset-top, 0px));
}

@media screen and (max-width:782px){
body.admin-bar.reiketsu-combo-sidebar-layout .site-header .container{
padding-top:calc(46px + var(--reiketsu-mh-chrome) + env(safe-area-inset-top, 0px));
}
}

.reiketsu-combo-mobile-fixed-header{
position:fixed;
top:0;
left:0;
right:0;
z-index:10005;
display:flex;
align-items:center;
justify-content:space-between;
gap:0.35rem;
box-sizing:border-box;
padding-top:calc(env(safe-area-inset-top, 0px) + var(--reiketsu-mh-pad, 0.8rem));
padding-right:var(--reiketsu-combo-edge-pad-right);
padding-bottom:var(--reiketsu-mh-pad, 0.8rem);
padding-left:var(--reiketsu-combo-edge-pad-left);
background:#dbdbdb;
box-shadow:5px 0 14px rgba(0, 0, 0, 0.08);
transition:background 0.35s ease, box-shadow 0.35s ease;
overflow:visible;
}

body.reiketsu-combo-mobile-menu-open .reiketsu-combo-mobile-fixed-header{
background:#dbdbdb;
box-shadow:5px 0 14px rgba(0, 0, 0, 0.08);
align-items:center;
overflow:visible;
gap:0.65rem;
}

body.admin-bar .reiketsu-combo-mobile-fixed-header{
top:32px;
}

@media screen and (max-width:782px){
body.admin-bar .reiketsu-combo-mobile-fixed-header{
top:46px;
}
}

.reiketsu-combo-mobile-fixed-header__logo{
margin:0 !important;
flex-shrink:0;
}

.reiketsu-combo-mobile-fixed-header .reiketsu-combo-side-nav__logo{
width:auto;
height:auto;
max-width:min(62vw, 14.5rem);
max-height:var(--reiketsu-mh-row, 2.5rem);
flex-shrink:1;
min-width:0;
align-self:center;
transform:none;
transition:none;
}

.reiketsu-combo-mobile-fixed-header .reiketsu-combo-side-nav__logo-img{
display:block;
max-height:min(var(--reiketsu-mh-row, 2.5rem), 2.15rem);
width:auto;
max-width:100%;
object-fit:contain;
object-position:left center;
filter:brightness(0);
}

body.reiketsu-combo-sidebar-layout .reiketsu-combo-mobile-nav-shell{
flex-shrink:0;
align-self:center;
display:flex;
align-items:center;
justify-content:flex-end;
gap:calc(0.95rem + 5px);
width:auto;
height:var(--reiketsu-mh-row, 2.5rem);
overflow:visible;
}

.reiketsu-combo-mobile-search-toggle{
--reik-mh-search-hit:clamp(1.45rem, 3.5vw, 1.9rem);
display:inline-flex;
align-items:center;
justify-content:center;
width:var(--reik-mh-search-hit);
height:var(--reik-mh-search-hit);
min-width:0;
flex-shrink:0;
background:#0f0f0f;
color:#fff;
border:none;
border-radius:0;
padding:0;
margin:0;
font-size:clamp(0.62rem, 1.55vw, 0.78rem);
line-height:1;
cursor:pointer;
-webkit-tap-highlight-color:transparent;
}

.reiketsu-combo-mobile-search-toggle:focus-visible{
outline:2px solid #5f00ff;
outline-offset:2px;
}

.hamburger-menu-toggle{
display:inline-flex;
align-items:center;
justify-content:center;
gap:0;
background:transparent;
color:#0f0f0f;
border:none;
cursor:pointer;
padding:0;
margin:0;
position:relative;
width:auto;
height:auto;
min-width:0;
min-height:0;
line-height:0;
-webkit-tap-highlight-color:transparent;
z-index:1;
box-sizing:border-box;
flex-shrink:0;
}

.hamburger-menu-text,
.hamburger-close-text{
display:none;
}

.hamburger-toggle__icons{
position:relative;
display:block;
width:1.25rem;
height:1.25rem;
flex-shrink:0;
}

.hamburger-toggle__icons svg{
position:absolute;
inset:0;
margin:auto;
width:1.25rem;
height:1.25rem;
max-width:100%;
max-height:100%;
color:inherit;
stroke-width:2;
}

.hamburger-icon-menu{
opacity:1;
transition:opacity 0.32s ease-out;
}

.hamburger-icon-close{
opacity:0;
transition:opacity 0.28s ease-out;
pointer-events:none;
}

body.reiketsu-combo-mobile-menu-open .hamburger-menu-toggle .hamburger-icon-menu{
opacity:0;
transition:opacity 0.28s ease-in 0s;
}

body.reiketsu-combo-mobile-menu-open .hamburger-menu-toggle .hamburger-icon-close{
opacity:1;
transition:opacity 0.5s ease-in 0.18s;
}

.mobile-menu{
display:flex;
flex-direction:column;
position:fixed;
left:0;
right:0;
bottom:0;
top:calc(var(--reiketsu-mh-chrome, 4.1rem) + env(safe-area-inset-top, 0px));
width:100%;
height:auto;
max-height:none;
min-height:0;
background-color:#dbdbdb;
z-index:10001;
overflow:hidden;
padding:0;
pointer-events:none;
transform:translateX(-100%);
transition:transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
}

body.admin-bar .mobile-menu{
top:calc(32px + var(--reiketsu-mh-chrome, 4.1rem) + env(safe-area-inset-top, 0px));
}

@media screen and (max-width:782px){
body.admin-bar .mobile-menu{
top:calc(46px + var(--reiketsu-mh-chrome, 4.1rem) + env(safe-area-inset-top, 0px));
}
}

.mobile-menu.active{
pointer-events:auto;
transform:translateX(0);
}

.mobile-menu-content{
box-sizing:border-box;
flex:1 1 auto;
min-height:0;
width:100%;
max-width:min(30rem, 100%);
margin-left:auto;
margin-right:auto;
display:block;
overflow-y:auto;
overflow-x:hidden;
-webkit-overflow-scrolling:touch;
scrollbar-gutter:stable;
scrollbar-width:thin;
background-color:transparent;
padding:1rem;
padding-left:max(1rem, env(safe-area-inset-left, 0px));
padding-right:max(1rem, env(safe-area-inset-right, 0px));
padding-bottom:max(1rem, env(safe-area-inset-bottom, 0px));
padding-top:0.75rem;
container-type:inline-size;
}

body.reiketsu-combo-mobile-menu-open .mobile-menu-content{
padding-top:0.75rem;
}

.mobile-menu-content::-webkit-scrollbar{
width:8px;
}

.mobile-menu-content::-webkit-scrollbar-track{
background:rgba(0, 0, 0, 0.06);
}

.mobile-menu-content::-webkit-scrollbar-thumb{
background:rgba(15, 15, 15, 0.35);
border-radius:4px;
}

body.reiketsu-combo-sidebar-layout #mobile-menu .mobile-menu-content > *{
margin-top:0;
margin-bottom:0;
}

.mobile-menu-content .reiketsu-combo-side-nav{
padding-top:0;
}

.mobile-menu-content .reiketsu-combo-side-nav--mobile-panel .reiketsu-combo-side-nav__inner{
margin-bottom:2rem;
}

.mobile-menu-content .reiketsu-combo-side--mobile-panel{
display:block;
}

.mobile-menu-content .reiketsu-combo-side--mobile-panel .reiketsu-combo-side__chars-scroll{
overflow:visible;
}

.mobile-menu-content .reiketsu-combo-side--mobile-panel .reiketsu-combo-side__chars-scroll::-webkit-scrollbar{
display:initial;
}

.mobile-menu-content .reiketsu-combo-side--mobile-panel .reiketsu-combo-side__chars-scroll-actions{
display:none;
}

.mobile-menu-content .reiketsu-combo-side--mobile-panel .reiketsu-combo-side__chars-scroll-btn{
display:none;
}

.mobile-menu-content .reiketsu-combo-side--mobile-panel .reiketsu-combo-side__chars-scroll-btn[hidden]{
display:none;
}

.mobile-menu-content .reiketsu-combo-side-nav__social{
position:relative;
top:auto;
right:auto;
justify-content:flex-end;
margin-bottom:0.75rem;
}

.mobile-menu-content .reiketsu-combo-side-nav__social-btn{
width:2.375rem;
height:2.375rem;
font-size:1.1rem;
}

.mobile-menu-content .reiketsu-combo-side{
font-size:1rem;
}

.mobile-menu-content .reiketsu-combo-side-nav__list > li > a,
.mobile-menu-content .reiketsu-combo-side-nav .sub-menu a{
font-size:1rem;
}

.mobile-menu-content .reiketsu-combo-side__filter-label,
.mobile-menu-content .reiketsu-combo-side__filter-text{
font-size:0.9rem;
}

.mobile-menu-content .reiketsu-combo-side__filter-label{
border-bottom:3px solid transparent;
padding:0.4rem 0.5rem;
background:transparent;
transition:border-bottom-color 0.15s ease;
}

.mobile-menu-content .reiketsu-combo-side__filter-label:has(.reiketsu-combo-side__filter-input:checked){
border-bottom-color:rgba(255, 255, 255, 0.5);
background:transparent;
}

.mobile-menu-content .reiketsu-combo-side .reiketsu-combo-side__char-label{
font-size:1rem;
}

.mobile-menu-content .reiketsu-combo-side .reiketsu-combo-side__empty,
.mobile-menu-content .reiketsu-combo-side .reiketsu-combo-side__empty-filter{
font-size:1rem;
}

.mobile-menu-content .reiketsu-combo-side__char-grid-host{
display:list-item;
list-style:none;
margin:0;
padding:0;
}

.mobile-menu-content .reiketsu-combo-side__chars-grid-box{
box-sizing:border-box;
margin-top:0.5rem;
padding:0;
border:none;
background:transparent;
}

.mobile-menu-content .reiketsu-combo-side__chars-grid-list{
display:grid;
grid-template-columns:1fr 1fr;
align-items:stretch;
gap:0.65rem;
margin:0;
padding:0;
list-style:none;
}

.mobile-menu-content .reiketsu-combo-side__chars-grid-list > .reiketsu-combo-side__char--filterable{
box-sizing:border-box;
margin:0;
border:1px solid #c8c8c8;
border-radius:0;
background:transparent;
}

.mobile-menu-content .reiketsu-combo-side__chars-grid-list .reiketsu-combo-side__char-hit:hover:not(.reiketsu-combo-side__char-hit--current),
.mobile-menu-content .reiketsu-combo-side__chars-grid-list .reiketsu-combo-side__char-hit:focus:not(.reiketsu-combo-side__char-hit--current){
background:rgba(255, 255, 255, 0.4);
}

.mobile-menu-content .reiketsu-combo-side__chars-grid-list .reiketsu-combo-side__char--filterable .reiketsu-combo-side__char-hit{
height:100%;
box-sizing:border-box;
min-height:3.375rem;
min-height:calc(min(4.5rem, 28cqw) * 0.75);
align-items:stretch;
}

.mobile-menu-content .reiketsu-combo-side__chars-grid-list .reiketsu-combo-side__char--filterable .reiketsu-combo-side__char-label{
align-self:center;
}

.mobile-menu-content .reiketsu-combo-side__chars-grid-list .reiketsu-combo-side__char--filterable .reiketsu-combo-side__char-thumb{
align-self:stretch;
width:min(28%, 4.5rem);
max-width:72px;
min-width:0;
aspect-ratio:unset;
height:auto;
flex-shrink:0;
}

.mobile-menu-content .reiketsu-combo-side__chars-grid-list .reiketsu-combo-side__char--filterable .reiketsu-combo-side__char-thumb-img{
width:100%;
height:100%;
min-height:100%;
object-fit:cover;
object-position:center top;
}

@media (prefers-reduced-motion:reduce){
.mobile-menu{
transition:transform 0.15s ease;
}

.reiketsu-combo-mobile-fixed-header .reiketsu-combo-side-nav__logo{
transition:none;
}

body.reiketsu-combo-mobile-menu-open .reiketsu-combo-mobile-fixed-header .reiketsu-combo-side-nav__logo-img{
transform:scale(1.55);
transform-origin:left center;
transition-delay:0s;
}

body.reiketsu-combo-mobile-menu-open .reiketsu-combo-mobile-fixed-header a.reiketsu-combo-side-nav__logo::after{
transform:scale(1.55);
transform-origin:left center;
transition-delay:0s;
}

.hamburger-icon-menu,
.hamburger-icon-close{
transition-duration:0.15s;
}

body.reiketsu-combo-mobile-menu-open .hamburger-menu-toggle .hamburger-icon-close{
transition-delay:0s;
}
}
}

.reiketsu-combo-mobile-search-modal{
position:fixed;
inset:0;
z-index:100060;
display:none;
align-items:center;
justify-content:center;
padding:1rem;
padding-top:max(1rem, env(safe-area-inset-top, 0px));
padding-right:max(1rem, env(safe-area-inset-right, 0px));
padding-bottom:max(1rem, env(safe-area-inset-bottom, 0px));
padding-left:max(1rem, env(safe-area-inset-left, 0px));
isolation:isolate;
}

.reiketsu-combo-mobile-search-modal.is-open{
display:flex !important;
}

.reiketsu-combo-mobile-search-modal__backdrop{
position:absolute;
inset:0;
z-index:0;
background:rgba(0, 0, 0, 0.4);
}

.reiketsu-combo-mobile-search-modal__panel{
position:relative;
z-index:1;
margin:0;
width:min(28rem, calc(100% - 1.4rem));
max-width:100%;
background:#dbdbdb;
box-shadow:0 12px 28px rgba(0, 0, 0, 0.24);
padding:0.85rem 0.9rem 0.9rem;
box-sizing:border-box;
}

.reiketsu-combo-search-form--mobile-modal{
margin-top:0;
}

.reiketsu-combo-search-form--mobile-modal .reiketsu-combo-search-form__scope{
margin-top:0.65rem;
}

.reiketsu-combo-search-form--mobile-modal .reiketsu-combo-search-form__scope-options{
gap:0.4rem 0.45rem;
}

.reiketsu-combo-search-form--mobile-modal .reiketsu-combo-search-form__scope-item{
font-size:0.75rem;
padding:0.2rem 0;
}

@media screen and (min-width:901px){
.reiketsu-combo-mobile-fixed-header{
display:none !important;
}
#mobile-menu.mobile-menu{
display:none !important;
}
}
