/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese');
* {
  font-family: 'Noto Sans JP', sans-serif, "Font Awesome 5 Free";
}
/*
:root {
  --font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}*/
html {
  scroll-padding-top: 70px; /* 固定ヘッダの高さ分 スマホでヘッダー画像が隠れてしまうので */
}
body {
  font-family: 'Noto Sans JP', sans-serif, "Font Awesome 5 Free";
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  background-color: #fff;
  overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6, p, td {
  font-family: 'Noto Sans JP', sans-serif, "Font Awesome 5 Free";
}
.f18{
	font-size: 18px;
}

.archive_title {
    font-family: 'Hiragino Maru Gothic ProN', 'ヒラギノ丸ゴ ProN W4', sans-serif;
    letter-spacing: 5px;
    color: #2c5e7b;
    font-size: 30px;
}

.archive_list {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

.archive_online {
  width: 25%;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 20px;
}

.archive_onsite {
  width: 20%;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 20px;
}

.archive_online a,.archive_onsite a {
  display: block;
  width: 100%;
  color: #333;
}

.archive_online img,.archive_onsite img {
  width: 100%;
  border-radius: 4px;
}

.archive_online a:hover,.archive_onsite a:hover {
    color: #2c5e7b;
    text-decoration: none;
    background-color: transparent;
}

.archive_online img:hover,.archive_onsite a:hover {
  opacity: 80%;
  transition-duration: 300ms;
}

.event_title {
  font-size: 16px;
}

.event_day {
  font-size: 14px;
  color: #9CA3AF;
}


@media (max-width: 576px){
  .archive_title {
    font-size: 24px;
  }

  .archive_online,.archive_onsite {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
  }
}