@charset "UTF-8";

/* モバイルレイアウト : 480 px およびそれ以下. */

/* --------------------------------------------------------
共通
-------------------------------------------------------- */

span{/* スマホでは改行 */
  display: block;
}

/* --------------------------------------------------------
お知らせボックス
-------------------------------------------------------- */

.content01{
  width: 90%;
  margin: 8% auto;
  background: #fff;
  border-radius: 10px;
  padding: 8% 5%;
}

section.content01 h4{
  text-align: left;
  color: var(--main-color);
  font-size: 2rem;
  padding: 3% 0 0;
}

section.content01 hr{
  margin: 8% 0;
  border: none;
  height: 1px;
  background-image: repeating-linear-gradient(
    to right,
    var(--main-color) 0,
    var(--main-color) 8px,   /* 線の長さ */
    transparent 8px,
    transparent 14px        /* ← 間隔を狭く */
  );
}

.date{
  text-align: left;
  color: black;
  padding: 8% 2%;
}

.articleWrap{
  display: flex;
  justify-content: center;
  gap: 3%;
}

.articleWrap a:link,
.articleWrap a:visited,
.list a:link,
.list a:visited{
  color: var(--main-color);
}

.archiveDate{
  padding: 0;
}

.list{
  padding-top: 3%;
}

.archiveLink,
.archiveLink:visited,
.archiveLink:hover{
  color: var(--main-color);
  text-decoration: underline solid var(--main-color);
}

/* タブレットレイアウト : 981px～。モバイルレイアウトからスタイルを継承。 */
@media print, screen and (min-width: 980px) {

/* --------------------------------------------------------
共通
-------------------------------------------------------- */

span{/* スマホでは改行 */
  display: inline-block;
}

/* --------------------------------------------------------
お知らせボックス
-------------------------------------------------------- */

section.content01{
  max-width: 1000px;
  margin: 80px auto;
  padding: 80px 70px;
}

section.content01 h3{
  margin-bottom: 50px;
}

section.content01 h4{
  margin: 0;
  padding: 50px 0 0;
  font-size: 2.4rem;
}

section.content01 hr{
  margin: 50px 0 0;
}

}