/**
* eating CSS
* 食生活ページのスタイル
*/

#eating-2 {

/*ナビゲーション*/

.list-boxed {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(166px, 1fr));

    li {
        a {
            color: var(--color-primary);
            font-size: clamp(0.813rem, 0.738rem + 0.32vw, 0.938rem);
            font-weight: 500;
            display: grid;
            align-items: center;
            grid-template-columns: auto 9.7px;
            height: 60px;
            line-height: 1.4;
            padding: 0 10px;
            width: 100%;


            &:after {
                content: "\f054";
                font-family: "Font Awesome 6 Free";
                font-weight: bold;
            }
        }

    }

    /* カラーバリエーション */
    &.list-boxed--main {
        background: none;
        border-left: 1px solid var(--color-main);
        border-top: 1px solid var(--color-main);

        li {
            background: #E5F2FB;
            border-bottom: 1px solid var(--color-main);
            border-right: 1px solid var(--color-main);
            margin-bottom: 0;

            a {
                &:after {
                    color: var(--color-main);
                }
            }
        }
    }
}

}