cssはiPhoneX、iPhoneXRを傍受する

    @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
        .ua-box .rule-box{
            padding-bottom:30px !important;
        }
    }
    @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:3) {
        .ua-box .rule-box{
            padding-bottom:30px !important;
        }
    }
    @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:2) {
        .ua-box .rule-box{
            padding-bottom:30px !important;
        }
    }