/* 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%;}
ol,ul {list-style:none; list-style-type:none;}
table {border-collapse:collapse;border-spacing:0;}
.c{ margin: auto!important; text-align: center;}
/* clearfix */
*:after {
  display: block;
  clear: both;
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
}
a {color:#000; text-decoration:underline;}
body {
 background-image:url(""); background-position:center top; background-attachment:fixed;  background-size:contain; -webkit-background-size:contain; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
#wrap {width:95%;max-width:960px; margin:0 auto;}
#sakulive {margin:20px 0;text-align:center; font-weight:bold; font-size:15px; line-height: 1.7;  color:#fff;}

#head { padding:0; background:none; width:100%; min-height:190px;}
.logo {text-align:center;}
.logo img {width:100%;max-width:490px;}
#menu  li {display:inline-block;}
#menu li a {width:60px; padding:10px 5px; font-size:14px; color:#ff0;}
#menu {display:none; position:absolute; top:18px; right:0;}

.icn img {width:50px; border-radius:5px; margin-top:15px; margin-right:10px;}
.marb50 {margin-bottom:50px;}
.mart30{margin-top:30px;}
.mart60{margin-top:60px;}
.mart10{margin-top:10px;}
.marb10{margin-bottom:10px;}
.r{text-align: right;}
.ts{font-size: 12px;}
.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;}
.stPink{font-weight: bold; color: #333!important; font-size: 20px; background:linear-gradient(transparent 70%, #fc99ce 10%); }

/* 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 .logo {text-align:left;}.fixed img {max-width:120px;}
.fixed .about {display:none;}
.fixed #menu {display:block;}

.panel {margin:100px 0; text-align: center;}
.img-h {width:100%; max-width:960px;}
.img-l {width:90%; max-width:860px;}
.img-ms {width:85%; max-width:600px; margin-top: 0px;}
.img-m {width:80%; max-width:500px;}
.img-s {width:70%; max-width:480px;}
.img-ss {width:65%; max-width:440px;}
.img-sss {width:65%; max-width:400px;}


.f-ss{font-size:10px!important;}

.c {text-align:center;}
h2 {font-size:45px; font-weight:normal; color:#ef74a2; margin-bottom:50px; text-shadow:0 0 3px #fff; text-align: center; 	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";  }
h3 {font-size:28px; border-bottom:1px solid rgba(255,255,255,.5); padding:15px 10px 10px 10px; position: relative }
h3 div {position: absolute; right: 0; bottom: 0;}
h3 img{width: 280px;}

.text-box {line-height:1.3; padding:15px}
.nosmt {display:none;}
.music-wrap {border: 1px solid #222; padding-bottom: 0px;background: #222; color: #fff;}
.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;}
.text-box_info{margin-top: 30px; font-size: 11px; color: #444;}


.textblue{font-size: 18px; color: #196db4; font-weight: bold;}
	
@media screen and (min-width: 640px) {/* desktop */
	
.nosmt {display:inline;}
.nopc {display:none;}
body {background-image:url("../img/back.jpg"); background-size:cover; -webkit-background-size:cover;}
.top-head {min-height:300px;}
#head.fixed {min-height:95px;}
.fixed img {max-width:300px;}
#menu li { padding-top:15px}
#menu li a {font-size:20px; padding:0 10px}
.col30,.col40,.col50,.col60,.col70 { display:inline-block; vertical-align:top;}
.col50 {width:49.5%;}
.marb50 {min-height:333px;}
	
.youtubeWrap{width: 960px!important;
    margin: auto!important;
    margin-top: 40px;
  }
.youtubeWrap ul{ margin: auto;}	
.youtubeWrap li{float: left; margin-right: 40px;}
.youtubeWrap li:last-child{float: left; margin-right: 0px;}	
.youtubeWrap iframe{width: 960px!important; height: 520px; 
  }	

 .holdWrap {
    width: 740px!important;
    margin: auto!important;
    margin-top: 40px!important;
  }
	
.holdWrap h3{
font-size: 34px;
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
color: #cd609b!important;
	font-weight: bold;
	margin-bottom: 10px!important;
	text-align: center!important;
  }	
	
 .holdWrap p{
	text-align: center!important; 
   font-size: 16px;
   line-height:2.0; 
   font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";	
   color: #333; 
  }	
		
	
	
.holdWrap02 {
    width: 740px!important;
    margin: auto!important;
	margin-top: -80px!important;
	
  }
	
.holdWrap02 h3{
font-size: 25px;
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
color: #cd609b!important;
	font-weight: bold;
	text-align: center!important;
  }	
	
 .holdWrap02 p{
	text-align: center!important; 
   font-size: 16px;
   line-height:2.0; 
   font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";	
   color: #333; 
  }	
			
	
 .footerW	{width: 100%; height: 90px; background:  repeat-x #d6d6d6; z-index: 111111!important;
	 }	
 .footerWrap	{width: 960px; height: 90px; margin: auto;padding-top:10px;
	 }		
	 .footerWrap img{width: 170px; padding-top:10px;
	 }		
	
	
	.ticketWrap{
	 width: 960px!important;
	margin: auto;
		margin-top: 40px!important;
	}
	
	.bnrWrap{
	 width: 960px!important;
	margin: auto;
		margin-top: 80px!important;
			margin-bottom: 40px!important;
	}
	
.ticketWrap img	{
	margin: auto!important;
	text-align: center!important;
	}
	
	
 .artistWrap {
    width: 1080px!important;
    margin: auto!important;
    margin-top: 40px;
  }
	
	
	
 .artistWrap h2 {
  margin-top: 90px; 
  position: relative;
  padding: 1.2rem;
  font-size: 53px!important;  
  text-align: center;
	 font-weight: bold;
  color: #dd4d9a;	 
}

 .artistWrap h2:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height:4px;
  content: '';
  border-radius: 3px;
  background: #dd4d9a;
}	
	
	
	.artist_w h3 {
 position: relative;
  padding: 1.5rem 2rem 0.6rem 115px;
  border-bottom: 2.2px solid #e678b4;
		 font-size: 29px;
		color:#e678b4!important;
}

.artist_w h3 span {
  font-family: 'Roboto', sans-serif;
  font-size: 100px;
  font-size: 9rem;
  line-height: 1;
  position: absolute;
  bottom: -1.7rem;
  left: 0;
color:#e678b4!important;	
}
	
	.artist_w{margin-top:100px!important;}
	
	.artist_w ul{ margin-top: 30px;}
	.artist_w li{ float: left; margin-right: 20px!important; width: 255px; position: relative;}
	.artist_w li:last-child{margin-right: 0px!important;}
	.artist_w li img{ width: 255px;}
	.artist_w li h4{font-size:18px;font-weight: bold;padding-top: 10px!important; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; text-align: center; color: #e678b4;}
	.artist_w li a{text-decoration: none;}
	.artist_w li a:link{text-decoration: none;}
	
	.artist_w li span::before{content: "";
    top: 0;
    left: 0;
    border-bottom: 3.4em solid transparent;
    border-left: 3.4em solid #bc3023; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;}
	
	.artist_w li span::after{ content: "New!";
    display: block;
    top: 10px;
    transform: rotate(-45deg);
    color: #fff; /* 文字色はここで変更 */
	font-family: Arial, Helvetica, "sans-serif" !important;
    left: 0;
    position: absolute;
    z-index: 101;}	

	
	
	
	.artist_w02 h3 {
 position: relative;
  padding: 1.5rem 2rem 0.6rem 105px;
  border-bottom: 2.2px solid #00a0ff;
		 font-size: 29px;
		color: #00a0ff!important;
}

.artist_w02 h3 span {
  font-family: 'Roboto', sans-serif;
  font-size: 100px;
  font-size: 9rem;
  line-height: 1;
  position: absolute;
  bottom: -1.7rem;
  left: 0;
color:#00a0ff!important;	
}
	
	.artist_w02{margin-top:80px!important;}
	
	.artist_w02 ul{ margin-top: 30px;}
	.artist_w02 li{ float: left; margin-right: 20px!important; width: 255px;position: relative;}
	.artist_w02 li:last-child{margin-right: 0px!important;}
	.artist_w02 li img{ width: 255px;}
	.artist_w02 li h4{font-size:18px;font-weight: bold;padding-top: 10px!important; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; text-align: center; color: #00a0ff;}
	.artist_w02 li a{text-decoration: none;}
	.artist_w02 li a:link{text-decoration: none;}
	
	.artist_w02 li span::before{content: "";
    top: 0;
    left: 0;
    border-bottom: 3.4em solid transparent;
    border-left: 3.4em solid #bc3023; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;}
	
	.artist_w02 li span::after{ content: "New!";
    display: block;
    top: 10px;
    transform: rotate(-45deg);
    color: #fff; /* 文字色はここで変更 */
	font-family: Arial, Helvetica, "sans-serif" !important;
    left: 0;
    position: absolute;
    z-index: 101;}	
	
	
	
#live{width: 860px; margin: auto;}
#live h2 {
  margin-top: 90px; 
  position: relative;
  padding: 1.2rem;
  font-size: 53px!important;  
  text-align: center;
  font-weight: bold;
  color: #dd4d9a;	 
}

#live h2:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height:4px;
  content: '';
  border-radius: 3px;
  background: #dd4d9a;
}	
	
	.liveinfo{width: 880px; margin: auto; margin-bottom: 20px;}	
	.day{font-size: 38px!important; line-height: 1.4; color:#256db4!important; font-weight: bold;	}	
	.time{font-size: 23px!important; line-height: 1.4; color:#333;}	
	.ticket{font-size: 18px!important; line-height: 1.6; color:#333;}	
	
.liveWrap{width: 580px; margin: auto; margin-bottom: 120px;}
.liveWrap img{width: 580px;}

	
	section {
    display: flex;
}
.one {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 10vh;
    padding: 20px;
}
.bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: -1;
}
.show .bg {
    opacity: 1;
}

.bg._02 {
    background-image: url("../img/background_02.jpg");
}
		.top-head {width: 100%; background-image: url("../img/background.jpg"); margin-top: -20px; padding-bottom: 60px; 
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: fixed;
    top: 0;
z-index: -100!important;}
	
.contentsWrap{z-index: 10000!important; margin-top: 780px; background: #fff;background-repeat: repeat; width: 100%; padding-top: 25px; margin-bottom: 320px;padding-bottom: 30px;}
	

.timetableW	{
	margin: auto;
	margin-top: 80px!important;
	margin-bottom: 40px!important;
	}	
	
.timetableW	dl{float: left; margin-right: 20px;
	}	
	
.timetableW	dl:nth-child(4) {float: left; margin-right: 0px!important;
	}	
.timetableW	dt{font-size: 20px; font-weight: bold; text-align: center; margin-bottom: 15px; color: #dd4d9a;	
	}
.timetableW	dd{width: 255px;}

.timetableW	dd img{width: 255px;}
}

@media screen and (max-width: 639px) {
	
	.top-head {width: 100%; background-image: url("../img/background.jpg"); margin-top: -20px; padding-bottom: 60px; 
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: fixed;
    top: 0;
z-index: -100!important;}
.contentsWrap{z-index: 10000!important; margin-top: 760px!important; background: #fff;background-repeat: repeat; width: 100%; padding-top: 10px; margin-bottom: 320px;padding-bottom: 30px;}
	
	
 .artistWrap {
    width: 95%!important;
    margin: auto!important;
    margin-top: 40px;
  }
	
	
	
 .artistWrap h2 {
  margin-top: 90px; 
  position: relative;
  padding: 1.2rem;
  font-size: 46px!important;  
  text-align: center;
	 font-weight: bold;
  color: #dd4d9a;	 
}

 .artistWrap h2:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height:4px;
  content: '';
  border-radius: 3px;
  background: #dd4d9a;
}	
	
	
	.artist_w h3 {
 position: relative;
  padding: 1.5rem 2rem 0.6rem 82px;
  border-bottom: 2.2px solid #e678b4;
		 font-size: 28px;
		color:#e678b4!important;
}

.artist_w h3 span {
  font-family: 'Roboto', sans-serif;
  font-size: 70px;
  font-size: 7rem;
  line-height: 1;
  position: absolute;
  bottom: -1.7rem;
  left: 0;
color:#e678b4!important;	
}
	
	.artist_w{margin-top:100px!important;}
	
	.artist_w ul{ margin-top: 30px;}
	.artist_w li{ width: 49%; margin: auto; margin-bottom: 30px; float: left;  position: relative;}
	.artist_w li:nth-child(2n){ width: 49%; margin: auto; margin-bottom: 30px; float: right;  position: relative;}
	.artist_w li img{ width: 100%; max-width: 600px;}
	.artist_w li h4{font-size:17px;font-weight: bold;padding-top: 10px!important; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; text-align: center; color: #e678b4;}
	.artist_w li a{text-decoration: none;}
	.artist_w li a:link{text-decoration: none;}
	
	
.artist_w li span::before{content: "";
    top: 0;
    left: 0;
    border-bottom: 3.4em solid transparent;
    border-left: 3.4em solid #bc3023; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;}
	
	.artist_w li span::after{ content: "New!";
    display: block;
    top: 10px;
    transform: rotate(-45deg);
    color: #fff; /* 文字色はここで変更 */
	font-family: Arial, Helvetica, "sans-serif" !important;
    left: 0;
    position: absolute;
    z-index: 101;}	

	
	.artist_w02 h3 {
 position: relative;
  padding: 1.5rem 2rem 0.6rem 82px;
  border-bottom: 2.2px solid #00a0ff;
font-size: 28px;
		color:#00a0ff!important;
}

.artist_w02 h3 span {
  font-family: 'Roboto', sans-serif;
  font-size: 70px;
  font-size: 7rem;
  line-height: 1;
  position: absolute;
  bottom: -1.7rem;
  left: 0;
color:#00a0ff!important;	
}
	
	
	.artist_w02{margin-top:100px!important;}
	
	.artist_w02 ul{ margin-top: 30px;}
	.artist_w02 li{ width: 49%; margin: auto; margin-bottom: 30px; float: left;  position: relative;}
	.artist_w02 li:nth-child(2n){ width: 49%; margin: auto; margin-bottom: 30px; float: right;  position: relative;}
	.artist_w02 li img{ width: 100%; max-width: 600px;}
	.artist_w02 li h4{font-size:17px;font-weight: bold;padding-top: 10px!important; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; text-align: center; color:#00a0ff;}
	.artist_w li a{text-decoration: none;}
	.artist_w li a:link{text-decoration: none;}
	
		.artist_w02 li span::before{content: "";
    top: 0;
    left: 0;
    border-bottom: 3.4em solid transparent;
    border-left: 3.4em solid #bc3023; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;}
	
	.artist_w02 li span::after{ content: "New!";
    display: block;
    top: 10px;
    transform: rotate(-45deg);
    color: #fff; /* 文字色はここで変更 */
	font-family: Arial, Helvetica, "sans-serif" !important;
    left: 0;
    position: absolute;
    z-index: 101;}	
	
	
		
	
#live{width: 100%; margin: auto;}
#live h2 {
  margin-top: 80px; 
  position: relative;
  padding: 1rem;
  font-size: 40px!important;  
  text-align: center;
  font-weight: bold;
  color: #dd4d9a;	 
}

#live h2:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height:4px;
  content: '';
  border-radius: 2px;
  background: #dd4d9a;
}		
	
.liveWrap{width: 90%; margin: auto; margin-bottom: 80px;}
.liveWrap img{width: 100%; max-width: 610px}

	
		
.youtubeWrap{width: 100%!important;
    margin: auto!important;
    margin-top: 40px;
  }
.youtubeWrap ul{ margin: auto;}	
.youtubeWrap li{ margin-top: 20px;}
.youtubeWrap li:last-child{margin-right: 0px;}	
.youtubeWrap iframe{width: 95%!important; height: 280px; 
  }	
	
	section {
    display: flex;
}
.one {
    display: flex;
    align-items: center;
    width: 100%;
	 max-width: 640px;
    min-height: 30vh;
    padding: 20px;
}
.bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: -1;
	 max-width: 640px; 
}
.show .bg {
    opacity: 1;
}

.bg._02 {
    background-image: url("../img/background_02.jpg");
}


	
	

 .holdWrap {
    width: 90%!important;
    margin: auto!important;
    margin-top: 10px!important;
  }
	
.holdWrap h3{
font-size: 29px;
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
color: #cd609b!important;
	line-height:1.2; 
	font-weight: bold;
	margin-bottom: 10px!important;
	text-align: center!important;
  }	
	
 .holdWrap p{
	text-align: center!important; 
   font-size: 14px;
   line-height:1.8; 
   font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";	
   color: #333; 
  }	
	
	
 .holdWrap02 {
    width: 90%!important;
    margin: auto!important;
    margin-top: -30px!important;
  }	
	
.holdWrap02 h3{
font-size: 23px;
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
color: #cd609b!important;
	font-weight: bold;
	text-align: center!important;
  }	
	
 .holdWrap02 p{
	text-align: center!important; 
   font-size: 14px;
   line-height:2.0; 
   font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";	
   color: #333; 
  }	
	
	.liveinfo{width: 90%; margin: auto; margin-bottom: 20px;}	
	.day{font-size: 27px!important; line-height: 1.4; color:#256db4!important; font-weight: bold;	}	
	.time{font-size: 18px!important; line-height: 1.4; color:#333;}	
	.ticket{font-size: 15px!important; line-height: 1.6; color:#333;}	
		
 .footerW	{width: 100%; height: 80px; background:  repeat-x #d6d6d6; z-index: 111111!important;
	 }	
 .footerWrap	{width: 90%; height: 80px; margin: auto;padding-top:10px;
	 }		
.footerWrap img{width: 160px; padding-top:10px;  }		
	
	
	.ticketWrap{
	 width: 100%!important;
	margin: auto;
		margin-top: 30px!important;
	}
	
	.bnrWrap{
	 width: 100%!important;
	margin: auto;
		margin-top: 30px!important;
			margin-bottom: 30px!important;
	}
	
.ticketWrap img	{
	max-width: 880px;
	margin: auto!important;
	text-align: center!important;
	}
	
	
.timetableW_sp	{
	margin: auto;
	margin-top: 60px!important;
	}	
	
.timetableW_sp dl{float: left; width:47%;
	}	
	
.timetableW_sp dl:nth-child(2) {float: right; width:47%; 
	}	
.timetableW_sp dt{font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 15px; color: #dd4d9a;	
	}
.timetableW_sp dd{width:100%;}

.timetableW_sp dd img{width:100%;　max-width: 600px;}
		
	
	
	
	
	}

	
.scroll-fade{opacity: 0; transition: all 1s/*処理にかかる時間*/;}
.scroll-up{opacity: 0; transform: translateY(100px)/*スクロールアップする距離*/; transition: all 1.2s/*処理にかかる時間*/;}
.scroll-up.done, .scroll-fade.done{opacity : 1; transform : translate(0, 0);}
.load-fade {opacity : 0; transition : all 1s/*処理にかかる時間*/;}
.load-up{opacity: 0; transform: translateY(100px)/*スクロールアップする距離*/; transition: all 1s/*処理にかかる時間*/;}
.load-up.done, .load-fade.done{opacity : 1; transform : translate(0, 0);}