.fixed_nav {
	position: fixed;
	right: 0;
	top: 35%;
	z-index: 40;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.fixed_nav li {
	margin-bottom: 15px;
}

.fixed_nav li:last-child {
	margin-bottom: 0;
}

.fixed_nav__item--catalog a,
.fixed_nav__item--contact a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.8125em;
	letter-spacing: 0.1em;
	color: #fff;
	background-color: #333;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	width: 44px;
	height: 140px;
	padding: 10px 0;
	border: 1px solid #333;
	text-decoration: none;
	box-sizing: border-box;
	line-height: 1.4;
}

.fixed_nav__item--catalog a:hover,
.fixed_nav__item--contact a:hover {
	background-color: #fff;
	color: #333;
}

.fixed_nav__item--icon a {
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	padding: 0;
	border: 0;
	width: 44px;
	writing-mode: horizontal-tb;
	text-decoration: none;
	box-sizing: border-box;
}

.fixed_nav__item--icon a:hover {
	background: none;
	opacity: 0.8;
}

.fixed_nav__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #333;
	flex-shrink: 0;
}

.fixed_nav__icon svg {
	width: 16px;
	height: 16px;
	fill: #fff;
}

@media screen and (max-width: 767px) {
	.fixed_nav {
		display: flex;
		align-items: center;
		flex-direction: row;
		gap: 5px;
		box-sizing: border-box;
		width: 100%;
		padding: 0 0 0 5px;
		top: auto;
		right: 0;
		left: 0;
		bottom: 0;
	}

	.fixed_nav li {
		margin: 0;
	}

	.fixed_nav__item--instagram {
		order: 1;
	}

	.fixed_nav__item--youtube {
		order: 2;
	}

	.fixed_nav__item--catalog {
		order: 3;
		flex: 1 1 0;
		min-width: 0;
	}

	.fixed_nav__item--contact {
		order: 4;
		flex: 1 1 0;
		min-width: 0;
	}

	.fixed_nav__item--icon {
		display: flex;
		flex: none;
		align-items: center;
		justify-content: center;
		width: auto;
		background: none;
	}

	.fixed_nav__item--catalog a,
	.fixed_nav__item--contact a {
		width: 100%;
		height: 44px;
		writing-mode: horizontal-tb;
		justify-content: center;
		font-size: 0.75em;
	}

	.fixed_nav__item--icon a {
		width: 40px;
		height: 40px;
	}

	.fixed_nav__item--icon a:hover {
		opacity: 0.8;
	}

	.fixed_nav__icon {
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background: #333;
	}

	.fixed_nav__icon svg {
		width: 18px;
		height: 18px;
	}

	body {
		padding-bottom: 52px;
	}
}