/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/


.filter-cat-4 span {display: none!important}
.filter-cat-13 span {display: none!important}
.filter-cat-14 span {display: none!important}


.pc {  }
.sp {display: none;}

.single_cont a {color:#0cb4ce;}

.post-info {display: none;}

.stitle img {height:60px;}

.isotope-filters a {color:#fff!important; font-size:1.2vw!important;}
.isotope-filters a.active {color:#007bff!important; }

.nmenu a { padding:0!important; margin:0 10px;}


.toplogo {width:50%; margin:0 auto;}
.topmenu {display:flex; gap:20px; justify-content:center;}
.topmenu img {height:60px; transition: transform 0.3s ease-out; /* アニメーションの速度と種類を指定 */}
.topmenu img:hover {
    transform: translateY(-10px); /* 画像を上に10px移動 */
}


.nmenu a::after {
  content: ''; /* 疑似要素には必須 */
  position: absolute;
  bottom: -5px; /* 画像の下からの位置調整 */
  left: 0;
  width: 0; /* 初期状態では幅を0にする */
  height: 2px; /* アンダーラインの太さ */
  background-color: #007bff; /* アンダーラインの色 */
  transition: width 0.3s ease-out; /* 幅の変化を0.3秒でアニメーション */
}

.nmenu a:hover::after {
  width: 100%; /* ホバー時に幅を100%にする */
}

.nmenu.active a::after {
  width: 100%; 
}


.single_wrap {

margin:0 auto;
padding:20px;
color:#fff;


;

}

.single_cont {display:flex; gap:20px;  margin-top:20px;

background-color: rgba(0,0,0,0.06);
  border: 1px solid rgba(255,255,255,0.1);
 
  border-radius: 15px;
 
  backdrop-filter: blur(10px)



}
.single_des {width:50%;}
.single_img  {max-width:50%; }
.single_img img {border-radius: 10px; }

.single_des p {margin:0;}




.song {
  color: #fff;
  margin: 0px auto;
  background-color: rgba(0,0,0,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  width: 100%;
  border-radius: 15px;

  backdrop-filter: blur(10px);

}




.sample {display:flex; flex-wrap: wrap;}
.sample li {width:20%;}

.toggle {
  display: inline-block;
  padding: 10px 32px;
  border: 0;
  text-decoration: none;
  border-radius: 15px;
  background-color: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.1);
  backdrop-filter: blur(30px);
  color: rgba(255,255,255,0.8);
  font-size: 14px;
  letter-spacing: 2px;
  cursor: pointer;
  text-transform: uppercase;
}


.audio-player input[type="range"] {
  accent-color: #007bff; /* 簡易的な色変更（モダンブラウザ向け） */
}


.audio-player input[type="range"] {
  width: 100px; /* バーの横幅を調整 */
  height: 6px;  /* 高さを変える場合 */
}



.login {background: #000!important; text-align: center; color:#fff;}
.toplogin  {width:40%; margin:0 auto;}
.login-form {width:30%; margin:0 auto;}
.login-form input {background: #000; border:1px solid #fff; color:#fff!important;
width:100%; margin-bottom:10px;
}
button[type="submit"] {
  background-color: black;
  color: white; /* 文字色を白にして見やすくします */
  padding: 10px 20px; /* 適宜調整してください */
  border: 1px solid #fff;
  cursor: pointer; /* マウスカーソルを指マークにする */
  width:100%;
}

button[type="submit"]:hover {
  background-color: #fff;
 color:#000;
}




@media screen and (max-width: 600px) {


.pc {display: none; }
.sp {display: block;}


.isotope-filters a { font-size:3vw!important;}

.stitle img {height:40px;}
.toplogo {width:90%; margin:0 auto;}
.topmenu {display:block; }
.topmenu img {height:40px; display:block; margin:10px auto;}

.sample li {width:40%;}


.single_cont {display:block;}
.single_des {width:100%;}
.single_img  {max-width:100%; }


.toplogin  {width:80%; margin-top:50px;}
.login-form {width:80%; }

}