@charset "UTF-8";

.btn_item_lp_ {
  right: 5%;
  z-index: 999;
}

#future-bijutune {
  color: #333;
  padding: 0 0 110px;
}

/*メインビジュアル*/
#future-bijutune-mainvisual {
  margin: 0 0 83px;
  text-align: center;
}
#future-bijutune-mainvisual h1 {
  position: static;
  margin: 0 0 0;
  padding: 0 0 0 0;
  font-weight: bold;
  color: #333;
  font-size: 24px;
}
.future-bijutune-mainvisual-detail{
  position: relative;
}
.future-bijutune-mainvisual-detail h1{
  margin: 0;
  padding: 0;
  text-align: center;
}
#future-bijutune-comment {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  padding: 0;
  margin: 0 0 31px;
  padding: 78px 0 0 0;
  color: #333333;
}
#future-bijutune-start {
  color: #fa8c20;
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 22px;
}
#future-bijutune-caution {
  font-size: 14px;
  margin: 0;
  color: #333333;
  font-weight: 500;
}
#future-bijutune-date {
  font-size: 16px;
  margin: 30px 0 0 60px;
  padding: 0 0 0 0px;
  text-align: left;
  color: #333333;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.future-bijutune-mainvisual-icon1{
  position: absolute;
  top: 27px;
  left: 13px;
}
.future-bijutune-mainvisual-icon2{
  position: absolute;
  top: 56px;
  right: 24px;
}
.future-bijutune-mainvisual-register{
  margin-top: 30px;
}
.future-bijutune-mainvisual-register a{
  display: flex;
  flex-direction: column;
  width: 540px;
  height: 80px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  color: #fff;
  font-weight: bold;
  background: #2fb172 url(shape.png) right 20px center no-repeat;
  border-radius: 10px;
}
.future-bijutune-mainvisual-register a:hover{
  opacity: 0.8;
}
.future-bijutune-mainvisual-register a span:first-of-type{
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  margin-bottom: 11px;
}
.future-bijutune-mainvisual-register a span:last-of-type{
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
}
.future-bijutune-mainvisual-register p{
  color: #333333;
  font-size: 16px;
  font-weight: 500;
  margin: 22px 0 0 0;
  padding: 0;
}
/*メインビジュアル*/


/*トップアイテム*/
.future-bijutune-top-item{
  position: relative;
  padding: 80px 0 120px 0;
}
.future-bijutune-top-item::before{
  display: inline-block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: #c1d9c6;
  width: 100%;
  height: 460px;
}
.future-bijutune-top-item-main{
  width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  gap: 80px;
}
.future-bijutune-top-detail{
  margin: 114px 0 0 0;
}
.future-bijutune-top-detail p{
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  margin: 0 0 32px 0;
  line-height: 1.8;
}
.future-bijutune-top-detail ul{
  margin: 0;
  padding: 0;
}
.future-bijutune-top-detail ul li{
  margin-bottom: 13px;
  line-height: 1;
}
.future-bijutune-top-detail ul li:last-child{
  margin-bottom: 0;
}
.future-bijutune-top-detail li a{
  color: #333333;
  font-weight: 500;
  text-decoration: underline;
  font-size: 14px;
  line-height: 1;
}
.future-bijutune-top-detail li span{
  color: #333333;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
}
.future-bijutune-top-detail li a:hover{
  text-decoration: none;
}
/*トップアイテム*/


#future-bijutune-itemlist {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 1000px;
  gap: 0 80px;
  margin: 0 auto 40px;
}
.future-bijutune-item {
  width: calc((100% / 2) - 40px);
  margin: 0 0 80px;
}
.future-bijutune-item:last-child {
  margin: 0;
}
.future-bijutune-item-figure {
  margin: 0 0 27px;
}
.future-bijutune-item-figure img{
  max-width: 100%;
}
.future-bijutune-item-detail p {
  text-align: justify;
  line-height: 1.8;
  margin: 0;
}
.future-bijutune-item-detail .link {
  padding: 0;
  margin: 32px 0 0;
  font-size: 14px;
  line-height: 1.7;
}
.future-bijutune-item-detail .link li:not(:last-child) {
  margin: 0 0 13px;
  line-height: 1;
}
.future-bijutune-item-detail .link a {
  text-decoration: underline;
  color: #333333;
  line-height: 1;
}
.future-bijutune-item-detail .link span{
  color: #333333;
  line-height: 1;
}
.future-bijutune-item-detail .link a:hover {
  text-decoration: none;
}
.future-bijutune-more {
  text-align: center;
  margin: 0 0 0;
}
.future-bijutune-more a:hover {
  opacity: .8;
}
.future-bijutune-note {
  font-size: 14px;
  text-align: center;
}

/* ===== 202408 ===== */
#event-contents-wrapper:has(.--limited) {
  overflow: unset;
  width: 100%;
}
.--limited #future-bijutune-mainvisual{
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.--limited #future-bijutune-start {
  color: #e50c85;
  line-height: 1;
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 15px;
}
.--limited .slide{
  position: relative;
  padding-bottom: 0;
}
.--limited .slide::before{
  content: '';
  display: inline-block;
  width: 100%;
  height: 342px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #c1d9c6;
}
.--limited .slide-inner{
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}
#event-contents-wrapper .--limited .slide h2{
  text-align: center;
  margin: 0 0 24px;
}
.--limited .slide .swiper{
  position: relative;
}
.--limited .slide-item .text {
  display: none;
  padding-top: 30px;
  position: relative;
}
.slide_icon{
  position: absolute;
  top: 62px;
  right: 0;
}
.--limited .slide-item {
  padding-bottom: 122px;
  height: 100%;
  box-sizing: border-box;
}
.--limited .slide-item .text p{
  color: #333;
  font-size: 16px;
  line-height: 1;
  margin: 0 0 33px;
  padding: 0;
}
.--limited .slide-item .text ul{
  margin: 0;
  padding: 0;
  width: 50%;
}
.--limited .slide-item .text ul li{
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 13px;
}
.--limited .slide-item .text ul li:last-child{
  margin: 0;
}
.--limited .slide-item .text ul li a{
  text-decoration: underline;
  color: #333333;
  font-size: 14px;
  line-height: 1;
}
.--limited .slide-item .text ul li span{
  color: #333333;
  font-size: 14px;
  line-height: 1;
}
.--limited .slide-item .text ul li a:hover{
  text-decoration: none;
}
.--limited .slide-item.swiper-slide-active .text {
  display: block;
  padding: 29px 0 0 0;
}
.--limited .swiper-slide {
  width: 460px;
}
.--limited .swiper-slide .img img {
  height: auto;
  width: 100%;
  transform: scale(.41304);
  transition: .3s;
}
.--limited .swiper-slide-active .img img{
  transform: scale(1);
  z-index: 1;
}
.--limited .swiper-slide-next img{
  transform-origin: center left;
}
.--limited .swiper-slide-prev img{
  transform-origin: center right;
}
.--limited .slide .swiper-button-next{
  width: 63px;
  height: 63px;
  background: #2fb172 url(arrow_next.png) center center no-repeat;
  top: 230px;
  right: 160px;
  border-radius: 50%;
}
.--limited .slide .swiper-button-prev{
  width: 63px;
  height: 63px;
  background: #2fb172 url(arrow_prev.png) center center no-repeat;
  top: 230px;
  left: 160px;
  border-radius: 50%;
}
.--limited .future-bijutune-more a{
  width: 880px;
  height: 70px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 35px;
  background: #2fb172 url(arrow_right.png) right 40px center no-repeat;
  margin: 0 auto;
  position: relative;
}


/*SPECIALMOVIE*/
.future-bijutune-special-movie{
  background: url(specailmovie_bg.png) center bottom no-repeat;
  background-size: 100% 100%;
  padding: 77px 0 0 0;
  margin: 0 0 0;
  box-sizing: border-box;
}
.future-bijutune-special-main{
  position: relative;
}
.future-bijutune-special-title span{
  text-align: center;
}
#event-contents-wrapper .future-bijutune-special-movie h2{
  margin: 20px 0 60px;
  padding: 0;
  text-align: center;
}
.future-bijutune-special-movie h2 img{
  vertical-align: bottom;
}
.future-bijutune-special-main{
  width: 402px;
  margin: 0 auto;
  padding: 0 0 80px;
}
.future-bijutune-special-main img{
  vertical-align: bottom;
}
.specialmovie_icon1{
  position: absolute;
  bottom: 457px;
  left: -370px;
}
.specialmovie_icon2{
  position: absolute;
  bottom: 47px;
  right: -323px;
}
.future-bijutune-special-movie .hacobune-app-container{
  background: none;
}
.future-bijutune-special-movie .hacobune-video-js .hacobune-vjs-big-play-button {
  width: 86px;
  height: 86px;
  top: 50%;
  left: 50%;
  background: #e50c85;
  border: none;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.future-bijutune-special-movie .hacobune-video-js .hacobune-vjs-big-play-button .hacobune-vjs-icon-placeholder:before{
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 50px;
  left: 2px;
}
.future-bijutune-special-movie .hacobune-app-container video{
  outline: none;
}
/*SPECIALMOVIE*/

/*ABOUT*/
.future-bijutune-special-about{
  border: 10px solid #f5be1b;
  background-color: #fbe9b9;
  background-image:  url(about_left.png),url(about_right.png);
  background-repeat: no-repeat,no-repeat;
  background-position: left top,right top;
  box-sizing: border-box;
  width: 1000px;
  margin: 120px auto 120px;
  padding: 70px 0 0 0;
}
.future-bijutune-special-about-title{
  text-align: center;
  margin: 0 0;
}
.future-bijutune-special-about-title h2{
  margin: 0 0 21px;
  padding: 0;
}
.future-bijutune-special-about-title h2 img{
  vertical-align: bottom;
}
.future-bijutune-special-about-title p{
  margin: 0;
  padding: 0;
}
.future-bijutune-special-about-title p.future-bijutune-special-about-stitle{
  font-size: 20px;
  font-weight: bold;
  color: #2fb172;
  margin-bottom: 40px;
  line-height: 1;
}
.future-bijutune-special-about-title p.future-bijutune-special-about-comment{
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  line-height: 1.8;
  margin-bottom: 41px;
}
.future-bijutune-special-about-character{
  margin: 0 50px;
}
.future-bijutune-special-about-character-title{
  font-size: 20px;
  font-weight: bold;
  color: #2fb172;
  border-top: 1px solid #2fb172;
  padding: 20px 22px 0;
  margin: 0;
  background: url(minus.png) center right 17px no-repeat; 
  cursor: pointer;
}
.future-bijutune-special-about-character-title.active{
  border-bottom: 1px solid #2fb172;
  background: url(plus.png) center right 17px no-repeat; 
  margin-bottom: 60px;
  padding-bottom: 20px;
}
.future-bijutune-special-about-character-list{
  overflow: hidden;
  clear: both;
}
.future-bijutune-special-about-character-item{
  float: left;
  text-align: center;
}
.future-bijutune-special-about-character-item p{
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: #333333;
  margin: 0;
  padding: 0;
}
.future-bijutune-special-about-character-item img{
  vertical-align: bottom;
} 
.character1{margin: 30px 37px 20px 32px;}
.character1 img{margin-bottom: 15px;}

.character2{margin: 26px 34px 20px 0;}
.character2 img{margin-bottom: 16px;}

.character3{margin: 47px 25px 22px 0;}
.character3 img{margin-bottom: 17px;}

.character4{margin: 0 0 20px}
.character4 img{margin-bottom: 15px;}

.character5{margin: 28px 36px 20px 0px;}
.character5 img{margin-bottom: 16px;}

.character6{margin: 7px 33px 30px 0;}
.character6 img{margin-bottom: 11px;}

.character7{margin: 23px 11px 31px 0;}
.character7 img{margin-bottom: 27px;}

.character8{margin: 0 0 31px 0;}
.character8 img{margin: 0 0 14px 0;}

.character9{margin: 4px 10px 0 15px;}
.character9 img{margin-bottom: 15px;}

.character10{margin: 58px 10px 0 0;}
.character10 img{margin-bottom: 21px;}

.character11{margin: 0 10px 0 0;}
.character11 img{margin-bottom: 18px;}

.character12{margin: 33px 10px 0 0;}
.character12 img{margin-bottom: 24px;}

.character13{margin: 41px 0 0 0;}
.character13 img{margin-bottom: 3px;}

.future-bijutune-special-about-character-main{
  border-bottom: 1px solid #2fb172;
  padding-bottom: 30px;
  margin-bottom: 60px;
}

.future-bijutune-special-about-profile{
  background: #FFF;
  margin: 0 50px 51px;
}
.future-bijutune-special-about-profile-main{
  padding: 40px 40px;
  display: flex;
  flex-direction: row;
  gap: 30px;
}
.future-bijutune-special-about-profile-main > img{
  width: 212px;
  height: 212px;
}
.future-bijutune-special-about-profile-main ul{
  margin: 19px 0 0 0;
  padding: 0;
}
.future-bijutune-special-about-profile-name{
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  margin: 11px 0 19px;
}
.future-bijutune-special-about-profile-comment{
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}
.future-bijutune-special-about-profile-detail li{
  line-height: 1;
  padding: 0 0 0 0;
  margin-bottom: 16px;
}
.future-bijutune-special-about-profile-detail li:last-child{
  margin: 0 0 0;
}
.future-bijutune-special-about-profile-detail li a{
  line-height: 1;
  padding: 0 0 0 29px;
}
.future-bijutune-special-about-profile-detail li a span{
  font-size: 14px;
  font-weight: bold;
  color: #2fb172;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}
.future-bijutune-special-about-profile-detail li a span:hover{
  text-decoration: none;
}
.future-bijutune-special-about-profile-detail li.link-x a{
  background: url(x.png) left center no-repeat;
}
.future-bijutune-special-about-profile-detail li.link-i a{
  background: url(instagram.png) left center no-repeat;
}
.future-bijutune-special-about-profile-detail li.link-w a{
  background: url(website.png) left center no-repeat;
}
/*ABOUT*/

/*EVENT*/
.future-bijutune-special-event{
  width: 1000px;
  margin: 0 auto 120px;
}
.future-bijutune-special-event-wrap{
  background: #43c0f0;
  padding: 80px 0 84px 0;
  margin: 0 0 80px;
  position: relative;
}
.future-bijutune-special-event-header{
  text-align: center;
  padding: 0 0 35px;
  margin-bottom: 32px;
  position: relative;
}
.future-bijutune-special-event-header::before{
  display: inline-block;
  content: '';
  position: absolute;
  width: 150px;
  height: 2px;
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.future-bijutune-special-event-header h2{
  margin: 0 0 29px;
  padding: 0;
}
.future-bijutune-special-event-header p{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  /* color: #fff; */
  line-height: 2;
  margin: 0;
  padding: 0;

}
.future-bijutune-special-event-main p.future-bijutune-special-event-title{
  text-align: center;
  /* color: #fff; */
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 22px;
  padding: 0;
}
.future-bijutune-special-event-main p.future-bijutune-special-event-text{
  text-align: center;
  /* color: #fff; */
  font-size: 14px;
  margin: 0 0 34px;
  padding: 0;
  line-height: 1.6;
}
.future-bijutune-special-event-main p.future-bijutune-special-event-text2{
  /* color: #fff; */
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: 1.6;
}
.future-bijutune-special-event-main p.future-bijutune-special-event-text2 strong{
  color: #faed40;
  font-size: 22px;
  font-weight: bold;
}
.event_icon1{
  position: absolute;
  top: 37px;
  left: 0;
}
.event_icon2{
  position: absolute;
  bottom: -41px;
  right: -62px;
}
.future-bijutune-special-event-main .future-bijutune-special-event-list{
  display: flex;
  flex-wrap: wrap;
  width: 650px;
  margin: 0 auto 15px;
  padding: 0;
}
.future-bijutune-special-event-main .future-bijutune-special-event-list dt{
  /* color: #fff; */
  font-size: 14px;
  padding: 0;
  line-height: 1.6;
}
.future-bijutune-special-event-main .future-bijutune-special-event-list dd{
  /* color: #fff; */
  font-size: 14px;
  padding: 0;
  margin: 0;
  line-height: 1.6;
}
.future-bijutune-special-event-main p.future-bijutune-special-event-text:has(+.notes ){
  margin-bottom: 15px;
}
.future-bijutune-special-event-main .notes{
  max-width: 750px;
  margin: 0 auto 34px;
  padding: 0;
}
.future-bijutune-special-event-main .notes li{
  text-align: center;
  /* color: #fff; */
  font-size: 13px;
  padding: 0;
  line-height: 1.6;
}
.future-bijutune-special-event-main .notes.--t-left li{
  text-align: left;
}
.future-bijutune-special-event-main .future-bijutune-special-event-map{
  width: 70%;
  margin: 0 auto 34px;
}
.future-bijutune-special-event-main .future-bijutune-special-event-map img{
  max-width: 100%;
}
/*EVENT*/

/*PICKUP*/
.future-bijutune-pickup{
  width: 880px;
  margin: 0 auto 120px;
}
.future-bijutune-pickup .future-bijutune-pickup-header h2{
  margin: 0 0 20px;
  padding: 0;
  text-align: center;
}
.future-bijutune-pickup .future-bijutune-pickup-header p{
  text-align: center;
  margin: 0 0 31px;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.future-bijutune-pickup-main{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 44px;
  width: 880px;
  margin: 0;
  padding: 0;
}
.future-bijutune-pickup-main a{
  display: block;
}
.future-bijutune-pickup-main a:hover{
  opacity: 0.8;
}
.future-bijutune-pickup-main li{
  width: calc((100% /2) - 22px);
}
.future-bijutune-pickup-main img{
  vertical-align: bottom;
  max-width: 100%;
}
/*PICKUP*/