@charset "UTF-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	width:100%;
	max-height:1000px;
	overflow:hidden;
}
a {
	text-decoration:none;
	color:#FFFFFF;	
}
img {
	width:100%;
	height:auto;
	vertical-align:bottom;
}

#bg {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:-10;
}
#map {
	width:100%;
	height:100vh;
	opacity:0.5;
}
#ship {
	position:absolute;
	z-index:100;
	top:10%;
	right:0;
	opacity:0.7;
	animation:ship 10s infinite linear;
	-webkit-animation:ship 10s infinite linear;
}
#thanks {
	position:absolute;
	top:30%;
	left:30%;
	opacity:0.5;
	font-family: 'Amatic SC', cursive;
	font-size:5vw;
	letter-spacing:0.2em;
	width:40%;
}
#thanks span {
	font-size:1.2vw;
	letter-spacing:0.2em;
	
}
header {
	position:fixed;
	width:100%;
	top:0;
	z-index:1000;
}
header .h-black img {
	width:100%;
	height:70px
}
header h1 {
	position:absolute;
	top:10px;
	left:2%;
}
/* header_menu---------------- */
header .menu {
	position:absolute;
	top:0;
	right:0;
	width:600px;
	margin:15px 0 0 0;
}
header .menu li {
	display:inline-block;
	margin-left:40px;
}
header .menu li a {
	letter-spacing:0.1em;
	font-size:30px;
	font-weight:100;
	font-family: 'Amatic SC', cursive;
	display:block;
	width:100%;
	height:100%;
	-webkit-transition:0.8s;
	transition:0.8s;
}
.menu a:hover {
	-webkit-transform:rotateY(360deg);
	transform:rotateY(360deg);
}

.menu a::before {
	position:absolute;
	top:-26px;
	opacity:0;
}

header .menu_t:before {
	content:url('../images/h_top_p.png');
	padding-left:2px;
}
header .menu_a:before {
	content:url('../images/h_about_p.png');
	padding-left:10px;
}
header .menu_i:before {
	content:url('../images/h_item_p.png');
	padding-left:10px;;
}
header .menu_s:before {
	content:url('../images/h_social_p.png');
	padding-left:10px;
}
header .menu_c:before {
	content:url('../images/h_contact_p.png');
	padding-left:10px;
}
.menu_t:hover:before {
	opacity:1;
}
.menu_a:hover:before {
	opacity:1;
}
.menu_i:hover:before {
	opacity:1;
}
.menu_s:hover:before {
	opacity:1;
}
.menu_c:hover:before {
	opacity:1;
}
.d_menu {
	opacity:0;
	height:0;
	visibility:hidden;
}
#tokuteibox {
	position:absolute;
	z-index:10000;
	top:200px;
	left:0%;
	right:0%;
	margin:0 auto;
	width:700px;
	color:#000;
	padding:40px;
	background:#FFFFFF;
}
#tokuteibox h1 {
	font-size:18px;
	font-weight:800;
	line-height:30px;
	margin-bottom:20px;
	border-bottom:#000000 solid 2px;
}
#tokuteibox dd {
	margin-bottom:20px;
}
#tokuteibox dt {
	margin-bottom:5px;
	font-size:15px;
	font-weight:700;
}
#tokuteibox dd {
	font-size:13px;
}
tokuteibox p {
	font-size:10px;
}
table.type01 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	margin:20px auto 0;
}
table.type01 th {
	width: 240px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #ccc;
	background-color:#E9E5E5;
}
table.type01 td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
}
	



/* ---------sea animation------------------- */
@-webkit-keyframes ship {
    0% {right:-10%}
    100% {right:110%}	
}
@keyframes ship {
    0% {right:-10%}
    100% {right:110%}	
}