@charset "UTF-8";

#cover {
  background-image: url("../img/event/bg_cover_sp@2x.jpg");
}

#fan-meeting {
  padding: 5.5vw 0 10vw;
  background-image: url("../img/event/bg_fan-meeting_sp.svg");
}
#fan-meeting .title_fan-meeting {
  width: 74vw;
}
#fan-meeting .description {
  text-align: left;
  font-size: 4vw;
  margin: 15vw 0;
  padding: 0 6vw;
}
#fan-meeting .index {
  width: 90vw;
  padding: 10vw 5vw 10vw 10vw;
  border-radius: 3.6vw;
}
#fan-meeting .index .title_index {
  font-size: 4vw;
  margin-bottom: 15vw;
}
#fan-meeting .index .list_index {
  font-size: 4.6vw;
}
#fan-meeting .inner {
  width: 84vw;
  padding-top: 10vw;
}
#fan-meeting #event_01,
#fan-meeting #event_02,
#fan-meeting #event_03 {
  padding-top: 20vw;
}
#fan-meeting #event_02,
#fan-meeting #event_03 {
  margin-top: 20vw;
}
#fan-meeting #event_02::before,
#fan-meeting #event_03::before {
  width: 62.82vw;
  height: 1.282vw;
  background-image: url("../img/event/img_line_sp@2x.png");
}
#fan-meeting .title_event {
  font-size: 5.5vw;
}
#fan-meeting .title_theme {
  font-size: 4.6vw;
  padding-top: 10vw;
}
#fan-meeting .photo,
#fan-meeting .text {
  padding: 10vw 0;
}
#fan-meeting .photo .sp-wide {
  width: calc(100% + 16vw);
  max-width: none;
  margin: 0 -8vw;
}
#fan-meeting .photo .caption {
  font-size: 3.5vw;
}
#fan-meeting .photo .flex {
  flex-direction: column;
  gap: 2.5vw;
}
#fan-meeting .photo .flex.row {
  flex-direction: row;
  gap: 1vw;
}
#fan-meeting .photo .flex.row > div {
  width: 41.5vw;
}
#fan-meeting .photo .flex > div {
  width: 100%;
}
#fan-meeting .text p {
  font-size: 4.6vw;
}
#fan-meeting .tomoe-shinohara {
  flex-direction: column;
  gap: 3vw;
}
#fan-meeting .tomoe-shinohara .title_tomoe-shinohara {
  text-align: center;
  font-size: 4vw;
  letter-spacing: -.05em;
  color: #454554;
  margin-bottom: .5em;
}
#fan-meeting .tomoe-shinohara .portrait {
  width: 100%;
}
#fan-meeting .tomoe-shinohara .portrait .caption {
  font-size: 3.2vw;
  letter-spacing: -.05em;
}
#fan-meeting .tomoe-shinohara .profile {
  width: 100%;
}
#fan-meeting .tomoe-shinohara .profile .box .title_profile {
  font-size: 4vw;
}
#fan-meeting .tomoe-shinohara .profile .box p {
  font-size: 3.6vw;
}

#voice {
  background-image: url("../img/event/bg_voice_sp.jpg");
  padding: 20vw 0 5vw;
}
#voice .title_voice {
  font-size: 5vw;
}
#voice .title_riceforce-is {
  width: 74vw;
}
#voice p {
  text-align: left;
  font-size: 4vw;
  padding: 0 7.5vw;
}
#voice .riceforce-is {
  width: 96vw;
  margin: 10vw auto 20vw;
}
#voice .riceforce-is .note_riceforce-is {
  font-size: 3.8vw;
  padding-right: 0;
}
#voice .img_voice {
  width: 100%;
  margin: 10vw auto 0;
}

#interview {
  padding: 25vw 0
}
#interview .title_story {
  width: 82vw;
}
#interview p {
  font-size: 4vw;
}
#interview .list_interview {
  flex-direction: column;
  gap: 16vw;
  width: 76vw;
  margin: 10vw auto 0;
}
#interview .list_interview li {
  width: 100%;
}
#interview .list_interview li .wrap_btn {
  margin-top: 6vw;
}