@charset "UTF-8";
/*============================================================
	Author and Copyright
		Author    :  prosysta Inc, (http://prosysta.co.jp/)
		Created   :  2018.02
		Modified  :  2018.02
============================================================*/

/* ALLopa_index
--------------------------------------------- */
.bnr_movie {
	text-align: center;
  margin-bottom: 45px;
}
.bnr_movie a.iframe {
	width: 90%;
	display: block;
	margin: auto;
	border-style:none;
}


/* ifame
--------------------------------------------- */
body.moviePage {
	overflow-y : hidden ;
	margin: 0;
}
.cboxIframe {
	background-color: transparent!important;
}
.cf:after {
	clear: both;
	content: " ";
	display: block;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	list-style-type: none;
}
.videoPlayer {
	position: absolute;
	z-index: 999;
	top: 100px;
	height: auto;
}
.player {
	position: relative; 
	padding-bottom: 56.25%;
	height: 0;
	overflow:hidden;
	max-width: 100%;
	height: auto;
}
.player iframe {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}
.closeBtn {
	position: absolute;
	width: 30px;
	height: 30px;
	cursor: pointer;
	right: 0;
	top: -38px;
	overflow: hidden;
}
.closeBtn a img {
	width: 100%;
}
.movieNavi {
  margin: 0 -.75%;
}
#thumbnail {
	margin-top: 20px;
  box-sizing: border-box;
  width: 100%;
}
#thumbnail li {
	display: block;
	float: left;
	width: calc(100% / 3);/* 3col */
	width: calc(100% / 4);/* 4col */
}
#thumbnail li a {
	display: block;
	margin: 0 2% 1%;
}
a ,
a img {
	border-style: none;
	outline: none;
}
#thumbnail li img {
  width: 100%;
  height: auto;
}


/* colorbox
--------------------------------------------- */
#cboxBottomCenter ,
#cboxTopLeft ,
#cboxBottomLeft ,
#cboxMiddleLeft ,
#cboxMiddleRight ,
#cboxContent [type=button] {
	display: none!important;
}
#cboxContent .cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
}
#cboxOverlay {
	background-image: none!important;
	background: #000!important;
}
#cboxContent {
	background: none!important;
}
#cboxLoadedContent {
  padding: 0;
  overflow: auto;
}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose , #cboxTitle {
  top: -30px;
}
#colorbox, #cboxOverlay, #cboxWrapper {
  overflow: visible ;
}
#cboxTitle {
	display: none!important;
}
#inline-content {/* インラインを使用する時のみ */
  margin: 20px;
}
#ajax-wrap {/* ajaxを使用する時のみ */
  margin: 20px;
}

@media (max-width: 767px) { /* forSP */
.bnr_movie {
  margin-bottom: 20px;
}
#cboxContent {
	float:none!important;
	margin: auto;
}
iframe#player {
	width: 100%!important;
}


}/* END SP */
@media (min-width: 768px){ /* forPC */
.bnr_movie a.iframe {
	width: 520px;
}
.closeBtn {
	top: -58px;
	width: 47px;
	height: 47px;
}
.videoPlayer {
	left:50%;
	-webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#thumbnail li {
  max-height: 110px;
	overflow: hidden;
}
#thumbnail li img {
  margin-top: -1em;
}


}/* END PC */



.ban_open_shop_info {
	width:520px;
	margin:15px auto;
}

.ban_open_shop_info img {
	width:100%;
}

@media (max-width: 767px) {
	.ban_open_shop_info {
		width:95%;
		margin:15px auto;
	}
}



#colorbox, #cboxOverlay, #cboxWrapper {
  z-index: 50000!important;
}