@charset "utf-8";
/* CSS Document */
.sp { display: none;}

body {
	font-family: "メイリオ",Meiryo,sans-serif,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic";
	font-feature-settings : "palt";
	background-color: #000226;
	position: relative;
	color:#ffffff;
}

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}
	}

a{ color: #dcdcdc !important;}
a:hover{ color: #ffffff !important; transition: color 0.3s ease 0s;}
a:before { transition-delay: .3s; }
a:visited{ color: #dcdcdc; }

li {
  list-style-type: none;
}

a {
  text-decoration: none;    
  display: block;
  color: #333;
}

.headerBox {
	display: block;
	height: 100%;
	max-height: 86px;
	position: fixed;
    z-index: 10;
    width: 100%;
}

.logo { display: block; width:100%; max-width:460px;}

/* ABOUT */
.copytitle {display: block; width: 100%; max-width: 545px;  margin: 0 auto 2.5%;}
.sp { display: none!important;}

h3 { color: #FF7C00; background: -webkit-linear-gradient(top, #FFB76B 0%, #FFA73D 50%, #FF7C00 51%, #FF7F04 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

#page-top {
    position: fixed;
    bottom: 0;
    right: 1%;
	z-index: 110;
}
	
#page-top img{ width:100%; }
 
#page-top a {
    display: block;
    width: 60px;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
}
 
#page-top a:hover {
    text-decoration: none;
}

/*フッタ*/
footer{ position: relative; width:100%; text-decoration: none; color: #ffffff; bottom:1%; left:0; text-align: center; z-index: 100; border-top: 1px solid #c6c6c6; }
.copyright { display: block; text-align: center; font-size: 90%; font-family: initial; margin-top: 0.5%; padding-bottom: 0.5%;}


/*スマホ・タブレット用の設定*/
@media screen and (max-width:960px){
	.menu-trigger { display: none;}
}
@media screen and (max-width:640px){
	.pageTop { padding: 5% 0;}
	.copyright { font-size: 90%;}
	.sp { display:inline-block!important;}
	
	.pageTop span{display: inline-block; font-size: 72%; vertical-align:middle;}
	
	footer {
    text-decoration: none;
    color: #ffffff;
    position: relative;
    bottom: 1%;
    left: 0;
    z-index: 100;
}
}


@media screen and (max-width:782px){
	.logo { width: 55%; }
	.logo img {width: 100%;}
	
	.pageTop { padding: 5% 0;}
	.copyright { font-size: 90%; margin-top: 0.5%;}
	.sp { display:inline-block!important;}
	
	#page-top {
    position: fixed;
    bottom: 0;
    right: -4%;
	z-index: 200;
}
	
#page-top img{ width:100%; }
 
#page-top a {
    display: block;
    width: 60%;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
}
 
#page-top a:hover {
    text-decoration: none;
}
	
	footer {
    text-decoration: none;
    color: #ffffff;
    position: relative;
    bottom: 1%;
    left: 0;
    z-index: 100;
	width:100%;
	border-top: 1px solid #c6c6c6;
	text-align: center;
}
	
}