/* =================================
	pripri-TBS BLOG CSS
================================= */

article.blog header {
	background-color: hsla(0,0%,100%,0.6);
	border:2px solid #e0af43;
}
article.blog header p.date {
	text-align:right;
	line-height:1.25;
	margin-bottom:0.5em;
}
article.blog header h2 {
	color:#000;
	line-height:1.5;
	margin-botom:0.5em;
	letter-spacing:1px;
}
@media all and (min-width: 768px) {
article.blog header {
	border-radius:12px;
	padding:12px 16px;
	margin-bottom:25px;
}
article.blog header p.date {
	font-size:83%;
}
article.blog header h2 {
	font-size:100%;
}
}
@media all and (max-width: 767px) {
article.blog header {
	border-radius:8px;
	padding:8px 12px;
	margin-bottom:20px;
}
article.blog header p.date {
	font-size:75%;
}
article.blog header h2 {
	font-size:87.5%;
}
}


article.blog p.txt {
	background-position:left bottom;
	background-repeat:repeat;
	text-align: justify;
	text-justify: inter-ideograph; /* IE のみ、こちらも必要 */
}
@media all and (min-width: 768px) {
article.blog p.txt {
	font-size:87.5%;
	background-image:url(../img/line30.png);
	line-height:30px;
}
article.blog p.txt:not(:last-child) {
	margin-bottom:30px;
}
}
@media all and (max-width: 767px) {
article.blog p.txt {
	font-size:83%;
	background-image:url(../img/line27.png);
	line-height:27px;
}
article.blog p.txt:not(:last-child) {
	margin-bottom:27px;
}
}

/*	figure
============================== */

article.blog figure.pics p span,
article.blog figure.pics p span img {
	display:block;
}
article.blog figure.pics p span {
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
article.blog figure.pics p span.lazy-done {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
article.blog figure.pics p {
	border:5px solid #fff;
	background-color:#fff;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0 auto 6px;
}
article.blog figure.pics figcaption {
	text-align:center;
	line-height:1.5;
}
article.blog figure.pics figcaption span {
	background-color:hsla(0,0%,100%,0.75);
	padding:0.2em 0.5em;
}
@media all and (min-width: 768px) {
article.blog figure.pics:not(:last-child) {
	margin-bottom:25px;
}
article.blog figure.pics p.yoko {
	width:450px;
}
article.blog figure.pics p.yoko span,
article.blog figure.pics p.yoko span img {
	width:440px;
	height:292px;
}
article.blog figure.pics p.tate {
	width:302px;
}
article.blog figure.pics p.tate span,
article.blog figure.pics p.tate span img {
	width:292px;
	height:440px;
}
article.blog figure.pics figcaption {
	font-size:83%;
}
}
@media all and (max-width: 767px) {
article.blog figure.pics:not(:last-child) {
	margin-bottom:20px;
}
article.blog figure.pics p.yoko {
	width:290px;
}
article.blog figure.pics p.yoko span,
article.blog figure.pics p.yoko span img {
	width:280px;
	height:186px;
}
article.blog figure.pics p.tate {
	width:180px;
}
article.blog figure.pics p.tate span,
article.blog figure.pics p.tate span img {
	width:170px;
	height:256px;
}
article.blog figure.pics figcaption {
	font-size:75%;
}
}

/* =================================
	Right Column CSS
================================= */

div.col-rig section.unit {
	background-color:hsla(90,25%,87%,0.9);
}
div.col-rig section.unit h2,
div.col-rig section.unit table caption {
	color:#fff;
	background-color:hsla(43,32%,19%,.9);
	text-shadow:1px 1px 3px #000;
	font-size:100%;
	line-height:1.25;
	font-weight:bold;
	padding:0.5em 1em;
/*	border-top:1px solid #d0b491;
	border-left:1px solid #d0b491;
	border-right:1px solid #d0b491;*/
	margin:0;
}
@media all and (min-width: 768px) {
div.col-rig section.unit:not(:last-child) {
	margin-bottom:20px;
}
}
@media all and (max-width: 767px) {
div.col-rig section.unit:not(:last-child) {
	background-color:hsla(90,25%,87%,0.95);
}
}

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

section#calender table {
	width:100%;
	/*border-collapse:collapse;
	border-spacing:0;*/
	border-collapse: separate;
	border-spacing: 1px;
}
section#calender table caption {
	position:relative;
}
section#calender table caption a {
	position:absolute;
	color:#ffea4e;
	text-decoration:none;
}
section#calender table caption a:first-child {
	left:1em;
}
section#calender table caption a:last-child {
	right:1em;
}
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:83%;
	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 {
	color:#c00 !important;
	background-color:#ffea4e !important;
	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:#334033;
	color:#e0d486;
}

/*	div.tip */
section#calender div.tip {
	padding:6px 6px 0;
	background-color:#4e664e;
}
section#calender div.tip ul li {
	float:left;
	width:50%;
	margin-bottom:6px;
}
section#calender div.tip ul li span,
section#calender div.tip ul li span a {
	display:block;
}
section#calender div.tip ul li:nth-child(odd) span {
	margin-right:3px;
}
section#calender div.tip ul li:nth-child(even) span {
	margin-left:3px;
}
section#calender div.tip ul li span a {
	background-color:#fff;
	text-decoration:none;
	text-align:center;
	font-size:83%;
	line-height:1.5;
	padding:0.25em 0;
}
section#calender div.tip ul li span a:hover {
	background-color:#ffea4e;
}

/*	recent entries
=================================== */

section#recent ul li a {
	display:block;
	text-decoration:none;
	padding:0.5em 1em;
}
section#recent ul li:nth-child(even) a {
	background-color:hsla(0,0%,100%,0.4);
}
section#recent ul li a:hover {
	background-color:#ffea4e;
}
section#recent ul li a dt, section#recent ul li a dd {
	line-height:1.5;
}
section#recent ul li a dt {
	color:#4e4e4e;
}
section#recent ul li:not(:last-child) {
	border-bottom:1px solid #867b4e;
}
@media all and (min-width: 768px) {
section#recent ul li a dt, section#recent ul li a dd {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
section#recent ul li a dt, section#recent ul li a dd {
	font-size:83%;
}
}


/*	Prev Next
=================================== */
/*	page index	*/
article.blog footer:before {
	display:block;
	content:"";
	/* border-top:3px solid #4e664e; */
}
article.blog footer p {
	text-align:center;
	line-height:1.5;
}
@media all and (min-width: 768px) {
article.blog footer:before {
	padding-top:20px;
	margin:0 -20px;
}
article.blog footer p {
	font-size:83%;
}
}
@media all and (max-width: 767px) {
article.blog footer:before {
	padding-top:15px;
	margin:0 -15px;
}
article.blog footer p {
	font-size:75%;
}
}
/*	buttons	*/
article.blog footer nav ul li {
	border:5px solid #fff;
}
article.blog footer nav ul li a,
article.blog footer nav ul li span {
	display:block;
	background-image:url(../img/prevnext.png);
	background-repeat:no-repeat;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
article.blog footer nav ul li:first-child {
	float:left;
}
article.blog footer nav ul li:last-child {
	float:right;
}
article.blog footer nav ul li:first-child a,
article.blog footer nav ul li:first-child span {
	background-position:left top;
}
article.blog footer nav ul li:last-child a,
article.blog footer nav ul li:last-child span {
	background-position:right top;
}
article.blog footer nav ul li a {
	background-color:#000;
	text-decoration:none;
}
@media all and (min-width: 768px) {
article.blog footer nav ul li a,
article.blog footer nav ul li span {
	width:90px;
	height:73px;
}
article.blog footer nav ul li a:hover {
	background-color:#ffea4e;
}
}
@media all and (max-width: 767px) {
article.blog footer nav ul li a,
article.blog footer nav ul li span {
	width:53px;
	height:43px;
}
article.blog footer nav ul li a,
article.blog footer nav ul li span {
	background-size:114px 43px;
}
}