@charset "UTF-8";

@media screen and (max-width:600px){
    /*メインビジュアル*/
    .mv_txtArea01 > h2{
        font-size:1.2em;
    }
    .mv_txtArea01 > p{
        font-size:.9em;
    }
    .mv_txtArea02{
        display:none;
    }

    /*ヘッダー*/
    .header_logo img{
        max-width:200px;
    }

    /*緊急時お知らせ*/
    .emg{
        left:50%;
        top:100px;
        transform:translateX(-50%);
        max-width:90%;
    }
    .emg_ttl{
        padding:20px 50px 20px 20px;
    }

    /*ハンバーガー*/
    .hamburger{
        width:60px;
        height:60px;
    }
    #hamburger-window{
        padding:20px 20px 80px;
    }
    .ham_list{
        display:grid;
        grid-template-columns: repeat(3,1fr);
    }
    .ham_list li{
        width:auto;
        height:auto;
    }
    .ham_list a{
        padding:5px;
    }
    .ham_other_list li a{
        font-size:.8em;
    }
    .ham_add{
        padding-top:30px;
        margin-top:30px;
    }
    .ham_add_list{
        font-size:.9em;
    }
    .block{
        display:block;
    }

    /*本日のお風呂*/
    .mv_txtArea03-sp{
        padding:40px 20px;
    }

    /*お知らせ*/
    .top_news{
        padding:70px 20px;
    }

    /*池田温泉とは*/
    .wave-bg{
        padding:100px 20px;
    }

    /*魅力*/
    .about_01{
        padding:150px 20px 50px;
    }

    /*本館*/
    .about_02{
        padding:100px 0 50px; 
    }
    .bath_info_wrapper{
        padding:0 20px;
    }

    /*新館*/
    .about_03{
        padding:100px 0;
    }

    /*ご利用案内*/
    .top_guide_inner > h2{
        margin-bottom:70px;
    }
    .top_guide{
        padding:70px 20px;
    }
    .top_guide_time,
    .fee{
        padding:30px 0;
    }
    .top_guide_ttl,
    .fee_ttl{
        font-size:1.6em;
    }
    .top_guide_item,
    .fee_item{
        flex-direction: column;
        gap:5px;
        padding:10px 0;
    }

    /*道の駅*/
    .top_michinoeki{
        padding:150px 0 100px;
    }
    .top_michinoeki_txtArea{
        padding:0 20px;
    }
    .top_michinoeki_item{
        flex-direction: column;
        gap:5px;
        padding:10px 0;
    }
    .top_michinoeki_item02{
        width:100%;
    }

    /*オンライン*/
    .top_online{
        padding:40px 0 100px;
    }
    .top_online_txtArea{
        padding:0 20px;
    }

    /*アクセス*/
    .top_access{
        padding:70px 20px;
    }
    .top_access_inner > h2{
        margin-bottom:70px;
    }
    .top_ac_map{
        aspect-ratio: 3 / 4;
    }

    /*フッター*/
    .footer{
        padding:70px 20px;
    }

    /**
    下層ページ
    **/

    /*温泉案内*/
    .page-link{
        bottom:45px;
        left:20px;
    }
    .page-link-list{
        font-size:.9em;
    }
    .page-link-item a::after{
        width:12px;
        height:6px;
        left:50%;
        transform:translate(-50%,-50%);
    }
    .about01{
        padding:200px 0 70px;
    }

    .about_ttl > h2{
        font-size:1.6em;
    }
    .about01_content > p{
        font-size:.9em;
    }
    .about01_content{
        padding:40px 20px;
    }
    .about01-2_inner > h2{
        font-size:1.5em;
        margin-bottom:50px;
    }
    .about01-2_inner > p{
        margin-bottom:50px;
        font-size:.9em;
    }
    .about01-2_item > dt{
        padding:15px 0;
        font-size:.9em;
    }
    .about01-2_item > dd{
        padding:15px;
        font-size:.9em;
    }

    .about01-2{
        padding:0 20px 70px;
    }
    .about01-2_list > small{
        font-size:.9em;
    }
    .about01-3{
        padding:70px 0;
    }
    .about01-3_content1{
        padding:0 20px 70px;
    }
    .about01-3_content1_inner > h2,
    .about01-3_content2_inner > h2{
        font-size:1.5em;
    }
    .about01-3_content1_inner > p,
    .about01-3_content2_inner > p{
        font-size:.9em;
    }
    .about01-3_content2{
        padding:70px 20px;
    }
    .about01-3_content3 > h2{
        font-size:1.5em;
    }
    .about01-3_content3{
        padding:70px 20px 0;
    }
    .bunseki_list{
        flex-direction: column;
        align-items: center;
    }

    .about02{
        padding:150px 0 70px;
    }
    .about02_content{
        padding:0 20px;
    }
    .about02_content > h2{
        font-size:1.5em;
    }
    .about02_content > p{
        font-size:.9em;
    }
    .about02_txt{
        padding:100px 20px 70px;
    }
    .about02_txt > h2{
        font-size:1.5em;
    }
    .about02_txt > p{
        font-size:.9em;
    }

    .floormap_wrapper{
        padding:0 20px 70px;
    }
    .floormap_inner > h2{
        font-size:1.6em;
    }
    .floormap_inner > p{
        font-size:.9em;
    }
    .gallery_slide{
        padding:0 20px;
    }
    .gallery_slide > p{
        font-size:.9em;
    }

    .about03{
        padding:200px 0 70px;
    }
    .floormap_wrapper2{
        margin-top:40px;
    }

    .about04{
        padding:200px 0 40px;
    }
    .about04_content{
        padding:70px 20px 0;
    }
    .about04_content > p{
        font-size:.9em;
    }
    .fukushi_txtArea{
        padding:70px 20px;
    }
    .fukushi_ttl{
        font-size:1.4em;
        margin-bottom:30px;
    }
    .fukushi_ttl::before{
        top:2px;
        width:30px;
        height:30px;
    }
    .fukushi_txt ul li{
        font-size:.9em;
    }

    .fukushi_time-table{
        padding:2vw;
    }
    .fukushi-hours th:first-child{
        font-size:.9em;
        white-space: nowrap;
    }
    .fukushi-hours th,
    .fukushi-hours td{
        font-size:.9em;
        padding:0.5vw 1vw;
    }
    .other_contact > h2{
        font-size:1.3em;
    }

    /**
    本館・新館の比較
    **/
    .hikaku{
        padding:70px 20px;
    }
    .hikaku_inner > h2{
        font-size:1.5em;
    }

    /*ご利用ガイド*/
    .guide01{
        padding:70px 20px;
    }
    .guide01_inner{
        gap:80px;
    }
    .guide_ttl{
        font-size:1.4em;
        margin-bottom:50px;
    }
    .guide_ttl::before{
        top:2px;
        width:30px;
        height:30px;
    }
    .guide_item > dt{
        padding:15px 0;
        font-size:.9em;
    }
    .guide_item > dd{
        padding:15px;
        font-size:.9em;
    }
    .guide_item2 > dd{
        padding:15px 0;
        font-size:.9em;
    }
    .guide_fee_item > dt,
    .guide_fee_item > dd{
        padding:15px 0;
        font-size:.9em;
    }
    .guide_fee_list > p,
    .guide_list > p{
        margin-top:10px;
        font-size:.9em;
    }

    .guide_content2 > h3{
        font-size:1.4em;
    }
    .guide_content2 > p,
    .guide_content2 > ul li{
        font-size:.9em;
    }

    .access{
        padding:0 20px;
    }
    .access_wrapper{
        gap:12vw;
    }
    .access_ttl{
        font-size:1.2em;
        margin-bottom:10px;
    }
    .access_ttl img{
        max-width:28px;
    }
    .access_car > p,
    .access_train > p{
        font-size:.8em;
    }
    .access_map > p a{
        font-size:.9em;
    }
    .access_map > p a::before{
        width:18px;
        height:18px;
    }
    .access_train > ul li a{
        font-size:.9em;
    }

    .faq{
        margin:70px auto 0;
    }
    .faq_inner{
        padding:40px 20px;
    }
    .faq_cate{
        margin-bottom:80px;
    }
    .faq_cate_list{
        grid-template-columns: repeat(4,1fr);
        font-size:.9em;
    }
    .faq_content_wrapper{
        gap:50px;
    }
    .faq_content > h2{
        margin-bottom:30px;
    }
    .accordion-header{
        padding:20px 30px 20px 10px;
        font-size:1em;
    }
    .accordion-header::before, 
    .accordion-header::after{
        width:12px;
        right:10px;
    }
    .accordion-content{
        padding:10px 10px 20px;
        font-size:.9em;
    }

    /*楽しみ方・周辺観光*/
    .sightseeing01,
    .sightseeing02,
    .sightseeing03{
        padding:70px 20px;
    }
    .ss_map_txt{
        margin:0 auto 80px;
    }
    .ss_ttl{
        font-size:1.2em;
    }
    .ss_map_txt > p{
        font-size:.9em;
    }
    .ss_map_list{
        flex-wrap:wrap;
    }

    .in_spot_txt > h4{
        font-size:1.4em;
    }
    .in_spot_txt > p{
        font-size:.9em;
    }
    .in_spot_info > li{
        font-size:.9em;
    }

    .tozan{
        padding:70px 20px;
    }
    .tozan_ttl{
        font-size:1.2em;
    }
    .tozan_txt{
        margin:0 auto 40px;
    }
    .tozan_txt > p{
        font-size:.9em;
    }
    .climbs_map_ttl{
        font-size:1.2em;
    }
    .climbs_mountains{
        gap:15vw;
        padding:70px 0 0 0;
    }
    .climbs_comment > p{
        font-size:.9em;
    }
    .climbs_comment_list li{
        font-size:.9em;
    }

    /*採用情報*/
    .recruit01,
    .recruit02,
    .recruit03{
        padding:70px 20px;
    }
    .recruit_message_sub{
        font-size:1.2em;
    }
    .recruit_message > p{
        font-size:.9em;
    }
    .person{
        padding-top:70px;
    }

    .swiper-pagination-bullet{
        width:5px;
        height:5px;
    }
    .recruit02_inner > p{
        font-size:.9em;
    }
    .work_list{
        font-size:.9em;
    }
    .work_point_wrapper > h2{
        font-size:1.2em;
    }

    .bl_tabList li a{
        font-size:.9em;
    }
    .bl_tabContent{
        padding:40px 20px;
    }
    .rec_list > dl{
        font-size:.9em;
    }

    .slider{
        font-size:5em;
    }
    .entry_inner{
        padding:0 20px 70px;
    }
    .entry_info{
        padding:70px 20px;
    }
    .entry_info > p{
        font-size:.9em;
    }

    /*ライブカメラ*/
    #sound_button{
        padding:7px 30px;
    }
    .live_wrapper{
        padding:70px 20px;
    }
    .live_txt{
        margin-bottom:40px;
        font-size:.9em;
    }
    .reloadbtn{
        margin-top:10px;
    }
    .live_note{
        margin-top:50px;
        padding:30px;
    }
    .live_note_inner > h2{
        font-size:1.2em;
    }
    .live_note_inner ul{
        font-size:.9em;
    }

    /*イベントカレンダー*/
    .event_wrapper{
        padding:70px 20px;
    }
    .event_inner > p{
        margin-bottom:80px;
        font-size:.9em;
    }
    .calender_item > p{
        font-size:.9em;
    }

    /*お知らせ*/
    .news{
        padding:0 20px 70px;
    }
    .wp-pagenavi a,
    .wp-pagenavi span{
        width:30px;
        height:30px;
    }
    /*お知らせ詳細*/
    .news_single_txt{
        font-size:.9em;
    }

    /*プライバシーポリシー*/
    .privacy{
        padding:0 20px 70px;
    }
    .privacy_item > h4{
        font-size:1.2em;
    }

}

@media screen and (max-width:400px){
    /*ハンバーガー*/
    .ham_list{
        grid-template-columns: repeat(2,1fr);
    }
    .ham_other_list li a img{
        width:55px;
    }

    /*各種テキストサイズの変更*/
    /*本日のお風呂*/
    .bath-title{
        font-size:1em;
    }
    .bath-table{
        font-size:.9em;
    }
    .bath-note{
        font-size:.9em;
    }

    /*お知らせ*/
    .top_news_inner > h2{
        font-size:1.6em;
    }
    .news_item a{
        padding:10px 10px 10px 0;
        font-size:.9em;
    }

    /*池田温泉とは*/
    .vision_inner > h2{
        font-size:1.6em;
    }
    .vision_inner > p{
        font-size:.9em;
    }

    /*共通*/
    .top_ttl{
        max-width:270px;
    }
    .top_ttl > h2{
        font-size:1.6em;
    }

    /*温泉・泉質の魅力*/
    .about_01_inner > p{
        font-size:.9em;
    }

    /*本館・新館*/
    .bath_desult{
        font-size:.9em;
    }
    .bath_info_wrapper > p{
        font-size:.9em;
    }

    /*ご利用案内*/
    .top_guide_inner > h2{
        font-size:1.6em;
    }
    .top_guide_ttl,
    .fee_ttl{
        font-size:1.4em;
    }
    .top_guide_desult > h4,
    .fee_desult > div > h4{
        font-size:1.2em;
    }
    .top_guide_desult > p{
        margin-bottom:40px;
    }
    .fee_desult{
        gap:30px;
    }
    .top_guide_item,
    .fee_item{
        font-size:.9em;
    }
    .point{
        font-size:.9em !important;
    }
    .fukushi_btn a{
        font-size:1em;
    }

    /*道の駅*/
    .top_michinoeki_txtArea > p{
        font-size:.9em;
        margin-bottom:40px;
    }
    .top_michinoeki_info > h4{
        font-size:1.2em;
    }

    /*オンラインショップ*/
    .top_online_txtArea > p{
        margin:40px 0 60px;
        font-size:.9em;
    }

    /*アクセス*/
    .top_access_inner > h2{
        margin-bottom:40px;
        font-size:1.6em;
    }
    .top_ac_txt_item > p{
        font-size:1em;
    }
    .top_ac_txt_item > span{
        font-size:.9em;
    }

    /*フッター*/
    .copyright{
        font-size:.8em;
    }

    /**
    下層ページ
    **/

    /*温泉案内*/

    /*ご利用ガイド*/
    .faq_cate_list{
        grid-template-columns: repeat(3,1fr);
    }

    /*採用情報*/
    .recruit02{
        border-radius: 100px 0 100px 0;
    }

    /*お知らせ*/
    .bl_tabList2{
        font-size:.9em;
    }
}