/*	lower_header
============================== */
div.lower_header h1 span {
	background-image: url(../img/news_h2.png);
}
@media all and (min-width: 768px) {
	div.lower_header h1 span {
		width: 400px;
	}
}
div.content {
   padding: 20px;
}

/*	lower h2
============================== */
.topics h4 {
   font-weight: normal;
	line-height: 1.8;
}
.topics h4 > span {
   background: linear-gradient(transparent 40%, #ffdede 40%);
   padding: 0 0.3em;
}
@media all and (min-width: 768px) {
   .topics h2 {
		background-position: left -500px;
   }
}
/*	lower h2 (00px ÷ 782) */
@media all and (max-width: 767px) {
	div.content {
	   padding: 10px;
	}
	div.lines {
		margin: 0 -10px;
	}
   .topics h2 {
		background-position: left 68.138619%;
   }
	section {
		margin-bottom: 40px;
	}
}

article.topics header {
	background-color: #1ca5ef;
	background-size: 100%;
	color: #fff;
}
article.topics header p.date {
	text-align:right;
	line-height:1.25;
	margin-bottom:0.5em;
}
article.topics header h3 {
	line-height:1.5;
	margin-botom:0.5em;
	letter-spacing:1px;
}
@media all and (min-width: 768px) {
article.topics header {
	border-radius:5px;
	padding:12px 16px;
	margin-bottom:25px;
	font-size: 17px;
}
article.topics header p.date {
	font-size:83%;
}
article.topics header h3 {
	font-size:22px;
}
}
@media all and (max-width: 767px) {
article.topics header {
	border-radius:8px;
	padding:8px 12px;
	margin-bottom:20px;
}
article.topics header p.date {
	font-size:75%;
}
article.topics header h3 {
	font-size:87.5%;
}
}


article.topics p.txt {
	background-position:left bottom;
	background-repeat:repeat;
	text-justify: inter-ideograph; /* IE のみ、こちらも必要 */
}
@media all and (min-width: 768px) {
article.topics p.txt {
	line-height: normal;
   margin: 0 auto;
	font-size: 17px;
}
article.topics p.txt:not(:last-child) {
	margin-bottom:30px;
}
}
@media all and (max-width: 767px) {
article.topics p.txt {
	font-size:83%;
	line-height:27px;
}
article.topics p.txt:not(:last-child) {
	margin-bottom:27px;
}
}

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

article.topics figure.pics p span,
article.topics figure.pics p span img {
	display:block;
}
article.topics figure.pics p span {
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
article.topics 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.topics 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 10px;
	position: relative;
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
}

article.topics figure.pics p,
article.topics figure.subpic-rig p,
article.topics figure.subpic-lef p {
	margin:0 auto 10px;
}
article.topics figure.pics figcaption,
article.topics figure.subpic-rig figcaption,
article.topics figure.subpic-lef figcaption {
	text-align:center;
	line-height:1.5;
}
article.topics figure.pics figcaption span,
article.topics figure.subpic-rig figcaption span,
article.topics figure.subpic-lef figcaption span {
	background-color:hsla(0,0%,100%,0.75);
	padding:0.2em 0.5em;
}
@media all and (min-width: 768px) {
article.topics figure.pics:not(:last-child) {
	margin-bottom:25px;
}
article.topics figure.pics p.yoko {
	width:450px;
}
article.topics figure.pics p.yoko span,
article.topics figure.pics p.yoko span img {
	width:440px;
	height:292px;
}
article.topics figure.pics p.tate {
	width:302px;
}
article.topics figure.pics p.tate span,
article.topics figure.pics p.tate span img {
	width:292px;
	height:440px;
}
}
@media all and (max-width: 767px) {
article.topics figure.pics:not(:last-child) {
	margin-bottom:20px;
}
article.topics figure.pics p.yoko {
	width:250px;
}
article.topics figure.pics p.yoko span,
article.topics figure.pics p.yoko span img {
	width:240px;
	height:180px;
}
article.topics figure.pics p.tate {
	width:180px;
}
article.topics figure.pics p.tate span,
article.topics figure.pics p.tate span img {
	width:170px;
	height:256px;
}
article.topics figure.pics figcaption,
article.topics figure.subpic-rig figcaption,
article.topics figure.subpic-lef figcaption {
	font-size:75%;
}
}

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

div.col-rig section.unit {
	background-color: #d0efff;
   border-radius: 5px;
}
div.col-rig section.unit h3,
div.col-rig section.unit table caption {
	color:#fff;
	background-color:#1ca5ef;
	background-image: url(../img/space.jpg);
	background-size: 100%;
	line-height:1.25;
	font-weight:bold;
	padding:0.4em 0.7em 0.3em;
	margin:0;
   border-radius: 5px 5px 0 0;
}
@media all and (min-width: 768px) {
div.col-rig section.unit h3,
div.col-rig section.unit table caption {
	font-size: 22px;
}
div.col-rig section.unit:not(:last-child) {
	margin-bottom:20px;
}
div.col-rig section#calender {
   float: left;
}
div.col-rig section#recent ul {
   overflow: auto;
}
}
@media all and (max-width: 767px) {
	div.col-rig section.unit h3,
	div.col-rig section.unit table caption {
		font-size: 18px;
	}
	div.col-rig section.unit h3 {
		padding: 0.5em 0.5em 0.3em;
	}

div.col-rig section.unit:not(:last-child) {
	background-color: #fff0f0;
}
div.col-rig section.unit {
   margin-bottom: 10px;
	margin-top: 20px;
}
}

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

section#recent ul li a {
	display:block;
	text-decoration:none;
	padding:0.7em 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:#fff;
}
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 {
	font-size: 15px;
}
section#recent ul li a dt, section#recent ul li a dd {
}
}
@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.topics footer:before {
	display:block;
	content:"";
	/* border-top:3px solid #4e664e; */
}
article.topics footer p {
	text-align:center;
	line-height:1.5;
}
@media all and (min-width: 768px) {
article.topics footer:before {
	padding-top:20px;
	margin:0 -20px;
}
article.topics footer p {
	font-size:83%;
}
}
@media all and (max-width: 767px) {
article.topics footer:before {
	padding-top:15px;
	margin:0 -15px;
}
article.topics footer p {
	font-size:75%;
}
}
/*	buttons	*/
article.topics footer nav ul li a,
article.topics footer nav ul li span {
	display:block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
article.topics footer nav ul li a {
	background-image:url(../img/prevnext.png);
	background-repeat:no-repeat;
}
article.topics footer nav ul li:first-child {
	float:left;
}
article.topics footer nav ul li:last-child {
	float:right;
}
article.topics footer nav ul li:first-child a,
article.topics footer nav ul li:first-child span {
	background-position:left top;
}
article.topics footer nav ul li:last-child a,
article.topics footer nav ul li:last-child span {
	background-position:right top;
}
article.topics footer nav ul li a {
	background-color:#1e4e9c;
	text-decoration:none;
   border-radius: 5px;
}
@media all and (min-width: 768px) {
article.topics footer nav ul li a,
article.topics footer nav ul li span {
	width:38px;
	height:30px;
}
article.topics footer nav ul li a:hover {
	background-color:#2c75c5;
}
}
@media all and (max-width: 767px) {
article.topics footer nav ul li a,
article.topics footer nav ul li span {
	width:38px;
	height:30px;
}
article.topics footer nav ul li a,
article.topics footer nav ul li span {
	background-size:200%;
}
}
@media all and (min-width: 768px) {
div.col-lef {
    width: 610px;
    float: left;
}
div.col-rig {
    width: 290px;
    float: right;
}
}
/*	section
============================== */
@media all and (min-width: 768px) {
.news section.news {
	padding-top: 120px;
	margin-top: -120px;
}
.news section.news:not(:last-child) {
	margin-bottom: 50px;
}
}
@media all and (max-width: 767px) {
.news section.news:not(:last-child) {
	margin-bottom: 20px;
}
}




/*	figure (sub)
============================== */
div.cmn-pic-sub figure {
	width:50%;
}
div.cmn-pic-sub figure.subpic-lef {
	float:left;
}
div.cmn-pic-sub figure.subpic-rig {
	float:right;
}
div.cmn-pic-sub figure > p {
	border:1px solid #d9eafc;
	background-color:#fff;
/*	background-image: -webkit-gradient(linear, center top, center bottom, from(#d9eafc), color-stop(0.5, #fff), to(#d9eafc));
	background-image: linear-gradient(#d9eafc, #fff 50%, #d9eafc); */
	padding:4px;
}
div.cmn-pic-sub figure > p span {
	background-size:cover;
	position:relative;
	height:0;
	background-repeat:no-repeat;
	background-size:cover;
	padding-top:56.25%;
}
div.cmn-pic-sub figure > p span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
div.cmn-pic-sub figure > p span,
div.cmn-pic-sub figure > p span img {
	display:block;
}
div.cmn-pic-sub figure > p span.lazy-done {
	-webkit-animation: fadeIn 500ms;
	animation: fadeIn 500ms;
}
@media all and (min-width: 768px) {
div.cmn-pic-sub figure.subpic-lef > p {margin-right:7px}
div.cmn-pic-sub figure.subpic-rig > p {margin-left:7px}
section.news div.cmn-pic-sub:not(:last-child) {
	margin-bottom:30px;
}
}
@media all and (max-width: 767px) {
div.cmn-pic-sub figure.subpic-lef > p {margin-right:2px}
div.cmn-pic-sub figure.subpic-rig > p {margin-left:2px}
section.news div.cmn-pic-sub:not(:last-child) {
	margin-bottom:20px;
}
}



/*	figure (smpupdown)
============================== */
div.cmn-pic-smpupdown figure > p {
	border:1px solid #d9eafc;
	background-color:#fff;
/*	background-image: -webkit-gradient(linear, center top, center bottom, from(#d9eafc), color-stop(0.5, #fff), to(#d9eafc));
	background-image: linear-gradient(#d9eafc, #fff 50%, #d9eafc); */
	padding:4px;
}
div.cmn-pic-smpupdown figure > p span {
	background-size:cover;
	position:relative;
	height:0;
	background-repeat:no-repeat;
	background-size:cover;
	padding-top:56.25%;
}
div.cmn-pic-smpupdown figure > p span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
div.cmn-pic-smpupdown figure > p span,
div.cmn-pic-smpupdown figure > p span img {
	display:block;
}
div.cmn-pic-sub figure > p span.lazy-done {
	-webkit-animation: fadeIn 500ms;
	animation: fadeIn 500ms;
}
@media all and (min-width: 768px) {
div.cmn-pic-smpupdown figure {
	width:50%;
}
div.cmn-pic-smpupdown figure.subpic-lef {
	float:left;
}
div.cmn-pic-smpupdown figure.subpic-rig {
	float:right;
}
div.cmn-pic-smpupdown figure.subpic-lef > p {margin-right:7px}
div.cmn-pic-smpupdown figure.subpic-rig > p {margin-left:7px}
section.news div.cmn-pic-smpupdown:not(:last-child) {
	margin-bottom:30px;
}
}
@media all and (max-width: 767px) {
div.cmn-pic-smpupdown {
	padding:0 20px;
}
div.cmn-pic-smpupdown figure.subpic-lef > p,
div.cmn-pic-smpupdown figure.subpic-rig > p {margin-bottom:6px}
section.news div.cmn-pic-smpupdown:not(:last-child) {
	margin-bottom:20px;
}
}