/*
*  style.css
*/

body {
	margin: 0px;
	padding: 0px;
	color: #999;	/*全体の文字色*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 2;	
	font-size: 16px; 
	background: #e7eff6;	/*背景色*/
	-webkit-text-size-adjust: none;
}
  p {
    font-size: 1rem;
}
b {
  color: #ff0000;
}
h4 {
    font-size: 1.4rem;
	color:#35BCDC;
}

a {
  color : #ff7043;
  text-decoration: none;
  transition: color 0.3s;
}

a:hover {
  text-decoration: underline;
}


.logo {
    text-align: center;
    margin-top: 100px;
	
}
.img_ {
    text-align: center;
	width: 80%;
}
.sns {
text-align: center;
margin: 50px auto 0;
width: 60%; 
}
.no-spam {
    display: none;
}

/* copy */
.copy-area {
display: flex;
height: 80px;
justify-content: center;
align-items: center;
width: 100%;
background: #65a9e9;
    font-size: 0.875rem;
    color: #666;
}
.copy-area img{
display: flex;
align-items: center;
margin: 0 20px;

}

.row-area{
max-width: 800px;
margin: 0 auto 50px auto;
}
.movie-info{
text-align: center;
margin: 50px auto 0;
width: 90%; 
}

.flyer{
margin: 0px auto;
width: 90%;
background-color: #ffffff;/*追加*/
}
.flyer img {
margin: 0px auto;
width: 100%;
}
.sche {
    text-align: left;
	margin: 0 auto;
	width: 70%;
}
.flyer2{
margin: 0px auto;
max-width: 720px;
background-color: #7fbe25;/*変更#64c7f1,#1dafe6,#f4b4d0*/
color:#fff!important;
}
.flyer2 img{
margin: 0px auto;
width: 100%;
}
.flyer2 a{
color:#fff!important;
text-align: center;
}

/* img並び */
.Flexarea {
display: flex;
flex-wrap: wrap;
gap: 20px 18%; /* 画像の間に余白を設定 */
margin:0 30px;
}
.Frexarea img{
    width: 50%; /* 画像が複数並ぶ */
}
 .Flexarea figcaption,
 .Flexarea div {
 text-align: center
 }
 
.promo{
margin: 0px auto;
}
@media screen and (max-width: 480px) {
p {
    font-size: 1rem;
}
h4 {
    font-size: 1.4rem;
}
.row-area{
padding: 0px 10px;
}
.movie-info iframe {
  width: 320px;
  height: 180px;
}
.logo {
    margin: 25vh auto 0;
    transform: translateY(-50%);
    text-align: center; 
} 
.sche {
	margin: 0 auto;
	width: 95%;
}
.flyer{
max-width: 480px;
}

.flyer img {
width: 100%;
}

.flyer2{
max-width: 470px;
}
.flyer2 img{
width: 100%;
}

.Flexarea {
flex-wrap: wrap; /* 画像を折り返す */
}
.Frexarea img{
    width: 100%;
}


.img_ {
padding: 0px 10px;
width: 100%;
}
.sns {
margin: 50px auto 0;
width: 100%; 
}
  
}