@charset "UTF-8";
/* CSS Document */

body{ color: #313131;
background-color:#fff;
-webkit-touch-callout: none;
 background-image:url(img24/bg_red.jpg);
 background-size:300px; background-repeat:repeat;
font-family: "Roboto", sans-serif;font-weight: 700;  font-style: normal;}

@media print {
	#no_print{display:none; width:640px;}
	#fp-wrap{ display:none;}}

/*img {pointer-events: none;}*/

img{ /* SPの長押し禁止 */
	    -webkit-touch-callout:none;
	    -webkit-user-select:none;
	    -moz-touch-callout:none;
	    -moz-user-select:none;
	    user-select:none;
	}


.fclear{clear:both;}
a img:hover{opacity: 0.8;}

.pc{}
.sp,
.br600{ display:none;}

.share{ display:none;}

ul{ margin: 0 !important;}

#main-content{ width: 1200px; margin: 0 auto; text-align: center;}

@media screen and (max-width: 1200px){
	#main-content{  width: 100%; margin: 0;}
}

@media screen and (max-width: 768px){
body{font-weight: bold; }
.pc{ display:none;}
.sp{ display:inline-block;}
.share{ display:inline; position:fixed; left:2%; bottom:8%; z-index:99; width:80px; }
	}
	
@media screen and (max-width: 600px){
.br600{display: inline-block;}
}

@media screen and (max-width: 500px){
.br500{ display:inline-block;}
}

.date{ display:none;}


.mplusr{font-family: 'M PLUS Rounded 1c', sans-serif;}
.smincho{font-family: 'Shippori Mincho', serif;}
.mplus{font-family:  'M PLUS 1p', sans-serif;}


/*タイムテーブル　タイトル*/
#t-table{ text-align: center; background-color:rgba(255,255,255,1); width: 80%; margin: 0 auto 80px; padding: 40px 0; max-width: 1000px;}

.title{text-align: center;}
img.logo{ width: 100%; max-width: 800px;}


h1{ background-color:#ac4ecc;
width: 100%; text-align: center; padding: 2px 0px 0px; margin: 0px auto; font-size: 60px;
font-family: "Roboto", sans-serif;font-weight: 700;  font-style: normal; color: #fff;
line-height: 115%;
}

h2{ color: #313131; margin: 30px auto ; text-align: left; display: inline-block;font-family: "Roboto", sans-serif;font-weight: 700;  font-style: normal; 
}

.home{ text-align:center; margin:-50px auto 30px;}
.home2{ text-align:center; margin:-50px auto 30px;}

.home a,
.home2 a
{ color:#fff; text-decoration:none;font-weight:500; font-family: 'M PLUS Rounded 1c', sans-serif; font-size:16px;}

.home a:hover,
.home2 a:hover
{ color: #F0989A;}

#main-content2 .home a:hover,
#main-content2 .home2 a:hover
{ color: #88AEFF;}

ul.att{margin: 0px auto; width: fit-content; display: inline-block;}
ul.att li{ list-style: none; font-size: 14px; padding-bottom: 7px;
color: #313131; text-align: left; font-family: "Roboto", sans-serif;
font-weight: 700; font-style: normal; line-height: 130%;}

@media screen and (max-width: 768px){
#t-table{width: 96%; padding: 20px 0; margin: 0 auto 50px; }

	h1{ line-height: 140%;font-size: 44px;}
	h2{ font-size: 14px ; margin: 20px 15px;}
	
.home{ margin:-20px auto 30px;}
.home2{ margin:0px auto 50px;}

ul.att li{ margin: 0 20px;}

}




/*楽曲リスト　タイムテーブル*/
.slist{ display: block;text-align: center; vertical-align: top;}
.slist ul{text-align: left; display: inline-block; width: 70%; margin: 0 auto;}
.slist ul:first-child{ padding-top: 30px;}

.slist ul li{ background-repeat: no-repeat; padding:10px 10px 10px 25px;
background-image: url("img24/tlist-red.png");
 background-size: 14px; border-bottom: dotted 1px #ac4ecc; background-position: 4px 17px; font-size: 18px; font-weight: bold;color: #313131;word-break: keep-all;}
#main-content2 .slist ul li{background-image: url("img24/tlist-blue.png"); }

.jump{font-family:"Futura","Century Gothic","STSong","Comic Sans MS",sans-serif; 
font-size: 90%;}
.jump2{font-family:"Futura","Century Gothic","STSong","Comic Sans MS",sans-serif; 
font-size: 13px!important;}

.juju{font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 500;}


.slist ul li:first-child{ background-image: none; padding-left: 0; text-align: left;font-size: 22px; color: #d91c1a;font-weight: bold;}
#main-content2 .slist ul li:first-child{background-image: none; color: #1ca0df;}

.slist ul li:last-child
{ background-image: none; padding-left: 0; text-align: right; font-size: 14px; font-weight: normal; border-bottom: none; color: #d91c1a;}
#main-content2 .slist ul li:last-child{background-image: none;color: #1ca0df; }

 .slist ul li span{font-size: 14px !important;}
 
  .slist ul li.special,
 #main-content2 .slist ul li.special
  { background-color: #313131; color: #fff; margin: 10px ; background-image: none;width: fit-content; padding: 15px 10px 15px 15px;} 
  
  .slist ul li.special p{ color: #FFAEB0; font-weight: bold; line-height: 120%; padding-bottom: 10px;}
  #main-content2 .slist ul li.special p{ color:#88AEFF;}
  
    .slist ul li.special div,
 #main-content2 .slist ul li.special div{text-indent: -1em; padding-left: 1em;font-size: 18px; font-weight: bold; line-height: 130%;margin-bottom: 15px; }
 
 
 
 @media screen and (max-width: 1050px){
.slist ul{ width: 83%; }

}
		  
		  
@media screen and (max-width: 900px){
.slist ul{ width: 90%; }

.slist ul li{ font-size: 16px !important;background-position: 4px 15px; }
.slist ul li:first-child{ font-size: 22px !important;}

.slist ul li p.gomomo{ font-size: 14px;}

.slist ul li.special div,
 #main-content2 .slist ul li.special div{ font-size: 16px}
 
}


@media screen and (max-width: 768px){
	.slist ul {width: 95%;}
	.slist ul li{ font-size: 15px !important;padding:10px 10px 10px 25px;
	background-position: 0px 14px; }

 .slist ul li span{font-size: 12px !important;}
 
   .slist ul li.special{ margin: 10px 0;padding: 20px 10px 20px 15px;} 
	 .slist ul li.special p{ font-size: 20px; padding-right: 20px;}
	 
	 .slist ul li.special div,
 #main-content2 .slist ul li.special div{ font-size: 15px}
}