/* 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; padding: 1em; min-width: 40vw; width: min(90vw, 750px); max-height: 90vh; background: #fff; }
#popup_box .box .info { overflow-x: hidden; overflow-y: overlay; max-height: 90vh; }
#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 .box .info img { max-width: 100%; }
#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; }