@charset "UTF-8";
#header, #main {
  position: relative;
  z-index: 10; }

.btn-menu {
  position: fixed;
  z-index: 30;
  background: transparent;
  background: url("../images/common/ピンク足あと.png") no-repeat;
  width: 20%;
  height: 0;
  padding-bottom: 20%;
  background-size: contain;
  margin-left: 2%;
  border: none;
  color: #000;
  font-size: 0.9rem;
  cursor: pointer; }
  .btn-menu div {
    margin: 75% 0 0 -40%;
    font-weight: 700;
    color: #fff; }

#neko-nav {
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif;
  position: relative; }
  @media (max-width: 779px) {
    #neko-nav .neko-menu {
      position: fixed;
      z-index: 20;
      background: url("../images/common/menu_bg.jpg") no-repeat;
      background-color: #211f25;
      width: 50%;
      height: 0;
      padding-bottom: 279.4871794872%;
      background-size: contain;
      margin-left: -95%;
      transition: 1s;
      opacity: 0.95;
      border-top-right-radius: 15px; }
    #neko-nav ul {
      position: fixed;
      width: 50%;
      margin-top: 25%;
      display: grid;
      grid-template-rows: repeat(6, 1fr);
      grid-gap: 2px;
      font-size: 12px;
      font-weight: 600;
      bottom: 0; } }
  @media (min-width: 780px) {
    #neko-nav .btn-menu {
      display: none; }
    #neko-nav ul {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      grid-gap: 2px;
      font-size: 14px;
      font-weight: 500; }
    #neko-nav a:hover {
      display: block;
      background-color: rgba(255, 255, 255, 0.95); } }
  #neko-nav li {
    text-align: center; }
  #neko-nav a {
    background-color: rgba(255, 255, 255, 0.75);
    padding: 10px 0;
    display: block;
    text-decoration: none;
    color: #867864; }

#neko-nav nav.open-menu {
  margin-left: 0; }