/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */
#footerFloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 2px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
}
 
#footerFloatingMenu img {
    max-width: 98%;
}

/* ボタンのスタイル */
a.linkbutton {
    color: #ffffff; /* 白色 */
    background-color: #e60000; /* 赤色 */
    text-shadow: 0 1px 0 #800000; /* 濃い赤色 */
    font-size: 16px; /* 文字のサイズ */
    font-family: "Montserrat", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    display: inline-block;
    padding: 7px 60px; /* ボタン内の余白 */
    text-decoration: none !important;
    border-radius: 40px; /* 丸みを強調 */
    border-bottom: solid 3px #494949; /* 底の色 */
    font-weight: bold; /* 太字 */
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4); /* ボタンの下に影 */
    transition: all 0.3s ease; /* ホバー時のアニメーション */
    position: relative;
    z-index: 1; /* 背景帯より前面に表示 */
}
/* ボタンのホバー時のスタイル */
a.linkbutton:hover {
    color: #ffffff; /* ホバー時も白色を維持 */
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.3); /* 影を強調 */
    transform: translateY(-3px); /* 少し浮くような効果 */
}
/* ボタン内の文字アイコンを調整 */
a.linkbutton::after {
    content: ' ➤'; /* 矢印のアイコン */
    font-size: 16px;
    margin-left: 5px;
}