@charset "Shift_JIS";

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

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

.hpb-parts-hl-style {
    border-color: #4fb5e6;
}

.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 {
    background-image: none !important;
    padding: 0px;
}

.hpb-parts-blist-style {
    border-color: #4fb5e6;
    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: #4fb5e6;
}
a.hpb-parts-blist-style:active {
    color: #4fb5e6;
}
/* サイドバー「エントリー」の上に確実に余白 */
#hpb-aside #banner::before {
  content: "";
  display: block;
  height: 16px;   /* 好みで調整 */
}

#hpb-aside #banner {
  padding-top: 16px !important;
}
/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/

/* ===== 汎用テーブル ===== */
.table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;              /* 列幅を安定させる */
  background: #fff;
}
.table th,
.table td {
  border: 1px solid #ccc;
  padding: 8px;
  vertical-align: top;
  word-break: break-word;           /* 文字の長いURL等で崩れないように */
}

/* 主テーブル（ツアー一覧）の列幅例： 1列目=220px / 3列目=120px / 2列目=自動 */
.table.tour col:nth-child(1) {
  width: 180px !important;
}
.table.tour col:nth-child(3) { width: 120px; }

/* 装備テーブル： 1列目=115px / 2列目=自動 */
.table.gear col:nth-child(1) { width: 115px; }

/* テーブルが画面幅より広い場合の横スクロール */
.table-wrap {
  width: 100%;
  overflow-x: auto;
}

/* 見出し */
.section-title {
  font-size: 1.1rem;
  font-weight: bold;
  margin: 1em 0 0.5em;
}

/* 小さめ注記 */
.note {
  font-size: 0.85rem;
  color: #555;
}

#hpb-aside .new {
  color: red;
  font-weight: bold;
  margin-left: 6px;   /* 文字との間隔 */
  font-size: 0.9em;   /* 少し小さめに */
}

/* 協賛企業ロゴ＋企業名を横並びにする */
.sponsor-item {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}

/* ロゴ画像のスタイル */
.sponsor-logo {
  width: 12px;
  height: px;
  object-fit: contain;
  margin-right: 5px;
}