@charset "utf-8";

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




.menu_title{
    margin-top: 40px;
    font-size: 1.6em;
    padding-bottom: 5px;
    color: #663300;
     font-family: serif;
    border-bottom:thin solid #ccc;
}

.menu_lead{
    margin: 20px 0;
    font-size: 14px;
}

.menu_box{
    margin: 0 auto;
}



.gaiyou{
    width: 96%;
    margin: 20px auto;
}

.gaiyou_l{
    width: 96%;
    margin: 20px auto;
}

.gaiyou_r{
    width: 96%;
    margin: 20px auto;
}

.gaiyou_r img{width: 100%;}

.gaiyou table{
    width: 100%;
    font-size: 120%;
    border-collapse: collapse;
    border: thin solid #ccc;
    
}

.gaiyou th{
    text-align: left;
    background-color: #f7f4f0;
    padding: 10px;
}

.gaiyou td{
     padding: 10px;
}

.map_sp{
        margin: 20px auto;
        width: 96%;
}

.map_sp img{width: 100%;}

.googlemap{
        margin: 20px auto;
        width: 90%;
        height: 300px;
}

.googlemap iframe{width: 100%; height: 100%;}
    
}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {



.menu_title{
    margin-top: 40px;
    font-size: 160%;
    padding-bottom: 5px;
    color: #663300;
     font-family: serif;
    border-bottom:thin solid #ccc;
}

.menu_lead{
    margin: 20px 0;
    padding-left: 20px;
    font-size: 14px;
}

.menu_box{
    margin: 0 auto;
}



.gaiyou{
    width: 100%;
    margin: 20px 0 20px 20px;
}

.gaiyou_l{
    width: 50%;
    float: left;
}

.gaiyou_r{
    width: 40%;
    padding-left: 20px;
    float: left;
}

.gaiyou table{
    width: 100%;
    font-size: 120%;
    border-collapse: collapse;
    border: thin solid #ccc;
    
}

.gaiyou th{
    text-align: left;
    background-color: #f7f4f0;
    padding: 10px;
}

.gaiyou td{
     padding: 10px;
}

.googlemap{
        margin: 20px 0 20px 20px;
        width: 800px;
        height: 360px;
}

.googlemap iframe{width: 100%; height: 100%;}

.map{
        margin: 20px 0 20px 20px;
}


}/* PC-------------------------------------------------------*/
@media screen and (min-width: 769px) {


.menu_title{
    margin-top: 40px;
    font-size: 160%;
    padding-bottom: 5px;
    color: #663300;
     font-family: serif;
    border-bottom:thin solid #ccc;
}

.menu_lead{
    margin: 20px 0;
    padding-left: 20px;
    font-size: 14px;
}

.menu_box{
    margin: 0 auto;
}



.gaiyou{
    width: 100%;
    margin: 20px 0 20px 20px;
}

.gaiyou_l{
    width: 50%;
    float: left;
}

.gaiyou_r{
    width: 40%;
    padding-left: 20px;
    float: left;
}

.gaiyou table{
    width: 100%;
    font-size: 120%;
    border-collapse: collapse;
    border: thin solid #ccc;
    
}

.gaiyou th{
    text-align: left;
    background-color: #f7f4f0;
    padding: 10px;
}

.gaiyou td{
     padding: 10px;
}

.googlemap{
        margin: 20px 0 20px 20px;
        width: 800px;
        height: 360px;
}

.googlemap iframe{width: 100%; height: 100%;}

.map{
        margin: 20px 0 20px 20px;
}


  
}