@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: sowa simpledesign SWELLの子テーマ　
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
/* Created by sowa - SWELL child theme for dental clinic */

.social-row {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}

.social-row a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
  background: #f2f2f2;
  color: #333;
  box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
}

.social-row a i { font-size: 20px; line-height: 1; }

.social-row a:hover,
.social-row a:focus {
  transform: translateY(-3px) scale(1.06);
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  outline: none;
}

/* SNSカラー */
.social-x { background: #333; color: #fff; }
.social-instagram { background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); color:#fff; }
.social-facebook { background: #1877f2; color: #fff; }
.social-youtube { background: #ff0000; color: #fff; }

/* スマホ対応 */
@media (max-width: 420px) {
  .social-row a { width: 42px; height: 42px; }
  .social-row a i { font-size: 18px; }
}