/*記事一覧のCSS*/

.article-list {
  padding-top: 80px;
}


.article-list-box {
  color: #000;
  padding-bottom: 20px;
  padding-top: 40px;
  border-bottom: solid 1px black;
}

.article-list-ttl {
  font-size: 20px;
}


/*コラム用のCSS*/

/*k固定ヘッダーでタイトルが見えないため*/
.article-box {
  padding-top: 100px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.article-ttl {
  font-size: 24px;
  font-weight: bold;
}

.article-thumbnail {
  margin: 20px 0;
}

.article-underline-yellow {
  background: linear-gradient(transparent 60%, #FFFE03 60%);
}

.strong-text-red {
  color: red;
  font-weight: bold;
}

/*タイトル付き（ラベルボックス）*/
.article-box-pint-pink {
  margin: 2em auto;
  /* ボックスの余白 */
  background-color: #fff;
  /* ボックス背景色 */
  padding: 2em;
  /* ボックス内側余白 */
  position: relative;
  /* 配置(ここを基準に) */
  border: 2px solid #e9b3a3;
  /* ボックスの線 (太さ　種類　色)*/
}

.article-box-pint-pink .box-title {
  background-color: #fff;
  /* タイトル背景色 */
  font-size: 1em;
  /* タイトル文字の大きさ */
  font-weight: 800;
  color: #e9b3a3;
  /* タイトル文字色 */
  padding: 0 5px;
  /*タイトルの余白*/
  line-height: 1;
  /*タイトルの行の高さ*/
  position: absolute;
  /* 配置(ここを動かす) */
  top: -5px;
  /*上から（-5px）移動*/
  left: 20px;
  /*左から(20px)移動*/
}