/* タブページの背景装飾要素 */
#Tab .CurvedBackground {
    width: 100%;
    height: 15vh;
    background-color: var(--primary-color);
    border-bottom-left-radius: 130% 60%;
    border-bottom-right-radius: 60% 20%;
}

/* 各タブページの背景を透明に */
ons-page.TabPage .page__background {
    background-color: transparent;
}

/* タブバーデザインの微調整 */
.tabbar__icon+.tabbar__label {
    margin-top: 2px;
}
:checked+.tabbar__button {
    color: var(--primary-color);
}