/* ▼ 左端に縦型で固定表示させる共通設定 */
.floating-left{
  position:fixed;
  /* 左端中央に吸着 */
  left:0;
  top:50%;
  transform:translateY(-50%);
  z-index:10000;               /* 既存の z-index より前面に */
  display:flex;
  flex-direction:column;       /* 上から下へ縦並び */
  gap:8px;
  pointer-events:auto;
}
.fixed_bnr_home .floating-left__btn {
    text-orientation: upright;
    letter-spacing: -2px;
}

/* ボタン本体 */
.fixed_bnr .floating-left__btn {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 57px;
    padding: 12px 4px 40px 4px;
    background: #5daac8;
    border-radius: 0 8px 8px 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .18);
    text-decoration: none;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.35;
}

/* 文字を縦書きにする（回転させないので読みにくくならない）*/
.floating-left__line1,
.floating-left__line2{
  writing-mode:vertical-rl;    /* ← 1行ずつ縦に並ぶ */
  transform:rotate(0deg);    /* 文字の上下を正位置に */
}
.floating-left__line1{font-weight:700; font-size:11px;}
.floating-left__line2{font-size:14px; margin-top:4px;}

/* ホバー効果（任意） */
.floating-left__btn:hover{background:#f7f7f7;}


.fixed_bnr .floating-left a::after {
    content: "";
    position: absolute;
    bottom: 10px;
    right: 15px;
    background: url(img/arrow_bl01.png) left top no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
}

.hb_menu_wrapper .btn-web a {
    margin: 0 0 1rem;
    padding: 1.5rem;
    border: solid 2px #000;
    background: url(https://www.insyoku-love.com/wp/wp-content/themes/wp001j/img/arrow_bl01.png);
    background-repeat: no-repeat;
    background-position: 90%;
    background-color: #5daac8;
    background-size: 3rem;
    border-radius: 2rem;
}

.hb_menu_wrapper .btn-web a:after {
    display: none;
}

.hb_menu_wrapper .btn-web a:hover {
    opacity: 0.5;
    color: #fff;
}

blockquote {
    border: 1px solid #ccc;
    padding: 1em;
    margin: 1.5em 0;
    background-color: #f9f9f9;
}

/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/
@media screen and (min-width: 600px) {

.fixed_bnr_lower.sp {
    display: none;
}



}
/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/
@media screen and (max-width: 599px) {
/*/////////////SP用のCSSをここに作成してください。/////////////*/
/*/////////////必ず中括弧の中に作成してください。/////////////*/

.floating-left{display:none;}
.hb_menu_wrapper .btn-web a {
    max-width: 100%;
    background-position: 95%;
}	
	
}