@charset "utf-8";
/* CSS Document */


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

	Top用地図

---------------------------------------------------------------------*/
#indexMap {
	position: relative;
	width: 469px;
	height: 460px;
	background-image: url(../images/bed/_frame/map/map01.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	float: left;
}

#indexMap .tit,
#bed #showroomMap .tit {
	font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', '游明朝', 'Yu Mincho', HG明朝B, 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', Georgia, 'Times New Roman', serif;
	font-size: 20px;
	color: #2B5779;
	margin: 15px 0 0 20px;
	font-weight: bold;
}

#indexMap #howToChoice {
	position: absolute;
	top: 20px;
	left: 328px;
}

#indexMap #howToChoice a {
	font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', '游明朝', 'Yu Mincho', HG明朝B, 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', Georgia, 'Times New Roman', serif;
	display: block;
	color: #FFF;
	text-decoration: none;
	display: inline-block;
	padding: 5px 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #427292), color-stop(0.00, #19567A));
	background: -webkit-linear-gradient(#19567A, #427292);
	background: -moz-linear-gradient(#19567A, #427292);
	background: -o-linear-gradient(#19567A, #427292);
	background: -ms-linear-gradient(#19567A, #427292);
	background: linear-gradient(#19567A, #427292);
}

#indexMap #howToChoice a:after {
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	margin: 0 0 0 5px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: all 0.4s cubic-bezier(.17, .67, .54, .93);
	-webkit-transition: all 0.4s cubic-bezier(.17, .67, .54, .93);
	content: "";
}

#indexMap #howToChoice a:hover {
	opacity: 0.7;
}

#indexMap #eachMapPoints a {
	position: absolute;
	width: 7px;
	height: 7px;
	display: block;
}

#indexMap #eachMapPoints a span {
	width: 9px;
	height: 9px;
	background-image: url(../images/bed/_frame/map/btn_normal01.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
}

#indexMap #eachMapPoints a.honsha span {
	background-image: url(../images/bed/_frame/map/btn_normal02.png);
}

#indexMap #eachMapPoints a span.selectedPoint {
	background-image: url(../images/bed/_frame/map/btn_hover01.png);
}

#indexMap #eachMapPoints a.honsha span.selectedPoint {
	background-image: url(../images/bed/_frame/map/btn_hover02.png);
}

#indexMap #areaContainer {
	position: absolute;
	top: 0;
	bottom: 0;
}

#indexMap #allAreaWrap {
	position: relative;
}

#indexMap #areaWrap01 {
	position: absolute;
	top: 50px;
	left: 18px;
	padding: 7px 0;
	background: #FFF;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
	width: 214px;
}

#indexMap .catTit,
#bed #showroomMap .catTit {
	font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', '游明朝', 'Yu Mincho', HG明朝B, 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', Georgia, 'Times New Roman', serif;
	font-size: 12px;
	color: #2B5779;
	text-align: center;
	font-weight: bold;
	border-bottom: solid 1px #2B5779;
	margin: 0 15px 10px;
}

#indexMap .catTit span,
#bed #showroomMap .catTit span {
	background-color: #FFF;
	padding: 0 7px;
	display: inline-block;
	margin-bottom: -10px;
}

#indexMap #boxWrap01 {
	padding-left: 12px
}

#indexMap #boxWrap01 .boxes ul {
	display: flex;
	flex-wrap: wrap;
}

#indexMap #areaWrap02 {
	position: absolute;
	top: 372px;
	left: 265px;
	background: #FFF;
	padding: 7px 0;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
	width: 185px;
}

#indexMap #boxWrap02 {
	padding-left: 32px
}

#indexMap #areaContainer a.selectedArea {
	/*ここで店舗名スタイル変更*/
	opacity: 0.5;
}


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

	ショールーム用地図

---------------------------------------------------------------------*/
#showroomMap {
	position: relative;
	height: 429px;
	background-image: url(../images/bed/_frame/map/map02.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;

}

#showroomMap #eachMapPoints {
	width: 660px;
	margin: 0 auto;
	position: relative;
}

#showroomMap #eachMapPoints a {
	position: absolute;
	width: 7px;
	height: 7px;
	display: block;
}

#showroomMap #eachMapPoints a span {
	width: 9px;
	height: 9px;
	background-image: url(../images/bed/_frame/map/btn_normal01.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
}

#showroomMap #eachMapPoints a.honsha span {
	background-image: url(../images/bed/_frame/map/btn_normal02.png);
}

#showroomMap #eachMapPoints a span.selectedPoint {
	background-image: url(../images/bed/_frame/map/btn_hover01.png);
}

#showroomMap #eachMapPoints a.honsha span.selectedPoint {
	background-image: url(../images/bed/_frame/map/btn_hover02.png);
}

#showroomMap #areaContainer {
	position: absolute;
	top: 0;
	bottom: 0;
}

#showroomMap #allAreaWrap {
	position: relative;
}

#showroomMap #areaWrap01 {
	position: absolute;
	top: 65px;
	left: 60px;
	background: #FFF;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
	width: 278px;
	height: 203px;
}

#showroomMap #boxWrap01 {
	padding-top: 8px;
}

#showroomMap #boxWrap01 .boxes ul {
	padding-left: 12px;
	display: flex;
	flex-wrap: wrap;
}

#showroomMap #boxWrap01 .boxes ul li {
	line-height: 1.5;
}

#showroomMap #areaWrap02 {
	position: absolute;
	top: 300px;
	left: 700px;
	background: #FFF;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
	width: 185px;
	height: 78px;
}

#showroomMap #areaWrap02 .catTit {
	margin-top: 15px;
}

#showroomMap #boxWrap02 {
	padding-top: 5px;
	padding-left: 32px
}

#showroomMap #areaContainer a.selectedArea {
	/*ここで店舗名スタイル変更*/
	opacity: 0.5;
}

/* 大阪ポップアップショールームバナー追加 */
.oosaka-popup {
	position: absolute;
	right: -230px;
	bottom: -116px;
}

.oosaka-popup-sp {
	display: none;
}

/* ショールームページ 大阪ポップアップショールームバナー追加 */
#showroomMap .oosaka-popup {
	right: -580px;
	bottom: -139px;
}