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


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

article.main {
	position:relative;
	background-image:url(../img/ori_main_bg.jpg);
	background-color:#fff6aa;
}
article.main div.illust,
article.main div.illust span,
article.main div.illust span img {
	display:block;
}
article.main div.illust span {
	background:url(../img/orig_main_pc.png?0329) -322px 0px no-repeat;
}
article.main div.illust span img {
	display:block;
}
article.main div.copy {
	/*background-color:hsla(0, 0%, 100%, 0.4);*/
	background-color:#fffdf3;
box-shadow:0px 0px 26px 10px #fffdf2;
-moz-box-shadow:0px 0px 26px 10px #fffdf2;
-webkit-box-shadow:0px 0px 26px 10px #fffdf2;
}
article.main div.copy p {
	color:#5e2d29;
	/*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;
}

div.inner p.lines{
	background-image: url(../img/ori_line.png);
    padding: 0 10px;
    line-height: 30px;
    margin-bottom: 30px;
}

@media all and (min-width: 768px) {
article.main {
	padding:20px;
	border-radius:10px;
	margin-bottom:20px;
}
article.main h2 {
	background:url(../img/orig_main_pc.png?0329) -23px -32px no-repeat;
	width:299px;
	height:113px;
	margin-bottom:20px;
}
article.main div.copy {
	margin-right:248px;
}
article.main div.illust,
article.main div.illust span,
article.main div.illust span img {
	width:266px;
	height:530px;
}
article.main div.illust {
	position:absolute;
	right:0px;
	top:8px;
}
}
@media all and (max-width: 767px) {
article.main {
	/*background-size:40px 40px;*/
	padding:0px 10px 30px;
	border-radius:10px;
	margin-bottom:15px;
}
article.main h2 {
	background-image:url(../img/orig_main_smp.png?0329);
	background-position:left top;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	height:0;
	padding-top:125%;
}
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 {
	width:196px;
	height:196px;
	background-size:260px 446px;
}
article.main div.copy{
	width: 95%;
	margin: 0 auto;
}
}




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

div.comic {
	background-image:url(../img/orig_comic.jpg?0331);
	background-position:left top;
	background-repeat:no-repeat;
}
@media all and (min-width: 640px) {
div.comic {
	width:539px;
	height:230px;
	margin:0 auto 0px;
}
}
@media all and (max-width: 639px) {
div.comic {
	background-size:cover;
	position:relative;
	height:0;
	padding-top:38.2189%;
	margin:0 auto 15px;
}
}



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

section.unit {
	/*background-image:url(../img/cmn_bg_dot_w.png);*/
	background-color:#fffdf2;
	border-radius:8px;
	border:1px solid #f5e553; 
	box-shadow:0px 0px 6px 3px #fdf8d0 inset;
	-moz-box-shadow:0px 0px 6px 3px #fdf8d0 inset;
	-webkit-box-shadow:0px 0px 6px 3px #fdf8d0 inset;
}
/*section.unit:last-child {
	background-color:#a4d6ff;
}*/
section.unit h2 {
	padding:0 0em;
	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);*/
	border-bottom: 1px solid #f5e553;
}
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.orig-comment h2{
	height: 27px;
	background:url(../img/ori_com_tit.png) no-repeat; 
	margin: 12px 0 0 10px;
	padding: 0 0 9px;
}

section.unit div.pics span {
	background-repeat:no-repeat;
	background-size:cover;
}
section.orig-comment div.pics span {
	background-position:center bottom;
}
section.orig-comment div.pics,
section.orig-comment div.pics span,
section.orig-comment div.pics span img {
	width:125px;
	height:165px;
}
section.unit div.pics span img {
	display:block;
}
@media all and (min-width: 768px) {
section.unit h2{
	width: 395px;
}
section.orig-comment h2{
	width: 395px;
}
section.unit {
	padding:0 10px 8px;
	margin-bottom:15px;
}
section.unit div.inner {
	position:relative;
	padding:15px;
}
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:400px;
}
section.unit div.pics {
	position:absolute;
	bottom:0px;
}
section.orig-story div.pics {
	left:20px;
}
section.orig-comment div.pics {
	right:12px;
}
section.unit div.inner p {
	font-size:87.5%;
	line-height: 1.7;
}
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;
}
}
/*	kensaku
============================== */

div.kensaku {
	background-image:url(../img/orig_kensaku.png);
	background-position:left top;
	background-repeat:no-repeat;
}
@media all and (min-width: 640px) {
div.kensaku {
	width:463px;
	height:37px;
	margin:0 auto 20px;
}
}
@media all and (max-width: 639px) {
div.kensaku {
	background-size:cover;
	position:relative;
	height:0;
	padding-top:7.991360%;
	margin:0 auto 15px;
}
}