/* CSS Document */

* {
	margin:0px;
	padding:0px;
	border-style: none;
	font-family: "メイリオ";
	list-style-type:none;
	color: #666;
	text-decoration: none;
}

body{
	background: linear-gradient(#fff,#2BC0E4);
	-webkit-linear-gradient: linear-gradient(#fff,#2BC0E4);
    -webkit-gradient:(linear,left top,left bottom,from(#fff), to(#2BC0E4));
	position:relative;
	background-color:#D3EDFB;
}

header{margin-top:10px;}


#wrapper{width:90%;
margin-left:auto;
margin-right:auto;}

/*topページ*/


#top h1 a img{width:60%;}

#information{float:right;
             margin-right:5px;}

#information a{width:30%;}

#information a:last-child{display:none;}

#top p{margin-left:5px;
font-size:85%;}

#main img{width:100%;}

sub ul li{text-align:center;}

sub ul li a{width:80%;}

footer{text-align:center;
clear:both;
position:fixed;
bottom:5px;}


/*ぶるぶるアニメ試作*/

	
		.buruburuburu img {
	-webkit-animation-name: buruburu;
	animation-name: buruburu;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
 @keyframes 
buruburu {  16.65% {
 -webkit-transform: skew(-12deg);
 transform: skew(-12deg);
}
 33.3% {
 -webkit-transform: skew(10deg);
 transform: skew(10deg);
}
 49.95% {
 -webkit-transform: skew(-6deg);
 transform: skew(-6deg);
}
 66.6% {
 -webkit-transform: skew(4deg);
 transform: skew(4deg);
}
 83.25% {
 -webkit-transform: skew(-2deg);
 transform: skew(-2deg);
}
 100% {
 -webkit-transform: skew(0);
 transform: skew(0);
}
}

/*ぶるぶるアニメ試作ここまで*/




/*アニメーション非表示*/

.uranaianime{display:none;}

.suizokukananime{display:none;}


/*ハンバーガーメニュー*/

#navToggle {
    position:fixed; /*bodyに対しての絶対位置指定です*/
    right:13px;
    top:13px;
    width:30px;
    height:25px;
    cursor:pointer}
#navToggle div {position:relative} /*spanの絶対位置指定の親にします*/
#navToggle span {
    display:block;
    position:absolute; /*#navToggle div に対して*/
    width:100%;
    border-bottom:solid 3px #999;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out}
#navToggle span:nth-child(1) {top:0}
#navToggle span:nth-child(2) {top:11px}
#navToggle span:nth-child(3) {top:22px}


#hum-menu{
	display:none;
	background-color:#FFF;
	position:fixed;
	right:0;
	top:10%;
	line-height:260%;
	width:100%;
	z-index:1;
	font-size:120%;
	border-radius:20px;
	text-align:center;
	border: 8px solid #ddffbc;
	box-sizing:border-box;
		  }
#hum-menu a{
	color:#666;
	
}

#hum-menu a{background-image: url(../img/menu_icon.png);
	background-repeat: no-repeat;
	background-position:left center;
	line-height:35px;
	padding-left:30px;
}

#hum-menu a:hover{color:#F0F;}



#navToggle.active span:nth-child(1){
	-webkit-transform: translateY(20px) rotate(-45deg);
	transform: translateY(20px) rotate(-45deg);
}
#navToggle.active span:nth-child(2) {
	opacity: 0;
}
#navToggle.active span:nth-child(3) {
	-webkit-transform: translateY(-20px) rotate(45deg);
	transform: translateY(-20px) rotate(45deg);
}

/*ハンバーガーメニューここまで*/


.gotop img{width:30%;
position:fixed;
bottom:0%;
right:0%;}


/*トップ以外共通*/

h2 img{width:60%;
}

h3{font-size:medium;
font-weight:normal;
margin-bottom:10px;}

#contents{text-align:center;
clear:both;}


/*占い　レスポンシブ*/

.uranaianime2{display:none;}

#uranattemiru img{width:80%;}

/*占い結果　レスポンシブ*/

.kyara img{width:80%;}

#repeat img{width:50%;}

h6 img{width:90%;}

.kekka{
	width:90%;
	background-color:#fff;
	border-radius: 10px;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	margin-bottom:20px;
	padding:5px;
	font-size:95%;
}

.kekka p{text-align:left;}

.kekka br{display:none;
}

/*やわらかい仲間たち*/

.characters figure{margin:5px auto 15px auto;
background-color:#FFFFFF;
width:80%;
border-radius:10px;
}

.characters figure img{width:80%;}

.characters figcaption{font-size:95%;} 

.opa img{width:100%;}

/*やわらかい仲間たち*/

#goaisatu{text-align:left;}

#goaisatu a{text-align:center;}

#goaisatu br{display:none;}

#goaisatu p{margin-bottom:15px;}

/*水族館入口*/
#go_suizokukan a{margin:10px auto 10px auto;
}

#go_suizokukan img{width:80%;}


/*水族館中身*/

#pankuzu{display:none;}

#inline-content1 img{width:100%;}

#inline-content2 img{width:100%;}

#inline-content3 img{width:100%;}

#inline-content4 img{width:100%;}

#inline-content5 img{width:100%;}

#inline-content6 img{width:100%;}

#inline-content7 img{width:100%;}

#inline-content8 img{width:100%;}

#inline-content9 img{width:100%;}

h2{margin-top:10px;
margin-bottom:5px;}

/*オリジナルグッズ*/
.or_goods figure{background-color:#FFFFCC;
border-radius:20px;
margin-top:15px;
margin-bottom:10px;}

h8 img{width:100%;}

h8{margin-top:30px;
margin-bottom:30px;}

/*お問合せ*/

body#page_inquiry{height:540px;}

#page_inquiry #contents p{text-align:left;
margin-bottom:30px;}

#page_inquiry #contents a{
	font-size:100%;
	text-decoration: underline;
	background-image: url(../img/pekori.png);
	background-position: center bottom;	
	overflow:hidden;
}

#page_inquiry #contents br{display:none;}


h10 img{width:60%;}


/*水生無脊椎動物とは*/

#setumei br{display:none;
}

#setumei p{text-align:left;
margin-bottom:15px;}

h5 img{width:100%;
margin-left:auto;
margin-right:auto;}

#setumei h2 img{width:100%;}