/* mainImg ------------------------------------*/
.mainImg{
	padding:0;
	text-align:center;
	background:url("../img/mainImgBg.jpg") no-repeat top center;
	background-size:cover;
}

.mainImgBg{
	width:100%;
	padding:30px 0 20px 0;
	background:url("../img/dotBlack.png");
}

/* movieBn ------------------------------------*/
.movieBn{
	padding:20px 10px 20px 10px;
	box-sizing:border-box;
	background:#FFF;
}

.movieBn ul li{
	margin:0 5px;
}

/* contentsLink ------------------------------------*/
.contentsLink{
	padding:30px 0;
	background:#d7eaf4;
}

.contentsLink ul{
	letter-spacing: -.40em;
}

.contentsLink ul li{
	text-align:center;
	letter-spacing: normal;
	display:inline-block;
	margin:0;
	width:25%;
	box-sizing:border-box;
	vertical-align:top;
}

.contentsLink ul li a{
	display:block;
	font-size:120%;
	font-weight:bold;
}

.contentsLink ul li a img{
	margin:0 0 10px 0;
}

.contentsLink ul li a span{
	color:#189ad6;
	font-family: 'Roboto', sans-serif;
	font-size:70%;
	display:block;
	line-height:100%;
}

/* newsBlock ------------------------------------*/

.newsBlock{
	float:left;
	width:540px;
	margin:0 50px 0 0;
}

.newsBlock h2{
	font-size:300%;
	font-style:normal;
	font-weight:normal;
	font-family: 'Roboto', sans-serif;
	padding:0 0 0px 0;
	border-bottom:1px solid #333;
}

.newsBlock h2 span{
	font-size:33%;
	margin:0 0 0 20px;
}

.newsBlock ul li{
	font-size:85%;
	border-bottom:1px solid #999;
	padding:10px 0 7px 0;
	line-height:150%;
}

.newsBlock ul li a{
	display:block;
}

.newsBlock ul li h3{
	
}

.newsBlock ul li span{
	font-size:85%;
}


.blogLink{
	margin:10px 0;
	text-align:right;
}

/* fbBlock ------------------------------------*/

.fbBlock{
	float:right;
	width:400px;
}

/* -------------------------------------------------------*/
/* max-width: 768px ------------------------------------*/
/* -------------------------------------------------------*/

@media only screen and (max-width: 768px) {
.mainImg{
	margin:60px 0 0 0;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* contentsLink ------------------------------------*/

.contentsLink ul li{
	margin:0;
	width:46%;
	box-sizing:border-box;
	vertical-align:top;
	margin:0 2% 15px 2%;
}

.contentsLink ul li a{
	font-size:100%;
	line-height:150%;
}

.contentsLink ul li a img{
	width:100%;
	height:auto;
	margin:0 0 10px 0;
}

/* newsBlock ------------------------------------*/

.newsBlock{
	float:none;
	width:100%;
	margin:0 0 30px 0;
}

.newsBlock h2 span{
	display:block;
	margin:10px 0;	
}

/* fbBlock ------------------------------------*/

.fbBlock{
	float:none;
	width:100%;
}

}