@charset "UTF-8";

/*--------------------------------------------------------------------
care.html
care.css
--------------------------------------------------------------------*/

/*------------Title---------------------------------------------------------------*/
div#Title { background-image: url(../../img/title/care.jpg); }



/*------------care---------------------------------------------------------------*/
/*------------topTitle------------*/
div#care div#topTitle h3 {
	text-align: center;
	line-height: 1.2;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , Garamond , "Times New Roman" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 3.21em;
	font-weight: bolder;
	color: #6e2775;
}
div#care div#topTitle p {
	width: 64%;
	margin: 20px auto 0;
	padding: 0.35em 0;
	background-color: #6e2775;
	text-align: center;
	line-height: 1.2;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , Garamond , "Times New Roman" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 1.71em;
	font-weight: lighter;
	color: #fff;
}
div#care div#topTitle ul {
	width: 100%;
	margin: 20px auto -15px;
	list-style: none;
	overflow: hidden;
}
div#care div#topTitle ul li {
	width: 230px;
	margin-right: 20px;
	margin-bottom: 15px;
	padding: 20px 0;
	background-color: #cf0073;
	float: left;
	text-align: center;
	line-height: 1.2;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , Garamond , "Times New Roman" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 1.21em;
	font-weight: lighter;
	color: #fff;
}
div#care div#topTitle ul li:nth-child(4n) { margin-right: 0; }

/*------------SubTitle------------*/
div#care div.SubTitle {
	position: relative;
	margin-bottom: 20px;
	padding-left: 200px;
	line-height: 1.2;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , Garamond , "Times New Roman" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 3em;
	font-weight: bolder;
	color: #6e2775;
	overflow: hidden;
}
div#care div.SubTitle span {
	font-size: 2.21rem;
	color: #2a2b2b;
}
div#care div.SubTitle div {
	position: absolute;
	top: 0;
	left: 30px;
}

/*------------without------------*/
div#care div#without ul {
	width: 100%;
	margin-top: 20px;
	margin-bottom: -25px;
	list-style: none;
	overflow: hidden;
}
div#care div#without ul li {
	position: relative;
	width: 310px;
	margin-right: 25px;
	margin-bottom: 25px;
	padding: 20px;
	background-color: #6e2775;
	float: left;
	color: #fff;
}
div#care div#without ul li:nth-child(3n) { margin-right: 0; }
div#care div#without ul li h5 {
	margin-bottom: 10px;
	padding: 0.4em 0;
	background-position: left center;
	background-repeat: no-repeat;
	text-align: right;
	font-size: 1.71em;
	font-weight: bolder;
}
div#care div#without ul li:nth-child(1) h5 { background-image: url(../../img/care/stain_icon01.png); }
div#care div#without ul li:nth-child(2) h5 { background-image: url(../../img/care/stain_icon02.png); }
div#care div#without ul li:nth-child(3) h5 { background-image: url(../../img/care/stain_icon03.png); }
div#care div#without ul li:nth-child(4) h5 { background-image: url(../../img/care/stain_icon04.png); }
div#care div#without ul li:nth-child(5) h5 { background-image: url(../../img/care/stain_icon05.png); }
div#care div#without ul li div {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 0.85em;
}

/*------------CareImg------------*/
div#care div#CareImg {
	width: 100%;
	margin-top: 20px;
	padding: 40px 80px;
	background-color: #cf0073;
	overflow: hidden;
}
div#care div#CareImg div#CareTxt {
	width: 400px;
	float: left;
}
div#care div#CareImg div#CareTxt h4 {
	padding: 0.25em 0;
	background-color: #fff;
	text-align: center;
	line-height: 1.2;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , Garamond , "Times New Roman" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 1.92em;
	color: #cf0073;
}
div#care div#CareImg div#CareTxt dl dt {
	margin-top: 10px;
	text-align: center;
	line-height: 1.2;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , Garamond , "Times New Roman" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 3.14em;
	color: #fff;
}
div#care div#CareImg div#CareTxt dl dd {
	margin-top: 10px;
	text-align: center;
	color: #fff;
}
div#care div#CareImg div#CarePho {
	width: 358px;
	height: 154px;
	background: url(../../img/care/transform_t.png) no-repeat left top;
	float: right;
}
div#care div#CareImg div#CarePho * { display: none; }

/*------------processing------------*/
div#care div#processing div#repellent { margin-top: 30px; }
div#care div#processing div#repellent h4 {
	margin-bottom: 20px;
	text-align: center;
	line-height: 1.2;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , Garamond , "Times New Roman" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 3em;
	color: #cf0073;
}
div#care div#processing div#repellent ul {
	width: 700px;
	margin: 0 auto;
	list-style: none;
	overflow: hidden;
}
div#care div#processing div#repellent ul li {
	width: 320px;
	float: left;
}
div#care div#processing div#repellent ul li:nth-child(2n) { float: right; }
div#care div#processing div#PearlImg {
	width: 700px;
	margin: 20px auto 0;
	overflow: hidden;
}
div#care div#processing div#PearlImg div#PearlVideo {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
div#care div#processing div#PearlImg div#PearlVideo iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
div#care div#processing div#PearlImg div#PearlLink {
	position: relative;
	width: 500px;
	margin: 15px auto 0;
}
div#care div#processing div#PearlImg div#PearlLink a {
	position: relative;
	display: block;
	height: 250px;
	background: url(../../img/care/pearltone_b.jpg) no-repeat left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#care div#processing div#feature { margin-top: 30px; }
div#care div#processing div#feature h4 {
	margin-bottom: 20px;
	padding: 0.25em 0;
	background-color: #6e2775;
	text-align: center;
	line-height: 1.2;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , Garamond , "Times New Roman" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 1.71em;
	color: #fff;
}
div#care div#processing div#feature ol {
	counter-reset: item;
	list-style-type: none;
	padding-left: 0;
	columns: 2;
	padding: 0;
}
div#care div#processing div#feature ol > li {
	display: table;
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
}
div#care div#processing div#feature ol li:nth-child(3) { padding-top: 18px; }
div#care div#processing div#feature ol > li:before {
	counter-increment: item;
	content: '0' counter(item)'.';
	padding: 0.5em;
	background-color: #6e2775;
	font-size: 2.14em;
	font-weight: bold;
	color: #fff;
	float: left;
}
div#care div#processing div#feature ol dl,
div#care div#processing div#feature ol p {
	height: 100%;
	width: 80%;
	margin-left: auto;
	display: table-cell;
	vertical-align: middle;
}
div#care div#processing div#feature ol dl dt,
div#care div#processing div#feature ol p {
	line-height: 1.2;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , Garamond , "Times New Roman" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 1.71em;
	color: #6e2775;
}
div#care div#processing div#feature ol p em { color: #2a2b2b; }
div#care div#processing div#feature ul li {
	padding-left: 1em;
	text-indent: -1em;
	list-style: none;
}
div#care div#processing div#feature div#priceList {
	width: 100%;
	overflow: hidden;
}
div#care div#processing div#feature div.price {
	width: 460px;
	float: left;
}
div#care div#processing div#feature div#Washing { float: right; }
div#care div#processing div#feature div.price h5 {
	padding: 0.55em 0;
	border: 1px solid #bfbfbf;
	border-bottom: 0 none;
	text-align: center;
	line-height: 1.2;
	color: #fff;
}
div#care div#processing div#feature div#Pearlton h5 { background-color: #0052b0; }
div#care div#processing div#feature div#Washing h5 { background-color: #ff085c; }
div#care div#processing div#feature div.price table,
div#care div#processing div#feature div.price table tr th,
div#care div#processing div#feature div.price table tr td { border: 1px solid #bfbfbf; }
div#care div#processing div#feature div.price table tr td:nth-last-of-type(1) { text-align: right; }
div#care div#processing div#feature p#CampTxt {
	margin-top: 0.45em;
	padding-left: 1em;
	text-indent: -1em;
}