@charset "UTF-8";

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
GREEN NOW
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#wrapper {
	color: #fff;
	background: #34233b;
}
#content h1 {
	line-height: 0;
	text-align: center;
}
#content h1 img {
	max-width: 100%;
}

#movie {
	background: #000;
	text-align: center;
	padding: 30px 0 38px;
	margin-bottom: 82px;
}
#movie .name {
	font-size: 22px;
	font-weight: bold;
	margin: 5px 0 0;
}
#movie .time {
	font-size: 12px;
}

#text {
	max-width: 800px;
	padding: 55px 0;
	margin: 0 auto;
	font-size: 16px;
	line-height: 32px;
	border-top: 1px solid #724c80;
	border-bottom: 1px solid #724c80;
}

#points {
	max-width: 800px;
	margin: 0 auto 95px;
}
#points li {
	margin-top: 65px;
}
#points li:after {
	content: "";
	display: block;
	clear: both;
}
#points li figure {
	float: left;
	width: 320px;
}
#points li figure img {
	max-width: 100%;
}
#points li dl {
	margin-left: 355px;
}
#points li dl dt {
	font-size: 20px;
	font-weight: bold;
	margin: -6px 0 10px;
}
#points li dl dd {
	font-size: 16px;
	line-height: 32px;
}

.ithiran a {
	color: #fff;
	border-color: #fff;
}
.ithiran a:after {
	border-color: #fff;
}

.ranking .titleBox {
	color: #724c80;
}
@media screen and (max-width:750px) {
	#movie{
		margin-bottom: 50px;
		padding-bottom: 25px;
		font-feature-settings: "palt";
	}
	#movie .movie {
		height: 0;
		position: relative;
		padding-top: 56.25%;
	}
	#movie .movie iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#movie .name {
		margin-top: 15px;
	}
	#text {
		margin: 0 20px;
		padding: 20px 0;
		letter-spacing: 0.1em;
		font-feature-settings: "palt";
	}
	#points {
		margin-bottom: 50px;
	}
	#points li {
		margin-top: 72px;
	}
	#points li + li {
		margin-top: 48px;
	}
	#points li figure img {
		width: 100%;
	}
	#points li figure,
	#points li dl {
		width: auto;
		float: none;
	}
	#points li dl {
		margin-left: 0;
	}
	#points li dl dt {
		margin: 18px 0 15px;
	}
}