@charset "UTF-8";

/************************************************ 
26.01.19 追加

更新内容：
1. ヘッダー項目「For Visitor」を削除し、代わりに「Instagram」ボタンをを追加
2. 「Instagram」は赤色、「お問い合わせ」は緑色に変更
*************************************************/

/* インスタグラム */
.l-header__btn-insta a::before{
  content: "";
  display: block;
  -webkit-mask: url(/dcms_media/other/header-insta-ico.svg) no-repeat;
  mask: url(/dcms_media/other/header-insta-ico.svg) no-repeat;
  background-color: var(--white);
  width: 28px;
  height: 28px;
  background-size: contain;
  margin: 0 auto;
  margin-bottom: 4px;
}
.l-header__btn-insta a:hover::before{
  background-color: #85000b;
}

/* お問い合わせ */
.l-header__btn-mail{
  background-color: #064D2A;
  border-color: #064D2A;
}
.l-header__btn-mail:hover{
  color: #064D2A;
  border-color: #064D2A;
}
.l-header__btn-mail a:hover::before{
  background: url(/dcms_media/other/header-mail-ico-on-green.svg) no-repeat;
}