@charset "UTF-8";

/* モバイルレイアウト : 480 px およびそれ以下. */
/* article.title */
article.title hgroup {
	width:95%;
	margin:0 auto 10px auto;
}
article.title hgroup h1 {
	font-size:1.3em;
	font-weight:bold;
}
/* article.contents */
article.contents {
	clear:both;
	margin:0 auto 20px auto;
}
/* section.head */
article.contents section.head {
	margin:10px auto;
	padding:5px;
}
article.contents section.head p {
	font-size:0.9em;
	line-height:1.5;
	color:#666;
	margin-bottom:20px;
}
article.contents section.head h2 {
	font-size:1.3em;
	<strong>font-weight:bold;
	/*font-family:serif;*/
	margin-bottom:20px;
	padding:0 10px;
}
article.contents section.head img { display:none; }
/* img.main_image */
article.contents img.main_image { display:none; }
/* section.cleaning */
article.contents section.cleaning {
	border:solid 1px #ccc;
	width:95%;
	margin:0 auto 10px auto;
	padding:5px;
}
article.contents section.cleaning img {
	display:block;
	margin:5px auto;
}
article.contents section.cleaning strong.copy img { margin:0 0 5px 0; }
article.contents section.cleaning strong.copy {
	display:block;
	border-bottom:dotted 1px #ccc;
	font-size:1.0em;
	/*font-family:serif;*/
	color:#06f;
	margin-bottom:10px;
	padding-bottom:5px;
}
article.contents section.cleaning p {
	font-size:0.8em;
	line-height:1.5;
	color:#666;
	margin:5px auto;
}
article.contents section.cleaning dl.merit {
	background-color:#eee;
	border-radius:3px;
	padding:5px;
}
article.contents section.cleaning dl.merit dt {
	font-size:1.0em;
	font-weight:bold;
	margin-bottom:5px;
}
article.contents section.cleaning dl.merit dd {
	font-size:0.8em;
	color:#666;
	padding-left:30px;
}
article.contents section.cleaning dl.merit dd ul li {
	list-style-type:disc;
	line-height:1.5;
	margin:2px auto;
}
article.contents section.cleaning dl.point {
	background-color:#eee;
	border-radius:3px;
	width:90%;
	margin:5px auto;
	padding:5px;
}
article.contents section.cleaning dl.point dt {
	font-size:1.0em;
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
}
article.contents section.cleaning dl.point dd {
	font-size:0.8em;
	line-height:1.5;
	color:#666;
	padding:0 5px;
}
/* h3 */
article.contents h3 img {
	display:block;
	margin:0 auto;
}
/* strong */
article.contents h3 strong {
	display:block;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}
/* section.address */
article.contents section.address ul {
	border-bottom:dotted 1px #ccc;
	margin-bottom:5px;
	padding:5px 15px;
}
article.contents section.address ul:last-child { border:none; }
article.contents section.address ul li {
	font-size:0.9em;
	line-height:1.5;
	margin-bottom:2px;
}

/* タブレットレイアウト : モバイルレイアウトからスタイルを継承。 */
@media only screen and (min-width: 481px) {
/* article.contents */
article.contents { width:95%; }
/* section.head */
article.contents section.head {
	margin:10px auto;
	padding:5px;
}
article.contents section.head p { width:80%; }
article.contents section.head h2 {
	border-bottom:solid 2px #ccc;
	padding:2px 10px;
}
article.contents section.head img {
	display:inherit;
	position:relative;
	top:-135px;
	left:83%;
	margin-bottom:-120px;
}
/* img.main_image */
article.contents img.main_image {
	display:block;
	margin:0 auto 20px auto;
}
/* section.cleaning */
article.contents section.cleaning img {
	display:inline;
	margin:5px;
}
article.contents section.cleaning strong {
	vertical-align:top;
}
article.contents section.cleaning strong.copy img { margin:0 10px -5px 0; }
article.contents section.cleaning strong.copy span { padding-top:10px; }
article.contents section.cleaning p.text01 {
	float:left;
	width:46%;
	padding:0 10px;
}
article.contents section.cleaning ul.list01 {
	clear:both;
	margin:0 80px;
}
article.contents section.cleaning ul.list01 li {
	float:left;
	background:url(../images/next_mark02.gif) 100% 0 no-repeat;
	padding-right:25px;
}
article.contents section.cleaning ul.list01 li:last-child { background:none; }
article.contents section.cleaning p.text02 {
	float:left;
	width:49%;
	padding:0 10px;
}
article.contents section.cleaning dl.merit {
	float:right;
	width:45%;
	margin-bottom:10px;
}
article.contents section.cleaning ul.list02 {
	clear:both;
	margin:0 60px;
	padding:0 10px;
}
article.contents section.cleaning ul.list02 li {
	float:left;
	background:url(../images/next_mark03.gif) 0 0 no-repeat;
	padding-left:25px;
}
article.contents section.cleaning ul.list02 li:first-child { background:url(../images/photo_title.gif) 0 5px no-repeat; }
article.contents section.cleaning p.text03 {
	clear:both;
	padding:0 10px;
}
article.contents section.cleaning p.text04 { padding:0 10px; }
article.contents section.cleaning dl.point {
	float:left;
	width:30%;
	height:150px;
	margin:0 6px;
}
/* h3 */
article.contents h3 img {
	display:inline;
	margin:0 auto;
}
/* strong */
article.contents h3 strong {
	display:inline;
	position:relative;
	top:-11px;
	left:5px;
	font-size:1.3em;
	margin-bottom:10px;
}
/* section.address */
article.contents section.address ul {
	border-bottom:dotted 1px #ccc;
	margin-bottom:5px;
	padding:5px 15px;
}
article.contents section.address ul:last-child { border:none; }
article.contents section.address ul li {
	float:left;
	margin-right:10px;
}
article.contents section.address ul li.shop_name {
	width:100%;
	font-size:1.0em;
	font-weight:bold;
}
article.contents section.address ul li.building { width:350px; }
}

/* デスクトップレイアウト : モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */
@media only screen and (min-width: 1000px) {
/* article.contents */
article.contents { width:980px; }
/* section.head */
article.contents section.head p { width:800px; }
article.contents section.head img {
	position:relative;
	top:-135px;
	left:85%;
	margin-bottom:-120px;
}
/* section.cleaning */
article.contents section.cleaning { width:980px; }
article.contents section.cleaning p.text01 {
	width:570px;
	margin-right:20px;
}
article.contents section.cleaning img.before {
	background:url(../images/next_mark01.gif) 100% 0 no-repeat;
	margin-right:0;
	padding-right:25px;
}
article.contents section.cleaning ul.list01 { margin:0; }
article.contents section.cleaning ul.list01 li { padding-right:20px; }
article.contents section.cleaning ul.list01 li:last-child { padding:0; }
article.contents section.cleaning section {
	float:left;
	width:450px;
	margin-bottom:-245px;
}
article.contents section.cleaning section p.text02 {
	float:none;
	width:430px;
}
article.contents section.cleaning section dl.merit {
	float:none;
	width:430px;
}
article.contents section.cleaning section dl.merit dd ul {
	float:left;
	margin:0 20px;
}
article.contents section.cleaning ul.list02 {
	float:right;
	margin:0;
}
article.contents section.cleaning p.text03 {
	width:450px;
	margin-left:500px;
}
article.contents section.cleaning dl.point {
	float:left;
	width:250px;
	height:120px;
	margin:0 32px;
	padding:5px;
}

article.contents section.address ul li{
	width:100%;
}
/* section.address */
article.contents section.address ul li.shop_name {
	width:200px;
	height:40px;
	font-size:0.9em;
	font-weight:normal;
}
article.contents section.address ul li.building {
	width:350px;
}
}