@charset "utf-8";
@media screen and (max-width: 1024px) {
    .alldiv{
        background-color: #afd5f5; 
    }
	.countainer_wrapper{
        background-color: #afd5f5;
        background-image: url("../images/bgsp.webp");
		background-size: 100% 100%;
        background-position: top center;
		background-repeat: repeat;        
	}
	main{
		background-color: rgba(255,255,255,0.8);
		box-shadow:none;
	}
    .ev_ul li{
        font-size: 12px;
    }
    .ev_sp_marginL,.ev_sp_marginR{
        margin: 0;
    }
    .map_iframe{
        max-width: 700px;
    }
    .bg_sp{
        display: block;
        position: fixed;
        margin: 0;
        bottom:0;left: 0;
        width:100%;
        height: 100vh;
        height: 100dvh;
    }
    .bg_sp img{
        margin: 0;
        position: fixed;
        width: 100%;
        height: 100vh;
        height: 100dvh;
        bottom:0;left: 0;
    }
}
@media screen and (max-width: 767px) {
    h1{
        line-height: 1.2em;
    }
    .h1_sub_span{
        font-size: 4vw;
    }
    .h1_p1,.h1_p2{
        font-size: 2.6vw;
        letter-spacing: 0;
    }
	.pc_nav a p {
		font-size: 2.8vw;
	}
    .map_iframe{
        width: 90%;
    }
    .map_flexbtn_div{
        justify-content: space-between;
    }
    .map_flexbtn_a{
        width: 32%;
        margin: 0;
    }
    .map_flexbtn_a p{
        font-size: 2.5vw;
        width: 100%;
        padding: 4px;
    }
    .ev_b{
        font-size: 4vw;
        letter-spacing: -0.5px;
    }
    .ev_flex_div,.ev_flex_div_re{
        flex-direction: column;
    }
    .ev_flex_div_re{
        flex-direction: column-reverse;
        padding-left: 0px;
    }
    .ev_komoji_div{
        margin: 16px auto;
        margin-bottom: 0;
        width: 92%;
    }
    .ev_p{
        font-size: 18px;
        word-break: break-all;
        overflow-wrap: break-word;
    }
    .goods_top_p{
        font-size: 3.5vw;
    }
}
@media screen and (max-width: 440px) {
    section{
        padding: 20px 0;
    }
    header p{
        text-align: left;
        font-size: 3.5vw;
        padding-left: 1em;
    }
    footer p {
        font-weight: 500;
    }
    h1{
        margin-top: 20px;
        line-height: 1em;
        font-size: 9vw;
    }
    .h1_sub_span{
        font-size: 4.8vw;
    }
    .h1_p1, .h1_p2{
        font-size: 4.3vw;
        line-height: 1.7em;
    }
    .h1_p1{
        width: 92%;
        margin: 0 auto;
    }
    .h2_div{
        margin-bottom: 10px;
    }
    h2{font-size: 7.5vw;} 
    .info_p1{
        font-size: 5.2vw;
    }
    .info_p2{
        font-size: 4.4vw;
    }
    .info_p3{
        font-size: 3vw;
        line-height: 1.5em;
    }
    .info_cafe{
        font-size: 6vw;
    }
    .sp_bg {
        display: block;
        width: 100%;
    }
    .sp_bg img {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh; 
        height: 100lvh; 
        z-index: -1; 
    }
    h1,h2,h3,h4,h5,p,li{
		transform: rotateZ(0deg);
	}
    .map_flexbtn_div{
        margin: 0 auto;
        display: block;
    }
    .map_flexbtn_a p{
        width: 65%;
        font-size: 3.5vw;
        margin: 4px auto;
    }
    .ev_p{font-size: 4vw;}
    .goods_top_p,.pop_top_p,.menu_top_p{
        margin-top: 20px;
        font-size: 4vw;
    }
    .menu_top_p{
        font-size: 3.8vw;
    }
    .tyui_ul li{
        font-size: 12px;
    }
    .att_ul li{
        font-size: 14px;
    }
    .att_toi_dl dt p{
        font-size: 4vw;
    }
    .att_mudan_p{
        font-size: 5vw;
    }
    .yoyaku_end_p{
        font-size: 3vw;
    }
    .yoyaku_mini_p{
        font-size: 10px;
    }
    footer p{
        font-size: 10px;
        font-weight: 500;
        filter: none !important;
    }
    .limit_div{
        width: 96%;
        padding: 16px 8px;
    }
    .limit_btn_a p{
        width: 92%;
        font-size: 5vw;
    }
    .limit_p1{
        font-size: 3.8vw;
    }
    .limit_p2{
        font-size: 3.4vw;
    }
    .limit_ul{
        width: 100%;
    }
    .limit_ul li{
        font-size: 12px;
    }
}
@media screen and (max-width: 430px) {
#funlatter{
    font-size: 3.7vw;
}
}
@media screen and (max-width: 358px) {
    
}