@charset "UTF-8";

body {
	font-size: 16px;
	overflow-x: hidden;
}
.bk_town::before {
	content: '';
	display: block;
	width: 2000px;
	height: 500px;
	background-image: url("../img/bk_town.svg");
	background-repeat: no-repeat;
	background-position: bottom;
	position: absolute;
	bottom: 0;
	left: calc( calc(2000px - 100%) / 2 * -1);
}
.bk_cars::before {
	content: '';
	display: block;
	width: 700px;
	height: 190px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
	margin: auto;
	position: absolute;
	bottom: 30px;
}
.bk_cars.left::before {
	background-image: url("../img/bk_cars_left.png");
	right: calc(50% + 270px);
}
.bk_cars.right::before {
	background-image: url("../img/bk_cars_right.png");
	left: calc(50% + 270px);
}


/*----------------------------------------------- hover */
@media (hover: hover) and (pointer: fine) {
	.btn_1:hover {
		color: #a46305;
		box-shadow: 0 0 0 #e9d062;
		transform: translateY(6px);
}
	.btn_1:hover::after {
		right: 25px;
	}
	.btn_1.tobe_link:hover::before,
	.btn_1.movie_link:hover::before,
	.btn_1.tobemall_link:hover::before {
		color: #fff;
		border: 2px dotted #fff;
	}
	.btn_1.tobe_link:hover::after,
	.btn_1.movie_link:hover::after,
	.btn_1.tobemall_link:hover::after {
		background-color: #fff;
	}

	.btn_1.tobe_link:hover {
		background-color: #00458f;
		color: #fff;
	}
	.btn_1.movie_link:hover {
		background-color: #846aad;
		color: #fff;
	}
	.btn_1.tobemall_link:hover {
		background-color: #268ac2;
		color: #fff;
	}
	.btn_2 a:hover span {
		color: #fff;
	}
	.btn_2 a:hover:before {
		left: 1rem;
	}
	.btn_2 a:hover:after {
		right: 0;
		width: 100%;
	}
	.p_area > p a:hover {
		color: #52357e;
		transition: all 0.3s ease 0s;
	}
	.btn_3:hover {
		color: #fff;
		background-color: #e57c7a;
	}
	.btn_3:hover span {
		background-color: #fff;
	}
	.btn_3:hover span::before,
	.btn_3:hover span::after {
		background-color: #fff;
	}
	a.btn_zoom:hover {
		transform: translateY(4px);
		box-shadow: none;
		background-color: #846aad;
		transition: all 0.3s ease 0s;
	}
	a.btn_4:hover:after {
		width: 100%;
		z-index: -1;
	}
}


/*----------------------------------------------- 共通 */



/*----------------------------------------------- header */
.hamburger-grid {
	right: calc(50% - 210px);
}

.remodal img {
	width: 100%;
	height: auto;
	object-fit: contain;
	padding: 0 50px;
}
::-webkit-scrollbar,
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
	display: none;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  レスポンシブ 表示 / 非表示調整
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.sp {
	display: none;
}
.pc {
	display: none;
}
.tab {
	display: block;
}