/*--------------------------------------------------------------------
 *	共通の記述
 *--------------------------------------------------------------------*/

/* カテゴリーラベルの基本デザイン */
.news__ctgr {
  display: inline-block;
  font-size: 0.9rem;
  font-weight: 500;
  color: #fff;      /* 基本は白文字 */
  border: 1px solid #fff;       /* デフォルトは枠なし */
  border-radius: 5px;
  text-align: justify;
  padding: 0.1rem 0.28rem;
}
.top__ctgr a {
  transition: all 0.2s ease-out 0s;
}
.top__ctgr a:hover {
  opacity: 0.7;
}



/*--------------------------------------------------------------------
 *	768px未満用（SP用）の記述
 *--------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

/* TOP page || トピックス一覧 共通 ========== */
.news__ctgr {
  display: inline-block;
  text-align-last: justify;
  width: 16%;
  min-width: 115px;
  padding: 0.02rem 0.35rem;
}

/* ニュース一覧 */
.news__body .news__list .list__item .media-vertical-md .news__property {
  /* display: flex; */
  /* align-items: center; */
  width: auto;
  flex: 0 0 auto;
  margin-bottom: 0.5rem;
}
.news__body .news__list .list__item .media-vertical-md .news__property .news__ctgr {
  margin-left: 1.5rem;
}


/* トピックス一覧 =========================== */
.top__ctgr {
  margin: 2% 0;
}
.top__ctgr .news__ctgr {
  width: 16%;
  min-width: 110px;
  font-size: 0.8rem;
  margin-bottom: 2%;
  margin-left: 0;
  margin-right: 1.0%;
}





/* 768px未満用（SP用）の記述 end -------------------------------------*/
}


/*--------------------------------------------------------------------
 *	768px以上用（PC用）の記述
 *--------------------------------------------------------------------*/
@media screen and (min-width: 768px), print {

/* TOP page || トピックス一覧 共通 ========== */
.news__ctgr {
  display: inline-block;
  text-align-last: justify;
  width: 112px;
}

/* トピックス一覧 =========================== */
.top__ctgr {
  width: 90%;
  margin: 2%;
}
.top__ctgr .news__ctgr {
  margin-bottom: 2%;
  margin-left: 0;
  margin-right: 1.5%;
}





/* 768px以上用（PC用）の記述 end -------------------------------------*/
}