.loading {
	position: fixed;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width: 100vw;
	height: 100vh;
	z-index: 10000;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: fadeOut 1.5s 2.5s forwards;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

.loading_logo {
  opacity: 0;
  animation: logo_fade 2s 0.5s forwards;
  width: 380px;
}

@keyframes logo_fade {
  0% {
    opacity: 0;
    transform: translateY(0);
  }

  60% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
  }
}

.slider {
	height: 100vh;
	margin-inline: auto;
	overflow: hidden; /* 画像がはみ出ないようにする */
	width: 100%;
	animation-name:blurAnime;
	animation-duration:2s;
	animation-fill-mode:forwards;
	max-height: 100%;
	max-width: 100%;
	object-fit: cover;
}


.slick-img img {
  width: 100%;
}

.slider .slick-img .pc_main_img {
	display:none;
}

@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1); /* 拡大率 */
  }
}
.add-animation {
  animation: zoomUp 10s linear 0s normal both;
}

#content_top {
  width: 100%;
  height: auto;
  margin: 30px auto;
  padding: 0 15px ;
}

#content_top h2 {
	font-size:22px;
	font-weight:normal;
	text-align:center;
	border-bottom:1px solid #000;
	padding-bottom:7px;
}

#content_top .info ul {
	margin:20px 0 30px;
	padding:0;
}

#content_top .info ul li {
	list-style:none;
	margin-bottom:15px;
}

#content_top .info ul li dl {
	margin:0;
	padding:0;
}


#content_top .info a {
	color:#913000;
	text-decoration:none;
}

#content_top .info a:hover {
	color:#e00b00;
	text-decoration:none;
}

#content_top .info p.list-link {
	text-align:right;
}


#content_top .temporary {
	text-align:center;
	margin-bottom:20px;
}

#content_top .temporary dl {
	margin:0;
	padding:0;
	display:inline-block;
}

#content_top .temporary dl dt {
	color:#fff;
	background-color:#000;
	border-radius:5px;
	padding:4px 6px;
	width:autox;
	font-size:14px;
	text-align:center;
	display:block;
}

#content_top .temporary dl dd {
	padding-top:4px;
}


#content_top p.note {
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#ff2b01;
	margin-top:25px;
}

.popular_menu {
	margin-top30px;
}

.popular_menu ul {
	margin:0;
	padding:0;
}

.popular_menu ul li {
	list-style:none;
	width:90%;
	margin-right:auto;
	margin-left:auto;
}

.popular_menu ul li img {
	width:100%;
}

.info_box {
	margin:30px 0 40px;
}

.info_box .box_01 {
	
}

.info_box .box_01 img {
	width:100%;
}

.info_box .box_01 p {
	margin-top:5px;
	text-align:center;
}

.info_box .box_01 p a {
	color:#913000;
	text-decoration:none;
}

.info_box .box_01 p a:hover {
	color:#e00b00;
	text-decoration:none;
}

@media (min-width: 768px) {

	.slider {
		max-height: auto;
		object-fit: none;
	}

	#content_top {
		max-width: 720px;
		width:auto;
		padding:0;
	}

	.info_box .box_01 {
		width:68.5%;
		float:left;
	}

	.info_box .box_02 {
		width:30%;
		float:right;
	}
}

@media (min-width: 992px) {


	.slider .slick-img .pc_main_img {
		display:block;
	}

	.slider .slick-img .sp_main_img {
		display:none;
	}

	#content_top {
		max-width: 960px;
	}

	#content_top .info {
		width:48%;
		float:left;
	}

	#content_top .calendar_box {
		width:48%;
		float:right;
	}

	#content_top .info ul li dl dt {
		margin:0;
		float:left;
		width:130px;
	}

	#content_top .info ul li dl dd {
		margin-left:140px;
	}

	#content_top .temporary dl dt {
		font-size:18px;
		width:180px;
		float:left;
	}
	#content_top .temporary dl dd {
		font-size:18px;
		margin-left:190px;
	}

	.popular_menu ul li {
		width:48%;
		margin-right:4%;
		margin-left:0;
		float:left;
	}

	.popular_menu ul li:nth-child(2n+2) {
		margin-right:0;
	}

	.info_box {
		margin:30px 0 60px;
	}
	


}


@media (min-width: 1200px) {

	#content_top {
		max-width: 1150px;
	}
}