/* navigation.css - PC専用 - Phase④ */

#page-navigation {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 80px;
    
    /* Phase③: Parallax高さ統一 */
    min-height: clamp(520px, 60vh, 720px);
    max-height: clamp(520px, 60vh, 720px);
    
    /* Phase③追加: セクション全体を上下中央配置コンテナに */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Phase③追加: innerコンテナの幅を維持 */
#page-navigation .ptl-section__inner {
    width: 100%;
    max-width: var(--ptl-container-max, 1200px);
    padding: 0 var(--ptl-container-pad, 20px);
    box-sizing: border-box;
}

/* NAVIGATIONボタン - BUST-ISSUESと同じ25%半透明背景 */
#page-navigation .ptlNavHero__btn {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 10px;
    padding: 20px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
}