@charset "UTF-8";
.header__lead {
  font-size: 120%; }
  .header__lead > div {
    text-align: center; }
    .header__lead > div > p {
      display: inline-block;
      text-align: left; }
    .header__lead > div ul li {
      text-align: left; }
    .header__lead > div div {
      color: white;
      text-align: left;
      display: none; }
      .header__lead > div div.game {
        background-color: #00b7e0; }
      .header__lead > div div.study {
        background-color: #ff4545; }
      .header__lead > div div.research {
        background-color: #7fbf00; }
      .header__lead > div div.current {
        display: block; }

.navi {
  background-color: #00b7e0;
  margin-top: 10px;
  border-radius: 8px;
  padding: 0 10px; }
  .navi ul {
    font-family: "zero-width";
    letter-spacing: 0;
    text-align: center;
    overflow: hidden; }
    .navi ul li {
      display: inline-block;
      margin: 0 5px; }
      .navi ul li:nth-of-type(1) {
        float: left; }
      .navi ul li:nth-of-type(2) {
        float: right; }
      .navi ul li a {
        font-size: 160%;
        line-height: 2;
        padding: 8px 16px;
        font-weight: bold;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
        letter-spacing: 0.075em; }
    .navi ul.prev-next li {
      float: none; }

.post {
  border-radius: 0 0 8px 8px;
  border: 0 none; }
  .post-header__title {
    background-color: #00b7e0; }
    .post-header__title a:link, .post-header__title a:visited {
      color: #FFFFFF; }
  .post.p-2017summer_game {
    background-color: #00b7e0; }
    .post.p-2017summer_game .post-header__title {
      background-color: #00b7e0; }
    .post.p-2017summer_game + .navi {
      background-color: #00b7e0; }
  .post.p-2017summer_study {
    background-color: #ff4545; }
    .post.p-2017summer_study .post-header__title {
      background-color: #ff4545; }
    .post.p-2017summer_study + .navi {
      background-color: #ff4545; }
  .post.p-2017summer_research {
    background-color: #7fbf00; }
    .post.p-2017summer_research .post-header__title {
      background-color: #7fbf00; }
    .post.p-2017summer_research + .navi {
      background-color: #7fbf00; }

@media screen and (min-width: 601px) {
  .navi ul {
    overflow: visible; } }

/*# sourceMappingURL=index.css.map */