@charset "utf-8";

/* CSS Document */

/*
====================================================
■ DAYNAVI
====================================================
*/

#container #daynavibar {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

/*iPad用*/
@media screen and (max-width: 1024px) {
  #container #daynavibar {
    width: 100%;
  }
}

#container #daynavi {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

#container #daynavibar.fixed #daynavi {
  width: 1334px;
  margin: 0 auto 0 0;
}

/*iPad用*/
@media screen and (max-width: 1024px) {
  #container #daynavi {
    max-width: 100%;
  }
}

#container #daynavi li {
  width: calc((100% / 7) - 0.9%);
  height: auto;
  box-sizing: border-box;
  background: #f6ba3f;
  background: linear-gradient(0deg, #f6ba3f 0%, #e2a833 45%, #e8b748 60%, #fed86c 90%, #fdfaa1 100%);
  text-align: center;
  letter-spacing: 0.1rem;
  padding: 0;
  margin: auto;
}

#container #daynavi li a {
  display: block;
  padding: 2% 0%;
  transition: all 0.7s ease 0s;
  color: #000;
  font-weight: bold;
}

#container #daynavi li a:hover {
  background: #fff;
  color: #000;
}

#container #daynavi li p {
  font-size: 1.8rem;
}

#container #daynavi li .current,
#container #daynavi li .current:hover {
  background: #fff;
  color: #000;
}

.fixed {
  position: fixed;
  top: 121px;
  width: 100%;
  z-index: 1;
  transition: all 0.7s ease 0s;
}