@media screen and (max-width:1060px){

    html{
        font-size:13px;
    }

    body{
        min-width:480px;
    }

    #header{
        min-width: 480px;
        height:100px;
    }
    
    #header-inner{
        position:relative;
        max-width:800px;
        height:100%;

    }



    .menu{
        position: relative; 
        min-width:480px;
        top:0;
        width:100%;
        height:4rem;
        background-color:#ffffff;
        border-top:solid #b4b4b4 2px;
        border-bottom:solid#b4b4b4 2px;
    }
    
    .menu ul{
        max-width:1200px;
        width:100%;
        margin:0 auto 0 auto;
        
        padding: 0;
    
    }
    
    .menu li{
        float:left;
        width:100%;
        height:4rem;
        list-style: none;
    }
    
    .menu li a{
        text-decoration: none;
        font-size:1.4rem;
        text-align: center;
        display:block;
        height:4rem;
        line-height:4rem;
        color:#555555;
        transition-property:background-color;
        transition-duration: 500ms;
        border-left: none;
    }
    .menu li:last-child a{
        
        border-right: none;
        clear:both;
    }
    
    .menu li a:hover{
        background-color:rgb(188, 225, 250);
    }
    
    .menu li:hover > ul > li {
        border-bottom: 0px;
        height:0rem;
        overflow: hidden;
    }
    .menu li:hover > ul > li a{
        border-bottom: 0px;
        height:0rem;
    }
    #title-t{
        top:0.5rem;
        left:1.5rem;
        width:34rem;
        
    }
    #cc{
        display:none;
        float:right;
        right:2rem;
        top: 7rem;
    }
    #language{
        top:4rem;
    }

.non-sp{
    visibility: hidden;
    height:0;
}

#contents{
    
    background-color: rgba(255, 255, 255, 0.5);
    margin-top:calc(12rem + 6px);
}
/*メインコンテンツ左側*/
.layout-left{
    width:100%;
    float:none;

}

/*メインコンテンツ右側*/
.layout-right{
    width:100%;
    float:none;

}

.picture p {
    font-size:2.3rem;
    margin: 1rem 0 0 2rem;
}


#footer-a{
    font-size:1.2rem;
    float:left;
    width:100%;
    margin-top:1rem;
    text-align:center;
    padding:0;
}#footer-a p{
    font-size:1.5rem;
}

#footer-b{
    font-size:1.2rem;
    width:100%;
    text-align:center;
}
.link-b{
    font-size:1.5rem;
}






/*-------------MAP---------------*/

.map2{
    height:300px;
}


.picture-3c{
    display:block;
    width:80%;
    padding-left:10%;

}

.picture-3c-box{
    width:98%;
    margin:0;
}

.p-apr{
    float:none;
    margin:0 auto 0 auto;
}
.t-apr{
    float:none;
    width:calc(100% - 2rem);
    padding:1rem;
    text-align: center;

}
/*-------------inn---------------*/

.logo{
    float:none;
    margin:0 auto 0 auto;
}
.o-info{
    float:none;
    width:calc(100% - 2rem);
    padding:1rem;

}




.logo2{
    float:none;
    margin:0 auto 0 auto;
}

.hinangoya{
    float:none;
    margin:0 auto 0 auto;
}

.h-info{
    float:none;
    width:calc(100% - 2rem);
    padding:1rem;
}


/*--------------contact-----------------*/
.form-l dl{
    line-height:1.8rem;
}
.form-l dt {
    margin-right: 0;
    width: 100% ;
    text-align:left;
}

.form-l dd {
    float: left ;
    width: 90% ;
    margin-left: 5% ;
}

.form-l input{
    width:100%;
}


.form-l #btn{
    font-size:1.5rem;
    width:50%;
    height:4rem;
    margin-left:25%;
    margin-top:1rem;
}

.submit_content dl {
    padding:0 0 0 0;
}
.submit_content dt {
    width: 160px;
}

.submit_content dd {
    width: calc(100% - 180px);
}

/*240625　花ごよみ臨時対応*/
.gallery {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(6, auto);
}
.gallery img {
    width: 80%;
    margin-left:10%;
    height: auto;
    display: block;
}

.hana3 img{
    padding-left:0;
}


a.anchor{
    padding-top: 8px;
    margin-top: 8px;
}



.hanagoyomi{
    background-color: rgba(255, 255, 255, 0.05);
}


}

@media screen and (max-width:480px){

    html{
        font-size:10px;
    }

    body{
        min-width:360px;
    }

    #header{
        min-width: 360px;
        height:100px;
    }
    
    #header-inner{
        position:relative;
        max-width:480px;
        height:100%;

    }



    .menu{
        min-width:360px;
    }
}