/* layout.php — .wrapper, .block-a/b/c, .side-inner */

.wrapper {
    display: grid;
    grid-template-columns: minmax(0, 433px) 414px minmax(0, 433px);
    justify-content: center;
    width: 100%;
    background: var(--img-bg) center top / 1232px auto no-repeat;
    background-attachment: fixed;
}

/* --- ブロックA（左サイドバー） --- */
.block-a {
    height: 100vh;
    overflow: auto;
    padding: 24px 0;
    position: sticky;
    top: 0;
}

.side-inner {
}

/* --- ブロックB（中央スクロール） --- */
.block-b {
    width: var(--sp-width);
    min-width: var(--sp-width);
    position: relative;
    -webkit-overflow-scrolling: touch;
}

/* --- ブロックC（右サイドバー） --- */
.block-c {
    height: 100vh;
    overflow: auto;
    padding: 24px 100px 0 50px;
    position: sticky;
    top: 0;
}
.block-c .side-inner {
}