@charset "utf-8";

.pchide {	display:none; }
.pcbr { display: block; }

#fnav .btn { display: none !important; }

#bg_video{
    position: fixed;
    z-index: -3;
    top: 0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
}
#video {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    min-height: 100%;
    min-width: 100%;
}
#fullOverlay{
position: absolute;
left: 0; top: 0;
width: 100%; height: 100vh;
background: rgba(0, 0, 0, 0.8);
z-index: 9;
display: none;
}
#fullOverlay.view { display: block; }

  h1 { text-align: center; padding-top: 20vh; display: none; left: 50%; transform: translateX(-50%); position: absolute; }
  h1 img { width: auto; height: auto; }
  .mainv { height: 100vh; }
  /*.mainv::after { content: url("../img/scroll.svg"); width: 40px; height: auto; display: block; margin: 0 auto; margin-left: auto; position: absolute; text-align: center; margin-left: 48%; bottom: 2%; }
  .mainv.ah::after { content: none; }*/
.mainv .scroll { text-align: center; margin-top: 80dvh; display: none; left: 50%; transform: translateX(-50%); position: absolute; }
.mainv .scroll img { width: 50px; height: auto; }
  #container { width: 590px; margin: 0 auto; }
  #container h2 { font-weight: 100; font-size: 45px; line-height: 1.8; padding-bottom: 5%; }
  #container p { font-weight: 200; font-size: 18px; line-height: 2; margin-bottom: 70px; }
  
.info_wrapper { width: 100%; background-color: rgba(0,0,0,0.5); }
#info { border-top: solid 1px #808080; padding: 50px 0; width: 590px; margin: 0 auto; }
#info h3 { text-align: center; padding-bottom: 20px; }
#info h3 img { width: 280px; height: auto; }
#info .infobox { width: 90%; margin: 0 auto 50px; border-bottom: solid 1px #808080; }
#info .infobox .date { color: #b9c85b;font-size: 13px;font-weight: 300; }
#info .infobox .title { color: #fff;font-weight: 300;font-size: 20px;line-height: 2; }
#info .infobox .comment { font-weight: 300;color: #afafaf;font-size: 14px;padding: 10px 0 20px; }
#info .infobox .comment a { color: #b9c85b; }
#info .infobox:last-child { border: none; }