@charset "utf-8";
/*
Template: yswallow
Theme Name: swallow_custom
Theme URI:https://open-cage.com/swallow/
*/





}
<!-- ▼OGPタグ開始▼ -->
<meta property="og:type" content="article" />
<meta property="og:title" content="パタゴニア『リラックス・トラッカー・ハット』レビュー｜P6より快適？被り心地・カラー・比較まとめ" />
<meta property="og:description" content="パタゴニアの人気キャップ『リラックス・トラッカー・ハット』をレビュー。被り心地やP-6トラッカーとの違い、カラー展開、サイズ調整機能を徹底解説します。" />
<meta property="og:url" content="https://beeelog.com/（←記事URLに置き換え）" />
<meta property="og:image" content="https://beeelog.com/wp-content/uploads/2025/06/S__32153607.jpg" />
<meta property="og:site_name" content="BEEELOG" />
<meta property="og:locale" content="ja_JP" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="パタゴニア『リラックス・トラッカー・ハット』レビュー" />
<meta name="twitter:description" content="被りやすく控えめロゴで人気のパタゴニアキャップ。P-6との違いも比較しました。" />
<meta name="twitter:image" content="https://beeelog.com/wp-content/uploads/2025/06/S__32153607.jpg" />
<meta name="twitter:site" content="@BEEE62359542" />
<!-- ▲OGPタグ終了▲ -->

/* 共通：お気に入りボタンの装飾 */
.header-favorite-buttons {
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 9999;
}

.favorite-header-btn {
  background-color: #0085a1; /* swallowテーマ色 */
  color: #fff;
  padding: 8px 18px;
  font-size: 14px;
  border-radius: 20px;
  text-decoration: none;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  transition: background-color 0.3s ease;
}

.favorite-header-btn:hover {
  background-color: #006f86;
}

/* モバイル：下固定にしたい場合（任意） */
@media screen and (max-width: 768px) {
  .header-favorite-buttons {
    position: fixed;
    bottom: 80px; /* ヘッダーが隠れない位置に調整 */
    right: 12px;
  }
}

.favorites-button-wrap {
  margin-top: 1em;
  text-align: center;
}

.favorites-button {
  display: inline-block;
  padding: 0.6em 1.2em;
  background-color: #0085a1;
  color: #fff;
  border-radius: 24px;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  box-shadow: 0 3px 6px rgba(0,0,0,0.1);
  transition: background 0.3s;
}

.favorites-button:hover {
  background-color: #006f89;
}

.favorites-active {
  background-color: #ff7043 !important;
}

.favorite-button-highlight {
  margin: 1.5em 0;
  text-align: center;
}

.favorite-button-highlight a.favorites-button {
  display: inline-block;
  padding: 0.8em 1.8em;
  background: linear-gradient(135deg, #ff7043 0%, #ff9800 100%);
  color: #fff !important;
  font-weight: bold;
  font-size: 16px;
  border-radius: 30px;
  text-decoration: none !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}

.favorite-button-highlight a.favorites-button:hover {
  opacity: 0.9;
  transform: scale(1.03);
}

.favorite-button-highlight a.favorites-active {
  background: #ccc !important;
  cursor: default;
}

.favorite-posts-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}

.favorite-post-card {
  width: 200px;
  text-align: center;
  background: #f7f7f7;
  padding: 12px;
  border-radius: 8px;
  transition: 0.3s ease;
}

.favorite-post-card:hover {
  background: #e0f0f4;
}

.favorite-post-card img {
  width: 100%;
  height: auto;
  border-radius: 6px;
}

.favorite-post-title {
  margin-top: 0.5em;
  font-size: 14px;
  font-weight: 600;
  color: #333;
}