/*スプラッシュ -------------------------------------------------- */
#layer_board_area{
	width: 78%;
	position: fixed;
	bottom: 2%;
	left: 0;
	right: 0;
	margin:auto;
	z-index: 10110;
}
.layer_board_slideIn{
	animation:  SlideIn 1s;
}

.layer_board_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1000;
	top: 0;
	left: 0;
	display: none;
	cursor: pointer;
	/*background: #000;*/
}

.layer_board {
	display: none;
	z-index: 2000;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 2%;
	margin: auto;
	width: 100%;
	max-width: 460px;
	height: auto;
	background-color: #ff0707;
	border-radius: 12px;
	padding: 3%;
}


.textbay{ color: #fff; margin: 2% 0 0 0; font-weight: bold;}
.text { text-align: center;}
#result-text5{
	width:100%;
	height: 32px;
    text-align: center;
	box-sizing:border-box
}

.btnList{ display: flex; flex-wrap: wrap; justify-content: space-around; vertical-align: top; list-style: none; margin: 2% 0;}
.btnList li:first-child{ width: 66%;}
.btnList li:last-child{ width: 28%;}
.btn{
	text-decoration: none;
}
.btn p{	border-radius: 10px; background-color: #FFC600; padding: 4% 2%; text-align: center; margin: 0; color: #fff; font-weight: bold; }
#movieBg {
	position:relative;
    width:100%;
    height:auto;
}
#movieBgpv {
	position:relative;
    width:100%;
    height:0;
}
#movieBg iframe {
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.btn_close {
	display: block;
    margin: 0;
	border: #fff 2px solid;
	border-radius: 10px;
    padding: 7% 0%;
    text-align: center;
	text-decoration: none;
}
.btn_close p{ margin: 0;}
.map_top2 {
		width: 100%;
		height: 90%;
		min-height: 440px;
		background-color: #A0A0A0;
		margin-bottom: 2%;
	}

@media screen and (max-width: 812px){
	/*.layer_board { width: 520px!important; height: 275px!important; }
	#movieBg iframe { width: 520px!important; height: 454px!important;}*/
}

@media screen and (max-width:640px) {
	/*.layer_board { width: 280px!important; height: 0px!important; }
	#movieBg iframe { width: 280px!important; height: 480px!important;}*/
	.map_top2 {
			min-height: 320px;
		}
	.btn_close a img { width: 48px; height: 48px; }
}

@media screen and (max-width:320px) {
	.layer_board { max-width: 280px!important;}
	#movieBg iframe { width: 100%!important; height: 480px!important;}
	
	.btn p{ font-size: 0.8rem; padding: 6% 2%;}
}
	
@keyframes SlideIn{
	0%{
		bottom: -120px;
	}
	100%{
		bottom: 2%;
	}
}