/*共通設定*/
#beatcats-girls .dpy-none {
	display: none;
}
#beatcats-girls .flex {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-flow: row wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	flex-wrap:wrap;
}


/*スタイル設定*/
#beatcats-girls .contents {
	background :url(../img/back.jpg) no-repeat;
	background-size: 100%;
	height: 5000px;
	position: relative;
}
.movie-inner .movie-thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 157px;
	cursor: pointer;
	background: url(../img/thumb.jpg) no-repeat;
	background-size: 100%;
}
#beatcats-girls .btn {
	position: relative;
	text-indent: -999px;
}
#beatcats-girls .btn a {
	display: block;
	width: 422px;
	height: 95px;
}
/*
#beatcats-girls .btn a:hover {
	background: #fff;
	opacity: 0.2;
}
*/
#beatcats-girls .btn.official {
	position: absolute;
	top:1710px;
	right: 0;
}
#beatcats-girls .btn.item a {
	position: absolute;
	top: 4288px;
	right: 85px;
	width: 407px;
	height: 79px;
}
#beatcats-girls .btn.pagetop a {
	position: absolute;
	top: 4830px;
	width: 152px;
	height: 35px;
	left: 323px;
}
#beatcats-girls .btn.girltop a {
	position: absolute;
	top: 4917px;
	width: 254px;
	height: 35px;
	left: 272px;
}


/* youtube */
.youtube_movie {
	position: absolute;
	width: 640px;
	padding-top: 0;
	top: 3808px;
	left: 82px;
	height: 360px;
}
.player {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.thumb {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width: 100%;
}		
.youtube_movie iframe {
	position:absolute;
	top: 0;
	left: 0;
	width:100% ;
	height:100% ;
}


/*second edition*/
.contents-basic-container {
	width: 799px;
	margin: auto;
	}

.second-ed .mainvisual {
	background: url(../img/second-edition/mainvisual.jpg) no-repeat;
	background-size: 100%;
	width: 100%;
	height: 972px;
	position: relative;
}
.second-ed .btn.before-page a {
	position: absolute;
	left: 238px;
	top: -28px;
	width: 211px !important;
	height: 67px !important;
}
.second-ed .image {
	position: relative;
}
.second-ed .image img {
	width: 100%;
}
.second-ed .image .top-item-btn {
	position: absolute;
	top: -72px;
}
.second-ed .coordinate {
	background-color: #d7c7f0;
	padding-top: 140px;
}
.second-ed .coordinate .item {
	background-color: #d7baf0;
	height: 1390px;
	position: relative;
}
.second-ed .description-image {
	height: 600px;
}
.second-ed .coordinate .item .item-cat {
	bottom: 0;
	position: absolute;
	z-index: 3;
}
.second-ed .btn-item-bottom {
	background-color: #d7baf0;
	padding: 60px 0;
}
.second-ed .off-shot {
	background: url(../img/second-edition/off-shot.jpg) no-repeat;
	background-size: 100%;
	width: 100%;
	padding: 80px 0 380px;
}
#before-page {
	padding-top: 40px;
	margin-top: -40px;
}

/* slide */
.second-ed .swiper-container {
	width: 82% !important;
	margin: 0 auto !important;
	position: relative;
}
.second-ed .swiper-button-next:after, .second-ed .swiper-rtl .swiper-button-prev:after {
	background: url(../img/second-edition/arrow-right.png) no-repeat;
	background-size: 100%;
	height: 134px;
	position: absolute;
	right: -36px;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
	background: url(../img/second-edition/arrow-left.png) no-repeat;
	background-size: 100%;
	height: 134px;
	position: absolute;
	left: -36px;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
	content: '　' !important;
	opacity: .35;
}
.slide-image {
	width: 100% !important;
}

.top-cats {
	position: absolute;
	top: 443px;
	width: 85%;
	left: 81px;
}
/*アニメーション要素のスタイル*/
.animation{
  opacity : 0;
  visibility: hidden;
  transition: 0.5s;
  transform: translateY(35px);
}
.animation-down {
  opacity : 0;
  visibility: hidden;
  transition: 1s;
  transform: translateY(-20px);
}
/*アニメーション要素までスクロールした時のスタイル*/
.active,
.animation-down.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}