@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nuosu+SIL&family=Open+Sans:wght@600&display=swap');
* {
  font-family: "Times New Roman", "A1 Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
body, nav, ol, ul, p, header, footer, section, div, img, figure {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
p, h1, h2, h3, h4, h5, h6, li, a, dt, dd, label, span, input, textarea, th, td, address {
  font-size: 0.9rem;
  line-height: 1.8;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #111111;/* #E40255 */
}
p {
  letter-spacing: 0.1em;
}
a {
  text-decoration: none;
}
a, a:link, a:visited, a:hover, a:active {
  color: #111111;
  text-decoration: none;
}
a {
  opacity: 1.0;
  transition: .3s;
}
a:hover {
  opacity: 0.7;
  transition: .3s;
}
li {
  list-style: none;
}
img {
  max-width: 100%;
}
.sp {
  display: block;
}
.pc {
  display: none;
}
html {
  scroll-behavior: smooth;
}
.fadein {
  opacity: 0;
}
.fadein.active {
  opacity: 1;
  animation: fadein 1s forwards;
}
@keyframes fadein {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes blur {
  from {
    filter: blur(10px);
  }
  to {
    filter: blur(0);
  }
}
section {
  width: 100%;
  margin: 0;
  padding: 3em 0;
  position: relative;
}
.bl-container {
  width: 90%;
  max-width: 1056px;
  margin: 0 auto;
}
.bl-flex {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.section_header{
  width: 90%;
  max-width: 1056px;
  margin:0 auto 40px;

}
.section_header h2{
  font-size:1.6rem;
}



/* header */
header{
  width: 100%;
  height: 60px;
  position:relative;
}

.header_logo{
  width:200px;
  position:absolute;
  left:20px;
  top:20px;
}


.menu-wrapper{
  position:fixed;
  z-index:99999999;
  right:0px;
  top:20px;
}


.menu-btn{
  width: 100%;
  display: block;      
  width: 39px;      
  height: 39px;      
  position: absolute;
  right: 0;
  z-index: 999;/*追記：いつも一番上*/
  margin: 20px 30px;
}

.bar{      
  width: 45px;      
  height: 1px;        
  display: block;      
  position: absolute;      
  left: 50%;      
  transform: translateX(-50%);      
  background-color: #E40255;    
}

.bar-top{ top: 15px;}
.bar-middle{    
  top: 50%;
  transform: translate(-50%,-50%);
}
.bar-bottom{ bottom: 15px;}

.menu-btn.close .bar-top{      
  transform: translate(-50%,0) rotate(20deg);      
  transition: transform .3s;    
}  

.menu-btn.close .bar-middle{      
  opacity: 0;       
  transition: opacity .3s;    
}    

.menu-btn.close .bar-bottom{      
  transform: translate(-50%,-8px) rotate(-20deg);      
  transition: transform .3s;    
}
/*.menu-btn.close+.menu-lists{      
  display: block; 
}*/


.menu-lists{
  display: none;
  background-color: #ffffff;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  padding-top: 50px;
}
.menu-lists_wrap{
  width: 100%;
  max-width: 90%;
  margin: 0 auto;
}
.menu-lists ul{
  width: 100%;
  margin: 30px auto;
  color: #E40255;
}
.menu-lists ul li{
  margin-top: 15px;
}
.menu-lists ul li:nth-child(1){
  margin-top: 30px;
}
.menu-lists ul li:nth-child(7){
  margin-top: 45px;
}
.menu-lists ul li a{
  font-size: 1.3rem;
  letter-spacing: .1rem;
  color: #E40255;
}
.menu-lists ul li a:visited, .menu-lists ul li a:focus, .menu-lists ul li a:hover{
  color: #E40255;
}

.menu_logo{
  width: 200px;
  position: absolute;
    top: 20px;

}
.menu_logo img{
  width: 100%;
  
}


.menu_pp{
  display: inline-block;
  width: 100%;
  border-top: #E40255 1px solid;
  padding-top: 10px;
}
.menu-lists ul li:nth-child(7) a{
  font-size: 1rem;
}




@media (min-width:1100px) {

  .menu-lists_wrap{
    width: 100%;
    max-width: 1056px;
    margin: 50px auto;
    color: #E40255;
  }

  .menu_logo{
    position: absolute;
    top: 25px;
  }
}



/* footer */
footer {
  background-color: #E40255;
  padding: 30px;
  text-align: center;
}
.footer_name {
  margin-top: 30px;
}
.footer_01 {
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
}
p.footer_support {
  width: 100%;
  max-width: 350px;
  margin: 30px auto;
  text-align: center;
  letter-spacing: 0;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: .8rem;
}
span.footer_support_br {
  color: #ffffff;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: .8rem;
}
span.footer_support_br::before {
  content: "・";
}
.footer_nav {
  width: 100%;
}
.footer_nav ul {
  /* width:90%; */
  margin: 0 auto;
  align-items: center;
}
.footer_nav li {
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
}
.footer_nav li a {
  display: block;
  margin: 10px auto;
}
.footer_nav li a p {
  text-align: start;
}
.footer_nav li:first-child a {
  width: 200px;
}
.footer_nav li:nth-child(2) a {
  width: 200px;
}
.footer_nav li:last-child a {
  width: 100px;
}
.footer_nav li a img {
  width: 100%;
}
.footer_01_container .sns_wrap {
  order: 0;
}
.footer_01_container .footer_name {
  order: 1;
}
.footer_01_pic {
  width: 100%;
  text-align: center;
}
.footer_01_pic img {
  width: 90%;
}
footer p {
  color: #ffffff;
}
.footer_name {
  margin: 10px auto;
  text-align: center;
  font-size: .9rem;
}
.footer_name img {
  display: block;
  margin: 0 auto 10px auto;
  width: 90%;
  max-width: 200px;
}
.footer_info {
  text-align: center;
  font-size: 0.8rem;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.footer_info a {
  text-align: center;
  font-size: 0.8rem;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  color: #ffffff;
}
.sns_wrap {
  width: 90%;
  max-width: 120px;
  margin: 30px auto 0 auto;
}
.sns_wrap ul {
  display: flex;
  justify-content: space-between;
}
.sns_wrap li {
  width: 20px;
}
#topButton {
  position: fixed;
  bottom: 20px;
  right: 1px;
  padding: 2px 5px;
  font-size: .8rem;
  color: rgb(0, 0, 0);
  text-decoration: none;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.topButton_wrap {
  display: flex;
  position: fixed;
  bottom: 110px;
  right: 10px;
}
.topButton_contents02 {
  width: 3px;
  height: 8px;
}
/* visual */
.visual {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
@keyframes animationResize {
  0% {
    width: 100%;
    height: 100vh;
    opacity: 1;
    top: 0;
    left: 50px;
  }
  80% {
    width: 90%;
    height: 80vh;
    opacity: 1;
    top: 50px;
    left: 50px;
  }
  100% {
    width: 90%;
    height: 80vh;
    opacity: 0;
    top: 50px;
    left: 50px;
  }
}
.opening {
  width: 100%;
  height: 100vh;
  background-color: #e30055;
  animation: animationResize .5s ease .8s forwards;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.block_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.block_bg_pink {
  width: 90%;
  height: 80vh;
  background-color: #e30055;
}
.block_image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@keyframes animationMove {
  0% {
    opacity: 0;
    filter: blur(1.5rem)
  }
  100% {
    opacity: 1;
    filter: blur(0)
  }
}
.block_image_wrap {
  width: 90%;
  height: auto;
  filter: blur(1.5rem);
  opacity: 0;
  animation: animationMove .5s ease 1.2s forwards;
}
.block_image_wrap > img {
  width: 100%;
  height: 100%;
}
.logo {
  width: 70%;
  max-width: 350px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  opacity: 0;
  overflow: visible;
  animation: fadein .5s ease 2.1s forwards;
}

.visual_info h1, .visual_info p, .visual_info span{
  color:#E40255;
}

.visual_info_name {
  margin: 60px auto 15px;
  width: 100%;
  max-width: 800px;
}
.visual_info_schedule {
  margin: 0px auto 15px;
  font-size: 1.4rem;
  letter-spacing: .05em;
  text-align: center;
  line-height: .5;
  font-weight: 50;
}
.visual_info_schedule span {
  font-size: 0.7rem;
}
.visual_info_schedule img {
  width: 30px;
  height: 1px;
  margin: 0 3px;
  vertical-align: middle;
}
.visual_info_area {
  text-align: center;
  font-size: 14px;
}
.visual_info_free {
  display: block;
  border: 1px solid #E40255;
  width: 100px;
  margin: 15px auto;
}
.visual_info_free p {
  text-align: center;
}

.c_director_credit {
  width:10px;
  position:absolute;
  right:25px;
  font-size: .6rem;
  color: #000000;
  writing-mode: vertical-rl;
}

/* concept */
.concept {
  width: 100%;
  padding: 0 0;
  position: relative;
}
.concept p{
  color:#E40255;
}
.concept-main_copy {
  position: relative;
  margin: 120px 0 60px;
  text-align: start;
  font-size: 23px;
  line-height: 1.8;
  letter-spacing: 0.2em;
  filter: blur(10px);
}
.concept-main_copy.blur.active_b {
  animation: blur .8s ease-in both;
}
.concept-main_copy_container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.concept-main_text {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin-top: -30px;
  animation-delay: 1.8s;
}
.concept-main_text p {
  margin: 30px 0;
  text-align: center;
  font-size: 14px;
  line-height: 2;
}

/* cleative director */
.c_director {
  width: 100%;
  /*max-width: 1056px;
  margin: 0 auto;*/
}

.c_director p, .c_director span, .c_director_text_title{
color:#E40255;
}

.c_director .bl-container figure {
  margin: 10px auto;
  width: 100%;
  text-align: center;
}
.c_director .bl-container figure img {
  width: 60%;
}
.c_director .bl-container .bl-col {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
.c_director_name {
  margin: 20px 0 0 0;
  font-size: 0.7rem;
  line-height: .5rem;
  text-align: center;
}
.c_director_name p.font-it {
  font-style: normal;
  font-size: 0.85rem;
}
.c_director_name p.font-lg {
  font-size: 1.2rem;
  margin-top: 10px;
}
.c_director_text_title {
  font-size:1.2rem;
  text-align: center;
  margin: 50px 0 30px 0;
}
.c_director_text p {
  margin-bottom: 2em;
  font-size: 0.85rem;
  font-family: "Yu Gothic Medium";
  text-align: start;
}
.c_director_text blockquote {
  font-weight: bold;
  color:#E40255;
  font-size: 0.85rem;
  font-family: "Yu Gothic Medium";
}
.c_director_text blockquote p {}
.c_director_text blockquote p span {
  display: block;
  font-size: 0.85rem;
  font-family: "Yu Gothic Medium";
  text-align: right;
}


/* artist */
.artist {
  width: 90%;
  max-width: 1056px;
  margin: 0 auto;
}
.artist h1 {
  letter-spacing: .07rem;
  color: black;
  text-align: center;
}
.artist p {
  font-size: .78rem;
  color: black;
  margin: 30px 0;
  text-align: start;
  font-family: "Yu Gothic Medium";
  line-height: 1.5;
  letter-spacing: 0;
}

/* Access */
.access_wrap {
  text-align: center;
  width: 90%;
  max-width:1056px;
  margin: 0 auto;
}
.access_wrap h2 {
  letter-spacing: .07rem;
  font-size:1.4rem;
  text-align: center;
}
.access_wrap iframe {
  aspect-ratio: 1/1;
  margin: 30px 0;
}

/* instagram */
.instagram h2 {
  margin: 0 0 30px 0;
  text-align: center;
  font-size: 1.4rem;
  letter-spacing: .07rem;
}
.instagram_container {
  display: block;
  width: 90%;
  max-width:1056px;
  margin: 30px auto;
}

/* error */

.error{
  width:100%;
  margin:5em 0;
}
.error h1{
  margin:0 0 2em;
  font-size:1.2rem;
  text-align:center;
}
.error p{
  text-align:center;
}


/* news */

.news_archive{}
.news_archive .bl-container.bl-flex::after{
  content:'';
  display:block;
  width: 48%;
}
.news_archive .bl-container .bl-col{
  width: 48%;
  margin:0 0 30px 0;
}
.news_archive_image{
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
.news_archive_date{}
.news_archive_title{}
.index .news_archive .section_header h2{
  text-align:center;
}

.news_archive_link_btn{
  width:260px;
  margin:30px auto;
}
.news_archive_link_btn a{
  display:block;
  width:260px;
  padding:.3em;
  box-sizing:border-box;
  text-align:center;
  font-size:1.0rem;
  border:1px solid #111111;
  background-color:#ffffff;
  color:#111111;
  transition:background-color .3s;
  }
  .news_archive_link_btn a:hover{
    color:#ffffff;
    background-color:#111111;
    transition:background-color .3s;
    opacity:1;
  }



.news_article{}
.news_article_header{}
.news_article_bredcrunb_list{}
.news_article_date{
  font-size:.8rem;
  margin:0 0 15px 0;
}
.news_article_title{
  font-size:1.2rem;
  margin:0 0 30px;
}
.news_article_image{
  margin:10px auto;
  max-width:700px;
}
.news_article_text{}


/* event */

/* event_title_wrap (sp) */
.event_title_wrap{
  width: 100%;
  max-width: 90%;
  margin: 30px auto;
}
.event_title_wrap h2{
  font-size: 1.5rem;
  line-height: 1.3;
}

/* event_description_wrap */
.event_description_wrap{
  width: 100%;
  max-width: 90%;
  margin: 30px auto;
}
.event_description_contents_01{
  margin-top: 30px;
  margin-bottom:20px;
}
.event_description_contents_01 img{
  width: 100%;

  
}
.event_description_contents_02 p {
  padding-bottom: 15px;
}

/* join_sp */
.join_container{
  width: 100%;
  max-width: 90%;
  margin: 0 auto;
}
.join_title_wrap{
  text-align: center;
}
.join_title_wrap h2{
  font-size: 1.2rem;
  margin: 30px 0;
}
.join_info_wrap{
  width: 100%;
  background:#f5f5f5;
  padding: 1px 0;
}
.join_info_container{
  width: 100%;
  max-width: 90%;
  margin: 20px auto;
  background:#ffffff;
  padding:10px ;}
.join_info_container h3{
  color: #E40255;
  font-size: 1.1rem;
}
.join_info_container h4{
  font-size: 1rem;
  padding-top: 10px;
}
.join_info_container p {
  padding-top: 10px;
}
.join_info_caution{
  width: 100%;
  max-width: 90%;
  margin: 30px auto;
}
.join_info_caution li{
  font-size: .7rem;
}

@media (min-width:1100px) {

/*.event_title_wrap (pc) */
.event_title_wrap{
  width: 100%;
  max-width: 1056px;
  margin: 30px auto;

}
.event_title_wrap h2{
  font-size: 1.5rem;
  line-height: 1.3;
}

.event_description_wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1056px;
  margin: 30px auto;

}
.event_description_contents_01{
  order: 2;
  width: 48%;
  margin-top: 0px;
  margin-bottom:0;
}
.event_description_contents_01 img{
  width: 100%;
  object-fit: cover;
}
.event_description_contents_02 {
  order: 1;
  /*display: inline-block;*/
  width: 48%;
}
.event_description_contents_02 p:nth-child(1) {
  padding-top: 0;
  
}
.event_description_contents_02 p{
  /*padding-right: 50px;
  max-width: 800px;*/
}

.visual_info{
  width: 100%;
  max-width: 1056px;
  margin: 80px auto;
  text-align: center;
}

.visual_info h1{
  font-size: 1.5rem;
  color: #E40255;
  text-align: center;
}

.visual_info_schedule{
  margin:15px auto 15px;
  font-size:1.5rem;
  letter-spacing:.05em;
  text-align:center;
  line-height: .5;
  font-weight: 50;
  color: #E40255;
}
.visual_info_schedule span{
font-size:0.7rem;
}
.schedule_border{
  font-family:"Yu Gothic Medium";
}
.visual_info_schedule img{
  width:40px;
  display:inline-block; 
  /*margin-top:-40px;*/
}
.visual_info_area{
  text-align:center;
  font-size:1rem;
  color: #E40255;
}
.visual_info_free{
  margin-top: 0;
}
.v_i_flex{
  display: flex;
  justify-content: center;
  align-items: center;
}

.join_title_wrap h2{
  font-size: 1.3rem;
  margin: 45px 0;
}

.join_container{
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
.join_info_caution{
  width: 100%;
  max-width: 100%;
}

}

/* - */



.event_archive{}
.event_archive .bl-container .bl-col{
  width: 100%;
  margin:0 0 30px 0;
}
.event_archive_header{}
.event_archive_title_h3{
  margin:0 0 30px;
  text-align:center;
  font-size:1.4rem;
}
.event_archive_image{
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
.event_archive_contents{
  margin:5px 0 0 0;
}
.event_archive_category{
  width:8em;
  border-bottom:1px solid #111111;
  text-align:center;
  font-size:.65rem;
}
.event_archive_title{
  margin:0 0 10px 0;
  font-size:1.0rem;
}
.event_archive_list{
  margin:0 0 10px 0;
}
.event_archive_list th{
  font-weight:normal;
  padding:2px 0;
  width:5em;
}
.event_archive_list th span{
  padding:1px;
  background-color:#111111;
  color:#ffffff;
}
.event_archive_list td{
  padding:2px 0;
}

.event_archive_link_btn{
  width:260px;
  margin:30px auto;
}
.event_archive_link_btn a{
  display:block;
  width:260px;
  padding:.3em;
  box-sizing:border-box;
  text-align:center;
  font-size:1.0rem;
  border:1px solid #111111;
  background-color:#ffffff;
  color:#111111;
  transition:background-color .3s;
  }
  .event_archive_link_btn a:hover{
    color:#ffffff;
    background-color:#111111;
    transition:background-color .3s;
    opacity:1;
  }


.event_article{}
.event_article .bl-container .bl-col{
  width: 100%;
  margin:0 0 30px 0;
}
.event_article .bl-container .bl-col:first-child{
  order:1;
}
.event_article .bl-container .bl-col:last-child{
  order:0;
}
.event_archive_header{}
.event_article_title{
  margin:0 0 20px 0;
  font-size:1.2rem;
}
.event_article_list{
  margin:0 0 10px 0;
}
.event_article_list th{
  font-weight:normal;
  padding:5px 0;
  width:5em;
}
.event_article_list th span{
  padding:1px;
  background-color:#111111;
  color:#ffffff;
}
.event_article_list td{
  padding:5px 0;
}
.event_reserve_btn{

}
.event_reserve_btn a{
  display:block;
  width:100%;
  background-color:#E40655;
  color:#ffffff;
  border:1px solid #E40655;
  padding:1em;
  font-size:1.0rem;
  text-align:center;
  transition:background-color .2s;
}
.event_reserve_btn a:hover{
  background-color:#ffffff;
  color:#E40655;
  border:1px solid #E40655;
  transition:background-color .2s;
}


.event_archive_image{}
.event_article_text{}
.event_article_planner{
  clear:both;
}
.event_article_planner h3{

}
.event_article_planner .bl-flex{
  background-color:#F5F5F5;
  padding:15px;
}
.bl-container .event_article_planner .bl-col{
  margin:0 0 0 0;
}
.event_article_planner .bl-col:first-child{
  width:100%;
  order:0;
}
.event_article_planner .bl-col:last-child{
  width:100%;
  order:1;
}
.event_article_planner_logo{
  font-size:1.2rem;
}


/* artist */


.artist_archive{}
.artist_archive .bl-container .bl-col{
  width: 48%;
  overflow:hidden;
  margin:0 0 30px 0;
}
.artist_archive .bl-container .bl-col img{
  object-fit:cover;
  width:300px;
  aspect-ratio: 1 / 1;
}
.artist_archive_header{}
.index .artist_archive_header{
  text-align:center;
}
.artist_archive_image{}
.artist_archive_title{
  font-size:.8rem;
}
 
.artist_article_header{}

.artist_article_title{
font-size:1.4rem;
margin:0 0 50px;
}
.artist_article_title span{
  font-size:.8rem;
}

.artist_article_contents{
  margin:0 0 50px 0;
  width:100%;
}

.artist_article .bl-container .bl-col{
  width: 100%;
  margin:0 0 30px 0;
}
.artist_works_title{
  font-size:1.2rem;
}
.artist_works_text{
  width:100%;
  margin:0 0 40px 0;
}
.artist_works_text p{
  word-wrap: break-word;
}
.artist_works_title_en{
  font-size:1.2rem;
}
.artist_works_text_en{
  margin:0 0 40px 0;
}
.artist_works_area{

}
.artist_works_area h3{
  width:4em;
  margin:0 0 10px;
  padding:0 0 5px;
  border-bottom:1px solid #111111;
  line-height:1.0;
  font-size:1.0rem;
}
.artist_works_area_name{
  font-size:1.2rem;
  margin:0 0 10px;
}
.artist_works_area_map_btn{

}
.artist_works_area_map_btn a{
display:block;
width:60px;
padding:.3em;
box-sizing:border-box;
text-align:center;
font-size:1.0rem;
border:1px solid #111111;
background-color:#ffffff;
color:#111111;
transition:background-color .3s;
}
.artist_works_area_map_btn a:hover{
  color:#ffffff;
  background-color:#111111;
  transition:background-color .3s;
  opacity:1;
}

.artist_article_text{

}
.artist_profile{
  margin:3em 0;
  padding:3em 0;
  border-top:1px solid #111111;
  border-bottom:1px solid #111111;
}
.artist_profile h3{
  margin:0 0 30px;
  text-align:center;
  font-size:1.4rem;
}
.artist_profile h4{
  margin:0 0 10px;
  padding:0 0 5px;
  border-bottom:1px solid #111111;
  line-height:1.0;
  font-size:1.0rem;
}
.artist_article .bl-container .artist_profile .bl-col:first-child{
  width:100%;
}
.artist_article .bl-container .artist_profile .bl-col:last-child{
  width:100%;
}
.artist_profile_image{
  width:60%;
  margin:0 auto;
}
.artist_name{
  font-size:1.0rem;
  margin:0 0 10px 0;
}
.artist_text{
  margin:0 0 30px 0;
}
.artist_cv_area{
  margin:0 0 30px;
}
.artist_cv_area h4{
  width:2em;
}
.artist_exhibition_area{
  margin:0 0 30px;
}
.artist_exhibition_area h4{
  width:4em;
}
.artist_note_area{
  margin:0 0 30px;
}
.artist_note_area h4{
  width:4em;
}
.artist_past_works_area{
  margin:0 0 30px;
}
.artist_past_works_area h4{
  margin:0 0 30px;
  width:4em;
}
.artist_past_works_area img{
  margin:0 0 5px;
}
.artist_past_works_area img+p{
  margin:0 0 10px;
}
.artist_sns_area{
  width:100%;
  display:flex;
  flex-flow:row wrap;
  justify-content: space-around;

}
.artist_sns_area li a{
  display:block;
  width:auto;
  min-width:100px;
  padding:.5em;
  box-sizing:border-box;
  text-align:center;
  font-size:1.0rem;
  border:1px solid #111111;
  background-color:#ffffff;
  color:#111111;
  transition:background-color .3s;
  margin:0 5px 10px 5px;
}
.artist_sns_area li a:hover{
  color:#ffffff;
  background-color:#111111;
  transition:background-color .3s;
  opacity:1;
}


.slick-prev,.slick-next{z-index:2;}
.slick-prev{left:0!important;}
.slick-next{right:0!important;}

.slick-slide{
  padding:2px;
  opacity: .5;
}
.main_slide {
  display: inline-block; 
  text-align: center;
  margin: 0 auto;
  height: 55vh;
  background:#ccc;
}
.main_slide img {
  margin: auto;
  height: 100%;
  object-fit: cover;
}
.thumbnail_slide {
  display: inline-block; 
  text-align: start;
  margin: 0 auto;
  height: 8vh;
  background:#ccc;
  overflow:hidden;
}

.thumbnail_slide img {
  margin: auto;
  height: 130%;/* 100% */
  object-fit: cover;
}

.slick-current{
  display: block;
  opacity: 1;
}
.slick-track{
  margin-left:0 !important;
}


/* report */

.report_archive{
  width:100%;
  padding:5em 0;
  background-color:#E40655;
}
.report_archive h2{
  width:30%;
  text-align:center;
  color:#ffffff;
  font-size:1.4rem;
}
.report_archive_list{
  width:70%;
  display:flex;
  flex-flow:row wrap;
}
.report_archive_list li{
  list-style:none;
}
.report_archive_list li::after{
  content:'/';
  display:inline;
  padding:0 7px;
  font-size:1.4rem;
  color:#ffffff;
}
.report_archive_list li:last-child::after{
  content:'';
  padding:0 0;
}
.report_archive_list li a{
  color:#ffffff;
  font-size:1.4rem;
}
.report_archive_list li a:hover{
  text-decoration:underline;
  opacity:1;
}

/* contact */

.contact h2 {
  margin: 0 auto;
  text-align: center;
  font-size: 1.4rem;
  color: #E40655;
  letter-spacing: .07rem;
  position:relative;
  width:160px;
}
.contact h2::before{
  content:'';
  display:block;
  border:1px solid #E40655;
  width:30px;
  position:absolute;
  top:15px;
  right:0;
}
.contact h2::after{
  content:'';
  display:block;
  border:1px solid #E40655;
  width:30px;
  position:absolute;
  top:25px;
  right:0;
}

.contact_text{
  width:90%;
  margin:50px auto;
  text-align:center;
}

.contact_form{
  width:90%;
  max-width:700px;
  margin:40px auto;
}

.contact_form th{
  width:100%;
  display:block;
  padding:20px 0 2px;
  text-align:start;
  font-weight:normal;
}
.contact_form p{
  line-height:1.2;
}
.contact_form td{
  width:100%;
  display:block;
  padding: 2px 0 20px;
}
.contact_form input[type="text"], .contact_form input[type="email"], .contact_form input[type="tel"]{
  width: 100%;
  font-family:"charter", "Times New Roman", "A1 Mincho",  "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  border-radius:0;
  border:1px solid #111111;
}
.contact_form input[type="radio"]{
  accent-color: #000;
}
.contact_form textarea{
  padding:2px;
  box-sizing:border-box;
  font-family:"charter", "Times New Roman", "A1 Mincho",  "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  border-radius:0;
  border:1px solid #111111;
}
.contact_form button, .contact_form input[type="button"], .contact_form input[type="reset"], .contact_form input[type="submit"] {
  border-color: #111111 #111111 #111111;
  border-radius: 0px;
  background: #ffffff;
  color: #111111;
  line-height: 1;
  padding: 1em 1em 1em;
}
.contact_form input[type="submit"]{
width:100%;
text-align:center;
font-family:"charter", "Times New Roman", "A1 Mincho",  "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
transition:all .2s;
}
.contact_form input[type="submit"]:hover{
  background: #111111;
  color: #ffffff;
  transition:all .2s;
  }
.wpcf7-not-valid-tip{
font-size:.8rem;
}
.contact_form table+p{
width:150px;
margin:30px auto 0px;
}


.wpcf7 form .wpcf7-mail-sent-ok {
  border: none !important;
  background-color:#ececec;
  width:90%;
  max-width:600px;
  font-weight:normal;
  text-align:center;
  }
  .wpcf7 form .wpcf7-mail-sent-ng {
  border: none !important;
  background-color:#ececec;
  width:90%;
  max-width:600px;
  font-weight:normal;
  text-align:center;
  color:red;
  }
  .wpcf7 form .wpcf7-spam-blocked {
  border: none !important;
  background-color:#ececec;
  width:90%;
  max-width:600px;
  font-weight:normal;
  text-align:center;
  color:red;
  }
  .wpcf7 form .wpcf7-validation-errors , .wpcf7 form .wpcf7-response-output {
  border: none !important;
  background-color:#ececec;
  width:100%;
  max-width:600px;
  font-weight:normal;
  text-align:center;
  font-size:.8rem;
}

.contact_btn{

}
.contact_contents{
  display:none;
}
/*.contact_btn.active+.contact_contents{
  display:block;
}*/


/* english */

/* english_title_wrap */
.english_title_container{
  margin: 30px auto;
}
.english_title_container h2{
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: .1rem;
}
.english_title_container p{
  padding-top: 30px;
  line-height: 1.3;
}
/* english_info_wrap */
.english_info_container{
  margin: 30px auto;
}
.english_info_contents{
  margin-top: 25px;
}

.english_info_contents h3{
  font-size: 1rem;
  display: inline-block;
  border-bottom: #000000 1px solid;
  padding-bottom: 1px;
  margin-bottom: 15px;
  letter-spacing: .08rem;
}

.english_info_caution{
  font-size: .85rem;
  padding-top: 10px;
}


/* privacy */


.privacy_title_container{
  margin: 30px auto;
}
.privacy_title_container h2{
  font-size: 1.5rem;
  line-height: 1.3;
}
.privacy_title_container p{
  padding-top: 30px;
  line-height: 1.3;
}
.privacy_info_container{
  margin: 30px auto;
}
.privacy_info_contents{
  margin-top: 30px;
}

.privacy_info_contents h3{
  font-size: 1rem;
  display: inline-block;
  border-bottom: #000000 1px solid;
  padding-bottom: 1px;
  margin-bottom: 15px;
  letter-spacing: .08rem;
}

.privacy_info_p_lower{
  padding-top: .9rem;
}






@media screen and (min-width:767px) and (max-width: 980px) {
	
  @keyframes animationResize {
    0% {
      width: 100%;
      height: 100%;
      opacity: 1;
      top: 0;
      left: 50px;
    }
    80% {
      width: 70%;
      height: auto;
      aspect-ratio: 1 / 1.15;
      opacity: 1;
      top: 50px;
      left: 50px;
    }
    100% {
      width: 70%;
      height: auto;
      aspect-ratio: 1 / 1.15;
      opacity: 0;
      top: 50px;
      left: 50px;
    }
  }
  .visual {
    height: 1400px;
  }
  .block_bg_pink {
    width: 70%;
    aspect-ratio: 1 / 1.15;
    height: auto;
  }
  .block_image_wrap {
    max-width: 60%;
  }

  .main_slide {
    height: 55vh;
  }
  .thumbnail_slide {
    height: 8vh;
  }


}

@media screen and (min-width:981px) and (max-width: 1280px) {
  @keyframes animationResize {
    0% {
      width: 100%;
      height: 100%;
      opacity: 1;
      top: 0;
      left: 50px;
    }
    80% {
      width: 70%;
      height: auto;
      aspect-ratio: 1 / 1.15;
      opacity: 1;
      top: 50px;
      left: 50px;
    }
    100% {
      width: 70%;
      height: auto;
      aspect-ratio: 1 / 1.15;
      opacity: 0;
      top: 50px;
      left: 50px;
    }
  }
  .visual {
    height: 1500px;
  }
  .block_bg_pink {
    width: 70%;
    aspect-ratio: 1 / 1.15;
    height: auto;
  }
  .block_image_wrap {
    max-width: 800px;
  }
  .main_slide {
    height: 600px;
  }
  
  .thumbnail_slide {
    height: 130px;
  }
}

@media (min-width:1281px) {
  @keyframes animationResize {
    0% {
      width: 100%;
      height: 100%;
      opacity: 1;
      top: 0;
      left: 50px;
    }
    80% {
      width: 70%;
      height: auto;
      aspect-ratio: 1 / 1.15;
      opacity: 1;
      top: 50px;
      left: 50px;
    }
    100% {
      width: 70%;
      height: auto;
      aspect-ratio: 1 / 1.15;
      opacity: 0;
      top: 50px;
      left: 50px;
    }
    
  }
  .visual {
    height: 1800px;
  }
  .block_bg_pink {
    width: 70%;
    aspect-ratio: 1 / 1.15;
    height: auto;
  }
  .block_image_wrap {
    max-width: 800px;
  }
  .main_slide {
    height: 600px;
  }
  
  .thumbnail_slide {
    height: 130px;
  }
}

@media (min-width:768px) {
  .sp {
    display: none;
  }
  .pc {
    display: block;
  }
	
  /* visual */
  .opening {
    height: 100%;
  }
  .block_image_wrap {
    width: 60%;
    height: auto;
  }
  .logo {
    height: 130px;
    position: absolute;
    top: 25%;
    left: 5%;
    right: 0;
    bottom: 0;
    margin: 0;
  }
  .visual_info {
    bottom: 100px;
  }
  .visual_info_title {
    width: 100%;
    animation: fadein .2s 4s both ease-out;
  }
  .visual_info_name {
    margin: 0px auto 30px;
  }
  .visual_info_schedule {
    margin: 0px auto 15px;
    font-size: 2rem;
    letter-spacing: .25rem;
  }
  .visual_info_area {
    letter-spacing: .2rem;
  }
  .visual_info_free {
    display: inline-block;
    border: 1px solid #E40255;
    width: 100px;
    margin: 15px auto;
  }
  .concept-main_text {
    position: relative;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    margin-top: -30px;
    animation-delay: 1.8s;
  }
  .concept-main_copy {
    position: relative;
    margin: 50px 0 100px;
    text-align: start;
    font-size: 35px;
    line-height: 1.8;
    letter-spacing: 0.25em;
    animation-delay: 1.5s;
  }

  .c_director_credit {
    font-size: .68rem;
  }
	
  /* cleative director */

  .c_director .bl-container figure {
    margin: 0 0;
    width: 20%;
  }
  .c_director .bl-container figure img {
    width: 100%;
  }
  .c_director .bl-container .bl-col {
    width: 73%;
  }
  .c_director_text_title {
    font-size:1.0rem;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 0;
  }
  .c_director_name {
    margin: 20px 0;
    font-size: 16px;
    line-height: 1rem;
    text-align: start;
  }
  .c_director_name p.font-it {
    font-style: normal;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0;
  }
  .c_director_name p.font-lg {
    font-size: .8rem;
    margin-top: 10px;
    letter-spacing: 0;
  }

  .c_director_text p {
    font-size: 0.7rem;
  }
  .c_director_text blockquote {
    font-size: 0.7rem;
  }
  .c_director_text blockquote p span {
    font-size: 0.7rem;
  }

  /* artist */
  .artist .bl-container figure {
    width: 30%;
  }
  .artist .bl-container .bl-col {
    width: 70%;
    padding-left: 15px;
  }
  .artist_name {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    text-align: start;
  }
  .artist h1 {
    letter-spacing: .07rem;
    color: black;
    text-align: center;
  }
  .artist p {
    line-height: 2;
    letter-spacing: .07rem;
    color: #2a2a2a;
    text-align: start;
  }
	
  /* Access */
  .access_wrap iframe {
    aspect-ratio: 2/1;
    margin: 30px 0;
  }
	
  /* instagram */
  .instagram_container {
    margin: 0 auto;
  }
	
  /* footer */
  footer {
    padding: 60px 30px 20px 30px;
  }
  .footer_nav li:first-child a {
    width: 300px;
  }
  .footer_nav li:last-child a {
    width: 220px;
  }
  .footer_name {
    margin: 0 0;
    font-size: 1rem;
  }
  .footer_01 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1056px;
    margin: 0 auto;
  }
  .footer_01_pic {
    width: 30%;
  }
  p.footer_support {
    width: 100%;
    max-width: 900px;
    margin: 30px auto
  }
  span.footer_support_br::before {
    content: "";
  }
  .footer_01_info {
    width: 67%;
    text-align: start;
  }
  .footer_01_container {
    width: 100%;
  }
  .footer_01_container .sns_wrap {
    order: 1;
  }
  .footer_01_container .footer_name {
    order: 0;
  }
  .footer_01_info p {
    text-align: start;
    font-size: .8rem;
  }
  .footer_nav ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
  }
  .footer_nav li {
    width: 80%;
  }
  .footer_nav li a {
    display: block;
    margin: 10px auto;
  }
  .footer_nav li:first-child a {
    width: 200px;
  }
  .footer_nav li:nth-child(2) a {
    width: 200px;
  }
  .footer_nav li:last-child a {
    width: 100px;
  }
  .footer_nav li a img {
    width: 100%;
  }
  .sns_wrap {
    width: 100%;
    max-width: 100px;
    margin: 0;
    vertical-align: middle;
  }
  .sns_wrap ul {
    display: flex;
    justify-content: space-between;
  }
  .sns_wrap li {
    width: 20px;
  }

/* news */

.news_archive .bl-container.bl-flex::after{
  width: 30%;
}
.news_archive .bl-container .bl-col{
  width: 30%;

}

/* artist */

.artist_archive .bl-container .bl-col{
  width: 18%;
  overflow:hidden;
  margin:0 0 30px 0;
}
.artist_archive .bl-container::after{
  content:'';
  display:block;
  width: 18%;
  overflow:hidden;
  margin:0 0 30px 0;
}

.artist_article .bl-container .bl-col{
  width: 48%;
  margin:0 0 30px 0;
}

.artist_article .bl-container .artist_profile .bl-col:first-child{
  width:30%;
}
.artist_article .bl-container .artist_profile .bl-col:last-child{
  width:65%;
}
.artist_profile_image{
  width:100%;
  margin:0 0;
}


/* event */

.event_archive .bl-container.bl-flex::after{
  content:'';
  display:block;
  width: 30%;
}

.event_archive .bl-container .bl-col{
  width: 30%;
  margin:0 0 30px 0;
}
.event_article .bl-container .bl-col{
  width: 48%;
  margin:0 0 30px 0;
}
.event_article .bl-container .bl-col:first-child{
  order:0;
}
.event_article .bl-container .bl-col:last-child{
  order:1;
}

.event_article_planner .bl-col:first-child{
  width:30%;
}
.event_article_planner .bl-col:last-child{
  width:65%;
}


/* English */

  .english_info_container{
    display: flex;
  }
  
  .english_info_block:last-child{
    margin-left: 100px;
  }

/* Privacy Policy */
.privacy_info_contents{
  margin-top: 25px;
}

.contact_form th{
  width:30%;
  display:table-cell;
}
.contact_form td{
  width:70%;
  display:table-cell;

}


}