/* ==============================================================================
 *  ＳＮＳボタンエリアコピーに伴うヘッダメニューレイアウト修正
 * ============================================================================== */
/* SNSボタンコピーに関するレイアウト調整(PCかつドロップダウンメニュー使用時） */
/* ドロップダウンメニューの場合、#dropdown_menuの直下、かつ、ulタグの前にSNSボタンをコピーしている */
#header:has(#dropdown_menu > #header_sns_clone), 
body.header_fixed #header:has(#dropdown_menu > #header_sns_clone){
    min-height: 100px;
}

#dropdown_menu:has( > #header_sns_clone), 
body.header_fixed #header #dropdown_menu:has( > #header_sns_clone){
  min-height: 100px; 
}

#dropdown_menu > ul > li > a, 
body.header_fixed #header #dropdown_menu > ul > li > a {
  line-height: 50px;
  height: 50px;
}

#dropdown_menu > #header_sns_clone > li > a::before {
  font-size: 36px;
}

#dropdown_menu > #header_sns_clone > li > a, 
body.header_fixed #header #dropdown_menu > #header_sns_clone > li > a{
  padding-top: 7px;
  padding-bottom: 7px;
  height: 50px;
  width: 76px;
  display: block;
  text-align: center;
}

body.header_fixed #header #dropdown_menu > #header_sns_clone > li > a:hover::before {
  color: #fff;
}

body.header_fixed #header #dropdown_menu > #header_sns_clone > li > a:hover{
  background-color: #cdb968;
}

/* SNSボタンコピーに関するレイアウト調整（モバイル含むドロワーメニュー設定時） */
/* ドロワーメニューの場合は、#headerの直下、かつ、#header_logoの後にSNSボタンをコピーしている */
@media(max-width: 400px){
  #header:has(> #header_sns_clone) > #header_logo {
    min-width: 150px;
    max-width: 150px;
  }
}

#header > #header_sns_clone {
  margin-left: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#header > #header_sns_clone > li {
  margin: 2px 4px;
  vertical-align: middle;
} 


/* コピー後SNSボタンの設定（モバイル,PC共通） */
#header_sns_clone {
  opacity: 0;
  transition: opacity 0.2s ease;
}

#header_sns_clone.is_ready {
  opacity: 1;
}