/* =================================
	gallery CSS
================================= */

@media all and (min-width: 768px) {
.gallery .contents{
	padding: 35px 70px 35px;
}
.info_text{
	text-align: center;
	margin:0px 0 15px;
}
.gallery_area{
	padding: 0px 55px 30px;
}
}
@media all and (max-width: 767px) {
.info_text{
	text-align: center;
	margin:0px 0 5px;
	font-size: 90%+
}
.gallery_area{
	padding: 10px 0 20px;
}
}


/*	story_text
============================== */

.story_text1{
	font-weight: 800;
	text-align: center;
	margin: 0 0 10px;
}
.story_text1 .season{
	background-color: #0053ac;
	color: #fff;
	text-align: center;
	margin-right: 1em;
	padding: 5px;
}
.story_text1 .onair_date{
	background: linear-gradient(transparent 70%, #fff500 0%);
}
.text a{
	text-decoration: none;
	font-weight: 800;
}
@media all and (min-width: 768px) {
div.story_text1{
	font-size: 160%;
}
}
@media all and (max-width: 767px) {
div.story_text1{
	font-size: 120%;
	text-align: left;
}
}


/*	gallery
============================== */
ul.lightbox-gallery:after {
	content:"";
	display:block;
	clear:both;
}
ul.lightbox-gallery li {
	float:left;
}
ul.lightbox-gallery li > span, ul.lightbox-gallery li > span > a, ul.lightbox-gallery li > span > a img {
	display:block;
}
ul.lightbox-gallery li > span {
	background-repeat:no-repeat;
	background-position:left top;
}
@media all and (min-width: 768px) {
ul.lightbox-gallery li {
	margin-right:2px;
	margin-bottom:2px;
	background-color: #b4b4b4;
}
ul.lightbox-gallery li:nth-child(4n) {
	margin-right:0;
}
ul.lightbox-gallery li > span > a img {
	width:175px;
	height:116px;
}
ul.lightbox-gallery li > span > a:hover {
	background-color:#fff;
	opacity:0.3;
}
}
@media all and (max-width: 767px) {
ul.lightbox-gallery li {
	width:25%;
	margin-bottom:5px;
}
ul.lightbox-gallery li:nth-child(4n-3) > span {
	padding-right:4px;
}
ul.lightbox-gallery li:nth-child(4n-2) > span {
	padding-left:1px;
	padding-right:3px;
}
ul.lightbox-gallery li:nth-child(4n-1) > span {
	padding-left:3px;
	padding-right:1px;
}
ul.lightbox-gallery li:nth-child(4n) > span {
	padding-left:4px;
}
ul.lightbox-gallery li > span {
	-webkit-background-clip:content-box;
	background-clip:content-box;
	-webkit-background-size:cover;
	background-size:cover;
}
ul.lightbox-gallery li > span > a {
	position:relative;
	height:0;
	padding-top: 66.28%;
}
ul.lightbox-gallery li > span > a img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

}