@charset "utf-8";
/***************************************************
information
  filename : header_common.css;
***************************************************/

/****************** サブヘッダー ******************/

.con_list #headerSub{
  display: none;
}

.searchBox{
  display: none;
}


/****************** サイドメニュー ******************/

#wrapper header.headerMain{
  position: fixed;
  width: 260px;
  height: 100vh;
  padding: 32px 40px;
  background: #fff;
}

#header .site_logo{
  margin-bottom: 20px;
}

#header .gnavi ul{
  flex-direction: column;
}

@media screen and (min-width:1024px){
  .mytop_det #wrapper #contents,
  .con_list #wrapper #contents,
  .other_det #wrapper #contents,
  .sub_det #wrapper #contents,
  .myprd_det.work_history #wrapper #contents,
  .mypost_det #contents,
  .brd_det #contents{
    padding-left:260px;
  }
}

/* サイト名・ロゴ */
.site_logo img{
  max-width: 160px;
  margin: auto;
}
@media screen and (max-width: 540px){
  .site_logo img{
    width: 65%;
    margin: auto;
  }
}


#wrapper header.headerMain .gnavi{
  padding: 0px;
}

#wrapper header.headerMain .gnavi li{
  display: block;
  border: none;
  padding: 0;
}

#wrapper header.headerMain .gnavi li a{
  text-align: left;
}

#wrapper header.headerMain nav li a{
  display: block;
  margin:10px 0px !important;
  padding:8px 0px !important;
  font-size:16px;
  text-decoration: none;
  color:var(--app-glnv-txt);
  text-align: left;
  font-weight: normal;
}

#wrapper #header .gnavi ul.dropdown ul{
  background: #fff;
  border: 1px solid #acacac;
  border-radius: 8px;
}

#wrapper #header .gnavi ul.dropdown ul li{
  background: transparent;
  border: none;
  padding-left: 10px;
}

#wrapper #header .gnavi ul.dropdown a:visited,
#wrapper #header .gnavi ul.dropdown a:hover{
  opacity: 0.6;
}

#wrapper #header .gnavi ul.dropdown ul a{
  color: var(--app-contents-txt);
}

#wrapper #header .gnavi a span.naviBar{
  display: none;
}

#wrapper #header .gnavi ul.dropdown .navi_end{
  border-top: 1px solid #acacac;
  margin-top: 30px;
}


/****************** スマホヘッダー ******************/

.slcs.drawer{
  background-color: rgba(255, 255, 255, 1.0);
}

.drbtn{
  z-index: 30000;
}

.actR .drawer{
  top: 0;
}

.headerMain #spheaderMenu .scroll-Fixed{
  padding-bottom: 0;
}

.headerMain #spheaderMenu .scroll-Fixed .scrFixed{
 padding-top: 1.0rem;
 box-shadow: none;
}