@charset:"UTF-8";

@media screen and (min-width: 897px){
.movielist ul{
	width:100%;
	margin:3% auto;
	padding:0;
}
.movielist ul li{
    display: block;
	padding:1%;
    position:relative;
    height: 380px;
    width: 712px;
    margin: 0 auto 8%;
}
.movielist ul .lavel{
	background: #e69d66;
    color: #fff;
    font-size: 2.1rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 1% auto;
    padding: 10px 28px;
    width: 120px;		    
    position:absolute;
    bottom: 0;
    left: 7px;
}
}
@media screen and (max-width: 896px){
.pageTitle { 
	margin-bottom: 0px;
	background: #F8F6E9;
	position: relative;
	width: 90%;
	height: 100px;
	margin: 0px auto;
}

.movielist ul{
	width: 100%;
	margin:3% auto;
	padding:0;
}
.movielist ul li{
	padding:1%;
	margin: 0 auto 10%;
    position:relative;
}
.movielist ul .lavel{
	background: #e69d66;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-align: center;
    display: block;
    margin: 1% auto;
    padding: 5px 10px;
    width: 120px;
    position: absolute;
    bottom: 4px;
    left: 3px;
}
}