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

footer

background-color: #e5e1de;
*****************************************/

footer {
/* 画像使用の場合------------------ */
/* 高さ指定しないと背景画像がみれなくなる、高さをあげると画像サイズも大きくなる*/
/* 背景画像の高さにする。高さに合わせて幅が拡大するため */
/* 画像使用の場合　ここまで------------------ */
background-color: #222;
width: 100%;
/* height: auto; */
text-transform: uppercase;
text-align: center;
padding: 30px 0;
margin: 0 auto;
}
/****************************************

footer title

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


.nijiirotxt{
	width: 400px;
	height: auto;

}
.schooltxt{
	margin-bottom: 30px;
	color: #666;
	letter-spacing: 2px;
	margin: 0 0 40px;

}


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

social icon

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

.social ul{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 50px;
}

.btn i{
	color: #fff;


}


.btn li{
	margin: 0 10px;
	width: 50px;
	/*ボタンの幅*/
	height: 50px;
	/*ボタンの高さ*/
	padding:10px;
	/*文字の配置場所の調整*/
	text-decoration: none;
	/*文字の下線を消す*/

background: #222;
	/*ボタンの背景色*/
	text-align: center;
	/*文字を中央に配置*/
	border-radius: 50%;
	/*ボタンの角を少し丸くする*/
	outline: none;
	/*クリックしたときの黒い枠を消す*/
	font-size: 1.0rem;
	border: #000 1px solid;
}



.btn li:hover{
	border: #666 1px solid;


}




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

footer link

*****************************************/
/* .footer-nav */
footer .footer-nav{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	text-align: center;
	font-size: 0.8rem;
	letter-spacing: 2px;
	padding: 10px;

	/* height: 20px; */

}



footer .footer-nav a:hover {
background-color: rgb(51, 48, 49, 0.1);
}


footer .footer-nav ul{

	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	flex-direction: row;
	justify-content: center;
	/* width: 100%; */
	text-align: center;
}


.footer-nav li {
/* margin: -60px; */
padding:0 20px;
}


.footer-nav li a{

	color: #fff;

	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.7rem;

}

/* .second **************************************/


footer .second {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	text-align: center;
	font-size: 0.8rem;
	letter-spacing: 2px;
	top: 240px;

}



footer .second a:hover {
background-color: rgb(51, 48, 49, 0.1);
}


footer .second ul{

	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	flex-direction: row;
	justify-content: center;
	text-align: center;

}


.second li {
/* margin: -60px; */
padding:0 20px;
}


.second li a{

	color: #fff;

	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.7rem;

}



/****************************************
copy
*****************************************/


.copy span {
	margin-left: 30px;
	font-size: 11px;
}

footer .copy{
		color: #666;
		width: 100%;
		text-align: center;
		font-size: 12px;
		letter-spacing: .07rem;
		margin-left: auto;
		margin-right: auto;
	display: block;
}

footer .copy a:hover {
	background-color: rgb(51, 48, 49, 0.1);
}



/****************************************
	
iPad Nav

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

@media (max-width:960px) {

	/* footer {
		height: 400px;
		color: #000;
		position: relative;
		margin-top: 50px;
	} */

	footer .footer-nav{
		/* border: 1px solid pink; */	
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flexbox;
		display: -moz-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		flex-direction: row;
		justify-content: center;
		width: 100%;
		text-align: center;
		/* position: absolute;
		bottom: 60px; */
		/* top: 10px; */
		padding: 0 10%;
       margin-top: 0px;
		z-index: 30;
	
	}

}


@media screen and (max-width:767px) {
/****************************************

footer ///mobil

*****************************************/
footer {
	height: 400px;
	color: #000;
	position: relative;
	margin-top: 50px;
}

.footer-navbox{


}

footer .footer-nav {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	/* height: 60px; */
	/* padding: 80px 0; */
	position: absolute;
	bottom: 90px;
	z-index: 30;
}


footer .second{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	/* height: 60px; */
	/* padding: 80px 0; */
	position: absolute;
	bottom: 0px;
	z-index: 10;
}
footer li {
padding: 10px 0;
}


.nijiirotxt{
	width: 300px;
	height: auto;
	/* margin-top: 10px; */
	/* margin-bottom: 30px; */
}

.social ul{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: -20px;
}

	
	/****************************************
footer
third ///mobil
*****************************************/


	.copy {
		
		color: #000;
		width: 100%;
		text-align: center;
		font-size: 12px;
		letter-spacing: .07rem;
		margin-left: auto;
		margin-right: auto;
		position: absolute;
		bottom: 10px;
		/* margin-top: 80px; */
	}
	.copy span {
	
		font-size: 11px;
	}

}