@charset "utf-8";ul#menu{list-style-type:none;width:100%;height:100vh;background:#000;opacity:.9;position:fixed;left:0;top:0;z-index:990;display:none;box-sizing:border-box}ul#menu li:first-of-type{padding-top:50px}ul#menu li{text-align:center;height:70px;text-transform:uppercase}ul#menu li .sp-facebook{font-size:2.4rem}ul#menu li a{text-decoration:none;display:block;line-height:70px}ul#menu li a:hover{opacity:.7}nav li.has-child ul li:hover{border-bottom:3px solid rgba(255,255,255,0)}.under nav li.has-child ul li:hover{border-bottom:3px solid rgba(3,0,0,0)}div#sp-icon{width:55px;height:47px;position:fixed;right:0;top:20px;z-index:999;border-top-left-radius:10px;border-bottom-left-radius:10px;background-color:#000}div#sp-icon:hover{cursor:pointer;opacity:1}div#sp-icon span,div#sp-icon span:before,div#sp-icon span:after{display:inline-block;width:20px;height:1px;background:#fff;position:absolute;transition-property:transform;transition-duration:.3s;z-index:999}div#sp-icon span{left:50%;top:50%;transform:translate(-50%,-50%)}div#sp-icon span:before{content:"";transform:translateY(-8px) rotate(0deg)}div#sp-icon span:after{content:"";transform:translateY(8px) rotate(0deg)}div.sp-open span{background:0 0 !important}div.sp-open span:before{transform:rotate(45deg) !important}div.sp-open span:after{transform:rotate(-45deg) !important}.sp-menu a{color:#fff}.nav li{margin-right:0}.sp-menu img:first-of-type{margin:0 20px}.fa-facebook-square{color:#fff}.fa-twitter-square{color:#fff}.sp-menu-sns li{margin-right:40px}