@charset "UTF-8";
/**
 * メディア掲載　詳細
 */
/**********************************************************
 * メイン
 **********************************************************/
main #archives .inner {
  width: 900px;
  padding-bottom: 65px;
}
@media (max-width: 768px) {
  main #archives .inner {
    padding: 0 6.25vw 9.375vw;
  }
}
main #archives {
  margin-top: 50px;
}
@media (max-width: 768px) {
  main #archives {
    margin-top: 9.375vw;
  }
}
main #archives h3 {
  font-size: 2.1rem;
  font-weight: 500;
  line-height: 1.3;
}
@media (max-width: 768px) {
  main #archives h3 {
    font-size: 5.333vw;
  }
}
main #archives h3 .date {
  font-size: 1.6rem;
  font-weight: 700;
  vertical-align: 0.15em;
  margin-right: 3em;
}
@media (max-width: 768px) {
  main #archives h3 .date {
    font-size: 3.733vw;
    display: block;
    margin: 0 0 0.5em;
  }
}
main #archives ul {
  margin-top: 45px;
  line-height: 1.7;
  word-wrap: break-word;
}
@media (max-width: 768px) {
  main #archives ul {
    margin-top: 9.375vw;
  }
}
main #archives ul li + li {
  margin-top: 45px;
}
@media (max-width: 768px) {
  main #archives ul li + li {
    margin-top: 9.375vw;
  }
}
main #archives ul img {
  border: solid 1px #f4f4f4;
  transition: all 0.3s linear;
}
main #archives ul img:hover {
  border-color: #b10e65;
}
main #archives .navigation {
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: 50px;
  text-align: center;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  main #archives .navigation {
    margin-top: 6.25vw;
    font-size: 4.375vw;
  }
}
main #archives .navigation a {
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px #a42764;
  width: 1.875em;
  height: 1.875em;
  box-sizing: border-box;
  color: #a42764;
  text-decoration: none;
  padding-top: 0.25em;
}
main #archives .navigation a.indexlink {
  width: fit-content;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 0 0.5em;
}
main #archives .navigation a:hover {
  text-decoration: underline;
}