@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
.swell-related-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
* ============================================== */
/* 投稿全文表示のサイドバーカスタマイズ */
/* ============================================== */

.swell-related-item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.swell-thumb img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
    margin-right: 12px;
}

.swell-title {
    font-size: 14px;
    line-height: 1.4;
}

.swell-archives ul {
    padding-left: 1em;
}
/* ============================================== */
/* SWELL タイトルバー：背景180px ＋ タイトル完全中央 */
/* ============================================== */

/* 背景画像の高さ（ここを変更すれば高さが変わる） */
.l-topTitleArea__img {
  height: 180px !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* タイトルエリア全体の高さを背景と揃える */
.l-topTitleArea {
  height: 180px !important;
  min-height: 180px !important;
  position: relative !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ←★これが最重要：内部余白をゼロにする */
.l-topTitleArea_body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 100% !important;
  display: block !important;
  margin: 0 !important;
}

/* タイトル文字を厳密に中央に置く */
.c-pageTitle {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 10 !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

/* 下のコンテンツとの隙間をゼロにする */
.l-topTitleArea + .l-mainContent__inner {
  margin-top: 0 !important;
  padding-top: 0 !important;
}