/* 昼夜切替 背景 */
.night_day {
	position:absolute;
	width:100%;
	height:90px;
	background:url('../img/star.png');
}
/* ヘッダー背景 通常ページ*/
.head_bg {
	width: 100%;
	height: 70px;
	background: linear-gradient(275deg, #313131 5%, #313131 45%, #313131);
}
/* ヘッダーロゴ */
#head_logo {
	position:absolute;
	text-align:left;
	width:308px;
	height:88px;
	margin-left:10px;
	margin-top:0px;
	background: url('../img/funterest_logo_night.png') no-repeat left;
	z-index:99;
}
/* 灯台 */
#head_lighthouse {
	opacity:0.7;
	position:absolute;
	left:650px;
	top:70px;
	width:20px;
	height:20px;
	background:url(../img/lighthouse.png) no-repeat;
	z-index:1;
}

/* ヤシ */
/* 大きいヤシ */
/* 幹 */
#head_palm_trunk_b {
	opacity:0.4;
	position:absolute;
	right:31px;
	top:42px;
	width:16px;
	height:49px;
	background:url(../img/palm/palm_trunk_b.png) no-repeat;
	z-index:100;
	animation: palm_trunk_b_move 3s infinite alternate ;
	-moz-animation: palm_trunk_b_move 3s infinite alternate ;
	-webkit-animation: palm_trunk_b_move 3s infinite alternate ;
}
@keyframes palm_trunk_b_move {
	0% {transform:rotate(3deg);transform-origin:75% 100%;}
	50% {transform:rotate(0deg);transform-origin:75% 100%;}
	100% {transform:rotate(-3deg);transform-origin:75% 100%;}
}
@-moz-keyframes palm_trunk_b_move {
	0% {transform:rotate(3deg);transform-origin:75% 100%;}
	50% {transform:rotate(0deg);transform-origin:75% 100%;}
	100% {transform:rotate(-3deg);transform-origin:75% 100%;}
}
@-webkit-keyframes palm_trunk_b_move {
	0% {-webkit-transform:rotate(3deg);transform-origin:75% 100%;}
	50% {-webkit-transform:rotate(0deg);transform-origin:75% 100%;}
	100% {-webkit-transform:rotate(-3deg);transform-origin:75% 100%;}
}
/* 葉 */
#head_palm_leaves1 {
	opacity:0.4;
	position:absolute;
	right:25px;
	top:41px;
	width:22px;
	height:10px;
	background:url(../img/palm/palm_b/palm_b1.png) no-repeat;
	z-index:99;
	animation: palm_b1_move 3s infinite alternate ;
	-moz-animation: palm_b1_move 3s infinite alternate ;
	-webkit-animation: palm_b1_move 3s infinite alternate ;
}
@keyframes palm_b1_move {
	0% {transform:rotate(0deg) translate(2px);transform-origin:0 20%;}
	50% {transform:rotate(10deg) translate(0px);transform-origin:0 20%;}
	100% {transform:rotate(5deg) translate(-2px);transform-origin:0 20%;}
}
@-moz-keyframes palm_b1_move {
	0% {transform:rotate(0deg) translate(2px);transform-origin:0 20%;}
	50% {transform:rotate(10deg) translate(0px);transform-origin:0 20%;}
	100% {transform:rotate(5deg) translate(-2px);transform-origin:0 20%;}
}
@-webkit-keyframes palm_b1_move {
	0% {-webkit-transform:rotate(0deg) translate(2px);transform-origin:0 20%;}
	50% {-webkit-transform:rotate(10deg) translate(0px);transform-origin:0 20%;}
	100% {-webkit-transform:rotate(5deg) translate(-2px);transform-origin:0 20%;}
}
#head_palm_leaves2 {
	opacity:0.4;
	position:absolute;
	right:26px;
	top:35px;
	width:19px;
	height:10px;
	background:url(../img/palm/palm_b/palm_b2.png) no-repeat;
	z-index:99;
	animation: palm_b2_move 3s infinite alternate ;
	-moz-animation: palm_b2_move 3s infinite alternate ;
	-webkit-animation: palm_b2_move 3s infinite alternate ;
}
@keyframes palm_b2_move {
	0% {transform:rotate(0deg) translate(2px);transform-origin:0 100%;}
	50% {transform:rotate(9deg) translate(0px);transform-origin:0 100%;}
	100% {transform:rotate(7deg) translate(-2px);transform-origin:0 100%;}
}
@-moz-keyframes palm_b2_move {
	0% {transform:rotate(0deg) translate(2px);transform-origin:0 100%;}
	50% {transform:rotate(9deg) translate(0px);transform-origin:0 100%;}
	100% {transform:rotate(7deg) translate(-2px);transform-origin:0 100%;}
}
@-webkit-keyframes palm_b2_move {
	0% {-webkit-transform:rotate(0deg) translate(2px);transform-origin:0 100%;}
	50% {-webkit-transform:rotate(9deg) translate(0px);transform-origin:0 100%;}
	100% {-webkit-transform:rotate(7deg) translate(-2px);transform-origin:0 100%;}
}
#head_palm_leaves3 {
	opacity:0.4;
	position:absolute;
	right:32px;
	top:28px;
	width:14px;
	height:16px;
	background:url(../img/palm/palm_b/palm_b3.png) no-repeat;
	z-index:99;
	animation: palm_b3_move 3s infinite alternate ;
	-moz-animation: palm_b3_move 3s infinite alternate ;
	-webkit-animation: palm_b3_move 3s infinite alternate ;
}
@keyframes palm_b3_move {
	0% {transform:rotate(0deg) translate(2px);transform-origin:7% 94%;}
	50% {transform:rotate(10deg) translate(0px);transform-origin:7% 94%;}
	100% {transform:rotate(15deg) translate(-2px);transform-origin:7% 94%;}
}
@-moz-keyframes palm_b3_move {
	0% {transform:rotate(0deg) translate(2px);transform-origin:7% 94%;}
	50% {transform:rotate(10deg) translate(0px);transform-origin:7% 94%;}
	100% {transform:rotate(15deg) translate(-2px);transform-origin:7% 94%;}
}
@-webkit-keyframes palm_b3_move {
	0% {-webkit-transform:rotate(0deg) translate(2px);transform-origin:7% 94%;}
	50% {-webkit-transform:rotate(10deg) translate(0px);transform-origin:7% 94%;}
	100% {-webkit-transform:rotate(15deg) translate(-2px);transform-origin:7% 94%;}
}
#head_palm_leaves4 {
	opacity:0.4;
	position:absolute;
	right:43px;
	top:31px;
	width:12px;
	height:13px;
	background:url(../img/palm/palm_b/palm_b4.png) no-repeat;
	z-index:99;
	animation: palm_b4_move 3s infinite alternate ;
	-moz-animation: palm_b4_move 3s infinite alternate ;
	-webkit-animation: palm_b4_move 3s infinite alternate ;
}
@keyframes palm_b4_move {
	0% {transform:rotate(0deg) translate(2px);transform-origin:83% 92%;}
	50% {transform:rotate(-10deg) translate(0px);transform-origin:83% 92%;}
	100% {transform:rotate(-15deg) translate(-2px);transform-origin:83% 92%;}
}
@-moz-keyframes palm_b4_move {
	0% {transform:rotate(0deg) translate(2px);transform-origin:83% 92%;}
	50% {transform:rotate(-10deg) translate(0px);transform-origin:83% 92%;}
	100% {transform:rotate(-15deg) translate(-2px);transform-origin:83% 92%;}
}
@-webkit-keyframes palm_b4_move {
	0% {-webkit-transform:rotate(0deg) translate(2px);transform-origin:83% 92%;}
	50% {-webkit-transform:rotate(-10deg) translate(0px);transform-origin:83% 92%;}
	100% {-webkit-transform:rotate(-15deg) translate(-2px);transform-origin:83% 92%;}
}
#head_palm_leaves5 {
	opacity:0.4;
	position:absolute;
	right:44px;
	top:37px;
	width:23px;
	height:9px;
	background:url(../img/palm/palm_b/palm_b5.png) no-repeat;
	z-index:99;
	animation: palm_b5_move 3s infinite alternate ;
	-moz-animation: palm_b5_move 3s infinite alternate ;
	-webkit-animation: palm_b5_move 3s infinite alternate ;
}
@keyframes palm_b5_move {
	0% {transform:rotate(0deg) translate(2px);transform-origin:91% 78%;}
	50% {transform:rotate(-3deg) translate(0px);transform-origin:91% 78%;}
	100% {transform:rotate(4deg) translate(-2px);transform-origin:91% 78%;}
}
@-moz-keyframes palm_b5_move {
	0% {transform:rotate(0deg) translate(2px);transform-origin:91% 78%;}
	50% {transform:rotate(-3deg) translate(0px);transform-origin:91% 78%;}
	100% {transform:rotate(4deg) translate(-2px);transform-origin:91% 78%;}
}
@-webkit-keyframes palm_b5_move {
	0% {-webkit-transform:rotate(0deg) translate(2px);transform-origin:91% 78%;}
	50% {-webkit-transform:rotate(-3deg) translate(0px);transform-origin:91% 78%;}
	100% {-webkit-transform:rotate(4deg) translate(-2px);transform-origin:91% 78%;}
}
#head_palm_leaves6 {
	opacity:0.4;
	position:absolute;
	right:44px;
	top:43px;
	width:22px;
	height:14px;
	background:url(../img/palm/palm_b/palm_b6.png) no-repeat;
	z-index:99;
	animation: palm_b6_move 3s infinite alternate ;
	-moz-animation: palm_b6_move 3s infinite alternate ;
	-webkit-animation: palm_b6_move 3s infinite alternate ;
}
@keyframes palm_b6_move {
	0% {transform:rotate(0deg) translate(2px);transform-origin:86% 7%;}
	50% {transform:rotate(-6deg) translate(0px);transform-origin:86% 7%;}
	100% {transform:rotate(2deg) translate(-2px);transform-origin:86% 7%;}
}
@-moz-keyframes palm_b6_move {
	0% {transform:rotate(0deg) translate(2px);transform-origin:86% 7%;}
	50% {transform:rotate(-6deg) translate(0px);transform-origin:86% 7%;}
	100% {transform:rotate(2deg) translate(-2px);transform-origin:86% 7%;}
}
@-webkit-keyframes palm_b6_move {
	0% {-webkit-transform:rotate(0deg) translate(2px);transform-origin:86% 7%;}
	50% {-webkit-transform:rotate(-6deg) translate(0px);transform-origin:86% 7%;}
	100% {-webkit-transform:rotate(2deg) translate(-2px);transform-origin:86% 7%;}
}
#head_palm_leaves7 {
	opacity:0.4;
	position:absolute;
	right:44px;
	top:44px;
	width:12px;
	height:17px;
	background:url(../img/palm/palm_b/palm_b7.png) no-repeat;
	z-index:99;
	animation: palm_b7_move 3s infinite alternate ;
	-moz-animation: palm_b7_move 3s infinite alternate ;
	-webkit-animation: palm_b7_move 3s infinite alternate ;
}
@keyframes palm_b7_move {
	0% {transform:rotate(0deg) translate(2px);transform-origin:83% 0;}
	50% {transform:rotate(-7deg) translate(0px);transform-origin:83% 0;}
	100% {transform:rotate(-5deg) translate(-2px);transform-origin:83% 0;}
}
@-moz-keyframes palm_b7_move {
	0% {transform:rotate(0deg) translate(2px);transform-origin:83% 0;}
	50% {transform:rotate(-7deg) translate(0px);transform-origin:83% 0;}
	100% {transform:rotate(-5deg) translate(-2px);transform-origin:83% 0;}
}
@-webkit-keyframes palm_b7_move {
	0% {-webkit-transform:rotate(0deg) translate(2px);transform-origin:83% 0;}
	50% {-webkit-transform:rotate(-7deg) translate(0px);transform-origin:83% 0;}
	100% {-webkit-transform:rotate(-5deg) translate(-2px);transform-origin:83% 0;}
}

/* 小さいヤシ */
/* 幹 */
#head_palm_trunk_s {
	opacity:0.4;
	position:absolute;
	right:13px;
	top:56px;
	width:11px;
	height:34px;
	background:url(../img/palm/palm_trunk_s.png) no-repeat;
	z-index:100;
	animation: palm_trunk_s_move 3s infinite alternate ;
	-moz-animation: palm_trunk_s_move 3s infinite alternate ;
	-webkit-animation: palm_trunk_s_move 3s infinite alternate ;
}
@keyframes palm_trunk_s_move {
	0% {transform:rotate(2deg);transform-origin:18% 100%;}
	50% {transform:rotate(0deg);transform-origin:18% 100%;}
	100% {transform:rotate(-2deg);transform-origin:18% 100%;}
}
@-moz-keyframes palm_trunk_s_move {
	0% {transform:rotate(2deg);transform-origin:18% 100%;}
	50% {transform:rotate(0deg);transform-origin:18% 100%;}
	100% {transform:rotate(-2deg);transform-origin:18% 100%;}
}
@-webkit-keyframes palm_trunk_s_move {
	0% {-webkit-transform:rotate(2deg);transform-origin:18% 100%;}
	50% {-webkit-transform:rotate(0deg);transform-origin:18% 100%;}
	100% {-webkit-transform:rotate(-2deg);transform-origin:18% 100%;}
}
#head_palm_s_leaves1 {
	opacity:0.4;
	position:absolute;
	right:6px;
	top:58px;
	width:9px;
	height:12px;
	background:url(../img/palm/palm_s/palm_s1.png) no-repeat;
	z-index:99;
	animation: palm_s1_move 3s infinite alternate ;
	-moz-animation: palm_s1_move 3s infinite alternate ;
	-webkit-animation: palm_s1_move 3s infinite alternate ;
}
@keyframes palm_s1_move {
	0% {transform:rotate(0deg) translate(1px);transform-origin:11.1% 0;}
	50% {transform:rotate(-8deg) translate(0px);transform-origin:11.1% 0;}
	100% {transform:rotate(5deg) translate(-1px);transform-origin:11.1% 0;}
}
@-moz-keyframes palm_s1_move {
	0% {transform:rotate(0deg) translate(1px);transform-origin:11.1% 0;}
	50% {transform:rotate(-8deg) translate(0px);transform-origin:11.1% 0;}
	100% {transform:rotate(5deg) translate(-1px);transform-origin:11.1% 0;}
}
@-webkit-keyframes palm_s1_move {
	0% {-webkit-transform:rotate(0deg) translate(1px);transform-origin:11.1% 0;}
	50% {-webkit-transform:rotate(-8deg) translate(0px);transform-origin:11.1% 0;}
	100% {-webkit-transform:rotate(5deg) translate(-1px);transform-origin:11.1% 0;}
}
#head_palm_s_leaves2 {
	opacity:0.4;
	position:absolute;
	right:2px;
	top:57px;
	width:15px;
	height:9px;
	background:url(../img/palm/palm_s/palm_s2.png) no-repeat;
	z-index:99;
	animation: palm_s2_move 3s infinite alternate ;
	-moz-animation: palm_s2_move 3s infinite alternate ;
	-webkit-animation: palm_s2_move 3s infinite alternate ;
}
@keyframes palm_s2_move {
	0% {transform:rotate(0deg)  translate(1px);transform-origin:13.3% 0;}
	50% {transform:rotate(-3deg)  translate(0px);transform-origin:13.3% 0;}
	100% {transform:rotate(3deg)  translate(-1px);transform-origin:13.3% 0;}
}
@-moz-keyframes palm_s2_move {
	0% {transform:rotate(0deg)  translate(1px);transform-origin:13.3% 0;}
	50% {transform:rotate(-3deg)  translate(0px);transform-origin:13.3% 0;}
	100% {transform:rotate(3deg)  translate(-1px);transform-origin:13.3% 0;}
}
@-webkit-keyframes palm_s2_move {
	0% {-webkit-transform:rotate(0deg)  translate(1px);transform-origin:13.3% 0;}
	50% {-webkit-transform:rotate(-3deg)  translate(0px);transform-origin:13.3% 0;}
	100% {-webkit-transform:rotate(3deg)  translate(-1px);transform-origin:13.3% 0;}
}
#head_palm_s_leaves3 {
	opacity:0.4;
	position:absolute;
	right:0px;
	top:53px;
	width:16px;
	height:6px;
	background:url(../img/palm/palm_s/palm_s3.png) no-repeat;
	z-index:99;
	animation: palm_s3_move 3s infinite alternate ;
	-moz-animation: palm_s3_move 3s infinite alternate ;
	-webkit-animation: palm_s3_move 3s infinite alternate ;
}
@keyframes palm_s3_move {
	0% {transform:rotate(0deg) translate(1px);transform-origin:6.25% 16.7%;}
	50% {transform:rotate(-4deg) translate(0px);transform-origin:6.25% 16.7%;}
	100% {transform:rotate(4deg) translate(-1px);transform-origin:6.25% 16.7%;}
}
@-moz-keyframes palm_s3_move {
	0% {transform:rotate(0deg) translate(1px);transform-origin:6.25% 16.7%;}
	50% {transform:rotate(-4deg) translate(0px);transform-origin:6.25% 16.7%;}
	100% {transform:rotate(4deg) translate(-1px);transform-origin:6.25% 16.7%;}
}
@-webkit-keyframes palm_s3_move {
	0% {-webkit-transform:rotate(0deg) translate(1px);transform-origin:6.25% 16.7%;}
	50% {-webkit-transform:rotate(-4deg) translate(0px);transform-origin:6.25% 16.7%;}
	100% {-webkit-transform:rotate(4deg) translate(-1px);transform-origin:6.25% 16.7%;}
}
#head_palm_s_leaves4 {
	opacity:0.4;
	position:absolute;
	right:6px;
	top:50px;
	width:8px;
	height:9px;
	background:url(../img/palm/palm_s/palm_s4.png) no-repeat;
	z-index:99;
	animation: palm_s4_move 3s infinite alternate ;
	-moz-animation: palm_s4_move 3s infinite alternate ;
	-webkit-animation: palm_s4_move 3s infinite alternate ;
}
@keyframes palm_s4_move {
	0% {transform:rotate(0deg) translate(1px);transform-origin:0 77%;}
	50% {transform:rotate(-3deg) translate(0px);transform-origin:0 77%;}
	100% {transform:rotate(3deg) translate(-1px);transform-origin:0 77%;}
}
@-moz-keyframes palm_s4_move {
	0% {transform:rotate(0deg) translate(1px);transform-origin:0 77%;}
	50% {transform:rotate(-3deg) translate(0px);transform-origin:0 77%;}
	100% {transform:rotate(3deg) translate(-1px);transform-origin:0 77%;}
}
@-webkit-keyframes palm_s4_move {
	0% {-webkit-transform:rotate(0deg) translate(1px);transform-origin:0 77%;}
	50% {-webkit-transform:rotate(-3deg) translate(0px);transform-origin:0 77%;}
	100% {-webkit-transform:rotate(3deg) translate(-1px);transform-origin:0 77%;}
}
#head_palm_s_leaves5 {
	opacity:0.4;
	position:absolute;
	right:13px;
	top:49px;
	width:10px;
	height:12px;
	background:url(../img/palm/palm_s/palm_s5.png) no-repeat;
	z-index:99;
	animation: palm_s5_move 3s infinite alternate ;
	-moz-animation: palm_s5_move 3s infinite alternate ;
	-webkit-animation: palm_s5_move 3s infinite alternate ;
}
@keyframes palm_s5_move {
	0% {transform:rotate(0deg) translate(1px);transform-origin:80% 75%;}
	50% {transform:rotate(-3deg) translate(0px);transform-origin:80% 75%;}
	100% {transform:rotate(3deg) translate(-1px);transform-origin:80% 75%;}
}
@-moz-keyframes palm_s5_move {
	0% {transform:rotate(0deg) translate(1px);transform-origin:80% 75%;}
	50% {transform:rotate(-3deg) translate(0px);transform-origin:80% 75%;}
	100% {transform:rotate(3deg) translate(-1px);transform-origin:80% 75%;}
}
@-webkit-keyframes palm_s5_move {
	0% {-webkit-transform:rotate(0deg) translate(1px);transform-origin:80% 75%;}
	50% {-webkit-transform:rotate(-3deg) translate(0px);transform-origin:80% 75%;}
	100% {-webkit-transform:rotate(3deg) translate(-1px);transform-origin:80% 75%;}
}
#head_palm_s_leaves6 {
	opacity:0.4;
	position:absolute;
	right:14px;
	top:53px;
	width:14px;
	height:8px;
	background:url(../img/palm/palm_s/palm_s6.png) no-repeat;
	z-index:99;
	animation: palm_s6_move 3s infinite alternate ;
	-moz-animation: palm_s6_move 3s infinite alternate ;
	-webkit-animation: palm_s6_move 3s infinite alternate ;
}
@keyframes palm_s6_move {
	0% {transform:rotate(0deg) translate(1px);transform-origin:93% 75%;}
	50% {transform:rotate(-5deg) translate(0px);transform-origin:93% 75%;}
	100% {transform:rotate(-9deg) translate(-1px);transform-origin:93% 75%;}
}
@-moz-keyframes palm_s6_move {
	0% {transform:rotate(0deg) translate(1px);transform-origin:93% 75%;}
	50% {transform:rotate(-5deg) translate(0px);transform-origin:93% 75%;}
	100% {transform:rotate(-9deg) translate(-1px);transform-origin:93% 75%;}
}
@-webkit-keyframes palm_s6_move {
	0% {-webkit-transform:rotate(0deg) translate(1px);transform-origin:93% 75%;}
	50% {-webkit-transform:rotate(-5deg) translate(0px);transform-origin:93% 75%;}
	100% {-webkit-transform:rotate(-9deg) translate(-1px);transform-origin:93% 75%;}
}
#head_palm_s_leaves7 {
	opacity:0.4;
	position:absolute;
	right:13px;
	top:56px;
	width:16px;
	height:7px;
	background:url(../img/palm/palm_s/palm_s7.png) no-repeat;
	z-index:99;
	animation: palm_s7_move 3s infinite alternate ;
	-moz-animation: palm_s7_move 3s infinite alternate ;
	-webkit-animation: palm_s7_move 3s infinite alternate ;
}
@keyframes palm_s7_move {
	0% {transform:rotate(0deg) translate(1px);transform-origin:88% 29%;}
	50% {transform:rotate(-4deg) translate(0px);transform-origin:88% 29%;}
	100% {transform:rotate(-12deg) translate(-1px);transform-origin:88% 29%;}
}
@-moz-keyframes palm_s7_move {
	0% {transform:rotate(0deg) translate(1px);transform-origin:88% 29%;}
	50% {transform:rotate(-4deg) translate(0px);transform-origin:88% 29%;}
	100% {transform:rotate(-12deg) translate(-1px);transform-origin:88% 29%;}
}
@-webkit-keyframes palm_s7_move {
	0% {-webkit-transform:rotate(0deg) translate(1px);transform-origin:88% 29%;}
	50% {-webkit-transform:rotate(-4deg) translate(0px);transform-origin:88% 29%;}
	100% {-webkit-transform:rotate(-12deg) translate(-1px);transform-origin:88% 29%;}
}