@charset "utf-8";

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

img {
	border-style:none;
}

a {
	text-decoration:none;
}

h1 {
	display: inline-block;
	padding: 10px 15px;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1.5px;
	color: #fff;
	background: #000;
}

#warp {
	overflow: hidden;
}

#contents {
	width:100%;
	background: url(../images/back_image.png);
	background-attachment: fixed;
	background-size: cover;
}

#h1_text {
	position: relative;
	left: 50%;
	margin-left: -650px;
	padding-top: 83px;
}

#top {
	position: relative;
	left: 50%;
	margin-left: -650px;
	display: flex;
	width: 1300px;
	height: 440px;
}

.top_images {
	width: 580px;
	height: 440px;
	background: url(../images/top_image.png);
}

.top_movie {
	position: relative;
	width: 720px;
	height: 440px;
	overflow: hidden;
}

.top_movie_main {
	position: absolute;
	top: -74px;
	left: -120px;
}

#osae {
	position: relative;
	left: 50%;
	margin: 180px 0 0 -507px;
	width: 1014px;
	height: 837px;
}

#gaiyou {
	position: relative;
	left: 50%;
	margin: 80px 0 0 -488px;
	width: 976px;
	height: 1632px;
}

#schedule_title {
	position: relative;
	left: 50%;
	margin: 101px 0 0 -488px;
	width: 976px;
	height: 101px;
}

#slick_container {
  width: 1920px;
	height: 426px;
	margin: 50px auto 0;
	position: relative;
	left: 50%;
	margin-left: -950px;
  z-index: 9;
}

.slider_hide .slick-slide:not(.slick-center) {
  -webkit-filter: opacity(50%);
-moz-filter: opacity(50%);
-o-filter: opacity(50%);
-ms-filter: opacity(50%);
filter: opacity(50%);
transition: 0.3s linear;
}

.oubo {
	position: relative;
	left: 50%;
	margin: 150px 0 0 -300px;
	width: 600px;
	height: 110px;
}

#map {
	position: relative;
	width: 100%;
	height: 640px;
	margin-top: 120px;
	background: rgba(236,231,151,0.3);
}

.map_image {
	position: relative;
	top: -47px;
	left: 50%;
	margin: 150px 0 0 -479px;
	width: 959px;
	height: 640px;
}

#gallery {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	left: 50%;
	margin: 50px 0 0 -480px;
	width: 960px;
	height: 1620px;
}

.g_cnt {
	width: 300px;
	height: 300px;
	transition: all 0.3s;
}

.g_cnt01 {background: url(../images/arekore_photo_title.jpg);}
.g_cnt02 {background: url(../images/arekore_photo01.png);}
.g_cnt03 {background: url(../images/arekore_photo02.png);}
.g_cnt04 {background: url(../images/arekore_photo03.png);}
.g_cnt05 {background: url(../images/arekore_photo04.png);}
.g_cnt06 {background: url(../images/arekore_photo05.png);}
.g_cnt07 {background: url(../images/arekore_photo06.png);}
.g_cnt08 {background: url(../images/arekore_photo07.png);}
.g_cnt09 {background: url(../images/arekore_photo08.png);}
.g_cnt10 {background: url(../images/arekore_photo09.png);}
.g_cnt11 {background: url(../images/arekore_photo10.png);}
.g_cnt12 {background: url(../images/arekore_photo11.png);}
.g_cnt13 {background: url(../images/arekore_photo12.png);}
.g_cnt14 {background: url(../images/arekore_photo13.png);}
.g_cnt15 {background: url(../images/arekore_photo14.png);}

.g_cnt02:hover {background: url(../images/arekore_photo01_on.png);}
.g_cnt03:hover {background: url(../images/arekore_photo02_on.png);}
.g_cnt04:hover {background: url(../images/arekore_photo03_on.png);}
.g_cnt05:hover {background: url(../images/arekore_photo04_on.png);}
.g_cnt06:hover {background: url(../images/arekore_photo05_on.png);}
.g_cnt07:hover {background: url(../images/arekore_photo06_on.png);}
.g_cnt08:hover {background: url(../images/arekore_photo07_on.png);}
.g_cnt09:hover {background: url(../images/arekore_photo08_on.png);}
.g_cnt10:hover {background: url(../images/arekore_photo09_on.png);}
.g_cnt11:hover {background: url(../images/arekore_photo10_on.png);}
.g_cnt12:hover {background: url(../images/arekore_photo11_on.png);}
.g_cnt13:hover {background: url(../images/arekore_photo12_on.png);}
.g_cnt14:hover {background: url(../images/arekore_photo13_on.png);}
.g_cnt15:hover {background: url(../images/arekore_photo14_on.png);}

#about {
	position: relative;
	left: 50%;
	margin: 120px 0 0 -508px;
	width: 1017px;
	height: 1085px;
}

#footer {
	width: 100%;
	height: 125px;
	margin-top: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #282828;
}

.baitoru_link {
	margin-left: 30px;
	opacity: 1;
	transition: all 0.3s;
}

.baitoru_link:hover {
	opacity: 0.5;
}

.oubo_btn {
	opacity: 1;
	transition: all 0.3s;
}

.oubo_btn:hover {
	opacity: 0.5;
}

/* loading ---------------*/

.loading {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 9999;
}

.loading img {
	position: absolute;
	top: 50%;
	left: 50%;
}

/* return ----------------*/
.return {
	position: relative;
	width: 70px;
	height: 45px;
	margin: 120px auto 0;
	text-align: center;
	top: 0;
}

.ret_btn {
	position: relative;
	top: : 0;
}

.return:hover > .ret_btn{
	animation: anime1 0.3s forwards;
}

@keyframes anime1 {
0% {top: 0px;}
100% {top: -10px;}
}