cocoon-child-master

/* ==================================================
モバイルグローバルナビ崩れ修正 (akycasa 2026-08-14)
================================================== */
@media screen and (max-width: 1023px) {
#navi .navi-in > ul.menu-pc,
#navi .navi-in > ul.menu-header {
display: inline-flex !important;
}
#navi {
background-color: #89c997 !important;
box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
display: block !important;
visibility: visible !important;
}
#navi .navi-in {
display: block !important;
width: 100% !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
padding: 0 !important;
white-space: nowrap !important;
}
#navi .navi-in > ul {
display: inline-flex !important;
flex-wrap: nowrap !important;
white-space: nowrap !important;
justify-content: flex-start !important;
margin: 0 !important;
padding: 8px 10px !important;
list-style: none !important;
}
#navi .navi-in > ul > li {
display: inline-block !important;
flex: 0 0 auto !important;
width: auto !important;
height: auto !important;
margin: 0 4px !important;
padding: 0 !important;
float: none !important;
}
#navi .navi-in > ul > li > a {
display: inline-block !important;
color: #ffffff !important;
background: rgba(255, 255, 255, 0.22) !important;
font-size: 13px !important;
font-weight: bold !important;
letter-spacing: 0.05em !important;
padding: 7px 14px !important;
border-radius: 20px !important;
border: 1px solid rgba(255, 255, 255, 0.45) !important;
text-decoration: none !important;
white-space: nowrap !important;
box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}
#navi .navi-in > ul > li > a:hover,
#navi .navi-in > ul > li > a:active {
background: rgba(255, 255, 255, 0.4) !important;
}
}