@charset "UTF-8";

#plusc_header .container {
 position: relative;
 height: 50px;
 /* background-color: #CCC; */
}
#plusc_brand {
 display: block;
 position: absolute;
 top: 10px;
 left: 15px;
 width: 153px;
 height: 30px;
 background-image: url('../images/plusc-tm.png');
 background-repeat: no-repeat;
 background-position: left top;
 background-size: contain;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
}
#plusc_tm_webmagazine {
  display: block;
  position: absolute;
  top: 10px;
  left: calc(15px + 153px);
  width: 98px;
  height: 30px;
  background-image: url('../images/plusc-tm-webmagazine.png');
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}


#plusc_header_parts {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: end;
 justify-content: flex-end;
 padding-top: 13px;
 margin-right: 34px;
}
#plusc_header_parts ul {
 list-style: none;
 padding: 0;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: end;
 justify-content: flex-end;
 margin: 0 -3px;
}
#plusc_header_parts li {
 padding: 0 3px;
}
#plusc_header_parts a img {
 height: 26px;
 width: auto;
 transition: opacity 0.15s ease-in-out;
}

#plusc_header_search {
 display: none;
}

#plusc_menu_sp {
 position: absolute;
 top: 10px;
 right: 15px;
 width: 20px;
 height: 30px;
 font-size: 16px;
 line-height: 1;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-align: center;
 align-items: center;
 color: #00b09d;
 cursor: pointer;
}

@media (min-width:768px) {
 #plusc_header .container {
  height: 80px;
 }
 #plusc_brand {
  display: block;
  position: absolute;
  top: 20px;
  left: 0px;
  width: 254px;
  height: 50px;
  background-image: url('../images/plusc-tm.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
 }
 #plusc_tm_webmagazine {
   top: 20px;
   left: 254px;
   width: 164px;
   height: 50px;
 }
 #plusc_header_parts {
  padding-top: 32px;
  margin-right: 0;
 }
 #plusc_header_parts a img {
  height: 38px;
  width: auto;
 }
 #plusc_header_parts a:hover img {
  opacity: 0.8;
 }

 #plusc_header_search {
  display: block;
  margin-right: 10px;
 }
 #plusc_header_search .search-box {
  height: 38px;
  background-color: #00b09d;
  border-radius: 6px;
  padding: 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
 }
 #plusc_header_search input[type="text"].form-control {
  border: 0;
  width: 180px;
  height: 34px;
 }
 #plusc_header_search .search-submit {
  font-size: 22px;
  color: #FFF;
  padding: 10px;
  cursor: pointer;
 }

 #plusc_menu_sp {
  top: 42px;
 }
}
@media (min-width:992px) {
 #plusc_menu_sp {
  display: none;
 }
}
@media (min-width:1200px) {
 #plusc_header_search input[type="text"].form-control {
   width: 224px;
  }
}



#pluscHeaderHc {
 background-color: #aee3dd;
 padding: 10px 0;
}
#pluscHeaderHc .border-left {
 border-left: 2px solid #00b09d !important;
}
#pluscHeaderHc .hc-name {
 font-size: 18px;
}
#pluscHeaderHc .hc-name a {
 color: inherit !important;
 text-decoration: none;
}
@media (min-width:768px) {
 #pluscHeaderHc {
  margin-top: 5px;
  margin-bottom: -5px;
 }
}