@charset "UTF-8";
#gourmet div {
    box-sizing: border-box;
}
#gourmet .mainimage {
    width: 100%;
    padding: 30px 20px;
    background: url(../img/bg_main.jpg) no-repeat center;
    background-size: cover;
    margin-bottom: 10px;
}
#gourmet .mainimage .inner {
    max-width: 411px;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    background: rgba(255,255,255,0.85);
    text-align: center;
}
#gourmet .mainimage .inner img {
    vertical-align: middle;
}

#gourmet .contentArea .shopDetail {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

.contentArea {
    max-width: 1220px;
    width: 100%;
    margin: 0 auto;
}

#container .contentArea {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

h2.title {
    font-size: 28px;
    padding-bottom: 10px;
    margin-bottom: 70px;
    color: #333333;
    border-bottom: 1px solid #333333;
}

h2.title span {
    color: #cd0035;
}

h3.title {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 20px;
    color: #4c4c4c;
    border-bottom: 1px solid #dfdfdf;
}

#legend {
    padding-bottom: 10px;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 70px;
}

#legend .item {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
    width: 290px;
}

#legend .item img {
    vertical-align: middle;
    margin-right: 10px;
}

#floors {
    position: relative;
    margin-bottom: 60px;
}
#floors .image {
    text-align: center;
}

#floors .list {
    position: absolute;
    top: 0;
    bottom: 0;
}
#floors .link:before {
    content: "";
    display: block;
}
#floors .list--01 {
    right: 63%;
    left: 5.167%;
}
#floors .list--02 {
    right: 3%;
    left: 49%;
}

#floors .link {
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -9999px;
}
#floors .link a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    -webkit-transition: .5s;
    transition: .5s;
}
#floors .link a:hover {
    background-color: rgba(255, 255, 255, .5);
}

#floors .link--01 {
    top: 0;
}
#floors .link--02 {
    top: 5.918%;
}
#floors .link--03 {
    top: 11.836%;
}

#floors .list--01 .link--04 {
    top: 17.754%;
}
#floors .list--01 .link--05 {
    top: 23.5%;
}
#floors .list--01 .link--06 {
    top: 29.3%;
}
#floors .list--01 .link--07 {
    top: 35.3%;
}
#floors .list--01 .link--08{
    top: 41.1%;
}
#floors .list--02 .link--04 {
    top: 41.1%;
}
#floors .list--01 .link--09 {
    top: 47.0%;
}
#floors .list--01 .link--10,
#floors .list--02 .link--05 {
    top: 52.7%;
}
#floors .list--01 .link--11,
#floors .list--02 .link--06 {
    top: 58.7%;
}
#floors .list--01 .link--12,
#floors .list--02 .link--07 {
    top: 64.5%;
}
#floors .list--01 .link--13 {
    top: 70.3%;
}
#floors .list--01 .link--14,
#floors .list--02 .link--08 {
    top: 76.2%;
}
#floors .list--02 .link--08 {
    top: 72.8%;
}

#floors .list--01 .link--15,
#floors .list--02 .link--09 {
    top: 82.1%;
}

#floors .list--02 .link--10 {
    top: 87.8%;
}
#floors .list--02 .link--11 {
    top: 93.6%;
}

#floors .list--01 .link--01,
#floors .list--01 .link--02,
#floors .list--01 .link--03,
#floors .list--01 .link--04 {
    width: 100%;
}
#floors .list--01 .link--01:before,
#floors .list--01 .link--02:before,
#floors .list--01 .link--03:before,
#floors .list--01 .link--04:before {
    padding-top: 8.947%;
}
#floors .list--01 .link--05,
#floors .list--01 .link--06,
#floors .list--01 .link--07,
#floors .list--01 .link--08,
#floors .list--01 .link--09,
#floors .list--01 .link--10,
#floors .list--01 .link--11,
#floors .list--01 .link--12,
#floors .list--01 .link--13,
#floors .list--01 .link--14,
#floors .list--01 .link--15 {
    width: 100%;
}
#floors .list--01 .link--05:before,
#floors .list--01 .link--06:before,
#floors .list--01 .link--07:before,
#floors .list--01 .link--08:before,
#floors .list--01 .link--09:before,
#floors .list--01 .link--10:before,
#floors .list--01 .link--11:before,
#floors .list--01 .link--12:before,
#floors .list--01 .link--13:before,
#floors .list--01 .link--14:before,
#floors .list--01 .link--15:before {
    padding-top: 8.92%;
}

#floors .list--02 .link--01,
#floors .list--02 .link--02,
#floors .list--02 .link--03 {
    width: 100%;
}
#floors .list--02 .link--01:before,
#floors .list--02 .link--02:before {
    padding-top: 6.584%;
}
#floors .list--02 .link--03:before {
    padding-top: 37.6%;
}
#floors .list--02 .link--04,
#floors .list--02 .link--05,
#floors .list--02 .link--06,
#floors .list--02 .link--07 {
    width: 96%;
}
#floors .list--02 .link--05:before,
#floors .list--02 .link--06:before {
    padding-top: 6.106%;
}
#floors .list--02 .link--04:before,
#floors .list--02 .link--07:before {
    padding-top: 9.192%;
}
#floors .list--02 .link--04:before{
    padding-top: 14.0%;
}
#floors .list--02 .link--08,
#floors .list--02 .link--09,
#floors .list--02 .link--10,
#floors .list--02 .link--11 {
    width: 100%;
}
#floors .list--02 .link--08:before,
#floors .list--02 .link--09:before,
#floors .list--02 .link--10:before,
#floors .list--02 .link--11:before {
    padding-top: 10.8%;
}
#floors .list--02 .link--09:before,
#floors .list--02 .link--10:before,
#floors .list--02 .link--11:before {
    padding-top: 6%;
}
@media only screen and (max-width: 640px) {
    #floors {
        margin-bottom: 30px;
    }
}




#map {
    margin-bottom: 70px;
}

#map .inner {
    display: table;
    width: 100%;
}

#map > .inner > div {
    display: table-cell;
}

#map .floors {
    vertical-align: top;
    text-align: right;
    width: 400px;
}

#map .floors > div {
    margin-bottom: 30px;
    background-color: #efefef;
    text-align: center;
}

#map .floors .inner {
    padding: 30px 40px;
    box-sizing: border-box;
}

#map h3 {
    font-size: 24px;
    color: #333333;
    margin-bottom: 10px;
}

#map .items {
    letter-spacing: -.4em;
    text-align: left;
}

#map .item {
    font-size: 22px;
    display: inline-block;
    width: 33%;
    letter-spacing: normal;
    background-color: #fff;
    border: solid 1px #efefef;
    box-sizing: border-box;
}

#map .item a {
    color: #333333;
    text-decoration: none;
    display: block;
    padding: 10px;
    text-align: center; 
    transition: 0.2s;
    -webkit-transition: 0.2s;
}

#map .item a:hover {
    background-color: #cd0035;
    color: #fff;
}

#map .item.on a {
    background-color: #cd0035;
    color: #fff;
}

#map .image {
    vertical-align: middle;
    text-align: center;
    padding-right: 20px;
}

#map .image img[usemap] {
    max-width: 100%;
    height: auto;
}

@media screen and (max-width: 960px){
	body{
		font-size : 14px;
	}
    #map {
        margin-bottom: 10px;
    }

    #map > .inner > div {
        display: block;
    }
    #map .image {
        padding-right: 0;
        margin-bottom: 40px;
    }
    #map .floors {
        width: 100%;
    }
    #map .item {
        width: 25%;
    }
}

@media only screen and (max-width: 500px) {
    #map .floors .inner {
        padding: 10px;
    }
    #map h3 {
        font-size: 18px;
    }
    #map .item {
        font-size: 15px;
    }
    #map .item a {
        padding: 5px;
    }
}