/* =================================
	NIGEHAJI Cleaning CSS
================================= */

/*	reset
============================== */

.cmn main {
	background-image:url(../img/cmn_brd_bg_prp.jpg);
}
@media all and (min-width: 768px) {
.cmn main {
	border-color:#33b2b2;
}
.cmn main div.brd {
	background-image:none;
}
.cmn main div.brd,
.cmn main div.brd > div.inner {
	background-image:none;
}
}
@media all and (max-width: 767px) {
.cmn main div.brd {
	background-image:none;
}
.cmn main {
	border-color:#33b2b2;
}
}

/*	h1
============================== */
.cleaning main div.brd h1 {
	background-image:url(../img/cleaning_h1.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.cleaning main div.brd h1 span {
	display:block;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
}
@media all and (min-width: 768px) {
.cleaning main div.brd h1 span {
	height:230px;
}
}
@media all and (max-width: 767px) {
.cleaning main div.brd h1 {
	background-size:cover;
	position:relative;
	height:0;
	padding-top:35.49382716%;
}
.cleaning main div.brd h1 span {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}

/*	copy
============================== */
.cleaning div.copy {
	background-color:hsla(0,0%,100%,0.5);
}
.cleaning div.copy p {
	line-height:1.6;
}
@media all and (min-width: 768px) {
.cleaning div.copy {
	padding:0 30px 30px;
	margin-bottom:20px;
}
.cleaning div.copy p {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
.cleaning div.copy {
	padding:0 15px 15px;
	margin-bottom:15px;
}
.cleaning div.copy p {
	font-size:83%;
}
}

/*	main
============================== */
article.main, article.memo {
	background-color:hsla(0,0%,100%,0.5);
}
article.main h2 {
	background-color:#33b2b2;
	padding:0.75em;
}
article.main h2 span {
	display:block;
	color:#fff;
	line-height:1.5;
	text-shadow:1px 1px 0 #189090, -1px 1px 0 #189090, -1px -1px 0 #189090, 1px -1px 0 #189090, 0 0 3px hsla(180,71%,30%,0.5);
}
article.memo h3 {
	color:#33b2b2;
	line-height:1.5;
	text-align:center;
	padding:0 1.5em;
}
article.memo h3 > span {
	background-color:#fff;
}

article.main h3, article.memo h4 {
	color:#33b2b2;
	text-shadow:1px 1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 0 0 3px hsla(180,71%,30%,0.8);
	line-height:1.5;
	margin-bottom:0.75em;
}
article.main h3:before, article.memo h4:before {
	content:"● ";
	font-family: sans-serif;
}
article.main ol {
	list-style-type:decimal;
	margin-left:2em;
}
article.main ul:not(.kome){
	list-style-type:disc;
	margin-left:2em;
}
article.main ol li,
article.main ul:not(.kome) li {
	line-height:1.5;
	margin-bottom:0.25em;
}
article.main ol li span,
article.main ul li span {
	display:block;
}
article.main ol li span.mgb1em,
article.main ul li span.mgb1em {
	margin-bottom:1.25em;
}

article.main ol li span.point,
article.main ul li span.point {
	color:#0c7b7b;
	background-color:#fff;
	margin-bottom:0.5em;
}
article.main ol li span.point b,
article.main ul li span.point b {
	display:inline-block;
	text-align:center;
	background-color:#33b2b2;
	color:#fff;
	margin-right:0.5em;
}

article.memo p,
article.main p {
	line-height:1.5;
	margin-bottom:1em;
}

@media all and (min-width: 768px) {
article.main, article.memo {
	margin-bottom:30px;
}
article.main > div.inner section:not(:last-child),
article.memo > div.inner section:not(:last-child) {
	margin-bottom:30px;
}
article.main > div.inner, article.memo > div.inner {
	padding:20px;
}
article.main h2 span {
}
article.main section > ol li,
article.main section > ul li,
article.memo p,
article.main p {
	font-size:87.5%;
}
article.memo h3 {
	padding-top:20px;
}


}
@media all and (max-width: 767px) {
article.main, article.memo {
	margin-bottom:20px;
}
article.main > div.inner, article.memo > div.inner {
	padding:10px;
}
article.main > div.inner section:not(:last-child),
article.memo > div.inner section:not(:last-child) {
	margin-bottom:20px;
}
article.main h2 span {
	font-size:87.5%;
}
article.main section > ol li,
article.main section > ul li,
article.memo p,
article.main p {
	font-size:83%;
}
article.memo h3 {
	padding-top:10px;
	font-size:87.5%;
}
article.main h3, article.memo h4 {
	font-size:87.5%;
}


}


/*	picture (reset)
============================== */
div.pic-basic p {
	border:1px solid #c2a4d6;
}
div.pic-basic p span {
	background-color:#f0d7fa;
}
@media all and (min-width: 768px) {
div.pic-basic {
	padding:0 53px;
}
div.pic-basic p {
	box-shadow:0 6px #f0d2fa;
}
}
@media all and (max-width: 767px) {
div.pic-basic p {
	width:254px;
	box-shadow:0 4px #f0d2fa;
}
div.pic-basic p span, div.pic-basic p img {
	width:246px;
	height:164px;
}
}


/*	picture (small)
============================== */
div.pic-small {
}
div.pic-small span,
div.pic-small2 span {
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#f0d7fa;
	background-size:cover;
}
div.pic-small span img,
div.pic-small2 span img {
	display:block;
}
@media all and (min-width: 768px) {
div.pic-small {
	width:280px;
	margin:0 auto 20px;
}
div.pic-small span img {
	width:280px;
	height:163px;
}

div.pic-small2 {
	width:400px;
	margin:0 auto 20px;
}
div.pic-small2 span img {
	height:150px;
}
}
@media all and (max-width: 767px) {
div.pic-small {
	width:200px;
	margin:0 auto 10px;
}
div.pic-small span img {
	height:117px;
}
div.pic-small2 {
	width:250px;
	margin:0 auto 10px;
}
div.pic-small2 span img {
	height:94px;
}
}

/*	profile
============================== */
div.profile {
	background-color:hsla(0,0%,100%,0.7);
}
div.profile div.pics, div.profile div.pics span {
	width:220px;
	height:340px;
}
div.profile div.pics span {
	background-repeat:no-repeat;
	background-size:cover;
}
div.profile p:first-child {
	color:#33b2b2;
	line-height:1.5;
	border-left:6px solid #33b2b2;
	padding:4px 10px 4px 6px;
	margin-bottom:0.5em;
}
div.profile p.lines {
	margin-bottom:1em !important;
}
div.profile p.bears {
	text-align:center;
	line-height:1.5;
	background-color:#c2e8e8;
	padding:0.5em 0;
}
@media all and (min-width: 768px) {
div.profile {
	padding:20px;
	margin-bottom:30px;
}
div.profile:after {
	content:"";
	display:block;
	clear:both;
}
div.profile div.pics {
	float:left;
	z-index: 2;
	position: relative;
}
div.profile p.lines {
	padding-left:235px;
}
div.profile p.bears {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
div.profile {
	padding:10px;
	margin-bottom:20px;
}
div.profile div.pics {
	margin:0 auto 15px;
}
div.profile p:first-child {
	font-size:87.5%;
}
div.profile p.bears {
	font-size:83%;
}
}


/*	backnumber
============================== */
section.bknum {
	background-color:hsla(0,0%,100%,0.5);
}
section.bknum h2 {
	background-color:#33b2b2;
	padding:0.75em;
}
section.bknum h2 span {
	display:block;
	color:#fff;
	line-height:1.5;
	text-shadow:1px 1px 0 #189090, -1px 1px 0 #189090, -1px -1px 0 #189090, 1px -1px 0 #189090, 0 0 3px hsla(180,71%,30%,0.5);
}
section.bknum ul li:nth-child(even) {
	/* background-color:hsla(280,18%,88%,0.6); */
	background-color:#f6e4ff;
}
section.bknum ul li a {
	display:block;
	text-decoration:none;
	color:#0c7b7b;
	line-height:1.5;
	padding:1em;
}
@media all and (min-width: 768px) {
section.bknum ul li {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
section.bknum ul li {
	font-size:83%;
}
}


p.hoshi {
	background-color:rgba(255,255,255,1.00);
	color:#0c7b7b;
}

p.hoshi b {
	display:inline-block;
	text-align:center;
	background-color:#33b2b2;
	color:#fff;
	margin-right:0.5em;
}



/*	bears
============================== */



@media all and (min-width: 768px) {
	
div.inner p.lines span.bears {
	display:inline-block;
	background-size:120px 107px;
	background-image:url(../img/cleaning_bears.png);
	width:120px;
	height:107px;
	position:absolute;
	bottom:5px;
	right:20px;
}

div.inner p.lines span.bears img {
	display:inline-block;
	width:120px;
	height:107px;
}

}
@media all and (max-width: 767px) {
	
div.inner p.lines span.bears {
	display:inline-block;
	background-size:90px 81px;
	background-image:url(../img/cleaning_bears.png);
	width:90px;
	height:81px;
	position:absolute;
	bottom:0;
	right:5px;
}

div.inner p.lines span.bears img {
	display:inline-block;
	width:90px;
	height:81px;
}


}