/* =================================
	NIGEHAJI Report CSS
================================= */

/*	repoBox_in
=================================== */
@media all and (min-width: 768px) {

.report .repoBox_in{
	margin: 0 0 20px;
}

.report .repoBox_in p {
	padding: 0em 25px 1em;
	text-align: left;
	font-size: 83%;
    line-height: 1.75;
}
.report .repoBox1 p {
	text-align: left;
	font-size: 120%;
}
.report .picBox {
	margin: 0 auto;
	text-align: center;
	margin: 0px 0 20px 0;
}
.report .picBox .report_pic_w {
	width: 432px;
	height: 292px;
	background: #fff;
	border: 1px solid #f4e6e5;;
	margin: 0 auto 15px;
	position: relative;
}
.report .picBox .report_pic_w .ph {
	width: 420px;
	height: 278px;
	position: absolute;
	left: 6px;
	top: 6px;
	background-color: #ebd3c0;
}
.report .picBox .report_pic_w img {
	width: 420px;
	height: 278px;
}
.report .picBox .report_pic_h {
	width: 292px;
	height: 432px;
	background: #fff;
	border: 1px solid #f4e6e5;;
	margin: 0 auto 15px;
	position: relative;
}
.report .picBox .report_pic_h .ph {
	width: 278px;
	height: 420px;
	position: absolute;
	left: 6px;
	top: 6px;
	background-color: #ebd3c0;
}
.report .picBox .report_pic_h img {
	width: 278px;
	height: 420px;
}
.report .picBox .p_caption {
	font-size: 80%;
	text-align: center;
	line-height: 1.2;
	color: #434343;
	background-color: #fbeae9;
	padding: 0.25em 1em;
}


	
}

@media all and (max-width: 767px) {
.report .repoBox_in p {
	padding: 0em 0px 1em;
	text-align: left;
	font-size: 83%;
    line-height: 1.75;
}


.picBox {
	margin: 0 auto;
	text-align: center;
	margin: 0px 0 20px 0;
}

.picBox .report_pic_w{
    width: 270px;
    box-sizing: border-box;
    padding: 3px;
    /* box-shadow: 0 6px #faebdc; */
    margin: 0 auto 10px;
}
.picBox .report_pic_w span{
    width: 270px;
    height: 180px;
    background-size:270px 180px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #ebd3c0;
    border: 1px solid #f4e6e5;;
}
.picBox .report_pic_w img{
    width: 270px;
    height: 180px;
	background-size:270px 180px;
}

.picBox .report_pic_h{
    width: 180px;
    box-sizing: border-box;
    padding: 3px;
    /* box-shadow: 0 6px #faebdc; */
    margin: 0 auto 10px;
}
.picBox .report_pic_h span{
    width: 180px;
    height: 270px;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #ebd3c0;
    border: 1px solid #f4e6e5;;
}
.picBox .report_pic_h img{
    width: 180px;
    height: 270px;
}

.report .picBox .p_caption {
	font-size: 80%;
	text-align: center;
	line-height: 1.2;
	color: #434343;
	background-color: #fbeae9;
	padding: 0.25em 1em;
}

}





/*	article
=================================== */

article.report header {
	background-image: url(../img/repo_bg.jpg);
}
article.report header h2 {
	font-weight:bold;
	font-size:87.5%;
	line-height:2;
	color:#7b1700;
}
article.report header p time {
	font-size:75%;
	line-height:1.5;
}
@media all and (min-width: 768px) {
article.report header {
	border-left: 8px solid #8c272b;
	padding:4px 10px;
	margin-bottom:15px;
}
}
@media all and (max-width: 767px) {
article.report header {
	border-left:6px solid #7b1700;
	padding:4px 10px;
	margin-bottom:10px;
}
}


div.section {
	margin-bottom:20px;
}
div.section > p {
	font-size:83%;
	line-height:1.75;
	margin-bottom:20px;
}
div.section p span.txt-center {
	display:block;
	text-align:center;
}
div.section figure p.pics {
	line-height:1;
	background-color:#fff;
	border:1px solid #f4e6e5;
}
div.section figure p.pics span {
	display:block;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#ebd3c0;
}
div.section figure figcaption {
	display:block;
	text-align:center;
	font-size:75%;
	line-height:1.5;
}
div.section figure figcaption span {
	background-color:#fbeae9;
	padding:0.25em 1em;
}

@media all and (min-width: 768px) {
div.tate figure {
	padding:0 143px;
}
div.yoko figure {
	padding:0 73px;
}
div.section figure p.pics {
	padding:9px;
	/*box-shadow:0 6px #faebdc;*/
	margin-bottom:20px;
}
div.tate figure p.pics span, div.tate figure p.pics img {
	width:280px;
	height:420px;
}
div.yoko figure p.pics span, div.yoko figure p.pics img {
	width:420px;
	height:280px;
}
}
@media all and (max-width: 767px) {
div.section figure p.pics {
	box-sizing:border-box;
	padding:3px;
	/*box-shadow:0 6px #faebdc;*/
	margin:0 auto 10px;
}
div.tate figure p.pics {
	width:192px;
}
div.yoko figure p.pics {
	width:284px;
}
div.tate figure p.pics span, div.tate figure p.pics img {
	width:184px;
	height:276px;
}
div.yoko figure p.pics span, div.yoko figure p.pics img {
	width:276px;
	height:184px;
}
}




/*	recent entries
=================================== */
section.recent, section.pickup, section.archives {
	background-color:hsla(0, 0%, 100%, .7);
	}
section.recent h2, section.pickup h2, section.archives h2 {
	letter-spacing:1px;
	padding:0.75em 1em;
}
section.recent dl a {
	display:block;
	text-decoration:none;
}
section.recent dl a:nth-child(even) {
	background-color:#eaeaea;
}
section.recent dl a:hover {
	background-color:#ffe5dc;
}
section.recent dl a dt, section.recent dl a dd {
	line-height:1.5;
	padding:0 1em;
}
section.recent dl a dt {
	color:#f4b217;
	padding-top:0.5em;
}
section.recent dl a dd {
	border-bottom:1px solid #ebd3c0;
	padding-bottom:0.5em;
}
@media all and (min-width: 768px) {
section.recent {
	margin-bottom:20px;
}
section.recent dl a dt, section.recent dl a dd {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
section.recent {
}
section.recent dl a dt, section.recent dl a dd {
	font-size:83%;
}
}



/*	prev next
=================================== */

article footer p {
	font-size:83%;
	text-align:center;
	line-height:1.5;
	margin-bottom:1em;
}
article footer nav ul {
	list-style-type:none;
}
article footer nav ul li {
	position:relative;
}
article footer nav ul li a, article footer nav ul li span {
	display:block;
	text-decoration:none !important;
	line-height:1.5;
	font-weight:bold;
	/* border-radius:10px; */
}
article footer nav ul li a {
	color: #7b1733 !important;
	background-color:#f9a1a1;
	background-image:-moz-linear-gradient(transparent 50%, #f78989 50%);
	background-image:-webkit-gradient(linear, left top, left bottom, from(transparent),color-stop(0.5,transparent),color-stop(0.5,#f78989),to(#f78989));
	background-image:-ms-linear-gradient(transparent 50%, #f78989 50%);
	background-image:linear-gradient(transparent 50%, #f78989 50%);
}
article footer nav ul li span {
	color: #fff;
	background-color:#ebd3c0;
}
article footer nav ul li a:before, article footer nav ul li span:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:50%;
	background-image:url(../img/form_btn.svg);
	background-repeat:no-repeat;
	background-position:0 -60px;
	width:32px;
	height:32px;
	margin-top:-16px;
}
article footer nav ul li a:hover {
	color:#660c17;
	background-color:#f56c6c;
	background-image: none;
}
article footer nav ul li.prev {
	float:left;
}
article footer nav ul li.next {
	float:right;
}

@media all and (min-width: 768px) {
article footer {
	padding-top:10px;
}
article footer nav ul li a, article footer nav ul li span {
	font-size: 87.5%;
	padding:12px 15px 12px 32px;
}
}
@media all and (max-width: 767px) {
article footer nav ul li a, article footer nav ul li span {
	font-size: 83%;
	padding:10px 12px 10px 32px;
}
}

/*	bknm
=================================== */
.report #bknm {
	border-top: 3px dashed #ffd2d5;
}
.report #bknm .bk_tit {
	display: block;
	width: 174px;
	height: 23px;
	background-image: url(../img/bk_tit.png);
	background-repeat: no-repeat;
	margin: 20px auto 18px;
}
.report #bknm li {
	line-height: 1.4em;
	font-size: 90%;
	float: left;
	background-image: url(../img/repo_bg.jpg);
	border-left: 6px solid #7b1700;
}
.report #bknm li a {
	display: block;
	padding: 8px;
	line-height: 1.5;
	text-decoration: none !important;
	font-size: 90%;
}
.report #bknm li a .sub_tit {
	font-weight: bold;
}
@media all and (min-width: 768px) {
	.report #bknm li {
		width: 280px;
		margin: 0 15px 1em 0;
		float: left;
	}
	.report #bknm li:nth-child(even) {
		margin: 0 0 1em 0;
	}
}
@media all and (max-width: 767px) {
	.report #bknm li {
		width: 100%;
		line-height: 1.4em;
		margin: 0 0 1em;
	}
	.report #bknm li span.epi {
		width: 15%;
		line-height: 65px;
	}
}


/*	sp menu
=================================== */