@charset "UTF-8";
/* CSS Document */

 .swiper-container {
      width: 100%;
      height: 100Vh;
    }
    .swiper-slide {
      background-position: center;
      background-size: cover;
    }
	
	.s-fade-text {
  position: absolute;
  top: 43%;
  left: 0;
  width: 100%;
  text-align: center;
  color: white;
  font-size:5vw;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

.swiper-slide-active .s-fade-text {
  animation: slideTextFade 1.75s ease 0s 1 normal;
}

@keyframes slideTextFade {
  0%, 25% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
	
	@media (max-width: 767px) {
  .swiper-container {
      height:400px;
    }
	.s-fade-text {
  top: 40%;
  font-size:7vw;
  letter-spacing:1px;
  line-height:38px;

}

}




#suizokukan {
	font-size:14px;
	line-height:20px;
	background-color:inherit;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

#suizokukan h2 {
	width:100%;
	text-align:center;
	font-size:34px;
	color:#fff;
	margin-bottom:20px;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	letter-spacing:3px;

}
@media only screen and (max-width: 767px) {
#suizokukan h2 {
	font-size:28px;
	letter-spacing:1px;
	margin-bottom:10px;

}
}


#suizokukan h5 {
	width:100%;
	text-align:center;
	font-size:24px;
	margin-bottom:60px;
	margin-top:10px;
	letter-spacing:2px;
	color:#AFE7F7;
		font-family: 'Oswald', sans-serif;


}
#suizokukan p {
	font-size:16px;
	color:#000000;
	width:75%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	
}




.bg-slider_suizokukan {
	width: 100%;
	background-position:center center;
	background-size:cover;
	align-items: center;
	justify-content: center;

}




.btn_suizokukan{
  background:#1d50a2;
  color:#fff;
  border:none;
  position:relative;
  font-size:1.6em;
  padding:0 1em;
  height:60px;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
  font-size:18px;
  line-height:24px;
  text-align:center;
  display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
 margin-bottom:10px;
  
}
.btn_suizokukan:hover{
  background:#fff;
  color:#1d50a2;
}







.suizokukan_news {
	background-color:#FFFFFF;
	border:solid 5px #1d50a2;
		width:80%;
		margin-left:auto;
		margin-right:auto;
		padding:20px;
		margin-top:50px;
		margin-bottom:50px;

}

.suizokukan_logo {
	width:100%;
	margin-top:60px;
	margin-bottom:35px;
	text-align:center;

}
.suizokukan_logo img {
	width:300px;
	height:86px;
	margin-left:auto;
	margin-right:auto;

}


.suizokukan_text {
	width:80%;
	margin-left:auto;
	margin-right:auto;
	font-size:20px;
	line-height:28px;
	text-align:center;
	margin-bottom:60px;
	color:#FFFFFF
	;
	
}


.suizokukan_title {
	padding-top:15px;
	padding-bottom:15px;
	color:#FFFFFF;
	font-size:24px;
	text-align:center;
	margin-bottom:20px;
	margin-top:50px;
	background-image:url(../img/suizokukan/bg_suisai.jpg);
	font-weight:bold;
}
@media only screen and (max-width: 767px) {
.suizokukan_text {
	width:90%;
	font-size:16px;
	text-align:left;	
}
.suizokukan_title {

	font-size:18px;
		margin-top:30px;

	
}

}
.box_suizoku {
	margin-bottom:20px;
	

}


.event {
	background-color:#fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	padding:15px;
	font-size:16px;
	margin-bottom:20px;

}
.event img {
	width:100%;
	height:auto;
	margin-bottom:20px;
}
.event h3 {
	font-size:24px;
	font-weight:bold;
	margin-bottom:15px;
	text-align:center;
}
.suizoku_map {
	margin-bottom:30px;
}

.suizoku_map img {
	width:100%;
	height:auto;
	

}



.suizokukan_eigyo {
	margin-top:80px;
	text-align:center;
}
.suizokukan_eigyo h3 {
	font-size:18px;
	font-weight:bold;
	color:#1d50a2;
}
.suizokukan_eigyo dl {
	margin-top:15px;
	padding:10px;
	
}
.suizokukan_eigyo dt {
	font-size:16px;
	background-color:#1d50a2;
	color:#FFFFFF;
	padding:15px;
	
}
.suizokukan_eigyo dd {
	font-size:14px;
	margin-top:10px;
	padding:10px;
	
}
.t_left {
	text-align:left;
	
}






.suizokukan_banner {
		margin-top:80px;
		text-align:center;
		
}

.suizokukan_banner img {
	width:77%;
	height:auto;
	margin-top:15px;
		
}





.sakana {
	position:absolute;
	z-index:88;
	left:20px;
	margin-top:30px;
}


.sakana2 {
	position:absolute;
	z-index:88;
	right:20px;
	margin-top:0px;
}


.sakana3 {
	position:absolute;
	z-index:88;
	right:30px;
	margin-top:90px;
}

.pengine {
	position:absolute;
	z-index:88;
	margin-top:80px;
	margin-left:100px;
	width:150px;

}
.pengine img {
	width:100%;
	height:auto;
}


.encyan2 {
	position:absolute;
	z-index:88;
	right:120px;
	margin-top:30px;
		width:150px;

}
.encyan2 img {
	width:100%;
	height:auto;

}

@media only screen and (max-width: 767px) {
	.pengine {
	margin-top:50px;
	margin-left:20px;
	width:90px;

}
.encyan2 {
	right:20px;
	margin-top:30px;
		width:100px;

}

}

.img_box{
  animation: img_box_9955 3s linear infinite;
  transform-origin: 50% 50%;
  margin: 1rem 0 !important;
}
 
@keyframes img_box_9955 {
  0% { transform: translateY(0) }
  33.33333% { transform: translateY(-10px) }
  66.66667% { transform: translateY(0) }
  100% { transform: translateY(0) }
}






/* 海水館 */
.main_suizokukan {
	color:#fff;
	font-size:18px;
	text-align:center;
}
.main_suizokukan img {
	width:80%;
	height:auto;
}
.main_suizokukan h2 {
	color:#fff;
	font-size:33px;
	margin-top:80px;
}

.main_suizokukan p {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	line-height:30px;
}
.show_text {
	text-align:left;
	font-size:18px;
	margin-top:10px;
	line-height:24px;
	color:#000000;

}
.show_text img {
	width:100%;
	height:auto;
	margin-bottom:15px;

}
@media only screen and (max-width: 767px) {
	#suizokukan p {
	font-size:14px;
	width:90%;
	line-height:22px;
	
}
	.main_suizokukan img {
	width:100%;
}
	.show_text {
		margin-bottom:0px;
		font-size:16px;

}

.show_text img {
	
	margin-bottom:8px;

}
.show_text p {
	margin-top:10px;
	margin-bottom:20px;
}
.suizoku_map img {
	width:100%;
	

}




	
}

.show_time {
	
}
.show_time dl {
	margin-top:10px;
	
}
.show_time dt {
	padding:15px;
	background-color:#1d50a2;
	color:#fff;
	font-size:18px;
	text-align:center;
	
}
.show_time dd {
	color:#1d50a2;
	font-size:18px;
	text-align:center;
	padding:20px;
	background-color:#FFFFFF
	;
	
}

.kaisui_fish {
	margin-top:30px;
	text-align:center;

}
.kaisui_fish h4 {
	width:100%;
	height:30px;
	background-color:#2C58BE;
	color:#FFFFFF;
	font-size:16px;
	line-height:30px;
}
.kaisui_fish img {
	width:100%;
	height:auto;
	margin-bottom:6px;

}

.suizokukan_banner_area {
	z-index:100;
	position:relative;
	width:80%;
	 top:70px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.under_banner {
	width:46%;
	height:auto;
	margin-left:2%;

}
@media only screen and (max-width: 767px) {
	.suizokukan_banner_area {
	width:90%;
		 top:80px;
	
}
.under_banner {
	width:90%;
	height:auto;
	margin-left:5%;
	margin-top:0px;
	margin-bottom:15px;
}
	
}

/* 営業のご案内 */


.annai {
	margin-top:20px;
	margin-bottom:30px;
	float:left;
	}
	.annai h4 {
		background-color:#182E82;
		padding:10px;
		color:#FFFFFF;
		font-size:16px;
	}

	

	

.box_eigyou {
	width:100%;
	
	background-color:#FFFFFF;
	color:#666;
	font-size:14px;
}
.tableBox {
	padding:15px;
}
.tableBox td {
	padding-top:10px;
	padding-bottom:10px;
	border:solid 1px #A0A0A0;
}

.tdbg_azarashi01 {
	background-color:#FFE392;	}
.tdbg_information02 {
	background-color:#E6E6E6;
		}
	
	
.bikou {
	margin-top:15px;
	text-align:left;
		font-size:14px;
		line-height:22px;
		margin-left:10px;

}
/* プロフィール */
.profile {
		margin-bottom:40px;

}
.profile img {
	width:100%;
	height:auto;
}
.profile h4 {
	text-align:center;
	font-size:18px;
	margin-bottom:7px;
	font-weight:bold;
	color:#000000;
}
.profile_box {
	font-size:12px;
	
}
.profile_box dl {

}
.profile_box dt {
	  float: left;
	  width:30%;
	  padding:5px;
	  background-color:#BDF3FF;
	  text-align:center;
	  border-bottom:#FFFFFF
	   1px solid;

}
.profile_box dd {
	  	  float: right;
	  width:70%;
	  	  padding:5px;
		   border-bottom:#FFFFFF
	   1px solid;




}