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

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

.con_list #headerSub,
.con_det #headerSub{
  display: none;
}

.con_det #headerSub{
  background-color: transparent;
}
@media screen and (max-width:1024px){
  .con_det #headerSub{
    display: none;
  }
}

.searchBox{
  display: none;
}


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

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

#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,
  .con_det #wrapper #contents,
  .other_det #wrapper #contents,
  .sub_det #wrapper #contents,
  .myprd_det.work_history #wrapper #contents,
  .mypost_det #contents,
  .brd_det #contents,
  .test_history_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;
}

.drawer .gnavis li,
#spheaderMenu nav li.addition,
#spheaderMenu nav li a,
#wrapper header.headerMain nav li.addition,
#wrapper header.headerMain .gnavi li{
  display: block;
  border: none;
  padding: 0;
  padding-left: 1.2em;
  position: relative;
  color: var(--app-main-cr1);
}

#wrapper header.headerMain nav li.addition:before,
#wrapper header.headerMain .gnavi li::before{
  content: "●";
  position: absolute;
  left: 0;
  top: 30px;
  transform: translateY(-50%);
  font-size: 0.5em;
  color: var(--app-main-cr1);    
}

#spheaderMenu nav li.addition::before,
.drawer .gnavis li::before{
  content: "●";
  position: absolute;
  left: 0;
  top: 15px;
  transform: translateY(-50%);
  font-size: 1.0em;
  color: var(--app-main-cr1);    
}

#wrapper header.headerMain nav li.addition li::before{
  content: "ー";
  font-weight: bold;
  top: 50%;
}

#spheaderMenu nav li.addition li::before{
  content: "ー";
  font-weight: bold;
  top: 50%;
  font-size: 0.7rem;
}

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

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

#wrapper #header .gnavi ul.dropdown ul{
  background: transparent;
  border: none;
  border-radius: 8px;
}

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

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

#spheaderMenu nav li.addition p,
#spheaderMenu nav li a,
#wrapper header.headerMain nav li.addition p,
#wrapper header.headerMain nav li a{
  margin: 10px 0px;
  padding: 8px 0px;
  text-decoration: none;
  color: var(--app-main-cr1);
  text-align: left;
  font-weight: normal;
  font-size: clamp(1.4rem, 1.4vw, 1.6rem);
}

#spheaderMenu nav nav li a{
  margin: 0;
  padding: 0;
}

#wrapper header.headerMain nav li.addition a{
  padding: 0 !important;
  margin: 0 !important;
}

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

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

#header .gnavi ul.dropdown .addition nav {
  position: static;
}

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


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

.slcs.drawer{
  background-color: #DFF4FF;
}

.drbtn{
  z-index: 30000;
}

.actR .drawer{
  top: 0;
}

#spheaderMenu .gnavis {
    padding: 0 25px;
}

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

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