@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: 94%;
	margin: 20px auto 0;
	padding: 0.35em 1em;
	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: 48%;
	margin-right: 4%;
	margin-bottom: 15px;
	padding: 20px 0.35em;
	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(2n) { margin-right: 0; }

/*------------SubTitle------------*/
div#care div.SubTitle {
	position: relative;
	margin-bottom: 20px;
	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 { display: none; }

/*------------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: 100%;
	margin-bottom: 25px;
	padding: 20px;
	background-color: #6e2775;
	color: #fff;
}
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 {
	margin-top: 5px;
	text-align: right;
	font-size: 0.85em;
}

/*------------CareImg------------*/
div#care div#CareImg {
	width: 100%;
	margin-top: 20px;
	padding: 40px 20px;
	background-color: #cf0073;
	overflow: hidden;
}
div#care div#CareImg div#CareTxt {}
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: 2.78em;
	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: 100%;
	height: 0;
	margin-top: 20px;
	padding-top: 43.01675977653631%;
	background: url(../../img/care/transform_t.png) no-repeat left top;
	background-size: cover;
}
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: 100%;
	margin: 0 auto;
	list-style: none;
	overflow: hidden;
}
div#care div#processing div#repellent ul li:nth-child(2n) { margin-top: 20px; }
div#care div#processing div#PearlImg ul {
	width: 100%;
	margin-top: 20px;
	list-style: none;
	overflow: hidden;
}
div#care div#processing div#PearlImg ul li:nth-child(2n) { margin-top: 20px; }
div#care div#processing div#PearlImg {
	width: 100%;
	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: 80%;
	margin: 15px auto 0;
}
div#care div#processing div#PearlImg div#PearlLink span {
	display: block;
	width: 100%;
}
div#care div#processing div#PearlImg div#PearlLink a {
	position: relative;
	display: block;
	height: 0;
	padding-top: 50%;
	background: url(../../img/care/pearltone_b.jpg) no-repeat left top;
	background-size: cover;
	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;
}
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: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: 70%;
	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 {}
div#care div#processing div#feature div#Washing { margin-top: 20px; }
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 { border: 1px solid #bfbfbf; }
div#care div#processing div#feature div.price table tr th,
div#care div#processing div#feature div.price table tr td {
	display: table-cell;
	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;
}