@charset "utf-8";

// メニューボタンを fix nav に埋め込みの場合は丈夫の余白を小さくする
.mobile-fix-nav_add_menu_btn .vk-mobile-nav {
	padding-top: 15px;
}
// 編集ショートカットの位置調整
.mobile-fix-nav .customize-partial-edit-shortcut {
	position: relative;
	top: -35px;
	left: 35px;
}

/*-------------------------------------------*/
/*	スマホのフッターメニュー
/*-------------------------------------------*/

.mobile-fix-nav .vk-mobile-nav-menu-btn {
	// 各種リセット
	position: relative;
	top: unset;
	left: unset;
	border: none;
	box-shadow: none;
	background: none; // アイコンに色をつける機能があるため、デフォルトのSVG画像背景はクリア
	text-indent: 0; // アイコンフォントをそのまま表示させたいので-9999で飛ばしてあったインデントを解除
	height: auto;
	width: auto;
}
// モバイルナビの管理バー対応に負けないように追加
.admin-bar .mobile-fix-nav .vk-mobile-nav-menu-btn{
	top: unset;
}

.copySection {
	display: flex;
	align-items: center;
	flex-direction: column;
}
/* fxnav利用時にfixナビで下部が隠れてしまわないように余白を追加 */
.device-mobile {
	.copySection {
		padding-bottom: 70px;
	}
}

.mobile-fix-nav_enable .vk-mobile-nav {
	height: calc(100% - 62px);
	box-sizing: border-box;
}

.admin-bar .vk-mobile-nav {
	height: calc(100% - 62px - 32px);
	@media screen and (max-width: 782px ) {
		height: calc(100% - 62px - 46px);
	}
}
.mobile-fix-nav {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	&-top {
		display: block;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		&-padding-true {
			padding: 10px;
		}
	}
	.mobile-fix-nav-menu {
		margin: 0 auto;
		box-sizing: border-box;
		height: 62px;
		padding: 12px 0 10px;
		overflow: hidden;
		display: flex;
		justify-content: space-around;
		align-items: center;
		width: 100%;
		z-index: 9999999999;
		opacity: 0.9;
		li {
			margin: 0;
			padding: 0;
			// display: table-cell;
			vertical-align: middle;
			list-style-type: none;
			font-size: 10px;
			line-height: 1.3;

			.menuBtn {
				position: unset;
				top: unset;
				z-index: unset;
				margin: 0;
				padding: 0;
			}

			a,
			.vk-mobile-nav-menu-btn {
				border: none;
				display: block;
				text-align: center;
				text-decoration: none;
				cursor: pointer;
				svg,
				i {
					font-size: 22px;
					font-style: normal;
					margin-right: 0;
				}

				.link-icon {
					display: block;
					margin-bottom: 4px;
				}
			}
		}
	}
}

@media (min-width: 992px){
	.mobile-fix-nav {
		display: none;
	}
}