header{
  position:fixed;
  width:100%;
  top:0;
  left:0;
  background:rgba(10,10,10,0.9);
  backdrop-filter:blur(10px);
  border-bottom:1px solid #222;
  z-index:1000;
}

.header-inner{
  max-width:100%;
  margin:0 auto;
  padding:20px 5%;
}

.header-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.header-bottom{
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
}


@media (min-width:1401px){
.header-top{
  padding-bottom:20px;
}

.header-bottom{
  padding-top: 10px;
}
}

.logo{
  text-decoration:none;
  color:#f5f5f5;
  font-size:28px;
  font-weight:600;
  letter-spacing:3px;
}

.logo span{
  color:#ff6a00;
}

.mobile-logo{
  display:none;
}

body::before{
  content:"";
  display:block;
  height:160px;
}

/* モバイル */

@media (max-width:1400px){

.header-top{
  display:none;
}

.header-bottom{
  justify-content:space-between;
}

.mobile-logo{
  display:block;
}

.mobile-sns{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  margin-bottom:30px;
}

}

.sns-group-h{
  display:flex;
  flex-wrap: wrap; /* 幅に応じて自動改行 */
  gap:15px;
}

.sns-icon-wrapper-h{
  width:40px;
  height:40px;
  background:#141414;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  transition:0.3s;
}

.sns-icon-wrapper-h:hover{
  background:#ff6a00;
}

.sns-icon-wrapper-h a{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.sns-icon-wrapper-h img{
  width: 25px;
  height: auto;
  object-fit: contain;
  display: block;
}

.sns-icon-wrapper-h:hover img{
  filter: brightness(0);
}

.tiktok-wrapper-h .sns-icon-h{
  width:43px;
  height:auto;
}

.nico-wrapper-h .sns-icon-h{
  width:30px;
  height:auto;
}

.mobile-sns{
  display:none;
}

@media (max-width:1400px){

.mobile-sns{
  display:flex;
  justify-content:center;
  margin-bottom:30px;
}

body::before{
  content:"";
  display:block;
  height:90px;
}

}