#g-nav{width:100%;background:#e50000}#g-nav .menu{display:grid;grid-template-columns:repeat(7,1fr);width:100%;margin:auto}#g-nav .menu .menu_list>a,#g-nav .menu .menu_list>span{display:flex;justify-content:center;align-items:center;padding:.5em 0;cursor:pointer;border:1px solid #e50000;color:#fff}#g-nav .menu .menu_list>a:hover,#g-nav .menu .menu_list>span:hover{color:#fff;background-color:#e50000;border:1px solid #e50000}#g-nav .menu_contents{display:none;position:absolute;left:0;width:100%;background-color:rgba(255,238,238,.7);border-bottom:1px solid #ccc;box-shadow:0 3px 3px rgba(0,0,0,.45);padding:1em}#g-nav .menu_contents .menu_contents_inner{max-width:1240px;width:100%;background:#fff;margin:auto;padding:1em}#g-nav.active{transform:translateY(0)}#sp-menu{display:none}@media (max-width:1240px){#sp-menu{background-color:#e50000;color:#fff;display:flex;z-index:99999;max-width:100%;height:36px;cursor:pointer;text-align:center;justify-content:center;align-items:center}}@media (max-width:1240px){#g-nav{position:fixed;width:100%;background:#fff;height:60vh;overflow-y:scroll;transform:translateY(-100%);transition:.3s ease 0s;top:0;left:0}#g-nav .menu{grid-template-columns:1fr}#g-nav .menu .menu_list>a,#g-nav .menu .menu_list>span{color:#000}#g-nav .menu .menu_list>a:hover,#g-nav .menu .menu_list>span:hover{color:#fff;background-color:#e50000;border:1px solid #e50000}#g-nav .menu_contents{position:relative;left:auto}}