@charset "UTF-8";

/* テンプレート 改修*/
.img-mv__image {
  height: 280px;
  min-height: 280px;
}

.img-mv__contents {
  max-height: 280px;
}

.img-mv__contents--inner {
  height: 280px;
  min-height: 280px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 280px;
  min-height: 280px;
}

.img-mv__contents--title h1 {
  font-size: 40px;
}

.page-nav__list--item a {
  font-weight: bold;
  font-size: 16px;
}

.main-article {
  padding: 30px 0 0;
}

/* アコーディオン 絞込み */
.accordion {
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 15px 15px 0 0;
  overflow: hidden;
}

.accordion-title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #f0f0f0;
  cursor: pointer;
}

.accordion-title {
  flex-grow: 1;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  position: relative;
}

.accordion-title span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.3em;
  left: -1.5em;
  width: 15px;
  height: 8px;
  border-left: 2px solid #cc0033;
  border-bottom: 2px solid #cc0033;
  transform: rotate(-45deg);
}

.accordion-toggle {
  margin-left: 10px;
  padding: 5px 15px;
  background-color: #fff;
  border-radius: 10px;
  font-size: 12px;
  font-weight: bold;
  width: 70px;
  text-align: center;
}

.accordion-content {
  display: block;
  overflow: hidden;
  transition: display 0.3s ease;
}

.accordion-content.closed {
  max-height: 0;
  display: none;
}

/* アコーディオン チェックボックス */
.select-area {
  padding-top: 0px !important;
}

.select-body {
  padding: 10px;
  box-sizing: border-box;
}

.select-body div p {
  min-width: 110px;
  font-weight: bold;
}

.select-body div ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 10px;
  font-size: 14px;
}

.select-body div {
  display: flex;
  align-items: center;
}

.select-body div:first-child,
.select-body div:nth-child(2) {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.select-check li label {
  padding: 2px 8px 2px 5px;
  border-radius: 10px;
  cursor: pointer;
}

.select-check li label:has(:checked) {
  background-color: #ffe0e7;
  accent-color: #cc0033;
}

/* 開催情報エリア */
.seminer-event-area {
  padding-top: 15px !important;
}

/* 掲載情報無し メッセージ */

.no-infomation {
  display: none;
  position: relative;
  width: fit-content;
  margin: 100px auto;
  padding: 1rem;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}

.no-infomation::before,
.no-infomation::after {
  position: absolute;
  width: 30px;
  height: 30px;
  content: "";
}

.no-infomation::before {
  border-left: solid 3px #ddd;
  border-top: solid 3px #ddd;
  top: 0;
  left: 0;
}

.no-infomation::after {
  border-right: solid 3px #ddd;
  border-bottom: solid 3px #ddd;
  bottom: 0;
  right: 0;
}

/* 3カラムレイアウト */
.card-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 20px 15px;
}

/* カード */
.card-detail {
  position: relative;
  grid-row: span 6;
  background-color: #f1f8ff;
  border: 1px solid #fcfcfc;
  box-sizing: border-box;
  border-radius: 10px;
  overflow: hidden;
  /* box-shadow: 0px 3px 15px -7px #d9d9d9; */
}

/* カード アーカイブ配信 内容減 */
#event_archive .card-detail {
  grid-row: span 4;
}
#event_archive .card-detail .card-held,
#event_archive .card-detail .card-date {
  display: none;
}

.card-detail:hover {
  .card-img {
    opacity: 0.8;
  }

  .card-title-line {
    background-size: 100% 2px;
  }
}

/* カード 全体リンク */
.card-detail .card-link {
  display: block;
  height: 100%;
  position: relative;
}
.card-detail .card-link:focus {
  outline: none;
}

/* クリック時にアウトライン表示
.card-detail .card-link:focus .card-link_inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid #000;
}
*/
.card-detail .card-link_inner {
  display: grid;
  grid-template-rows: subgrid;
  gap: 10px;
  padding-bottom: 20px;
}



/* カード リンク 別窓 */
.card-link-blank .blank_img {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 12px;
}

/* カード イメージ */
.card-detail figure {
  margin: 0 auto;
  width: 100%;
  transition: opacity 0.3s;
}

.card-detail figure img {
  vertical-align: top;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: contain;
}

.card-detail .card-held,
.card-detail .card-date,
.card-detail .card-title,
.card-detail .card-read {
  margin: 0;
  padding: 0 10px;
}

/* カード 開催形式 */
.card-detail .card-held {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none;
  gap: 5px;
}

.card-held li div.held {
  width: fit-content;
  font-size: 14px;
}

.card-held li div.held::before {
  display: inline-block;
  margin: 0 6px 0 8px;
  width: 10px;
  height: 10px;
  content: "";
  border-radius: 100%;
  background: #ff8400;
}

.card-held li div.held_open {
  width: fit-content;
  padding: 2px 10px;
  background-color: #cc0033;
  color: #fff;
  font-size: 14px;
}

.card-held li div.held_close {
  width: fit-content;
  padding: 2px 10px;
  background-color: #333 !important;
  color: #fff;
  font-size: 14px;
}

/* カード 開催日時 */
.card-detail .card-date {
  display: grid;
  place-content: center;
}

.card-detail .card-date > p {
  width: fit-content;
  margin: 0;
  padding: 5px 20px;
  border-radius: 100vmax;
  background-color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  /*
            -webkit-box-shadow:inset 3px 7px 7px -6px rgba(0,0,0,0.18);
            -moz-box-shadow:inset 3px 7px 7px -6px rgba(0,0,0,0.18);
            box-shadow:inset 3px 7px 7px -6px rgba(0,0,0,0.18);
            */
}

/* カード タイトル */
.card-detail .card-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6em;
}

.card-title-line {
  background: linear-gradient(#000, #000) 0 100%/0 2px no-repeat;
  transition: background 0.4s;
  text-decoration: none;
}

/* カード 説明 */
.card-detail .card-read {
  font-size: 14px;
  line-height: 1.8em;
  word-break: break-all;
}

/* カード タグ */
.card-detail .tags {
  display: none;
  /* 20241031
  margin: 0;
  padding: 20px 10px 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 6px;
  */
}

.card-detail .tags > a {
  z-index: 2;
  display: inline-block;
  border-radius: 100vmax;
  margin-right: 5px;
  padding: 3px 8px;
  font-size: 12px;
  text-decoration: none;
  color: #555;
  border: 1px solid #ccc;
  transition: border-color 0.2s, color 0.2s;
}

.card-detail .tags > a::before {
  content: "#";
}

.card-detail .tags > a:hover {
  border-color: #cc0033;
  color: #cc0033;
}

/* SP link button */
.card-link-sp-outer {
  display: none;
  width: fit-content;
  margin-inline: auto;
  padding: 3px 10px 3px 25px;
  background-color: #000;
  border-radius: 10px;
}

a.card-link-sp-inner,
p.card-link-sp-inner {
  display: grid;
  grid-template-columns: auto 35px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  color: #fff;
  text-decoration: none;
}

.card-link-sp-inner .link-arrow {
  width: 30px;
  height: 30px;
}

.card-link-sp-inner .link-arrow::after {
  display: block;
  position: relative;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 100vmax;
  background-color: #fff;
  mask-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="icon_arrow_forward"><path id="Vector (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M3.04004 10.1419C3.04004 9.74962 3.35802 9.43164 3.75027 9.43164H15.1139C15.5062 9.43164 15.8241 9.74962 15.8241 10.1419C15.8241 10.5341 15.5062 10.8521 15.1139 10.8521H3.75027C3.35802 10.8521 3.04004 10.5341 3.04004 10.1419Z" fill="white" style="fill:white;fill:white;fill-opacity:1;"/><path id="Vector (Stroke)_2" fill-rule="evenodd" clip-rule="evenodd" d="M9.49806 3.95802C9.77542 3.68066 10.2251 3.68066 10.5025 3.95802L16.1843 9.63984C16.4617 9.9172 16.4617 10.3669 16.1843 10.6443L10.5025 16.3261C10.2251 16.6034 9.77542 16.6034 9.49806 16.3261C9.2207 16.0487 9.2207 15.599 9.49806 15.3217L14.6777 10.142L9.49806 4.96243C9.2207 4.68507 9.2207 4.23538 9.49806 3.95802Z" fill="white" style="fill:white;fill:white;fill-opacity:1;"/></g></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: auto;
  mask-clip: border-box;
}

.card-banner-inner a {
  position: absolute;
  inset: 0;
  margin: auto;
  z-index: 1;
}

.event-banner-img {
  border: 1px solid #c5c5c5;
}

.event-banner-img img {
  vertical-align: top;
}

.card-banner:hover {
  .event-banner-img {
    opacity: 0.8;
  }
}

.event-banner-text {
  font-size: 14px;
}

.event-banner-blank .blank_img {
  margin: 0px 5px;
  width:12px
}

/* 画面サイズ 480px 未満 */
@media (width < 480px) {
  .select-body div {
    flex-direction: column;
  }

  .select-body div p {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  /* NG 250416
  .card-link {
    pointer-events: none;
  } */

  .card-read {
    display: none;
  }

  .card-link-sp-outer {
    display: block;
  }
}

/* 絞り込み結果数字 */

.filter-results {
  justify-content: end;
  margin: 10px 0 0;
}

.filter-text {
  width: fit-content;
  font-size: 12px;
}

.filter-no {
  font-size: 30px;
  font-weight: bold;
  padding: 0 10px;
}

@media (width < 480px) {
  .filter-text {
    text-align: right !important;
  }
}

/* もっと表示するボタン */
.more-button-container {
  margin: 40px 0 0;
  padding: 10px;
  display: flex;
  justify-content: center;
}

a.more-button-link {
  width: fit-content;
  margin: 0 auto;
  padding: 15px 70px;
  text-align: center;
  border-radius: 22px;
  transition: background-color 0.3s ease;
}

a.more-button-active {
  background-color: #cc0033;
  transition: background-color 0.3s ease;
}

a.more-button-active:hover {
  background-color: #fd0449;
  text-shadow: 0px 0px 5px #cc0033;
  transition: background-color 0.3s ease;
}

.more-button-text {
  color: #fff;
  font-weight: bold;
}

a.more-button-passive {
  background-color: #999;
  pointer-events: none;
}



/*更新*/
.select-body div {
    display: flex;
    align-items: stretch;            /*更新*/
}

.select-body div:first-child,
.select-body div:nth-child(2) {
    margin-bottom: 0px;            /*更新*/
    padding-bottom: 0px;            /*更新*/
    border: none;
    /*更新*/
}

.select-body div ul {
    display: flex;
    flex-wrap: wrap;

    gap: 7px 0;            /*更新*/
    justify-content: flex-start;            /*追記*/
    padding: 3px;            /*追記*/
    margin-bottom: 15px;            /*追記*/
    border-radius: 5px;            /*追記*/
    font-size: 14px;            /*追記*/
    background-color: #fbfbfb;            /*追記*/
}

.select-body div ul:nth-child(3) {            /*追記*/
    margin-bottom: 0;
}

.filter-results {
    justify-content: end;
    margin: 0;            /*更新*/
}

/*以下新規*/
.select-area-1 {
    align-items: center !important;
}

.select-check-area {
    display: flex;
    flex-direction: column;
}

ul.select-check li {
    width: calc(100% / 5);
}

/* 画面サイズ 480px 未満 */
@media (width < 480px) {
    ul.select-check li {
        width: calc(100% / 2);
    }
}
.card-detail .tags > span {
  z-index: 2;
  display: inline-block;
  border-radius: 100vmax;
  margin-right: 5px;
  padding: 3px 8px;
  font-size: 12px;
  text-decoration: none;
  color: #555;
  border: 1px solid #ccc;
    border-top-color: rgb(204, 204, 204);
    border-right-color: rgb(204, 204, 204);
    border-bottom-color: rgb(204, 204, 204);
    border-left-color: rgb(204, 204, 204);
  transition: border-color 0.2s, color 0.2s;
}