/*===スクロールすると上にメニューを固定===*/
@media only screen and (min-width:1024px) {
	.fixed{
	  width:100%;
	  position: fixed;
	  top: 0px;
	  margin:0px auto;
	  z-index: 9999;
	}

}



/*===下にスクロールをするとトップに戻るがでる===*/
.page-top
{
	margin: 0 ;
	padding: 0 ;
}
 
.page-top p
{
	margin: 0 ;
	padding: 0 ;

	position: fixed ;
	right: 0px ;
	bottom: -7px ;
}

.move-page-top
{
	display: block ;

	color: #fff ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}
.move-page-top:hover
{
	opacity: 0.85 ;
}


/*===サブメニュー===*/



.menu
{
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	right: 20px ;
	top: 20%;
}

ul.menu li{
	float:left;
	width:140px;
	position:relative;
}

ul.sub li{
		background:url("../common/btn.png");
}

ul.menu li a{
	text-align:left;
	display:block;
	width:100%;
	height:100%;
	line-height:30px;
	text-indent:25px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
}
ul.sub li{
	width:138px;
}
ul.sub li a:hover{
	background:url("../common/btn_over.png");
}
ul.menu li ul.sub{
	margin: 0 ;
	padding: 0 ;
	position: absolute ;
	top: 130px ;
}
ul.menu{
	zoom:1;
}
ul.menu:after {
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}

/*===スクロールでふわっと画像などが浮き上がる===*/
.animation {
 visibility: hidden !important;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:2s;
 -ms-animation-duration:2s;
 animation-duration:2s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}



.animation2 {
 visibility: hidden !important;
}

.fadeInUp {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:2s;
 -ms-animation-duration:2s;
 animation-duration:2s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInUp;
 visibility: visible !important;
}
@-webkit-keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}



/* 〜追加分〜 */
.page-top
{
	display: none ;
}



/*===半透明===*/
.opt {
}