/*===============================================
movie_archiveのページ固有スタイル
===============================================*/
.page_movie-archive .eyecatch img {
    max-width: 100%;
    display: block;
		border: 5px solid #fff;
box-sizing: border-box;
}
.page_movie-archive .h-style1{
	color:#fff;
background:#6ec8c8;
border-top: 1px solid #55b1b1;
border-bottom: 1px solid #55b1b1;
	/*background:url("images/movie-archive_h.jpg")no-repeat;*/
background-size:100px;
	background-position:left;
	text-align: left;
	padding:4px 0px 0px 60px;
	font-size: 20px;
	position: relative;
	margin: 0px 10px;
}
.page_movie-archive h1.h-style1::before{
	content: "";
	height: 45px;
	width:60px;
	background: url("../images/movie-archive/movie-archive_h.jpg") no-repeat;
	z-index:2;
	position: absolute;
	left: 0px;
	bottom: -2px;
	background-size: auto 100%;
}
.page_movie-archive .h-style1::after{
	content: "";
	height: 36px;
	width: 110px;
	background: url("../images/movie-archive/movie-archive_text.jpg") no-repeat;
	z-index: 2;
	background-position: right center;
	position: absolute;
	bottom: 0px;
	background-size: auto 14px;
	right: 10px;
}
.page_movie-archive .movie-list li{
	width:50%;
	padding:10px;
	box-sizing:border-box;
	float: left;
}
.page_movie-archive .movie-list li iframe{
	width:100%;
	height: 260px;
}
.page_movie-archive .movie-list h1{
	border-top: 4px solid #55b1b1;
	background: url("../images/movie-archive/movie-archive_icon.png") no-repeat;
	background-size: 20px;
	background-position: left;
	font-size: 14px;
	height: 30px;
	padding: 7px 0px 0px 30px;
	font-weight: normal;
	text-align: left;
}
/*===============================================
index.html固有スタイル
===============================================*/
.section_reservation-info{

}
.section_reservation-info{
  display:flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.page_movie-archive .section_reservation-info{
	display:block;
	text-align:center;
  }
.section_reservation-info .info-banner-area{
  width:793px;
  margin: 0px auto 10px;
  position:relative;
}
.section_reservation-info .info-banner-area .info-banner-bg{
  width:100%;
  z-index:1;
}
.section_reservation-info .info-banner-area .online-reservation-button{
  width:177px;
  position:absolute;
  left:50%;
  bottom: -4px;
  margin-left: -88px;
  z-index: 2;
  transition:all .3s;
}




.section_reservation-info .info-button{
margin-bottom: 4px;
transition:all .3s;
}
.section_reservation-info .info-banner-area .online-reservation-button:hover{
  /*opacity:0.9;*/
  filter: brightness(110%);
}
.section_reservation-info .info-button:hover{
  opacity:0.7;
}









/*===============================================
index.html固有スタイル
===============================================*/
.side-button-area{
  position:fixed;
right: -40px;
  top:50%;
  margin-top:-88px;
  z-index: 3;
  display: flex;
  flex-direction:column;
}
.side-button-area img{
  transition:all .3s;
}
.side-button-area img:first-child{
  margin-bottom:20px;
}
.side-button-area img:hover{
  opacity:0.7;
}