/* =================================
	99.9 Report CSS
================================= */

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

article.report header h2 {
	font-weight:bold;
	font-size:87.5%;
	line-height:1.5;
	color:#587c99;
}
article.report header p time {
	color:#6699b2;
	font-size:75%;
	line-height:1.5;
}
@media all and (min-width: 768px) {
article.report header {
	border-left:8px solid #587c99;
	padding:4px 10px;
	margin-bottom:15px;
}
}
@media all and (max-width: 767px) {
article.report header {
	border-left:6px solid #587c99;
	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 #ccd6e0;
}
div.section figure p.pics span {
	display:block;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#d6e0ea;
}
div.section figure figcaption {
	display:block;
	text-align:center;
	font-size:75%;
	line-height:1.5;
}
div.section figure figcaption span {
	background-color:#d6e0ea;
	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 rgba(34,84,134, .1);
	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 rgba(34,84,134, .1);
	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;
	text-shadow:1px 1px 3px #000;
	color:#fff;
	background-image:url(../img/bg_cube_blu.png);
	background-position:center center;
	background-color:#3b648e;
}
@media all and (max-width: 767px) {
	section.calender table caption, section.recent h2, section.pickup h2, section.archives h2 {
		background-size:112px;
	}
}

section.calender {
	margin-bottom:20px;
	}
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;
}


/*	recent entries
=================================== */
section.recent, section.pickup, section.archives {
	/* margin-bottom:20px; */
	}
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:#587c99;
	padding-top:0.5em;
}
section.recent dl a dd {
	border-bottom:1px solid #e0e0e0;
	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 {
	margin-bottom:10px;
}
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:#ccd6e0;
}
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;
}
}


/*	archives
=================================== */

main.archives h2 {
	background-image:url(../img/line_w.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-size:400px 210px;
	color:#f3f5f9;
	line-height:1.5;
	background-color:#235486;
	margin-bottom:0.75em;
}
main.archives ul li {
	border-bottom:1px dashed #b2cce0;
}
main.archives ul li:last-child {
	border-bottom:none;
}
main.archives ul li a {
	display:block;
	text-decoration:none;
}
main.archives ul li dl dt, .update main.archives ul li dl dd {
	line-height:1.75;
}
main.archives ul li dl dt {
	color:#4e7bb2;
	margin-bottom:0.2em;
}
main.archives ul li a {
	background-color:rgba(255,255,255,0.5);
}
main.archives ul li:nth-child(even) a {
	background-color:rgba(220,229,238,0.5);
}
@media all and (min-width: 768px) {
main.archives h2 {
	font-size:87.5%;
	padding:7px 15px 10px;
}
main.archives ul li a {
	border-left:7px solid #3f6993;
	padding:10px 0 10px 10px;
}
main.archives ul li dl dt, main.archives ul li dl dd {
	font-size:87.5%;
}
main.archives ul li a:hover {
	background-color:#fff5d6;
}
}
@media all and (max-width: 767px) {
main.archives h2 {
	font-size:83%;
	padding:5px 10px 7px;
}
main.archives ul li a {
	border-left:5px solid #3f6993;
	padding:10px 0 10px 10px;
}
main.archives ul li dl dt, main.archives ul li dl dd {
	font-size:83%;
}
}