/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
padding:1px;
height: 70px;/*高さ*/
background-image: url(logo-bg.jpg); 
  display: flex;
  justify-content: space-between; 
  align-items: center;
  position: relative;
}



/*スマホ、タブレット時、ヘッダーの中に表示するハンバーガーメニューの管理
---------------------------------------------------------------------------*/

#menu-btn {
  position: relative;
  top:0px;
  left:3px;
  width: 38px;
  height: 38px;
  padding: 0;
  cursor: pointer;
}
 
#menu-conts {
  display: none;
  background:#FFF;
  position: absolute;
  top: 62px;
  width: 100%;
  z-index: 1;
}
 
#menu-conts a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 10px 10px;
  transition: all 0.5s ease;
  z-index: 1;
}
 
#menu-conts a:hover {
/*  background: rgba(0, 0, 0, .6);*/
background:#000;
  z-index: 1;
}