@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
*/
/* 追従バナー（本体に背景と文字色を付ける） */
.follow-banner{
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 9999;

  background: var(--color_main);
  border-radius: 10px 0 0 10px;
}

/* 文字色：中のテキスト要素にも効かせる */
.follow-banner,
.follow-banner *{
  color: #fff !important;
}

/* クリック領域（かぶせリンク）を整える：SWELLのブロックリンク対策 */
.follow-banner a{
  display: block;
  padding: 1.5em 1em;
  writing-mode: vertical-rl;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-decoration: none;
}

/* hover */
.follow-banner:hover{ opacity: .8; }

/* スマホ非表示 */
@media (max-width: 599px){
  .follow-banner{ display:none; }
}