@charset "utf-8";
/* CSS Document */

h1.movie_title {
  text-align: center;
font-weight: normal;
 font-size: 24px;
display: block;
 width: 536px;
 margin: 20px auto;
 overflow: hidden;
 line-height: 1.2;}
		  
h1.movie_title span {

}
 h1.movie_title span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
	 font-size: 18px
	 
}
 h1.movie_title span::before,
 h1.movie_title span::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 400%;
  height: 1px;
  background-color: #ccc;
}
 h1.movie_title span::before {
  right: 100%;
}
 h1.movie_title span::after {
  left: 100%;
}
		  
 .movie_cotanint{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
flex-wrap: wrap;
box-sizing: border-box;

}

 .movie_cotanint img{
margin: 0 auto 10px;
width: 100%;
max-width: 664px;
}
 .movie_cotanint p{
color: #646464;
display: block;
width: 664px;
margin: 0 auto 20px;
font-size: 18px;
line-height: 1.5;
font-weight: 400;
font-style: normal;
text-align:justify;}

.movie_caption{
font-size: 16px!important;
}

/*タブレットスタイル*/
@media only screen and (max-width : 879px) {
}
/*SPスタイル*/
@media only screen and (max-width : 699px) {
 .movie_cotanint{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
flex-wrap: wrap;
box-sizing: border-box;
padding: 10px;

}


 .movie_cotanint img{
margin: 0 auto 10px;

}
 .movie_cotanint p{
color: #646464;
display: block;
width: 100%;
margin: 10px auto 20px;
font-size: 15px;
line-height: 1.5;
font-family: "heisei-maru-gothic-std", sans-serif;
font-weight: 400;
font-style: normal;
text-align:justify;}

 .movie_cotanint p span{
display: inline-block;
margin: 0;
padding: 0;
}


.movie_caption{
font-size: 13px!important;
}


.movie_wrap{
padding-top: 56.25%;
    width: 100%;
    position: relative;
 top:0px; left:0px;}


#video01,#video02{
width: 100%!important;
	height: 100%;
	position: absolute;
    top: 0px;
    left: 0px;}

}



.btn-link-em--large,a.btn{
display: block;
width: 100%;
max-width: 330px;
margin: 0 auto;
 font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  padding: 1rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #333333;
  border-radius: 0.5rem;
  border:solid 1px #333;
}


.btn-link-em--large:hover,a.btn:hover{
 background-color: var(--clr-prime);
color: #FFFFFF;
 border:solid 1px  var(--clr-prime);

}