@charset "UTF-8";
/*
Theme Name: Uyax Asaoka Web Site Child
Template: uyax
Version: 1.0
*/
/* =======================================================================
   SNS並び修正（front-page.php 導入後の崩れ対策）
======================================================================= */

/* 旧テーマ由来の float / position を解除 */
.sns_area,
.top-sns-btn,
.social,
.social_button,
.social_button_in{
  float: none !important;
  position: static !important;
}

/* SNS全体を中央揃え・横並びに再構成 */
.top-sns-btn ul,
.social_button{
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 14px;
  height: auto !important;
}

/* liの幅・高さ事故を防止 */
.top-sns-btn li,
.social_button li{
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

/* アイコンサイズを正規化 */
.top-sns-btn img,
.social_button img{
  width: 28px;
  height: auto;
  display: block;
}

/* iframe系SNS（旧Twitter/Facebook）の暴走抑制 */
.social_button iframe,
.social iframe{
  max-width: 120px !important;
  height: auto !important;
}

/* スマホ時も縦落ちしない */
@media (max-width:768px){
  .top-sns-btn ul,
  .social_button{
    flex-wrap: wrap;
    gap: 12px;
  }
}