/* --------------------------------------------------------
* text-strong.css
--------------------------------------------------------*/

/* @group @variables */

[class*="m-oogata-sub-nav"] {
--oogata-sub-nav-grid-template-columns: repeat(3, 1fr);
}

[class*="m-oogata-sub-nav-secondary"] {
--oogata-sub-nav-grid-template-columns: repeat(2, 1fr);
}

[class*="m-oogata-sub-nav-secondo"] {
--oogata-sub-nav-grid-template-columns: repeat(2, 1fr);
}

@media all and (min-width: 48em) {

[class*="m-oogata-sub-nav-secondary"] {
--oogata-sub-nav-grid-template-columns: repeat(4, 1fr);
}

}

[class*="a-oogata-sub-nav-link"] {
--oogata-sub-nav-link-background-color: hsl(0deg 0% 100%);
--oogata-sub-nav-link-color: hsl(220deg 5% 20%);
}

[class*="a-oogata-sub-nav-link"]:hover,
[class*="a-oogata-sub-nav-link"]:focus {
--oogata-sub-nav-link-background-color: hsl(220deg 5% 97.5%);
--oogata-sub-nav-link-box-shadow: inset 0 0 0 1px hsl(220deg 5% 20%);
--oogata-sub-nav-link-color: hsl(220deg 5% 30%);
}

[class*="is-active"][class*="a-oogata-sub-nav-link"] {
--oogata-sub-nav-link-background-color: hsl(220deg 5% 97.5%);
--oogata-sub-nav-link-box-shadow: inset 0 0 0 1px hsl(220deg 5% 20%);
--oogata-sub-nav-link-color: hsl(220deg 5% 30%);
}

/* @end @variables */

/* @group @a-strong */

[class*="m-oogata-sub-nav"] {
display: grid;
grid-template-columns: var(--oogata-sub-nav-grid-template-columns);
gap: 1px;
padding-left: 0;
background-color: hsl(220deg 5% 90%);
border: solid hsl(220deg 5% 85%);
border-width: 1px 0;
list-style: none;
color: var(--strong-color);
}

[class*="m-oogata-sub-nav"] li {
position: relative;
display: grid;
}

/* @end @variables */

/* @group @a-oogata-sub-nav-link */

[class*="a-oogata-sub-nav-link"] {
box-sizing: border-box;
display: grid;
justify-content: center;
align-items: center;
grid-template-columns: var(--oogata-sub-nav-link-grid-template-columns);
gap: .5rem;
padding: .75rem;
background-color: var(--oogata-sub-nav-link-background-color);
border-radius: .25rem;
font-size: .75rem;
line-height: 1.5;
color: var(--oogata-sub-nav-link-color);
cursor: pointer;
white-space: nowrap;
text-align: center;
text-decoration: none;
transition: var(--link-primary-transition);
}

[class*="a-oogata-sub-nav-link"] img,
[class*="a-oogata-sub-nav-link"] svg {
width: auto;
height: 2.625rem;
margin: auto;
}

[class*="a-oogata-sub-nav-link"] span {
overflow: hidden; word-break: keep-all; overflow-wrap:anywhere; text-align: center;
}

/* @end @a-strong */