.layerpopup {
  z-index:400;position:fixed;max-width:500px;width:500px;height:auto;
  border:1px solid var(--border);border-radius:var(--radius-btn);box-shadow:0px 0px 5px var(--color-smokegray);
  padding:20px;padding-bottom:40px;background-color:#fff;top:calc(50% - 200px);left:calc(50% - 250px);
}
.layerpopup h2 span:after {
  position:absolute;top:35px;right:20px;padding:6px;cursor:pointer;
  background-color:#fff;
  border-radius:var(--radius-btn);
  content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAA80lEQVQ4T61TMW6DQBCcCwVyXNOi6GRRpLAs8QAkqrt8KPYL7HwoUMIDKOzCBcUpSksb0sFGh0A6H3aUgLe8nZnd2dtlruuu4jg+AqAkSZ4BfOJ2+FLKc9u2yLJsw6SUNRE99ngqiuKlqqrU5nueJ8IwfAfAdI6Iak3+IqKlAaY0TZ+sDnwhxMdA1FjGWK1VRgktbAjczHct2C0NFpRSb5zzV7OiFh6sdeQ+rlWwrV9YMska+JvAaBY2GUEQ7DnnW7ukUupQluXOfL9b5Wme50x7+j/P2jAhxDeAxX93G0DN9FVFUXRyHKf961U1TfOQ5/n6B0/HofEp52iDAAAAAElFTkSuQmCC')
}
.layerpopup h2 span:hover {background-color:var(--color-gray);}

.layerpopup ul {margin-top:20px;}
.layerpopup li {padding:5px 0;border-top:1px solid var(--border);}
.layerpopup table {width:100%;}
.layerpopup a.popupbtn {display:block;padding:10px;border-radius:5px;width:calc(100% - 20px);text-align:center;}

.layerpopup .mobile_hide {display:none;}
.layerpopup .mobile_show {display:inline;}
.layerpopup .mobile_show_block {display:block;margin-top:3px;margin-bottom:3px;white-space:nowrap;font-size:var(--font-size-small);}
.layerpopup .mobile_show_table {visibility:visible;}
.layerpopup table.searchbox td {padding-left:5px;padding-right:5px;}
.layerpopup table.searchbox td ul {margin-top:0;}
.layerpopup table.searchbox td.fill {display:none;}
.layerpopup table.searchbox td:first-child {width:calc(100% - 50px);}
.layerpopup table.searchbox td:last-child {width:30px;padding:10px;}
.layerpopup table.searchbox ul {width:100%;}
.layerpopup table.searchbox li {display:block;width:100%;border-top:0;padding:0;}
.layerpopup table.searchbox label {width:80px;}
.layerpopup table.searchbox select {width:calc(100% - 70px);}
.layerpopup table.searchbox input.subject, .layerpopup table.searchbox {min-width:100px;}
.layerpopup table.searchbox.list {border-top:1px solid var(--border);}
.layerpopup div.btn_block {border-bottom:1px solid var(--border);}

.layerpopup img.magnify {position:absolute;top:38px;right:40px;border:0;background-color:transparent;}

.layerpopup div.wrapblock {margin-top:5px;height:400px;overflow-x:hidden;overflow-y:auto;}
.layerpopup div.wrapblock table {border-top:0;}

@media only screen and (max-width:840px) {
  .layerpopup {width: calc(100% - 60px);max-width: calc(100% - 60px);left: 10px;}
}