@charset "UTF-8";

.shiteiseki {
    padding: 1rem;
}
.shiteiseki .img_map {
	position: relative;
}
.shiteiseki .img_map img {
    width: 100%;
	display: block;
}

.shiteiseki .modal-open .point_span {
	display: block;
	position: absolute;
	cursor: pointer;
}

.shiteiseki .modal-open .restaurant {
	bottom: 6.8rem;
	right: 4.4rem;
	width: 5rem;
	height: 1rem;
}
.shiteiseki .modal-open .seat_a1 {
	bottom: 5.2rem;
	left: 0.9rem;
	width: 4rem;
	height: 0.8rem;
}
.shiteiseki .modal-open .seat_a2 {
	bottom: 4.2rem;
	left: 1rem;
	width: 5rem;
	height: 0.8rem;
}
.shiteiseki .modal-open .seat_a3 {
	bottom: 3.2rem;
	left: 0.8rem;
	width: 5.8rem;
	height: 0.8rem;
}
.shiteiseki .modal-open .seat_a4 {
	bottom: 2.2rem;
	left: 0.9rem;
	width: 4.6rem;
	height: 0.8rem;
}
.shiteiseki .modal-open .seat_a5 {
	bottom: 1.1rem;
	left: 0.9rem;
	width: 4.6rem;
	height: 0.8rem;
}

.shiteiseki .modal-open .seat_b1 {
	bottom: 5.3rem;
	left: 6.7rem;
	width: 5.3rem;
	height: 0.8rem;
}
.shiteiseki .modal-open .seat_b2 {
	bottom: 4.3rem;
	left: 6.7rem;
	width: 7.3rem;
	height: 0.8rem;
}
.shiteiseki .modal-open .seat_b3 {
	bottom: 3.2rem;
	left: 6.7rem;
	width: 4.3rem;
	height: 0.8rem;
}
.shiteiseki .modal-open .seat_b4 {
	bottom: 2.2rem;
	left: 6.7rem;
	width: 6rem;
	height: 0.8rem;
}
.shiteiseki .modal-open .seat_b5 {
	bottom: 1.2rem;
	left: 6.7rem;
	width: 7.2rem;
	height: 0.8rem;
}
.shiteiseki .modal-open .seat_b6 {
	bottom: 0.2rem;
	left: 6.7rem;
	width: 4.8rem;
	height: 0.8rem;
}

.shiteiseki .com-table01 th.east_point_stand {
	background-color: #ff1c1d;
}
.shiteiseki .com-table01 th.central_stand {
	background-color: #009ce1;
}

.shiteiseki .com-table01 th.col1-3,
.shiteiseki .com-table01 th.col3 {
    border-right: 1px solid #5A8CDA;
}

.shiteiseki .com-table01 th.col1 {
    width: 5rem;
}
.shiteiseki .com-table01 th.col2 {
    width: 20rem;
}
.shiteiseki .com-table01 th.col3 {
    width: 7rem;
}
.shiteiseki .com-table01 td {
    line-height: 1.3;
}
.shiteiseki .com-table01 td.col2 {
    text-align: left;
    padding-left: 1rem;
}
.shiteiseki .com-table01 td.col3 {
    text-align: right;
    padding-right: 1rem;
}
.shiteiseki .com-table01 tr.color_row {
    background-color: #F4F4F4;
}

/* popup css */
#modal-content {
 width: 30.4rem;
 margin: 0;
 padding: 0 0;
 position: fixed;
 display: none;
 z-index: 2;
 border-radius: 0.5rem;
} 
#modal-image-area{
 margin:0 auto;
 width:100%;
 background-color: #ffffff;
 padding: 1.5rem;
}  
#modal-overlay {
 z-index: 1;
 display: none;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba( 0,0,0, 0.5 );
}
.btn-close {
 	text-align: right;
 	height: 3rem;
 	position: absolute;
 	top: -3rem;
 	right: 0;
}
#modal-close-icon {
    background-image: url(/sp/page/access/images/batsu.png);
    display: inline-block;
    height: 2.8rem;
    background-repeat: no-repeat;
    background-size: 2rem;
    width: 2.2rem;
}
#modal-image img {
 	width: 27.4rem;
 	display: block;
}
#modal-img-title{
	font-size: 1.2rem;
	padding-top: 1rem;
}