@charset "UTF-8";

.inr_nav {position: relative; -webkit-text-size-adjust: none; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'Noto Sans JP', sans-serif; /*font-style: italic;*/ z-index: 999;}
#navbtn {position: inherit;/*position: fixed; top: 57px; right: 0px;*/ margin: 0; padding: 0 13px; outline: none; border: none; border-radius: 4px; background: /*rgba(25,71,186,0.9)*/rgba(255,255,255,0.9); width: 50px; height: 50px; cursor: pointer; z-index: 9;}
#navbtn::before, #navbtn::after{content : ''; display: block; height: 1px; background: #000; transform: translateY(10px); transition: 0.3s ease-in-out;}
#navbtn::before{transform: translateY(-10px); box-shadow: 0 10px #000;}

.open #navbtn {z-index: 100; background: none;}
.open #navbtn::before{transform: rotate(-45deg); box-shadow: none; background: #fff;}
.open #navbtn::after{transform: rotate(45deg); box-shadow: none; background: #fff;}
.open .nav{visibility: visible; opacity: 1;}

.nav{position: fixed; top: 0; left: 0; width: 100%; height: 100vh;  background: /*rgba(0,0,0,0.9)*/rgba(229,56,205,0.9); color: #fff; display: flex; justify-content: center; align-items: center; visibility: hidden; opacity: 0; transition: 0.5s ease-in-out; z-index: 8;}
.nav ul {list-style: none; text-align: center;}
.nav ul li {font-size: 1.4rem; font-weight: 500; color: #fff;}
.nav ul li.no_link {opacity: 0.5;}
.nav li:not(:last-child) {margin-bottom: 20px;}
.nav li a {color: #fff; text-decoration: none;}
a.anchor {display: block; position: relative; top: -80px; visibility: hidden;}

@media screen and (min-width: 769px) {
#navbtn { display: none; }
.nav ul li img {width: 80%; filter: brightness(0) invert(1);}

}



@media screen and (max-width: 768px) {
.nav ul li img {width: 70%; filter: brightness(0) invert(1);}

}


@media screen and (max-width: 480px) {
a.anchor {display: block; position: relative; top: -80px; visibility: hidden;}
/*#outline{display: block; padding-top: 140px; margin-top: -140px;}*/
}