/*------------------------------------------------------------------------------
								NEWS
------------------------------------------------------------------------------*/
.contents-box {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 60px 100px;
}
a:link {
text-decoration:underline;
}
.center {
	text-align: center!important;
}
.indent {
 text-indent: -1em;
 padding-left: 1em;
}
.box {
	margin-top: 30px;
}
.box .side {
	display: table-cell;
	width: 28%;
	box-sizing: border-box;
	vertical-align: top;
	padding-top: 10px;
}
.box .side .news-index {
	font-weight:400;
	font-family: "Bebas Neue", sans-serif;
	font-size:26px;
	letter-spacing: 0.05em;
	line-height:1em;
	margin-bottom:15px;
	padding:0;
	color:#f0cb68;
	border-top:none;
	border-bottom:none;
}
.box .side h3 {
	font-weight:400;
	font-family: "Bebas Neue", sans-serif;
	letter-spacing: 0.05em;
	color:#f0cb68;
	font-size:30px;
	line-height:1em;
	margin-bottom:4px;
	box-sizing:border-box;
	padding-left:30px;
	background:url("../../img/common/arrow2.png") no-repeat left top 3px;
	background-size:20px 20px;
}
.box .side p {
	font-weight:500;
	font-family: 'Noto Sans JP', sans-serif;
	color:#f0cb68;
	font-size:16px;
	line-height:1.7em;
	text-align:justify;
	box-sizing:border-box;
	padding-left:30px;
}
.box .side ul li {
	position:relative;
	padding:20px 0 20px;
	border-top:1px dotted #666666;
}
.box .side ul li:last-child {
	border-bottom:1px dotted #666666;
}
.box .side ul li a {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	text-indent:-999999px;
}
.box .main {
    width: 72%;
    display: table-cell;
    padding: 0 0 0 4%;
    vertical-align: top;
    box-sizing: border-box;
}
.box .main ul {
    width: 100%;
}
.main ul li {
	margin-top: -60px;
	padding-top: 60px;
	padding-bottom:100px;
}
.main ul li:last-child {
	padding-bottom:0px;
}
.main ul li h3 {
	font-weight:400;
	font-family: "Bebas Neue", sans-serif;
	letter-spacing: 0.05em;
	color:#f0cb68;
	font-size:32px;
	line-height:1em;
	margin-bottom:10px;
}
.main ul li h4 {
	font-weight:500;
	color:#f0cb68;
	font-size:28px;
	line-height:1.5em;
	text-align:justify;
	margin-bottom:20px;
	font-family: 'Noto Serif JP', serif;
}
.main ul li h5 {
	width: 100%;
	font-weight:400;
	font-family: 'Noto Serif JP', serif;
	color:#f0cb68;
	font-size:24px;
	line-height:1.6em;
}
.main ul li p {
	line-height: 2em;
	text-align:justify;
	display:block;
}
.main ul li p strong {
	font-size: 24px;
	font-weight: 600;
}
.main ul li .comment {
	padding:30px 30px 30px;
	border:1px solid #f0cb68;
}
.main ul li .comment h6 {
	display: inline-block;
	line-height: 2em;
	font-size: 18px;
	color: #f0cb68;
	border: 1px solid #f0cb68;
	padding: 0 1em;
}
.main ul li .photo {
	position:relative;
}
.main ul li .photo img {
	width:100%;
	box-sizing:border-box;
}
.main ul li .border-none img {
	border:none;
}
.main ul li .photo .space ,.main ul li .photo-half .space,.main ul li .photo-half2 .space {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}
.main ul li ul {
	position: relative;
	overflow: hidden;
	padding: 0!important;
}
.news ul li .chu {
	font-size:80%;
	text-align:justify;
	text-indent:-1em;
	padding-left:1em;
	line-height:1.5em;
}
/*------------------------------------------------------------------------------
								TRAILER AREA
------------------------------------------------------------------------------*/
.trailer-area {
	width:100%;
	margin:0 auto;
}
.trailer-area .prArea {  
	margin: 0 auto 0 auto;
	padding:0 0 0px 0;
	color: #000;
	font-size: 16px;
	line-height: 1.6em;
	width:100%;
}

.trailer-area .video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin:0;
	background:#000000;
}
.trailer-area .video-container iframe {
	position: absolute;
	top: 2px;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 1000px) {
/*------------------------------------------------------------------------------
								NEWS
------------------------------------------------------------------------------*/
.contents-box {
	padding: 0 40px 0;
}
.box {
	margin-top: 30px;
}
.box .side {
	display: none;
}
.box .main {
    width: 100%;
    padding: 0 0 0 0;
}
.main ul li {
	padding-bottom:10vw;
}
.main ul li:last-child {
	padding-bottom:0px;
}
.main ul li h3 {
	font-size:6vw;
	margin-bottom:1.5vw;
}
.main ul li h4 {
	font-size:4.8vw;
	margin-bottom:3vw;
}
.main ul li h5 {
	font-size:3.6vw;
	text-align: justify;
}
.main ul li p strong {
	font-size: 3.6vw;
}
.main ul li .comment {
	padding:3vw 3vw 3vw;
	border:2px solid #f0cb68;
}
.main ul li .comment h6 {
	font-size: 2.8vw;
}
}


@media print{
.main ul li .photo-none {
	display:none;
}
}