@charset "utf-8";
/* CSS Document */

.mv{
	width:100%;
	position: relative;

	

}
@media only screen and (max-width:767px) {
	.mv{

		margin-top:0px;
		min-height: auto;
	}
	
}
.mv.pcareaa {
	width:100%;
	height: 740px;
	background:url("../img/common/mainimg.png") no-repeat;
	background-position: center center;
}

.mv.spareaa{
	margin-top:17.06vw;

}
.mv.spareaa .spmainimagein{
	position: relative;
	height: 150.13vw;
}
.mv.spareaa img.spslide{
	

	position: absolute;
	left: 0;
	top:0;
}
.mv.spareaa img.spslide:nth-child(2){
	display: none;
}
.mv.spareaa .mvtext{
	color:#E87A8A;
	font-size: 9vw;
	font-weight: bold;
	line-height: 1.73;
	width:100%;
	text-align: center;
	font-family: "Zen Maru Gothic", sans-serif;
	margin-top:6.13vw;
	position: relative;
}
.mv.spareaa .mvtext span{
	font-size: 6.66vw;	
}
.backstar{
	position: absolute;
	top:-18.9vw;
	left: 0;
	width:100%;
		padding:0 10vw;
	z-index: 1;
}
@media only screen and (min-width:768px) {
	.backstar,.spbackstar2{
		display: none;
	}
}
.spbackstar2{
	position: absolute;
	bottom:9.3vw;
	right: 8.5vw;
	width:22.6vw;
	z-index: 1;
}
.mvbacklay{
	max-width: 1700px;
	width:100%;
	position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -0%);
    -webkit-transform: translate(-50%, -0%);
    -ms-transform: translate(-50%, -0%);
	min-height: 40vw;
	display: flex;
	justify-content: space-between;
}

.mvback1{
	width:23.6%;
	padding-top:10%;
}
.mvback1 .entitleb{
	font-size: 160px;
	
}
.mvback2{
	width:9.3%;
	padding-top:30%;
}

.mv2.pcareaa{
	width:960px;
	height: 677px;
	margin:41px auto 0;
		display:block;
		z-index: 0;
		position: relative;
}
.mv2.pcareaa img{
	position: absolute;
	top:0;
	left: 0;
}
.mv2.pcareaa img:nth-child(2){
	display: none;
}
@media only screen and (max-width:767px) {
	.mv2.pcareaa{
		display: none;
	}
}

.topblock1{
	position: relative;
}


.topblock1 p.text1{
	widh:100%;
	text-align: center;
	line-height: 1.75;
	font-size: 18px;
}

.topblock1 .entitleb{
	margin-top:50px;
	font-size:160px;
}
@media only screen and (max-width:767px) {
.topblock1 .entitleb{
	margin-top:0px;
	font-size: 17vw;
}	
	
}
.topblock1 .jptitleb{
	margin-bottom: 40px;
	font-size: 28px;
	margin-top: -45px;
}
@media only screen and (max-width:767px) {
	.topblock1 .jptitleb{
		margin-bottom: 8vw;
		font-size: 5.8vw;
		margin-top: -5.2vw;
	}
}
.topblock1 .text1{
	padding-bottom:40px;
	
}
@media only screen and (max-width:767px) {
	.topblock1 .text1{
		padding-bottom: 8vw ;
		font-size: 5.33vw;
	}
}
.topblock1 p.text2{
	widh:100%;
	text-align: center;
	line-height: 1.66;
	font-size: 24px;
	padding:60px 0;
}
@media only screen and (max-width:767px) {
	.topblock1 p.text2{
		padding:9vw 0;
		font-size: 4.2vw;
	}
	
}
.topblock1 p.text3{
	font-family: "Zen Maru Gothic", sans-serif;
	width:100%;
	color: #D33283;
	font-weight: bold;
	text-align: center;
	line-height: 1.75;
	font-size: 28px;
	padding-bottom: 120px;
	position: relative;
	z-index: 2;
}
@media only screen and (max-width:767px) {
	.topblock1 p.text3{
		font-size: 5.86vw;
		padding-bottom: 16vw;
	}
}

.starbacarea{
	width:100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
}
.starbacarea .instar{
	width:89.3%;
	max-width: 960px;
	margin:0px auto 0;
	position: relative;
	height: 100%;
}
.topblockmiddlestar{
	position: absolute;
	width: 141px;
	top: 80px;
	left: -70px;
}
@media only screen and (max-width:767px) {
	.topblockmiddlestar{
		display: none;

	}	

}
.topblockbottomstar{
	position: absolute;
	width:122px;
	bottom:209px;
	right:-130px;
}
@media only screen and (max-width:767px) {
	.topblockbottomstar{
		display: none;
	}
	
}
.mv.spareaa .intext{
	position: static;
	z-index: 1;
	margin-bottom:18.6vw;
}

.movielay{
	max-width:760px;
	width:89.3%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
}
@media only screen and (max-width:767px) {
	.movielay{
		width:100%;
	}
	.topblock1 .movielay{
		width:89.3%;
	}	
}
.movie{
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section.back2 .in{
	display: flex;
	justify-content: space-between;
	padding:120px 0;
}

@media only screen and (max-width:767px) {
	section.back2 .in{
		display: block;
		padding:16vw 0 0;
	}
	
}
section.back2 .in .line{
	width:30.2%;
	font-family: "Zen Maru Gothic", sans-serif;
	line-height: 1.75;
}
@media only screen and (max-width:767px) {
	section.back2 .in .line{
		width:100%;
		padding:0 0 16vw;
	}
	
}
section.back2 .in .line h2{
	color:#D33283;
	font-size: 24px;
	margin-bottom: 20px;
}
 hr.titlebar{
	width:21.42%;
	height: 2px;
	margin-bottom: 30px;
}
@media only screen and (max-width:767px) {
	section.back2 .in .line h2{
		font-size: 5.33vw;
		margin-bottom: 5.33vw;
	}
	 hr.titlebar{
		width:16vw;
		margin-bottom: 8vw;
	}
	
}

 hr.titlebar.pink{
	background:#D33283;
}
section.back2 .in .line .text{
	margin-bottom: 50px;
}
@media only screen and (max-width:767px) {
	ction.back2 .in .line .text{
		font-size:4vw;
		margin-bottom: 10vw;
	}
	
}
section.back2 .in .line .link a{
	width:100%;
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding:22px 0;
	border-radius: 18px;
	border-width: 2px;
	display: block;
	border-style:solid;
}
section.back2 .in .line .link a span{
	width:10px;
	display: block;
	position: absolute;
	right: 16px;
	top:50%;
    transform: translate(-0%, -50%);
    -webkit-transform: translate(-0%, -50%);
    -ms-transform: translate(-0%, -50%);
	line-height: 0;
}
@media only screen and (max-width:767px) {
	section.back2 .link{
		width:69.3vw;
		margin-left: auto;
		margin-right: auto;
		padding:0vw 0 0vw;
	}
	section.back2 .in .line .link a{
		font-size: 4.2vw;	
	}
	section.back2 .in .line .link a span{
		width:2.47vw;
		
	}
}
section.back2 .in .line:nth-child(1) h2{
	color:#D33283;
	
}
section.back2 .in .line:nth-child(1) hr{
	background:#D33283;
}
section.back2 .in .line:nth-child(1) .link a{
	color:#E87A8A;
	border-color:#E87A8A;
}
section.back2 .in .line:nth-child(2) h2{
	color:#7790CC;
	margin-top:60px;
}
@media only screen and (max-width:767px) {
	section.back2 .in .line:nth-child(2) h2{
		margin-top:0px;
	}
}
section.back2 .in .line:nth-child(2) hr{
	background:#7790CC;
}
section.back2 .in .line:nth-child(2) .link a{
	color:#7790CC;
	border-color:#7790CC;
}
section.back2 .in .line:nth-child(3) h2{
	color:#6BBF80;
	margin-top:120px;
}
@media only screen and (max-width:767px) {
	section.back2 .in .line:nth-child(3) h2{
		margin-top:0px;
	}
}
section.back2 .in .line:nth-child(3) hr{
	background:#6BBF80;
}
section.back2 .in .line:nth-child(3) .link a{
	color:#6BBF80;
	border-color:#6BBF80;
}

section .in.newslist.flexbox{
	display: flex;
	justify-content: space-between;
	position: relative;
}
@media only screen and (max-width:767px) {
	section .in.newslist.flexbox{
		display:block;
	}
	
}
section .in.newslist.flexbox .newsstar{
	position:absolute;
	top: 40%;
	left: 0%;
	width:18.3%;
}


section .in.newslist.flexbox .newsstarsp{
	position:absolute;
	top: 18.6vw;
	left:auto;
	right: 5.3vw;
	width:16vw;
}
section .in.newslist.flexbox .left{
	width:34.1%;
}
section .in.newslist.flexbox .left .entitleb{
	font-size: 100px;
	
}
section .in.newslist.flexbox .left .jptitleb{
	font-size: 28px;
	margin-top: -22px;
}

section .in.newslist.flexbox .right{
	width:63.5%;
}
.newslist{
	position: relative;
}
.newslistblock{
	padding:0px 0 120px;
}
@media only screen and (max-width:767px) {
	section .in.newslist.flexbox{
		padding:16vw 0;
	}
	section .in.newslist.flexbox .left{
		width:100%;
	}
	section .in.newslist.flexbox .left .entitleb{
		font-size: 17vw;

	}
	section .in.newslist.flexbox .left .jptitleb{
		font-size: 5.8vw;
		margin-bottom: 10.66vw;
	}

	section .in.newslist.flexbox .right{
		width:100%;
	}
	section .in.newslist .morebtn.rigtbtn{
		
			margin-left: auto;
			margin-right: auto;
			padding: 0vw 0 0vw;
	}
	.newslistblock{
		padding:0px 0 16vw;
	}
}




section.epblock{
	background-color: #FFF;
	border-radius: 120px  120px 0 0;
	 margin-top: -120px; /* レイアウトごと上に詰める */
	position: relative;
}
section.epblock .in{
	padding: 120px 0;
  position: relative;
  z-index: 1;
}
section.epblock .in .jptitleb {
	padding-bottom: 30px;
  margin-top: -54px;
}
section.epblock .eptextarea{
	max-width: 760px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
}
section.epblock .epstar{
	width:122px;
	position: absolute;
	top:183px;
	right: -170px;
}
@media only screen and (max-width:767px) {
	section.epblock{

		border-radius: 16vw  16vw 0 0;
		 margin-top: -16vw; /* レイアウトごと上に詰める */
	}
	section.epblock .epstar{
		display: none;
	}
	section.epblock .in{
		padding:16vw 0;
	}
	section.epblock .in .entitleb span{
		display: none;
	}
	section.epblock .in .jptitleb {
		padding-bottom: 10vw;	
	  margin-top: -5vw;
	}
	section.epblock .date{
	display: none;
	}
}

section.epblock .in .date{
		font-family: "Zen Maru Gothic", sans-serif;
	font-size: 16px;
	
	width:100%;
	text-align: center;
	margin-bottom: 60px;
}
 hr.titlebar2{
	width:60px;
	height: 2px;
	margin-bottom: 30px;
}
 hr.titlebar2.pink{
	background:#D33283;
}
@media only screen and (max-width:767px) {
	 hr.titlebar2{
		width:16vw;

		margin-bottom: 8vw;
	}
	
}
section.epblock h3{
	font-family: "Zen Maru Gothic", sans-serif;
	color:#D33283;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top:50px;
	line-height: 1.75;
	font-size: 24px;
}
@media only screen and (max-width:767px) {
	section.epblock h3{
		margin-bottom: 5.3vw;
		margin-top:10vw;
		line-height: 1.75;
		font-size: 5.3vw;
	}	
	
}
section.epblock .text{
	font-family: "Zen Maru Gothic", sans-serif;
	margin-bottom: 50px;
}
section.kiseki{
	position: relative;
	padding-bottom: 240px;
}
section.kiseki .in{
	padding:120px 0 0;
}
section.kiseki .text{
	padding:40px 0;
	font-size:18px;
}
section.kiseki .kisekistar{
	width:122px;
	position: absolute;
	top:161px;
	right: -105px;
}
section.kiseki .kisekistar2{
	width:63px;
	position: absolute;
	top:834px;
	left:-97px;
}
.kisekistarsp{
	width:15.73vw;
	position: absolute;
	right:2.1vw;
	top:5.3vw;
}
@media only screen and (max-width:767px) {
	section.kiseki{
		padding-bottom: 32vw;
	}
	section.kiseki .in{
		padding:16vw 0 0;
	}

	section.kiseki .kisekistar,
	section.kiseki .kisekistar2{
		display: none;
	}
	section.kiseki .entitleb span{
		display: none;
	}
	section.kiseki .jptitleb{
		padding-bottom: 10vw;
	}
	section.kiseki .text{
		padding:10vw 0;
		font-size:4vw;
		display: none;
	}
}
section.kiseki .line{
	width:100%;
	line-height: 1.6;
	margin-bottom: 50px;
}
section.kiseki .line .line1 span{
	display: inline-block;
	font-weight: bold;
	color: #FFF;
	font-size: 13px;
	padding:8px 12px;
	line-height: 1;

	border-radius: 10px 0px;
	background: linear-gradient(90deg,#e87a8a 0%, #8395c4 55.89%, #8195c5 100%);

	
}
section.kiseki hr{
	width:100%;
	background: #ADADAD;
	height: 1px;
	margin:24px 0;
}
section.kiseki .line .line2{
	width:100%;
	line-height: 1.6;
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 20px;
	font-weight: bold;
	padding:17px 0 0px;
	color:#D33283;
}
section.kiseki .line .line3{

	font-family: "Zen Maru Gothic", sans-serif;
	letter-spacing: 0.04em;
}
@media only screen and (max-width:767px) {
	section.kiseki .line{
		margin-bottom: 10vw;
	}
	section.kiseki .line .line1{
		width:100%;
		line-height: 1.6;
		font-size:4vw;
	}
	section.kiseki .line .line1 span{
		font-size: 3.4vw;
		padding:2.1vw 2.9vw;

		border-radius: 2.6vw 0px;
		margin-right: 3.2vw;
		letter-spacing: 0.04em;


	}
	section.kiseki hr{

		margin:5.3vw 0 6.4vw;
	}
	section.kiseki .line .line2{
		font-size: 4.2vw;

		padding:5.3vw 0 0;

		margin-bottom: 0;
	}
	section.kiseki .morebtn.rigtbtn{
		
			margin-left: auto;
			margin-right: auto;
			padding: 0vw 0 0vw;
	}
}
section.kiseki .line .img{
	width:39.58%;
}
section.kiseki .line .rightline{
	width:56.25%;
}
@media only screen and (max-width:767px) {
	section.kiseki .line .img{
		width:100%;
		margin-bottom: 8vw;
	}
	section.kiseki .line .rightline{
		width:100%;
	}
}
section.kiseki .line a{
	justify-content: space-between;
}
@media only screen and (max-width:767px) {
	section.kiseki .line a.flexbox {
	 display: block;
	}
}
section.kiseki .entitleb{
	text-align: left;
}
section.kiseki .jptitleb {
	text-align: left;
	margin-top: -54px;
}
@media only screen and (max-width:767px) {
	section.kiseki .entitleb{
		text-align:center;
	}
	section.kiseki .jptitleb {
		text-align:center;
		margin-top: -5vw;
	}
}
section.instagram .jptitleb{
	padding-bottom: 60px;
	margin-top: -23px;
}
section.instagram{
	border-radius: 120px 120px 0 0;
	margin-top: -120px; /* レイアウトごと上に詰める */
	background-color: #FFF;
	position: relative;
}


section.instagram .instagramstar{
	width:122px;
	position: absolute;
	top:417px;
 	right: -193px;
}	

@media only screen and (max-width:767px) {
	section.instagram .entitleb{
		z-index: 3;
		position: relative;
	}
	section.instagram .jptitleb{
		padding-bottom: 10vw;
		z-index: 3;
		position: relative;
	}
	section.instagram{
		border-radius: 16vw 16vw 0 0;
		 margin-top: -16vw; /* レイアウトごと上に詰める */
		background-color: #FFF;
	}	
}

.instagramstarsp{
	width:15.73vw;
	position: absolute;
	right:12.2vw;
	top:5.6vw;
}
section.sponsor {
	background: #FFF;
	margin-top:-120px;
	border-radius: 120px 120px 0 0;
	position: relative;
	z-index: 1;
	padding-bottom: 50px;

	
}
section.sponsor .entitleb{
	color:#E3DADA;
}

section.sponsor .jptitleb,
section.creatorblock .jptitleb{
	color:#7790CC;
}
.sponsorarea{
	justify-content: space-between;
	
}
.sponsorarea p{
	width:22.91%;
	padding-bottom: 30px;

}
.sponsorarea p span{
	width:100%;
	display: block;
	border: solid 1px #E3DADA;
	border-radius: 18px;
	overflow: hidden;
}

@media only screen and (max-width:767px) {
	section.sponsor {
		background: #FFF;
		margin-top:-13.33vw;
		border-radius: 13.33vw 13.33vw 0 0;
		padding-bottom: 12vw;

	}
	.sponsorarea p{
		width:47.76%;
		padding-bottom: 4vw;
	}
	.sponsorarea p a{

		border-radius: 1.6vw;

	}
	section.sponsor .in {
    	padding: 13.3vw 0 0;
 	}
	
}
.blackback{
	width:100%;
	text-align: center;
	background: #000000;
}
@media only screen and (min-width:768px) {
.blackback img.pcareaa{
	display: block;
}
}
.blackback img{
	width:100%;
	max-width: 1300px;
	margin:0 auto;
}
section.creatorblock .in {

  padding: 120px 0 80px;

}
section.creatorblock .jptitleb{
	margin-top:-25px;	
}
section.creatorblock .creator_name{
	margin:60px 0 0;
	text-align: center;
	width:100%;
	font-family: "Zen Maru Gothic", sans-serif;
	line-height: 2;
}
@media only screen and (max-width:768px) {
	section.creatorblock .in {

	  padding: 16vw 0;

	}
	section.creatorblock .jptitleb{
		margin-top:-25px;	
	}
	section.creatorblock .creator_name{
		margin:10.6vw 0 0;
		font-size:3.2vw;
 	}
	
}