/*------------------------------------------------------------------------------
								共通
------------------------------------------------------------------------------*/
#contents-wrapper {
	padding-bottom:352px;
}
#main-area {
	position: relative;
	z-index: 8;
}
#concept-area {
	position: relative;
	z-index: 7;
}
#profile-area {
	position: relative;
	z-index: 6;
}
#info-area {
	position: relative;
	z-index: 5;
}
#video-area {
	position: relative;
	z-index: 4;
}
#disco-area {
	position: relative;
	z-index: 3;
}
#wrapper {
	min-width:1280px;
}
/*------------------------------------------------------------------------------
								MAIN
------------------------------------------------------------------------------*/
#main-area {
	position: relative;
	width: 100%;
	padding:0;
	height: 100vh;
	min-height: 52vw;
	max-height: 62vw;
	margin: 0 auto;
}
#main-area h1 {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 0px;
	text-indent: -99999px;
}
#main-area .main-box {
	width: 100%;
	height: 100%;
	position: relative;
	top: 0px;
	left: 0px;
}
#main-area .main-box .main-img-area {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	overflow: hidden;
}
#main-area .main-box .main-img-area .main-img {
	width: 100%;
	height: 100%;
	background: url("../../img/main-visual.jpg") no-repeat center top / cover;
}
#main-area .main-logo {
	position: absolute;
	width: 29.16666667%;
	padding-top: 15.41666667%;
	height: 0px;
	left: 0;
	top: 0;
	text-indent: -99999px;
	background: url("../../img/main-logo.png") no-repeat center top / contain;
}
@media screen and (max-width: 1280px) {
#main-area {
	min-height: 665.6px;
	max-height: 793.6px;
}
}
/*------------------------------------------------------------------------------
								ANIMATION
------------------------------------------------------------------------------*/
.fromTopMainOut {
	transform: scale(1.5);
	opacity: 1.0;
}
.fromTopMainIn {
	-webkit-transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1);
	transition:         all 1.5s cubic-bezier(0.25, 1, 0.5, 1);
	transform: scale(1.0);
	opacity: 1.0;
}
.mainScaleUpOut {
	transform: scale(0.8,0.8);
	opacity: 0.0;
}
.mainScaleUpIn {
	-webkit-transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
	transition:         all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
	transform: scale(1.0,1.0);
	opacity: 1.0;
}
.mainblurUpOut {
	opacity: 0.0;
	transform: translate(0,2vw);
	-webkit-filter: blur(20px);
	-moz-filter: blur(20px);
	-o-filter: blur(20px);
	-ms-filter: blur(20px);
	filter: blur(20px);
}
.mainblurUpIn {
	-webkit-transition: all 2s cubic-bezier(0.25, 1, 0.5, 1);
	transition:         all 2s cubic-bezier(0.25, 1, 0.5, 1);
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-o-filter: blur(0px);
	-ms-filter: blur(0px);
	filter: blur(0px);
}
.fromBottomOut {
	transform: translate(0,40px);
	opacity: 0.0;
}
.fromBottomIn {
	-webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translate(0,0);
	opacity: 1.0;
}
.scaleUpOut {
	-webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: scale(0.9,0.9);
	opacity: 0.0;
}
.scaleUpIn {
	-webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: scale(1.0,1.0);
	opacity: 1.0;
}
.alphaOut {
	opacity: 0.0;
}
.alphaIn {
	-webkit-transition: all 2.0s cubic-bezier(0.25, 1, 0.5, 1);
	transition:         all 2.0s cubic-bezier(0.25, 1, 0.5, 1);
	opacity: 1.0;
}
.fix {
	-webkit-transition: none;
	transition:         none;
	transform: translate(0,0) scale(1.0);
	opacity: 1.0;
}
/*------------------------------------------------------------------------------
								CONCEPT
------------------------------------------------------------------------------*/
#concept-area {
	position: relative;
	height: 100vh;
	max-height: 100vh;
	min-height: 640px;
}
#concept-area h2 {
/*	text-shadow: 4px 4px 8px rgba(255,255,255,1),
	-4px 4px 8px rgba(255,255,255,1),
	4px -4px 8px rgba(255,255,255,1),
	-4px -4px 8px rgba(255,255,255,1);*/
}
.concept-bg {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url("../../img/concept-bg.jpg") no-repeat center center / cover;
}
.concept-box {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.concept-box p {
	text-align: center;
	font-size: 30px;
	font-weight: 500;
}
.concept-box p .color1 {
	color: #00cc00;
}
.concept-box p .color2 {
	color: #ff00cc;
}
.concept-box p .color3 {
	color: #0066ff;
}
.concept-ill {
	width: 900px;
	padding-top: 225px;
	height: 0px;
	line-height: 0px;
	background: url("../../img/concept-ill.png") no-repeat center center / contain;
	margin: 0 auto;
}
/*------------------------------------------------------------------------------
								PROFILE
------------------------------------------------------------------------------*/
#profile-area {
	width: 100%;
	background: #f2f2f2;
}
.profile-box {
	display: flex;
	flex-wrap: wrap;
	font-size: 0px;
	margin: 0 auto;
	width: 1180px;
	justify-content: center;
}
.profile-box li {
	width: 32.66666%;
	box-sizing: border-box;
	padding: 0.7em 1em 0.8em;
	margin: 0 1% 3% 0;
	font-size: 18px;
}
.profile-box li h3 {
	font-size: 26px;
	font-weight: 600;
	text-align: center;
	line-height: 1em;
}
.profile-box li h3 span {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
}
.profile-box li h4 {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	line-height: 1.5em;
	margin-top: 0.5em;
	font-family: "Poppins", sans-serif;
}
.profile-box li h5 {
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	line-height: 1em;
	margin-top: 0.5em;
}
.profile-box li p {
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	line-height: 1.5em;
	margin-top: 0.75em;
}
.profile-box li:nth-child(3) {
	margin: 0 0 1% 0;
}
.profile-box li .photo {
	padding-top: 116.666667%;
	margin-bottom: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.profile-box li.profile1 .photo {
	background: url("../../img/profile1.jpg") no-repeat center center / cover;
}
.profile-box li.profile2 .photo {
	background: url("../../img/profile2.jpg") no-repeat center center / cover;
}
.profile-box li.profile3 .photo {
	background: url("../../img/profile3.jpg") no-repeat center center / cover;
}
.profile-box li.profile4 .photo {
	background: url("../../img/profile4.jpg") no-repeat center center / cover;
}
.profile-box li.profile5 .photo {
	background: url("../../img/profile5.jpg") no-repeat center center / cover;
}
/*------------------------------------------------------------------------------
								INFORMATION
------------------------------------------------------------------------------*/
#info-area {
	background: #FFFFFF;
}
.info-box {
	width: 760px;
	margin: 0 auto;
}
.info-box li {
	box-sizing: border-box;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #333333;
}
.info-box li h3 {
	line-height: 1em;
	font-weight: 300;
	font-family: "Poppins", sans-serif;
	font-size: 20px;
	margin-bottom: 10px;
}
.info-box li.new h3::after {
	content: "NEW";
	font-weight: 400;
	margin-left: 1em;
	width: 3em;
	display: inline-block;
	background: #9933ff;
	text-align: center;
	color: #FFFFFF;
	font-size: 90%;
	line-height: 20px;
}
.info-box li h3 .cate1 {
	color: #ff0099;
	margin-left: 1em;
}
.info-box li h3 .cate2 {
	color: #3399ff;
	margin-left: 1em;
}
.info-box li h3 .cate3 {
	color: #33cc00;
	margin-left: 1em;
}
.info-box li p {
	font-size: 20px;
	line-height: 1.4em;
}

/*------------------------------------------------------------------------------
								TRAILER
------------------------------------------------------------------------------*/
#video-area {
	background: #222222;
}
#video-area h2 {
	color: #FFFFFF;
}
#video-area {
	width:100%;
	margin:0px auto 0px;
}
#video-area .prArea {  
	margin: 0 auto 0 auto;
	color: #000;
	font-size: 16px;
	line-height: 1.6em;
	width:100%;
	box-sizing: border-box;
	max-width: 1200px;
	padding:0;
}
#video-area .video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin:0;
	background:#000000;
}
#video-area .video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*------------------------------------------------------------------------------
								DISCO
------------------------------------------------------------------------------*/
#disco-area {
	background: #FFFFFF;
}
.disco-n-box {
	width: 1000px;
	margin: 0 auto;
	height: 600px;
	position: relative;
}
.disco-n-box .disco-wrap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.disco-wrap .disco-box {
	width: 3000px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
.disco-wrap .disco-box {
	-webkit-transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
	transition:         all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.disco-wrap.position1 .disco-box {
	margin-left: 0px;
}
.disco-wrap.position2 .disco-box {
	margin-left: -1000px;
}
.disco-wrap.position3 .disco-box {
	margin-left: -2000px;
}
.disco-wrap .disco-box li {
	width: 1000px;
	height: 100%;
	float: left;
	padding-left: 680px;
	box-sizing: border-box;
	position: relative;
}
.disco-wrap .disco-box li h3 {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	line-height: 1em;
}
.disco-wrap .disco-box li h3 .day,.disco-wrap .disco-box li h3 .release {
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size: 24px;
	display: block;
}
.disco-wrap .disco-box li h3 .tit {
	font-size: 36px;
	margin: 25px 0 35px -0.5em;
	display: block;
}
.disco-wrap .disco-box li h3 .tit em {
	font-style: normal;
	font-weight: 200;
}
.disco-wrap .disco-box li.disco1 {
	background: url("../../img/disco1.jpg") no-repeat left 30px center / 600px auto;
}
.disco-wrap .disco-box li.disco2 {
	background: url("../../img/disco2.jpg") no-repeat left 30px center / 600px auto;
}
.disco-wrap .disco-box li.disco3 {
	background: url("../../img/disco3.jpg") no-repeat left 30px center / 600px auto;
}

.disco-wrap .disco-box li h3 .link {
	background: #3399cc;
	text-align: center;
	position: relative;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 800;
	border-radius: 20px;
	width: 200px;
	margin: 0;
	line-height: 1.8em;
}
.disco-wrap .disco-box li h3 .link a {
	position:absolute;
	width:100%;
	height:100%;
	text-indent:-999999px;
	top:0px;
	left:0px;
}


.disco-wrap .disco-navi {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.disco-n-box .disco-navi li {
	position: absolute;
	background: url("../../img/disco-arrow.png") no-repeat center center / contain;
	width: 50px;
	height: 100px;
	top: 50%;
	margin-top: -50px;
	box-sizing: border-box;
	-webkit-transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	transition:         all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	opacity: 1;
}
.disco-n-box .disco-navi li.prev-btn {
	left: -80px;
	transform: scale(-1)
}
.disco-n-box .disco-navi li.next-btn {
	right: -80px;
}
.disco-n-box .disco-navi li a {
	position:absolute;
	width:100%;
	height:100%;
	text-indent:-999999px;
	top:0px;
	left:0px;
	overflow: hidden;
}
.disco-n-box .disco-navi li.none {
	-webkit-transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	transition:         all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	opacity: 0.25;
}
.disco-n-box .disco-navi li.none a {
	display: none;
}
/*------------------------------------------------------------------------------
								FOOTER
------------------------------------------------------------------------------*/
.insta-bnr {
	margin: 0 auto;
	width: 660px;
	height: 140px;
	background: url("../../img/insta-bnr.jpg") no-repeat center center / cover;
	position: relative;
	box-sizing: border-box;
	border: #ff3366 3px solid;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.insta-bnr a {
	position:absolute;
	width:100%;
	height:100%;
	text-indent:-999999px;
	top:0px;
	left:0px;
	overflow: hidden;
}
.top-link {
	width: 400px;
	margin: 0 auto;
	background: #993300;
	line-height: 2em;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	color: #FFFFFF;
	font-weight: 600;
	position: relative;
}
.top-link a {
	position:absolute;
	width:100%;
	height:100%;
	text-indent:-999999px;
	top:0px;
	left:0px;
}

/*------------------------------------------------------------------------------
								SP
------------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) {
/*------------------------------------------------------------------------------
								共通
------------------------------------------------------------------------------*/
#contents-wrapper {
	padding-bottom:53vw;
}
#wrapper {
	min-width:740px;
}
/*------------------------------------------------------------------------------
								MAIN
------------------------------------------------------------------------------*/
#main-area {
	height: 100vh;
	min-height: 169.2vw;
	max-height: 169.2vw;
	background: #a4dfff;
}
#main-area h1 {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 0px;
	text-indent: -99999px;
}
#main-area .main-box {
	width: 100%;
	height: 100%;
	position: relative;
	top: 0px;
	left: 0px;
}
#main-area .main-box .main-img-area .main-img {
	width: 100%;
	height: 100%;
	top: 0px;
	position: relative;
	background: url("../../img/main-visual-sp.jpg") no-repeat center center / cover;
}
#main-area .main-logo {
	position: absolute;
	width: 90%;
	padding-top: 50%;
	height: 0px;
	left: 50%;
	top: 5%;
	margin-left: -45%;
}
/*------------------------------------------------------------------------------
								CONCEPT
------------------------------------------------------------------------------*/
#concept-area {
	max-height: 100vh;
	min-height: 100vh;
}

.concept-box p {
	font-size: 5vw;
	line-height: 1.6em;
}
.concept-ill {
	width: 90vw;
	padding-top: 22.5vw;
}
/*------------------------------------------------------------------------------
								PROFILE
------------------------------------------------------------------------------*/
.profile-box {
	display: block;
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
	padding: 0 15vw;
}
.profile-box li {
	width: 100%;
	box-sizing: border-box;
	padding: 0 0 0;
	margin: 0 0 6vw 0;
	font-size: 2.8vw;
}
.profile-box li h3 {
	font-size: 5.2vw;
}
.profile-box li h4 {
	font-size: 3.2vw;
	margin-top: 0.5em;
}
.profile-box li h5 {
	font-size: 3.6vw;
	margin-top: 0.5em;
}
.profile-box li p {
	font-size: 3.2vw;
	margin-top: 0.75em;
}
.profile-box li:nth-child(3) {
	margin: 0 0 6vw 0;
}
.profile-box li:last-child() {
	margin: 0 0 2vw 0;
}
.profile-box li .photo {
	margin-bottom: 5vw;
	-webkit-border-radius: 3vw;
	-moz-border-radius: 3vw;
	border-radius: 3vw;
}
/*------------------------------------------------------------------------------
								INFORMATION
------------------------------------------------------------------------------*/
.info-box {
	width: 100%;
	box-sizing: border-box;
	padding: 6vw;
}
.info-box li {
	margin-bottom: 4vw;
	padding-bottom: 4vw;
	border-bottom: 0.3vw dotted #333333;
}
.info-box li h3 {
	font-size: 4vw;
	margin-bottom: 2vw;
}
.info-box li.new h3::after {
	line-height: 4vw;
}
.info-box li p {
	font-size: 3.6vw;
}
/*------------------------------------------------------------------------------
								VIDEO
------------------------------------------------------------------------------*/
#video-area .prArea { 
	width:100%;
	box-sizing: border-box;
	padding: 0 3vw;
}
/*------------------------------------------------------------------------------
								DISCO
------------------------------------------------------------------------------*/
.disco-n-box {
	width: 70vw;
	margin: 0 auto;
	height: auto;
}
.disco-n-box .disco-wrap {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.disco-wrap .disco-box {
	width: 210vw;
	position: relative;
}
.disco-wrap.position1 .disco-box {
	margin-left: 0px;
}
.disco-wrap.position2 .disco-box {
	margin-left: -70vw;
}
.disco-wrap.position3 .disco-box {
	margin-left: -140vw;
}
.disco-wrap .disco-box li {
	width: 70vw;
	height: auto;
	float: left;
	padding-left: 0px;
	padding-top: 75vw;
}
.disco-wrap .disco-box li h3 {
	top: 0px;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}
.disco-wrap .disco-box li h3 .day,.disco-wrap .disco-box li h3 .release {
	font-size: 4vw;
	text-align: center;
}
.disco-wrap .disco-box li h3 .tit {
	font-size: 6vw;
	margin: 4vw 0 5vw 0;
	text-align: center;
}
.disco-wrap .disco-box li.disco1 {
	background: url("../../img/disco1.jpg") no-repeat center top / 70vw auto;
}
.disco-wrap .disco-box li.disco2 {
	background: url("../../img/disco2.jpg") no-repeat center top / 70vw auto;
}
.disco-wrap .disco-box li.disco3 {
	background: url("../../img/disco3.jpg") no-repeat center top / 70vw auto;
}
.disco-wrap .disco-box li h3 {
	display: block;
	position: relative;
}
.disco-wrap .disco-box li h3 .link {
	font-size: 3vw;
	border-radius: 3vw;
	width: 60%;
	margin-top: 5%!important;
	margin-left: 20%;
}

.disco-wrap .disco-navi {
	height: 100%;
}
.disco-n-box .disco-navi li {
	position: absolute;
	background: url("../../img/disco-arrow.png") no-repeat center center / contain;
	width: 8vw;
	height: 16vw;
	top: 37.5vw;
	margin-top: -8vw;
}
.disco-n-box .disco-navi li.prev-btn {
	left: -12vw;
}
.disco-n-box .disco-navi li.next-btn {
	right: -12vw;
}
/*------------------------------------------------------------------------------
								FOOTER
------------------------------------------------------------------------------*/
.insta-bnr {
	margin: 0 5vw 6vw;
	box-sizing: border-box;
	width: auto;
	height: 20vw;
	border: #ff3366 0.5vw solid;
	-webkit-border-radius: 3vw;
	-moz-border-radius: 3vw;
	border-radius: 3vw;
}
}

@media print{
}