.modal{cursor:pointer}.modal:hover{opacity:.7}.modal_wrap{position:fixed;top:0;left:0;height:100vh;width:100%;z-index:99999;background-color:rgba(0,0,0,.7)}.modal_wrap:before{content:"";display:block;padding-top:75%}.modal_wrap .modal_img_wrap{max-width:980px;width:100%;margin:0 auto;padding:1em;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.modal_wrap .modal_img_wrap_vertical{max-width:500px;max-height:100vh;margin:0 auto;padding:1em;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.modal_wrap .clear_button{background-color:#999;border:2px solid #666;border-radius:50%;color:#fff;font-size:1.2em;font-weight:bold;text-align:center;display:flex;justify-content:center;align-items:center;width:30px;height:30px;float:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;position:absolute;top:10px;right:5px}.modal_wrap .modal_img{width:100%;height:auto;box-shadow:0px 1px 7px 2px rgba(0,0,0,.34)}