@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	font-family: "メイリオ", Meiryof;
	outline: none;
}

img {
	display: block;
	border-style:none;
	user-select: none;
}

a {
	text-decoration:none;
}

#contents {
	position: relative;
	width: 100%;
}

#menu {
	position: fixed;
	top:0;
	left:0;
	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 70px;
	background: rgba(255,255,255,0.80);
	z-index: 20;
}

#menu a:not(:last-child) {
	margin-right: 60px;
}

#menu img {
	opacity: 1;
	transition: all 0.3s;
}

#menu img:hover {
	opacity: 0.3;
}

#panel_top_1st {
	background: url(../images/top_slid1.jpg);
	background-size: cover;
	background-position: center;
}

#panel_top_2nd {
	background: url(../images/top_slid2.jpg);
	background-size: cover;
	background-position: center;
}

#panel_top_3rd {
	background: url(../images/top_slid3.jpg);
	background-size: cover;
	background-position: center;
}

.panel_base {
	position: relative;
	width: 100%;
	height: 100vw;
	overflow: hidden;
	z-index: 10;
}

#main {
	width: 100%;
	overflow: hidden;
}

#osae {
	position: relative;
	height: 875px;
}

#osae img {
	position: absolute;
	left: 50%;
	margin-left: -600px;
}

#schedule {
}

.schedule_title {
	position: relative;
	height: 190px;
}

.schedule_title img {
	position: absolute;
	left: 50%;
	margin-left: -600px;
}

.schedule_btn {
	position: relative;
}

.schedule_btn img {
	position: relative;
	left: 50%;
	margin-left: -960px;
}

.firstday,.secondday {
	display: none;
	position: relative;
	z-index: 20;
}

.firstday {
	position: relative;
	height: 1782px;
	padding-bottom: 200px;
}

.secondday {
	position: relative;
	height: 2472px;
}

.firstday img,.secondday img {
	left: 50%;
	margin-left: -600px;
}

.accordion_btn {
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s;
}

.accordion_btn:hover {
	opacity: 0.7;
}

#gaiyou {
	position: relative;
	height: 1382px;
	margin-top: -20px;
	padding-top: 20px;
}

#gaiyou img {
	position: relative;
	left: 50%;
	margin-left: -600px;
}


.gaiyou_title {
	width: 100%;
	background: url(../images/gaiyou_back.jpg);
	background-repeat: repeat-x;
}

.gaiyou_footer {
	width: 100%;
	background: url(../images/gaiyou_footer_back.jpg);
	background-repeat: repeat-x;
}

.oubo {
	position: relative;
	background: #fff;
	padding: 0px 0 60px;
}

.oubo img {
	position: relative;
	left: 50%;
	margin-left: -350px;
}

.oubo_btn {
	width: 700px;
	height: 119px;
	margin: 0 auto;
	opacity: 1;
	transition: all 0.3s;
}

.oubo_btn:not(:first-child) {
	padding-top: 50px;
}
/*
.oubo_btn:hover {
	opacity: 0.7;
}
*/
.caution {
	position: relative;
	height: 161px;
}

.caution {
	position: relative;
	left: 50%;
	margin-left: -600px;
}

#arekore {
	position: relative;
	height: 676px;
	margin-top: -30px;
	padding-top: 30px;
}

#arekore img {
	position: relative;
	left: 50%;
	margin-left: -600px;
}

.arekore_map {
	width: 100%;
	background: #FBF9EC;
}

.arekore_photo {
	position: relative;
	left: 50%;
	margin-left: -970px;
	padding: 80px 0;
}

#movie {
	position: relative;
	margin-top: -30px;
	margin-bottom: 100px;
	padding-top: 30px;
}

#movie img {
	position: relative;
	left: 50%;
	margin-left: -600px;
}

.movie_box {
	width: 100%;
	position: relative;
	z-index: 20;
	background: url(../images/movie_back.jpg);
	background-repeat: repeat-x;
}

.movie_main {
	position: relative;
	left: 50%;
	width: 1200px;
	margin-left: -600px;
	z-index: 25;
}

.youtube {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 30;
}

#footer {
	width: 100%;
	position: relative;
	margin: 100px 0 0;
	padding-bottom: 24px;
	background: #AFACA5;
}

#footer img {
	position: relative;
	left: 50%;
	margin-left: -600px;
}