@charset "utf-8";
/* レイアウトのためのCSS */

body{
    background:#111111;
	color: #fff;
}


a{
	color: #fff;
	text-decoration: none;
    outline: none;
}






/*上下線*/
.lineTrigger::before,
.lineTrigger::after,
/*左右線*/
.line2::before,
.line2::after{
  background:#fff;/* 枠線の色*/
}

.btnarrow5{
    /*ボタンの形状*/
	border: 1px solid #fff;
    color: #fff;
}

.btnarrow5:hover{
	background:#333;
	color:#fff;
}

/*矢印と下線の形状*/
.btnarrow5::before,
.btnarrow5::after{
	background:#fff;
}




/*スクロールダウン全体の場所*/
.scrolldown1{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	left:50%;
	top:36vh;
    /*全体の高さ*/
	height:100px;
}

/* 線の描写 */
.scrolldown1::after{
	content: "";
    /*描画位置*/
	position: absolute;
	top: 0;
    /*線の形状*/
	width: 1px;
	height: 100px;
	background: #aaa;
    /*線の動き1.4秒かけて動く。永遠にループ*/
	animation: pathmove 2.4s ease-in-out infinite;
	opacity:0;
}






#page-top a{
	color: #fff;
    border:1px solid #fff;
}
#page-top a:hover{
	background: #aaa;
    border:1px solid #aaa;
}


#footer #page-top span::before,
#footer #page-top span::after{
    background:#fff;
}
#footer #page-top a:hover span::before,
#footer #page-top a:hover span::after{
     background:#000;   
}

























@media screen and (max-width:990px){
.P{display: none!important;}}
@media screen and (min-width:991px){
.S{display: none!important;}}