@CHARSET "UTF-8";
/*
 * 【マルツ/改修】SP版 スティッキーヘッダー・フッターナビ（分類一覧系の画面用）
 * 商品一覧（GoodsListNavi.css）・定格表（RatedList.css）と同じ見た目・動きにそろえる。
 * フッターナビのマークアップは WEB-INF/jsp/template/standard/spFooterNav.jsp、
 * スクロール時の表示制御は contents/js/spStickyNav.js
 */
@media screen and (max-width:600px) {
	/* SP版 フッターナビゲーション */
	.sp_footer_nav {
		display: flex !important;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		height: 56px;
		background: #fff;
		border: 1px solid #004390;
		box-shadow: 0 -2px 6px rgba(0,0,0,0.12);
		z-index: 2200;
		align-items: stretch;
		width: 85%;
		margin: auto;
	}
	.sp_footer_item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		color: #333;
		border: none;
		background: none;
		cursor: pointer;
		padding: 0;
		box-sizing: border-box;
	}
	.sp_footer_item::before {
		font-family: "FontAwesome";
		font-size: 20px;
		line-height: 1;
		margin-bottom: 2px;
		display: block;
		color: #fff;
		-webkit-text-stroke: 1px #aaa;
	}
	.sp_footer_home::before {
		content: "\f015";
	}
	.sp_footer_cart::before {
		content: "\f07a";
	}
	.sp_footer_top::before {
		content: '';
		font-family: inherit;
		font-size: 0;
		width: 14px;
		height: 14px;
		border-top: 2px solid #aaa;
		border-right: 2px solid #aaa;
		transform: rotate(-45deg);
		margin-top: 2px;
	}
	.sp_footer_label {
		font-size: 13px;
		line-height: 1;
		display: block;
	}
	.sp_footer_home span,
	.sp_footer_cart span {
		font-size: 10px;
		color: #aaa;
		font-weight: bold;
	}
	/* 「絞り込み」ボタンがないので、ホーム・カート・TOPを等幅で並べる */
	.sp_footer_nav_simple .sp_footer_home,
	.sp_footer_nav_simple .sp_footer_cart,
	.sp_footer_nav_simple #footer_top_wrap {
		flex: 1 1 0;
	}
	#footer_top_wrap {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#footer_top_wrap .sp_footer_top {
		background: none;
		border: none;
	}
	/* フッター分のページ下余白 */
	body {
		padding-bottom: 56px;
	}

	/* SP版 スクロール後にgHeader02（青い検索バー）だけを固定ヘッダーにする */
	body .nonStickyHeader {
		height: auto;
		position: sticky;
		z-index: 2100;
	}
}