@charset "utf-8";
.content__title:before{
	opacity:1;
	transform:translateY(0);
}
.t__movie{
	opacity:1;
	transform:translateY(0);
}
.movie{
	position:relative;
	z-index:20;
	min-height:100vh;
	min-height:100dvh;
	background:url(../img/common/news_flower-s.png) no-repeat right max(calc(-86 / var(--vw-min) * 100vw),-86px) top / min(calc(296 / var(--vw-min) * 100vw),296px) auto;
}
body.color--y .movie{
	background-image:url(../img/common/news_flower-s-y.png);
}
@media screen and (max-width:768px){
	.movie {
		background-image:unset !important;
	}
}
.movie:before{
	content:'';
	position:absolute;
	left:min(calc(15 / var(--vw-min) * 100vw),15px);
	top:min(calc(240 / var(--vw-min) * 100vw),240px);
	right:min(calc(20 / var(--vw-min) * 100vw),20px);
	bottom:0;
	background-image:url(../img/top/introduction_flower-r.png),url(../img/top/introduction_flower-l.png);
	background-repeat:no-repeat;
	background-position:right top,left bottom;
	background-size:min(calc(210 / var(--vw-min) * 100vw),210px) auto,min(calc(379 / var(--vw-min) * 100vw),379px) auto;
}
@media screen and (max-width:768px){
	.movie:before{
		top:calc(240 / var(--vw-min) * 100vw);
		bottom:0;
		background-image:url(../img/top/introduction_flower-l.png);
		background-position:left bottom;
		background-size:min(calc(379 / var(--vw-min) * 100vw),379px) auto;
	}
}
body.color--y .movie:before{
	filter:invert(1) grayscale(1);
}
.movie__inner {
	padding:min(calc(84 / var(--vw-min) * 100vw),84px) 0 min(calc(160 / var(--vw-min) * 100vw),160px);
}
@media screen and (max-width:768px){
	.movie__inner {
		padding:calc(72 / var(--vw-min) * 100vw) 0 calc(160 / var(--vw-min) * 100vw);
	}
}
.movie__tabLists {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	padding-bottom:min(calc(48 / var(--vw-min) * 100vw),48px);
	width:min(calc(600 / var(--vw-min) * 100vw),600px);
	margin:0 auto;
}
@media screen and (max-width:768px){
	.movie__tabLists {
		padding-bottom:calc(56 / var(--vw-min) * 100vw);
		width:calc(654 / var(--vw-min) * 100vw);
	}
}
.movie__tabItem {
	margin:0 min(calc(4 / var(--vw-min) * 100vw),4px) min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:768px){
	.movie__tabItem {
		margin:0 calc(6 / var(--vw-min) * 100vw) calc(12 / var(--vw-min) * 100vw);
	}
}
.movie__tabLink {
	display:flex;
	min-width:min(calc(80 / var(--vw-min) * 100vw),80px);
	height:min(calc(42 / var(--vw-min) * 100vw),42px);
	padding:0 min(calc(20 / var(--vw-min) * 100vw),20px);
	justify-content:center;
	align-items:center;
	border:min(calc(2 / var(--vw-min) * 100vw),2px) solid var(--color-lightyellow);
	border-radius:24px;
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
	font-weight:600;
	color:var(--color-lightyellow);
	text-decoration:none;
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.movie__tabLink {
		min-width:calc(120 / var(--vw-min) * 100vw);
		height:calc(64 / var(--vw-min) * 100vw);
		padding:0 calc(28 / var(--vw-min) * 100vw);
		border:calc(2 / var(--vw-min) * 100vw) solid var(--color-lightyellow);
		border-radius:64px;
		font-size:calc(24 / var(--vw-min) * 100vw);
	}
}
body.color--y .movie__tabLink {
	border-color:#000;
	color:#000;
}
@media screen and (hover:hover){
	.movie__tabLink:hover {
		background:var(--color-lightyellow);
		color:var(--color-red);
	}
	body.color--y .movie__tabLink:hover {
		background:#000;
		color:var(--color-lightyellow);
	}
}
.movie__tabLink.is-active {
	background:var(--color-lightyellow);
	color:var(--color-red);
}
body.color--y .movie__tabLink.is-active {
	background:#000;
	color:var(--color-lightyellow);
}
.movie__lists {
	width:min(calc(800 / var(--vw-min) * 100vw),800px);
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	font-weight:600;
}
@media screen and (max-width:768px){
	.movie__lists {
		width:calc(654 / var(--vw-min) * 100vw);
		display:block;
	}
}
.movie__item {
	width:min(calc(380 / var(--vw-min) * 100vw),380px);
	margin-bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.movie__item {
		width:100%;
		margin-bottom:min(calc(64 / var(--vw-min) * 100vw),64px);
	}
}
.movie__item.is-hidden {
	display:none;
}
.movie__empty {
	width:min(calc(800 / var(--vw-min) * 100vw),800px);
	margin:0 auto;
	padding:min(calc(80 / var(--vw-min) * 100vw),80px) 0;
	text-align:center;
	color:#fff;
	font-weight:600;
	letter-spacing:0.12em;
}
@media screen and (max-width:768px){
	.movie__empty {
		width:calc(654 / var(--vw-min) * 100vw);
		padding:calc(80 / var(--vw-min) * 100vw) 0;
		font-size:calc(28 / var(--vw-min) * 100vw);
	}
}
body.color--y .movie__empty {
	color:#000;
}
.movie__empty.is-hidden {
	display:none;
}
.movie__itemLink {
	display:block;
	width:100%;
	padding-top:56.25%;
	position:relative;
	margin-bottom:1em;
	overflow:hidden;
	background:#000;
}
.movie__itemLink img {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:all 0.6s ease;
}
@media screen and (hover:hover){
	.movie__itemLink:hover img {
		transform:scale(1.05);
	}
}
.movie__itemTitle {
	color:#fff;
	text-align:center;
}
@media screen and (max-width:768px){
	.movie__itemTitle {
		font-size:min(calc(28 / var(--vw-min) * 100vw),28px);
	}
}
body.color--y .movie__itemTitle {
	color:#000;
}
