#notice_popup_area{background-color:#FFF;border:1px solid #CCC;bottom:10px;box-shadow:3px 3px 2px #666;max-height:700px;opacity:.6;overflow-y:scroll;position:fixed;right:10px;transition:all 500ms;z-index:100}#notice_popup_area:hover,#notice_popup_area.open{opacity:1}#notice_popup_area:hover .open .label:after{content:"を表示する"}#notice_popup_area .bar{background-color:#283891;color:#FFF;padding:5px 8px;text-align:right}#notice_popup_area .opener{cursor:pointer}#notice_popup_area .opener i{margin-right:5px}#notice_popup_area .opener .close,#notice_popup_area.open .opener .open{display:none}#notice_popup_area .opener .open,#notice_popup_area.open .opener .close{display:block}#notice_popup_area .wrapper{display:grid;grid-template-rows:0fr;transition:all 500ms;width:100px}#notice_popup_area.open .wrapper{grid-template-rows:1fr;padding:10px;width:250px}#notice_popup_area .count{font-size:.9em;margin-left:.5em}#notice_popup_area .count:not(:empty):before{content:"(";margin-right:3px}#notice_popup_area .count:not(:empty):after{content:"件)";margin-left:3px}#notice_popup_area .list{overflow:hidden}#notice_popup_area.open .list{overflow:visible}#notice_popup_area .notice{margin-bottom:10px;width:100%}#notice_popup_area .header{align-items:center;background-color:#e64b4b;display:flex;padding:2px 5px}#notice_popup_area .notice.yotei .header{background-color:#3f3c3c}#notice_popup_area .datetime{color:#FFF;font-weight:bold}#notice_popup_area .button.confirm{margin-left:auto;padding:1px 5px}#notice_popup_area .contents{background-color:#FFF;padding:5px 5px 10px 5px}#notice_popup_area .notice_user{background-color:#efef86;border-radius:3px;color:#555;font-size:11px;padding:3px 8px}#notice_popup_area .footer{align-items:end;display:flex;flex-wrap:wrap}#notice_popup_area .footer .link{margin-left:auto}