@charset "UTF-8";
@import "/include/css/common.pc.css";

/* ---------------------------------------------------------
	CSS Document shop > visual
--------------------------------------------------------- */

#visual {
	background-image: url(../images/visual.jpg);
}

/* ---------------------------------------------------------
	CSS Document shop > common
--------------------------------------------------------- */

#shop {
	text-align: left;
}

#shop h2 {
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: url(/include/top/info_01.jpg) repeat-x left bottom;
	font-weight: 100;
	font-family: WebMincho;
	font-size: 25px;
	letter-spacing: .1em;
	line-height: 1.1;
}

/* ---------------------------------------------------------
	CSS Document shop > section
--------------------------------------------------------- */

#shop .section {
	margin-bottom: 50px;
}

#shop .section .f_right {
	width: 360px;
}

#shop .access {
	height: 0;
	overflow: hidden;
	padding-bottom: 52%;
	padding-top: 52px;
	position: relative;
}

#shop .access iframe,
#shop .access object,
#shop .access embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 0;
}

#shop table {
	width: 100%;
	margin-top: 10px;
}

#shop th {
	width: 12%;
	padding: 3px 0;
	text-align: left;
	font-weight: 100;
}

#shop th:before {
	content: '\25a0';
	display: inline-block;
	vertical-align: 2px;
	margin-right: 5px;
	font-size: 10px;
}

#roan_otori th:before {
	color: #950B22;
}

#roan_tondabayashi th:before {
	color: #7E641D;
}

#saintmarc th:before {
	color: #272536;
}

#hakodate_ichiba th:before {
	color: #000;
}

#shop td {
	padding: 3px 0;
	text-align: left;
}

#shop .tel {
	text-decoration: none;
	color: #000;
}