@charset "utf-8";

.routeMapFrame {
	background: #FBFAF5 url("/CSP/img/bt/map/bg/kantomap_allArea.png?switch=2025062510") no-repeat center bottom;
	border-radius: 0 4px 4px 4px;
}
.routeMapFrame,
.routeMapFrame a {
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Hiragino Kaku Gothic Pro', arial, sans-serif, verdana, Helvetica;
}
.routeMapFrame > ul {
	height: 280px;
}
.routeMapFrame.moving {
	background: #FBFAF5;
	background-image: none;
}
.focus-yamanote {
	background: #FBFAF5 url("/CSP/img/bt/map/bg/kantomap_yamanote.png?switch=2025062510") no-repeat center bottom;
}
.focus-tokyowest {
	background: #FBFAF5 url("/CSP/img/bt/map/bg/kantomap_tokyoWest.png?switch=2025062510") no-repeat center bottom;
}
.focus-northkanto {
	background: #FBFAF5 url("/CSP/img/bt/map/bg/kantomap_northKanto.png?switch=2025062510") no-repeat center bottom;
}
.focus-kanagawa {
	background: #FBFAF5 url("/CSP/img/bt/map/bg/kantomap_kanagawa.png?switch=2025062510") no-repeat center bottom;
}
.focus-chiba {
	background: #FBFAF5 url("/CSP/img/bt/map/bg/kantomap_chiba.png?switch=2025062510") no-repeat center bottom;
}

.routeMapListCassette .area {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	color: #665555;
	cursor: pointer;
	display: table;
	font-size: 11px;
	line-height: 1.2;
	position: absolute;
	text-align: center;
}
.routeMapListCassette .area:hover {
	background-color: #EC6184;
	border-color: #EC6184;
	color: #FFFFFF;
}
.nameWrap {
	display: table-cell;
	height: 100%;
	padding: 0 3px;
	vertical-align: middle;
	width: 100%;
}
.moving .nameWrap {
	visibility: hidden;
}
.areaName {
	color: #EC6184;
	display: block;
	font-size: 16px;
	font-weight: bold;
}
.routeMapListCassette .area:hover .areaName {
	color: #FFFFFF;
}

.areaNameYamanote {
	height: 108px;
	left: 210px;
	top: 85px;
	width: 188px;
}
.areaNameTokyoWest {
	height: 108px;
	left: 10px;
	top: 85px;
	width: 188px;
}
.areaNameNorthKanto {
	height: 63px;
	left: 10px;
	top: 10px;
	width: 388px;
}
.areaNameKanagawa {
	height: 64px;
	left: 10px;
	top: 205px;
	width: 388px;
}
.areaNameChiba {
	height: 258px;
	left: 410px;
	top: 10px;
	width: 133px;
}

.focus-yamanote .areaName,
.focus-tokyowest .areaName,
.focus-northkanto .areaName,
.focus-kanagawa .areaName,
.focus-chiba .areaName {
	font-size: 11px;
	font-weight: normal;
}
.focus-yamanote .areaNameYamanote,
.focus-tokyowest .areaNameTokyoWest,
.focus-northkanto .areaNameNorthKanto,
.focus-kanagawa .areaNameKanagawa,
.focus-chiba .areaNameChiba {
	opacity: 0;
	visibility: hidden;
}

.areaTitle {
	color: #665555;
	display: none;
	font-size: 14px;
	margin-top: 10px;
}

.routeMa > li {
	height: 53px;
	opacity: 0;
	visibility: hidden;
	width: 98px;
}

/* detail size */
.focus-yamanote .groupYamanote {
	height: 48px;
	width: 103px;
}
.focus-tokyowest .macAK,
.focus-tokyowest .macAT,
.focus-tokyowest .macJO {
	width: 113px;
}
.focus-northkanto .groupNorthKanto {
	width: 78px;
}
.focus-northkanto .macAS,
.focus-northkanto .macAV,
.focus-northkanto .macAU,
.focus-northkanto .macJE,
.focus-northkanto .macJF,
.focus-northkanto .macJN {
	width: 86px;
}
.focus-kanagawa .macAH,
.focus-kanagawa .macAQ,
.focus-kanagawa .macAR {
	width: 93px;
}

.focus-allareaview .selectKanto { display: inline-block; }
.allAreaView {
	cursor: pointer;
	display: inline-block;
}
.allAreaView.isDisabled {
	display: none;
}
.focus-yamanote .selectYamanote,
.focus-tokyowest .selectTokyoWest,
.focus-northkanto .selectNorthKanto,
.focus-kanagawa .selectKanagawa,
.focus-chiba .selectChiba { display: inline-block; }

/* detail position */
.moving.focus-yamanote .groupYamanote { visibility: hidden; opacity: 0; }
.focus-yamanote .groupYamanote { visibility: visible; opacity: 1; }
.focus-yamanote .macAA { top: 102px; left: 56px; }
.focus-yamanote .macAB { top: 44px; left: 56px; }
.focus-yamanote .macAC { top: 218px; left: 169px; }
.focus-yamanote .macAD { top: 160px; left: 56px; }
.focus-yamanote .macAE { top: 218px; left: 56px; }
.focus-yamanote .macAF { top: 102px; left: 282px; }
.focus-yamanote .macAH { top: 218px; left: 282px; }
.focus-yamanote .macAZ { top: 44px; left: 282px; }
.focus-yamanote .macJA { top: 102px; left: 169px; }
.focus-yamanote .macJB { top: 44px; left: 169px; }
.focus-yamanote .macJC { top: 102px; left: 395px; }
.focus-yamanote .macJQ { top: 160px; left: 395px; }
.focus-yamanote .macJR { top: 160px; left: 169px; }

.moving.focus-tokyowest .groupTokyoWest { visibility: hidden; opacity: 0; }
.focus-tokyowest .groupTokyoWest { visibility: visible; opacity: 1; }
.focus-tokyowest .macAA { top: 112px; left: 349px; }
.focus-tokyowest .macAD { top: 176px; left: 349px; }
.focus-tokyowest .macAI { top: 112px; left: 241px; }
.focus-tokyowest .macAJ { top: 112px; left: 133px; }
.focus-tokyowest .macAK { top: 112px; left: 10px; }
.focus-tokyowest .macAT { top: 176px; left: 10px; }
.focus-tokyowest .macAV { top: 48px; left: 241px; }
.focus-tokyowest .macAW { top: 176px; left: 133px; }
.focus-tokyowest .macAX { top: 176px; left: 241px; }
.focus-tokyowest .macJO { top: 48px; left: 10px; }

.moving.focus-northkanto .groupNorthKanto { visibility: hidden; opacity: 0; }
.focus-northkanto .groupNorthKanto { visibility: visible; opacity: 1; }
.focus-northkanto .macAB { top: 136px; left: 201px; }
.focus-northkanto .macAL { top: 73px; left: 201px; }
.focus-northkanto .macAO { top: 73px; left: 465px; }
.focus-northkanto .macAU { top: 73px; left: 106px; }
.focus-northkanto .macAV { top: 136px; left: 106px; }
.focus-northkanto .macAS { top: 136px; left: 10px; }
.focus-northkanto .macAZ { top: 136px; left: 377px; }
.focus-northkanto .macJB { top: 136px; left: 289px; }
.focus-northkanto .macJD { top: 73px; left: 289px; }
.focus-northkanto .macJE { top: 10px; left: 10px; }
.focus-northkanto .macJF { top: 10px; left: 106px; }
.focus-northkanto .macJI { top: 10px; left: 465px; }
.focus-northkanto .macJL { top: 73px; left: 377px; }
.focus-northkanto .macJN { top: 73px; left: 10px; }
.focus-northkanto .macJP { top: 10px; left: 377px; }
.focus-northkanto .macJS { top: 10px; left: 201px; }

.moving.focus-chiba .groupChiba { visibility: hidden; opacity: 0; }
.focus-chiba .groupChiba { visibility: visible; opacity: 1; }
.focus-chiba .macAF { top: 140px; left: 121px; }
.focus-chiba .macAM { top: 205px; left: 337px; }
.focus-chiba .macAN { top: 140px; left: 337px; }
.focus-chiba .macAO { top: 10px; left: 229px; }
.focus-chiba .macAZ { top: 75px; left: 121px; }
.focus-chiba .macJC { top: 75px; left: 229px; }
.focus-chiba .macJG { top: 205px; left: 445px; }
.focus-chiba .macJH { top: 140px; left: 445px; }
.focus-chiba .macJI { top: 10px; left: 337px; }
.focus-chiba .macJL { top: 10px; left: 121px; }
.focus-chiba .macJP { top: 10px; left: 445px; }
.focus-chiba .macJQ { top: 140px; left: 229px; }

.moving.focus-kanagawa .groupKanagawa { visibility: hidden; opacity: 0; }
.focus-kanagawa .groupKanagawa { visibility: visible; opacity: 1; }
.focus-kanagawa .macAC { top: 90px; left: 329px; }
.focus-kanagawa .macAD { top: 90px; left: 221px; }
.focus-kanagawa .macAE { top: 153px; left: 329px; }
.focus-kanagawa .macAH { top: 90px; left: 437px; }
.focus-kanagawa .macAP { top: 216px; left: 329px; }
.focus-kanagawa .macAQ { top: 153px; left: 437px; }
.focus-kanagawa .macAR { top: 216px; left: 10px; }
.focus-kanagawa .macAT { top: 153px; left: 113px; }
.focus-kanagawa .macAX { top: 90px; left: 113px; }
.focus-kanagawa .macAY { top: 153px; left: 221px; }
.focus-kanagawa .macJJ { top: 216px; left: 113px; }
.focus-kanagawa .macJM { top: 216px; left: 221px; }