@charset "utf-8";
@media print,screen and (min-width : 501px) {

#headersp{ display:none; }
#drawermenu{ display:none; }

#wbs-head-one-row .wrap{
  display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;
  -webkit-justify-content :space-between;justify-content: space-between;-ms-flex-pack: justify;
  -webkit-box-align: center;-ms-flex-align: center;align-items: center;
  padding: 20px 0;
}
#wbs-head-one-row .logo{
  width: 240px;
}

#wbs-head-one-row .menulist{
  flex: 1;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;
  -webkit-box-align: center;-ms-flex-align: center;align-items: center;
  line-height: 1.2;
  position: relative;
  z-index: 20;
}
#wbs-head-one-row .menulist li{
  margin-right: 30px;
  font-family:"NotoSerifJP-3";
}
#wbs-head-one-row .menulist .parent > a{
  display: block;
  text-align: center;
  padding: 6px 0px;
  text-decoration: none;
  width: 100%;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
}

#wbs-head-one-row .menulist li{
  position: relative;
  z-index: 21;
}
#wbs-head-one-row .menulist li ul{
  position: absolute;
  z-index: 22;
  width:300px;
  background: rgba(255,255,255,0.9);
  margin-left:-150px;
  left:50%;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  box-shadow: 0 12px 10px -6px rgba(0,0,0,.3);
  border:solid 1px #b4b4b4;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
  padding: 10px;
  border-radius:10px;
}
#wbs-head-one-row .menulist li ul li{
  border-top:solid 1px #dfdfdf;
}
#wbs-head-one-row .menulist li ul li:nth-child(1){
  border:none;
}
#wbs-head-one-row .menulist li ul li a{
  display: block;
  font-size:14px;font-size:1.4rem;
  text-decoration: none;
  padding: 16px 0;
}
#wbs-head-one-row .menulist li:hover ul{
  visibility: visible;
  opacity: 1;
}

#wbs-head-one-row #searchform{
  width: 260px;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
#wbs-head-one-row #searchsubmit{
  width:60px;
  padding: 6px;
  background-color: #f2efec;
  border:solid 1px #c8c8c8;
  font-family:"NotoSerifJP-2";
  cursor: pointer;
}
#wbs-head-one-row #s{
  width: 200px;
  border: 0;
  padding: 6px;
  background-color: #f2efec;
  border-top:solid 1px #c8c8c8;
  border-bottom:solid 1px #c8c8c8;
  border-left:solid 1px #c8c8c8;
}


}
@media screen and (max-width : 500px) {

#headerpc{ display:none; }

#wbs-head-one-row #headerpc{ display:none; }

#wbs-head-one-row #headersp{
  padding: 20px 0;
}

#wbs-head-one-row .headersp-contents{
  display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;
  -webkit-justify-content :space-between;justify-content: space-between;-ms-flex-pack: justify;
  -webkit-align-items: center;-ms-flex-align: center;align-items: center;
}
#wbs-head-one-row .headersp-contents .headersp-logo{
  width: 200px;
}
#wbs-head-one-row .headersp-contents .line-menu-btn{
  line-height: 1;
  text-align: center;
  font-size:12px;font-size:1.2rem;
  color: #555;
}
#wbs-head-one-row .bhline1,
#wbs-head-one-row .bhline2,
#wbs-head-one-row .bhline3 {
  background-color: #555;
}

}