@charset "utf-8";

/*==================================================
base
==================================================*/


/*==============================================================
contents
==============================================================*/

#page{

}

/*--------------- header ---------------*/
header{

}


/*--------------- contents ---------------*/

/*** topMain ***/
#topMain,
#topMain img{
	width: 100%;
	height: auto;
    overflow: hidden;
}

/*** metaSlider style ***/
#topMain .metaslider .caption-wrap{
	bottom: 50px;
	left: 5%;
	background: transparent;
	color: white;
	opacity: 1;
	margin: 0;
	display: block;
	width: calc(100% - 60px);
}
#topMain .metaslider .caption-wrap h2{
	font-size:6.5em;
	line-height: 1.3em;
	font-weight: 500;
	text-shadow:0 0 2px rgba(0, 0, 0, 0.9),1px 1px 4px rgba(0, 0, 0, 0.7);
	opacity:0;
	transform:translateX(-200px);
}
#topMain .metaslider .caption-wrap p{
    font-weight: 500;
	text-shadow:0 0 2px #000,1px 1px 4px rgba(0, 0, 0, 0.8);
}
#topMain .flex-control-nav {
   bottom: auto;
}
#topMain .metaslider li{
	
}

/*heder animation*/
#topMain .metaslider li.flex-active-slide .caption-wrap h2{
	animation:hlAnime 0.4s 0.2s ease-in-out forwards;
}

#topMain {
	background-color:#ebedef;
}
/*** metaSlider style ***/
#topMain .gallery {
    width:100%;
/*    height:80vh;*/
    margin-bottom:30px;
}
#topMain .gallery .gallery-item{
    width:100%;
    height:70vh;
    min-height: 500px;
    max-height: 700px;
    overflow: hidden;
    position: relative;
    background-color:#000;
}
#topMain .gallery img{
    display: block;
    width:100%;
    height:auto;
    position: absolute;
    top:50%;
    left:0;
    margin-top:-30%;
}
#topMain .gallery .gallery-caption{
    position: absolute;
	bottom: 50px;
	left: 5%;
/*	background: transparent;*/
	color: white;
	opacity: 1;
	margin: 0;
	display: block;
	width: calc(100% - 60px);
}
#topMain .gallery h2{
	font-size:6.5em;
	line-height: 1.3em;
	font-weight: 500;
	text-shadow:0 0 2px rgba(0, 0, 0, 0.6),1px 1px 4px rgba(0, 0, 0, 0.3);
	opacity:0;
	transform:translateX(-200px);
}
#topMain .gallery p{
    font-weight: 500;
	text-shadow:0 0 2px #000,1px 1px 4px rgba(0, 0, 0, 0.5);
}

/*heder animation*/
#topMain .gallery .slick-active h2{
	animation:hlAnime 0.4s 0.2s ease-in-out forwards;
}

@keyframes hlAnime {
	0% {
		opacity:0;
		transform:translateX(-200px);
	}
	100% {
		opacity:1;
		transform:translateX(0);
	}
}

#newPosts,
#newInfo {
	padding:30px 0 50px 0;
}
#newPosts {
	background-color:#ebedef;
}
#newInfo {
    background-color:#fff;
}

#newPosts h2,
#newInfo h2{
	margin:50px auto 40px;
	font-size:2em;
	text-align: center;
}
#newPosts p,
#newInfo p{
	font-size:0.78em;
	display: block;
}

#newPosts .thumb{
	width:100%;
	height: 0;
/*	padding-top:60%;*/
	background-position: center;
    background-repeat: no-repeat;
	background-size: cover;
}
#newInfo li{
    border:1px solid #ccc;
    padding:20px;
}
#newInfo li .infoThumb{
	width:100%;
	height: 0;
/*	padding-top:60%;*/
	background-position: center;
    background-repeat: no-repeat;
	background-size: cover;
    margin-bottom:1em;
}
#newPosts li p.data,
#newInfo li p.date{
    font-size:0.84em;
}
#newPosts li p.bodyc,
#newInfo li p.bodyc{
    font-size:0.75em;
    line-height: 1.8em;
    padding-top:1em;
}

#newPosts li p,
#newInfo li p{
	margin-top: 0.5em;
	line-height: 1.4em;
}
#newPosts li p span,
#newInfo li p span{
	display: block;
	color:#6d83b3;
	font-size:1.06em;
	padding:0.25em 0;
}



@media screen and (max-width:640px) {

}