/* ヘッダー全体をフレックスコンテナにする */
/* 方針
  body <- メニューの高さ(47px)分さげる
    header   <- fiexdで画面上部に固定 
      メニュー(高さ：47px)
    site-content-containa  < body のtopと同じ位置　topから47で始まる
      H1 タイトル < 親と同じ位置
*/

.site-header {
  display: flex;
  flex-direction: row;
  background-color: rgba(16, 72, 73, 0.8);
  height: 80px;
  position: fixed;
  /* スクロールに応じて固定 */
  top: 0;
  /* 上部に配置 */
  /* 左端に配置 */
  width: 100%;
  /* 横幅を100%に設定 */
  z-index: 1000;
  /* 他の要素の上に表示 */
}

/* ヘッダーの後のコンテンツが隠れないように、適切な余白を追加 */
body {
  margin-top: 80px;
  /* ヘッダーの高さ分だけ上に余白を追加 */
}

/**************** logo****************** */
/**************** logo****************** */
/**************** logo****************** */

/* サイトの名前を透過 サイト名は未使用*/
.site-title {
  opacity: 0;
  width: 0;
  height: 0;
}

.site-branding {
  padding: 0px;
}

.site-branding .wrap {
  padding: 0px;
}

.custom-logo-link img {
  background: #fff;
  padding: 10px;
  width: 218px;
  height: 80px;
}

.custom-logo-link {
  padding-right: 0em;
}

/**************** navi****************** */
/**************** navi****************** */
/**************** navi****************** */
/**************** navi****************** */

.navigation-top {
  /*staticが場合はロゴとメニューが重なる*/
  position: static;
  background: rgba(0, 0, 0, 0);
  border: none;
}

/*既にあるwrapの設定を上書き*/
.navigation-top .wrap {
  max-width: 100%;
  margin: 0;
  padding: 0.75em 0em 0.75em 0em;
}

/*-----------------修正s---------------*/
/*-----------------修正---------------*/
/*-----------------修正---------------*/
/*-----------------修正---------------*/
/*-----------------修正---------------*/
.navigation-top .wrap .main-navigation ul {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  height: 70px;
  align-items: center;
}
/*-----------------修正e---------------*/
/*-----------------修正---------------*/
/*-----------------修正---------------*/
/*-----------------修正---------------*/
/*-----------------修正---------------*/

.main-navigation ul li {
  flex-grow: 1;
  /* 画面幅に合わせて均等に伸び縮み */
  flex-shrink: 1;
  /* 必要に応じて縮小 */
  flex-basis: 0;
  /* 初期幅を0に設定し、flex-growに従う */
  position: relative;
}

/*-----------------修正s---------------*/
/*-----------------修正---------------*/
/*-----------------修正---------------*/
/*-----------------修正---------------*/
/*-----------------修正---------------*/
.main-navigation ul li::before {
  content: "";
  position: absolute;
  top: -22px;
  left: 0;
  height: 84px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: -3px;
}

/* .main-navigation ul li:first-child::before {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  height: 76px;
  margin-top: -3px;
} */

.navigation-top a {
  color: #fff;
  font-size: 1.2rem;
  font-family: "Noto Sans JP", sans-serif;
  margin: auto;
  text-align: center;
  align-items: center;
}

.main-navigation a:hover {
  background: #104849;
  color: #000;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
  color: #fff100;
}
/*-----------------修正e---------------*/
/*-----------------修正---------------*/
/*-----------------修正---------------*/
/*-----------------修正---------------*/
/*-----------------修正---------------*/

/**************** title****************** */
/**************** title****************** */
/**************** title****************** */
/**************** title****************** */

body:not(.archive):not(.twentyseventeen-front-page) .entry-title {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #598a8b, #104849);
  color: #fff;
  font-size: 4rem;
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  text-transform: capitalize;
  /*小文字にする*/
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 160px;
  text-align: center;
  border-bottom: 8px solid #cdcb9d;
}

/**************** entry content を調整****************** */
/**************** entry content を調整****************** */
/**************** entry content を調整****************** */
/**************** entry content を調整****************** */
/**************** entry content を調整****************** */

body.page-two-column:not(.archive) #primary .entry-content {
  width: 100%;
}

/******************** その他 ***********************/
/******************** その他 ***********************/
/******************** その他 ***********************/
/******************** その他 ***********************/
/******************** その他 ***********************/

/*--------------------------------------------------------------
header
--------------------------------------------------------------*/

/* ハンバーガーチェックボックス */

.menu-toggle-checkbox {
  display: none;
  /* PC版ではハンバーガーメニューを非表示にする */
}

.menu-nav_menu-container {
  display: block;
  /* PC版ではメニューを表示する */
}

@media screen and (max-width: 767px) {
  /* メニューの高さ */
  .site-header {
    height: 56px;
  }

  /* ヘッダーの後のコンテンツが隠れないように、適切な余白を追加 */
  body {
    margin-top: 56px;
    /* ヘッダーの高さ分だけ上に余白を追加 */
  }

  /* -------------ロゴ---------------- */
  /* -------------ロゴ---------------- */
  /* -------------ロゴ---------------- */

  /*----------------秋田店のみの修正02s---------------*/
  /*----------------秋田店のみの修正02---------------*/
  /*----------------秋田店のみの修正02---------------*/
  /*----------------秋田店のみの修正02---------------*/
  /*----------------秋田店のみの修正02---------------*/
  
/* サファリで正常に表示されないため修正
  .custom-logo-link img {
    width: 65%;
    height: 65%;
  }
	*/
 .custom-logo-link img {
    width:auto;
    height: 56px;
	padding:10px;
  }
	
  /*----------------秋田店のみの修正02e---------------*/
  /*----------------秋田店のみの修正02---------------*/
  /*----------------秋田店のみの修正02---------------*/
  /*----------------秋田店のみの修正02---------------*/
  /*----------------秋田店のみの修正02---------------*/
  

  /* -------------ナビゲーションs---------------- */
  /* -------------ナビゲーション---------------- */
  /* -------------ナビゲーション---------------- */

  /* .navigation-top */
  .navigation-top {
    margin-left: auto;
    margin-right: 6%;
  }

  .navigation-top .wrap {
    padding: 0em;
  }

  /*----------------------メニューの高さs------------------*/
  /*----------------------メニューの高さ------------------*/
  /*----------------------メニューの高さ------------------*/
  /*----------------------メニューの高さ------------------*/
  /*----------------------メニューの高さ------------------*/
  .navigation-top .wrap .main-navigation ul {
    height: 100vh;
  }
  /*----------------------メニューの高さe------------------*/
  /*----------------------メニューの高さ------------------*/
  /*----------------------メニューの高さ------------------*/
  /*----------------------メニューの高さ------------------*/
  /*----------------------メニューの高さ------------------*/

  /* ハンバーガーメニューの上にスペースを入れる */
  .navigation-top .wrap .main-navigation ul {
    padding-top: 40px;
    margin: 0;
  }

  /* タップできる領域を広くしている */
  .navigation-top .current-menu-item > a,
  .navigation-top .current_page_item > a {
    display: block;
  }

  .navigation-top a {
    margin: 0;
    width: 350px;
    /* 中央寄せの位置を調整している */
    font-size: 1.4rem;
    border-left: none;
  }

  /* main-navigation */
  .main-navigation {
    /* background-color: rgba(16, 72, 73, 0.8); */
    position: relative;
    height: 58px;
    top: -5px;
    left: -30px;
  }

  .main-navigation ul li::before {
    border-right: none;
  }

  /* 線を消す */
  .main-navigation ul li:first-child {
    border-left: none;
  }

  .main-navigation > div > ul {
    display: none;
  }

  .main-navigation.toggled-on > div > ul {
    background-color: rgba(16, 72, 73, 0.8);
    margin: 0;
    z-index: 8;
  }

  .main-navigation a:hover {
    height: 50px;
    top: 0;
    background: none;
  }

  /* ハンバーガーメニュー */

  /* チェックボックスを非表示にする */
  .menu-toggle-checkbox {
    display: none;
  }

  /* ハンバーガーメニューの幅 */
  .menu-toggle {
    display: flex;
    position: relative;
    /* 位置指定が影響しているか確認 */
    left: 80%;
    top: 5px;
    z-index: 100;
  }

  /* 三本線のスタイルと動き */
  .menu-toggle .icon {
    background-color: #fff;
    height: 1px;
    width: 30px;
    display: block;
    transition: all 0.3s ease;
    margin: 5px 0;
    top: 10px;
    position: relative;
    z-index: 101;
  }

  /* 三本線が×に変わるアニメーション */
  .menu-toggle-checkbox:checked + .menu-toggle .icon:nth-child(1) {
    transform: rotate(45deg);
    top: 6px;
  }

  .menu-toggle-checkbox:checked + .menu-toggle .icon:nth-child(2) {
    opacity: 0;
  }

  .menu-toggle-checkbox:checked + .menu-toggle .icon:nth-child(3) {
    transform: rotate(-45deg);
    top: -6px;
  }

  /* メニューを表示する */
  .menu-toggle-checkbox:checked ~ .menu-nav_menu-container {
    transform: translateX(0);
    /* メニューを表示 */
  }

  /* メニューアイテムのスタイル */
  .menu-nav_menu-container ul {
    /* 中央寄せ */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  /* リストの幅 */
  .menu-nav_menu-container li {
    width: 100%;
    text-align: center;
  }

  /* 文字のスタイル */
  .menu-nav_menu-container a {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    display: block;
    width: 350px;
    height: 50px;
    border-left: none;
    /* top: 80px; */
    /* メニューが機能する */
    font-size: 1.3rem;
    /*position: relative;*/
    z-index: 12;
  }

  /* 文字の階層 */
  .main-navigation ul li a {
    z-index: 110;
  }

  /* 線を消す */
  .main-navigation ul li {
    /* position: relative;*/
    border: none;
    pointer-events: auto;
  }

  /* メニューの表示位置と非表示 */
  .menu-nav_menu-container {
    position: fixed;
    /* メニューを固定位置に */
    top: 0;
    /* 上端に固定 */
    right: 0;
    /* 右端に固定 */
    bottom: 0;
    /* 下端まで表示 */
    left: 0;
    /* 左端まで表示 */
    transform: translateX(100%);
    /* 初期状態で画面外に */
    transition: transform 0.3s ease-in-out;
    /* スライドインアニメーション */
    z-index: 10;
    /* メニューが他の要素より前に表示されるように */
    padding: 0;
  }

  /* -------------ナビゲーションe---------------- */
  /* -------------ナビゲーション---------------- */
  /* -------------ナビゲーション---------------- */

  /* -------------H1 s---------------- */
  /* -------------H1 s---------------- */
  /* -------------H1 s---------------- */
  body:not(.twentyseventeen-front-page) .entry-header {
    padding-top: 30px;
  }

  /*H1タイトルを上位に移動 固定ページ */
  body:not(.archive):not(.twentyseventeen-front-page) .page .entry-title {
    font-size: 2.6rem;
    width: 100vw;
    position: absolute;
    /* relativeからabsoluteに変更 */
    left: 0;
    /* 左端に合わせる */
    right: 0;
    /* 右端に合わせる */
    top: 0px;
  }

  /* -------------H1 e---------------- */
  /* -------------H1 e---------------- */
  /* -------------H1 e---------------- */

  /* -------------各店舗---------------- */
  body:not(.archive):not(.twentyseventeen-front-page) .entry-title {
    font-size: 2.6rem;
  }
}