/*/////////////////////////////////////////////////////////////////////////////////////////////////

 Flip Layout

/////////////////////////////////////////////////////////////////////////////////////////////////*/

/*** フリップ領域設定 ***/

.movieSet * {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -o-box-sizing: border-box !important;
  -ms-box-sizing: border-box !important;
  box-sizing:border-box !important;
}
.movieSet .flipView {
  width: 100%;
  background: #FFF;
  overflow: hidden;
}
.movieSet .flipView .viewer {
  width:9999px;
}
.movieSet .flipView .viewer .itemBox {
  float:left;
  width:0;
  padding:0 10px;
  position:relative;
  cursor:pointer;
}
.movieSet .flipView .viewer .itemBox img {
  display:block;
  width:100%;
  height:auto;
}
.movieSet .flipView .viewer .itemBox .mvTime {
  font-size: 10px;
  color: #fff;
  padding: 1px 5px;
  background-color: #000;
  position: absolute;
  bottom: 0;
  right: 10px;
}
.movieSet .flipView .viewer .itemBox .btnPlay {
  display:block;
  width:60px;
  height:60px;
  background:url(btn_play.png) no-repeat;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
}




/*** POPUP領域設定 ***/

.movieSet .popup {
  display:none;
  width: 850px;
  background-color:#fff;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  z-index:9999;
}
.movieSet .popupClose {
  display:block;
  position:fixed;
  top:20px;
  right:20px;
  z-index:9999;
}
.movieSet .popupClose:hover {
  background: none !important;
}

.movieSet .popup_back {
  display:none;
  width: 100%;
  height: 100%;
  position:fixed;
  top:0;
  left:0;
  background-color: rgba(225,236,247,0.9);
  z-index:9999;
}

.movieSet .popup .movie{
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.movieSet .popup .movie iframe{
	position:absolute;
	top:0;
	right:0;
	width:100% !important;
	height:100% !important;
}



/* 768px 以下 (TAB of SP) */
@media screen and (max-width: 768px) {

.movieSet .flipView .viewer .itemBox .btnPlay {
  width:30px;
  height:30px;
  background-size:30px auto;
}

.movieSet .popup {
  width: 100%;
  padding:0 10px;
  background-color:inherit;
}
.movieSet .popupClose {
  top:10px;
  right:10px;
}
.movieSet .popupClose img {
  width:20px;
  height:auto;
}

}