@charset "UTF-8";

.sub_msg_overlay {
  z-index:15000; /*デモではheader,footerをz-index:1にしたので それより上げています*/
  display:none; /*jsでフェードインされるまでdisplay:none*/
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100vh; /*100vhでビューポートの高さいっぱいになります*/
  background:rgba(0,0,0,.5);
}

.sub_msg_nav {
  margin: 0 auto;
  position: absolute;
  display:none; /*jsでフェードインされるまでdisplay:none*/
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  z-index: 15001;
  background: #fff;
  border: 1px solid #ccc;
   border-radius: 5px;        /* CSS3草案 */
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;   /* Firefox用 */

}

.sub_msg_nav.active {
  display: block;
}