@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;
}
.disnone{display: none;}
.mart-60{margin-top: -120px!important;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}



@media screen and (max-width: 768px){
body {
background-image:url("../img/back_sp.jpg")!important; 
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
background-size: cover;}	
	
.catch {text-align:center; margin-top:25px; margin-bottom:5px!important; width:100%; max-width:430px; margin: auto;}
.catch img {width:100%; margin: auto;}	
	
.data {text-align:center;margin-top:5px; margin-bottom:10px!important; width:100%;max-width:390px; margin: auto;}
.data img {width:100%; margin: auto;}
	
.data02 {text-align:center;margin-top:5px; margin-bottom:10px!important; width:100%;max-width:360px; margin: auto;}
.data02 img {width:100%;margin: auto;}
	
.logo {text-align:center; width:100%; max-width:768px; margin: auto;}
.logo img {width:100%; margin-bottom: 20px!important; margin-top: 5px!important;}   
	
	
.spPlanartist{margin-top: 10px; border-bottom: dashed 1px #999;}
.spPlanartist h4{font-size: 16px; color: #036eb6; margin-bottom: -5px;margin-top: 15px!important;}
.spPlanartist p{font-size: 13px!important;}	
	

.top-head {margin-top:40px!important;}	

.about  {width: 90%; margin: auto; margin-top: 30px!important; }
.about img {width: 100%;  max-width: 680px; margin: auto!important;}
.about p {line-height:1.5; width:100%;  max-width:680px; margin:0 auto; padding:10px 0px; text-align: left; font-size: 19px; color:#1d1717; margin-top: 20px;}	
.entry{width: 100%;  max-width: 340px; margin-bottom: 80px!important; margin: auto; margin-top: 30px;}	
.entry h2{font-size: 21px;}	
	
.spArtist{width:85%; margin:auto; margin-bottom: 120px; max-width:768px; margin-top: 30px; }
.spArtist h2{margin-bottom: 30px;}
.spArtistWrap{width:100%; max-width:768px; margin:auto; }
.spArtistWrap dl{width:90%; max-width:640px; display: block; margin-bottom: 30px!important; margin:auto;  }		
.spArtistWrap dt img{width:100%; max-width:374px; margin-bottom: 10px; }
.spArtistWrap dd h3{font-size: 20px; color:#036eb6!important;margin-bottom: 10px; }
.spArtistWrap dd span{display: block; font-size:15px; font-weight: bold;  color: #333!important;margin-bottom: 8px;}
.spArtistWrap dd p{font-size:13px; color: #333!important; margin-bottom: 10px!important;}
.spArtistWrap dd a{font-size:12px; color: #2DC283;}
		
	
.timetable{width:90%; margin: auto; margin-bottom: 80px!important; margin-top: 60px;}
.timetable h2{margin-bottom: 30px!important;}
.timetableWrap{margin: auto;}
.timetableWrap ul{}	
.timetableWrap li{margin-bottom: 10px;}		
.timetableWrap img{width: 80%; max-width:640px; margin: auto; padding-top:20px;}
.timetable p{font-size: 24px!important; color: #333!important;}	

.sponsored{width: 100%; margin: auto; background:#c8c9ca repeat!important;}
.sponsoredWrap{width: 100%; margin: auto; max-width:768px; padding: 20px 10px; }
.sponsoredWrap ul{}
.sponsoredWrap li{max-width: 768px; width:80%; margin: auto;}
.sponsoredWrap li:nth-child(2){max-width: 768px; width:80%; margin-top: 10px!important; margin: auto;}
.sponsoredWrap li:nth-child(3){max-width: 768px; width:80%; margin-top: 10px!important; margin: auto;}	
.sponsoredWrap li img{max-width: 768px; width: 100%;}	
.area{width:90%; margin:30px auto; max-width:768px; margin-top: 60px!important; }
.area p{font-size: 18px; font-weight: bold; text-align: center; color:#333; margin-top: 10px;}		
.area img {width:100%; max-width:380px; margin-top:10px; margin-bottom: 30px!important; }
	
.spPlan{width:70%; margin:auto; margin-bottom: 120px; max-width:768px; margin-top: 60px; }
.spPlanWrap{width:100%; max-width:480px;margin:auto; }
.spPlanWrap p{font-size:14px; color: #333!important; margin-bottom: 20px!important; margin-top: 20px!important; line-height: 1.5; text-align: left;}
.spPlanWrap ul{width:100%; margin-top: 15px;}	
.spPlanWrap li{font-size:11px; font-weight: bold; color: #333; line-height: 1.4; margin-bottom: 5px;}	

	
}	


@media screen and (min-width: 769px){
body {background-image:url( "../img/back.svg"); background-position:center top; background-attachment:fixed; background-size:cover; -webkit-background-size:cover;
}
.top-head {margin-top:40px!important;}	
	
.catch {text-align:center;}
.catch img {width:100%;max-width:700px; margin-bottom: 5px!important; margin-top: 20px!important;}
	
.logo {text-align:center;}
.logo img {width:100%;max-width:860px; margin-bottom: 10px!important; margin-top: 5px!important;}

.data {text-align:center; margin-bottom:5px; }
.data img {width:100%; max-width:520px;margin: auto;}
.data02 {text-align:center; margin-bottom:10px; }
.data02 img {width:100%; max-width:440px;margin: auto;}	

.about  {width: 100%; margin: auto; margin-top: 60px!important; margin-bottom: 60px!important;}
.about img {width: 100%; max-width: 680px; margin: auto!important;}
.about p {line-height:1.5; width:95%;  max-width:600px; margin:0 auto; padding:10px 0px; text-align: left; font-size: 22px; color:#1d1717; margin-top: 20px;}	
.entry{width: 640px;  max-width: 640px; margin-bottom: 80px!important; margin: auto; margin-top: 30px;}	
.entry h2{font-size: 30px;}

.sponsored{width: 100%; margin: auto; background:#c8c9ca repeat!important;}
.sponsoredWrap{width: 100%; margin: auto; max-width:768px; padding: 30px 0; }
.sponsoredWrap ul{}
.sponsoredWrap li{width: 364px; float: left; margin-right:40px;}
.sponsoredWrap li:nth-child(2){width: 364px; float: left; margin-right:0px;}
.sponsoredWrap li img{width: 364px;}	
	
.area{width:90%; margin:30px auto; max-width:768px; margin-top: 80px!important;}
.area p{font-size: 21px; font-weight: bold; text-align: center; color:#333; margin-top: 10px;}		
.area img {width:100%; max-width:420px; margin-top:10px; margin-bottom: 30px!important; }
	
.timetable{width:  100%; margin: auto;}
.timetable h2{margin-bottom: 30px!important;}
.timetableWrap{margin: auto;}
.timetableWrap ul{}		
.timetableWrap li{margin-bottom: 5px;}		
.timetableWrap img{width: 50%; max-width:480px; margin: auto; padding-top:20px;}
.timetable p{font-size: 28px!important; color: #333!important;}	
	
.spArtist{width:100%; margin:auto; margin-bottom: 120px; max-width:1160px; margin-top: 60px; }
.spArtist h2{margin-bottom: 30px;}
	
.spArtistWrap{width:100%; max-width:768px; margin:auto; }
.spArtistWrap dl{width:100%; max-width:374px; float: left; margin-right:20px!important; display: block;}	
.spArtistWrap dl:last-child{width:100%; max-width:374px; float: left; display: block;margin-right:0px!important;}		
.spArtistWrap dt img{width:100%; max-width:374px; margin-bottom: 10px; }
.spArtistWrap dd h3{font-size: 24px; color:#036eb6!important;margin-bottom: 10px; }
.spArtistWrap dd span{display: block; font-size:18px; font-weight: bold;  color: #333!important;margin-bottom: 8px;}
.spArtistWrap dd p{font-size:14px; color: #333!important; margin-bottom: 10px!important;}
.spArtistWrap dd a{font-size:13px; color: #2DC283;}
	
.spPlan{width:100%; margin:auto; margin-bottom: 120px; max-width:768px; margin-top: 60px; }
.spPlanWrap{width:100%; max-width:480px;margin:auto; }
.spPlanWrap p{font-size:16px; color: #333!important; margin-bottom: 20px!important; margin-top: 20px!important; line-height: 1.5; text-align: left;}
.spPlanWrap ul{width:100%; margin-top: 15px;}	
.spPlanWrap li{font-size:16px; font-weight: bold; color: #333; line-height: 1.5; margin-bottom: 5px;}		
}	


.spPlanartist{margin-top: 10px; border-bottom: dashed 1px #999;}
.spPlanartist h4{font-size: 20px; color: #036eb6; margin-bottom: -10px;margin-top: 20px!important;}
.spPlanartist p{font-size: 15px;}



#wrap {width:95%;max-width:1200px; margin:0 auto;}
#head { padding:0; background:none; width:95%; min-height:190px; margin: auto;}



.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;}




.act{width:100%; margin:auto; margin-bottom: 120px; max-width:1160px; margin-top: 60px; }
.act li{margin-bottom: 20px!important;}
.act img {width:95%; max-width:600px; margin-top:20px; }
.act p {line-height:1.2; margin:0 auto; padding:10px 0 0; text-align: center;  font-size: 20px; color:#fff; font-weight: bold; width:90%;}
.act a{line-height:1.1; margin:0 auto; padding:10px 0 0; text-align: center; font-size: 12px!important; color:#fff; font-weight: bold; width:90%;}
.act a:link{line-height:1.1; margin:0 auto; padding:10px 0 0; text-align: center; font-size: 12px!important; color:#fff; font-weight: bold; width:90%;
text-decoration: none;}

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

.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;
}
.data,.data img {
    transition:all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s 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;}
h2 {font-size:38px; font-weight:bold; color:#e50012; margin-bottom:0px; text-align: center; font-family:'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, 'sans-serif'; display: inline-block; line-height: 1.2;  }


.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'; 
	
}


	
.btn,
a.btn,
button.btn {
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
  display: inline-block;
  padding: 1rem 2rem;
  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--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
}
.btn--orange:hover,
a.btn--orange: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{margin: auto; text-align: center; }
.snsWrap li{ width:60px; display: block; float: left; }
.snsWrap li:last-child{ margin-left: 40px!important; }
.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;}	

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}


.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;
}