/* 
Theme Name: epless_theme-child
Template: epress_theme

Theme URI: https://theme-url.com/
Description: 子テーマ
Author: theme author
Version: 1.0.0
Text Domain:
Tags:
*/

/*子テーマを作成し、viewフォルダのheader.php に子テーマCSSを main.css の後で追加する命令文を記入
子テーマのstyle.cssでページを制御。*/
/*Multiple Themes pluginで、ページごとにテーマを選択*/


/* =========================
   600px以上：横並びメニュー
========================= */
@media (min-width: 600px) {

.global_nav .menu_icon {
display:none;
}

  header .container .row {
    display: table;
    width: 100%;
    margin-bottom: 0;
  }
  header .row {
    margin: 0;
    display: table;
    margin: 0 3%;
    width: 94%;
    table-layout: fixed;
  }
  header .title, header .global_nav {
    height: 90px;
    display: table-cell;
    margin: 0;
    vertical-align: middle;
  }
  header .title {
    max-width: none;
    width: 370px;
    max-width: none;
    padding: 10px 0;
  }
  header .title img {
    width: auto;
  }
  header .global_nav {
    text-align: right;
    width: calc(94vw - 370px);
    padding: 0;
  }
  header .global_nav:not(:last-child) {
    display: table-cell;
  }
  header .global_nav > ul {
    position: static;
    display: inline-block;
    width: auto;
    padding-left: 20px;
    border: none;
    background: none;
    visibility: visible;
    font-size: 0px;
    font-size: 0rem;
    -webkit-transform: none;
            transform: none;
    text-align: left;
    overflow: visible;
  }
  header .global_nav > ul > li {
    display: inline-block;
    vertical-align: middle;
    border: none;
    line-height: 1.5;
    padding: .3em 1.2em;
    border-left: 1px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  header .global_nav > ul > li > a {
    display: inline;
    padding: 0;
    color: #270303;
    text-decoration: none;
    background: transparent;
  }
  header .global_nav > ul > li > a:hover {
    border-bottom: 2px solid #cc3300;
    color: #cc3300;
  }
  header .global_nav > ul > li > a:active {
    background: none;
  }
  header .global_nav > ul > li a {
    padding: .3em 0;
    -webkit-transition: .3s;
    transition: .3s;
  }
  header .global_nav > ul > li:last-child {
    border-right: 1px;
  }
  header .global_nav .menu_icon {
    display: none;
  }
  #google_translate_element, .translate_gt {
    position: static;
    float: right;
    margin-top: 3px;
    margin-left: 1em;
  }
  .translate_gt {
    margin-top: 0;
  }
  body.tablet header .global_nav {
    width: calc(962px - 295px);
    width: calc(94vw - 370px);
  }
}

/*********タイトル上、メニュー部の余白*************/
body, .up scrollTop{
margin-top:100px !important;
}

/************メニューの幅**************/

@media (min-width: 600px) and (max-width: 900px) {
.primary_header .title, .primary_header .title object{
width:250px;
}
}

@media (max-width: 600px) {
.global_nav li, .global_nav li a{
width:100%;
height:50px;
}
.global_nav li a{
margin-top:10px;
}
body, .up scrollTop{
margin-top:50px !important;
}
}

.primary_header .global_nav {
width:100%;
}



/* =========================
   ヘッダーメニューを常に表示
========================= */

/* ヘッダーを常に画面上部に固定 */
/* スクロール時に primary_header が上へ引っ込む動きを止める */
.primary_header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;

  transform: translateY(0) !important;
  opacity: 1 !important;
  visibility: visible !important;

  background-color:#ffffff;
  height: auto !important;
  min-height: 0 !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

/* スクロール時に class が付いても隠れないようにする */
.primary_header.is-hide,
.primary_header.hide,
.primary_header.scroll-down,
.primary_header.is-scroll,
.primary_header.is-fixed,
.primary_header.active,
.primary_header.open {
  top: 0 !important;
  transform: translateY(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/************メニューの高さを減らす**************/

/* ヘッダー固定分、本文を下げる */
body {
  padding-top: 70px;
}

/* メニュー全体 */
.primary_header ul,
.primary_header .menu {
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* メニュー1つずつ */
.primary_header li {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* メニューリンク */
.primary_header a {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  line-height: 1.3 !important;
}

/* ハンバーガーメニューの時のメニュー高さとロゴタイトル位置*/
@media (max-width: 600px) {
.primary_header, .primary_header .row, .primary_header .title{
height:60px !important;
margin-top:0px;
padding-top:0px;
}
.primary_header .row, .primary_header .title a, .primary_header .title object{
height:30px !important;
margin-top:0px;
padding-top:0px;
}
}

/********** 検索窓を消す ************/
/* 1. gnav_search自体を消す */
.global_nav .gnav_search {
  display: none !important;
}

/* 2. li自体にgnav_searchが付いている場合 */
.global_nav li.gnav_search {
  display: none !important;
}

/* 3. gnav_searchを含むliごと消す */
.global_nav li:has(.gnav_search) {
  display: none !important;
}