.archives-log {
  padding-bottom: 21%;
  position: relative;
  z-index: 2
}
.archives-log_inner {
  width: 85.71%;
  margin: 0 auto
}
.archives-log_ttl {
  width: 51%;
  margin: 0 auto;
  padding: 22.86% 0 11%
}
.change1 {
  max-width: 116px;
  height: 42px;
  background-color: #B4B4B4;
  text-align: center;
  padding: 3% 0%;
  color: #5E5E5E;
  border-radius: 9px;
  border: 2px solid #000;
  box-shadow: 1px 3px #000;
  font-size: 3.15rem;
	font-weight: 500;
}
  @media screen and (max-width: 700px) {
.change1 {
  max-width: 116px;
  height: 45px;
  background-color: #B4B4B4;
  text-align: center;
  padding: 11% 0%;
  color: #5E5E5E;
  border-radius: 9px;
  border: 2px solid #000;
  box-shadow: 0px 2px #000;
  font-size: 2.3rem;
	font-weight: 500;
}
}
  @media screen and (min-width: 701px) {
    .archives-log {
      height: 609px;
      overflow: hidden;
      padding-bottom: 115px;
      position: relative
    }
    .archives-log_inner {
      width: 1000px
    }
    .archives-log_ttl {
      width: 328px;
      padding: 87px 0 45px
    }
  }
  .archives-log_select {
    width: 42.5%;
    margin: 0 auto;
    position: relative;
    z-index: 5
  }
  .archives-log_select::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    border: 0.43vw solid #000;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
  }
  .archives-log_select-active {
    padding: 2.29vw 0 2.29vw 4vw;
    background: #FFF;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 0 #000;
    box-shadow: 0 2px 0 #000;
    font-size: 5.71429vw;
    position: relative;
    overflow: hidden
  }
  .archives-log_select-active::before {
    content: "";
    width: 10.57vw;
    height: 100%;
    display: block;
    background: #000;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1
  }
  .archives-log_select-active::after {
    content: "";
    width: 10.57vw;
    height: 100%;
    display: block;
    background-image: url(../../img/page/archives/select_sp.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 3.29vw auto;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
  }
  .small-text {
    font-size: 4vw
  }
  @media screen and (min-width: 701px) {
    .archives-log_select {
      width: 179px;
      cursor: pointer
    }
    .archives-log_select::before {
      border: 3px solid #000
    }
    .archives-log_select-active {
      padding: 6px 0 6px 15px;
      border-radius: 10px;
      -webkit-box-shadow: 0 2px 0 #000;
      box-shadow: 0 2px 0 #000;
      font-size: 3.1rem
    }
    .archives-log_select-active::before {
      width: 52px;
      height: 100%;
      right: 0
    }
    .archives-log_select-active::after {
      content: "";
      width: 52px;
      background-size: 16px auto
    }
    .small-text {
      font-size: 1.9rem
    }
  }
  .archives-log_list {
    width: 100%;
    background-color: #FFF;
    border: 0.43vw solid #000;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 106;
    display: none;
    overflow: hidden
  }
  .archives-log_list::before {
    content: "";
    width: 10.57vw;
    height: 100%;
    display: block;
    background-image: url(../../img/page/archives/select-on_sp.svg);
    background-repeat: no-repeat;
    background-position: top 3.3vw center;
    background-size: 5vw auto;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
  }
  .archives-log_list a {
    padding: 1.43vw 2.14vw;
    font-size: 5.71429vw;
    display: block
  }
  @media screen and (min-width: 701px) {
    .archives-log_list {
      border: 3px solid #000
    }
    .archives-log_list::before {
      width: 52px;
      height: 100%;
      background-image: url(../../img/page/archives/select-on_sp.svg);
      background-position: top 15px center;
      background-size: 16px auto;
      right: 0
    }
    .archives-log_list a {
      padding: 3px 0 3px 15px;
      text-align: left;
      font-size: 3.1rem
    }
  }
  .archives-log_moon {
    margin-top: 5.83%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .archives-log_moon-item {
    width: 23.33%;
    margin-top: 3.17%;
    margin-right: 2.22%
  }
  .archives-log_moon-item:nth-child(1) {
    margin-top: 0
  }
  .archives-log_moon-item:nth-child(2) {
    margin-top: 0
  }
  .archives-log_moon-item:nth-child(3) {
    margin-top: 0
  }
  .archives-log_moon-item:nth-child(4) {
    margin-top: 0
  }
  .archives-log_moon-item:nth-child(4n) {
    margin-right: 0
  }
  .archives-log_moon-item a {
    padding: 12.14% 0;
    font-size: 5.71429vw;
    background: #FFF;
    display: block;
    -webkit-box-shadow: 0 2px 0 #000;
    box-shadow: 0 2px 0 #000;
    border: 0.43vw solid #000;
    border-radius: 10px;
    text-align: center
  }
  @media screen and (min-width: 701px) {
    .archives-log_moon {
      width: 730px;
      margin: 20px auto 0
    }
    .archives-log_moon-item {
      width: 117px;
      margin-top: 7px;
      margin-right: 5px
    }
    .archives-log_moon-item:nth-child(1) {
      margin-top: 0
    }
    .archives-log_moon-item:nth-child(2) {
      margin-top: 0
    }
    .archives-log_moon-item:nth-child(3) {
      margin-top: 0
    }
    .archives-log_moon-item:nth-child(4) {
      margin-top: 0;
      margin-right: 5px
    }
    .archives-log_moon-item:nth-child(5) {
      margin-top: 0
    }
    .archives-log_moon-item:nth-child(6) {
      margin-top: 0;
      margin-right: 0
    }
    .archives-log_moon-item:nth-child(8) {
      margin-right: 5px
    }
    .archives-log_moon-item a {
      padding: 3px 0;
      font-size: 3.1rem;
      border: 3px solid #000;
      border-radius: 10px;
      text-align: center;
      -webkit-transition: 0.3s;
      transition: 0.3s
    }
    .archives-log_moon-item a:hover {
      background: #008BD5;
      color: #FFF
    }
  }
  .bg01 {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1
  }
  .bg01 img {
    width: auto;
    height: 100%
  }
  @media screen and (min-width: 701px) {
    .bg01 {
      width: 2500px;
      height: auto;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%)
    }
    .bg01 img {
      width: auto;
      height: auto
    }
  }
  @media screen and (min-width: 2500px) {
    .bg01 {
      width: 100%
    }
    .bg01 img {
      width: 100%;
      height: auto
    }
  }
  #archives {
    margin-top: -13%;
    padding: 16.14% 0 16.67%;
    position: relative;
    background-image: url(../../img/page/archives/back.jpg)
  }
  #archives .archives-ttl {
    width: 45%;
    margin: 0 auto
  }
  #archives .archives-content {
    margin-top: 5%
  }
  @media screen and (min-width: 701px) {
    #archives {
      margin-top: -133px;
      padding: 190px 0 180px;
      background-image: url(../../img/page/archives/star_back.png), url(../../img/page/archives/back.jpg);
      background-repeat: repeat-y, repeat;
      background-position: center top, top left
    }
    #archives .archives-main {
      width: 1000px;
      margin: 0 auto
    }
    #archives .archives-ttl {
      width: 363px
    }
    #archives .archives-content {
      margin-top: 40px
    }
  }
  #archives .archives-box {
    margin-top: 10%;
    padding: 6.57% 7.14% 6.71%;
    background: #FFF;
    border-top: 1vw solid #000;
    border-bottom: 1vw solid #000
  }
  #archives .archives-box:first-child {
    margin-top: 0
  }
  #archives .archives-box_ttl {
    padding: 4%;
    font-size: 4vw;
    letter-spacing: 0.08em;
    text-align: center;
    line-height: 1.35;
    color: #FFF;
    background: #008BD5;
    border-radius: 50px
  }
  #archives .archives-box_img {
    margin-top: 3.33%;
    border: 1.14vw solid #000;
    border-radius: 20px;
    background: #000;
    overflow: hidden
  }
  #archives .archives-box_tackle {
    margin-top: 3.33%;
    border: 1.14vw solid #000;
    border-radius: 20px;
    background: #000;
    overflow: hidden
  }
  #archives .archives-box_text {
    margin-top: 3.33%;
    font-size: 3.28571vw;
    line-height: 1.43
  }
  @media screen and (min-width: 701px) {
    #archives .archives-box {
      margin-top: 37px;
      padding: 30px 60px;
      background: #FFF;
      border: 6px solid #000;
      border-radius: 20px
    }
    #archives .archives-box:first-child {
      margin-top: 0
    }
    #archives .archives-box_ttl {
      padding: 10px 0;
      font-size: 2.5rem;
      line-height: 1.35;
      border-radius: 50px
    }
    #archives .archives-box_flex {
      margin-top: 18px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between
    }
    #archives .archives-box_img {
      width: 427px;
      margin-top: 0;
      border: 5px solid #000;
      border-radius: 30px
    }
    #archives .archives-box_img:hover {
      -webkit-animation: buruburu 0.2s infinite;
      animation: buruburu 0.2s infinite
    }
    #archives .archives-box_tackle {
      width: 427px;
      margin-top: 0;
      border: 5px solid #000;
      border-radius: 30px
    }
    #archives .archives-box_text {
      margin-top: 20px;
      font-size: 1.6rem
    }
  }
  #archives .bg02 {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
  }
  @media screen and (min-width: 701px) {
    #archives .bg02 {
      width: 2515px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%)
    }
  }
  @media screen and (min-width: 2515px) {
    #archives .bg02 {
      width: 100%
    }
    #archives .bg02 img {
      width: 100%;
      height: auto
    }
  }
  /*# sourceMappingURL=archives.css.map */