@charset "UTF-8";

#renewal2022 article {
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#renewal2022 .secWrap {
	position: relative;
}

#renewal2022 .head .secWrap {
	max-width: 1280px;
	margin: 0 auto;
	width: 100%;
	padding: 0;
}

#renewal2022 .recommended .secWrap,
#renewal2022 .sec01 .secWrap,
#renewal2022 .sec02 .secWrap,
#renewal2022 .sec03 .secWrap {
	background: #fff;
	max-width: 1280px;
	margin: 0 auto;
	width: 100%;
	padding: 2vw 0 0;
}

#pageTop {
	position: fixed;
	right: 1em;
	bottom: 1em;
	width: 80px;
}

@media(min-width: 769px){

	#renewal2022 ._sp {
		display: none !important;
	}

	#renewal2022 .sec01 .secWrap a:hover img,
	#renewal2022 .sec02 .secWrap a:hover img,
	#renewal2022 .sec03 .secWrap a:hover img {
		opacity: 0.5;
		transition: .3s;
	}

}

@media(max-width: 769px){

	#renewal2022 ._pc {
		display: none !important;
	}

	#pageTop {
		width: 5em;
	}

	#header .header-logo {
		padding: 0 1em;
	}

}

/*
sec01
**********************************************/

#renewal2022 .sec01 .secWrap dd {
	text-align: center;
}


@media(min-width: 769px){

	#renewal2022 .sec01 .secWrap dl {
		display: flex;
		width: 1000px;
		margin: 2vw auto;
		align-items: center;
	}

	#renewal2022 .sec01 .secWrap dt {
		width: 30%;
	}

	#renewal2022 .sec01 .secWrap dd {
		width: 70%;
		line-height: 2;
		font-size: 1.75em;
	}

}

@media(max-width: 769px){

	#renewal2022 .sec01 .secWrap {
		margin: 1.5em;
		width: auto;
	}

	#renewal2022 .sec01 .secWrap dl {
	}

	#renewal2022 .sec01 .secWrap dt {
		width: 65%;
		margin: 0 auto 1.5em;
		display: block;
	}

	#renewal2022 .sec01 .secWrap dd {
		font-size: 3.5vw;
	}

}

/*
sec02
**********************************************/

#renewal2022 .sec02:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(143, 178, 52, 0.5), rgba(52, 169, 178, 0.5));
	background-image: -o-linear-gradient(left, rgba(143, 178, 52, 0.5), rgba(52, 169, 178, 0.5));
	background-image: linear-gradient(to right, rgba(143, 178, 52, 0.5), rgba(52, 169, 178, 0.5));
}

#renewal2022 .sec02 .secWrap h2 {
	background: #dcce93;
}


@media(min-width: 769px){

	#renewal2022 .sec02 .secWrap h2 img {
		width: 75%;
		margin: 0 auto;
		display: block;
	}

/*
	#renewal2022 .sec02 .secWrap ul {
		display: flex;
		flex-wrap: wrap;
		margin: 1.5em 0;
	}

	#renewal2022 .sec02 .secWrap ul li {
		margin: 1.5vw 0;
		width: calc( 100% / 3 );
		box-sizing: border-box;
	}
*/
/*
	#renewal2022 .sec02 .secWrap ul li:nth-child(1),
	#renewal2022 .sec02 .secWrap ul li:nth-child(2) {
		width: 50%;
	}

	#renewal2022 .sec02 .secWrap ul li:nth-child(3),
	#renewal2022 .sec02 .secWrap ul li:nth-child(4),
	#renewal2022 .sec02 .secWrap ul li:nth-child(5) {
		width: calc( 100% / 3 );
	}

	*::-ms-backdrop,
	#renewal2022 .sec02 .secWrap ul li:nth-child(3),
	#renewal2022 .sec02 .secWrap ul li:nth-child(4),
	#renewal2022 .sec02 .secWrap ul li:nth-child(5) {
		width: 33.33%;
	}

	#renewal2022 .sec02 .secWrap ul li:nth-child(1) img {
		padding-right: 1.5vw;
	}

	#renewal2022 .sec02 .secWrap ul li:nth-child(2) img {
		padding-left: 1.5vw;
	}

	#renewal2022 .sec02 .secWrap ul li:nth-child(3) img {
		padding-right: 1.5vw;
	}

	#renewal2022 .sec02 .secWrap ul li:nth-child(4) img {
		padding: 0 0.75vw;
	}

	#renewal2022 .sec02 .secWrap ul li:nth-child(5) img {
		padding-left: 1.5vw;
	}

*/
/*
	#renewal2022 .sec02 .secWrap ul li > img.new {
		position: absolute;
		margin-top: -2%;
		width: 6em;
		margin-left: 6%;
		z-index: 1;
	}

	#renewal2022 .sec02 .secWrap ul li:nth-child(1) img,
	#renewal2022 .sec02 .secWrap ul li:nth-child(4) img {
		padding-right: 1.5vw;
	}

	#renewal2022 .sec02 .secWrap ul li:nth-child(2) img,
	#renewal2022 .sec02 .secWrap ul li:nth-child(5) img {
		padding: 0 0.75vw;
	}

	#renewal2022 .sec02 .secWrap ul li:nth-child(6) img {
		padding-left: 1.5vw;
	}
*/

}

@media(max-width: 769px){

	#renewal2022 .sec02 .secWrap h2 {
		padding: 0.5em 0;
	}

	#renewal2022 .sec02 .secWrap ul {
		margin: 1.5em 5% 0;
	}

	#renewal2022 .sec02 .secWrap ul li {
		margin: 0 0 1.5em;
	}

	#renewal2022 .sec02 .secWrap ul li > img.new {
		position: absolute;
		margin-top: -1%;
		width: 9%;
		height: 5%;
		margin-left: 12%;
		z-index: 1;
	}

}

@media(min-width: 769px){

	#renewal2022 .recommended .secWrap h2 {
		margin: 1.5em auto 4em;
		width: 65%;
	}

}


@media(max-width: 769px){

	#renewal2022 .recommended .secWrap {
		margin: 1em 0;
		width: auto;
	}

	#renewal2022 .recommended .secWrap h2 {
		margin: 1.5em auto;
		width: 80%;
	}

	#renewal2022 .movie-content__heading {
		margin: 0 1em;
	}

	#renewal2022 .movie-content ul.xp_thumbnails {
		margin-left: -1em;
	}

}

@media(min-width: 769px){

	#renewal2022 .sec02 .secWrap ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 1.5em 0;
	}

	#renewal2022 .sec02 .secWrap ul li {
		margin: 1.5vw 0;
		width: 32%;
		box-sizing: border-box;
	}

	footer .footer__nav li {
		width: 20%;
	}

	footer .footer__nav li:last-child {
		clear: none !important;
	}

}