.main_img_zone {
    /*width: calc(100% - 860px);*/
    overflow: hidden;
	position: relative;
    height: 100vh;
}
.main_img_zone>div {
    width: 100%;
    height: 102%;
	/*height: 46vw;
	height: 650px;*/
	background-position: top;
	/*background-size: auto 1180px;*/
    background-size: cover;
	background-repeat: no-repeat;
    background-image: url("../img/slide_img02.jpg");
}
.page_res_main_img {
    height: auto;
}
.page_res_main_img img {
    width: 100%;
    height: auto;
}


/**==============
reservation
==============**/
.reserve_main_img_zone>div {
    width: 100%;
    height: 102%;
	/*height: 46vw;
	height: 650px;*/
	background-position: top;
	/*background-size: auto 1180px;*/
    background-size: cover;
	background-repeat: no-repeat;
    background-image: url("../img/slide_img04.jpg");
}
.reservation h2 {
    font-size: 100px;
    color: #E1D8D4;
    opacity: 0.5;
    line-height: 0.8;
}
.reservation table {
    width: 100%;
}

#calendarTable {
    font-family: sans-serif;
}
#calendarTable .youbi_0 {
    color: #ae361e;
}
#calendarTable .youbi_6 {
    color: #1d3f84;
}
#calendarTable td {
    width: 15%;
    border: 1px solid #8b6551;
    vertical-align: sub;
    font-size: 14px;
    height: 50px;
}
#calendarTable td .scheduleComment {
    font-size: 10px;
    color: #4E392E;
}

.res_540 h2.calendar_h2 {
    font-size: 1rem;
    color: #333333;
}
.res_calendar ul {
    padding-left: 0;
}
.res_calendar ul li  {
    border-bottom: 1px solid #8b6551;
    vertical-align: sub;
    font-size: 14px;
    padding: 5px;
}
.res_calendar ul li {
    font-family: sans-serif;
}
.res_calendar ul li.youbi_0 {
    color: #ae361e;
}
.res_calendar ul li.youbi_6 {
    color: #1d3f84;
}
.res_calendar li .scheduleComment {
    font-size: 12px;
    color: #4E392E;
    padding-left: 70px;
}



/**==============
MENU
==============**/
.menu_main_img_zone>div {
    width: 100%;
    height: 102%;
	/*height: 46vw;
	height: 650px;*/
	background-position: top;
	/*background-size: auto 1180px;*/
    background-size: cover;
	background-repeat: no-repeat;
    background-image: url("../img/menu_main_img.jpg");
}






/**==============
BEANS
==============**/
#beans .online_link {
    margin-top: 40px;
}
#beans .online_link a {
    background-color: #4E392E;
    color: #fff;
    transition: 0.5s;
    text-align: center;
    display: block;
    padding: 15px;
}
#beans .online_link a:hover {
    background-color: #8b6551;
    color: #fff;
    transition: 0.5s;
    text-align: center;
    display: block;
    padding: 15px;
}



/**==============
access
==============**/
.access_main_img_zone>div {
    width: 100%;
    height: 102%;
	/*height: 46vw;
	height: 650px;*/
	background-position: top;
	/*background-size: auto 1180px;*/
    background-size: cover;
	background-repeat: no-repeat;
    opacity: 0.1;
    background-image: url("../img/slide_img02.jpg");
}
.access_text-box>div {
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.infomation .text {
    margin-top: 40px;
}

.infomation {
    text-align: center;
}
.infomation .img_zone {
    margin: auto;
}
.infomation .text table {
    text-align: left;
    display: inline-block;
}
.infomation .text table th,
.infomation .text table td {
    padding: 5px ;
}
.infomation .text table th {
    width: 150px;
    vertical-align: top;
}
.access .img_map {
    margin-top: 70px;
}
.access .img_map p {
    margin-top: 20px;
}
.access .bus_info_link  {
    margin: auto;
    text-align: center;
    margin-top: 70px;
}
.access .bus_info_link a {
    border: #4E392E 2px solid;
    padding: 10px 40px;
    border-radius: 50px;
    display: inline-block;
    transition: 0.5s;
}
.access .bus_info_link a:hover {
    border: #4E392E 2px solid;
    background-color: #4E392E;
    color: #fff;
    padding: 10px 40px;
    border-radius: 50px;
    display: inline-block;
    transition: 0.5s;
}

.access .bus_info_link .pdf_icon {
    width: 20px;
    height: auto;
    vertical-align: sub;
    margin-left: 20px;
}
.access .text_zone02 {
    margin-top: 70px;
}
@media screen and (max-width:991px) {
    .access .text_zone02 {
        margin-top: 70px;
    }
}

@media screen and (max-width:540px) {
    .infomation .text {
        padding: 0;
    }

    .infomation .text table th,
    .infomation .text table td {
        padding: 5px ;
        width: 100%;
        display: block;
    }
    .infomation .text table th {
        background:linear-gradient(transparent 60%, #E1D8D4 0%);
        display: inline-block !important;
        width: auto !important;
        padding-bottom: 0;
    }
    .access .text_zone02 {
        margin-top: 40px;
    }
    .access .img_map {
        margin-top: 40px;
    }
    .access .bus_info_link  {
        margin: auto;
        text-align: center;
        margin-top: 40px;
    }
    .access .bus_info_link a {
        border: #4E392E 2px solid;
        padding: 5px;
        border-radius: 50px;
        display: inline-block;
        transition: 0.5s;
    }
    .access .bus_info_link a:hover {
        border: #4E392E 2px solid;
        background-color: #4E392E;
        color: #fff;
        padding: 5px;
        border-radius: 50px;
        display: inline-block;
        transition: 0.5s;
    }
    
}