/* Style for PCs */
@media screen and (min-width: 1025px) {

  /* Mobilemenu */
ul.mobilemenu {
  display: none;
}

/* Menu botton*/
.menubn {
display: block;
position: fixed;
z-index: 21500;
right: 1%;
top: 28px;
width: 50px;
height: 50px;
cursor: pointer;
text-align: center;
background-image: url(../img/header/ic-menu_op.png);
background-repeat: no-repeat;
background-position: center 90%;
background-size: auto 9px;
}

.menubn.ausp_active {
display: block;
position: fixed;
z-index: 21500;
right: 1%;
top: 8px;
width: 50px;
height: 50px;
cursor: pointer;
text-align: center;
}

.menubn span {
display: block;
position: absolute;
width: 40px;
height: 2px;
left: 6px;
background: var(--color-black);
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

.menubn span:nth-child(1) {
top: 10px;
}

.menubn span:nth-child(2) {
top: 20px;
}

.menubn span:nth-child(3) {
top: 30px;
}

/* ナビ開いてる時のボタン */
.menubn.active {
  background-image: url(../img/header/ic-menu_cl.png);
}
.menubn.active span:nth-child(1) {
top: 16px;
left: 6px;
background: var(--color-black);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.menubn.active span:nth-child(2),
.menubn.active span:nth-child(3) {
top: 16px;
background: var(--color-black);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}

nav.globalmenu {
position: fixed;
z-index: 20000;
top:  -100%;
left:0;
color: var(--color-black);
background: rgba(33, 40, 95, 0.95);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
text-align: center;
width: 100%;
height: 50px;
opacity: 0;
transition: .4s all;
}

nav.globalmenu ul {
width: 100%;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
padding: 0 0;
}

nav.globalmenu ul li {
list-style-type: none;
padding: 0;
flex: 1;
font-size: 14px;
letter-spacing: 0px;
transition: .4s all;
border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
}

nav.globalmenu ul li:last-child {
border-bottom: none;
}

nav.globalmenu ul li a {
  width: 100%;
height: 50px;
display: block;
text-decoration: none;
color: var(--color-white);
line-height: 50px;
}


nav.globalmenu ul li:hover {
background: rgba(3, 193, 181, 0.85);
}

/* このクラスを、jQueryで付与・削除する */
nav.globalmenu.active {
opacity: 100;
top:90px;
}
nav.globalmenu.ausp_active.active {
opacity: 100;
top:70px;
}

}