@charset "utf-8";
/*
Theme Name: bibien.tv
Description: bibien.tv
Version: 1.0
Author: MSKCH
*/

footer.site-footer {
	position: relative;
	background: #88c11a;
}

#topcontrol {
	position: fixed;
	display: none;
	cursor: pointer;
}

footer.site-footer .footerSNS {
	position: absolute;
}

footer.site-footer .footerSNS .footerTwitter,
footer.site-footer .footerSNS .footerFacebook,
footer.site-footer .footerSNS .footerInstagram {
	display: inline-block;
}

footer.site-footer .footerCopyright {
	font-size: 12px;
	line-height: 12px;
	color: #ffffff;
}

/* ===== PC ===== */
footer.site-footer {
	height: 98px;
}

footer.site-footer .footerSNS {
	right: 108px;
	top: 28px;
}

footer.site-footer .footerSNS .footerFacebook {
	width: 40px;
	height: 40px;
	background: url(../img/p/icon_footer_facebook.png) no-repeat;
	margin-left: 20px;
}

footer.site-footer .footerSNS .footerInstagram {
	width: 40px;
	height: 40px;
	background: url(../img/p/icon_footer_instagram.png) no-repeat;
	margin-left: 20px;
}

footer.site-footer .footerSNS .footerTwitter {
	width: 40px;
	height: 40px;
	background: url(../img/p/icon_footer_twitter.png) no-repeat;
	margin-left: 20px;
}

footer.site-footer .site-info {
	padding: 42px 0 0 40px;
	line-height: 12px;
}

footer.site-footer .site-info a {
	font-size: 12px;
	line-height: 12px;
	color: #ffffff;
	margin-right: 40px;
}

footer.site-footer .footerCopyright {
	padding: 16px 0 0 40px;
}

#topcontrol {
	right: 35px;
	bottom: 17px;
	width: 47px;
	height: 53px;
	background-position: 0px -70px;
}
/* ===== /PC ===== */


/* ===== TABLET ===== */
@media screen and (max-width: 975px) {

footer.site-footer {
	height: 80px;
}

footer.site-footer .footerSNS {
	right: 55px;
	top: 21px;
}

footer.site-footer .footerSNS .footerFacebook {
	width: 30px;
	height: 30px;
	background: url(../img/s/icon_footer_facebook.png) no-repeat;
	background-size: 30px;
	margin-left: 15px;
}

footer.site-footer .footerSNS .footerInstagram {
	width: 30px;
	height: 30px;
	background: url(../img/s/icon_footer_instagram.png) no-repeat;
	background-size: 30px;
	margin-left: 15px;
}

footer.site-footer .footerSNS .footerTwitter {
	width: 30px;
	height: 30px;
	background: url(../img/s/icon_footer_twitter.png) no-repeat;
	background-size: 30px;
	margin-left: 15px;
}

footer.site-footer .site-info {
	padding: 34px 0 0 14px;
}

footer.site-footer .site-info a {
	margin-right: 25px;
}

footer.site-footer .footerCopyright {
	padding: 12px 0 0 14px;
}

#topcontrol {
	right: 9px;
	bottom: 17px;
	width: 32px;
	height: 42px;
	background-position: 0px -220px;
}

}
/* ===== /TABLET ===== */


/* ===== SP ===== */
@media screen and (max-width: 670px) {

footer.site-footer {
	height: auto;
	padding: 13px 0 13px;
}

footer.site-footer .footerSNS {
	position: static;
	text-align: center;
	margin: 0 0 13px;
}

footer.site-footer .footerSNS a {
	margin: 0 7px;
}

footer.site-footer .site-info {
	padding: 0 14px;
}

footer.site-footer .site-info a {
	display: inline-block;
	width: 50%;
	margin: 0 0 10px 0;
	text-align: center;
}

footer.site-footer .footerCopyright {
	position: static;
	padding: 0 14px;
	text-align: center;
}

#topcontrol.attach {
	position: absolute;
	bottom: 75px;
}

}
/* ===== /SP ===== */