@charset "utf-8";

/* home
============================================ */
#home #baseContent {
  background-image: url(../img/home/top_bg_sp.jpg);
  background-repeat: repeat-y;
  background-position: left top;
  background-size: contain;
}
.webp #home #baseContent {
  background-image: url(../img/home/top_bg_sp.jpg.webp);
}
#mv {
  margin: auto;
  padding: 2em 15px;
  max-width: 752px;
}
#mv .btn {
  margin-bottom: 15px;
  padding: 0;
  width: 100%;
  max-width: 752px;
}
#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 auto 0;
  max-width: 600px;
}
#mv .btn_ticket img {
  width: 100%;
}

#gridNav {
  top: 155vw;
  width: 100%;
  position: absolute!important;
}
#gridNav > div {
  border-bottom: 4px solid #000;
}
.sidebar-item-wrapper {
  border-top: 4px solid #000;
  border-left: 4px solid #000;
}
.sidebar-item-wrapper:nth-of-type(2n) {
  border-right: 4px solid #000;
}
.sidebar-item-wrapper .bg-holder::after {
  content: '';
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: .5s;
}
.sidebar-item-wrapper:hover .bg-holder::after {
  opacity: 1;
}
.sidebar-item-wrapper .bg-holder.about {
  background-image: url(../img/sidebars/about_sp_2.jpg?20220507);
}
.sidebar-item-wrapper .bg-holder.about::after {
  background-image: url(../img/sidebars/about_sp_on_2.jpg?20220507);
}
.sidebar-item-wrapper .bg-holder.model {
  background-image: url(../img/sidebars/model_sp.jpg?20220507);
}
.sidebar-item-wrapper .bg-holder.model::after {
  background-image: url(../img/sidebars/model_sp_on.jpg?20220507);
}
.sidebar-item-wrapper .bg-holder.artist {
  background-image: url(../img/sidebars/artist_sp.jpg?20220507);
}
.sidebar-item-wrapper .bg-holder.artist::after {
  background-image: url(../img/sidebars/artist_sp_on.jpg?20220507);
}
.sidebar-item-wrapper .bg-holder.stage {
  background-image: url(../img/sidebars/stage_sp.jpg?20220507);
}
.sidebar-item-wrapper .bg-holder.stage::after {
  background-image: url(../img/sidebars/stage_sp_on.jpg?20220507);
}
.sidebar-item-wrapper .bg-holder.brand {
  background-image: url(../img/sidebars/brand_sp.jpg?20220507);
}
.sidebar-item-wrapper .bg-holder.brand::after {
  background-image: url(../img/sidebars/brand_sp_on.jpg?20220507);
}
.sidebar-item-wrapper .bg-holder.booth {
  background-image: url(../img/sidebars/booth_sp.jpg?20220507);
}
.sidebar-item-wrapper .bg-holder.booth::after {
  background-image: url(../img/sidebars/booth_sp_on.jpg?20220507);
}
.sidebar-item-wrapper .bg-holder.sponsor {
  background-image: url(../img/sidebars/sponsor_sp.jpg?20220507);
}
.sidebar-item-wrapper .bg-holder.sponsor::after {
  background-image: url(../img/sidebars/sponsor_sp_on.jpg?20220507);
}
.sidebar-item-wrapper .bg-holder.ticket {
  background-image: url(../img/sidebars/ticket_sp.jpg?20220507);
}
.sidebar-item-wrapper .bg-holder.ticket::after {
  background-image: url(../img/sidebars/ticket_sp_on.jpg?20220507);
}
.sidebar-item-wrapper .bg-holder.produce_stage {
  background-image: url(../img/sidebars/produce-stage_sp2.jpg);
}
.sidebar-item-wrapper .bg-holder.produce_stage::after {
  background-image: url(../img/sidebars/produce-stage_sp2_on.jpg);
}
.webp .sidebar-item-wrapper .bg-holder.about {
  background-image: url(../img/sidebars/about_sp_2.jpg.webp?20220507);
}
.webp .sidebar-item-wrapper .bg-holder.about::after {
  background-image: url(../img/sidebars/about_sp_on_2.jpg.webp?20220507);
}
.webp .sidebar-item-wrapper .bg-holder.model {
  background-image: url(../img/sidebars/model_sp.jpg.webp?20220507);
}
.webp .sidebar-item-wrapper .bg-holder.model::after {
  background-image: url(../img/sidebars/model_sp_on.jpg.webp?20220507);
}
.webp .sidebar-item-wrapper .bg-holder.artist {
  background-image: url(../img/sidebars/artist_sp.jpg.webp?20220507);
}
.webp .sidebar-item-wrapper .bg-holder.artist::after {
  background-image: url(../img/sidebars/artist_sp_on.jpg.webp?20220507);
}
.webp .sidebar-item-wrapper .bg-holder.stage {
  background-image: url(../img/sidebars/stage_sp.jpg.webp?20220507);
}
.webp .sidebar-item-wrapper .bg-holder.stage::after {
  background-image: url(../img/sidebars/stage_sp_on.jpg.webp?20220507);
}
.webp .sidebar-item-wrapper .bg-holder.brand {
  background-image: url(../img/sidebars/brand_sp.jpg.webp?20220507);
}
.webp .sidebar-item-wrapper .bg-holder.brand::after {
  background-image: url(../img/sidebars/brand_sp_on.jpg.webp?20220507);
}
.webp .sidebar-item-wrapper .bg-holder.booth {
  background-image: url(../img/sidebars/booth_sp.jpg.webp?20220507);
}
.webp .sidebar-item-wrapper .bg-holder.booth::after {
  background-image: url(../img/sidebars/booth_sp_on.jpg.webp?20220507);
}
.webp .sidebar-item-wrapper .bg-holder.sponsor {
  background-image: url(../img/sidebars/sponsor_sp.jpg.webp?20220507);
}
.webp .sidebar-item-wrapper .bg-holder.sponsor::after {
  background-image: url(../img/sidebars/sponsor_sp_on.jpg.webp?20220507);
}
.webp .sidebar-item-wrapper .bg-holder.ticket {
  background-image: url(../img/sidebars/ticket_sp.jpg.webp?20220507);
}
.webp .sidebar-item-wrapper .bg-holder.ticket::after {
  background-image: url(../img/sidebars/ticket_sp_on.jpg.webp?20220507);
}
.webp .sidebar-item-wrapper .bg-holder.ticket {
  background-image: url(../img/sidebars/ticket_sp.jpg.webp?20220507);
}
.webp .sidebar-item-wrapper .bg-holder.ticket::after {
  background-image: url(../img/sidebars/ticket_sp_on.jpg.webp?20220507);
}
.webp .sidebar-item-wrapper .bg-holder.ticket {
  background-image: url(../img/sidebars/ticket_sp.jpg.webp?20220507);
}


#home_cont {
  margin: 100vh 0 0 0;
}
#home h2.ttl {
  max-width: 890px;
}

#whatsnew {
  margin-top: 9%;
  padding-bottom: 0!important;
}
#whatsnew .col-lg-10 {
  position: relative;
}
#whatsnew h2.ttl {
  margin-bottom: -2.2%;
}
#whatsnew .news_box {
  padding: 14px;
  background: #000;
  border-radius: 8px;
  position: relative;
}
#whatsnew .news_box .news_box_inner {
  padding: 15px;
  background: #fff;
}
#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;
  color: #d14c61;
  font-family: 'Concert One';
  font-size: 1rem;
  line-height: 1;
}
#whatsnew .list .news_ttl {
  font-size: 1.2rem;
  line-height: 1.5;
}
#whatsnew .sns {
  padding: 4px;
  background: #ffff66;
  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;
}
#movie {
  width: 100%;
  padding-bottom: 0!important;
}
#movie h2.ttl {
  margin-bottom: -3%;
}
#hot {
  margin-top: 4%;
  padding-bottom: 0!important;
}
#hot h2.ttl,
#sns h2.ttl {
  margin-bottom: 0;
}
#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: #ff0284;
  border-radius: 22px;
  display: block;
  transition: .3s ease-in-out;
}
#sns {
  margin-top: 4.4%;
}
#sns h2.ttl {
  margin-bottom: -2.5%;
}
#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 h3 {
  margin-bottom: 1em;
  padding-bottom: .5em;
  font-family: 'Concert One';
  font-size: 1.8rem;
  text-align: center;
  line-height: 1;
  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 .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 li {
  width: 60%;
  max-width: 320px;
}
#sponsor .nihonhaku p {
  font-size: 1.2rem;
}


/* about
============================================ */
#about .bg-holder2 {
  background-image: url(../img/side/about_sp_2.jpg);
}
.webp #about .bg-holder2 {
  background-image: url(../img/side/about_sp_2.jpg.webp);
}
#about .col-lg-10,
#adv .col-lg-10,
#ticket_attention .col-lg-10,
#ticket_map .col-lg-10,
#attention .col-lg-10 {
  max-width: 800px;
}
#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: 600px;
}
.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 h2.ttl {
  margin-bottom: 0;
}
#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 h2.ttl {
  margin-bottom: 20px;
}
#about_visual .image {
  margin: 0 -15px;
  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 {
  font-size: 1.8rem;
  line-height: 1.5;
}
.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_sp.jpg);
}
.webp #model .bg-holder2 {
  background-image: url(../img/side/model_sp.jpg.webp);
}
#model .page-content > section:not(:first-of-type) {
  padding-top: 8rem!important;
}
.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 {
  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;
  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 {
  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_sp.jpg);
}
.webp #stage .bg-holder2 {
  background-image: url(../img/side/stage_sp.jpg.webp);
}
.stage_list {
  margin: 0 auto;
  max-width: 1000px;
}
.stage_list > li {
  margin-bottom: 40px;
  position: relative;
}
.stage_list > li .bottom {
  margin-top: auto;
}
.stage_list > li .top img,
.stage_list > li .bottom img {
  width: 100%;
}
.stage_list li .inner {
  height: 100%;
  background-image: url(../img/stage/stage_bg_sp.png);
  background-repeat: repeat-y;
  background-position: center top;
  background-size: 100%;
}
.stage_list li .box {
  margin: -23% 10% -10% 10%;
  position: relative;
  z-index: 1;
}
.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;
}

/* brand
============================================ */
#brand .bg-holder2 {
  background-image: url(../img/side/brand_sp.jpg);
}
.webp #brand .bg-holder2 {
  background-image: url(../img/side/brand_sp.jpg.webp);
}
.brand_list {
  margin: 0 auto;
  max-width: 1000px;
}
.brand_list > li {
  margin-bottom: 40px;
  position: relative;
}
.brand_list > li .top img,
.brand_list > li .bottom img {
  width: 100%;
}
.brand_list li .inner {
  height: 100%;
  background-image: url(../img/brand/brand_bg_sp.png);
  background-repeat: repeat-y;
  background-position: center top;
  background-size: 100%;
}
.brand_list li .box {
  margin: 0 8% 0 12%;
}
.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_sp.jpg);
}
.webp #booth .bg-holder2 {
  background-image: url(../img/side/booth_sp.jpg.webp);
}
#booth .ticket_area {
  margin-bottom: 40px;
}
.booth_list {
  margin: 0 auto;
  max-width: 1000px;
}
.booth_list > li {
  margin-bottom: 40px;
  position: relative;
}
.booth_list > li .top img,
.booth_list > li .bottom img {
  width: 100%;
}
.booth_list li .inner {
  height: 100%;
  background-image: url(../img/booth/booth_bg_sp.png);
  background-repeat: repeat-y;
  background-position: center top;
  background-size: 100%;
}
.booth_list li .box {
  margin: -7% 10% -7% 10%;
  position: relative;
  z-index: 1;
}
.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_sp.jpg);
}
.webp #sponsor-page .bg-holder2 {
  background-image: url(../img/side/sponsor_sp.jpg.webp);
}
.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: 50px 50px 0 50px;
  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: 240px;
}
.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_sp.jpg);
}
.webp #ticket .bg-holder2 {
  background-image: url(../img/side/ticket_sp.jpg.webp);
}
.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,
#schedule,
#ticket_attention,
#ticket_map {
  background: rgb(255,255,255,.7);
}
.adv_info h3 {
  margin-bottom: 20px;
  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 {
  width: 100%;
}
.adv_info table:not(:last-of-type) {
  margin-bottom: 40px;
}
.adv_info tr:not(:last-of-type) {
  border-bottom: 1px dashed #868686;
}
.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 {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
}
.adv_info th em {
  color: #ff0000;
  font-weight: bold;
}
.adv_info .vip {
  color: #e60012;
}
.adv_info .platinum {
  color: #5f1985;
}
.adv_info .ss {
  color: #3174ba;
}
.adv_info .s {
  color: #ed88b4;
}
.adv_info .sold {
  color: #ff0000;
  font-size: 150%;
  font-weight: bold;
}
.adv_info td {
  padding-bottom: .5em;
  text-align: right;
}
.adv_info .note {
  padding: 1em 0 0 0;
  text-align: center;
}
.adv_info .note img {
  width: 100%;
  max-width: 524px;
}
.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: 4rem auto;
  max-width: 540px;
  position: relative;
}
.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;
}
#schedule h2.ttl {
  margin-bottom: 0;
}
#schedule ul {
  margin: 0 auto;
  max-width: 800px;
}
#schedule li:not(:last-of-type) {
  margin-bottom: 20px;
}
#schedule li {
  padding: 1em;
  font-weight: bold;
  background: #fff;
  border-radius: 10px;
  box-shadow: 1px 2px 5px rgba(0,0,0,.3);
}
#schedule 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 {
  margin: 0 auto;
  max-width: 600px;
}
#schedule li .date {
  margin-bottom: .5em;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.5;
}
#schedule li .date-small {
  margin-bottom: .5em;
  font-size: 1.6rem;
  text-align: center;
}
#schedule li .sold,
#schedule li em {
  color: #ff0000;
}
#schedule li .sold {
  font-size: 2.4rem;
  line-height: 1;
}
#schedule li .txt {
  font-size: 1rem;
}
#schedule 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 {
  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_sp.jpg);
}
.webp #attention .bg-holder2 {
  background-image: url(../img/side/attention_sp.jpg.webp);
}
#attention .checklist {
  margin: 0 auto;
  width: 100%;
  max-width: 1102px;
}
#attention .checklist img {
  width: 100%;
}
  /* produce_stage
  ============================================ */
  #produce_stage .bg-holder2 {
    background-image: url(../img/side/produce_stage_migi3.jpg);
  }
  .webp #produce_stage .bg-holder2 {
    background-image: url(../img/side/produce_stage_migi3.webp);
  }

#produce_stage .video {
	width: 80%;
}
/* history
============================================ */
#history .bg-holder2 {
  background-image: url(../img/side/history_sp.jpg);
}
.webp #history .bg-holder2 {
  background-image: url(../img/side/history_sp.jpg.webp);
}
#history .col-lg-10 {
  max-width: 840px;
}
#history .list {
  margin-bottom: -20px;
  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_sp.jpg);
}
.webp #report .bg-holder2 {
  background-image: url(../img/side/report_sp.jpg.webp);
}
#report h2.ttl {
  padding-top: 0;
  width: 60%;
  max-width: 500px;
}
#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 .container-fluid h3 {
  margin: 0 auto;
  margin-bottom:10px;
  padding-bottom: 5px;
  width: 100%;
  border-bottom:solid 2px #000;
}
#report .stage_box h4 {
  margin: 0 auto;
  margin-bottom:20px;
  width: 80%;
  max-width: 415px;
}
#report .bg_opact h4 {
  margin-bottom:4px;
}
#report .bg_op h4 {
  margin-bottom:13px;
}
#report .bg_davidlayer h4 {
  margin-bottom:8px;
}
#report .livestage h4 {
  margin-bottom:2px;
}
#report .live2 h4 {
  margin-bottom:-7px;
}
#report .time_btn {
  margin-bottom: 0;
  max-width: 660px;
}
#report .stage_box li:not(:last-of-type) {
  margin-bottom: 30px;
}
#report .stage_box .name , #report .brand_box .name {
  font-family: 'Bebas Neue', cursive;
  font-size: 3.8rem;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  margin-bottom:10px;
}
#report .stage_box .name2 , #report .brand_box .name2 {
  font-family: 'Noto Sans JP', sans-serif;
  margin-bottom:0px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  vertical-align:middle;
}
#report .stage_box .komoji , #report .brand_box .komoji {
  font-family: 'Barlow Condensed', sans-serif;
  margin-bottom: 10px;
  font-size: 3.5rem;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  vertical-align:-0.1rem;
}
#report .stage_box .name , #report .stage_box .name2 , #report .stage_box .komoji {
  margin-bottom: 14px;
}
#report .stage_box .komoji2 {
  margin-bottom: 16px;
}
#report .stage_box .logo, #report .stage_box .logo2 {
  margin: 0 auto 20px;
  width: 50%;
  padding: 0 20px;
}
 #report .booth_box .logo, #report .booth_box .logo2 {
  margin: 0 auto 15px;
  width: 50%;
  padding: 0 20px;
}
#report .brand_box .logo, #report .brand_box .logo2 {
  margin: 0 auto 20px;
  width: 50%;
  padding: 0 20px;
}
#report .booth_box .hepfive-logo {
  margin-top:-5px;
  margin-bottom: 17px;
}
#report .booth_box .kanbi-logo {
 margin-bottom: 10px;
}
#report .booth_box .lemon8-logo {
margin-top: -3px;
}

#report .stage_box .sbc-logo , #report .brand_box .sbc-logo {
  margin-bottom: 15px;
}
#report .stage_box .sugarnine-logo , #report .brand_box .sugarnine-logo {
  margin-bottom: 14px;
}
#report .stage_box .david-layer-logo , #report .brand_box .david-layer-logo {
  margin-bottom: 14px;
}
#report .stage_box .spiral-logo , #report .brand_box .spiral-logo{
  margin-bottom: 15px;
}
#report .stage_box .casperjohn-logo , #report .brand_box .casperjohn-logo {
  margin-bottom: 15px;
}
#report .stage_box .tus-logo , #report .brand_box .tus-logo {
  margin-bottom: 14px;
}
#report .stage_box .logobox , #report .brand_box .logobox {
background-color: rgb(255,255,255,.9);
padding-top: 5px;
padding-bottom: 5px;
}
#report .stage_box .photo , #report .logo, #report .logo2{
  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 .logo,#report .logo2{
  flex-wrap: nowrap;
}
#report .stage_box .photo p {
  position: relative;
}
#report .stage_box .photo p::after,
#report .brand_box .slick-slide::after,
#report .brand_box .slick-dots li::after,
#report .booth_box .slick-slide::after,
#report .booth_box .slick-dots li::after {
  content: '';
  width: 70px;
  height: 27px;
  background: url(../img/logo.svg?2) no-repeat right top / contain;
  display: block;
  position: absolute;
  bottom: 5px;
  right: 5px;
}
#report .stage_box .photo .tate {
  width: 45%;
}
#report .stage_box .photo p.tate::after {
  width: 50px;
  height: 19px;
  bottom: 3px;
  right: 3px;
}
#report .stage_box .txt {
  margin: 15px auto 0;
  padding: 1em;
  max-width: 800px;
  font-size: 1.2rem;
  background: #fff;
  border: 1px solid #000;
  border-radius: 10px;
  box-shadow: 2px 2px 0 3px #000;
}
#report .stage_box .txt .ttl {
  margin-bottom: .5em;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
}
/**#report .brand_box .logo,
#report .booth_box .logo {
  margin: 0 auto 30px;
  width: 460px;
  max-width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
#report .brand_box .logo p,
#report .booth_box .logo p {
  width: 70%;
  max-width: 276px;
}**/
#report .brand_box .slide,
#report .booth_box .slide {
  margin: 0 auto;
  width: 90%;
  max-width: 960px;
}
#report .brand_box .slick-slide,
#report .booth_box .slick-slide {
  position: relative;
}
#report .brand_box .slick-slide::after {
  width: 74px;
  height: 29px;
}
#report .brand_box .slick-slide img {
  margin-left: auto;
}
#report .brand_box .slick-dots {
  margin: 20px -.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;
}
#report .special_box .slick-dots , #report .brand_box .slick-dots{
  justify-content: center;
}
#report .booth_box .slick-dots {
  margin: 15px -.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;
}
#report .brand_box .slick-dots li,
#report .booth_box .slick-dots li {
  margin: .5%;
  width: 24%;
  position: relative;
}
#report .brand_box .slick-dots li::after {
  width: 22px;
  height: 8px;
  bottom: 2px;
  right: 2px;
}
#report .special_box .slick-dots li , #report .brand_box .slick-dots li {
  width: 15.6666%;
}

#report .brand_box .slick-dots li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
#report .booth_box .slide {
  max-width: 684px;
}
#report .booth_box .slick-slide::after {
  width: 82px;
  height: 32px;
}
#report .booth_box .slick-dots li {
  width: 15.6666%;
}
#report .booth_box .slick-dots li::after {
  width: 12px;
  height: 5px;
  bottom: 2px;
  right: 2px;
}
#report .booth_box .slick-dots li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
   /* */
   #report .section-report-content-wrapper {
    box-shadow: 10px 0px 11px 0px rgba(0,0,0,0.55);
    margin:0 auto;
   }
   #report .report-bg {
    background-image: url(../img/report/bg_report.jpg);
    background-position: center top;
    background-repeat: repeat-y;
    background-size: 100%;
  }
  #report .time-line_wrapper {
    background-color: rgba(255, 255, 255, 0.6);
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding:10px 15px;
    margin-bottom: 20px;
  }
  #report .time-line_wrapper h3 img{
    max-width: 20%;
  }
  #report .time_btn li{
    margin-right:20px;
  }
  #report .time_btn li:last-child{
    margin-right:0;
  }
  #report .top_btn li{
    margin-right:10px;
  }
  #report .top_btn li:last-child{
    margin-right:0;
  }
  #report .stage_box {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 2;
    padding: 15px 10px 10px 10px;
  }
  #report .booth_box {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 2;
    padding: 20px 0px;
  }
 #report .brand_box{
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 2;
    padding: 20px 0px;
  }
  #report .bg_opact {
    background-image: url(../img/report/bg_opening-act.jpg);
  }
  #report .bg_op {
    background-image: url(../img/report/bg_opening.jpg);
  }
  #report .bg_common1 {
    background-image: url(../img/report/bg_common1-a.jpg);
  }
  #report .bg_common2 {
    background-image: url(../img/report/bg_common2-a.jpg);
  }
  #report .bg_common3 {
    background-image: url(../img/report/bg_common3-a.jpg);
  }
  #report .bg_common4 {
    background-image: url(../img/report/bg_common4-a.jpg);
  }
  #report .bg_common5 {
    background-image: url(../img/report/bg_common5-a.jpg);
  }
  #report .bg_common6 {
    background-image: url(../img/report/bg_common6-a.jpg);
  }
  #report .bg_vr {
    background-image: url(../img/report/bg_vr.jpg);
  }
  #report .bg_4geeks {
    background-image: url(../img/report/bg_4geeks.jpg);
  }
  #report .bg_abema {
    background-image: url(../img/report/bg_abema.jpg);
  }
  #report .bg_disney {
    background-image: url(../img/report/bg_disney.jpg);
  }
  #report .bg_mistreass {
    background-image: url(../img/report/bg_mistreass.jpg);
  }
  #report .bg_17live {
    background-image: url(../img/report/bg_17live.jpg);
  }
  #report .bg_casperjohn {
    background-image: url(../img/report/bg_casperjohn.jpg);
  }
  #report .bg_cft {
    background-color:#e4cbc6
  }
  #report .bg_climax {
    background-image: url(../img/report/bg_climax.jpg);
  }
  #report .bg_cps {
    background-image: url(../img/report/bg_cps.jpg);
  }
  #report .bg_darich {
    background-image: url(../img/report/bg_darich.jpg);
  }
  #report .bg_davidlayer {
    background-image: url(../img/report/bg_davidlayer.jpg);
  }
  #report .bg_dsc {
    background-image: url(../img/report/bg_dsc.jpg);
  }
  #report .bg_fila {
    background-image: url(../img/report/bg_fila.jpg);
  }
  #report .bg_fl {
    background-image: url(../img/report/bg_fl.jpg);
  }
  #report .bg_gyda {
    background-image: url(../img/report/bg_gyda.jpg);
  }
  #report .bg_japanexpo {
    background-image: url(../img/report/bg_japanexpo.jpg);
  }
  #report .bg_kaoyorinakami {
    background-image: url(../img/report/bg_kaoyorinakami.jpg);
  }
  #report .bg_kce {
    background-image: url(../img/report/bg_kce.jpg);
  }
  #report .bg_linelive {
    background-image: url(../img/report/bg_linelive.jpg);
  }
  #report .bg_mixch {
    background-image: url(../img/report/bg_mixch.jpg);
  }
  #report .bg_moment {
    background-image: url(../img/report/bg_moment.jpg);
  }
  #report .bg_mrs {
    background-image: url(../img/report/bg_mrs.jpg);
  }
  #report .bg_royalparty {
    background-image: url(../img/report/bg_royalparty.jpg);
  }
  #report .bg_sbc {
    background-image: url(../img/report/bg_sbc.jpg);
  }
  #report .bg_secret {
    background-image: url(../img/report/bg_secret.jpg);
  }
  #report .bg_sugarnine {
    background-image: url(../img/report/bg_sugarnine.jpg);
  }
  #report .bg_tus {
    background-image: url(../img/report/bg_tus.jpg);
  }
  #report .bg_voteras {
    background-image: url(../img/report/bg_voteras.jpg);
  }
  #report .bg_voyzboy {
    background-image: url(../img/report/bg_voyzboy.jpg);
  }
  #report .bg_murua {
    background-color:#000;
  }
  #report .bg_common6:nth-child(even) {
    background-image: url(../img/report/bg_opening.jpg);
  }
@media screen and (max-width: 320px) {
  /* about
  ============================================ */
  #about_visual .txt h3 {
    font-size: 1.6rem;
  }
}


@media screen and (min-width: 768px) {
  /* home
  ============================================ */
  #mv {
    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;
  }
  #home_cont {
    margin-top: 50vh;
  }
  #whatsnew .list {
    max-height: 20em;
  }
  #whatsnew .list .date {
    font-size: 1.4rem;
  }
  #whatsnew .list .news_ttl {
    font-size: 1.6rem;
  }
  #whatsnew .sns li {
    margin: 5px;
    width: 48px;
  }
  #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 p {
    font-size: 1.4rem;
  }

  #gridNav {
    top: 128vw;
  }
  .sidebar-item-wrapper:nth-of-type(2n) {
    border-right: none;
  }
  .sidebar-item-wrapper:nth-of-type(4n) {
    border-right: 4px solid #000;
  }

  /* about
  ============================================ */
  .about_info th,
  .about_info td {
    width: auto;
    display: table-cell;
  }
  .about_info th {
    width: 12em;
  }
  .about_info td {
    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 > 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%;
  }

  /* 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 .col-lg-10 {
    max-width: 1000px;
  }
  .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.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 td {
    width: 6em;
  }
  .adv_info .note {
    padding-top: 2em;
  }
  .adv_day h3 {
    font-size: 1.8rem;
  }
  .adv_day p {
    font-size: 1.6rem;
  }
  .ticket_info {
    margin: 8rem auto;
  }
  .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 li:not(:last-of-type) {
    margin-bottom: 40px;
  }
  #schedule li {
    padding: 30px;
  }
  #schedule li h3 {
    font-size: 2.4rem;
  }
  #schedule li .date {
    font-size: 2.6rem;
  }
  #schedule li .sold {
    font-size: 4rem;
  }
  #schedule li .date-small {
    font-size: 2rem;
  }
  #schedule li .txt {
    font-size: 1.4rem;
  }
  #schedule 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
  ============================================ */
  #attention .checklist {
    width: 90%;
  }

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

  /* report
  ============================================ */
  #report h2.ttl,
  #report .stage_box h4 {
    width: 60%;
  }
  #report .top_btn{
    width: 100%;
    margin-bottom: 30px;
  }
  #report .container-fluid h3 {
    margin-bottom: 30px;
    max-width: 660px;
    padding-bottom: 0px;
  }
  #report .time-line_wrapper h3 img {
    max-width: 100%;
}
  #report .top_btn li a::before {
    bottom: 20%;
  }
  #report .stage_box .name , #report .brand_box .name {
    font-size: 5.2rem;
  }
  #report .stage_box .name2 , #report .brand_box .name2 {
    font-size: 3rem;
    vertical-align: top;
  }
  #report .stage_box .komoji , #report .brand_box .komoji {
    font-size: 5rem;
  }
  #report .stage_box .photo p::after {
    width: 124px;
    height: 48px;
    bottom: 10px;
    right: 10px;
  }
  #report .stage_box .photo p.tate::after {
    width: 90px;
    height: 35px;
    bottom: 10px;
    right: 10px;
  }
  #report .stage_box .txt {
    font-size: 1.4rem;
  }
  #report .stage_box .txt .ttl {
    font-size: 2rem;
  }
  #report .stage_box .txt .ttl br {
    display: none;
  }
  #report .brand_box .slide {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #report .special_box .slide , #report .brand_box .slide {
    flex-direction: column;
    align-items: center;
  }
  #report .brand_box .slick-list {
    width: 45%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
  #report .brand_box .slick-slide::after {
    width: 106px;
    height: 41px;
    bottom: 10px;
    right: 10px;
  }
  #report .brand_box .slick-dots {
    margin: 0 0 0 3%;
  }
  #report .special_box .slick-dots , #report .brand_box .slick-dots{
    margin:20px 0 0 0;
  }
  #report .brand_box .slick-dots li::after,
  #report .booth_box .slick-dots li::after {
    width: 36px;
    height: 14px;
    bottom: 3px;
    right: 3px;
  }
  #report .booth_box .slick-slide::after {
    width: 146px;
    height: 56px;
    bottom: 10px;
    right: 10px;
  }
  #report .booth_box .slick-dots {
    margin: 20px -.5% 0;
  }
  #report .booth_box {
    padding: 30px 40px;
  }
  #report .stage_box {
    padding: 30px 0px 15px;
  }
  #report .stage_box .photo p {
    margin-bottom: 20px;
}
  #report .stage_box .logo ,  #report .brand_box .logo, #report .booth_box .logo {
    width: 40%;
  }
  #report .stage_box .logo2 ,  #report .brand_box .logo2, #report .booth_box .logo2 {
    width: 45%;
  }
  #report .booth_box .logo, #report .booth_box .logo2 {
    padding: 0 20px;
    margin-bottom: 20px;
  }
  #report .booth_box .kanbi-logo {
    width:40%;
  }
  #report .time-line_wrapper {
    padding: 30px 20px;
    margin-bottom: 30px;
}

  #report .time_btn li:last-child{
    margin-right:0;
  }
  #report .top_btn li{
    margin-right:40px;
  }
  #report .top_btn li:last-child{
    margin-right:0;
  }
}


@media screen and (min-width: 1025px) {
  /* home
  ============================================ */
  #home #baseContent {
    background-image: url(../img/home/top_bg.jpg);
  }
  .webp #home #baseContent {
    background-image: url(../img/home/top_bg.jpg.webp);
  }
  #baseContent .col-lg-10 {
    padding: 0;
    flex: 0 0 95%;
    max-width: 890px;
  }
  #home_cont {
    margin-top: 0;
  }

  #whatsnew .news_box {
    padding: 28px;
    border-radius: 16px;
  }
  #whatsnew .news_box .news_box_inner {
    padding: 30px;
  }
  #whatsnew .sns {
    padding: 8px;
  }

  #gridNav {
    position: fixed!important;
    top: 140px!important;
    right: 0;
  }
  #gridNav .h-lg-100vh {
    margin-top: -5px;
    height: calc(100vh - 140px + 5px);
  }
  #gridNav .h-lg-50vh {
    height: 50%;
  }
  #gridNav > div {
    border-bottom-width: 5px;
  }
  .sidebar-item-wrapper {
    border-top-width: 5px;
    border-left-width: 5px;
  }
  .sidebar-item-wrapper:nth-of-type(4n) {
    border-right-width: 5px;
  }
  .sidebar-item-wrapper .bg-holder.about {
    background-image: url(../img/sidebars/about_2.jpg?20220507);
  }
  .sidebar-item-wrapper .bg-holder.about::after {
    background-image: url(../img/sidebars/about_on_2.jpg?20220507);
  }
  .sidebar-item-wrapper .bg-holder.model {
    background-image: url(../img/sidebars/model.jpg);
  }
  .sidebar-item-wrapper .bg-holder.model::after {
    background-image: url(../img/sidebars/model_on.jpg);
  }
  .sidebar-item-wrapper .bg-holder.artist {
    background-image: url(../img/sidebars/artist.jpg);
  }
  .sidebar-item-wrapper .bg-holder.artist::after {
    background-image: url(../img/sidebars/artist_on.jpg);
  }
  .sidebar-item-wrapper .bg-holder.stage {
    background-image: url(../img/sidebars/stage.jpg);
  }
  .sidebar-item-wrapper .bg-holder.stage::after {
    background-image: url(../img/sidebars/stage_on.jpg);
  }
  .sidebar-item-wrapper .bg-holder.brand {
    background-image: url(../img/sidebars/brand.jpg);
  }
  .sidebar-item-wrapper .bg-holder.brand::after {
    background-image: url(../img/sidebars/brand_on.jpg);
  }
  .sidebar-item-wrapper .bg-holder.booth {
    background-image: url(../img/sidebars/booth.jpg);
  }
  .sidebar-item-wrapper .bg-holder.booth::after {
    background-image: url(../img/sidebars/booth_on.jpg);
  }
  .sidebar-item-wrapper .bg-holder.sponsor {
    background-image: url(../img/sidebars/sponsor.jpg);
  }
  .sidebar-item-wrapper .bg-holder.sponsor::after {
    background-image: url(../img/sidebars/sponsor_on.jpg);
  }
  .sidebar-item-wrapper .bg-holder.ticket {
    background-image: url(../img/sidebars/ticket.jpg);
  }
  .sidebar-item-wrapper .bg-holder.ticket::after {
    background-image: url(../img/sidebars/ticket_on.jpg);
  }
  .webp .sidebar-item-wrapper .bg-holder.about {
    background-image: url(../img/sidebars/about_2.jpg.webp?20220507);
  }
  .webp .sidebar-item-wrapper .bg-holder.about::after {
    background-image: url(../img/sidebars/about_on_2.jpg.webp?20220507);
  }
  .webp .sidebar-item-wrapper .bg-holder.model {
    background-image: url(../img/sidebars/model.jpg.webp);
  }
  .webp .sidebar-item-wrapper .bg-holder.model::after {
    background-image: url(../img/sidebars/model_on.jpg.webp);
  }
  .webp .sidebar-item-wrapper .bg-holder.artist {
    background-image: url(../img/sidebars/artist.jpg.webp);
  }
  .webp .sidebar-item-wrapper .bg-holder.artist::after {
    background-image: url(../img/sidebars/artist_on.jpg.webp);
  }
  .webp .sidebar-item-wrapper .bg-holder.stage {
    background-image: url(../img/sidebars/stage.jpg.webp);
  }
  .webp .sidebar-item-wrapper .bg-holder.stage::after {
    background-image: url(../img/sidebars/stage_on.jpg.webp);
  }
  .webp .sidebar-item-wrapper .bg-holder.brand {
    background-image: url(../img/sidebars/brand.jpg.webp);
  }
  .webp .sidebar-item-wrapper .bg-holder.brand::after {
    background-image: url(../img/sidebars/brand_on.jpg.webp);
  }
  .webp .sidebar-item-wrapper .bg-holder.booth {
    background-image: url(../img/sidebars/booth.jpg.webp);
  }
  .webp .sidebar-item-wrapper .bg-holder.booth::after {
    background-image: url(../img/sidebars/booth_on.jpg.webp);
  }
  .webp .sidebar-item-wrapper .bg-holder.sponsor {
    background-image: url(../img/sidebars/sponsor.jpg.webp);
  }
  .webp .sidebar-item-wrapper .bg-holder.sponsor::after {
    background-image: url(../img/sidebars/sponsor_on.jpg.webp);
  }
  .webp .sidebar-item-wrapper .bg-holder.ticket {
    background-image: url(../img/sidebars/ticket.jpg.webp);
  }
  .webp .sidebar-item-wrapper .bg-holder.ticket::after {
    background-image: url(../img/sidebars/ticket_on.jpg.webp);
  }
  .webp .sidebar-item-wrapper .bg-holder.produce_stage {
    background-image: url(../img/sidebars/produce_stage3.webp);
  }
  .webp .sidebar-item-wrapper .bg-holder.produce_stage::after {
    background-image: url(../img/sidebars/produce_stage_on2.webp);
  }
  #sns .insta .gallery {
    height: calc(581px - ((50vw - 30px) * .48 * .11));
  }

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

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

  /* model
  ============================================ */
  #model .bg-holder2 {
    background-image: url(../img/side/model.jpg);
  }
  .webp #model .bg-holder2 {
    background-image: url(../img/side/model.jpg.webp);
  }
  #model .page-content > section:not(:first-of-type) {
    padding-top: 20rem!important;
  }

  /* artist
  ============================================ */
  .artist_list > div {
    margin-bottom: 8rem!important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
  .artist_list2 > div {
    margin-bottom: 8rem!important;
    padding: 0 1em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 27%;
    flex: 0 0 27%;
    max-width: 27%;
  }

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

  /*stage
  ============================================ */
  #stage .bg-holder2 {
    background-image: url(../img/side/stage.jpg);
  }
  .webp #stage .bg-holder2 {
    background-image: url(../img/side/stage.jpg.webp);
  }
  .stage_list li .inner {
    background-image: url(../img/stage/stage_bg.png);
  }

  /* brand
  ============================================ */
  #brand .bg-holder2 {
    background-image: url(../img/side/brand.jpg);
  }
  .webp #brand .bg-holder2 {
    background-image: url(../img/side/brand.jpg.webp);
  }
  .brand_list li .inner {
    background-image: url(../img/brand/brand_bg.png);
  }

  /* booth
  ============================================ */
  #booth .bg-holder2 {
    background-image: url(../img/side/booth.jpg);
  }
  .webp #booth .bg-holder2 {
    background-image: url(../img/side/booth.jpg.webp);
  }
  #booth .ticket_area {
    margin-bottom: 80px;
  }
  .booth_list li .inner {
    background-image: url(../img/booth/booth_bg.png);
  }

  /* partner
  ============================================ */
  #sponsor-page .bg-holder2 {
    background-image: url(../img/side/sponsor.jpg);
  }
  .webp #sponsor-page .bg-holder2 {
    background-image: url(../img/side/sponsor.jpg.webp);
  }
  .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 .bg-holder2 {
    background-image: url(../img/side/ticket.jpg);
  }
  .webp #ticket .bg-holder2 {
    background-image: url(../img/side/ticket.jpg.webp);
  }
  #ticket_map .map {
    height: 400px;
  }

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

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

  /* report
  ============================================ */
  #report .bg-holder2 {
    background-image: url(../img/side/report.jpg);
  }
  .webp #report .bg-holder2 {
    background-image: url(../img/side/report.jpg.webp);
  }
  #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%;
  }
}

@media screen and (min-width: 1440px) {
  /* 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;
  }
}


@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
  ============================================ */
  #baseContent .col-lg-10 {
    flex: 0 0 100%;
  }
}