@charset "utf-8";

/* ****************************************************

shop.css

***************************************************** */


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

	1: contents parts for PC

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

.shopTypeDark #allContainer {
	background-color: #000000;
}
.shopTypeDark .headerContainer,
.shopTypeDark .footerContainer {
	background-color: #ffffff;
}
.shopTypeDark #main {
	color: #ffffff;
}

/* headline
================================ */

/* contentTitle */
.shopTypeDark .contentTitle {
	background: url(./../img/shop_bg01.png) repeat 50% 0;
}

/* headline01 */
.shopTypeDark #main > .headline01 {
	background: url(./../img/shop_bg01.png) repeat 50% 0;
}
.shopTypeDark #main > .headline01 + .paragraph01 {
	margin-top: 2em;
}

/* headline02 */
.shopTypeDark .headline02 {
	background: url(./../img/shop_ex01.png) repeat-y 0 0;
}
.shopTypeDark .headline02:before,
.shopTypeDark .headline02:after {
	background-color: #000000;
}
.shopTypeDark .headline02 > a:after {
	background: url(./../common/img/main_sp01.png) no-repeat -320px 0;
}

/* text
================================ */
.shopTypeDark .highlight02 {
	color: #ffeda5 !important;
}

/* link-text
================================ */
.shopTypeDark .contentsWrap a:link, .shopTypeDark .contentsWrap a:visited,
.shopTypeDark .contentsWrap a:hover, .shopTypeDark .contentsWrap a:active {
	color: #ffffff;
}

/* linkType01 */
.shopTypeDark .linkType01 > li > a:before {
	top: 0.5em;
	left: 0;
	width: 6px;
	height: 10px;
	background: url(./../common/img/main_sp01.png) no-repeat -480px 0;
}

/* link-btn
================================ */

/* btnType03 */
.shopTypeDark .btnType03 a {
	border-bottom: 2px solid #5e510a;
	background-color: #8e7d1f;
}

.shopTypeDark .contentsWrap .bookmarkBtn > a,
.shopTypeDark .contentsWrap .printBtn > a {
	color: #333333;
}
@media only screen and (min-width: 768px) {

.shopTypeDark .btnType03 a:hover {
	margin-top: 2px !important;
	border-bottom: none;
	background-color: #b29c26;
}
}


/* list
================================ */
.shopTypeDark [class*="noteType"] {
	color: #ffffff;
}


/* table
================================ */

/* tableType01 */
.shopTypeDark .tableType01 table {
	border-top: 1px solid #555555;
	border-left: 1px solid #555555;
	background-color: #000000;
}
.shopTypeDark .tableType01 table th,
.shopTypeDark .tableType01 table td {
	border-right: 1px solid #555555;
	border-bottom: 1px solid #555555;
}
.shopTypeDark .tableType01 table .lv02 {
	background-color: #222222;
}
.shopTypeDark .tableType01 table .lv02 > a:before {
	background: url(./../common/img/main_sp01.png) -480px 0;
}


/* box
================================ */

/* boxType04 */
.shopTypeDark .boxType04 {
	background-color: #222222;
	padding: 30px;
}

/* topicsArea */
.shopTypeDark .topicsArea,
.shopTypeDark .topicsArea .headline02:before,
.shopTypeDark .topicsArea .headline02:after {
	background-color: #001129;
}

/* other
================================ */
/* slider */
.shopTypeDark .visualArea {
	margin-top: 30px;
}
.shopTypeDark .visualArea > .shopPhoto {
	float: none;
	width: 100%;
	margin-right: 0;
}
.shopTypeDark .visualArea > .shopPhoto .bx-wrapper {
	float: left;
	width: 711px;
	margin-right: 42px;
}
.shopTypeDark .visualArea .imgPager {
	float: right;
	width: 211px;
}
.shopTypeDark .visualArea .imgPager li {
	width: 100%;
	margin-top: 23px;
	margin-left: 0;
}
.shopTypeDark .visualArea .imgPager li:first-child {
	margin-top: 0;
}
.shopTypeDark .visualArea .imgPager li > a {
	display: block;
}
.shopTypeDark .visualArea .imgPager li > .active {
	border: 4px solid #ffffff;
}

/* mapWrap01 */
.shopTypeDark .mapWrap01 {
	width: 970px;
	height: 346px;
}

@media only screen and (max-width: 767px) {

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

	2: contents parts for Smartphone

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

/* headline
================================ */

/* acodType01 */
.shopTypeDark .acodType01 {
	margin: 20px -10px 0;
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
	background-color: #333333;
}
.shopTypeDark .acodType01 .headline02:before,
.shopTypeDark .acodType01 .headline02:after {
	background-color: #333333;
}
.shopTypeDark .acodType01 .spAcodSwitch:after {
	background-position: -80px -80px;
}
.shopTypeDark .acodType01 .spAcodSwitch.active:after {
	background-position: -120px -80px;
}

/* link-text
================================ */
.shopTypeDark .linkType01 > li > a:before {
	-webkit-background-size: 250px auto;
	background-size: 250px auto;
}

.shopTypeDark .remarksArea > .aroundShops .linkType01 {
	border-bottom: 1px solid #555555;
}
.shopTypeDark .remarksArea > .aroundShops .linkType01 > li,
.shopTypeDark .menuArea .linkType01 > li {
	border-top: 1px solid #555555;
	float: none;
}
.shopTypeDark .boxType04 .linkType01 > li {
	margin: 0;
}
.shopTypeDark .remarksArea > .aroundShops .linkType01 > li > a {
	background-color: #222222;
}
.shopTypeDark .boxType04 .linkType01 > li > a {
	padding: 12px 12px 12px 32px;
}
.shopTypeDark .menuArea .linkType01 > li > a {
	display: block;
}
.shopTypeDark .remarksArea > .aroundShops .linkType01 > li > a:before,
.shopTypeDark .menuArea .linkType01 > li > a:before {
	background-position: -160px 0;
}
.shopTypeDark .menuArea .linkType01 > li > a:before {
	top: 50%;
	left: 21px;
	margin-top: -3px;
}
.shopTypeDark .menuArea .boxType04 {
	background-color: #000000;
	padding: 0;
}

.shopTypeDark [class*=tableType].spVertical table {
	border: none;
	border-bottom: 1px solid #555555;
}
.shopTypeDark [class*=tableType].spVertical table th,
.shopTypeDark [class*=tableType].spVertical table td {
	border-top: 1px solid #555555;
	border-bottom: none;
	border-left: 1px solid #555555;
}

.shopTypeDark .topicsArea .range2Col .range3Col > * {
	clear: none;
	width: 31.14%;
	margin-left: 3.29%;
	margin-top: 0;
}
.shopTypeDark .topicsArea .range2Col .range3Col > *:nth-child(3n+1) {
	margin-left: 0;
}
/* other
================================ */
/* slider */
.shopTypeDark .visualArea {
	margin-top: 0;
}
.shopTypeDark .visualArea > .shopPhoto .bx-wrapper {
	float: none;
	width: auto;
	margin-right: 0;
}

/* mapWrap01 */
.shopTypeDark .mapWrap01 {
	display: block;
	width: 100%;
	height: 235px;
}

/* accordion */
.shopTypeDark .acodType01 .spAcodDetail {
	border-top: 1px solid #555555;
}
.shopTypeDark .topicsArea .acodType01 .spAcodDetail {
	background-color: #000000;
	border-top: 1px solid #555555;
}
.shopTypeDark .menuArea .spAcodDetail {
	padding: 0;
}

}