@charset "utf-8";
/*
 * ホームのスタイルシート
 * ======= ====== ||    \\    ====
 * ||        ||   ||  \\    ||    ||
 * ||=====   ||   ||\\     ||      ||
 * ||        ||   ||  \\    ||    ||
 * ======= ====== ||    \\    ====
 *
 * モバイルファースト
 * => 基本の CSS は、モバイル用のデザインとする
 * => PC対応 (768px以上) は、スマートフォン、タブレット用と異なる部分だけを下部に記述する
 *
 * できるだけシンプルに分かりやすくする
 * => 複雑にしない
 */
/*--------------------------------------------------
>>> コンテンツ
--------------------------------------------------*/
.content a:link, a:visited {
  text-decoration: none;
}
.content p {
  margin: 0;
  padding: 0;
}
.content ul {
  margin: 0;
  padding: 0 0 0 1em;
  list-style: none;
}
/*--------------------------------------------------
>>> 見出し
--------------------------------------------------*/
h2 {
  margin: 2rem 0 0 0;
  padding: 2px 0.5rem 0.5rem 0.5rem;
  font-size: 120%;
  font-weight: normal;
  color: #000;
  /*color: #333;*/
  border-bottom: #cccccc solid 1.5px;
}
/*--------------------------------------------------
>>> カレンダーのリスト
--------------------------------------------------*/
.home-calendar-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);  /* 3列に並べる */
  /*grid-template-columns: repeat(2, 1fr);*/  /* 2列に並べる */
  grid-auto-flow: dense;  /* アイテムをすき間なく詰める */
  gap: 0.1em;  /* アイテム間のすき間 */
}
.home-calendar-container img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
/*--------------------------------------------------
>>> 「もっと見る」のリンク
--------------------------------------------------*/
.home-read-more {
  margin: 0 0 2rem 0;
  /*color: #333;*/
  color: #000;
  font-size: 90%;
  text-align: center;
}
.home-read-more a {
  padding: 0.1rem 0.5rem;
  /*color: #333;*/
  color: #000;
  border: #333 solid 1px;
}
/*==========           ===========           ===========           ===========           ===========
>>> PC対応 (768px以上) => スマートフォン、タブレット用と異なる部分だけ記述する
=========           ===========           ===========           ===========           ===========*/
@media screen and (min-device-width: 768px) {

}  /* @media screen and (max-device-width: 768px) */