:root {
	--panel_x: 0px;
	--panel_y: 0px;
}
.mobile-scroll {
	width: 100%;
	overflow-x: scroll;
	position: relative;
}
.haikara {
	position: absolute;
	z-index: 1;
	cursor: pointer;
}
.pin {
	position: absolute;
	z-index: 1;
	cursor: pointer;
	width: 50px;
}
.panel1 {
	position: absolute;
	top: -webkit-calc(-50vh - 185px);
	top: calc(-50vh - 120px);
	left: -webkit-calc(50% - 120px);
	left: calc(40%);
	z-index: 1;
	width: auto;
	height: 400px;
}
.batu_you, .batu_wa, .batu_syoku, .batu_kou, .batu_ten {
	position: absolute;
	top: -webkit-calc(-50vh - 200px);
	top: calc(-50vh - 200px);
	left: -webkit-calc(50% + 400px);
	left: calc(40% + 277px);
	z-index: 2;
	width: auto;
	height: 30px;
}
.map_base {
	z-index: 0;
}


.map_btn_div h6{
	font-size: 18px;
	margin-bottom: 12px;
}

.map_btn_pc {
	background: url(img/front/btn_cat_bg.png) no-repeat;
	width: 200px;
	height: 46px;
	background-size: contain;
	margin-bottom: 20px;
	cursor: pointer;
}
.map_btn_konzatsu {
	background: url(img/front/btn_konzatu_bg.png) no-repeat;
	width: 200px;
	height: 46px;
	background-size: contain;
	margin-bottom: 20px;
	cursor: pointer;
}
.map_btn_english {
	background: url(img/front/btn_konzatu_bg.png) no-repeat;
	width: 200px;
	height: 46px;
	background-size: contain;
	margin-bottom: 20px;
	cursor: pointer;
}
.map_btn_pc p,
.map_btn_konzatsu p,
.map_btn_english p{
	font-size: 16px;
	color: #fff;
	padding-top: 8px;
}



.map_btn_div li {}
.inline {
	text-align: center;
}
.inline li {
	/* display: inline; */
}
.map_btn_div ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.sd {
	animation: SlideIn 2s 1;
}
@keyframes SlideIn {
	0% {
		opacity: 0;
		transform: translateY(-114px);
	}
	30% {
		opacity: 0.6;
		transform: translateY(-5px);
	}
	100% {
		opacity: 1;
		transform: translateY(-00px);
	}
}
.sd_panel {
	animation: SlideIn_panel 2s 1;
	/* animation-fill-mode: both; */
}
@keyframes SlideIn_panel {
	0% {
		opacity: 0;
		position: relative;
		z-index: 100;
		transform: translateX(-500px);
	}
	100% {
		opacity: 1;
		transform: translateX(-00px);
	}
}
.sd_panel_down {
	animation: SlideIn_panel_down 2s 1;
	animation-fill-mode: both;
}
@keyframes SlideIn_panel_down {
	0% {
		opacity: 1;
		transform: translateX(0px);
	}
	100% {
		opacity: 0;
		transform: translateX(-500px);
	}
}
.click_panel_you, .click_panel_wa, .click_panel_syoku, .click_panel_kou, .click_panel_ten {
	position: relative;
	cursor: pointer;
}





@media screen and (min-width: 780px) {
	.map_btn_div {
		position: absolute;
		top: 0px;
		right: 40px;
		padding: 1.5em;
		background: rgb(10, 40, 70, 0.2);
	}
}




@media screen and (max-width: 480px) {
	.panel_back {
		position: fixed;
		z-index: 5;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgb(0, 0, 0, 0.7);
	}
	.panel1 {
		position: fixed;
		top: 8%;
		left: 0;
		z-index: 10;
		width: 100vw;
		height: auto;
	}
	.batu_you, .batu_wa, .batu_syoku, .batu_kou, .batu_ten {
		position: absolute;
		top: 0%;
		left: 0%;
		z-index: 20;
		width: auto;
		height: 30px;
	}
	.map_btn_mb {
		width: 50px;
		padding: 0.5em 0.2em;
		cursor: pointer;
	}
	.map_btn_mb_shop {
		width: 53px;
		padding: 0.5em 0.2em;
		cursor: pointer;
	}
	.map_btn_div_mb_shop {
		position: fixed;
		right: 0px;
		bottom: 30px;
		text-align: center;
		left: 0px;
		/*background: #F6E0E2;*/ /*春*/
		background: #bedcf5;/*夏*/
		/*background: #f2c9ad;*/ /*秋*/
		/*background:#e6f0fa;*/ /*冬*/
		width: 90%;
		z-index: 10;
		margin: 0 auto;
		border-radius: 15px;
	}
	.sd_panel {
		width: 100vw;
		height: auto;
	}
	.map_btn_div_mb, .shop_mb_btn {
		position: fixed;
		right: 0px;
		bottom: 30px;
		text-align: center;
		left: 0px;
		/*background: #F6E0E2;*/ /*春*/
		background: #bedcf5; /*夏*/
		/*background: #f2c9ad;*/ /*秋*/
		/*background:#e6f0fa;*/ /*冬*/
		width: 90%;
		z-index: 10;
		margin: 0 auto;
		border-radius: 15px;
	}
	.map_btn_div li {}
	.inline {
		text-align: center;
	}
	.inline li {
		display: inline;
	}
	.map_btn_div ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.ec_btn {}
}