@charset "utf-8";

/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,ul,ol,dl,li,dt,dd,p,img,a,table,tr,th,td {margin:0;padding:0;border:0;font-size: 100%;vertical-align:baseline;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
article, header, footer, aside, figure, figcaption, nav, section {display:block;}
body {line-height: 1;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family:YuGothic, 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif';}
ol,ul {list-style:none; list-style-type:none;}
a {color:#000; text-decoration:underline;}
table {border-collapse:collapse;border-spacing:0;}
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}

.mart-60{margin-top: -120px!important;
}

@media screen and (max-width: 768px){
body {
 background-image:url("../img/back_sp.jpg")!important; background-position:center top; background-attachment:fixed;  background-size:cover; -webkit-background-size:cover;}	
.data {text-align:center;margin-top:20px; margin-bottom:10px!important; width:75%;max-width:580px; margin: auto;}
.data img {width:100%; max-width:580px;margin: auto;}
.free {text-align:center; margin-top:10px; margin-bottom:80px!important; width:80%;max-width:680px; margin: auto;}
.free img {width:100%; max-width:680px;margin: auto;}	
.logo {text-align:center; width:95%; margin: auto;}
.logo img {width:100%;max-width:768px; margin-bottom: 20px!important; margin-top: 25px!important;}    
h2 { margin: auto; text-align: center;}
h2 img{ height: 52px;}	
	
.col25{ display:inline-block; vertical-align:top;}
.col25 {width:49.5%;}

.col20 {display:inline-block; vertical-align:top;}
.col20 {width:49.5%;}	
	
.col30 {display:inline-block; vertical-align:top;}	
.col30 {width:49%;}	
    
.about {width: 100%; max-width: 780px; margin: auto; margin-bottom: 90px!important;}    
.about h2{color: #fff; font-size: 32px; font-weight:bold!important; margin-bottom: 20px;}   
.about p{color: #fff!important; font-size: 13px!important;}   	
.about img {width: 100%; max-width: 780px;}	
	
.timetableWrap{margin: auto;}
.timetableWrap img{width: 100%!important; max-width:680px; margin: auto; padding-top:20px;}	
	
}	
@media screen and (min-width: 769px){
body {background-image:url( "../img/back.jpg"); background-position:center top; background-attachment:fixed;  background-size:cover; -webkit-background-size:cover;}
h2 { margin: auto; text-align: center;}
	
h2 img{ height: 52px;}	
	
.col25{ display:inline-block; vertical-align:top;}
.col25 {width:49.5%;}

.col20 {display:inline-block; vertical-align:top;}
.col20 {width:49.5%;}		

.col30 {display:inline-block; vertical-align:top;}	
.col30 {width:49%;}
	
.data {text-align:center; margin-bottom:10px; }
.data img {width:100%; max-width:620px;margin: auto;}
.free {text-align:center; margin-bottom:80px!important; }
.free img {width:100%; max-width:620px;margin: auto;}	
	
}	
#wrap {width:95%;max-width:1200px; margin:0 auto;}

.top-head {min-height:260px; margin-top: 60px;}
#head { padding:0; background:none; width:95%; min-height:190px; margin: auto;}
.logo {text-align:center;}
.logo img {width:100%;max-width:820px; margin-bottom: 60px!important; margin-top: 25px!important;}

.timetable{width:  100%; margin: auto;}
.timetableWrap{margin: auto;}
.timetableWrap img{width: 35%; max-width:480px; margin: auto; padding-top:20px;}
.about  {width: 90%; margin: auto; margin-top: 60px!important;margin-bottom: 60px!important;}
.about img {width: 100%; max-width: 680px; margin: auto; margin-bottom: 15px;}
.about p {line-height:1.5; width:95%;  max-width:820px; margin:0 auto; padding:10px 15px; text-align: center; font-size: 23px; color: #fff; font-weight: bold;}

.event{width:100%; margin:0px auto 0!important; max-width:1160px; margin-bottom: 80px;}
.eventOutline{text-align: center; width:85%; margin: auto; }
.eventOutline h4{font-size: 30px; color:#f26ba6; font-weight: bold!important; line-height: 1.1;margin-top:10px;margin-bottom:10px;}

.ttl_ss{font-size: 22px!important; color:#f26ba6; font-weight: bold; line-height: 1.3; }

.eventOutline dl{ margin:5px  auto; text-align: center!important; display:inline-block;}
.eventOutline dt{float: left;  font-size: 18px; color:#f26ba6; font-weight: bold; }
.eventOutline dd{float: left; font-size: 18px; color:#f26ba6; font-weight: bold;}
.small_txt{font-size: 14px; color:#e62e41; font-weight: bold; margin-top:0px;}

.event_txt{font-size: 15px; color:#ff26ba6; font-weight: bold; line-height: 1.3; width: 100%; max-width: 580px; margin:20px auto;}


.guest_mc{width:100%; margin:120px auto; max-width:1160px; }
.guest_mc img {width:95%; max-width:600px; margin-top:20px; }
.guest_mc p {line-height:2; width:95%;  max-width:800px; margin:0 auto; padding:10px 15px; text-align: center; font-size: 20px; color:#f26ba6; font-weight: bold;}

.act{width:100%; margin:auto; margin-bottom: 120px; max-width:1160px; margin-top: 60px; }
.act ul{margin-top: 40px; }
.act li{margin-bottom: 50px; }
.act img {width:100%; max-width:600px; margin-top:10px; }
.act p {line-height:1.5; margin:0 auto; padding:5px 0 0; font-size: 11px!important; color:#fff; font-weight: bold; width:90%;}
.act h3 {font-size: 17px!important; color:#fff; margin-top: 10px; line-height:1.2;}
.f-h3{font-size: 12px!important;}
.act span { font-size: 13px; color:#fff; font-weight: bold;}



.artist_ss{line-height:1.2; margin:10 auto!important; text-align: center; font-size: 15px!important; color:#fff!important; font-weight: bold;}

.Crowdfundingxt{width:95%; margin:auto; margin-bottom: 120px; max-width:1160px;z-index: 10!important; position: relative;}
.Crowdfundingxt img{width:95%; max-width:480px;}

.contact{width:95%; margin:auto; margin-bottom:0px; max-width:1660px; }

.contact p{width:95%; margin:auto; line-height: 2; font-size: 20px; color:#f26ba6;}
.contact p a{line-height: 2; font-size: 22px; color:#f26ba6;}
.contact p a:last-child{line-height: 2; font-size: 18px; color:#f26ba6;}


.icn img {width:30px; border-radius:5px; margin-top:15px; margin-right:10px;}
.marb50 {margin-bottom:50px;}
.marb40 {margin-bottom:40px!important;}
.marb30 {margin-bottom:30px;}	
.marb20 {margin-bottom:20px;}
.tt {width:90%; max-width:600px; margin:0 auto; background-color:rgba(255,255,255,.2)}
.tt th,.tt td {border:1px solid rgba(255,255,255,.5); padding:10px 15px;}
.tt th {text-align:center;}
.tt td {text-align:left; font-size:20px;}
.tt tr:nth-child(1) td{font-size:16px;}

/* transition */
#head,
.logo,.logo img {
    transition:all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

/* fixed */
#head.fixed {padding:10px 0; background:rgba(255,255,255,.4); position:fixed; top:0; min-height:50px;}
.fixed .about {display:none;}
.fixed #menu {display:block;}

.panel {margin:100px 0;}
.img-h {width:100%; max-width:960px;}
.img-m {width:80%; max-width:500px;}

.c {text-align:center!important;}





.text-box {line-height:1.3; padding:15px; text-shadow:0 0 4px #f26ba6;}
.text-box_info	{line-height:1.3; padding:15px; text-shadow:0 0 6px #f26ba6;font-size:15px;}
.nosmt {display:none;}
.music-wrap {border: 1px solid #f26ba6; padding-bottom: 0px;background: #f26ba6; color: #f26ba6;}
.music-wrap div:nth-last-of-type(n) {display: inline-block; vertical-align: middle;}
.music { padding: 10px; margin-bottom: 0px; width: 60%}
audio {width: 150px;}
.c_txt{font-size: 27px; line-height: 32px; color: #f26ba6; margin-top: 20px!important; font-weight: bolder;
text-align: center;display: inline-block;
}

.credit{width:95%; margin:auto; max-width:1660px; margin-top: 100px; margin-bottom:80px!important;}
.credit ul{ width: 100px; margin: auto; margin-bottom: 10px;}
.credit li{ width: 	40px; float: left;}
.credit li img{ width: 	40px;   border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;}
.credit li:last-child{ width: 40px; float: right;}
.credit p{font-size: 15px;  color: #f26ba6!important;font-weight: bolder;
text-align: center; display: inline-block; line-height: 1.3;}
.credit a{ text-decoration: none; font-size: 11px; margin-top:10px;color: #f26ba6!important; }


.sponser{width:100%; margin:auto; max-width:1660px; margin-top: 80px; margin-bottom:10px!important;}
.sponserWrap{width:90%; margin:auto; max-width:880px;}
.sponserWrap ul{ margin-top: 30px;}
.sponserWrap li{ width: 280px; margin: auto; text-align: center;}
.sponserWrap img{ width: 280px;}


.backfooter{ width: 100%; margin: auto; margin-bottom: -180px; position: relative; z-index: -10000!important;}
.backfooter img{ width: 100%; margin: auto;}


.hp_icon{ 
	content: "";
	margin-top:10px;
    display: inline-block;   
	padding-left: 20px;
    line-height: 20px;
    background: url( "../img/hp_logo.svg") no-repeat;
    text-align: left;
     font-size:11px;
	margin-top: -20px;
	color: #38395f;
	vertical-align: middle;
	font-family:'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, 'sans-serif'; 
	
}

.sns_icon03{ 
	content: "";
    display: inline-block;   
	padding-left: 20px;
    line-height: 20px;
    background: url( "../img/tw_logo.svg") no-repeat;
	margin-top: -20px;
    text-align: left;
    font-size:11px;
	color: #38395f;
	vertical-align: middle;
	font-family:'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, 'sans-serif';   

}

.sns_icon04{ 
	content: "";
    display: inline-block;   
	padding-left: 20px;
    line-height: 20px;
    background: url( "../img/insta_logo.svg") no-repeat;
	margin-top: -20px;
    text-align: left;
    font-size:11px;
	color: #38395f;
	vertical-align: middle;
	font-family:'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, 'sans-serif'; 

}

.ticketWrap02{width: 95%; margin-bottom: 60px!important; margin: auto; margin-top: 30px; max-width:760px; }	
	.ticketWrap02 span{ font-size: 1.4rem;}

.panfWrap02{width: 95%; margin-bottom: 60px!important; margin: auto; margin-top: 30px; max-width:760px; }	
	.panfWrap02 span{ font-size: 1.4rem;}
	

	
.btn,
a.btn,
button.btn {
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
  display: inline-block;
  padding: 1rem 2.4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}


.btn--orange02,
a.btn--orange02 {
  color: #fff;
  background-color: #eb6100;
}
.btn--orange02:hover,
a.btn--orange02:hover {
  color: #fff;
  background: #f56500;
}

a.btn--radius {
   border-radius: 100vh;
}
	
.ticket{ margin-top: 60px!important; margin-bottom: 60px!important;}	
.panf{ margin-top: 60px!important; margin-bottom: 60px!important;}	
	

.sns{width:100%; margin:auto; margin-top: 40px;}	
.snsWrap{width:100%; margin:auto;  max-width:160px; margin-top: 30px; margin-bottom: 60px;}
.snsWrap ul{ }
.snsWrap li{ width:60px; display: block; margin: auto; text-align: center; }

.snsWrap li img{ width:60px;   border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;}	

.campfire{ width:90%; margin: auto;}	
.campfireWrap{ width:100%; margin: auto; max-width: 700px; margin-top: 40px;}	
.campfireWrap h4{ color:#e62e41; font-size: 19px; 	
	 display: inline-block;
	margin-top: 20px; margin-bottom:10px; 
}	
.campfireWrap p{ color:#fff; font-size: 15px; font-weight: bold;
}	

.campfireWrap img{ width:100%; margin: auto; max-width: 700px;}	

@media screen and (min-width: 960px) {/* desktop */
	.campfireWrap h4{ color:#e62e41; font-size: 23px; 	
	 display: inline-block;
	margin-top: 20px; margin-bottom:10px; 
}	
.campfireWrap p{ color:#fff; font-size: 16px; font-weight: bold;
}	
	
	
.timetableWrap{width: 1060px; margin: auto;}	
.nosmt {display:inline;}
.nopc {display:none;}
#head.fixed {min-height:95px;}
.fixed img {max-width:300px;}
#menu li { padding-top:15px}
#menu li a {font-size:20px; padding:0 10px}
.col25,.col30,.col40,.col50,.col60,.col70 { display:inline-block; vertical-align:top;}
.col50 {width:49.5%;}
.col30 {width:32.5%;}
.col25 {width:25%;}
.col20 {width:20%;}	
	
.marb50 {min-height:33px;}
.marb40 {min-height:320px;}	
	
    
.about {width: 100%; max-width: 980px; margin: auto; margin-bottom: 90px;}    
.about h2{color: #fff; font-size: 32px; font-weight:bold!important; margin-bottom: 20px;}   
.about p{color: #fff; font-size: 13px;}   	
.about img {width: 100%; max-width: 780px;}

	
.contact{width:95%; margin:auto;  max-width:1160px; }
.contact p{width:95%; margin:auto; line-height: 2; font-size: 20px; color: #fff; }
.contact p a{line-height: 2; font-size: 22px; color: #363a5f;}
.contact p a:last-child{line-height: 2; font-size: 18px; color: #363a5f;}	
	
.credit{width:95%; margin:auto; margin-bottom:80px!important;  max-width:640px; margin-top: 60px;}
.credit p{font-size: 14px;  color: #f26ba6;font-weight: bolder;
text-align: center; font-family:'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, 'sans-serif'; display: inline-block;
	line-height: 1.8;}
	
	
.eventOutline h4{font-size: 42px; color:#f26ba6; margin-bottom:5px;  margin-top: 10px; font-weight: bold!important; line-height: 1.3!important;}

.ttl_ss{font-size: 25px!important; color:#f26ba6; font-weight: bold; line-height: 1.1;}	
	
	
.eventOutline dl{ margin:10px  auto; text-align: center!important; display:inline-block;}
.eventOutline dt{float: left;  font-size: 19px; color:#f26ba6; font-weight: bold; }
.eventOutline dd{float: left; font-size: 19px; color:#f26ba6; font-weight: bold;}	
	
	

	
.ticketWrap02{width: 700px; margin-bottom: 100px!important; margin: auto; margin-top: 30px;}	
	.ticketWrap02 span{ font-size: 2rem;}
	
.panfWrap{width: 700px; margin-bottom: 100px!important; margin: auto; margin-top: 30px;}	
	.panfWrap span{ font-size: 2rem;}
	
	
.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
	
.btn--orange02,
a.btn--orange02 {
  color: #fff;
  background-color: #eb6100;
}
.btn--orange02:hover,
a.btn--orange02:hover {
  color: #fff;
  background: #f56500;
}

a.btn--radius {
   border-radius: 100vh;
}
	
.ticket{ margin-top: 60px!important; margin-bottom: 60px!important;}	
	

	

}

.youtube2 {
  position: relative;
  width: 100%;
 max-width: 1060px;
	margin: auto;
  padding-top: 56.25%;
}
.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


.btn--orange,
a.btn--orange {
margin: auto;	
border-radius: 10px;	
  color: #fff;
	display: block;
  background-color: #eb6100;
	width: 90%!important;
	max-width: 740px!important;
	padding: 25px;
	text-decoration: none;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}