/************************************
** かんたんテンプレート独自パーツに関するcss
************************************/

/*ヘッダロゴ左右に追加するウィジェット*/

.templ1-header-logo-line {

  display: flex;

  width: 100%;

  justify-content: space-between;

  align-items: center;

}

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

  .templ1-header-logo-line {

    display: none;

  }

}

.header-container-in.hlt-top-menu .templ1-header-logo-line {

  flex-wrap: wrap;

  justify-content: center;

}

.header-container-in.hlt-top-menu .templ1-header-logo-line .logo-header {

  order: -1;

  width: 100%;

  margin-top: .75rem;

}

.add-header-side-contents {

  width: 376px;

  flex-grow: 0;

  flex-shrink: 1;

  padding: 19px;

}

.add-header-side-contents.right {

  display: flex;

  justify-content: flex-end;

}

.add-header-side-contents .sns-follow {

  margin-top: 0;

  margin-bottom: 0;

}

.add-header-side-contents .sns-follow .sns-follow-buttons {

  flex-wrap: wrap;

  justify-content: flex-start;

}

.add-header-side-contents .sns-follow .sns-follow-buttons a {

  font-size: 1.6rem;

  width: 1.5em;

  height: 1.5em;

  line-height: 1.5;

}

.add-header-side-contents .sns-follow-message, .add-header-side-contents .widgettitle {

  display: none;

}

/* シェアボタンのメールボタン（ブランドカラー） */
.bc-brand-color.sns-share .mailform-button, .bc-brand-color.sns-follow .mailform-button {
  background: #666;
}

/* シェアボタンのメールボタン（ブランドカラー白抜き） */
.bc-brand-color-white.sns-share .mailform-button, .bc-brand-color-white.sns-follow .mailform-button {
  background-color: #fff;
  font-weight: 500;
  border: 1px solid #666;
  color: #666;
}

/* シェアボタンのメールアイコン */
.icon-mailform-logo:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0e0";
}