/* common */

main h1,
main h2,
main h3,
main h4 {
    font-weight: 500;
    letter-spacing: .5px;
}

main h1 {
    font-family: "HiraMinProN-W6", "Crimson", Georgia, "Source Han Serif SC", "\5b8b\4f53", Simsun, serif;
    font-size: 30px;
    line-height: 34px;
}

main h2 {
    font-family: "HiraMinProN-W6", "Crimson", Georgia, "Source Han Serif SC", "\5b8b\4f53", Simsun, serif;
    font-size: 24px;
    line-height: 30px;
}

main h3 {
    font-family: "HiraMinProN-W6", "Crimson", Georgia, "Source Han Serif SC", "\5b8b\4f53", Simsun, serif;
    font-size: 20px;
    line-height: 24px;
}

main h4 {
    font-family: "HiraMinProN-W6", "Crimson", Georgia, "Source Han Serif SC", "\5b8b\4f53", Simsun, serif;
    font-size: 17px;
    line-height: 21px;
}

/* for header paragraph component */

.util__style--p,
section p {
    font-size: 14px;
    line-height: 22px;
}

@media (min-width: 1024px) {
    main h1 {
        font-size: 36px;
        line-height: 44px;
    }

    main h2 {
        font-size: 30px;
        line-height: 36px;
    }

    main h3 {
        font-size: 20px;
        line-height: 25px;
    }

    main h4 {
        font-size: 18px;
        line-height: 25px;
    }

    .util__style--p,
    section p {
        font-size: 14px;
        line-height: 22px;
    }
}

@media (min-width: 1366px) {
    main h1 {
        font-size: 45px;
        line-height: 50px;
    }

    main h2 {
        font-size: 35px;
        line-height: 45px;
    }

    main h3 {
        font-size: 24px;
        line-height: 30px;
    }

    main h4 {
        font-size: 20px;
        line-height: 25px;
    }

    .util__style--p,
    section p {
        font-size: 16px;
        line-height: 28px;
    }
}

@media (min-width: 1920px) {
    main h1 {
        font-size: 55px;
        line-height: 68px;
    }

    main h2 {
        font-size: 45px;
        line-height: 52px;
    }

    main h3 {
        font-size: 24px;
        line-height: 36px;
    }

    main h4 {
        font-size: 20px;
        line-height: 27px;
    }

    .util__style--p,
    section p {
        font-size: 16px;
        line-height: 28px;
    }
}

/* end of common */

/* font util */

.util__font--1 {
    font-family: "HiraMinProN-W6", "Crimson", Georgia, "Source Han Serif SC", "\5b8b\4f53", Simsun, serif;
}

.util__font--2 {
    /* font-family: "Alibaba Sans", sans-serif; */
}

/* end of font util */

.util__style--cta {
    font-size: 15.6px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: .5px;
}

@media (min-width: 1024px) {
    .util__style--cta {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: .8px;
    }
}

@media (min-width: 1366px) {
    .util__style--cta {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: .8px;
    }
}

.tab-nav__primary-title {
    /* font-size: 15px; */
    font-size: 3.8vw;
}

.tab-nav__sub-title {
    font-size: 12px;
}

.three-columns__time {
    font-size: 13px;
    line-height: 1.5;
}

@media (min-width: 1024px) {
    .tab-nav__primary-title {
        font-size: 18px;
    }

    .tab-nav__sub-title {
        font-size: 13px;
    }

    .three-columns__time {
        font-size: 13px;
        line-height: 1.5;
    }
}

@media (min-width: 1366px) {
    .tab-nav__primary-title {
        font-size: 22px;
    }

    .tab-nav__sub-title {
        font-size: 17px;
    }

    .three-columns__time {
        font-size: 14px;
        line-height: 1.5;
    }
}

@media (min-width: 1920px) {
    .tab-nav__primary-title {
        font-size: 24px;
    }

    .tab-nav__sub-title {
        font-size: 18px;
    }

    .three-columns__time {
        font-size: 15px;
        line-height: 1.5;
    }
}

/* POI filter */

.dining-tile__description {
    margin: 0 -10px 4px auto;
}

.dining-tile__site {
    padding: 2px 12px;
    font-size: 12px;
}

.poi-filter__tag--pill {
    padding: 5px 12px;
    min-width: 80px;
}

@media (min-width: 1024px) {
    .dining-tile__button {
        letter-spacing: .5px;
    }

    .dining-tile__title {
        font-size: 22px;
    }

    .dining-tile__style {
        margin-top: -2px;
    }

    .dining-tile__description {
        margin-top: 8px;
        font-size: 14px;
        line-height: 22px;
    }

    .dining-tile__site {
        margin-top: 10px;
        border-radius: 3px;
        font-size: 14px;
    }
}

@media (min-width: 1366px) {
    .dining-tile__style {
        font-size: 17px;
    }

    .dining-tile__description {
        font-size: 15px;
    }

    .dining-tile__site {
        font-size: 16px;
    }
}

/* end of POI filter */