#popup_overlay { position: fixed; z-Index: 99998; top: 0; left: 0; width: 100%; height: 100vh; background-color: gray; opacity: 0.5; } #popup_container { font: 17px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; z-index: 99999; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; width: 85%; max-width: 520px; background: #4E8FF3; border: 5px solid #4E8FF3; color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } #popup_container.popup_pass { background: #ff8c00; border: 5px solid #ff8c00; } @media (max-width:599px) { #popup_container { font-size: 14px; } } #popup_container #popup_title { font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-align: left; height: 1.75em; color: #FFF; background-color: #4E8FF3; cursor: default; padding: 0em 0em 0em 0.2em; margin: 0em; } #popup_container.popup_pass #popup_title { background: none; background-color: #ff8c00; text-indent: inherit; white-space: inherit; overflow: inherit; } #popup_container.popup_pass #popup_prompt { font-size: 32px; font-family: Arial; height: 64px; width: 100%; cursor: text; margin: .5em 0em; border: 1px #858585; border-style: solid; padding: 4px 8px; vertical-align: middle; } @media (max-width:599px) { #popup_container.popup_pass #popup_prompt { font-size: 17px; height: 32px; padding: 2px 4px; } } #popup_container #popup_content { background-color: #FFF; padding: 1em 1.75em; margin: 0em; } #popup_container #popup_panel { display: flex; margin-top: 1em; display: flex; justify-content: center; align-items: center; text-align: center; } #popup_SrtOk, #popup_SrtCancel, #popup_SrtYes, #popup_SrtNo, #popup_ok, #popup_cancel { height: 40px; width: auto; min-width: 6.3em; border: solid 1px #aaaaaa; background-color: #eeeeee; font-size: 17px; color: Black; line-height: 130%; margin: 10px 10px 0px 0px; display: flex; text-align: center; justify-content: center; align-items: center; padding: 4px; } @media (max-width:599px) { #popup_SrtOk, #popup_SrtCancel, #popup_SrtYes, #popup_SrtNo, #popup_ok, #popup_cancel { font-size: 12px; } }