@charset "utf-8";

body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
/* ########### 484px以下 ########### */
@media  (max-width: 484px) 
{
/* フッター */
footer	{
	width:100%;
	text-align:center;
margin-top:0px;
position:relative;
background-image:url(../img/back3.png)
}
footer img{
	width:230px;
	height:auto;
	border: none;
	margin: 0 auto;	
	margin-bottom:0px;
}
footer a :hover{opacity: 0.8
  }

footer img.fune{
	position:absolute;
	width:90px;
	height:auto;
	left:120px;
	top:-120px;
}
footer p{
	color: #00668B;
	font-weight:bold;
	font-size: 14px;
	line-height:20px;
	text-align:center;
	letter-spacing: 0em;
	margin-bottom:10px;
	font-family: HuiFont109-1, "ふい字";
}
footer p.text{
	color:#92CEC5;
	font-weight:normal;
	font-size: 13px;
	line-height:14px;
	text-align:center;
	letter-spacing: -0.1em;
	margin-bottom:10px;
	font-family: HuiFont109-1, "ふい字";
}}

/* ########### 485～559px以下 ########### */
@media (min-width: 485px) and (max-width: 559px) 
{
/* フッター */
footer	{
	width:100%;
	text-align:center;
margin-top:0px;
position:relative;
background-image:url(../img/back3.png)
}
footer img{
	width:220px;
	height:auto;
	border: none;
	margin: 0 auto;	
	margin-bottom:0px;
}
footer a :hover{opacity: 0.8
  }

footer img.fune{
	position:absolute;
	width:90px;
	height:auto;
	left:370px;
	top:-80px;
}
footer p{
	color: #00668B;
	font-weight:bold;
	font-size: 16px;
	line-height:25px;
	text-align:center;
	letter-spacing: 0.05em;
	margin-bottom:10px;
	font-family: HuiFont109-1, "ふい字";
}
footer p.text{
	color:#92CEC5;
	font-weight:normal;
	font-size: 14px;
	line-height:14px;
	text-align:center;
	letter-spacing: 0.03em;
	margin-bottom:10px;
	font-family: HuiFont109-1, "ふい字";
}
}	
/* ########### 560px～767px以下 ########### */
@media (min-width: 560px) and (max-width: 767px) 
{
/* フッター */
footer	{
	width:100%;
	text-align:center;
margin-top:0px;
position:relative;
background-image:url(../img/back3.png)
}
footer img{
	width:220px;
	height:auto;
	border: none;
	margin: 0 auto;	
	margin-bottom:0px;
}
footer a :hover{opacity: 0.8
  }

footer img.fune{
	position:absolute;
	width:90px;
	height:auto;
	left:455px;
	top:-80px;
}
footer p{
	color: #00668B;
	font-weight:bold;
	font-size: 16px;
	line-height:25px;
	text-align:center;
	letter-spacing: 0.05em;
	margin-bottom:10px;
	font-family: HuiFont109-1, "ふい字";
}
footer p.text{
	color:#92CEC5;
	font-weight:normal;
	font-size: 14px;
	line-height:14px;
	text-align:center;
	letter-spacing: 0.03em;
	margin-bottom:10px;
	font-family: HuiFont109-1, "ふい字";
}}
/* ########### 768px～1039px以下 ########### */
@media (min-width: 768px) and (max-width: 1039px) 
{
/* フッター */
footer	{
	width:100%;
	text-align:center;
margin-top:0px;
position:relative;
background-image:url(../img/back3.png)
}
footer img{
	width:250px;
	height:auto;
	border: none;
	margin: 0 auto;	
	margin-bottom:10px;
}
footer a :hover{opacity: 0.8
  }

footer img.fune{
	position:absolute;
	width:120px;
	height:auto;
	left:630px;
	top:-100px;
}
footer p{
	color: #00668B;
	font-weight:bold;
	font-size: 18px;
	line-height:25px;
	text-align:center;
	letter-spacing: 0.07em;
	margin-bottom:20px;
	font-family: HuiFont109-1, "ふい字";
}
footer p.text{
	color:#92CEC5;
	font-weight:normal;
	font-size: 16px;
	line-height:14px;
	text-align:center;
	letter-spacing: 0.03em;
	margin-bottom:20px;
	font-family: HuiFont109-1, "ふい字";
}

}
/* ########### 1040px 以上 ########### */
@media (min-width: 1040px) {
/* フッター */
footer	{
	width:100%;
	text-align:center;
margin-top:0px;
position:relative;
background-image:url(../img/back3.png)
}
footer img{
	width:280px;
	height:auto;
	border: none;
	margin: 0 auto;	
	margin-bottom:10px;
}
footer a :hover{opacity: 0.8
  }

footer img.fune{
	position:absolute;
	width:140px;
	height:auto;
	left:750px;
	top:-100px;
}
footer p{
	color: #00668B;
	font-weight:bold;
	font-size: 20px;
	line-height:30px;
	text-align:center;
	letter-spacing: 0.07em;
	margin-bottom:20px;
	font-family: HuiFont109-1, "ふい字";
}
footer p.text{
	color:#92CEC5;
	font-weight:normal;
	font-size: 16px;
	line-height:14px;
	text-align:center;
	letter-spacing: 0.03em;
	margin-bottom:20px;
	font-family: HuiFont109-1, "ふい字";
}
			}			
/* ########### 1260px 以上 ########### */
@media (min-width: 1260px) {
/* 船の位置 */
	footer img.fune{
	position:absolute;
	width:140px;
	height: auto;
	left:1000px;
	top:-100px;
}
	/* 全体の横幅を固定 */
.rogo, .footer-inner
	{width: 1260px;
	margin-left: auto;
	margin-right: auto}	
			}