@charset "Shift_JIS";

/*--------------------------------------------------------
  フルCSSプロフェッショナルテンプレート部品設定
--------------------------------------------------------*/

.hpb-parts-cnt-style {
    border-color: #dddddd;
}

.hpb-parts-hl-style {
    border-color: #E96E3C;
    padding-left: 20px !important;
}

.hpb-parts-cbox-style {
    border-color: #dddddd;
}

.hpb-parts-hr-style {
    border-color: #dddddd;
}

.hpb-parts-pbox-style {
    border-color: #dddddd;
}
.hpb-parts-pbox-style h4 {
    padding: 0px;
}

.hpb-parts-blist-style {
    border-color: #333333;
    background-color: #f3f3f3;
}
a.hpb-parts-blist-style:link {
    color: #000000;
}
a.hpb-parts-blist-style:visited {
    color: #000000;
}
a.hpb-parts-blist-style:hover {
    color: #E96E3C;
}
a.hpb-parts-blist-style:active {
    color: #E96E3C;
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
/* ナビゲーション全体の表示設定 */
.log-navigation {
  display: flex !important;
  justify-content: center !important;
  gap: 15px !important;
  margin: 30px auto !important;
  padding: 0 !important;
  list-style: none !important;
  clear: both !important;
}

/* ボタンの基本デザイン */
.log-navigation .nav-btn {
  display: inline-block !important;
  padding: 10px 20px !important;
  background-color: #0077b6 !important; /* 海の青 */
  color: #ffffff !important;
  text-decoration: none !important;
  border-radius: 5px !important;
  font-weight: bold !important;
  font-size: 14px !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
}

/* 「次の記事」がない時のグレー設定 */
.log-navigation .nav-btn.disabled {
  background-color: #cccccc !important;
  color: #666666 !important;
  pointer-events: none !important;
  box-shadow: none !important;
}

/* 下のテキストエリア */
.meta-data {
  display: block !important;
  text-align: center !important;
  margin: 20px auto !important;
  padding: 15px !important;
  background: #f9f9f9 !important;
  border: 1px solid #ddd !important;
  line-height: 1.6 !important;
  max-width: 90% !important;
}