@charset "utf-8";

/*==========================================
 [main]
===========================================*/

/* --------------------------------
	common
---------------------------------- */
.mainSec_top > section {
	clear: both;
}

@media (max-width: 992px)  {
	.mainSec_top > section {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
}
@media (min-width: 993px)  {
	.mainSec_top {
		margin-bottom: 8rem;
	}
	.mainSec_top > section {
		padding-top: 8rem;
		padding-bottom: 8rem;
	}
}

/* --------------------------------
 movie-item 
----------------------------------*/
.movie-item {
	z-index: 888;	
}
.movie-item > div{
	position: relative;
	text-align: center;
}
.movie-item .topmovieTxt {
	z-index: 800;	
	position: absolute;
  /*top: calc(50% - 2.0em);*/
	left: 0;
	right: 0;
	display: inline;
}
.movie-item video {
  width: 100%;
  height: auto;
	z-index: 2;
}
@media (max-width: 992px)  {
	.movie-item {
		padding-top: 50px;
		margin-bottom: 3.5rem;
	}
	.movie-item .topmovieTxt {
		top: calc(50% - 2.0em);
	}
	.movie-item .topmovieTxt img {
		width: 120px;
	}
}
@media (min-width: 993px)  {
	.movie-item {
	/*	margin-top: -80px;*/
/*		margin-top: -130px;*/
		margin-bottom: 6.5rem;
	}
	.movie-item .topmovieTxt {
		top: calc(50% - 7.0em);
	}
}
/*
@media (max-width: 767px)  {
	.movie-item {
		display: none;
	}
}
*/
/*
@media (min-width: 993px) and (max-width: 1024px)  {
	.movie-item {
		height: 57vh;
	}
	.movie-item video {
		background-color: #231815000;
		height: 57vh;
	}
}
@media (min-width: 1025px) and (max-width: 1366px)  {
	.movie-item {
		height: 88vh;
	}
	.movie-item video {
		background-color: #231815000;
		height: 88vh;
	}
}
*/


/* --------------------------------
 topreadWrapp
----------------------------------*/
.topreadWrapp {
	margin-bottom: 5.5rem;
}
.topreadWrapp h2 {
	color: #333;
	font-weight: 600;
	border-bottom: none;
	margin-bottom: 3.0rem;
}
@media (max-width: 992px)  {
	.topreadWrapp h2 {
		font-size: 1.8rem;
	}
	.topreadWrapp p br{
		display: none;
	}
}
@media (min-width: 993px)  {
	.topreadWrapp h2 {
		font-size: 3.3rem;
	}
}


/* --------------------------------
 newsWrapp
----------------------------------*/
.newsList {
	border-top: 1px solid #f08300;
	border-bottom: 1px solid #f08300;
	margin-bottom: 3.0rem;
}
.newsWrapp h3 {
	margin-bottom: 1.0rem;
}
.newsList dt {
	font-weight: 400;
	line-height: 1.4;
	display: block;
	border-top: 2px #fff solid;
}
.newsList dd{
	line-height: 1.4;
}

@media (max-width: 992px) {
	.newsList dt{
		padding: 10px 2px 0;
	}
	.newsList dd{
		padding: 0 2px 10px 2px;
	}
}
@media (min-width: 993px) {
	.newsWrapp h3 {
		font-size: 2.0rem;
	}
	.newsList dt{
		width: 110px;
		float: left;
		padding:15px 0px;
		border-top: 2px #fff solid;
	}
	.newsList dd{
		padding-left: 110px;
		padding:15px 15px;
		border-top: 2px #fff solid;
	}
}