@charset "UTF-8";
/**
 *
 * index: トップページ
 *
*/
/*----------------------------
	ツール
-----------------------------*/
.calendar iframe {
  width: 100%;
  aspect-ratio: 3/2;
}

@media all and (min-width: 768px) {
  .calendar iframe {
    aspect-ratio: 3/4;
  }
}
body, #Page {
  background: #a9e2f4;
}

/*----------------------------
	About
-----------------------------*/
#About {
  padding-top: 70px;
}
#About #AboutObj1 {
  width: 13%;
  bottom: -20%;
  right: 8%;
}
#About .inner .about_box {
  background: url("../images/top_about_bg.jpg") no-repeat top center/cover;
  padding-bottom: 30px;
  border: solid 1px #333;
}
#About .inner .about_box .about_text {
  max-width: 800px;
  margin: 220px auto 0 auto;
}

@media all and (max-width: 1024px) {
  #About {
    padding-top: 5.3333333333vw;
  }
  #About #AboutObj1 {
    bottom: -9vw;
    right: 3.8vw;
  }
  #About .inner .about_box {
    background: url("../images/top_about_bg.jpg") no-repeat top center/cover;
    padding-bottom: 2.6666666667vw;
  }
  #About .inner .about_box .about_text {
    max-width: 64vw;
    margin: 16vw auto 0 auto;
  }
}
/*----------------------------
	Machine
-----------------------------*/
#Machine #MachineObj1 {
  width: 19%;
  top: 26.5%;
  left: 5%;
}
#Machine #MachineObj2 {
  width: 13%;
  top: 49.3%;
  right: 5.4%;
}
#Machine #MachineObj3 {
  width: 11%;
  bottom: 2%;
  left: 4%;
}
#Machine .inner .machinelist .machine {
  margin-bottom: 100px;
  /*&:last-child{
    margin-bottom: 0;
  }*/
}
#Machine .inner .machinelist .machine .machine_image {
  border: solid 1px #000;
  margin-bottom: 40px;
}
#Machine .inner .machinelist .machine .linkbtn {
  width: 400px;
  margin: 0 auto;
}
#Machine .inner .machinelist .machine .linkbtn a.coming {
  pointer-events: none;
}
@media screen and (min-width: 1025px) {
  #Machine .inner .machinelist .machine .linkbtn a:hover {
    opacity: 1;
    filter: brightness(110%);
  }
}

@media all and (max-width: 1024px) {
  #Machine #MachineObj1 {
    top: 62vw;
    left: 0.8vw;
  }
  #Machine #MachineObj2 {
    top: 116vw;
    right: 0.5vw;
  }
  #Machine #MachineObj3 {
    bottom: 2vw;
    left: 1.5vw;
  }
  #Machine .inner .machinelist .machine {
    margin-bottom: 5.3333333333vw;
    /*&:last-child{
      margin-bottom: 0;
    }*/
  }
  #Machine .inner .machinelist .machine .machine_image {
    margin-bottom: 2.6666666667vw;
  }
  #Machine .inner .machinelist .machine .linkbtn {
    width: 37.3333333333vw;
  }
}
/*----------------------------
	Schedule
-----------------------------*/
#Schedule #ScheduleObj1 {
  width: 13%;
  bottom: -14%;
  left: 1%;
}
#Schedule .inner .schedule_box {
  margin-top: -30px;
}
#Schedule .inner .schedule_box .schedule {
  width: 2296px;
}

@media all and (max-width: 1024px) {
  #Schedule .inner .schedule_box {
    margin-top: -2.6666666667vw;
  }
  #Schedule .inner .schedule_box .schedule {
    width: 213.3333333333vw;
  }
}
/*----------------------------
	Election
-----------------------------*/
#Election .inner .election_text {
  max-width: 500px;
  margin: -30px auto 35px auto;
}
@media screen and (min-width: 1025px) {
  #Election .inner .bannar:hover {
    filter: brightness(110%);
  }
}

@media all and (max-width: 1024px) {
  #Election .inner .election_text {
    max-width: 48vw;
    margin: -2.6666666667vw auto 2.6666666667vw auto;
  }
}
/*----------------------------
	Challenge
-----------------------------*/
#Challenge #ChallengeObj1, #Challenge2 #ChallengeObj1 {
  width: 13%;
  top: 60%;
  right: 1%;
}
#Challenge #ChallengeObj2, #Challenge2 #ChallengeObj2 {
  width: 13%;
  top: 59%;
  left: 6%;
}
#Challenge #ChallengeObj3, #Challenge2 #ChallengeObj3 {
  width: 11%;
  top: 73%;
  right: 4%;
}
#Challenge .inner .challenge_text, #Challenge2 .inner .challenge_text {
  max-width: 850px;
  margin: 0 auto;
  position: relative;
}
#Challenge .inner .challenge_talent, #Challenge2 .inner .challenge_talent {
  position: absolute;
  width: 23%;
  top: -60px;
  left: calc(61% + 200px);
}
#Challenge .inner .btn_group, #Challenge2 .inner .btn_group {
  margin-top: 50px;
}
#Challenge .inner .btn_group .btn_box, #Challenge2 .inner .btn_group .btn_box {
  width: calc(50% - 15px);
  align-self: flex-end;
}
#Challenge .inner .btn_group .btn_box figure .btn, #Challenge2 .inner .btn_group .btn_box figure .btn {
  width: 100%;
  margin-top: 0;
}
#Challenge .inner .btn_group .btn_box .btn, #Challenge2 .inner .btn_group .btn_box .btn {
  width: 80%;
  margin: 30px auto 0 auto;
}
#Challenge .inner .btn_group .btn_box .btn.coming, #Challenge2 .inner .btn_group .btn_box .btn.coming {
  pointer-events: none;
}
@media screen and (min-width: 1025px) {
  #Challenge .inner .btn_group .btn_box .btn:hover, #Challenge2 .inner .btn_group .btn_box .btn:hover {
    filter: brightness(110%);
  }
}
#Challenge .inner .movie_box, #Challenge2 .inner .movie_box {
  width: 100%;
  max-width: 800px;
  margin: 40px auto 0 auto;
}
#Challenge .inner .movie_box .moviebtn, #Challenge2 .inner .movie_box .moviebtn {
  width: 52%;
  margin: 30px auto 0 auto;
}
@media screen and (min-width: 1025px) {
  #Challenge .inner .movie_box .moviebtn:hover, #Challenge2 .inner .movie_box .moviebtn:hover {
    opacity: 0.7;
  }
}

#Challenge2 .inner .challenge_text {
  max-width: auto;
  max-width: none;
  max-width: unset;
}
#Challenge2 .inner .btn_group .btn_box .btn {
  margin: 30px auto 0 auto;
}

@media all and (min-width: 1025px) and (max-width: 1279px) {
  #Challenge .inner .challenge_talent, #Challenge2 .inner .challenge_talent {
    left: calc(73% + 100px);
  }
}
@media all and (max-width: 1024px) {
  #Challenge #ChallengeObj1, #Challenge2 #ChallengeObj1 {
    top: 61%;
  }
  #Challenge #ChallengeObj2, #Challenge2 #ChallengeObj2 {
    top: 54%;
    left: 0%;
  }
  #Challenge .inner .challenge_text, #Challenge2 .inner .challenge_text {
    width: 74.6666666667vw;
    margin: 0 auto;
  }
  #Challenge .inner .challenge_talent, #Challenge2 .inner .challenge_talent {
    width: 23%;
    top: -2.5%;
    left: auto;
    right: -9%;
  }
  #Challenge .inner .btn_group, #Challenge2 .inner .btn_group {
    margin-top: 5.3333333333vw;
  }
  #Challenge .inner .btn_group .btn_box, #Challenge2 .inner .btn_group .btn_box {
    width: 100%;
    margin-bottom: 5.3333333333vw;
  }
  #Challenge .inner .btn_group .btn_box:last-child, #Challenge2 .inner .btn_group .btn_box:last-child {
    margin-bottom: 0;
  }
  #Challenge .inner .btn_group .btn_box .btn, #Challenge2 .inner .btn_group .btn_box .btn {
    width: 60%;
    margin: 2.6666666667vw auto 0 auto;
  }
  #Challenge .inner .movie_box, #Challenge2 .inner .movie_box {
    margin: 4vw auto 0 auto;
  }
  #Challenge .inner .movie_box .moviebtn, #Challenge2 .inner .movie_box .moviebtn {
    width: 60%;
    margin: 2.6666666667vw auto 0 auto;
  }
  #Challenge2 .inner .btn_group .btn_box .btn {
    margin-top: 2.6666666667vw;
  }
}
/*----------------------------
	Versus
-----------------------------*/
#Versus #VersusObj1 {
  width: 16%;
  top: 85%;
  left: 8%;
}
#Versus .inner .section_inner .flex_l {
  width: 50%;
}
#Versus .inner .section_inner .flex_r {
  width: 50%;
  padding-left: 30px;
}
#Versus .inner .section_inner .btn {
  margin-top: 20px;
  width: 97%;
}
#Versus .inner .section_inner .versus_text {
  width: 80%;
  max-width: 520px;
  margin: 0 auto;
}
#Versus .inner .section_inner .moviethumb {
  width: 80%;
  margin: 40px auto 0 auto;
}
#Versus .inner .section_inner .moviebtn {
  width: 42%;
  margin: 30px auto 0 auto;
}
@media screen and (min-width: 1025px) {
  #Versus .inner .section_inner .moviebtn:hover {
    opacity: 0.7;
  }
}

@media all and (max-width: 1024px) {
  #Versus #VersusObj1 {
    width: 18%;
    top: 87%;
    left: 2%;
  }
  #Versus .inner .section_inner {
    align-items: center;
  }
  #Versus .inner .section_inner .flex_l {
    width: 100%;
    margin: 0 auto 2.6666666667vw auto;
  }
  #Versus .inner .section_inner .flex_r {
    width: 80%;
    padding-left: 0;
    margin: 1.3333333333vw auto 0 auto;
  }
  #Versus .inner .section_inner .btn {
    width: 90%;
    margin: 4vw auto 0 auto;
  }
  #Versus .inner .section_inner .versus_text {
    width: 58%;
    margin: 0 auto;
  }
  #Versus .inner .section_inner .moviethumb {
    width: 100%;
    margin: 4vw auto 0 auto;
  }
  #Versus .inner .section_inner .moviethumb .btn {
    width: 100%;
  }
  #Versus .inner .section_inner .moviebtn {
    width: 60%;
    margin: 2.6666666667vw auto 0 auto;
  }
}
.chara_obj {
  position: absolute;
}

#SideChara1 {
  width: 32vw;
  top: 56vw;
  left: calc(50% + 33.5vw);
}

#SideChara2 {
  width: 30vw;
  top: 129vw;
  left: -12.7vw;
}

#SideChara3 {
  width: 36vw;
  top: 205vw;
  right: -23.8vw;
}

#SideChara4 {
  width: 28vw;
  top: 280vw;
  left: -13.9vw;
}

#SideChara5 {
  width: 14.2vw;
  top: 374vw;
  left: calc(50% + 39.1vw);
}

#SideChara6 {
  width: 24vw;
  top: 448vw;
  left: -4.7vw;
}

#SideChara7 {
  width: 13vw;
  top: 531vw;
  right: -4.3vw;
}

#SideChara8 {
  width: 14vw;
  top: 606.2vw;
  left: -3.7vw;
}

@media all and (min-width: 1600px) {
  #SideChara1 {
    width: 512px;
    top: calc(50vw + 100px);
    left: calc(50% + 544px);
  }
  #SideChara2 {
    width: 479px;
    top: calc(50vw + 1245px);
    left: calc(50% - 1010px);
  }
  #SideChara3 {
    width: 576px;
    top: calc(50vw + 2410px);
    left: calc(50% + 614px);
  }
  #SideChara4 {
    width: 448px;
    top: calc(50vw + 3610px);
    left: calc(50% - 1032px);
  }
  #SideChara5 {
    width: 227px;
    top: calc(50vw + 5072px);
    left: calc(50% + 633px);
  }
  #SideChara6 {
    width: 384px;
    top: calc(50vw + 6245px);
    left: calc(50% - 886px);
  }
  #SideChara7 {
    width: 208px;
    top: calc(50vw + 7580px);
    left: calc(50% + 669px);
  }
  #SideChara8 {
    width: 224px;
    top: calc(50vw + 8742px);
    left: calc(50% - 871px);
  }
}
@media all and (max-width: 1024px) {
  #SideChara1 {
    width: 41vw;
    top: 52vw;
    left: calc(50% + 28.6vw);
  }
  #SideChara2 {
    width: 38vw;
    top: 139vw;
    left: -15.6vw;
  }
  #SideChara3 {
    width: 48vw;
    top: 224vw;
    right: -31.8vw;
  }
  #SideChara4 {
    width: 38vw;
    top: 345vw;
    left: -18.9vw;
  }
  #SideChara5 {
    width: 19vw;
    top: 453vw;
    left: calc(50% + 35.6vw);
  }
  #SideChara6 {
    width: 30vw;
    top: 531vw;
    left: -5.6vw;
  }
  #SideChara7 {
    width: 17vw;
    top: 613vw;
    right: -5.4vw;
  }
  #SideChara8 {
    width: 18vw;
    top: 691.5vw;
    left: -4.6vw;
  }
}
/*# sourceMappingURL=index.css.map */