.headroom {
  position: fixed;
  z-index: 5;
  top: 0;
  -webkit-transition: top 0.15s;
  transition: top 0.15s;
}
.headroom-hidden {
  top: -60px;
}
header{
width:100%;
height:46px;
z-index: 100;
padding: 0px 0px 0px 0px;
background-color: #eaeaea;
border-radius: 0px 0px 15px 15px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
/* box-shadow: 水平方向の距離 垂直方向の距離 ぼかし距離 広がり距離 影の色: */
}

.header-img{
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    filter: drop-shadow(1px 1px 1px #777);
}
.header-wrapper{
width:100%;
height:48px;
}

.header-left{
float: left;
width:40px;
padding: 5px 0px 5px 12px;
}

.header-middle{
  float: left;
  padding-top: 6px;
  margin: 0;
  }

.header-middle h5{
  font-family: "a-otf-futo-min-a101-pr6n";
    }

.header-middle-borders{
   padding: 2px 8px 2px 0px;
/*border-left: 1px solid #fff;
   border-right: 1px solid #fff;*/
   }

.header-middle-borders h5{
  font-size: 2.0rem;
  font-weight: 400;
  }

  .header-search{
    float: right;
    padding-right: 7px;
    margin-top: 3px;
    display:inline-flex;
  
    }

  .header-search form{
    margin: 0;
  }

/* Style the search box inside the navigation bar */
.header-search input[type=text] {
  height: 32px;
  width: 150px;
  padding: 4px;
  margin: 0px;  
  border: 1px solid #fff;
  font-size: 14px;
}
.header-search input[type=text]:focus {
  border: 2px solid #ccc;
}


.header-search button {
  padding: 0;
  margin-left: 4px;
  border: 0px;
  cursor: pointer;
}