/* =================================
	NIGEHAJI Original CSS
================================= */


/*	main
============================== */

article.main {
	position:relative;
	background-image:url(../img/cmn_bg_dot_w.png);
	background-color:#e3e8a6;
}
article.main div.illust,
article.main div.illust span,
article.main div.illust span img {
	display:block;
}
article.main div.illust span {
	background-image:url(../img/orig_main_pc.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}
article.main div.illust span img {
	display:block;
}
article.main div.copy {
	background-color:hsla(0, 0%, 100%, 0.4);
}
article.main div.copy p {
	color:#000;
	text-shadow:1px 1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 2px 2px 3px hsla(11,100%,27%,0.3);
	margin-bottom:0 !important;
}
@media all and (min-width: 768px) {
article.main {
	padding:20px;
	border-radius:20px;
	margin-bottom:20px;
}
article.main h2 {
	background-image:url(../img/orig_main_pc.png);
	width:346px;
	height:228px;
	margin-bottom:20px;
}
article.main div.copy {
	margin-right:186px;
}
article.main div.illust,
article.main div.illust span,
article.main div.illust span img {
	width194px;
	height:394px;
}
article.main div.illust {
	position:absolute;
	right:20px;
	bottom:0;
}
}
@media all and (max-width: 767px) {
article.main {
	background-size:40px 40px;
	padding:10px;
	border-radius:10px;
	margin-bottom:15px;
}
article.main h2 {
	background-image:url(../img/orig_main_smp.png);
	background-position:left top;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	height:0;
	padding-top:43.877551%;
}
article.main h2 > span {
	display:block;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
article.main div.illust,
article.main div.illust span,
article.main div.illust span img {
	width196px;
	height:196px;
	background-size:260px 446px;
}
}




/*	comic
============================== */

div.comic {
	background-image:url(../img/orig_comic.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
@media all and (min-width: 640px) {
div.comic {
	width:562px;
	height: 462px;
	margin:0 auto 20px;
	background-size: cover;
}
}
@media all and (max-width: 639px) {
div.comic {
	background-size:cover;
	width:260px;
	height: 214px;
	margin:0 auto 15px;
}
}



/*	unit
============================== */

section.unit {
	background-image:url(../img/cmn_bg_dot_w.png);
	background-color:#ffb2ea;
	border-radius:8px;
}
section.unit:last-child {
	background-color:#a4d6ff;
}
section.unit h2 {
	color:#000;
	padding:0.5em 1em;
	line-height:1.5;
	text-shadow:1px 1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 2px 2px 3px hsla(11,100%,27%,0.3);
}
section.unit div.inner {
	-webkit-box-shadow:#ffedc2 0 0 24px 0 inset;
	box-shadow:#ffedc2 0 0 24px 0 inset;
	background-color:#fff;
}
section.unit div.inner p {
	line-height:1.5;
}
section.unit div.pics span {
	background-repeat:no-repeat;
	background-size:cover;
}
section.orig-story div.pics span {
	background-position:center top;
}
section.orig-comment div.pics span {
	background-position:center bottom;
}
section.orig-story div.pics,
section.orig-story div.pics span,
section.orig-story div.pics span img {
	width:180px;
	height:160px;
}
section.orig-comment div.pics,
section.orig-comment div.pics span,
section.orig-comment div.pics span img {
	width:180px;
	height:176px;
}
section.unit div.pics span img {
	display:block;
}
@media all and (min-width: 768px) {
section.unit {
	padding:0 8px 8px;
	margin-bottom:30px;
}
section.unit div.inner {
	position:relative;
	padding:20px;
}
section.orig-comment div.inner div.bx-lef {
	float:left;
}
section.orig-story div.inner div.bx-rig {
	float:right;
}
section.orig-story div.inner div.bx-rig,
section.orig-comment div.inner div.bx-lef {
	width:332px;
}
section.unit div.pics {
	position:absolute;
	bottom:20px;
}
section.orig-story div.pics {
	left:20px;
}
section.orig-comment div.pics {
	right:20px;
}
section.unit div.inner p {
	font-size:87.5%;
}
section.unit div.pics span img {
	background-size:cover;
}
}
@media all and (max-width: 767px) {
section.unit {
	background-size:40px 40px;
	padding:0 6px 6px;
	margin-bottom:15px;
}
section.unit div.pics {
	margin:0 auto;
}
section.unit div.inner {
	padding:10px;
}
section.unit div.inner p {
	font-size:83%;
	margin-bottom:1.5em;
}
}