@charset "UTF-8";

.open-modal {
	min-height: 0;
}

/*------------------------------------------------------------
	modal_window
------------------------------------------------------------*/



/*------------------------------------------------------------
	modal-map
------------------------------------------------------------*/
.modal-map,
.modal-map_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.modal-map {
	display: none;
	min-width: 960px;
	z-index: 9000;
}

.wiiu-mode .modal-map {
	z-index: 12000;
}

.modal-map_bg {
	background: rgba(0, 0, 0, 0.6);
}

.modal-map .modal-map_body {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 960px;
    height: 750px;
    margin: -395px 0 0 -480px;
}
.modal-map .modal-map_iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.modal-map .modal-map_iframe iframe {
	width: 100%;
	height: 100%;
}
.modal-map .modal-map_btn_close {
    position: absolute;
    top: 32px;
    right: 44px;
}

.no-touchevents .modal-map .modal-map_btn_close:hover{
  -webkit-animation: bound 0.75s ease 0s both;
          animation: bound 0.75s ease 0s both;
}


.modal-map_wrapper{
	width: 906px;
	height: 652px;
	position: relative;
	/*background: url(../img/map/modal/modal_bg.png) 0 0 no-repeat;*/
	background: url(../img/map/modal/modal_frame.png) 0 0 no-repeat;
	margin: 20px auto 0;
}
.modal-map_title{
	position: absolute;
	left: 267px;
	top: 19px;
	opacity: 0;
}
.no-js .modal-map_title{
	opacity: 1;
}
.modal-map_title.long_title{
	left: 226px;
}
.modal-map_illust {
	opacity: 0;
}
.no-js .modal-map_illust{
	opacity: 1;
}
.modal-map_text{
	position: absolute;
	left: 8px;
	top: 493px;
}
.modal-map_video{
	position: absolute;
	left: 116px;
	top: 90px;
	width: 640px;
	height: 360px;
}
.modal-map_img{
	position: absolute;
	left: 116px;
	top: 90px;
	width: 640px;
	height: 360px;
}

.video .modal-map_wrapper{
	background: url(../img/map/modal/modal_frame.png) 0 0 no-repeat;
}

.modal-map_img,
.modal-map_video{
	position: absolute;
  left: 80px;
  top: 54px;
	width: 735px;
	height: 456px;
	background: url(../img/map/modal/modal_video_frame.png) 0 0 no-repeat;
}
.modal-map_img img,
.modal-map_video video {
	position: absolute;
  left: 36px;
  top: 36px;
  display: block;
}