@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
*/

/* =========================
   固定予約バナー 共通
========================= */

.fixed-bottom-buttons{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  z-index: 99999;
  background: rgba(255,255,255,.95);
}

/* 2分割 */
.fixed-bottom-buttons a{
  flex: 1;
  display: block;
}

/* 画像フル幅 */
.fixed-bottom-buttons img{
  width: 100%;
  height: auto;
  display: block;
}

/* =========================
   スマホ余白
========================= */
@media (max-width: 767px){
  body{
    padding-bottom: 60px;
  }
}

/* =========================
   PC：右固定（大きめ）
========================= */
@media (min-width: 768px){

  .fixed-bottom-buttons{
    display: flex !important;

    /* 位置：もっと右 */
    left: auto;
    right: 7px;          /* ←右寄せ（小さいほど端） */

    /* 縦中央 */
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);

    /* 縦並び */
    flex-direction: column;
    gap: 16px;

    /* サイズ大きく */
    width: 170px;         /* ←ここで大きさ調整 */

    background: transparent;
  }

  /* 均等分割解除 */
  .fixed-bottom-buttons a{
    flex: none;
  }

  /* デザイン */
  .fixed-bottom-buttons a{
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
    transition: .3s;
  }

  /* ホバーで少し拡大 */
  .fixed-bottom-buttons a:hover{
    transform: scale(1.05);
  }
}