@charset "utf-8";
/*
Theme Name:   SWELL CHILD
Description:  SWELLの子テーマ
Template:     swell
Version:      1.0.0
*/

/* ==========================================================================
   【ヘッダー調整】タイトルを1行に収める
   ========================================================================== */
.p-mainVisual { display: none !important; }
.c-headLogo { max-width: 100% !important; }
.c-headLogo__link {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #222222 !important; 
    letter-spacing: 0.01em !important;
    line-height: 1.2 !important;
    display: inline-block !important;
    white-space: nowrap !important;
}
@media (max-width: 959px) {
    .c-headLogo__link { font-size: 13px !important; }
}

/* ==========================================================================
   【メイン写真】吉川りな風：ハイブリッド配置（★一番最初のカバーだけに限定版）
   ========================================================================== */

/* ページ内で「一番最初に出てくるカバーブロック」だけを指定（:first-of-type） */
.wp-block-cover:first-of-type {
    min-height: 650px !important;
}

/* 岩木山の写真の中身だけを縦横ハイブリッド構造にする */
.wp-block-cover:first-of-type .wp-block-cover__inner-container {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif !important;
}

.wp-block-cover:first-of-type .wp-block-cover__inner-container > * {
    position: absolute !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* 1行目：弘前市議会議員 */
.wp-block-cover:first-of-type .wp-block-cover__inner-container > *:nth-child(1) {
    writing-mode: vertical-rl !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    top: 8% !important; 
    right: 8% !important;
    letter-spacing: 0.3em !important;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6) !important;
}

/* 2行目：くどうゆうすけ */
.wp-block-cover:first-of-type .wp-block-cover__inner-container > *:nth-child(2) {
    writing-mode: vertical-rl !important;
    font-size: 52px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    top: 15% !important; 
    right: 15% !important;
    letter-spacing: 0.15em !important;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6) !important;
}

/* 3行目：弘前の未来のために。（オレンジ） */
.wp-block-cover:first-of-type .wp-block-cover__inner-container > *:nth-child(3) {
    writing-mode: vertical-rl !important;
    font-size: 18px !important;
    font-weight: 700 !important; 
    color: #ff9300 !important; 
    top: auto !important;
    bottom: 20% !important; 
    right: 32% !important; 
    letter-spacing: 0.2em !important;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5) !important; 
}

/* 4行目：Kudo Yusuke（極細モダンロゴ） */
.wp-block-cover:first-of-type .wp-block-cover__inner-container > *:nth-child(4) {
    writing-mode: horizontal-tb !important;
    font-family: "Helvetica Neue", Arial, sans-serif !important;
    font-size: 85px !important; 
    font-weight: 100 !important; 
    color: rgba(255, 255, 255, 0.5) !important; 
    bottom: 1% !important; 
    left: 6% !important;
    letter-spacing: 0.06em !important; 
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) !important;
}

/* 📱 スマホ用調整（一番最初のカバーだけに限定） */
@media (max-width: 767px) {
    .wp-block-cover:first-of-type { min-height: 460px !important; }
    .wp-block-cover:first-of-type .wp-block-cover__inner-container > *:nth-child(1) { font-size: 11px !important; top: 6% !important; right: 6% !important; }
    .wp-block-cover:first-of-type .wp-block-cover__inner-container > *:nth-child(2) { font-size: 32px !important; top: 11% !important; right: 14% !important; }
    .wp-block-cover:first-of-type .wp-block-cover__inner-container > *:nth-child(3) { font-size: 14px !important; top: auto !important; bottom: 33% !important; right: 28% !important; color: #ff9300 !important; }
    .wp-block-cover:first-of-type .wp-block-cover__inner-container > *:nth-child(4) { font-size: 38px !important; font-family: "Helvetica Neue", Arial, sans-serif !important; font-weight: 100 !important; bottom: 1% !important; left: 6% !important; color: rgba(255, 255, 255, 0.6) !important; }
}