
/* div class="tabi-header" styling */

.tabi-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  opacity: 0;
  transition: all 0.15s ease-out;
  pointer-events: none;
}
.tabi-header.is-visible {
  opacity: 1;
  pointer-events: unset;
  box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.25);
}
.tabi-header .backdrop {
  position: fixed;
  inset: 0;
  display: none;
}
.tabi-header:has(.nav.is-open) [data-nav=open] {
  opacity: 0;
}
.tabi-header:has(.nav.is-open) .backdrop {
  position: fixed;
  display: block;
  background-color: rgba(0, 0, 0, 0.2);
}
@media (width > 1055px) {
  .tabi-header:has(.nav.is-open) .backdrop {
    display: none;
  }
}
/* nav（intern/tabinonakama_2026/css/intern26.css から移植） */

.tabi-header {
  --color-intern-1: #104D05;
  --color-intern-3: #FFFAD6;
}
:where(.tabi-header) button {
  border: 0;
  padding: 0;
  cursor: pointer;
}
:where(.tabi-header) ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
:where(.tabi-header) a {
  text-decoration: none;
}

body:has(.tabi-header .nav.is-open) {
  overflow-y: hidden;
}
@media (width > 1055px) {
  body:has(.tabi-header .nav.is-open) {
    overflow-y: unset;
  }
}

.tabi-header .nav {
  position: fixed;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  justify-content: center;
  width: min(93.75%, 24.375rem);
  padding-block: 3.75rem;
  background-color: var(--color-intern-3);
  border-radius: 0.625rem;
}
.tabi-header .nav ul {
  display: grid;
  gap: 1.875rem;
}
.tabi-header .nav a {
  display: grid;
  grid-template-columns: 1.3125rem auto;
  align-items: center;
  gap: 0 0.375rem;
  color: var(--color-intern-1);
  font-family: "A1 Gothic B", sans-serif;
  font-size: 1.125rem;
  line-height: 1.05426;
  letter-spacing: 0.1em;
}
.tabi-header .nav.is-open {
  display: grid;
}
@media (width > 1055px) {
  .tabi-header .nav {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding-block: 2.125rem 2.0625rem;
    display: grid;
    border-radius: 0;
    transform: translate(0);
  }
  .tabi-header .nav ul {
    grid-auto-flow: column;
  }
  .tabi-header .nav a {
    font-size: 0.9375rem;
    line-height: 1.26511;
  }
  .nav img[src*=treasure] {
    max-width: unset;
    width: 1.5rem;
    height: auto;
  }
}

[data-nav=open] {
  position: absolute;
  top: 0.9375rem;
  right: 0.9375rem;
  display: flex;
  justify-content: center;
  width: 3.8125rem;
  height: 3.625rem;
  padding-top: 1.1875rem;
  opacity: 1;
  font-size: 0;
  background-color: rgb(from var(--color-intern-3) r g b/90%);
  border-radius: 0.625rem;
  box-shadow: 1px 4px 4px 0 rgba(0, 0, 0, 0.16);
  transition: opacity 0.25s ease;
}

[data-nav=open]::after {
  content: "";
  display: block;
  width: 1.875rem;
  height: 1.375rem;
  background-color: var(--color-intern-1);
  mask-image: url('data:image/svg+xml,<svg viewBox="0 0 30 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30 21.3164H0V18.9473H30V21.3164ZM30 11.8418H0V9.47266H30V11.8418ZM30 2.36914H0V0H30V2.36914Z" fill="black"/></svg>');
  mask-size: 100%;
  mask-repeat: no-repeat;
}
[data-nav=close] {
  position: absolute;
  top: 1.4375rem;
  right: 1.125rem;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0;
  background-color: var(--color-intern-1);
  mask-image: url('data:image/svg+xml,<svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.55 9.695L15.54 13.72C16.135 14.315 16.765 14.91 17.43 15.505C17.78 15.82 17.955 16.03 17.955 16.275C17.955 16.485 17.78 16.695 17.465 17.01L17.01 17.465C16.695 17.78 16.485 17.92 16.275 17.92C16.065 17.92 15.855 17.78 15.54 17.43C14.91 16.765 14.28 16.135 13.685 15.54L9.695 11.55C9.38 11.235 9.17 11.06 8.96 11.06C8.75 11.06 8.54 11.235 8.225 11.55L4.2 15.54C3.64 16.135 3.01 16.765 2.38 17.43C2.065 17.78 1.855 17.92 1.645 17.92C1.435 17.92 1.225 17.78 0.91 17.465L0.454999 17.01C0.139999 16.695 0 16.485 0 16.275C0 16.065 0.14 15.855 0.49 15.54C1.155 14.91 1.785 14.315 2.38 13.72L6.37 9.695C6.685 9.38 6.86 9.17 6.86 8.96C6.86 8.75 6.685 8.54 6.37 8.225L2.485 4.34C1.89 3.745 1.19 3.045 0.49 2.415C0.14 2.1 0 1.89 0 1.645C0 1.435 0.139999 1.225 0.454999 0.910001L0.91 0.455C1.225 0.14 1.435 0 1.645 0C1.855 0 2.065 0.14 2.38 0.49C3.045 1.19 3.71 1.89 4.34 2.485L8.225 6.37C8.54 6.685 8.75 6.825 8.96 6.825C9.17 6.825 9.38 6.685 9.695 6.37L13.58 2.485C14.14 1.89 14.84 1.19 15.505 0.49C15.82 0.14 16.03 0 16.275 0C16.485 0 16.695 0.14 17.01 0.455L17.465 0.910001C17.78 1.225 17.92 1.435 17.92 1.645C17.92 1.855 17.78 2.065 17.43 2.38C16.73 3.045 16.03 3.745 15.4 4.375L11.55 8.225C11.235 8.54 11.095 8.75 11.095 8.96C11.095 9.17 11.235 9.38 11.55 9.695Z" fill="black"/></svg>');
  mask-size: 100%;
  mask-repeat: no-repeat;
}

@media (width > 1055px) {
  [data-nav=close],
  [data-nav=open] {
    display: none;
  }
}
