@charset "utf-8";
/*
 * object.css
 * 1.汎用性が高く、再利用できる小さなコンポーネントのパターン
 * 2.複数ページで使用するブロック
 *
 * すべてのページで使用
 * 1.タイトル、記事リスト、ボタンなど
 * 2.純広告セクションなど
 */
  /* =========================================================
1.汎用性が高く、再利用できる小さなコンポーネントのパターン
========================================================= */
/* 装飾
--------------------------------------------------------- */
/* ----- 強調 ----- */
.strong {
  color: #d71941;
}

/* 見出し
--------------------------------------------------------- */
/* ----- 基本の大見出し ----- */
.ttlLarge {
  margin: 15px 0;
  padding: 5px 15px;
  border-bottom: 1px solid #ccc;
}
.ttlLarge_inner{
  padding-left: 10px;
  font-size: 20px;
  border-left: 4px solid #d1c8b5;
}

/* ----- 基本の中見出し ----- */
.ttlMiddle {
  margin: 0 5px;
  padding: 10px;
  border-top: 3px solid #d1c8b5;
  font-size: 14px;
}

/* アイテムリスト
--------------------------------------------------------- */
/* ----- サムネイル付き記事リスト ----- */
.articleThumbList {
  border-top: 1px solid #e7e7e7;
}
.articleThumbList_item {
  padding: 10px 15px;
  border-bottom: 1px solid #e7e7e7;
}
.articleThumbList_item a{
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.articleThumbList_item img{
  display: block;
  width: 65px;
  height: auto;
}
.articleThumbList_ttl{
  padding-left: 15px;
  font-size: 14px;
  color: #000;
}
.articleThumbList_subttl {/* サブタイトルありの場合 */
  display: block;
  color: #a88e6f;
  font-size: 12px;
  padding-bottom: 5px;
}


  /* =========================================================
2.複数ページで使用するブロックやセクション
========================================================= */
/* PR　純広告セクション
--------------------------------------------------------- */
.pr {
  margin: 40px 0;
}
.pr_ttl {
  text-align: center;
  background: #dbdbdb;
  line-height: 20px;
  font-size: 14px;
}

.pr_item {
  display: block;
  margin-bottom: 10px;
}

.bn-af {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 15px;
}

.bn-af img{
  width: 75px;
}