@charset "UTF-8";

@media (hover: hover) and (pointer: fine) and (min-width: 769px){
    /*ヘッダー*/
    .header_logo img:hover{
        opacity:.8;
        transition:all .4s;
    }
    .gnav_item a:hover::after{
        transform: scaleX(1);
    }
    .gnav_item2 a:hover::after{
        transform: scaleX(1);
    }
    .mv_link_list li a:hover{
        opacity:.6;
    }
    .emg_ttl:hover::after{
        transform:translateX(5px) translateY(-50%);
    }

    /*ハンバーガー*/
    .ham_list a:hover{
        background:rgba(0,65,76,0.2);
    }
    .ham_info ul li a:hover,
    .ham_add_list li a:hover{
        opacity:.6;
    }

    /*お知らせ*/
    .news_item a:hover{
        background:rgba(0,65,76,0.2);
    }
    .news_item a:hover::after {
        opacity: 1;
    }
    .view_btn a:hover::after{
        transform:translateX(5px) translateY(-50%);
    }
    /*ページネーション*/
    .wp-pagenavi a:hover{
        background:transparent;
        color:#282828;
    }
    .wp-pagenavi a.previouspostslink:hover::before{
        border-left:2px solid #282828;
        border-bottom:2px solid #282828;
    }
    .wp-pagenavi a.nextpostslink:hover::before{
        border-right:2px solid #282828;
        border-top:2px solid #282828;
    }
    .news_single_txt a:hover{
        opacity:.6;
        text-decoration: none;
    }
    .prev_post a:hover::before{
        transform:translateY(-50%) translateX(-3px) rotate(45deg);
    }
    .next_post a:hover::after{
        transform:translateY(-50%) translateX(3px) rotate(45deg);
    }

    /*詳しく見る*/
    .view_btn2 a:hover::after{
        transform:translateX(8px);
    }

    /*ふくしの湯について*/
    .fukushi_btn a:hover::after{
        transform:translateX(5px) translateY(-50%);
    }

    /*アクセス*/
    .top_ac_txt_item a:hover{
        opacity:0.6;
    }

    /*フッター*/
    .f_info ul li a:hover,
    .f_guide_list li a:hover,
    .f_about_list li a:hover,
    .f_other_list li a:hover,
    .f_add_list li a:hover{
        opacity:0.6;
    }
    .pagetop_txt:hover::before{
        transform:translateY(-3px);
    }

    /**
    下層ページ
    **/

    /*温泉案内*/
    .page-link-item a:hover::after{
        transform: translate(-50%, 6px);
    }
    .other_contact a:hover{
        text-decoration: none;
        opacity:.6;
    }
}