@charset "UTF-8" ;

/********************************************************************************

	SYNCER 縲� 遏･隴倥€∵─蜍輔ｒ縺ｿ繧薙↑縺ｨ蜷梧悄(Sync)縺吶ｋ繝悶Ο繧ｰ

	* 驟榊ｸ��ｴ謇€
	https://syncer.jp/jquery-to-top-button

	* 譛€邨よ峩譁ｰ譌･譎�
	2015/09/11 19:54

	* 菴懆€�
	縺ゅｉ繧�

	** 騾｣邨｡蜈�
	Twitter: https://twitter.com/arayutw
	Facebook: https://www.facebook.com/arayutw
	Google+: https://plus.google.com/114918692417332410369/
	E-mail: info@syncer.jp

	窶ｻ 繝舌げ縲∽ｸ榊�蜷医�蝣ｱ蜻翫€∵署譯医€√＃隕∵悍縺ｪ縺ｩ縲√♀蠕�■縺励※縺翫ｊ縺ｾ縺吶€�
	窶ｻ 逕ｳ縺苓ｨｳ縺ゅｊ縺ｾ縺帙ｓ縺後€√＃蛻ｩ逕ｨ閠�ｧ倥€∝€九€��迺ｰ蠅�↓縺翫￠繧句撫鬘後�繧ｵ繝昴�繝医＠縺ｦ縺�∪縺帙ｓ縲�

********************************************************************************/

/*
.content
{
	min-height: 5000px ;
}*/

.page-top
{
	z-index:2000;
	display: none ;
	margin: 0 ;
	padding: 0 ;
}
 
.page-top p
{
	margin: 0 ;
	padding: 0 ;

	position: fixed ;
	right: 16px ;
	bottom: 16px ;
}

.move-page-top
{background: #00B1FF;color:#FFF ; }
.move-page-top:hover
	{background: #FFFF00;color:#000 ;
	}
 /**/
@media only screen and (min-width: 993px), print {
 .move-page-top
{
	font-size:90%;
	display: block ;
	
	padding:30px 10px;
	width: 100px;
	height: 100px ;
	cursor: pointer ;
border-radius: 100px;
	
	line-height: 18px ;
	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.8 ;
	
	padding:30px 10px;
	width: 100px;
	height: 100px ;
	cursor: pointer ;
border-radius: 100px;
	
	line-height: 18px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
		/*opacity: 0.85 ;*/
	}
}

@media only screen and (min-width: 391px) and (max-width: 992px) {
.move-page-top
{
	font-size:10px;
	display: block ;
	padding:10px 10px;
	width: 60px;
	height: 60px ;
	cursor: pointer ;
border-radius: 60px;
	line-height: 13px ;
	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.8 ;
	padding:30px 10px;
	width: 60px;
	height: 60px ;
	cursor: pointer ;
border-radius: 60px;
	line-height: 13px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
		/*opacity: 0.85 ;*/
	}
}

@media only screen and (max-width: 390px) {
.move-page-top
{
	font-size:10px;
	display: block ;
	padding:10px 10px;
	width: 60px;
	height: 60px ;
	cursor: pointer ;
border-radius: 60px;
	line-height: 13px ;
	text-decoration: none ;
	text-align: center ;

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



@media screen and ( min-width:1130px )
{
/*	.move-page-top:hover
	{opacity: 0.5 ;
	background: #EDDB00 ;
	padding:6px 10px;
	width: auto;
	height: auto ;
	cursor: pointer ;
border-radius: 8px;
	color: #fff ;
	line-height: 18px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
		/*opacity: 0.85 ;*/
	}*/
}