@charset "UTF-8";

.pointLists {
	margin: 31px 0 0;
}

.pointList {
	list-style: none;
	float: left;
	width: 150px;
	margin: 0 20px 20px 0;
}

.pointList-en {
	width: 286px;
	font-size: 11px;
}

.pointList-kr {
	font-size: 11px;
}

.pointList > li {
}

.pointList > li > a {
	display: block;
	padding-left: 5px;
	border-bottom: 1px solid #cccccc;
	color: inherit;
	line-height: 35px;
	text-decoration: none;
	white-space: nowrap;
	        transition: text-indent 0.3s, padding 0.3s;

	-webkit-transition: text-indent 0.3s, padding 0.3s;
}

.pointList > li > a:hover {
	padding-left: 10px;
	background-color: #eeeeee;
}

.pointList > li > a > b {
	display: inline-block;
	width: 21px;
	margin: 0 10px 0 0;
	border-radius: 50%;
	background-color: #b20000;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	line-height: 21px;
	text-align: center;
	vertical-align: middle;
}

.mapCanvas {
	max-width: 932px;
}

.mapCanvas_linkItem > a > b {
	display: inline-block;
	width: 21px;
	margin: 0 10px 0 0;
	border: 2px solid #ffffff;
	border-radius: 50%;
	background-color: #b20000;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	line-height: 21px;
	text-align: center;
	vertical-align: middle;
}

.mapCanvas > img {
}

.mapCanvas_linkItem-no1 {
	top: 340px;
	left: 268px;
}

.mapCanvas_linkItem-no2 {
	top: 375px;
	left: 285px;
}

.mapCanvas_linkItem-no3 {
	top: 398px;
	left: 273px;
}

.mapCanvas_linkItem-no4 {
	top: 306px;
	left: 370px;
}

.mapCanvas_linkItem-no5 {
	top: 356px;
	left: 371px;
}

.mapCanvas_linkItem-no6 {
	top: 431px;
	left: 292px;
}

.mapCanvas_linkItem-no7 {
	top: 431px;
	left: 265px;
}

.mapCanvas_linkItem-no8 {
	top: 491px;
	left: 222px;
}

.mapCanvas_linkItem-no9 {
	top: 287px;
	left: 583px;
}

.mapCanvas_linkItem-no10 {
	top: 312px;
	left: 520px;
}

.mapCanvas_linkItem-no11 {
	top: 333px;
	left: 500px;
}

.mapCanvas_linkItem-no12 {
	top: 358px;
	left: 583px;
}

.mapCanvas_linkItem-no13 {
	top: 406px;
	left: 516px;
}

.mapCanvas_linkItem-no14 {
	top: 397px;
	left: 448px;
}

.mapCanvas_linkItem-no15 {
	top: 443px;
	left: 477px;
}

.mapCanvas_linkItem-no16 {
	top: 426px;
	left: 410px;
}

.mapCanvas_linkItem-no17 {
	top: 543px;
	left: 324px;
}

.mapCanvas_linkItem-no18 {
	top: 403px;
	left: 643px;
}

.mapCanvas_linkItem-no19 {
	top: 452px;
	left: 678px;
}

.mapCanvas_linkItem-no20 {
	top: 668px;
	left: 468px;
}

.mapCanvas_linkItem-no21 {
	top: 516px;
	left: 626px;
}

.mapCanvas_linkItem-no22 {
	top: 589px;
	left: 601px;
}

.mapCanvas_linkItem-no23 {
	top: 539px;
	left: 707px;
}

.mapCanvas_linkItem-no24 {
	top: 613px;
	left: 662px;
}

.mapCanvas_linkItem-no25 {
	top: 605px;
	left: 701px;
}

.mapCanvas_linkItem-no26 {
	top: 678px;
	left: 830px;
}

.mapCanvas_linkItem-no27 {
	top: 654px;
	left: 821px;
}

.mapCanvas_linkItem-no28 {
	top: 859px;
	left: 480px;
}

.mapCanvas_panoramaList {
	display: none;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 0;
	height: 0;
	        transform-origin: left top;

	-webkit-transform-origin: left top;
}

.mapCanvas_panoramaItem {
	position: absolute;
	z-index: 1;
	width: 34px;
}

.mapCanvas_panoramaItem > a {
	display: block;
}

.mapCanvas_panoramaItem-no1 {
	top: 223px;
	left: 503px;
}

.mapCanvas_panoramaItem-no2 {
	display: none;
}

.mapCanvas_panoramaItem-no3 {
	top: 448px;
	left: 598px;
}

.mapCanvas_panoramaItem-no4 {
	top: 532px;
	left: 598px;
}

.mapCanvas_panoramaItem-no5 {
	top: 355px;
	left: 216px;
}

.mapCanvas_panoramaItem-no6 {
	top: 356px;
	left: 533px;
}

.detail {
	display: none;
	position: absolute;
	top: -8px;
	left: 50%;
	z-index: 10;
	width: 417px;
	margin: 0 0 0 -208px;
	border: 2px solid #000000;
	border-radius: 5px;
	box-shadow: 0 0 5px 2px rgba(170, 170, 170, 0.43);
	background-color: #ffffff;
}

.detail_inner {
	padding: 55px 34px 30px;
}

.detail_closeButton {
	position: absolute;
	top: 12px;
	right: 15px;
	z-index: 1;
	width: 36px;
	height: 36px;
	border: 1px solid #cccccc;
	border-radius: 50%;
	background: rgb(238, 238, 238);
	background-image:    -moz-linear-gradient(rgb(255, 255, 255) 0%, rgb(238, 238, 238) 100%);
	background-image: -webkit-gradient(linear, color-stop(0, rgb(255, 255, 255)), color-stop(1, rgb(238, 238, 238)));
	background-image: -webkit-linear-gradient(rgb(255, 255, 255) 0%, rgb(238, 238, 238) 100%);
	background-image:         linear-gradient(rgb(255, 255, 255) 0%, rgb(238, 238, 238) 100%);
	font-size: 15px;
	line-height: 34px;
	text-align: center;
	        transition:         transform 0.3s;

	-webkit-transition: -webkit-transform 0.3s;
}

.detail_closeButton:hover {
	        transform: scale(1.2);

	-webkit-transform: scale(1.2);
}

.detail_closeButton .icon {
}

.detail_image {
	text-align: center;
}

.detail_image > img {
	width: auto;
}

.detail_title {
	position: relative;
	z-index: 1;
	margin: 20px 0 8px;
	padding: 0 0 0 35px;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.3;
}

.detail_title > b {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	width: 30px;
	margin: -15px 0 0;
	border-radius: 50%;
	background-color: #b20000;
	color: #ffffff;
	font-weight: bold;
	font-size: 15px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
}

.detail_title > small {
}

html[lang="en"] .detail_title > small,
html[lang="zh-CN"] .detail_title > small,
html[lang="zh-TW"] .detail_title > small,
html[lang="ko"] .detail_title > small {
	display: none;
}

.detail_text {
}

.detail_video {
	display: none;
	margin: 18px 0 19px;
	text-align: center;
}

.detail_video.isShow {
	display: block;
}

.detail_video > a {
	display: block;
	position: relative;
	z-index: 1;
}

.detail_video > a:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	width: 54px;
	height: 54px;
	margin: -27px 0 0 -27px;
	background: url(../common/img/icn-play.png) 0 0 no-repeat;
}

.detail_video > a > img {
	width: 100%;
	max-width: 294px;
	height: auto;
}

.detail_link {
	display: none;
}

.detail_link.isShow {
	display: block;
}

.detail_link > a {
	display: block;
	border: 2px solid #ba1414;
	border-radius: 5px;
	background-image:    -moz-linear-gradient(50% 34% -90deg, rgb(255, 255, 255) 0%, rgb(221, 221, 221) 100%);
	background-image: -webkit-gradient(linear, 50% 34%, 50% 134%, color-stop(0, rgb(255, 255, 255)), color-stop(1, rgb(221, 221, 221)));
	background-image: -webkit-linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgb(221, 221, 221) 100%);
	background-image:         linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(221, 221, 221) 100%);
	color: inherit;
	font-weight: bold;
	font-size: 15px;
	line-height: 50px;
	text-decoration: none;
	text-align: center;
	        transition: text-indent 0.3s;

	-webkit-transition: text-indent 0.3s;
}

.detail_link > a:hover {
	text-indent: 5px;
}

.detail_link > a .icon {
	margin: 0 10px 0 0;
	color: #b40000;
	font-size: 170%;
}

.buttonList {
	display: none;
}

/* タブレット以下設定 */
@media screen and (max-width:999px) {
	.pointLists {
	}

	.pointList {
	}

	.pointList > li {
	}

	.pointList > li > a {
	}

	.pointList > li > a:hover {
	}

	.pointList > li > a > b {
	}

	.mapCanvas {
		width: 100%;
		margin-top: 25px;
	}

	.mapCanvas > img {
	}

	.detail {
	}

	.detail_inner {
	}

	.detail_closeButton {
	}

	.detail_closeButton:hover {
	}

	.detail_closeButton .icon {
	}

	.detail_image {
	}

	.detail_image > img {
	}

	.detail_title {
	}

	.detail_title > b {
	}

	.detail_text {
	}

	.detail_video {
	}

	.detail_video > a {
	}

	.detail_video > a:after {
	}

	.detail_video > a > img {
	}

	.detail_link {
	}

	.detail_link > a {
	}

	.detail_link > a:hover {
	}

	.detail_link > a .icon {
	}

	.fancybox-skin {
		padding: 5px !important;
	}
}

/* スマホ設定 */
@media screen and (max-width:639px) {
	.pointLists {
		margin: 0;
	}

	.pointList {
		display: none;
		float: none;
		width: auto;
		margin: 0;
	}

	.pointList.isShow {
		display: block;
	}

	.pointList > li {
	}

	.pointList > li > a {
	}

	.pointList > li > a:hover {
	}

	.pointList > li > a > b {
	}

	.mapCanvas {
	}

	.mapCanvas > img {
	}

	.detail {
		left: 4%;
		width: 92%;
		margin-left: 0;
		        box-sizing: border-box;

		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
	}

	.detail_inner {
		padding: 15px 10px 20px;
	}

	.detail_closeButton {
		top: -19px;
		right: -14px;
	}

	.detail_closeButton:hover {
	}

	.detail_closeButton .icon {
	}

	.detail_image {
	}

	.detail_image > img {
	}

	.detail_title {
		margin: 15px 0 6px;
		font-size: 16px;
	}

	.detail_title > b {
		width: 24px;
		font-size: 12px;
		line-height: 24px;
	}

	.detail_text {
		font-size: 12px;
	}

	.detail_video {
	}

	.detail_video > a {
	}

	.detail_video > a:after {
		width: 40px;
		height: 40px;
		margin-top: -20px;
		margin-left: -20px;
		background-size: 100% auto;
	}

	.detail_video > a > img {
	}

	.detail_link {
	}

	.detail_link > a {
		line-height: 40px;
	}

	.detail_link > a:hover {
	}

	.detail_link > a .icon {
	}

	.buttonList {
		display: block;
		width: 100%;
		border: 2px solid #b20000;
		border-radius: 7px;
		background-image:    -moz-linear-gradient(50% 0% -90deg, rgb(254, 254, 254) 0%, rgb(241, 241, 241) 100%);
		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgb(254, 254, 254)), color-stop(1, rgb(241, 241, 241)));
		background-image: -webkit-linear-gradient(-90deg, rgb(254, 254, 254) 0%, rgb(241, 241, 241) 100%);
		background-image:         linear-gradient(180deg, rgb(254, 254, 254) 0%, rgb(241, 241, 241) 100%);
		font-weight: bold;
		font-size: 14px;
		line-height: 42px;
		text-align: center;
	}

	.buttonList > .icon {
		margin: 0 10px 0 0;
		color: #b20000;
	}

	.fancybox-skin {
		padding: 5px !important;
	}
}
