@charset "utf-8";
/* ============================================================
#### footer auto-hide（モバイル時スクロール収納）
============================================================ */
.site-footer{
	position : fixed;
	bottom : 0;
	width : 100%;
	z-index : 900;
	transition : transform 0.5s ease;
}
.site-footer.hide{
	transform : translateY(100%);
}

/* PC時は固定表示を維持 */
@media screen and (min-width: 897px){
	.site-footer{
		position : static;
		transform : none !important;
	}
}
/* # =================================================================
#### responsive
# ================================================================= */
/* # =================================================================
#### 1200px
# ================================================================= */
@media screen and (max-width: 1200px){

}/*** 1200px ***/
/* # =================================================================
#### 1024px
# ================================================================= */
@media screen and (max-width: 1024px){

}/*** 1024px ***/
/* # =================================================================
#### 896px
# ================================================================= */
@media screen and (max-width: 896px){

}/*** 896px ***/
/* # =================================================================
#### 600px
# ================================================================= */
@media screen and (max-width: 600px){

}/*** 600px ***/
/* # =================================================================
#### 480px
# ================================================================= */
@media screen and (max-width: 480px){

}/*** 480px ***/
/* # =================================================================
#### 320px
# ================================================================= */
@media screen and (max-width: 320px){

}/*** 320px ***/