@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: 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
*/

/* ------------------------------------------------------
PC追従サイドSNSバナー / 2026.01
------------------------------------------------------ */
.sns-link {
    position: fixed;
    z-index: 999; /* 他の要素に埋もれないよう高めに設定 */
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 14rem; /* 2倍サイズ */
    transition: transform 0.3s ease; /* 動きをスムーズに */
}

/* マウスを乗せた時だけ浮き上がる、あるいは少し動く演出 */
.sns-link:hover {
    transform: translateY(-50%) translateX(-5px); /* 少し左に飛び出す */
}

.sns-link figure {
    margin: 1rem 0; /* バナー間の余白 */
}

.sns-link figure img {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 4px 10px rgba(0,0,0,0.1)); /* 軽い影で立体感を */
}