@charset "utf-8";

.header-sp{
		display: none;
	}
@media screen and (max-width: 767px) {
	.header-sp{
		display: flex;
	}
}

/* --- header ---*/
.header-sp{
	position: relative;
    z-index: 10;
	background-color: #ffffff;
    border-top: 4px solid #cccccc;
	position: fixed;
	width: 100%;
}
.header-sp .header-inner {
	padding-left: 20px;
	margin: 0 auto;
	display: flex;
	width: calc(100% - 20px);
	justify-content: space-between;
    align-items: center;
}
.header-sp .header-logo {
	width: calc((240/345)*100%);
	max-width: 250px;
	line-height: 1;
}


/* CSS Document */
footer{
	width: 100%;
	color:#000000;
	font-size:13px;
	padding: 5px 0;
    display: flex;
}
@media screen and (max-width: 767px) {
	footer{
		padding: 0;
	}
}
footer ul{
	width: calc(100% - 40px);
	margin:0 auto;
}
@media screen and (max-width: 767px) {
	footer ul{
		display: flex;
		flex-direction: column;
		width: 100%;
		border-top: solid 1px rgba(255, 255, 255, 0.4);
	}
}
footer ul li{
	float:left;
	margin-right:15px;
}
@media screen and (max-width: 767px) {
	footer ul li{
		border-bottom: solid 1px rgba(255,255,255,0.4);
		margin-right: 0px;
		background: #000;
        padding: 10px;
	}
	footer ul li:nth-child(1){
		border-top: solid 1px rgba(255,255,255,0.4);
	}
}
footer a{
	color:#969696;
	text-decoration:none;
	font-size: 13px;
}
@media screen and (max-width: 767px) {
	footer a{
		width: 100%;
		display: flex;
	}
}
footer a:hover{
	text-decoration:underline;
}

footer #copy{
	float:right;
	border: none;
	color: #969696;
}
@media screen and (max-width: 767px) {
	footer #copy{
		background-color: #000;
		color: #969696;
		justify-content: center;
        display: flex;
	}
}
.copy_c{
	font-family: sans-serif;
}
@media screen and (max-width: 767px) {
	.copy_c{
		color: #969696;
	}
}





#sitecommon , #sitecommon_02{
	position:fixed;
	z-index:800;
}