/* popup_box */
#popup_box { position: fixed; width: 100vw; height: 100vh; background: rgb(0 0 0/80%); display: flex; justify-content: center; align-items: center; top: 0; left: 0; z-index: 999; }
#popup_box .box { position: relative; display: inline-block; width: auto; min-width: 0; max-width: 90vw; max-height: 90vh; padding: 1em; background: #fff; }
#popup_box .box .info { width: max-content; max-width: calc(90vw - 2em); max-height: calc(90vh - 2em); overflow: auto; }
#popup_box .box .info p { margin: 0; padding: 0; line-height: 0; }
#popup_box .box .info img { display: block !important; width: auto !important; height: auto !important; max-width: calc(90vw - 2em) !important; max-height: calc(90vh - 2em) !important; margin: 0 !important; float: none !important; }
#popup_box .box .info::-webkit-scrollbar { width: 13px; }
#popup_box .box .info::-webkit-scrollbar-track { background: none; }
#popup_box .box .info::-webkit-scrollbar-thumb { border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: rgb(132 132 132/50%); }
#popup_box .box .info::-webkit-scrollbar-thumb:hover { background-color: #848484; }
#popup_box a.close_box { position: absolute; width: 30px; height: 30px; background: #000; border-radius: 50%; border: 2px #fff solid; display: flex; justify-content: center; align-items: center; top: -14px; right: -14px; z-index: 10; }
#popup_box a.close_box svg { width: 50%; height: 50%; fill: #fff; }