/* =========================
	メディアクエリ
========================= */
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
    /*body {
        background-color:#2262D1;
    }*/
}
@media screen and (max-width: 767px) {
/* 768pxまでの幅の場合に適応される */



}

@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
    h2.title02{
    background: url(../img/index_titleimg01.png) no-repeat;
    background-size: 480px auto;
    background-position: center top;
    max-height:30px; 
    }
    h2.title03{
    background: url(../img/ryouri_titleimg18.png) no-repeat;
    background-size: 700px auto;
    background-position: left top;
    height:60px; 
    }

    .table_480{display: block;margin:0 auto;}
    .table_480 li{
    display: table;
    margin: 0 auto 10px;
    }
    #cuisine .table_480 ul{
    display: block;
    margin: 0 auto;
    padding: 0 0 20px;
    width: 100%;
    max-width: 322px;
    }
    .none_480{display: none!important;}
    #cuisine_02 .table .left{   padding-right: 0px;}
    .notice{text-align: left}

    .fa_navi ul{
        margin: 0 auto 40px;
    }
    .fa_navi ul li{
    display: table;
    margin: 0 auto;
    padding:0 0 10px; 
    }

    #photogallery .table li img{
        padding:5px; 
    }

    #access_03 article.table .right,
    #access_03 article.table .left{
    display: table;
    margin: 0 auto 10px;
    padding:0; 
    }
    #access_03 article.table .right{
        max-width: 220px;
    }
    #access_03 article.table h5{
    display: table;
    margin: 0 auto 10px;
    }

    #access_02 .ac_03 .access_point02,
    #access_02 .ac_03 .access_point01{
        width: 85px;
    }

    #access_01 .table .left_20{
        display: none;
    }
    #access_01 h2.apper_480{
        display: block;
    }
    #access_01 .table iframe{
    padding-left: 0px;
    }
    #event_01 li strong{
    font-weight: normal;
    font-size: 9px;
    }
    #event_01 li{
    width: 100%;
    margin-bottom: 20px;
    }
    #event_01 li:nth-child(1n){
    float: none;
    padding-right: 0px;
    }   
    #cuisine_02 .left table {
    width:100%;
    max-width: 480px;
    } 

    h2.title12{
    background: url(../img/title_photo.png) no-repeat;
    background-size: 700px;
    height:50px; 
    margin: 10px auto 10px;
    }
    h2.title13{
    background: url(../img/title_access.png) no-repeat;
    background-size: 700px;
    height:50px; 
    margin: 10px auto 10px;
    }
    h2.title14{
    background: url(../img/title_event.png) no-repeat;
    background-size: 700px;
    height:50px; 
    margin: 10px auto 10px;
    }
    h2.title10{
    background: url(../img/kannai_titleimg10.png) no-repeat;
    background-size: 700px;
    background-position: left top;
    height:60px; 
    margin: 40px auto 0px;
    }
    #access_01 .table{
    margin-top: 0px;
    }

}

@media screen and (max-width: 320px) {
/* 320pxまでの幅の場合に適応される */

    #cuisine_03{
        max-width: 320px;
    }
    #cuisine .table_480 ul.w_322 {
    width: 100%;
    max-width: 320px;
    padding: 0 0 20px;

}