@charset "UTF-8";
.snsBox .ytube {
	width: 50px;
	float: left;
}

.tit03x {
}

.tit03x b {
	display: block;
	font-weight: normal;
	line-height: 1.3;
}

.tit03x small {
	display: block;
	line-height: 1;
	font-size: 18px;
	padding-left: 10px;
}

#home .textImgBox10 .box p.title small {
	padding-left: 0px;
}

.inprodu .tit03x {
	margin-bottom: 30px;
}

#home .bg-gray04 {
	width: 100%;
	height: 13%;
	position: absolute;
	right: 0;
	top: 158.6vw;
	z-index: -1;
	background-color: #f5f5f5;
}
#product .midashi h3 {
	margin-bottom: 3%;
}

#works_category .textImgBox06 li p.title {
	padding-bottom: 5px;
	max-width: 200px;
	margin: 0 auto;
}

#mainnav li a {
	display: inline-block;
}

#mainnav li a:hover {
	transition: 0.3s;
	opacity: 0.7;
}

.bxbb a {
	transition: 0.3s;
}

.textImgBox06.bxbb > li {
	padding: 0 0% 0px 0;
	margin-bottom: 20px;
	padding: 7px;
	box-sizing: border-box;
	border: solid 1px #fff;
	transition: 0.3s;
}
.textImgBox06.bxbb > li:not(:nth-child(4n)) {
	margin-right: 2%;
}
.textImgBox06.bxbb > li:hover {
	background: #eee;
}

.bxbb a:hover {
	color: #37d4ff !important;
}
.bxbb .photo > a img {
	max-width: 110%;
	transition: 0.3s;
}
.bxbb .photo > a:hover img {
	width: 110%;
}
.bxbb .photo > a img:hover {
	opacity: 1;
}

#works_category * {
	transition: 0.3s;
}

#works_category .textImgBox06 ul li a {
	transition: 0.3s;
	display: block;
}
#works_category .textImgBox06 .photo img {
	transition: 0.3s;
}
#works_category .textImgBox06 .photo img:hover {
	opacity: 1;
}

#works_category .textImgBox06 ul li a:hover img {
	transform: scale(1.1, 1.1);
}
#works_category .textImgBox06 .photo {
	overflow: hidden;
	max-width: 200px;
	margin: 0 auto;
	padding-bottom: 0px;
	margin-bottom: 5px;
}

#productDetails .textImgBox38 .lead .piece {
	padding-bottom: 20px;
}
#productDetails .textImgBox38 {
	width: 98%;
	margin: 0 auto;
	margin-bottom: 10px;
}
.sample_btn_wp {
}
.sample_btn_wp dt {
	margin-bottom: 5px;
}
.sample_btn_wp dd {
	padding: 10px 0;
	display: none;
}

.sample_btn_wp .sample_on {
	font-family: "Oswald", sans-serif;
	display: inline-block;
	color: #fff;
	background-color: #a1a1a1;
	padding: 8px 14px;
	font-size: 16px;
	transition: 0.3s;
}
.sample_btn_wp .sample_on.on {
	background-color: #787878;
}
.sample_btn_wp .sample_btn {
	font-family: "Oswald", sans-serif;
	display: inline-block;
	color: #fff;
	background-color: #000;
	padding: 6px 12px;
	font-size: 14px;
	transition: 0.3s;
}

.seikyu_box label {
	background: #f5f2e9;
	margin: 0 15px 7px 0;
	padding: 3px 4px;
	display: inline-block;
	position: relative;
	top: -2px;
}
.seikyu_box input {
	background: #fff;
	padding: 5px;
	margin-right: 5px;
	width: 45px;
}

#productDetails .photo_wrap100 {
	margin-bottom: 20px;
}
#productDetails .textImgBox38 .lead {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.sample_btn_wp .sample_btn:hover {
	opacity: 0.7;
}
.seikyu_box > b {
	display: inline-block;
	position: relative;
}
.s_cartin_pop {
	position: absolute;
	overflow: hidden;
	display: inline-block;
	top: -30px;
	right: -30px;
	z-index: -2;
	box-sizing: border-box;
	padding-bottom: 10px;
}
.s_cartin_pop em {
	position: relative;
	box-sizing: border-box;
	background-color: #e96363;
	padding: 1px 7px;
	border-radius: 3px;
	font-size: 10px;
	color: #fff;
	display: inline-block;
	transition: 0.3s;
	opacity: 0;
	z-index: -1;
	bottom: -30px;
}
.s_cartin_pop em::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -7px;
	left: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 7px 0 7px;
	border-color: #e96363 transparent transparent transparent;
}
.s_cartin_pop.on {
	z-index: 2;
}
.s_cartin_pop.on em {
	opacity: 1;
	z-index: 1;
	bottom: 0px;
}

.samplelist_wrap td {
	line-height: 1.4;
}
#productCategory .textImgBox06 .photo a {
	display: block;
	overflow: hidden;
}
#productCategory .textImgBox06 .title a {
	display: inline-block;
}
#productCategory .textImgBox06 .title a:hover {
	display: inline-block;
	color: #37d4ff !important;
}

#productCategory * {
	transition: 0.3s;
}
#productCategory .textImgBox06 .photo a:hover img {
	transform: scale(1.1, 1.1);
}
#productCategory .textImgBox06 .photo a img:hover {
	opacity: 1;
}

/*cart_aside*/
#sc_btn {
	display: inline-block;
	padding: 5px 17px 5px 13px;
	font-size: 18px;
	background: #000;
	color: #fff;
}
#svg_x32 {
	fill: #fff;
	display: inline-block;
	width: 20px;
	margin-right: 5px;
	position: relative;
	top: 1px;
}
.on #svg_x32 {
	fill: #000;
}
.sc_bnt_wrap {
	text-align: right;
}
#sc_btn.on {
	background: #eee;
	color: #000;
}

#sc_btn span {
}
.cart_aside {
	position: fixed;
	right: 0;
	bottom: 0;
	max-width: 400px;
}
.cart_aboxin {
	padding: 15px;
	box-sizing: border-box;
	background-color: #000;
	color: #fff;
}
.cart_abox {
	display: none;
}
.cart_tb {
}
.cart_tb thead {
}
.cart_tb thead th {
	border: solid 1px #eee;
	padding: 1px 2px;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
}

.cart_tb tbody {
}
.cart_tb tbody td {
	border: solid 1px #eee;
	padding: 1px 3px;
	font-size: 12px;
	line-height: 1.3;
}
.cart_tb tbody td:not(:first-child) {
	text-align: center;
}
.cart_tb tbody td a {
	color: #84f4ff;
}
.car_saku {
}
.car_saku a {
}

/*サンプルページ内追加*/

.sample_cart_box {
	margin-bottom: 80px;
}
.sample_cart_box h4 {
	margin: 0 0 15px;
	border-bottom: solid 1px #000;
	border-top: solid 1px #000;
	padding: 10px 16px;
}
.sample_cart_box h4 strong {
	color: #000000;
	font-weight: bold;
	font-size: 24px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
.sample_cart_box .sample_cart_boxin {
	border: 1px solid #efefef;
	padding: 10px;
	margin: 0 auto 30px;
}
.sonotano {
}
.sonotano > p {
	font-weight: bold;
	margin-bottom: 10px;
}

.cart_tb2 {
	border: 1px solid #9fa0a0;
	border-collapse: collapse;
}
.cart_tb2 thead {
}
.cart_tb2 thead th {
	background: #000000;
	text-align: center;
	color: #fff;
	border: 1px solid #9fa0a0;
}

.cart_tb2 tbody {
}
.cart_tb2 tbody td {
	color: #000;
	padding: 10px;
	border: 1px solid #9fa0a0;
	font-size: 13px;
	vertical-align: middle;
}
.cart_tb2 tbody td:not(:first-child) {
	text-align: center;
}
.cart_tb2 tbody td a {
	color: #84f4ff;
}
.cart_tb2 .car_saku {
	padding: 0 3px;
}
.cart_tb2 .car_saku a {
	display: inline-block;
	border: solid 1px #000;
	border-radius: 5px;
	padding: 0 10px;
	background: #eee;
	color: #000;
	overflow: hidden;
	margin-top: 5px;
}
#cwcw_inp {
	display: none;
}

@media screen and (max-width: 700px) {
	#productDetails .photo_wrap100 {
	}
	#productDetails .photo_wrap100 .photo {
		float: none;
		width: 100%;
	}
	#productDetails .photo_wrap100 .lead {
		float: none;
		width: 100%;
	}
}
@media screen and (max-width: 591px) {
	.citem_box2 {
		overflow-x: auto;
	}
	.cart_tb2 {
		width: 200%;
	}
	#works_category .textImgBox06 .photo img {
		transition: 0.3s;
		height: auto;
	}
}

.textImgBox06.exuls > li {
	transition: 0.3s;
	margin-bottom: 20px;
	padding: 7px;
	box-sizing: border-box;
	transition: 0.3s;
}
.textImgBox06.exuls > li:not(:nth-child(4n)) {
	margin-right: 2%;
}
.textImgBox06.exuls > li:hover {
	background: #eee;
}
.textImgBox06.exuls > li a {
	transition: 0.3s;
}
.textImgBox06.exuls > li a:hover {
	color: #37d4ff !important;
}

.textImgBox02 .spr_exul li {
	padding: 7px;
	margin-bottom: 60px;
	box-sizing: border-box;
	transition: 0.3s;
}
.textImgBox02 .spr_exul li:hover {
	background: #eee;
}
.textImgBox02 .spr_exul li:not(:nth-child(2n)) {
	margin-right: 4%;
}
.textImgBox02 .spr_exul li .photo {
}
.textImgBox02 .spr_exul li .photo a {
	display: block;
	overflow: hidden;
}
.textImgBox02 .spr_exul li .photo a img {
	transition: 0.3s;
}
.textImgBox02 .spr_exul li .photo a img:hover {
	transform: scale(1.1, 1.1);
	opacity: 1;
}
.textImgBox02 .spr_exul li a {
	transition: 0.3s;
}
.textImgBox02 .spr_exul li a:hover {
	color: #37d4ff !important;
}

.sampleb_wwp {
	margin-top: 15px;
}

.sampleb_wwp a {
	display: inline-block;
	font-size: 14px;
	border: solid 1px #fff;
	background: #eee;
	padding: 0 8px;
}
.sampleb_wwp a span {
}
.sm_wpx a {
	display: inline-block;
}
.sm_wpx a:hover {
	opacity: 0.6;
}
.sm_wpx a img:hover {
	opacity: 1;
}
.sm_wpx small {
	display: block;
	font-size: 10px;
	position: relative;
}
.sm_wpxx small {
	text-align: center;
}
.sm_wpx small::before,
.sm_wpx small::after {
	content: "－";
	display: inline-block;
}

#home .textImgBox57 .box02 {
	margin-left: 6%;
}
header {
	padding: 0.5% 0;
}
#mainnav li {
	padding: 10px 0;
}

@media screen and (max-width: 1194px) {
	.textImgBox06.bxbb > li {
		margin-right: 4% !important;
		margin-bottom: 4%;
	}
	.textImgBox06.bxbb > li:nth-child(2n) {
		margin-right: 0% !important;
	}
	.textImgBox06.exuls > li {
		margin-bottom: 4%;
		margin-right: 4% !important;
	}
	.textImgBox06.exuls > li:nth-child(2n) {
		margin-right: 0% !important;
	}
	.textImgBox02 .spr_exul li:not(:nth-child(2n)) {
		margin-right: 0%;
	}
}