/*///----- NEWS -----///*/
#newsBox h2{position:relative;
	background-image:url(../img/news/title.png) ;background-repeat:no-repeat;}
#newsBox h2 small{position: absolute;bottom: 0px; right: 5px;font-size:120%;line-height:100%;font-weight:bold;color:#004561;transform: rotate(.03deg);}
	#newsBox .innerbox{border-top:solid 1px #004561;}
	#newsBox h3,.date{color: #004561;}
	#newsBox .txt small{font-size:80%;}
	#newsBox .caption{display:block;font-size:80%;text-align:center;}

@media all and (min-width: 768px) {
#newsBox {width: 590px;padding:30px 0;}
#newsBox h2{width:580px;height:35px;margin-bottom:30px;background-position:10px 0;border-left:solid 10px #004561;}
	#newsBox .innerbox{padding:20px 0;}
	#newsBox h3{font-size:130%;}
	#newsBox .txt{margin-top:10px;font-size:100%;}
	#newsBox .caption{margin-bottom:10px;}
}

@media all and (max-width: 767px) {
#newsBox{width:90%;margin:0 auto;padding:2em 0 1em;}
#newsBox h2{width:100%;height:25px;margin-bottom:1em;background-position:5px 0;background-size:contain;border-left:solid 5px #004561;}

	#newsBox .innerbox{padding:2em 0;}
	#newsBox h3{font-size:110%;}
	#newsBox .txt{margin-top:1em;f}
	#newsBox .caption{margin-bottom:1em;}
}


/*///////////////// photo ////////////////*/
.news .photo_tate,
.news .photo_yoko,
.news .photo_square{display:block;background-color:#f4f1e4;}

@media all and (min-width: 768px) {
.news .photo_tate .lazy{display:block;width:300px;height:400px;}
.news .photo_yoko .lazy{display:block;width:400px;height:300px;}
.news .photo_square .lazy{display:block;width:400px;height:400px;}

.news .photo_tate{display:block;width:300px;height:400px;margin:10px auto;}
.news .photo_yoko{display:block;width:400px;height:300px;margin:10px auto;}
.news .photo_square{display:block;width:400px;height:400px;margin:10px auto;}
}

@media all and (max-width: 767px) {
.news .photo_tate{width:70%;margin:1em auto;}
.news .photo_square{width:80%;margin:1em auto;}
.news .photo_tate .lazy{display:block;width:100%;height:0;padding-top:133.5%;}
.news .photo_yoko .lazy{display:block;width:100%;height:0;padding-top:75%;margin:1em auto;}
.news .photo_square .lazy{display:block;width:100%;height:0;padding-top:100%;margin:1em auto;}
 }

/*	video
============================== */
.video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background-color: #000;
  margin-bottom: 0.4%;
}

.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
@media all and (min-width: 768px) {
.video_area{
	width:90%;
	margin:0 auto;
}
}
@media all and (max-width: 767px) {
.video_area{
	width:100%;
	margin:0 auto;
}
}