@charset "utf-8";
/* CSS Document */

.if-header { /* RMSページ ( PC ) のヘッダー */
	height: 126px;
	border-bottom: 1px solid #222222;
}
.if-header-information { /* サイト全体のヘッダー下インフォメーション */
	height: 47px;
	border-bottom: 1px solid #222222;
	/*display: none;*/  /* 非表示にしたい時は、左記のコメントアウトを外してください */
}
.if-side-navigation { /* サイト全体 ( PC ) のサイドナビゲーション */
	height: 710px;
}
.if-side-banner-area-01 { /* トップページ ( PC ) のサイドバナーエリア */
	margin-bottom: 1.5rem;
}
.if-side-banner-area-02 { /* RMSページ ( PC ) のサイドバナーエリア */
	height: 1180px;
	margin-bottom: 1.5rem;
}
.if-side-calendar { /* トップページ ( PC / SP ) のカレンダー */
	height: 430px;
}
.if-footer { /* サイト全体 ( PC ) のフッター */
	height: 411px;
}

body {
	position: relative;
}
body:before {
	content: "";
	height: 411px; /* .if-footer と同じ高さを指定してください */
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -20;
	background: #f2f2f2 repeat;
}

@media (max-width: 991.99px) {
	#footer .if-footer { /* サイト全体 ( SP ) のフッター */
		height: 398px;
	}
	body:before {
		height: 398px; /* #footer .if-footer と同じ高さを指定してください */
	}
	.if-side-banner-area-01 {
		/*overflow-y: scroll;
		margin-bottom: 2.5rem;*/
		display: none;
	}
}
@media (max-width: 767.99px) {
	.if-header { /* RMSページ ( SP ) のヘッダー */
		height: 49px;
	}
}



.if-sp-banner-area-01 { /* RMSページ ( SP ) のヘッダー下バナーエリア */
	height: calc( (100vw) * 0.25 ); /* 右側の数字を変更して高さを調整してください */
	margin-top: 8px;
	/*display: none;*/  /* 非表示にしたい時は、左記のコメントアウトを外してください */
}
.if-sp-banner-area-02 { /* RMSページ ( SP ) のページ下部バナーエリア */
	height: calc( (100vw) * 4.25 ); /* .ページ下部のバナー領域　右側の数字を変更して高さを調整してください */
}
#shopName { /* RMS「商品」ページ ( SP ) のヘッダー周りの調整 */
	margin-bottom: calc( (210px) - (20px) ) !important; /* 左側の引かれる方の数字にスマホのヘッダー部分（バナー領域も含む）の高さを入力してください */
}