@charset "utf-8";

.nav-sns {
	position: fixed;
	right: 0px;
	bottom: 10px;
	z-index: 1000;
	width: 480px;
	font-size: 0;
	line-height: 0;
}
.nav-sns__list li img {
	width: 100%;
}

.nav-sns__list li.first {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
}

.nav-sns__list li.first a {
	display: block;
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
}
.nav-sns__list li.twothirds {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}
.nav-sns__list li.twothirds a {
	display: block;
	width: 320px;
	height: auto;
	margin: 0px;
	padding: 0px;
}
.nav-sns__list li.last {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}
.nav-sns__list li.last a {
	display: block;
	width: 160px;
	height: auto;
	margin: 0px;
	padding: 0px;
}


@media screen and (max-width: 553.98px) {
	.nav-sns {
		right: 0;
		bottom: 0px;
		width: 100%;
		font-size: 0;
		line-height: 0;
		background-color: rgba(255,255,255,0.8);
	}
	.nav-sns__list li img {
		max-width: 100%;
	}
	.nav-sns__list li.twothirds {
		width: 66.6%;
	}
	.nav-sns__list li.twothirds a {
		width: 100%;
	}
	.nav-sns__list li.last {
		width: 33.3%;
	}
	.nav-sns__list li.last a {
		width: 100%;
	}
}