/*
---------------------------------------------

	http://www.zen-group.jp/lp/

---------------------------------------------
*/

body > img {
    display: none;
}


/*	wrapper
-------------------------------------------*/

#wrapper {
    width: 960px;
    margin: 0 auto;
    text-align: center;
    padding: 0 20px;
}


/*cont
---------------------------------*/

.header {
    width: 100%;
}

.area01{
    margin-left: -10%;
    width: 120%;
    background: url(../images/reserve/area01_bg.png) top center no-repeat;
    background-size: contain;
    clear: both;
}

.area01_inner{
    margin: 0 auto;
    width: 83%;
    margin-top: 5%;
    padding-top: 5.5%;
}

.area01 ul{
    display: block;
}
.area01 li{
    display: inline-block;
    width: 30%;
}

.area02{
    margin-top: 6%;
}

.area02_l{
    float: left;
    width: 51.5%;
}

.area02_r{
    float: left;
    width: 48.5%;
}

.area03{
    margin: 6% 0;
}

.area04{
    margin: 6% 0;
}

.area04_l{
    width: 75%;
    float: left;
}
.area04_r{
    width: 25%;
    float: right;
}

.coupon{
    background: url(../images/rsv/coupon.png) top left no-repeat;
    background-size: contain;
    margin-top: 6%;
    padding-top: 46%;
    position: relative;
}

.coupon_btn{
    position: absolute;
    width: 31%;
    top: 79%;
    left: 65%;
}

.area05{
    margin: 6% 0;
}
.area05_l01{
    width: 18.4%;
    float: left;
}
.area05_r01{
    width: 81.6%;
    float: right;
}
.area05_l02{
    width: 61.8%;
    float: left;
}
.area05_r02{
    width: 38%;
    float: right;
}
.map_btn{
    margin: 2% auto 0;
    width: 57.8%
}

.access{
    margin-top: 6%;
    margin-bottom: 6%;
}

.access_l{
    margin-top: 3%;
    float: left;
    width: 69.5%;
}
.access_r{
    margin-top: 3%;
    float: right;
    width: 30.5%;
}

.shop{
    margin-bottom: 4%;
}

.reserve{
    background-color:#fff;
    margin-left: -500%;
    margin-right: -500%;
    padding-left: 500%;
    padding-right: 500%;
    display: block;
    overflow-x: hidden;
}

.phone {
    float: left;
    margin-left: 3%;
    width: 45.5%;
    padding-bottom: 2.5%;
}

.entry {
    float: right;
    margin-right: 3%;
    width: 45.5%;
    padding-bottom: 2.5%;
}


/*	footer
-------------------------------------------*/

footer {
    width: 100%;
    padding: 20px 0;
    text-align: center;
}


/*
============================================

	@media (max-width: 767px)

============================================
*/

@media (max-width: 960px) {
    img {
        width: 100%;
    }
    /*	wrapper
	-------------------------------------------*/
    #wrapper {
        width: 100%;
        margin: 0 auto;
    }
   
body {
    font-size: 0.6em;
}
 
    /*	footer
	-------------------------------------------*/
    
}