/* Header
/* -------------------------------------------------------------------------- */

.screen-overlay {
  width: 0%;
  height: 100%;
  z-index: 100;
  position: fixed;
  top: 2.5rem;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(34, 34, 34, 0.6);
  transition: opacity .2s linear, visibility .1s, width 1s ease-in;
}

#tNav-wrapper {
  height: 70px;
  line-height: 70px;
  background-color: #fff;
}

#tNav-wrapper #tNav a.navbar-brand  img.img-fluid {
  width: 130px;
}

header.sticky-top {
  border-top: 4px solid #fff;
}

#tNav .nav-lang a {
  font-size: 1rem;
  color: #1D1D1F;
  padding-right: 1.5rem;
  cursor: pointer;
}

.nav-link-inquiry.active {
  color: #fff !important;
}

#tNav .nav-lang .nav-link-search {
  display: none;
}

#tNav .navbar-toggler-icon {
  background: url(/wp-content/themes/qines/assets/images/toggler-icon.png) no-repeat center center;
}

#tNav .navbar-toggler.open .navbar-toggler-icon {
  background: url(/wp-content/themes/qines/assets/images/close-icon.png) no-repeat center center;
}

#mNav-wrapper {
  background-color: #fff;
  border-bottom: solid 3px #1a2792;
}

#mNav .nav-item {
  margin-right: 2rem;
}

#mNav .nav-link {
  padding: 0rem 0;
  color: #1A2792;;
}

#mNav .nav-link:hover, #mNav .nav-item.active .nav-link {
  border-bottom: 3px solid #1a2792;
}

#mNav .nav-item.active .nav-link {
  font-weight: 600;
}

#searchForm #btn-search {
  background-color: #1A2792;
  border-color: #1A2792;
}

#searchForm #btn-search:focus {
  box-shadow: none;
}

@media (max-width: 767.98px) {
  .offcanvas-collapse {
    position: fixed;
    top: 3.25rem;
    left: 100%;
    width: 50%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #1A2792;
    transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
  }
  .offcanvas-collapse.open {
    visibility: visible;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    padding-right: 0;
  }
  .screen-overlay.show {
    transition: opacity .5s ease, width 0s;
    opacity: 1;
    width: 100%;
    visibility: visible;
  }
  #tNav-wrapper {
    height: 3rem;
    line-height: 3rem;
    box-shadow: 0px 4px 4px rgba(24, 27, 54, 0.15);
  }
  #tNav .nav-lang a {
    font-size: .875rem;
    padding-right: 1rem;
  }
  #tNav-wrapper #tNav a.navbar-brand  img.img-fluid {
    width: 80px;
  }
  
  #tNav .nav-lang .nav-link-search {
    display: inline-block;
  }
  #mNav .nav-link {
    font-size: .875rem;
  }
  #mNav .nav-link:hover, #mNav .nav-item, #mNav .nav-item.active .nav-link {
    background: url(/wp-content/themes/qines/assets/images/arrow-right-blue.png) no-repeat right 1rem center, #fff;
  }
  #mNav .nav-item {
    border-bottom: 1px solid #90A2B5;
    margin-right: 0;
  }
  #mNav .nav-item:last-child {
    border-bottom: 0;
  }
  #searchForm {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .offcanvas-collapse {
    width: 80%;
  }
}


/*googleカスタム検索用*/
.input-group .search-input {
  border-radius: 0.25rem 0rem 0rem 0.25rem!important; 
}
.search-btn{
  border-radius: 0rem 0.25rem 0.25rem 0rem!important; 
}

/* 　結果表示 */
.gsc-above-wrapper-area {
  /* border-bottom: 1px solid #e9e9e9; */
  padding: 5px 0 5px 0!important; 
  display: none!important; 
}
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title {
  font-size: 1.5vw!important; 
}

/* .gsc-webResult .gsc-url-top {
  display: none;
} */
.gs-webResult div.gs-visibleUrl {
  display: none!important; 
}
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
  border-bottom-color: #1a2792!important; 
}
/* 
.gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet, .gs-fileFormatType {
  font-size: 0.9rem;
  line-height: 1.625rem;
} */
.gsc-control-cse .gsc-table-result {
  /* font-family: meiryo, arial, sans-serif; */
  font-size: 0.9rem!important; 
  line-height: 1.625rem!important; 
}

.gsc-table-cell-snippet-close {
  padding: 1px 0!important; 
  text-align: justify!important; 
  margin-bottom: 1rem!important; 
  padding-right: 3.75rem!important; 
}

/************************************
 ページボタン
*************************************/
.gsc-cursor-box{
  align-items: center !important;
}
.gsc-cursor .gsc-cursor-page{/*ページ選択ボタン*/
  border: 1px !important;
  border-radius: var(--cursor-border-radius) !important;
  box-shadow:0px 0px 0px 0px #c4c4c4 !important;
}
.gsc-cursor .gsc-cursor-page:hover{
  box-shadow:0px 4px 6px 0px #c4c4c4 !important;
}
.gsc-cursor-page .gsc-cursor-current-page{/*現在のページ*/

}