/* ========================= */
/* Navbar */
/* ========================= */

.navbar{
	position: fixed;
	top: 0;        /* ← 追加 */
  left: 0;       /* ← 推奨 */
  right: 0;      /* ← 横幅確保 */
  height:64px;

  display:flex;
  align-items:center;

  padding:8px 12px;

  background:#eee;
  box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	z-index: 10;
}



/* Left */
.navbar-left{
  display:flex;
  border-radius:20px;
  padding:2px;
}

.nav-btn{
  border:none;
  background:transparent;
  padding:6px 14px;
  border-radius:18px;
  font-size:14px;
}

.nav-btn.active{
  box-shadow:0 1px 2px rgba(0,0,0,0.1);
}



/* Center */
.navbar-center{
  flex:1;
  text-align:center;
  line-height:1.2;
}

.nav-path{
  font-size:13px;
}

.nav-title{
  font-size:16px;
  font-weight:600;
}



/* Right */
.navbar-right{
  width:40px;
}