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

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

article.report header {
	background-color:#ebd3c0;
	background-image:url(../img/cmn_bg_dot.png);
}
article.report header h2 {
	font-weight:bold;
	font-size:87.5%;
	line-height:1.5;
	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 #7b1700;
	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 #ebd3c0;
}
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:#ffe0d6;
	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;
}
}



/*	calender
=================================== */

section.calender table caption, section.recent h2, section.pickup h2, section.archives h2 {
	font-size:87.5%;
	font-weight:bold;
	color:#7b1700;
	background-color:#ebd3c0;
	background-image:url(../img/cmn_bg_dot.png);
}

section.calender {
	background-color:hsla(0, 0%, 100%, .7);
	}
section.calender table {
	width:100%;
	/*border-collapse:collapse;
	border-spacing:0;*/
	border-collapse: separate;
	border-spacing: 1px;
}
section.calender table caption {
	text-align:center;
	padding:0.75em 0;
/*	border-top:1px solid #d0b491;
	border-left:1px solid #d0b491;
	border-right:1px solid #d0b491;*/
	margin:0;
	}
section.calender table caption a {
	color:#ffea4e;
	text-decoration:none;
}
section.calender table caption a:hover {
	text-decoration:underline;
}
section.calender table caption span {
	padding:0 1em;
}
section.calender thead th, section.calender tbody td {
	vertical-align:middle;
	/* border:1px solid #d0b491;
	background-color:#fff; */
	margin:0;
	padding:0;
}
section.calender thead th span, section.calender tbody td span, section.calender tbody td a {
	display:block;
	font-weight:normal;
	font-size:87.5%;
	text-align:center;
	line-height:1.25;
	padding:0.5em 0;
}
section.calender tbody td a {
	background-color:#fff;
}
section.calender tbody td a:hover, section.calender tbody td a:hover {
	background-color:#fae0e0;
	text-decoration:none;
}
section.calender thead th.sunday, section.calender tbody td.sunday {
	color:#c00;
}
section.calender thead th.saturday, section.calender tbody td.saturday {
	color:#039;
}
section.calender thead td.today span, section.calender tbody td.today a {
	background-color:#fae0e0;
}
@media all and (min-width: 768px) {
section.calender {
	margin-bottom:20px;
	}
}

/*	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;
}
}


/*	player
============================== */
.player-outer {
	border:3px solid #eaccb8;
	background-color:#eaccb8;
	position: relative;
	height: 0;
	padding-top: 56.25%;
	/* margin-bottom:20px; */
}
.player-outer .tbs-player, .player-outer video, .player-outer object {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
}
.player-outer iframe {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
}