@charset "utf-8";
/* 【PKOBO-News01】トップページ用
----------------------------------------------------*/
/*----------------------------------------------------
	custom properties
----------------------------------------------------*/
:root {
  --color-gray-dark: gray;
  --color-gray-light: silver;
  --15px: clamp(13px, 11.571px + 0.381vw, 15px);
  --18px: clamp(15px, 12.857px + 0.571vw, 18px);
  --20px: clamp(16px, 13.143px + 0.762vw, 20px);
}

.topics__inner {
  margin-top: 1em;
  width: min(100% - 2em, 900px);
  font-size: var(--18px);
  margin-inline: auto;
}

/*お知らせ一覧*/
.topics dt {
  padding-top: 1em;
  padding-bottom: 1em;
  float: left;
}
.topics dd {
  border-bottom: var(--color-gray-light) 1px solid;
  padding-top: 1em;
  padding-bottom: 1em;
}
.topics dd a {
  color: #000;
}
.topics dd:first-of-type {
  border-top: var(--color-gray-light) 1px solid;
}
@media (max-width: 767px) {
  /* SP */
  .topics dt {
    float: none;
    padding: 0.7em 0 0;
  }
  .topics dd {
    padding: 0.3em 0 0.5em;
  }
}

.topics__title {
  margin: 0.4em 0;
  line-height: 1.5;
}
.topics__data {
}
.topics__new {
  font-size: var(--15px);
  display: inline-block;
  border: 1px solid red;
  padding: 0.3em 0.5em;
  border-radius: 2px;
  line-height: 1;
  background: red;
  margin: 0 0 0 0.5em;
  color: #fff;
}
.topics__category {
  font-size: var(--15px);
  display: inline-block;
  padding: 0.3em 0.5em;
  border-radius: 2px;
  line-height: 1;
  color: #fff;
  margin: 0 1em 0 0;
}
.cat-0 .topics__category {
  background: #000;
}
.cat-1 .topics__category {
  background: var(--color-main);
}

.topics__button {
  text-align: center;
  margin-top: 2em;
  font-size: var(--20px);
}
.topics__link {
  display: inline-block;
  padding: 1em 2em;
  background: var(--color-main);
  border: 1px solid transparent;
  color: #fff;
  text-align: center;
  transition: 0.3s;
  line-height: 1;
  width: min(100%, 530px);
  border-radius: 100vh;
}

.topics__link:is(:hover, :focus) {
  background: #fff;
  border-color: currentColor;
  color: var(--color-main);
}

/* 【PKOBO-News01】詳細ページ用
----------------------------------------------------*/
.topics__detail {
  width: min(100%, 800px);
  margin-inline: auto;
}
.detail__title {
  font-size: var(--20px);
  line-height: 1.6;
  letter-spacing: 0;
}
.detail__data {
  font-size: var(--28px);
  text-align: right;
  margin: 1em 0;
  padding: 0.5em;
  border-top: var(--color-gray-light) 1px dotted;
  border-bottom: var(--color-gray-light) 1px dotted;
}
.detail__text {
  font-size: var(--28px);
  line-height: 2;
}
.detail__upfile {
  margin: 2em 0;
  text-align: center;
}
.detail__upfile img {
  max-width: 100%;
  height: auto;
}

/* 【PKOBO-News01】ページャー用
----------------------------------------------------*/
.pager {
  text-align: right;
  padding: 0.5em;
  clear: both;
}
/* ページャーボタン */
.pager a {
  font-size: var(--13px);
  background: #fff;
  border: var(--color-gray-dark) 1px solid;
  border-radius: 2px;
  color: #333;
  padding: 0.3em 0.5em;
  text-decoration: none;
  margin: 0 0.2em;
}
/* 現在のページのボタン */
.pager a.current {
  background: var(--color-gray-dark);
  border: var(--color-gray-dark) 1px solid;
  border-radius: 2px;
  color: #fff;
  padding: 0.3em 0.5em;
  margin: 0 0.2em;
  text-decoration: none;
}
.pager a:hover {
  font-size: var(--13px);
  background: var(--color-gray-dark);
  color: #fff;
}
.overPagerPattern {
  padding: 0 0.3em;
}