/*
Theme Name:TREE Child
Theme URI:https://tcd-theme.com/tcd081
Description:WordPress theme "Tree" was developed for a casual restaurant such as cafe or bar. The stylish animations throughout the site and the impressive menu design express the feel of a chic cafe.
Author:TCD
Author URI:https://tcd-theme.com/
Template:tree_tcd081
Version:2.0.2
Text Domain:tcd-tree
*/
/*↓↓↓↓↓↓↓↓↓↓20250731_予約フローティングボタン実装↓↓↓↓↓↓↓↓↓↓*/
#reserveFloatingButton { 
    width: 47px;
    height: 108px;
    background-color: #c0b586;
    border: 2px solid #c0b586;
    opacity: 0.9;
    justify-content: center;
    align-items: center;
    display: flex;

    position: fixed;
    top: 20vh;
    right: 0px;
    padding: 0% 1%;

    cursor: pointer;
    
    /* スマホでのfixed問題を解決するための追加 */
    z-index: 99999;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#reserveFloatingButton span{ 
    text-align: center;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    letter-spacing: 0px;
    font-family: "Oswald", "Noto Sans Japanese", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "Yu Gothic", YuGothic, "メイリオ", Meiryo, sans-serif;
    color: white;
}

#reserveFloatingButton:hover {
    opacity: 1;
    background-color: #a39166;
}
/*↑↑↑↑↑↑↑↑↑↑20250731_予約フローティングボタン実装↑↑↑↑↑↑↑↑↑↑*/