@charset "UTF-8";


#header_emmi.header .header-inner{
  background: #FFFF00;
}


.bredlist.lp{
  margin-top: 0;
  margin-bottom: 0;
}


#footer_emmi{
  margin-top: 0;
  padding-top: 0;
}


@media screen and (max-width:767px) {
  :root {
    --lpSetSize: (100vw / 750);
  }
}


:root{
  --scrollbarSize: 0;
}


@media screen and (min-width:768px) and (max-width:1400px) {
  :root {
    --lpSetSize: (100vw / 1400) * 0.6666666666666667;
  }
}

@media screen and (min-width:1401px){
  :root {
    --lpSetSize: 0.6666666666666667px;
  }
}



@keyframes rotationBall{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}

/*******************************
em250717Prince
*******************************/
#em250717Prince{
  display: block;
  width: 100%;
  padding: 0 0 0;
  box-sizing: border-box;
}


#em250717Prince *{box-sizing: border-box;}


/*******************************
img setting
*******************************/
#em250717Prince .imgOuter{
  display: block;
  width: 100%;
  height: auto;
  pointer-events: none;
  background: #FFFFFF;
}

#em250717Prince img,
#em250717Prince picture{
  display: block;
  width: 100%;
  height: auto;
}


#em250717Prince .imgOuter > .outer,
#em250717Prince .imgOuter picture,
#em250717Prince .imgOuter img{
  display: block;
  width: 100%;
  height: auto;
}
#em250717Prince .imgOuter > a{
  display: block;
  width: 100%;
  height: auto;
  pointer-events: auto;
}


/*******************************
creditLinks
*******************************/
#em250717Prince .creditArea{
  display: block;
  padding-top: calc(36 * var(--lpSetSize));
  position: relative;
  z-index: 3;
}

#em250717Prince .creditLinks{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  white-space: nowrap;
  text-align: left;
}


#em250717Prince .creditLinks > a,
#em250717Prince .creditLinks > span{
  display: inline-block;
  font-family: "aktiv-grotesk", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(21 * var(--lpSetSize));
  letter-spacing: 0.04em;
  line-height: 1.666666666666667;
  color: #000000;
  text-decoration: none;
  font-feature-settings: "palt";
}

#em250717Prince .creditLinks > a > span,
#em250717Prince .creditLinks > span > span{
  margin-left: 0.5em;
  font-weight: 500;
  color: #FFFF00;
  text-decoration: underline;
  text-decoration-skip-ink: none;
}




/*******************************
fadeInSetting
*******************************/
#em250717Prince .fadeInBlock{
  opacity: 0;
  transition: opacity .2s cubic-bezier(.47,0,.745,.715);
  transition-delay: .2s;
}


#em250717Prince .fadeInBlock.view{
  opacity: 1;
}



/*******************************
lpWrap
*******************************/
#em250717Prince .lpWrap{
  display: block;
  width: 100%;
  background: #62983B;
  padding: 0;
}



#em250717Prince .lpMainBlock{
  display: block;
  width: 100%;
}


@media screen and (min-width:768px){
  #em250717Prince .lpMainBlock{
    display: block;
    width: calc(750 * var(--lpSetSize));
    margin: 0 auto;
  }  
}


/*******************************
mvBlock
*******************************/
#em250717Prince #mvBlock{
  display: block;
  width: 100%;
  margin: 0 auto calc(25.6 * var(--lpSetSize));
}

#em250717Prince #mvBlock a,
#em250717Prince #mvBlock picture,
#em250717Prince #mvBlock img{
  display: block;
  width: 100%;
  height: auto;
}


/*******************************
firstLede
*******************************/
#em250717Prince #firstLede{
  display: block;
  margin: 0 auto calc(302 * var(--lpSetSize));
}

#em250717Prince #firstLede p{
  display: block;
  width: calc(671 * var(--lpSetSize));
  margin: 0 auto calc(106.4 * var(--lpSetSize));
  font-family: "aktiv-grotesk", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(18 * var(--lpSetSize));
  line-height: 1.388888888888889;
  letter-spacing: 0.05em;
  text-align: center;
  color: #FFFFFF;
  font-feature-settings: "palt";
}


#em250717Prince #firstLede .imgBall{
  display: block;
  width: calc(114 * var(--lpSetSize));
  margin: 0 calc(57 * var(--lpSetSize)) calc(109 * var(--lpSetSize)) auto;
}


#em250717Prince #firstLede .imgBall img{
  display: block;
  width: 100%;
  height: auto;
  animation: rotationBall 4s linear infinite;
}


#em250717Prince #firstLede .img01{
  width: calc(630 * var(--lpSetSize));
  margin: 0 auto calc(48.3 * var(--lpSetSize));
}

#em250717Prince #firstLede .ledeTTL{
  display: block;
  width: calc(673.4 * var(--lpSetSize));
  margin: 0 auto calc(54.9 * var(--lpSetSize));
}




#em250717Prince #firstLede .img02{
  width: 100%;
  margin: 0 auto;
}


/*******************************
sec01
*******************************/
#em250717Prince #sec01{
  display: block;
  margin: 0 auto calc(242 * var(--lpSetSize));
  position: relative;
}



#em250717Prince #sec01 .img01{
  display: block;
  width: calc(480 * var(--lpSetSize));
  margin: 0 calc(40 * var(--lpSetSize)) calc(150 * var(--lpSetSize)) auto;
}


#em250717Prince #sec01 .img02{
  display: block;
  width: calc(550 * var(--lpSetSize));
  margin: 0 auto calc(200 * var(--lpSetSize)) calc(60 * var(--lpSetSize));
}


#em250717Prince #sec01 .img03{
  display: block;
  width: 100%;
  margin: 0 auto;
}



#em250717Prince #sec01 .creditArea{
  padding-left:  calc(40 * var(--lpSetSize))
}

/*******************************
sec02
*******************************/
#em250717Prince #sec02{
  display: block;
  margin: 0 auto calc(208 * var(--lpSetSize));
  position: relative;
}


#em250717Prince #sec02 .img01{
  display: block;
  width: calc(550 * var(--lpSetSize));
  margin: 0 auto calc(149.9 * var(--lpSetSize)) calc(40 * var(--lpSetSize));
}


#em250717Prince #sec02 .img02{
  display: block;
  width: calc(512 * var(--lpSetSize));
  margin: 0 calc(40 * var(--lpSetSize)) calc(144 * var(--lpSetSize)) auto;
}


#em250717Prince #sec02 .img03{
  display: block;
  width: 100%;
  margin: 0 auto;
}



#em250717Prince #sec02 .img03 .creditArea{
  padding-left:  calc(40 * var(--lpSetSize))
}


/*******************************
sec03
*******************************/
#em250717Prince #sec03{
  display: block;
  margin: 0 auto calc(250 * var(--lpSetSize));
  position: relative;
}


#em250717Prince #sec03 .img01{
  display: block;
  width: 100%;
  margin: 0 auto;
}



/*******************************
sec04
*******************************/
#em250717Prince #sec04{
  display: block;
  margin-bottom: calc(242 * var(--lpSetSize));
  position: relative;
}


#em250717Prince #sec04 .img01{
  display: block;
  width: calc(550 * var(--lpSetSize));
  margin: 0 calc(40 * var(--lpSetSize)) calc(149.9 * var(--lpSetSize)) auto;
}

#em250717Prince #sec04 .img02{
  display: block;
  width: calc(620 * var(--lpSetSize));
  margin: 0 auto 0 calc(40 * var(--lpSetSize));
}



/*******************************
sec05
*******************************/
#em250717Prince #sec05{
  display: block;
  margin: 0 auto calc(244 * var(--lpSetSize));
  position: relative;
}

#em250717Prince #sec05 .img01{
  display: block;
  width: calc(480 * var(--lpSetSize));
  margin: 0 calc(40 * var(--lpSetSize)) 0 auto;
}




/*******************************
sec06
*******************************/
#em250717Prince #sec06{
  display: block;
  margin: 0 auto calc(250 * var(--lpSetSize));
  position: relative;
}


#em250717Prince #sec06 .img01{
  display: block;
  width: calc(550 * var(--lpSetSize));
  margin: 0 auto calc(142 * var(--lpSetSize)) calc(40 * var(--lpSetSize));
}



#em250717Prince #sec06 .img02{
  display: block;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}



/*******************************
sec07
*******************************/
#em250717Prince #sec07{
  display: block;
  margin: 0 auto calc(90 * var(--lpSetSize));
  position: relative;
}


#em250717Prince #sec07 .img01{
  display: block;
  width: calc(480 * var(--lpSetSize));
  margin: 0 calc(61 * var(--lpSetSize)) calc(149.9 * var(--lpSetSize)) auto;
}

#em250717Prince #sec07 .img02{
  display: block;
  width: calc(620 * var(--lpSetSize));
  margin: 0 auto 0 calc(40 * var(--lpSetSize));
}


/*******************************
movieArea
*******************************/
#em250717Prince .movieArea{
  display: block;
  margin: 0 auto calc(219.9  * var(--lpSetSize));
  overflow: hidden;
}

#em250717Prince .movieArea .imgBall{
  display: block;
  width: calc(117 * var(--lpSetSize));
  margin: 0 calc(148 * var(--lpSetSize)) calc(135 * var(--lpSetSize)) auto;
}

#em250717Prince .movieArea .imgBall img{
  display: block;
  width: 100%;
  height: auto;
  animation: rotationBall 4s linear infinite;
}



#em250717Prince #movieBlock{
  display: block;
  width: calc(529.87 * var(--lpSetSize));
  margin: 0 auto;
}

#em250717Prince #movieBlock a{
  display: block;
  width: 100%;
  height: auto;
}

#em250717Prince #movieBlock video{
  display: block;
  width: 100%;
}

/*
#em250717Prince #movieBlock #soundBtn{
  display: block;
  width: calc(116.7004 * var(--setsize));
  height: calc(19.9276 * var(--setsize));
  background: url("../img/btn_sound_off.png") right center no-repeat;
  background-size: auto 100%;
  position: absolute;
  right: calc(14 * var(--setsize));
  top: calc(14 * var(--setsize));
  z-index: 2;
  cursor: pointer;
}

#em250717Prince #movieBlock #soundBtn.on{
  background: url("../img/btn_sound_on.png") right center no-repeat;
  background-size: auto 100%;
}
*/

/*******************************
lpStaffList
*******************************/
#em250717Prince .lpStaffList{
  display: block;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}


#em250717Prince .lpStaffList .lpStaffListInner{
  display: block;
  width: 100%;
  height: 100%;
  padding-top: calc(59.4 * var(--lpSetSize));
  padding-left: calc(40 * var(--lpSetSize));
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

#em250717Prince .lpStaffList .staffListTTL{
  display: block;
  width: calc(471.75 * var(--lpSetSize));
  margin: 0 auto calc(40 * var(--lpSetSize)) 0;
}


#em250717Prince .lpStaffList .staffListWrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

#em250717Prince .lpStaffList .staffListWrap > .listLine{
  display: block;
}


#em250717Prince .lpStaffList .staffListWrap > .listLine:nth-of-type(1){
  margin-right: calc(78 * var(--lpSetSize));
}
#em250717Prince .lpStaffList .staffListWrap > .listLine:nth-of-type(2){
  margin-right: calc(77 * var(--lpSetSize));
}
#em250717Prince .lpStaffList .staffListWrap > .listLine:nth-of-type(4){
  margin-top: calc(-16 * var(--lpSetSize));
}


#em250717Prince .lpStaffList .staffListWrap > .listLine > dl{
  display: block;
}

#em250717Prince .lpStaffList .staffListWrap > .listLine > dl + dl{
  margin-top: calc(20 * var(--lpSetSize));
}

#em250717Prince .lpStaffList .staffListWrap > .listLine dl > dt,
#em250717Prince .lpStaffList .staffListWrap > .listLine dl > dd{
  font-family: "aktiv-grotesk", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(18  * var(--lpSetSize));
  line-height: 1.388888888888889;
  letter-spacing: 0.04em;
  font-feature-settings: "palt";
  color: #FFFF00;
  text-align: left;
}


#em250717Prince .lpStaffList .bg{
  display: block;
  width: 100%;
  height: auto;
}


/*******************************
overRide
*******************************/
@media screen and (max-width:767px) {
  #em250717Prince .pcView{display: none;}
}

@media screen and (min-width:768px){
  #em250717Prince .spView{display: none;}
}