@charset "utf-8";

/* home
============================================ */
#mv {
  margin: auto;
  padding: 2em 15px 0;
  height: calc((100vw - 30px) + 83px + 24vw);
  background-image: url(../img/home/top_bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
#mv .slide_box {
  margin: 0 auto;
  width: 100%;
  max-width: 752px;
}
#mv .btn {
  margin-bottom: 15px;
  padding: 0;
  width: 100%;
}
#mv .slide img {
  width: 100%;
}
#mv .slick-list {
  background: #fff;
  box-shadow: 1px 2px 5px rgba(0,0,0,.3);
}
#mv .slick-arrow {
  margin-top: -14px;
  padding: 0;
  width: 18px;
  height: 28px;
  color: transparent;
  font-size: 0;
  line-height: 0;
  border: none;
  outline: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  position: absolute;
  transform: translate(0, -50%);
  top: 50%;
  cursor: pointer;
  z-index: 1;
}
#mv .slick-prev {
  background-image: url(../img/slide_arrow_l.png);
  left: 10px;
}
#mv .slick-next {
  background-image: url(../img/slide_arrow_r.png);
  background-size: contain;
  right: 10px;
}
#mv .slick-dots {
  padding-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#mv .slick-dots li {
  margin: 1px;
  width: 30px;
}
#mv .btn_ticket {
  margin: 20px -15px 0;
  padding: 0 10px;
  height: 24vw;
  max-height: 235px;
  background-image: url(../img/home/ticket_bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  z-index: 1;
}
#mv .btn_ticket p {
  margin: 0 auto;
  max-width: 732px;
}
#mv .btn_ticket img {
  width: 100%;
}

#gridNav {
  top: calc((100vw - 30px) + 83px + 24vw);
  width: 100%;
  position: absolute!important;
}
#gridNav > div {
  border-bottom: 4px solid #fff;
  background-image: url(../img/sidebars/bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.sidebar-item-wrapper {
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
}
.sidebar-item-wrapper:nth-of-type(2n) {
  border-right: 4px solid #fff;
}
.sidebar-item-wrapper .bg-holder {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100%;
  mix-blend-mode: screen;
}
#gridNav > div .sidebar-item-wrapper:nth-child(2n) .bg-holder {
  background-size: calc(100% + 4px);
}
.sidebar-item-wrapper .bg-holder + div {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform .3s linear, -webkit-transform .3s linear;
}
.sidebar-item-wrapper:hover .bg-holder + div {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.sidebar-item-wrapper .bg-holder.about,
.sidebar-item-wrapper .bg-holder.model,
.sidebar-item-wrapper .bg-holder.brand,
.sidebar-item-wrapper .bg-holder.sponsor {
  background-image: url(../img/sidebars/bg1_sp.png);
}
.sidebar-item-wrapper .bg-holder.ticket,
.sidebar-item-wrapper .bg-holder.artist,
.sidebar-item-wrapper .bg-holder.stage,
.sidebar-item-wrapper .bg-holder.booth {
  background-image: url(../img/sidebars/bg2_sp.png);
}
.sidebar-item-wrapper .bg-holder.about + div {
  background-image: url(../img/sidebars/about_sp.png);
}
.sidebar-item-wrapper .bg-holder.model + div {
  background-image: url(../img/sidebars/model_sp.png);
}
.sidebar-item-wrapper .bg-holder.artist + div {
  background-image: url(../img/sidebars/artist_sp.png);
}
.sidebar-item-wrapper .bg-holder.stage + div {
  background-image: url(../img/sidebars/stage_sp.png);
}
.sidebar-item-wrapper .bg-holder.brand + div {
  background-image: url(../img/sidebars/brand_sp.png);
}
.sidebar-item-wrapper .bg-holder.booth + div {
  background-image: url(../img/sidebars/booth_sp.png);
}
.sidebar-item-wrapper .bg-holder.sponsor + div {
  background-image: url(../img/sidebars/sponsor_sp.png);
}
.sidebar-item-wrapper .bg-holder.ticket + div {
  background-image: url(../img/sidebars/ticket_sp.png);
}

#home_cont {
  margin: 100vh 0 0 0;
}
#home h2.ttl {
  width: auto;
  max-width: none;
  z-index: 3;
}
#home h2.ttl img {
  width: 100%;
  max-width: 622px;
}

#whatsnew {
  padding-bottom: 1rem;
  width: 100%;
  background: url(../img/home/news_bg_sp.jpg) no-repeat left top;
  background-size: cover;
  position: relative;
}
#whatsnew::before,
#movie::before {
  content: '';
  width: 100%;
  height: 30px;
  background: url(../img/home/bg_line.png) repeat-x left top;
  background-size: 38px 30px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#whatsnew::after {
  content: '';
  width: 34px;
  height: 44px;
  background: url(../img/home/news_balloon.png) no-repeat left top;
  background-size: contain;
  position: absolute;
  top: 10px;
  left: 5%;
  z-index: 2;
}
#whatsnew .col-lg-10 {
  position: relative;
}
#whatsnew h2.ttl {
  margin-bottom: 0;
}
#whatsnew .news_box {
}
#whatsnew .news_box .news_box_inner {
  margin: 0 auto;
  padding: 10%;
  max-width: 736px;
  background-image: url(../img/home/news_box_bg_sp.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
}
#whatsnew .list {
  max-height: 10em;
  overflow-y: scroll;
}
#whatsnew .list li:not(:last-of-type) {
  margin-bottom: .5em;
  padding-bottom: .5em;
  border-bottom: 1px solid #b2b2b2;
}
#whatsnew .list .date {
  margin-bottom: .5em;
  font-family: 'Bebas Neue';
  font-size: 1rem;
  line-height: 1;
}
#whatsnew .list .news_ttl {
  font-size: 1.2rem;
  line-height: 1.5;
}
#whatsnew .sns {
  padding: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#whatsnew .sns li {
  margin: 4px;
  width: 30px;
}
#whatsnew .video_box {
  margin: 2rem auto;
}
#home .live_btn {
  margin-bottom: 4rem;
}
#home .live_btn > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#home .live_btn > div p {
  width: 48%;
}
#mv .live_btn {
  margin-bottom: 0;
}
#movie {
  padding-bottom: 2rem;
  width: 100%;
  background-image: url(../img/home/movie_bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: cover;
  position: relative;
}
#movie::after {
  content: '';
  width: 100px;
  height: 109px;
  background: url(../img/home/movie_balloon.png) no-repeat left top;
  background-size: contain;
  position: absolute;
  top: 10px;
  right: 2%;
  z-index: 2;
}
#movie .video_box {
  margin: .5vw auto 0;
  max-width: 890px;
  position: relative;
  z-index: 3;
}
#hot {
  background: url(../img/home/movie_bg.png) no-repeat center bottom;
  background-size: cover;
}
#hot h2.ttl {
  margin: -1.45vw -15px 0;
  padding-top: 10px;
  height: 26.875vw;
}
#hot ul,
#sns .sns_wrap {
  margin-top: -12vw;
}
#hot li:not(:last-of-type) {
  margin-bottom: 20px;
}
#hot li {
  padding: 5px 30px 20px;
  background: #fff;
  border: 2px solid;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#hot li h3 {
  margin: 0 auto 5px;
  width: 90%;
}
#hot li img {
  width: 100%;
}
#hot li .txt {
  margin: 1em auto 2em;
  font-size: 1rem;
}
#hot li .btn {
  margin: auto auto 0;
  padding: 1em;
  width: 85%;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0;
  background: #e19eff;
  border-radius: 22px;
  display: block;
  transition: .3s ease-in-out;
}
#sns {
  background: url(../img/home/sns_bg.png) no-repeat center top;
  background-size: cover;
}
#sns .insta {
  margin-bottom: 40px;
  padding: 5px 0 10px;
  width: 100%;
  background: #fff;
  border: 2px solid;
  border-radius: 8px;
  position: relative;
}
#sns .insta .gallery {
  height: calc(381px - ((100vw - 30px) * .11));
  overflow-y: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#sns .insta .gallery-item {
  -webkit-box-flex: 1 1 33.333%;
  -ms-flex: 1 1 33.333%;
  flex: 1 1 33.333%;
}
#sns .twitter {
  padding: 10px 0;
  width: 100%;
  height: 400px;
  background: #fff;
  border: 2px solid;
  border-radius: 8px;
}
#sns .twitter > div {
  height: 100%;
  overflow-y: scroll;
}
#sponsor {
  width: 100%;
  background: #fff;
}
#sponsor.bg-no {
  background: none;
}
#sponsor .w_box,
#partner .w_box {
  background: #fff;
}
#sponsor h3 {
  margin-bottom: 1em;
  padding-bottom: .5em;
  font-family: 'Bebas Neue';
  font-size: 1.8rem;
  text-align: center;
  line-height: 1;
  letter-spacing: .05em;
  border-bottom: 1px solid #000;
}
#sponsor article:not(:last-of-type) {
  margin-bottom: 50px;
}
#sponsor article ul {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#sponsor article li {
  margin-bottom: 20px;
}
#sponsor article li a {
  transition: .3s ease-in-out;
}
#sponsor article li a:hover {
  opacity: .7;
}
#sponsor article li img {
  width: 100%;
}
#sponsor article p {
  text-align: center;
  word-break: keep-all;
}
#sponsor .special-p li {
  width: 70%;
  max-width: 300px;
}
#sponsor .sponsor ul {
  max-width: 950px;
}
#sponsor .sponsor li {
  padding: 0 5px;
  width: 33.3333%;
  width: calc(100% / 3);
  max-width: 190px;
}
#sponsor .media {
  display: block;
}
#sponsor .media ul {
  max-width: 570px;
}
#sponsor .media li,
#sponsor .clean li {
  padding: 25px 20px;
  width: 45%;
  max-width: 160px;
}
#sponsor .media li {
  max-width: 190px;
}
#sponsor .media li.fmosaka {
  max-width: 150px;
}
#sponsor .stay li {
  padding: 25px 20px;
  width: 50%;
  max-width: 240px;
}
#sponsor .official li {
  margin-bottom: 40px;
  padding: 0 30px;
  width: 60%;
  max-width: 240px;
}
#sponsor .shusai p:not(:last-of-type) {
  margin-bottom: 20px;
}
#sponsor .shusai p img {
  max-width: 100px;
}
#sponsor .nihonhaku {
  margin-top: 50px;
}
#sponsor .nihonhaku ul {
  -webkit-box-align: center;
  align-items: center;
}
#sponsor .nihonhaku li {
  padding: 0 10px;
  width: 50%;
  max-width: 264px;
}
#sponsor .nihonhaku p {
  font-size: 1.2rem;
}

/* bg
============================================ */
#model .content_bg,
#sponsor-page .content_bg {
  background-image: url(../img/bg1.jpg);
}
#about .content_bg,
#brand .content_bg,
#history .content_bg {
  background-image: url(../img/bg2.jpg);
}
#booth .content_bg,
#ticket .content_bg,
#report .content_bg {
  background-image: url(../img/bg3.jpg);
}
#stage .content_bg {
  background-image: url(../img/bg4.jpg);
}

/* about
============================================ */
#about .bg-holder2 {
  background-image: url(../img/side/about.jpg);
}
#about .btn {
  margin: 20px auto;
  padding: 0;
  max-width: 300px;
  letter-spacing: 0;
  display: block;
}
#about .btn a {
  padding: 1em 2em;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  background: #000;
  border-radius: 2px;
  display: block;
  transition: .3s ease-in-out;
}
#about .btn a:hover {
  opacity: .7;
}
.about_info table {
  margin: 0 auto;
  width: 100%;
  max-width: 700px;
}
.about_info th,
.about_info td {
  width: 100%;
  font-size: 1.6rem;
  display: block;
}
.about_info tr:not(:last-of-type) td {
  padding-bottom: 1em;
}
.about_info td span {
  font-size: 1.2rem;
  display: inline-block;
}
#about_movie,
#about_visual {
  text-align: center;
}
#about_movie .txt {
  margin-top: 20px;
  font-size: 1.2rem;
  font-weight: bold;
}
#about section .sns {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#about section .sns li {
  margin: 4px;
  width: 35px;
}
#about section .sns li a {
  transition: .3s ease-in-out;
}
#about section .sns li a:hover {
  opacity: .7;
}
#about section .sns li img {
  width: 100%;
  height: auto;
}
#about_visual .col-lg-10 {
  max-width: none;
  flex: 0 0 100%;
}
#about_visual .image {
  margin: 0 auto;
  max-width: 1440px;
}
#about_visual .txt {
  margin: 0 auto;
  padding-top: 20px;
  max-width: 680px;
  text-align: center;
}
#about_visual .txt h3 {
  margin-bottom: 1em;
  font-size: 1.8rem;
}
#about_visual .txt h3 span {
  margin-bottom: .4em;
  padding-bottom: .4em;
  width: 100%;
  line-height: 1;
  border-bottom: 1px solid #000;
  display: inline-block;
}
#about_visual .txt p {
  font-size: 1.2rem;
}

/* enjoy
============================================ */
#enjoy {
  text-align: center;
}
.enjoy_about h3 {
  margin-bottom: 1em;
  font-size: 2rem;
  text-align: center;
}
.enjoy_about h4,
.ui.styled.accordion .content .txt {
  line-height: 2;
  border-bottom: 5px solid #FFFF33;
  display: inline;
}
.enjoy_about .txt {
  margin-top: 2em;
  font-size: 1.2rem;
}
.enjoy_point {
  margin-top: 4em;
}
.enjoy_point h3 {
  padding: .5em;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.5;
  background: #000;
}
.enjoy_point .ui.styled.accordion {
  box-shadow: none;
  border: 2px solid #000;
  border-radius: 8px;
}
.enjoy_point .ui.styled.accordion .title {
  font-size: 1.4rem;
  color: #1c1c1c;
}
.enjoy_point .ui.styled.accordion .title span {
  font-size: 1rem;
}
.enjoy_point .ui.styled.accordion .content {
  padding: 1em!important;
  font-size: 1.2rem;
}
.enjoy_point .ui.styled.accordion .content .list {
  margin: 2em auto 0;
  max-width: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.enjoy_point .ui.styled.accordion .content .list li {
  padding: 10px;
  width: 50%;
}

/* model
============================================ */
#model .bg-holder2 {
  background-image: url(../img/side/model.jpg);
}
#model .page-content > section:not(:first-of-type) {
  padding-top: 8rem!important;
}
#model .w_box h3 {
  margin: 0 auto 1em;
  width: 80%;
  max-width: 400px;
}
#model .w_box h3:not(:first-of-type) {
  margin-top: 2em;
}
.model_list > div,
.artist_list > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.model_list > div img:not(.new_guest):not(.ico_mil),
.artist_list > div img:not(.new_guest):not(.ico_mil) {
  width: 100%;
}
.model_list > div .info,
.artist_list > div .info {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.model_list > div .name,
.artist_list > div .name{
  padding: 2px;
  height: 100%;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #000;
  font-size: 1.24rem;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.model_list > div .sns,
.artist_list > div .sns{
  margin-top: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.model_list > div .sns li,
.artist_list > div .sns li{
  padding: 4px;
  line-height: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.model_list > div .sns li img,
.artist_list > div .sns li img {
  width: 18px;
}
.model_list > div .sns li a,
.artist_list > div .sns li a{
  transition: .3s ease-in-out;
}
.model_list > div .sns li a:hover,
.artistlist > div .sns li a:hover{
  opacity: .7;
}
.sortable-container {
  height: auto!important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sortable-item {
  position: relative!important;
  left: 0!important;
  top: 0!important;
  transform: none!important;
  transition-duration: .1s!important;
}
.new_guest {
  margin-right: .3em;
  width: 24px;
}
.ico_mil {
  width: 34px;
  position: absolute;
  top: -2px;
  left: -2px;
}

@media screen and (max-width: 767px) {
  .model_list .col-6 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
  .model_list > div .name {
    font-size: 1rem;
  }
  .model_list .new_guest {
    width: 20px;
  }
}

/* artist
============================================ */
.artist_list {
  margin-bottom: -4rem;
  padding: 0 15px;
}
.artist_list > div {
  margin-bottom: 4rem!important;
  padding: 0 .5rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.artist_list > div .video {
  margin-top: 10px;
}

/* stage
============================================ */
#stage .bg-holder2 {
  background-image: url(../img/side/stage.jpg);
}
#stage .w_box,
#brand .w_box {
  background: #fff;
}
.stage_list > li {
  margin-bottom: 40px;
  position: relative;
}
.stage_list li .inner {
  background-image: url(../img/stage/stage_list_bg.png);
  background-size: 40px 40px;
}
.stage_list li .logo, .stage_list li .logo2 {
  margin: 0 auto;
  width: 85%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.stage_list li .logo img, .stage_list li .logo2 img {
  width: 100%;
}
.stage_list li h5 {
  margin-top: 1em;
  color: #bf68e5;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.5;
}
.stage_list .txt {
  margin-top: 1em;
}
.stage_list .stage_guest {
  margin-top: 2em;
}
.stage_list .stage_guest .ttl {
  margin: 0 auto;
  width: 75%;
}
.stage_list .stage_guest ul {
  margin-top: -14%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.stage_list .stage_guest .list1 li {
  width: 50%;
}
.stage_list .stage_guest .list3 {
  margin-bottom: -10px;
}
.stage_list .stage_guest .list3 li {
  margin: 0 2% 10px 0;
  width: 32%;
}
.stage_list .stage_guest .list3 li:nth-of-type(3n) {
  margin-right: 0;
}
.stage_list .stage_guest figcaption {
  padding: .2em;
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 1;
}
.stage_list .stage_guest figcaption.woman {
  background: #ff0284;
}
.stage_list .stage_guest figcaption.man {
  background: #02ABFE;
}
.stage_list .stage_guest figcaption.m_w {
  background: #8448c0;
}
.stage_list .stage_guest .list3 figcaption {
  font-size: 10px;
}
.stage_list .stage_guest .list3 figcaption p span {
  white-space: pre;
  transform: scale(.8);
  display: inline-block;
}
.stage_list_logo {
  margin-bottom: -10px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.stage_list_logo > li {
  margin: 0 10px 10px 0;
  width: calc(33% - 6px);
  border: 1px solid #ddd;
  position: relative;
}
.stage_list_logo > li:nth-of-type(3n) {
  margin-right: 0;
}
.stage_list_logo > li::before {
  content: '';
  display: block;
  padding-top: 100%;
}
.stage_list_logo > li > a {
  padding: 5px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  top: 0;
}
.stage_logo {
  margin: 0 auto;
  width: 85%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.stage_txt {
  margin-top: 1em;
}
.stage_sns {
  margin-top: 2em;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.stage_sns li {
  margin: 7px;
  width: 30px;
}

/* brand
============================================ */
#brand .bg-holder2 {
  background-image: url(../img/side/brand.jpg);
}
.brand_list,
.booth_list,
.stage_list {
  margin: 10px auto 0;
  max-width: 1000px;
}
.brand_list > li {
  margin-bottom: 40px;
  position: relative;
}
.brand_list li .inner,
.booth_list li .inner,
.stage_list li .inner {
  padding: 15px;
  height: 100%;
  background-repeat: repeat;
  background-position: left top;
  border-radius: 15px;
}
.brand_list li .inner {
  background-image: url(../img/brand/brand_list_bg.png);
  background-size: 36px 36px;
}
.brand_list li .box,
.booth_list li .box,
.stage_list li .box {
  padding: 15px;
  height: 100%;
  background: #fff;
  border-radius: 15px;
  box-shadow: 2px 2px 2px rgb(0,0,0,.4);
}
.brand_list li .logo, .brand_list li .logo2 {
  margin: 0 auto;
  width: 85%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.brand_list li .logo img, .brand_list li .logo2 img {
  width: 100%;
}
.brand_list .txt {
  margin: 1em auto 2em;
}
.brand_list .sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.brand_list .sns li {
  margin: 7px;
  width: 30px;
}

/* booth
============================================ */
#booth .bg-holder2 {
  background-image: url(../img/side/booth.jpg);
}
#booth .ticket_area {
  margin-bottom: 40px;
}
.booth_list > li {
  margin-bottom: 40px;
  position: relative;
}
.booth_list li .no {
  width: 60px;
  position: absolute;
  top: -25px;
  left: 15px;
}
.booth_list li .inner {
  background-image: url(../img/booth/booth_list_bg.png);
  background-size: 40px 40px;
}
.booth_list li .logo, .booth_list li .logo2 {
  margin: 0 auto;
  width: 85%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.booth_list li .logo img, .booth_list li .logo2 img {
  width: 100%;
}
.booth_list .txt {
  margin-top: 1em;
}
.booth_list .photo {
  margin: 2em auto 0;
  width: 90%;
}
.booth_list .photo img {
  width: 100%;
}

/* partner
============================================ */
#sponsor-page .bg-holder2 {
  background-image: url(../img/side/sponsor.jpg);
}
.partner_style ul:not(:last-of-type) {
  margin-bottom: 50px;
}
.partner_style ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.partner_style li {
  margin-bottom: 20px;
}
.partner_style li div {
  margin: auto;
  padding: 30px 30px 0 30px;
  background-image: url(../img/sponsor/partner_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.partner_style li a {
  transition: .3s ease-in-out;
}
.partner_style li a:hover {
  opacity: .6;
}
.partner_style li img {
  width: 100%;
}
.partner_style li p {
  margin-top: 10px;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
}
.partner_style .size10 li div {
  width: 300px;
}
.partner_style .size5 li div {
  padding: 40px 40px 0 40px;
  width: 200px;
}
.partner_style .size3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.partner_style .size3 li,
.partner_style .size1 li {
  margin-bottom: 10px;
  width: 50%;
}
.partner_style .size3 li div {
  width: 140px;
}
.partner_style .size3 li div,
.partner_style .size1 li div {
  padding: 20px 20px 0 20px;
}
.partner_style .size1 li div {
  width: 120px;
}

/* ticket
============================================ */
#ticket .bg-holder2 {
  background-image: url(../img/side/ticket.jpg);
}
.ticket_area {
  margin: 30px auto 0;
  text-align: center;
}
.ticket_area {
  margin: 30px auto 0;
  text-align: center;
}
.ticket_area p {
  margin-top: 1em;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
}
.adv_info h3 {
  margin-bottom: .5em;
  font-size: 2rem;
  text-align: center;
  position: relative;
}
.adv_info h3.sold::after {
  content: 'チケット完売';
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 4rem;
  font-weight: 700;
  -webkit-text-stroke: 1px #FF0099;
  text-stroke: 1px #FF0099;
  background: rgb(0,0,0,.5);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}
.adv_info table {
  margin: 0 auto;
  width: 100%;
  max-width: 800px;
}
.adv_info table:not(:last-of-type) {
  margin-bottom: 40px;
}
.adv_info tr {
  position: relative;
}
.adv_info tr:not(:last-of-type) {
  border-bottom: 1px dashed #808080;
}
.adv_info tr .soldout {
  content: '';
  width: 100%;
  height: calc(100% + 1px);
  background: rgb(0,0,0,.5);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.adv_info th,
.adv_info td {
  width: 100%;
  font-size: 1.8rem;
  font-weight: bold;
  display: block;
}
.adv_info th {
  padding: .5em 0;
}
.adv_info th p {
  margin-top: .5em;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
}
.adv_info th em {
  color: #ff0000;
  font-weight: bold;
}
.adv_info .vip,
.adv_info .platinum,
.adv_info .ss,
.adv_info .s,
.adv_info .stand {
  width: 100%;
  padding: .5em;
  line-height: 1;
  display: inline-block;
}
.adv_info .vip {
  color: #fff;
  background: #d01277;
}
.adv_info .platinum {
  color: #fff;
  background: #a8a8a8;
}
.adv_info .ss {
  color: #fff;
  background: #badfdb;
}
.adv_info .s {
  color: #fff;
  background: #ec87b3;
}
.adv_info .stand {
  background: #fff699;
}
.adv_info .sold {
  color: #ff0000;
  font-size: 150%;
  font-weight: bold;
}
.adv_info td {
  padding-bottom: .5em;
  text-align: right;
}
.adv_info td .sold {
  font-size: 92%;
}
.adv_info .note {
  padding: 1em 0 0 0;
  text-align: center;
}
.adv_info .note img {
  width: 100%;
  max-width: 524px;
}
.adv_info .map {
  margin: 20px auto 0;
  max-width: 690px;
}
.adv_day {
  margin-top: 30px;
}
.adv_day h3 {
  margin-bottom: 1em;
  padding: .5em;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1;
  background: #757575;
}
.adv_day p {
  font-size: 1.2rem;
  font-weight: bold;
}
.ticket_info {
  margin: 0 auto;
  position: relative;
}
.ticket_info dl {
  margin: 0 auto;
  max-width: 540px;
}
.ticket_info dt {
  margin-bottom: 15px;
}
.ticket_info dd p {
  margin: 0 auto;
  position: relative;
}
.ticket_info dd p:not(:last-of-type) {
  margin-bottom: 15px;
}
.ticket_info dd .disable img {
  opacity: .4;
}
.ticket_info dd .disable::after {
  content: '';
  width: 100%;
  height: 100%;
  background: rgb(0,0,0,.4);
  border-radius: 5px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ticket_info.soldout {
  padding: 10px;
}
.ticket_info.soldout::after {
  content: 'SOLD OUT';
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 5rem;
  font-weight: 700;
  -webkit-text-stroke: 1px #FF0099;
  text-stroke: 1px #FF0099;
  background: rgb(0,0,0,.5);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}
.ticket_info.soldout a {
  pointer-events: none;
}
.ticket_info .ticket_present {
  margin: 0 auto;
  max-width: 1000px;
}
#schedule ul {
  margin: -5px auto 0;
}
.ticket_info ul {
  margin: 30px auto 0;
}
#schedule li:not(:last-of-type),
.ticket_info li:not(:last-of-type) {
  margin-bottom: 20px;
}
#schedule li {
  padding: 1em;
  font-weight: bold;
  background: rgb(255,255,255,.9);
  border-radius: 10px;
  /* box-shadow: 1px 2px 5px rgba(0,0,0,.3); */
}
.ticket_info li  {
  font-weight: bold;
}
#schedule li h3,
.ticket_info li h3 {
  margin: 0 auto 1em;
  padding: .5em;
  max-width: 600px;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.5;
  background: #303333;
}
#schedule li p,
.ticket_info li p {
  margin: 0 auto;
  max-width: 600px;
}
#schedule li .date,
.ticket_info li .date {
  margin-bottom: .5em;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.5;
}
.ticket_info li .date2 {
  font-size: 2.8rem;
}
.ticket_info li .date3 {
  font-size: 1.4rem;
}
#schedule li .date-small,
.ticket_info li .date-small {
  margin-bottom: .5em;
  font-size: 1.6rem;
  text-align: center;
}
#schedule li .sold,
#schedule li em,
.ticket_info li .sold,
.ticket_info li em {
  color: #ff0000;
}
#schedule li .sold,
.ticket_info li .sold {
  font-size: 2.4rem;
  line-height: 1;
}
#schedule li .txt,
.ticket_info li .txt {
  font-size: 1rem;
}
#schedule li .btn,
.ticket_info li .btn {
  margin: 20px auto 0;
  padding: 0;
  width: 90%;
  font-size: 1.4rem;
  text-align: center;
  letter-spacing: 0;
  display: block;
}
#schedule li .btn a,
.ticket_info li .btn a {
  height: 40px;
  color: #fff;
  line-height: 40px;
  background: #ff0284;
  border-radius: 20px;
  display: block;
}
#ticket_attention h3,
#attention h3 {
  margin-bottom: 1em;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.5;
}
#ticket_attention p,
#attention p {
  font-size: 1.2rem;
}
#ticket_attention h4,
#attention h4 {
  margin-top: 40px;
  font-size: 1.6rem;
  text-align: center;
}
#ticket_attention dl,
#attention dl {
  margin-top: 1em;
}
#ticket_attention dt,
#attention dt {
  margin-bottom: .5em;
  text-align: center;
}
#ticket_attention dd,
#attention dd {
  font-size: 1rem;
}
#ticket_attention li:not(:last-of-type),
#ticket_map li:not(:last-of-type),
#attention li:not(:last-of-type) {
  margin-bottom: .5em;
}
#ticket_attention .col-lg-10 li,
#attention .col-lg-10 li {
  padding-left: 1em;
  text-indent: -1em;
}
#ticket_attention li em,
#attention li em {
  color: #cc0000;
  text-decoration: underline;
}
#ticket_attention .col-lg-10 ul li::before,
#attention .col-lg-10 ul li::before {
  content: '■';
  margin-right: .2em;
}
#ticket_attention ol li,
#attention ol li {
  list-style-type: decimal;
  list-style-position: inside;
}
#ticket_attention .signature,
#attention .signature {
  margin-top: 2em;
  font-size: 1rem;
  text-align: right;
}
#ticket_map h5 {
  margin-bottom: 1em;
  font-size: 1.2rem;
  text-align: center;
}
#ticket_map h6 {
  margin-bottom: 1em;
  font-size: 1.4rem;
  text-align: center;
}
#ticket_map p {
  font-size: 1.2rem;
}
#ticket_map ul {
  margin-top: 1em;
}
#ticket_map li {
  padding-left: .8em;
  text-indent: -.8em;
  font-size: 1rem;
}
#ticket_map li::before {
  content: '※';
  margin-right: .2em;
}
#ticket_map .map {
  margin-top: 20px;
  width: 100%;
  height: 200px;
}
#ticket_map .map_info {
  margin-top: 1em;
}
#ticket_map .map_info dt {
  margin-bottom: 1em;
}
#ticket_map .map_info dd {
  font-size: 1.2rem;
}
#ticket_map .map_info dd span {
  font-weight: bold;
}

/* attention
============================================ */
#attention .bg-holder2 {
  background-image: url(../img/side/attention.jpg);
}

/* history
============================================ */
#history .bg-holder2 {
  background-image: url(../img/side/history.jpg);
}
#history .list {
  margin: 0 auto -20px;
  max-width: 840px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#history .list li {
  margin-bottom: 20px;
  width: 48%;
  text-align: center;
}
#history .list li:nth-child(2n) {
  margin-left: 2%;
}
#history .list li a {
  transition: 0.3s ease-in-out;
}
#history .list li a:hover {
  opacity: .7;
}
#history .list li img {
  width: 100%;
}
#history .list li h3 {
  margin-top: .5em;
  font-size: 2rem;
  font-weight: bold;
}
#history .list li p {
  font-size: 1.2rem;
  line-height: 1.5;
}
#history .list li .b {
  font-size: 1.4rem;
  font-weight: bold;
}

/* report
============================================ */
#report .bg-holder2 {
  background-image: url(../img/side/report.jpg);
}
#report h2.ttl {
  margin-bottom: 10px;
}
#report .container-fluid h3 {
  margin: 0 auto;
  width: 100%;
}

#report .top_btn,
#report .time_btn {
  margin: 0 auto ;
  margin-bottom: 20px;
  max-width: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
#report .top_btn li a {
  display: block;
  position: relative;
}
#report .top_btn li img {
  position: relative;
  z-index: 1;
}

#report .time-line_wrapper {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  margin-bottom: 10px;
  padding: 10px 15px;
}
#report .time-line_wrapper h3 img{
  width: 55%;
  max-width: 330px;
}
#report .time_btn {
  margin-top: 15px;
  margin-bottom: 0;
  max-width: 660px;
}
#report .time_btn li{
  margin-right:20px;
}
#report .time_btn li:last-child{
  margin-right:0;
}

#report .section-report-content-wrapper {
  margin:0 auto;
  background: rgb(255,255,255,.9);
  box-shadow: 2px 2px 10px rgba(0,0,0,.25);
  border-radius: 15px;
}
#report .section-report-content-wrapper > section {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 2;
  padding: 20px 0px;
}
#report .section-report-content-wrapper > section:first-of-type {
  border-radius: 15px 15px 0 0;
}
#report .section-report-content-wrapper > section:last-of-type {
  border-radius: 0 0 15px 15px;
}
#report .section-report-content-wrapper > section h4 {
  margin: 0 auto 15px;
  width: 80%;
  max-width: 415px;
}
#report .section-report-content-wrapper > section .logo {
  margin: 0 auto 15px;
  width: 50%;
  display: -webkit-box;
  display: flex;
  justify-content: space-around;
  -webkit-box-align: center;
  align-items: center;
}
#report .section-report-content-wrapper > section .name {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  margin-bottom:10px;
}

#report .section-report-content-wrapper > section .slide {
  margin: 0 auto;
  width: 90%;
  max-width: 960px;
}
#report .section-report-content-wrapper > section .slick-slide img {
  margin-left: auto;
}
#report .section-report-content-wrapper > section .slick-dots {
  margin: 10px -.5% 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  justify-content: center;
}
#report .section-report-content-wrapper > section .slick-dots li {
  margin: .5%;
  width: 15.6666%;
  position: relative;
}
#report .section-report-content-wrapper > section .slick-dots li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

#report .stage_box {
  padding-left: 10px!important;
  padding-right: 10px!important;
}
#report .stage_box li:not(:last-of-type) {
  margin-bottom: 30px;
}
#report .stage_box .photo {
  margin: 0 auto;
  max-width: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
#report .stage_box .photo p {
  margin-bottom: 15px;
}
#report .stage_box .photo .tate {
  width: 45%;
}
#report .brand_box .slick-list,
#report .special_box .slick-list {
  margin-left: 6px;
  padding: 0 6px 6px 0;
  box-sizing: content-box;
}
#report .brand_box .slick-slide,
#report .special_box .slick-slide {
  border: 8px solid #fff;
  box-shadow: 1px 1px 5px rgba(0,0,0,.25);
}
#report .brand_box .slick-dots li,
#report .special_box .slick-dots li {
  border: 3px solid #fff;
  box-shadow: 1px 1px 5px rgba(0,0,0,.25);
}

#report .bg_48 .name {
  color: #fff;
}

#report .bg_rezard {
  background-image: url(../img/report2023AW/bg_rezard.jpg);
}
#report .bg_darich {
  background-image: url(../img/report2023AW/bg_darich.jpg);
}
#report .bg_murua {
  background: #fff;
}
#report .bg_meemselect {
  background: #000;
}
#report .bg_bttf {
  background-image: url(../img/report2023AW/bg_bttf.jpg);
}
#report .bg_moment {
  background-image: url(../img/report2023AW/bg_moment.jpg);
}
#report .bg_nastydog {
  background-image: url(../img/report2023AW/bg_nastydog.jpg);
}
#report .bg_pellicule {
  background-image: url(../img/report2023AW/bg_pellicule.jpg);
}
#report .bg_manolba {
  background-image: url(../img/report2023AW/bg_manolba.jpg);
}
#report .bg_selca {
  background-image: url(../img/report2023AW/bg_selca.jpg);
}
#report .bg_mammal {
  background-image: url(../img/report2023AW/bg_mammal.jpg);
}
#report .bg_royalparty {
  background-image: url(../img/report2023AW/bg_royalparty.jpg);
}
#report .bg_casperjohn {
  background-image: url(../img/report2023AW/bg_casperjohn.jpg);
}
#report .bg_davidlayer {
  background-image: url(../img/report2023AW/bg_davidlayer.jpg);
}
#report .bg_shein {
  background-image: url(../img/report2023AW/bg_shein.jpg);
}
#report .bg_sugarnine {
  background: #e6cbc4;
}
#report .bg_17live {
  background-image: url(../img/report2023AW/bg_17live.jpg);
}
#report .bg_kidskc {
  background-image: url(../img/report2023AW/bg_kidskc.jpg);
}
#report .bg_kce {
  background-image: url(../img/report2023AW/bg_kce.jpg);
}
#report .bg_vr {
  background-image: url(../img/report2023AW/bg_vr.jpg);
}
#report .bg_mixch {
  background-image: url(../img/report2023AW/bg_mixch.jpg);
}
#report .bg_alice {
  background-image: url(../img/report2023AW/bg_alice.jpg);
}
#report .bg_larme {
  background-image: url(../img/report2023AW/bg_larme.jpg);
}
#report .bg_fl {
  background-image: url(../img/report2023AW/bg_fl.jpg);
}
#report .bg_kcl {
  background-image: url(../img/report2023AW/bg_kcl.jpg);
}
#report .bg_fila {
  background-image: url(../img/report2023AW/bg_fila.jpg);
}
#report .bg_soumei {
  background-image: url(../img/report2023AW/bg_soumei.jpg);
}
#report .bg_fni {
  background-image: url(../img/report2023AW/bg_fni.jpg);
}
#report .bg_abema {
  background-image: url(../img/report2023AW/bg_abema.jpg);
}
#report .bg_48 {
  background-image: url(../img/report2023AW/bg_48.jpg);
}
#report .bg_creates {
  background-image: url(../img/report2023AW/bg_creates.jpg);
}
#report .bg_canme {
  background-image: url(../img/report2023AW/bg_canme.jpg);
}

/* photo
============================================ */
#photo .bg-holder2 {
  background-image: url(../img/side/photo.png);
}
.photo_info {
  padding: 1.7em 15px;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
}
.photo_info_logo {
  margin: 0 auto 1.5em;
  width: 65%;
  max-width: 440px;
}
.photo_info_logo img {
  width: 100%;
}
.photo_info p em {
  margin-top: .2em;
  padding: .3em .5em;
  font-size: 140%;
  color: #ffff00;
  line-height: 1;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.photo_info p em::before {
  content: '';
  width: 100%;
  height: 100%;
  background: #000;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.photo_info p em::after {
  content: '';
  width: 100%;
  height: 100%;
  background: #ff00d8;
  display: block;
  transform: rotate(-3deg);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}
.photo_info .strong {
  margin-top: .5em;
  position: relative;
}
.photo_info .strong::before {
  content: '';
  width: 1px;
  height: 4.5em;
  background: #000;
  display: inline-block;
  transform: translateX(-.5em) rotate(-30deg);
  position: absolute;
  top: 0;
}
.photo_info .strong::after {
  content: '';
  width: 1px;
  height: 4.5em;
  background: #000;
  display: inline-block;
  transform: translateX(2em) rotate(30deg);
  position: absolute;
  top: 0;
}
.photo_info .strong span {
  font-size: 130%;
  line-height: 1.5;
  background: linear-gradient(transparent 65%, #ffff00 35%);
}
#photo_img .w_box {
  background-color: transparent;
  background-image: url(../img/brand/brand_list_bg.png);
  background-repeat: repeat;
  background-position: left top;
  background-size: 24px 24px;
}
#photo_policy h3 {
  margin-bottom: 1em;
  padding: .5em;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1;
  background: #000;
}
#photo_policy ul {
  margin-top: 1em;
  font-size: 1.2rem;
}
#photo_policy li {
  padding-left: 1em;
  text-indent: -1em;
}
#photo_policy li::before {
  content: '・';
}
#photo_policy li:not(:last-of-type) {
  margin-bottom: .5em;
}

@media screen and (max-width: 320px) {
  /* home
  ============================================ */
  #mv {
    height: 145vw;
  }
  #gridNav {
    top: 145vw;
  }

  /* about
  ============================================ */
  #about_visual .txt h3 {
    font-size: 1.6rem;
  }
}


@media (min-width: 576px) {
  #home_cont {
    margin-top: 50vh;
  }
}


@media screen and (min-width: 768px) {
  /* home
  ============================================ */
  #mv {
    height: calc((100vw - 30px) * .8 + 128px + 24vw);
    background-image: url(../img/home/top_bg.jpg);
  }
  #mv .slide_box {
    max-width: 80%;
  }
  #mv .btn {
    margin-bottom: 20px;
  }
  #mv .slick-arrow {
    width: 24px;
    height: 37px;
  }
  #mv .slick-dots {
    padding-top: 10px;
  }
  #mv .slick-dots li {
    margin: 2px;
    width: 50px;
  }
  #mv .btn_ticket {
    margin-top: 40px;
  }
  #whatsnew {
    background-image: url(../img/home/news_bg.jpg);
  }
  #whatsnew::after {
    width: 70px;
    height: 91px;
  }
  #whatsnew .list {
    max-height: 20em;
  }
  #whatsnew .list .date {
    font-size: 1.4rem;
  }
  #whatsnew .list .news_ttl {
    font-size: 1.4rem;
  }
  #whatsnew .sns li {
    margin: 5px;
    width: 48px;
  }
  #mv .live_btn > div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #mv .live_btn > div p {
    margin: 0 2%;
    width: 30%;
  }
  #movie {
    padding-bottom: 4rem;
    background-image: url(../img/home/movie_bg.jpg);
  }
  #movie::after {
    width: 176px;
    height: 191px;
  }
  #movie .video_box {
    margin-top: 2vw;
  }
  #hot ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #hot li:not(:last-of-type) {
    margin-bottom: 0;
  }
  #hot li {
    width: 32%;
  }
  #hot li .btn {
    width: 95%;
    font-size: 1.2rem;
  }
  #sns .sns_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #sns .sns_wrap > div {
    width: 48%;
  }
  #sns .insta {
    margin-bottom: 0;
  }
  #sns .insta .gallery {
    height: calc(581px - ((100vw - 30px) * .48 * .11));
  }
  #sns .twitter {
    height: 600px;
  }
  #sponsor h3 {
    font-size: 2.2rem;
  }
  #sponsor .sponsor li {
    padding: 0 20px;
  }
  #sponsor .shusai p img {
    max-width: 200px;
  }
  #sponsor .nihonhaku li {
    padding: 0 20px;
  }
  #sponsor .nihonhaku p {
    font-size: 1.4rem;
  }

  #gridNav {
    top: calc((100vw - 30px) * .8 + 128px + 24vw);
  }
  #gridNav > div {
    background-image: url(../img/sidebars/bg_tab.jpg);
  }
  .sidebar-item-wrapper:nth-of-type(2n) {
    border-right: none;
  }
  .sidebar-item-wrapper:nth-of-type(4n) {
    border-right: 4px solid #fff;
  }
  #gridNav > div .sidebar-item-wrapper:nth-child(2n) .bg-holder {
    background-size: 100%;
  }
  #gridNav > div .sidebar-item-wrapper:nth-child(4n) .bg-holder {
    background-size: calc(100% + 4px);
  }
  .sidebar-item-wrapper .bg-holder.about,
  .sidebar-item-wrapper .bg-holder.model,
  .sidebar-item-wrapper .bg-holder.brand,
  .sidebar-item-wrapper .bg-holder.sponsor {
    background-image: url(../img/sidebars/bg1_tab.png);
  }
  .sidebar-item-wrapper .bg-holder.ticket,
  .sidebar-item-wrapper .bg-holder.artist,
  .sidebar-item-wrapper .bg-holder.stage,
  .sidebar-item-wrapper .bg-holder.booth {
    background-image: url(../img/sidebars/bg2_tab.png);
  }
  .sidebar-item-wrapper .bg-holder.about + div {
    background-image: url(../img/sidebars/about_tab.png);
  }
  .sidebar-item-wrapper .bg-holder.model + div {
    background-image: url(../img/sidebars/model_tab.png);
  }
  .sidebar-item-wrapper .bg-holder.artist + div {
    background-image: url(../img/sidebars/artist_tab.png);
  }
  .sidebar-item-wrapper .bg-holder.stage + div {
    background-image: url(../img/sidebars/stage_tab.png);
  }
  .sidebar-item-wrapper .bg-holder.brand + div {
    background-image: url(../img/sidebars/brand_tab.png);
  }
  .sidebar-item-wrapper .bg-holder.booth + div {
    background-image: url(../img/sidebars/booth_tab.png);
  }
  .sidebar-item-wrapper .bg-holder.sponsor + div {
    background-image: url(../img/sidebars/sponsor_tab.png);
  }
  .sidebar-item-wrapper .bg-holder.ticket + div {
    background-image: url(../img/sidebars/ticket_tab.png);
  }

  /* about
  ============================================ */
  .about_info th,
  .about_info td {
    width: auto;
    display: table-cell;
  }
  .about_info th {
    width: 10em;
    border-right: 2px solid #000;
  }
  .about_info td {
    padding-left: 2em;
    font-weight: bold;
  }
  #about_movie .txt {
    margin-top: 40px;
    font-size: 1.6rem;
  }
  #about section .sns {
    margin-top: 40px;
  }
  #about section .sns li {
    margin: 8px;
    width: 45px;
  }
  #about_visual .txt {
    padding-top: 40px;
  }
  #about_visual .txt h3 {
    font-size: 3.3rem;
  }
  #about_visual .txt p {
    font-size: 1.8rem;
  }

  /* enjoy
  ============================================ */
  .enjoy_about h3 {
    font-size: 3rem;
  }
  .enjoy_about h4 {
    font-size: 2rem;
  }
  .enjoy_about .txt,
  .ui.styled.accordion .content .txt {
    font-size: 1.6rem;
  }
  .enjoy_point h3 {
    font-size: 2.4rem;
  }
  .enjoy_point .ui.styled.accordion .title {
    padding: 1em;
    font-size: 1.8rem;
  }
  .enjoy_point .ui.styled.accordion .content {
    padding: 30px;
  }
  .enjoy_point .ui.styled.accordion .content .list li {
    padding: 20px;
  }

  /* model
  ============================================ */
  .model_list > div .name,
  .artist_list > div .name {
    padding: .2em;
    font-size: 1.4rem;
  }
  .model_list > div .sns li,
  .artist_list > div .sns li {
    padding: 0 4px 2px;
  }
  .new_guest {
    margin-top: -.25em;
    width: 23px;
  }
  .ico_mil {
    width: 40px;
  }

  .artist_list {
    margin-bottom: -6rem;
  }
  .artist_list > div {
    margin-bottom: 6rem!important;
  }

  /* stage
  ============================================ */
  .stage_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .stage_list > li {
    width: 47%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .stage_list > li:nth-of-type(2n) {
    margin-left: 6%;
  }
  .stage_list_logo {
    margin-bottom: -20px;
  }
  .stage_list_logo > li {
    margin: 0 20px 20px 0;
    width: calc(20% - 16px);
  }
  .stage_list_logo > li:nth-of-type(3n) {
    margin-right: 20px;
  }
  .stage_list_logo > li:nth-of-type(5n) {
    margin-right: 0;
  }

  /* brand
  ============================================ */
  .brand_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .brand_list > li {
    width: 47%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .brand_list > li:nth-of-type(2n) {
    margin-left: 6%;
  }
  .brand_list li .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .brand_list li .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .brand_list .sns {
    margin-top: auto;
  }

  /* booth
  ============================================ */
  .booth_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .booth_list > li {
    width: 47%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .booth_list > li:nth-of-type(2n) {
    margin-left: 6%;
  }

  /* partner
  ============================================ */
  .partner_style ul:not(:last-of-type) {
    margin-bottom: 70px;
  }
  .partner_style li p {
    /* font-size: 1.4rem; */
  }
  .partner_style .size10 li {
    margin-bottom: 40px;
    width: 50%;
  }
  .partner_style .size5 li {
    width: 33.3333%;
    width: calc(100% / 3);
  }
  .partner_style .size3 li {
    margin-bottom: 15px;
    width: 25%;
  }
  .partner_style .size3 li div {
    width: 170px;
  }
  .partner_style .size1 li {
    margin-bottom: 15px;
    width: 20%;
  }
  .partner_style .size1 li div {
    width: 136px;
  }

  /* ticket
  ============================================ */
  .ticket_area {
    margin-top: 50px;
    width: 80%;
    max-width: 1060px;
  }
  .ticket_area p {
    font-size: 1.4rem;
  }
  .adv_info h3 {
    font-size: 3rem;
  }
  .adv_info h3.sold::after {
    font-size: 8rem;
    -webkit-text-stroke: 2px #FF0099;
    text-stroke: 2px #FF0099;
  }
  .adv_info th,
  .adv_info td {
    padding: 1em 0;
    font-size: 2.4rem;
    display: table-cell;
  }
  .adv_info th {
    width: auto;
  }
  .adv_info th p {
    font-size: 1.4rem;
  }
  .adv_info .vip,
  .adv_info .platinum,
  .adv_info .ss,
  .adv_info .s,
  .adv_info .stand {
    width: 65%;
  }
  .adv_info td {
    width: 6em;
  }
  .adv_info .note {
    padding-top: 2em;
  }
  .adv_info .map {
    margin-top: 50px;
  }
  .adv_day h3 {
    font-size: 1.8rem;
  }
  .adv_day p {
    font-size: 1.6rem;
  }
  .ticket_info dt {
    margin-bottom: 20px;
  }
  .ticket_info dd p:not(:last-of-type) {
    margin-bottom: 20px;
  }
  .ticket_info.soldout {
    padding: 15px;
  }
  .ticket_info.soldout::after {
    font-size: 8rem;
    -webkit-text-stroke: 2px #FF0099;
    text-stroke: 2px #FF0099;
  }
  #schedule ul {
    margin-top: -10px;
  }
  #schedule li:not(:last-of-type),
  .ticket_info li:not(:last-of-type) {
    margin-bottom: 40px;
  }
  #schedule li,
  .ticket_info li {
    padding: 30px;
  }
  #schedule li h3,
  .ticket_info li h3 {
    font-size: 2.4rem;
  }
  #schedule li .date,
  .ticket_info li .date {
    font-size: 2.6rem;
  }
  .ticket_info li .date2 {
    font-size: 5rem;
  }
  .ticket_info li .date3 {
    font-size: 2.2rem;
  }
  #schedule li .sold,
  .ticket_info li .sold {
    font-size: 4rem;
  }
  #schedule li .date-small,
  .ticket_info li .date-small {
    font-size: 2rem;
  }
  #schedule li .txt,
  .ticket_info li .txt {
    font-size: 1.4rem;
  }
  #schedule li .btn a,
  .ticket_info li .btn a {
    height: 60px;
    font-size: 2.2rem;
    line-height: 60px;
    border-radius: 30px;
  }
  #ticket_attention h3,
  #attention h3 {
    font-size: 2.5rem;
  }
  #ticket_attention p,
  #attention p {
    font-size: 1.4rem;
    text-align: center;
  }
  #ticket_attention h4,
  #attention h4 {
    font-size: 2.2rem;
  }
  #ticket_attention dl,
  #attention dl {
    margin-top: 40px;
  }
  #ticket_attention dt,
  #attention dt {
    font-size: 2rem;
  }
  #ticket_attention dd,
  #attention dd {
    font-size: 1.4rem;
  }
  #ticket_attention .signature,
  #attention .signature {
    margin-top: 50px;
    font-size: 1.2rem;
  }
  #ticket_map h5 {
    font-size: 1.6rem;
  }
  #ticket_map h6 {
    font-size: 1.8rem;
  }
  #ticket_map p,
  #ticket_map li {
    font-size: 1.4rem;
  }
  #ticket_map .map {
    height: 300px;
  }
  #ticket_map .map_info {
    margin-top: 40px;
  }
  #ticket_map .map_info dt {
    font-size: 2.2rem;
  }
  #ticket_map .map_info dd {
    font-size: 1.6rem;
  }

  /* attention
  ============================================ */


  /* history
  ============================================ */
  #history .list {
    margin-bottom: -30px;
  }
  #history .list li:nth-child(2n) {
    margin-left: 0;
  }
  #history .list li {
    margin-bottom: 30px;
    padding: 0 15px;
    width: 25%;
  }

  /* report
  ============================================ */
  #report .time-line_wrapper {
    margin-bottom: 30px;
    padding: 0;
  }
  #report .section-report-content-wrapper {
    border-radius: 30px;
  }
  #report .section-report-content-wrapper > section {
    padding: 50px 0;
  }
  #report .section-report-content-wrapper > section:first-of-type {
    border-radius: 30px 30px 0 0;
  }
  #report .section-report-content-wrapper > section:last-of-type {
    border-radius: 0 0 30px 30px;
  }
  #report .section-report-content-wrapper > section .logo {
    margin-bottom: 30px;
    width: 40%;
  }
  #report .section-report-content-wrapper > section .name {
    font-size: 4rem;
  }

  #report .section-report-content-wrapper > section .slide {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #report .section-report-content-wrapper > section .slick-list {
    width: 45%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
  #report .section-report-content-wrapper > section .slick-dots {
    margin: 10px 0 0 0;
  }

  #report .stage_box .photo p {
    margin-bottom: 20px;
  }
  #report .brand_box .slick-list,
  #report .special_box .slick-list {
    margin-left: 14px;
    padding: 0 14px 14px 0;
  }
  #report .brand_box .slick-slide,
  #report .special_box .slick-slide {
    border-width: 14px;
    box-shadow: 2px 2px 10px rgba(0,0,0,.25);
  }
  #report .brand_box .slick-dots li,
  #report .special_box .slick-dots li {
    border-width: 5px;
    box-shadow: 2px 2px 10px rgba(0,0,0,.25);
  }
  #report .booth_box .slide {
    max-width: 684px!important;
    display: block!important;
  }
  #report .booth_box .slick-list {
    width: 100%!important;
  }
  #report .booth_box .slick-dots {
    margin: 10px -.5% 0!important;
  }

  /* photo
  ============================================ */
  .photo_info {
    padding: 2em 30px;
    font-size: 3rem;
  }
  .photo_info p em {
    padding: .3em .7em;
    font-size: 160%;
  }
  .photo_info .strong::before {
    transform: translateX(-1em) rotate(-30deg);
  }
  .photo_info .strong::after {
    transform: translateX(2.5em) rotate(30deg);
  }
}


@media screen and (min-width: 1025px) {
  /* home
  ============================================ */
  #baseContent .col-lg-10 {
    padding: 0;
    flex: 0 0 95%;
    max-width: 890px;
  }
  #home #baseContent::before {
    width: 50%;
  }
  #mv {
    height: auto;
  }
  #mv .btn_ticket {
    padding-bottom: 10px;
    height: 14vw;
  }
  #gridNav > div {
    background-image: url(../img/sidebars/bg_pc.jpg);
  }
  #gridNav > div .sidebar-item-wrapper:nth-child(4n) .bg-holder {
    background-size: calc(100% + 7px);
  }
  .sidebar-item-wrapper .bg-holder.about,
  .sidebar-item-wrapper .bg-holder.model,
  .sidebar-item-wrapper .bg-holder.brand,
  .sidebar-item-wrapper .bg-holder.sponsor {
    background-image: url(../img/sidebars/bg1.png);
  }
  .sidebar-item-wrapper .bg-holder.ticket,
  .sidebar-item-wrapper .bg-holder.artist,
  .sidebar-item-wrapper .bg-holder.stage,
  .sidebar-item-wrapper .bg-holder.booth {
    background-image: url(../img/sidebars/bg2.png);
  }
  .sidebar-item-wrapper .bg-holder.about + div {
    background-image: url(../img/sidebars/about.png);
  }
  .sidebar-item-wrapper .bg-holder.model + div  {
    background-image: url(../img/sidebars/model.png);
  }
  .sidebar-item-wrapper .bg-holder.artist + div  {
    background-image: url(../img/sidebars/artist.png);
  }
  .sidebar-item-wrapper .bg-holder.stage + div  {
    background-image: url(../img/sidebars/stage.png);
  }
  .sidebar-item-wrapper .bg-holder.brand + div  {
    background-image: url(../img/sidebars/brand.png);
  }
  .sidebar-item-wrapper .bg-holder.booth + div  {
    background-image: url(../img/sidebars/booth.png);
  }
  .sidebar-item-wrapper .bg-holder.sponsor + div  {
    background-image: url(../img/sidebars/sponsor.png);
  }
  .sidebar-item-wrapper .bg-holder.ticket + div  {
    background-image: url(../img/sidebars/ticket.png);
  }
  #home_cont {
    margin-top: 0;
  }

  #whatsnew::before,
  #movie::before {
    height: 48px;
    background-size: 60px 48px;
  }
  #whatsnew::after {
    top: 24px;
    left: 15px;
  }
  #whatsnew .news_box .news_box_inner {
    padding: 12% 10% 7%;
    background-image: url(../img/home/news_box_bg.png);
  }
  #whatsnew .list {
    max-height: 10em;
  }
  #whatsnew .video_box {
    margin: 7.5rem auto;
  }
  #home .live_btn {
    margin-bottom: 7.5rem;
  }

  #gridNav {
    position: fixed!important;
    top: 140px!important;
    right: 0;
  }
  #gridNav .h-lg-100vh {
    margin-top: -7px;
    height: calc(100vh - 140px + 7px);
  }
  #gridNav .h-lg-50vh {
    height: 50%;
  }
  #gridNav > div {
    border-bottom-width: 7px;
  }
  .sidebar-item-wrapper {
    border-top-width: 7px;
    border-left-width: 7px;
  }
  .sidebar-item-wrapper:nth-of-type(4n) {
    border-right-width: 7px;
  }
  #movie {
    padding-top: 5.5rem;
  }
  #movie::after {
    top: 20px;
  }
  #movie .col-lg-10 {
    max-width: none;
  }
  #movie .video_box {
    margin-top: 1vw;
  }
  #sns .insta .gallery {
    height: calc(581px - ((50vw - 30px) * .48 * .11));
  }

  #sponsor article:not(:last-of-type) {
    margin-bottom: 80px;
  }

  /* about
  ============================================ */


  /* model
  ============================================ */
  #model .page-content > section:not(:first-of-type) {
    padding-top: 20rem!important;
  }

  /* artist
  ============================================ */
  .artist_list {
    margin-bottom: -8rem;
  }
  .artist_list > div {
    margin-bottom: 8rem!important;
  }

  /*stage
  ============================================ */
  .stage_list li .inner {
    background-size: 80px 80px;
  }

  /* brand
  ============================================ */
  .brand_list li .inner {
    background-size: 72px 72px;
  }

  /* booth
  ============================================ */
  #booth .ticket_area {
    margin-bottom: 80px;
  }
  .booth_list li .no {
    width: 80px;
    left: 30px;
  }
  .brand_list li .inner {
    background-size: 80px 80px;
  }

  /* partner
  ============================================ */
  .partner_style li p {
    /* font-size: 1.5rem; */
  }
  .partner_style .size10 li div {
    padding: 60px 60px 0 60px;
    width: 350px;
  }
  .partner_style .size5 li div {
    width: 250px;
  }
  .partner_style .size3 li div {
    padding: 30px 30px 0 30px;
    width: 184px;
  }
  .partner_style .size1 li div {
    padding: 25px;
    width: 146px;
  }

  /* ticket
  ============================================ */
  #ticket_map .map {
    height: 400px;
  }

  /* report
  ============================================ */
  #report .col-lg-10 > section {
    position: relative;
  }
  #report .col-lg-10 > section:nth-of-type(3n+1)::after {
    margin-right: 500px;
    top: 35%;
    right: 50%;
  }

  /* photo
  ============================================ */
  .photo_info .strong span {
    font-size: 120%;
  }
  .photo_info .strong::before {
    height: 2.5em;
    transform: translateX(-.7em) rotate(-30deg);
  }
  .photo_info .strong::after {
    height: 2.5em;
    transform: translateX(.7em) rotate(30deg);
  }
  #photo_policy .w_box {
    text-align: center;
  }
  #photo_policy h3 {
    font-size: 2.2rem;
  }
  #photo_policy .w_box > p {
    font-size: 1.8rem;
  }
  #photo_policy ul {
    font-size: 1.4rem;
    text-align: left;
    display: inline-block;
  }
}


@media screen and (min-width: 1440px) {
  /* home
  ============================================ */

  /* brand
  ============================================ */
  .brand_list li .inner,
  .brand_list li .box,
  .booth_list li .inner,
  .booth_list li .box,
  .stage_list li .inner,
  .stage_list li .box {
    padding: 30px;
  }

    /* stage
  ============================================ */

  /* partner
  ============================================ */
  .partner_style .size10 li div {
    width: 400px;
  }
  .partner_style .size5 li div {
    width: 270px;
  }
  .partner_style .size3 li div {
    width: 200px;
  }
  .partner_style .size1 li div {
    width: 160px;
  }

  /* photo
  ============================================ */
  #photo_img .w_box {
    background-size: 48px 48px;
  }
}


@media screen and (min-width: 1025px) and (max-width: 1600px) {
  /* home
  ============================================ */
  #hot li {
    padding: 15px;
  }
  #hot li .btn {
    width: 100%;
    font-size: 1rem;
  }
}


@media screen and (min-width: 1900px) {
  /* home
  ============================================ */
  #mv .btn_ticket {
    padding-bottom: 20px;
  }
  #whatsnew::after {
    left: 30px;
  }
  #movie .video_box {
    margin-top: 2vw;
  }

  /* photo
  ============================================ */
  .photo_info {
    font-size: 4rem;
  }
}