/* CSS Document */

.top_movie{
	/* padding: 100px 0; */
	padding: 6.25% 0;
}
.top_movie .trim{
	position: relative;
	/* overflow: hidden; */
	/* height:700px; */
	height:850px;
}
.top_movie .trim > *{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin: auto;
	width:100%;
	height:100%;
	object-fit: cover;
}
@media screen and (max-width: 999px) {
	.top_movie .trim{
		/* height:70vw; */
		height:85vw;
	}
}

.top_news{
	background-color: #FFF;
	margin-top: 100px;
	height: 10.75em;
	overflow: auto;
	text-align: left;
}
.top_news li{
	padding: 0 1em;
}
.top_news li > div{
	display: flex;
	align-items: flex-start;
	padding: 1.125em 0;
	border-top:solid 1px transparent;
}
.top_news li:nth-child(n+2) > div{
	border-color: #D2D0CD;
}
.top_news li > div *{line-height: 125%;}
.top_news li > div .date{width:10em;min-width:10em;}
.top_news li > div .text{}
.top_news li > div a:hover{color:#958058;}
@media screen and (max-width: 999px) {
	.top_news li > div .date{width:6em;min-width:6em;}
}

.top_more{
	text-align: left;
	padding-top: 1.5em;
}
.top_more a{
	display: inline-block;
	background-color: #603813;
	color:#FFF;
	padding: 0.75em 1em;
	font-weight: bold;
	line-height: 100%;
}
.top_more a:hover{background-color: #958058;}

.top_menubtn{display: flex;}
.top_menubtn a{
	display: block;
	width:775px;
	position: relative;
	background-color: #EEE;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
}
.top_menubtn a:hover{background-size: 120%;}
.top_menubtn a:nth-child(1){background-image: url(../images/top/mainpic-02A.jpg);}
.top_menubtn a:nth-child(2){background-image: url(../images/top/mainpic-02B.jpg);}
.top_menubtn a img{width: 100%;}
.top_menubtn a > div{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display: flex;
	align-items: center;
}
.top_menubtn .title{
	position: relative;
	width:100%;
	color:#FFF;
	font-weight: bold;
	padding: 40px 0;
}
.top_menubtn .title .bg{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 1;
	background-color: #958058;
	mix-blend-mode: multiply;
}
.top_menubtn .title .jp,
.top_menubtn .title .en{
	position: relative;
	z-index: 2;
	line-height: 100%;
}
.top_menubtn .title .jp{
	font-size: 200%;
	letter-spacing: 0.5em;
	padding-left: 0.5em;
}
.top_menubtn .title .en{margin-top: 0.75em;}
@media screen and (min-width: 1000px){
	.top_menubtn a:nth-child(n+2){margin-left: 50px;}
}
@media screen and (max-width: 999px) {
	.top_menubtn{flex-direction: column;}
	.top_menubtn a{width:100%;}
	.top_menubtn a:nth-child(n+2){margin-top: 2%;}
	/*
	.top_menubtn a{width:49%;}
	.top_menubtn a:nth-child(n+2){margin-left: 2%;}
	.top_menubtn .title .jp{
		font-size: 175%;
		letter-spacing: 0;
		padding-left: 0;
	}
	*/
}

.top_list{
	border: solid 1px #CCCCCC;
	padding: 1em;
}
.top_list h3{
	text-align: center;
	font-size: 125%;
	line-height: 200%;
}
.top_list li{
	text-align: left;
	line-height: 200%;
	text-indent: -1.5em;
	padding-left: 1.5em;
	margin-top: 1em;
}
.top_list li img{
	display: inline-block;
	height:1em;
	vertical-align: -0.125em;
	margin-right: 0.5em;
}
@media screen and (max-width: 999px) {
	.top_list h3{
		/* font-size: 110%; */
		font-size: 20pt;
	}
}

.top_tenpo{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	text-align: left;
}
.top_tenpo > ul{width:380px;}
.top_tenpo > ul li{}
.top_tenpo > ul li:nth-child(n+2){margin-top: 1em;}
.top_tenpo > ul li > *{line-height: 150%;}
.top_tenpo > ul li > b{display: block;}
.top_tenpo > ul li > div{padding-left: 1em;}
.top_tenpo .card{
	display: flex;
	flex-wrap: wrap;
	margin-right: -1em;
	margin-bottom: 1em;
}
.top_tenpo .card img{
	height: 67px;
	margin-top: 1em;
	margin-right: 1em;
}
.top_tenpo > div{width: 500px;}
.top_tenpo > div > *{
	border:solid 1px #777;
	width:100%;
	/* height:100%; */
	min-height:610px;
}
@media screen and (max-width: 999px) {
	.top_tenpo{flex-direction: column;}
	.top_tenpo > ul{width:100%;}
	.top_tenpo > div{
		width:100%;
		margin-top: 1em;
	}
	.top_tenpo > div > *{
		min-height:580px;
	}
}