@charset "utf-8";

footer .copy {
	bottom: 12px;
}

#naviSP {
	display: none;
}

div#contents-main .products-spec {
	float: left;
}

#container div#navi ul#navilist {
	position: fixed;
	bottom: 90px;
	right: 20px;
	left: auto;
	display: none;
}

#container div#navi ul#navilist li {
	font-size: 2.0rem;
	height: 2.0rem;
	margin-top: 20px;
	letter-spacing: 0.1ex;
	font-family: 'Oswald';
	text-align: right;
	margin-right: 10px;
}

#container #bnr_onlineshop {
	position: fixed;
	bottom: 550px;
	right: 20px;
}

#container #bnr_onlineshop {
	position: fixed;
	top: 17vw;
	left: 30px;
	/* width: 80%; */
}

#container #bnr_onlineshop img {
	width: 300px;
}

#container div#back img {
	position: fixed;
	bottom: 0;
	top: auto;
}

div#contents-main .products-detail {
	margin-left: 200px;
}

div#contents-main .productsD-spec {
	float: left;
}

@media (max-width: 910px) {
	div#header #navilist li {
		font-size: 1.2rem;
	}
}

@media (max-width: 799px) {

	html,
	body {
		font-size: 100%;
		min-width: auto;
		/* background-color: #dcdcdc; */
	}

	#container div#navi ul#navilist li {
		font-size: 1.6rem;
		height: 1.6rem;
		margin-top: 15px;
	}

	#container div#navi div#logos {
		text-align: center;
		width: 100%;
	}

	#container #bnr_onlineshop {
		top: auto;
		left: 13px;
		bottom: 79px;
	}

	#container #bnr_onlineshop img {
		width: 50%;
	}

	div#header {
		background-color: #222;
		position: fixed;
		z-index: 50;
		top: 0;
		height: 60px;
	}

	div#pankuzu {
		position: relative;
		margin-top: 60px;
		background-color: #222;
	}

	#navilist {
		display: none;
	}

	#naviSP {
		display: block;
	}

	.menu-btn {
		width: 40px;
		height: 40px;
		position: fixed;
		top: 10px;
		right: 10px;
		background: none;
		border: none;
		cursor: pointer;
		z-index: 180;
	}

	/* 共通の線 */
	.menu-btn span {
		position: absolute;
		left: 8px;
		width: 24px;
		height: 2px;
		background: #fff;
		transition: transform 0.3s ease, opacity 0.3s ease;
	}

	/* 上の線 */
	.menu-btn span:nth-child(1) {
		top: 14px;
	}

	/* 下の線 */
	.menu-btn span:nth-child(2) {
		top: 24px;
	}

	/* ✕ 状態 */
	.is-open .menu-btn span:nth-child(1) {
		transform: translateY(5px) rotate(45deg);
	}

	.is-open .menu-btn span:nth-child(2) {
		transform: translateY(-5px) rotate(-45deg);
	}

	#navilistSP {
		display: none;
		background: rgba(0, 0, 0, 0.8);
		color: #fff;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		position: fixed;
		top: 0;
		left: 0;
		padding: 20px 20px;
		font-family: 'Oswald';
		z-index: 150;
	}

	.is-open #navilistSP {
		display: block;
	}

	#navilistSP li {
		text-align: left;
		margin-bottom: 8px;
		font-size: 1.1rem;
	}

	#navilistSP li.linkArea {
		padding-left: 20px;
		font-size: 0.9rem;
	}

	#navilistSP li.facebook {
		margin-top: 20px;
	}

	#navilistSP li a {
		color: #fff;
	}

	#navilistSP li a img {
		width: 30px;
	}

	div#header h1 {
		font-size: 1.4rem;
		margin-top: 16px;
		margin-left: 20px;
	}

	div#contents {
		width: 100%;
		padding-bottom: 0;
		margin-bottom: 0;
	}

	div#pankuzu {
		width: calc(100% - 40px);
		padding: 0 20px 10px;
		font-size: 0.8rem;
	}

	div#contents-main {
		width: 100%;
		padding: 0;
	}

	div#contents-main .productsD {
		padding: 20px;
	}

	div#contents-main .productsD-title {
		margin: 0px 0 15px 0;
		height: auto;
		font-size: 1.6rem;
	}

	.productid {
		white-space: nowrap;
	}

	div#contents-main .productsD-spec {
		font-size: 1.0rem;
		width: auto;
		float: none;
	}

	div#contents-main .productsD-spec a {
		font-size: 0.8rem;
	}

	div#contents-main .products-detail {
		font-size: 1.0rem;
		margin-top: 20px;
	}

	div#contents-main .productsD-image img {
		padding: 0;
		border: none;
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}

	div#contents-main .productsD-image {
		margin: 0;
		padding: 20px;
		padding-bottom: 70px;
	}


	#contents-sub-wrapper {
		display: none;
	}

	div#contents-main .products table {
		width: 100%;
		height: auto;
	}

	div#contents-main .produts-list {
		margin: 0 0 0 22%;
	}

	div#contents-main .products img {
		width: 20%;
		height: auto;
	}

	div#contents-main .products-title {
		font-size: 1.1rem;
		padding-right: 5px;
	}

	div#contents-main .products-detail {
		font-size: 0.8rem;
		margin-top: 10px;
		margin-left: 0;
	}

	div#contents-main .products-spec {
		float: none;
		font-size: 0.8rem;
	}

	.productsNaviLink {
		padding-bottom: 70px;

	}

	.categoly-title {
		font-size: 1.4rem;
		margin-left: 5px;
		line-height: 1.6;
	}

	.contents_text {
		margin: 20px !important;
		line-height: 1.7;
		font-size: 0.8rem;
	}

	.contents_notice {
		font-size: 0.7rem;
		margin: 20px 20px 70px !important;
	}

	.w100 {
		width: 100%;
	}

	dl.contents_text_eng {
		padding: 20px 20px 70px;
	}

	dl.contents_text_eng dt {
		margin-bottom: 5px;
		clear: none;
		float: none;
	}

	dl.contents_text_eng dd {
		margin-left: 20px;
	}

	iframe {
		width: 100%;
		height: 300px;
	}

	#contents-main-contact table {
		width: calc(100vw - 25px);

	}

	div#contents-main-contact .notice {
		font-size: 0.8rem;
	}

	div#contents-main-contact .koumoku {
		font-size: 0.8rem;
	}

	#div#contents-main-contact .answer {
		width: auto;
	}

	div#contents-main-other {
		width: calc(100% - 20px);
		font-size: 1.0rem;
		padding-bottom: 70px;
	}

	.contents_notice_eng {
		padding-right: 30px;
		font-size: 0.8rem;
	}

	footer div#fbArea {
		display: none;
	}

	footer,
	footer div#fbArea {
		height: 48px;
	}

	footer .copy {
		font-size: 0.5rem;
	}
}