@charset "UTF-8";

html {
}
body {
	font-family: 'Josefin Sans', 'Yusei Magic', sans-serif;
	background-color:#a17a51;
	margin: 0 auto;
	padding: 0;
	color:white;
}

.header{
	text-align: center;
}

.header img{
	width: 15%;
}


.wrapper{
	/*border:1px solid white;*/
	width: 90%;
	margin: 0 auto;
}

.container{
	/*border: 10px solid #a17a51; */
	border-radius: 40px;
	/* box-shadow: 0px 0px 20px #ffffff; */
	margin: 40px 0px;
	padding: 20px;
	background-color: #ffffffd6;
	color: black;
	word-break: break-word;
}

.container h1, .container h2{
	padding-left: 20px;
}

.contents{
	/*border:1px solid blue;*/
	display: flex;
	justify-content: space-around;
	padding-bottom: 20px;
}


.contents_item{
	/*order: 5px solid white;*/
	border-radius: 20px;
	/*box-shadow: 0 0 20px white;*/
	width: 45%;
	display: flex;
	justify-content: center;
}


@media screen and (max-width: 1080px) {
	.contents_item{
		width: 100%;
	}
}

.contents_img{
	/*border:1px solid yellow;*/
	width: 45%;
	margin: 20px auto;    
	border-radius: 20%;
	overflow: hidden;
	box-shadow: 0 0 10px white;
	
}


.contents_img img{
	width: 100%;
	height: 100%;
}

.contents_desc{
	/*border:1px solid red;*/
	width: 45%;
	padding:10px;
	margin:10px;
}


.contents_desc h2{
	margin: 0 auto;
	border-bottom: 1px solid white;
	padding: 0px;

}

.contents_desc p{
	margin: 10px auto;
	border-bottom: 1px solid white;
	
}


.movies{
	display: flex;
	justify-content: space-evenly;
	padding-bottom: 30px;
}


@media screen and (max-width: 1080px) {
	.movies{
		flex-direction: column;
		aspect-ratio: 1/1;
		padding: 50px;
	}
}


.movies iframe{
	padding:10px;
	margin:10px;
}
@media screen and (max-width: 1080px) {
	.movies iframe{
		padding:0px;
		margin:20px auto;
	}
}