@charset "UTF-8";


#movie{
	background-image: url(../images/common/content_bg02.png),url(../images/common/content_bg01.png),url(../images/common/content_bg05.png);
    background-position: center bottom,center top,left top;
    background-repeat: no-repeat,no-repeat,repeat;
    background-size: 100%,100%,37px;
    padding:5px 0 60px 0;
}

#movie h1{
	width:320px;
	margin:0 auto;
}

.content_wrap{
    width:310px;
    margin: 0 auto;
    position: relative;
	
}
.content_wrap .contents_box{
    width:306px;
    background-color:#FFFFFF; 
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    -webkit-border-left-radius: 15px;
    -webkit-border-right-radius: 15px;
    border:solid 2px #279dd8; 
    border-top:none;   
	padding-bottom:13px; 
	padding-top:20px;
}


.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-wrapper1 ,.video-wrapper2{
	width:280px;
	max-width: 100%;
}

.video-wrapper2{display:none;}

.youtubewrap{
	width:280px;
	margin:0 auto;
}


.contents_box ul {
	width:280px;
	margin: 0 auto;
}

.contents_box ul li{
	display:inline-block;
}

.contents_box ul li:nth-child(odd){
	margin-right:5px;
}

.contents_box p{
	margin: 12px 0 5px 0;
}

/*movie iframe*/
#moviepl {
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: none;
	background-color: #000;
}

#moviepl .wrap {
	position: relative;
	margin: 20px auto 0 auto;
	text-align: center;
}

.youtubewrap2{
	text-align:center;
    width: 100%;
    height: 100%;
}
.youtubewrap2 iframe {
  position: absolute;
  top: 0;
  left: 5.9375%;
  width: 87.5%;
  height: 87.5%;
}
.movie-wrap {
  position: relative;
  width: 100%;
}
.movie-close{
	text-align:center;
	padding:0;
}