@charset "UTF-8";html,body{height:100%}#contents{background:url("../images/bg.jpg") #000 no-repeat;background-size:cover}.header .header__heading{background:#000;position:absolute;width:100%;z-index:3}.nav-content{position:absolute;width:100%;top:-735px;z-index:2;-webkit-transition:1.5s top;transition:1.5s top;list-style-type:none}.nav-content ul li{font-size:22px;font-size:2.2rem;list-style-type:none}.nav-content ul li a{text-align:center;display:block;padding:20px 0;color:#333}.is-open .nav-content{top:65px}#js-cover{background:#fff;width:100%;width:96%;height:100%;display:block;position:absolute;top:1%;left:2%;opacity:0;z-index:1;z-index:0}.menu-button{width:30px;height:30px;position:fixed;right:6px;top:6px;z-index:3;background-color:rgba(255,255,255,0.5);border-radius:2px}.menu-button i{display:block;width:20px;height:2px;border-radius:3px;background:#333;-webkit-transition:background .5s;transition:background .5s;position:relative;left:5px;top:14px}.menu-button i:before,.menu-button i:after{content:"";display:block;width:20px;height:2px;border-radius:3px;background:#333;position:absolute;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:all .3s !important;transition:all .3s !important}.menu-button i:before{-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px)}.menu-button i:after{-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px)}.is-open .menu-button i{background:#fff}.is-open .menu-button i:after{-webkit-transform:translateY(0) rotate(-45deg);-ms-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}.is-open .menu-button i:before{-webkit-transform:translateY(0) rotate(45deg);-ms-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}.content{height:100px;border-bottom:1px solid rgba(255,255,255,0.5)}.content p{color:#fff;position:relative;bottom:-80px;text-align:center}