@charset "UTF-8";
/* ----------------------------------------------------------------
   メンテナンス＞ケミカルボトル カテゴリ 単品商品ページ
   ---------------------------------------------------------------- */

.pro-set tbody:before,
.set-item:before {
	display: block;
	margin: 2em 0 .5em;
	padding: .5em auto .5em;
	font-size: 116.7%;
	font-weight:bold;
}
.pro-set tbody:before {
	width: 100%;
	height: auto;
	margin: .5em 0;
	padding-top: 1.5em;
	/*background-size: auto 74px;
	background-repeat: no-repeat;
	background-position: right;*/
	font-weight: normal;
}
.pn-72310-01:before,
.pn-72310-02:before,
.pn-72310-20:before {
	content:"● 対応中栓（入数：1点）";
}
.pn-72014---:before,
.pn-72300-02:before,
.pn-72300-20:before {
	content:"● 対応キャップ（入数：1点）";
}
body:not(.pid-5797) .pn-40014-04:before,
body:not(.pid-5803) .pn-40014-04:before,
body:not(.pid-5804) .pn-40014-04:before,
body.pid-5797 .pn-40016-04:before, 
body.pid-5803 .pn-40016-18:before,
body.pid-5804 .pn-40016-18:before {/*ケアシャンプー(撥水) 18Lのみ対応のケミカルボトル No.3 100ml(pid=5804) */
	content:"● 対応ケミカル";
}
.pn-74001-10:before,/*ケアシャンプー用ラベル(コード:74001-10)の頭にタイトル表示*/
.pn-74001-13:before,/*ケアコンディショナー用ラベル(コード:74001-13)の頭にタイトル表示*/
.pn-74001-05:before,/*ボディシャンプー用ラベル(コード:74001-05)*/
body.pid-5797 .pn-74001-11:before,/*ケアシャンプー（撥水）用ラベル(コード:74001-11)のみ対応のPET素材No.3 200ml(pid=5797)*/
body.pid-5801 .pn-74001-13:before,/*ケアコンディショナー用ラベル(コード:74001-11)のみ対応のPET素材No.21 100ml(pid=5801)*/
body.pid-5845 .pn-74001-13:before,/*ケアコンディショナー用ラベル(コード:74001-11)のみ対応のPET素材No.21 100ml(pid=5845)*/
body.pid-5846 .pn-74001-13:before,/*ケアコンディショナー用ラベル(コード:74001-11)のみ対応のPET素材No.21 100ml(pid=5846)*/
body.pid-5847 .pn-74001-13:before,/*ケアコンディショナー用ラベル(コード:74001-11)のみ対応のPET素材No.21 100ml(pid=5847)*/
body.pid-5848 .pn-74001-13:before,/*ケアコンディショナー用ラベル(コード:74001-11)のみ対応のPET素材No.21 100ml(pid=5848)*/
.pn-xxxxx-xx:before {
	content:"● 対応ラベル";
}
.pn-xxxxx-xx:before {
	content:"● 対応ラベル（クリーナーには汎用ラベルをご使用ください）";
}
.pn-xxxxx-xx:before {
	content:"● 対応ラベル（シャンプーには汎用ラベルをご使用ください）";
}

/* -------- 適合中栓・キャップ サムネイル表示 class名 --------
   -------- "pn-*******" *=商品コード -------- */

/* サムネイル表示 PC用基本設定 */
.pn-72310-01>tr>td:first-child .pro-set-name,
.pn-72310-02>tr>td:first-child .pro-set-name,
.pn-72310-04>tr>td:first-child .pro-set-name,
.pn-72310-07>tr>td:first-child .pro-set-name,
.pn-72310-12>tr>td:first-child .pro-set-name,
.pn-72310-20>tr>td:first-child .pro-set-name,
.pn-72014--->tr>td:first-child .pro-set-name,
.pn-72300-02>tr>td:first-child .pro-set-name,
.pn-72300-03>tr>td:first-child .pro-set-name,
.pn-72300-06>tr>td:first-child .pro-set-name,
.pn-72015--->tr>td:first-child .pro-set-name,
.pn-72016-01>tr>td:first-child .pro-set-name,
.pn-72300-10>tr>td:first-child .pro-set-name,
.pn-72013--->tr>td:first-child .pro-set-name,
.pn-72300-21>tr>td:first-child .pro-set-name,
.pn-72300-20>tr>td:first-child .pro-set-name,
.pn-72300-20-01>tr>td:first-child .pro-set-name,
.pn-72014-01>tr>td:first-child .pro-set-name,
.pn-72014-01-01>tr>td:first-child .pro-set-name,
.pn-xxxxx-xx>tr>td:first-child .pro-set-name {
	float: left;
	width: calc(100% - 60px - 1em);
}
.pn-72310-01>tr>td:first-child:before,
.pn-72310-02>tr>td:first-child:before,
.pn-72310-04>tr>td:first-child:before,
.pn-72310-07>tr>td:first-child:before,
.pn-72310-12>tr>td:first-child:before,
.pn-72310-20>tr>td:first-child:before,
.pn-72014--->tr>td:first-child:before,
.pn-72300-02>tr>td:first-child:before,
.pn-72300-03>tr>td:first-child:before,
.pn-72300-06>tr>td:first-child:before,
.pn-72015--->tr>td:first-child:before,
.pn-72016-01>tr>td:first-child:before,
.pn-72300-10>tr>td:first-child:before,
.pn-72013--->tr>td:first-child:before,
.pn-72300-21>tr>td:first-child:before,
.pn-72300-20>tr>td:first-child:before,
.pn-72300-20-01>tr>td:first-child:before,
.pn-72014-01>tr>td:first-child:before,
.pn-72014-01-01>tr>td:first-child:before,
.pn-xxxxx-xx>tr>td:first-child:before {
	content:"";
	float: left;
	width: 60px;
	height: calc(60px * (466 / 600));
	margin-right: 1em;
	background-size: 60px auto;
	background-repeat: no-repeat;
	background-position: left;
}

/* サムネイル表示 SP用基本設定 */
.set-item.pn-72310-01 .set-item-head,
.set-item.pn-72310-02 .set-item-head,
.set-item.pn-72310-04 .set-item-head,
.set-item.pn-72310-07 .set-item-head,
.set-item.pn-72310-12 .set-item-head,
.set-item.pn-72310-20 .set-item-head,
.set-item.pn-72014--- .set-item-head,
.set-item.pn-72300-02 .set-item-head,
.set-item.pn-72300-03 .set-item-head,
.set-item.pn-72300-06 .set-item-head,
.set-item.pn-72015--- .set-item-head,
.set-item.pn-72016-01 .set-item-head,
.set-item.pn-72300-10 .set-item-head,
.set-item.pn-72013--- .set-item-head,
.set-item.pn-72300-21 .set-item-head,
.set-item.pn-72300-20 .set-item-head,
.set-item.pn-72300-20-01 .set-item-head,
.set-item.pn-72014-01 .set-item-head,
.set-item.pn-72014-01-01 .set-item-head,
.set-item.pn-xxxxx-xx .set-item-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.set-item.pn-72310-01 .set-item-head:after,
.set-item.pn-72310-02 .set-item-head:after,
.set-item.pn-72310-04 .set-item-head:after,
.set-item.pn-72310-07 .set-item-head:after,
.set-item.pn-72310-12 .set-item-head:after,
.set-item.pn-72310-20 .set-item-head:after,
.set-item.pn-72014--- .set-item-head:after,
.set-item.pn-72300-02 .set-item-head:after,
.set-item.pn-72300-03 .set-item-head:after,
.set-item.pn-72300-06 .set-item-head:after,
.set-item.pn-72015--- .set-item-head:after,
.set-item.pn-72016-01 .set-item-head:after,
.set-item.pn-72300-10 .set-item-head:after,
.set-item.pn-72013--- .set-item-head:after,
.set-item.pn-72300-21 .set-item-head:after,
.set-item.pn-72300-20 .set-item-head:after,
.set-item.pn-72300-20-01 .set-item-head:after,
.set-item.pn-72014-01 .set-item-head:after,
.set-item.pn-72014-01-01 .set-item-head:after,
.set-item.pn-xxxxx-xx .set-item-head:after {
	flex-shrink: 0;
	content: "";
	width: 64px;
	height: calc(64px * 932 / 1200);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	background-image: url("/uploads/products/img05_yoki/nakasen/72310-02_main.jpg");
}

/* サムネイル表示 画像指定 */
.pn-72310-01>tr>td:first-child:before,
.set-item.pn-72310-01 .set-item-head:after {
	background-image: url("/uploads/products/img05_yoki/nakasen/72310-01_main.jpg");
}
.pn-72310-02>tr>td:first-child:before,
.set-item.pn-72310-02 .set-item-head:after {
	background-image: url("/uploads/products/img05_yoki/nakasen/72310-02_main.jpg");
}
.pn-72310-04>tr>td:first-child:before,
.set-item.pn-72310-07 .set-item-head:after {
	background-image: url("/uploads/products/img05_yoki/nakasen/72310-04_main.jpg");
}
.pn-72310-07>tr>td:first-child:before,
.set-item.pn-72310-07 .set-item-head:after {
	background-image: url("/uploads/products/img05_yoki/nakasen/72310-07_main.jpg");
}
.pn-72310-12>tr>td:first-child:before,
.set-item.pn-72310-12 .set-item-head:after {
	background-image: url("/uploads/products/img05_yoki/nakasen/72310-12_main.jpg");
}
.pn-72310-20>tr>td:first-child:before,
.set-item.pn-72310-20 .set-item-head:after {
	background-image: url("/uploads/products/img05_yoki/nakasen/72310-20_main.jpg");
}
.pn-72014--->tr>td:first-child:before,
.set-item.pn-72014--- .set-item-head:after {
	background-image: url("/uploads/products/img05_yoki/cap/72014_main.jpg");
}
.pn-72300-02>tr>td:first-child:before,
.set-item.pn-72300-02 .set-item-head:after {
	background-image: url("/uploads/products/img05_yoki/cap/72300-02_main.jpg");
}
.pn-72300-03>tr>td:first-child:before,
.set-item.pn-72300-03 .set-item-head:after {
	background-image: url("/uploads/products/img05_yoki/cap/72300-03_main.jpg");
}
.pn-72300-06>tr>td:first-child:before,
.set-item.pn-72300-06 .set-item-head:after {
	background-image: url("/uploads/products/img05_yoki/cap/72300-06_main.jpg");
}
.pn-72015--->tr>td:first-child:before,
.set-item.pn-72015--- .set-item-head:after {
	background-image: url("/uploads/products/img05_yoki/cap/72015_main.jpg");
}
.pn-72016-01>tr>td:first-child:before,
.set-item.pn-72016-01 .set-item-head:after {
	background-image: url("/uploads/products/img05_yoki/cap/72016-01_main.jpg");
}
.pn-72300-10>tr>td:first-child:before,
.set-item.pn-72300-10 .set-item-head:after {
	background-image: url("/uploads/products/img05_yoki/cap/72300-10_main.jpg");
}
.pn-72013--->tr>td:first-child:before,
.set-item.pn-72013--- .set-item-head:after {
	background-image: url("/uploads/products/img05_yoki/cap/72013_main.jpg");
}
.pn-72300-21>tr>td:first-child:before,
.set-item.pn-72300-21 .set-item-head:after {
	background-image: url("/uploads/products/img05_yoki/cap/72300-21_main.jpg");
}
.pn-72300-20>tr>td:first-child:before,
.set-item.pn-72300-20 .set-item-head:after {
	background-image: url("/uploads/products/img05_yoki/cap/72300-20_main.jpg");
}
.pn-72300-20-01>tr>td:first-child:before,
.set-item.pn-72300-20-01 .set-item-head:after {
	background-image: url("/uploads/products/img05_yoki/cap/72300-20-01_main.jpg");
}
.pn-72014-01>tr>td:first-child:before,
.set-item.pn-72014-01 .set-item-head:after {
	background-image: url("/uploads/products/img05_yoki/cap/72014-01_main.jpg");
}
.pn-72014-01-01>tr>td:first-child:before,
.set-item.pn-72014-01-01 .set-item-head:after {
	background-image: url("/uploads/products/img05_yoki/cap/72014-01-01_main.jpg");
}

/* ケミカル200mlセットと組み立てキット比較部分 */
.mc-compare-wrap {
	display: flex;
	margin: 40px 20px;
}
.mc-compare-wrap img {
	width: 100%;
	max-width: 100%;
}
.mc-compare-wrap .mc-compare-col {
	flex-basis: 50%;
	border: 1px solid #d0d0d0;
	box-sizing: border-box;
}
.mc-compare-wrap .mc-compare-col:last-child {
	border-left: 0;
}
.mc-compare-wrap .mc-compare-col h4 {
	margin: 0;
	padding: 1em;
	background: #dcdadb;
	text-align: center;
}
.mc-compare-wrap .mc-compare-col .mc-compare-col-body {
	padding: 20px 50px;
	font-size: 92.3%;
}
.mc-compare-wrap .mc-compare-col .mc-compare-col-body p {
	margin: 20px 0;
}
.mc-compare-wrap .mc-compare-col .mc-compare-col-body .mc-compare-unit {
	margin: 0 0 20px;
	padding: .5em;
	text-align: center;
	background: #f2f2d7;
}
.mc-compare-wrap .mc-compare-col:last-child .mc-compare-col-body .mc-compare-unit {
	background: #e1e7f2;
}
.mc-compare-wrap .mc-compare-col .mc-compare-col-body .mc-compare-unitprice {
	color: #c00;
}
.mc-compare-wrap .mc-compare-col .mc-compare-col-body .mc-compare-gen-img {
	display: block;
	margin: 20px 0;
}
.mc-compare-wrap .mc-compare-col h5 {
	margin: auto -20px .5em;
	text-align: center;
}
.mc-compare-wrap .mc-compare-col .mc-compare-col-body .mc-compare-accs {
	margin: auto -20px;
}
.mc-compare-wrap .mc-compare-col .mc-compare-col-body .mc-compare-note {
	font-size: 76.9%;
}

.mc-semiorder-wrap {
	margin: 60px 20px;
}

/* -- スマホ用 -- */
.ui-mobile .set-item:before {
	width: auto;
	padding: .5em 0;
	background-color: #fafafa;
	border-top: 1px solid #ccc;
	border-bottom: 1px dotted #ccc;
}
.ui-mobile .pn-40014-04:before {
}
@media screen and (max-width:599px) {
	.ui-mobile .mc-compare-wrap {
		flex-direction: column;
	}
	.ui-mobile .mc-compare-wrap .mc-compare-col {
		flex-basis: auto;
	}
	.ui-mobile .mc-compare-wrap .mc-compare-col:last-child {
		border: 1px solid #d0d0d0;
	}
	.ui-mobile .mc-compare-wrap .mc-compare-col .mc-compare-col-body {
		padding: 20px 40px;
		font-size: 100%;
	}
	.ui-mobile .mc-compare-wrap .mc-compare-col h4 {
		font-size: 107.7%;
	}
}