@charset "UTF-8";
/* CSS Document */

#header .wrapper {
  display: flex;         /* 横並びにする */
  align-items: center;    /* 縦方向の中央揃え */
  justify-content: space-between; /* 両端（ロゴは左、ボタン類は右）に広げる */
	 padding: 0 10px 0 0;   /* ★左右に余白を作る（これで内側に収まります） */
}


.header__hamburger {
/*  margin-left: 20px; */    /* ENTRYボタンとの間の余白 */
}

#header p.logo {
width: 250px;
	margin-right: 30px
}

#header p.entry {
  margin-left: auto;     /* これを入れると、ENTRY以降の要素がすべて右端に寄ります */
	padding-bottom: 15px;
}
#header p.entry a {
	font-size: 1.0rem;
	padding: 10px;
	margin-bottom: 15px;
}



  .navbar {
    /* 固定位置にして画面全体を覆う */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; /* 画面の高さ100% */

    background-color: #f3f7fb; 
    /* 背景を少し透けさせたい場合は rgba(0,0,0,0.9) など */

    /* 初期状態は隠す（透明度と位置で制御） */
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    
    /* 中のメニュー項目を中央寄せにする設定 */
    display: flex;
    justify-content: center;
    align-items: top;
    z-index: 90; /* ハンバーガーボタン(100)より下に */
  }

  /* JSでbodyにis-openクラスがついた時の表示 */
  body.is-open .navbar {
    opacity: 1;
    visibility: visible;
  }

  /* メニュー内のリストを縦並びにする */
  .nav-list {
    flex-direction: column;
    text-align: center;
    list-style: none;
    padding: 0;
  }
  
  .nav-item {
    margin: 20px 0;
	  
  }
  
  a.nav-link {
    color: #004CA0; /* 文字を白にする */
    font-size: 20px;
    text-decoration: none;
  }

  /* 開いた時の状態 */
  body.is-open .navbar {
    right: 0;
  }

  /* ハンバーガーボタンの見た目（三本線） */
  .hamburger {
    display: block;
    position: relative;
    z-index: 100;
    width: 30px;
    height: 24px;
    background: none;
    border: none;
    cursor: pointer;
	  margin-left: 20px;
  }
  .hamburger span {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #333; /* 線の色 */
    transition: 0.3s;
  }
  .hamburger span:nth-child(1) { top: 0; }
  .hamburger span:nth-child(2) { top: 11px; }
  .hamburger span:nth-child(3) { bottom: 0; }

  /* ボタンを「×」にするアニメーション */
  body.is-open .hamburger span:nth-child(1) { transform: translateY(11px) rotate(-45deg); }
  body.is-open .hamburger span:nth-child(2) { opacity: 0; }
  body.is-open .hamburger span:nth-child(3) { transform: translateY(-11px) rotate(45deg); }

  /* メニュー展開時に背景を固定 */
  body.is-open {
    overflow: hidden;
  }


.breadcrumb {
display: none;
}


footer {font-size: 0.8em;}

footer .wrapper{display: block;}


footer .wrapper p{
	font-size: 0.9rem;
	margin-bottom: 10px;
	margin-left: 0;
}

footer ul{display: block;
	margin-right: 0;
}

footer ul li{	border-right: none;
	border-left: 2px solid #FFFFFF;
padding: 5px;}

.wrapper {padding: 0 15px;


}

section h2{
	font-size: 2.0rem;
	margin-bottom: 15px;

	padding-top: 5px;
}


a.entryBtn {
	margin: 0 auto 10px;

}

.brsp {display: block;}