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

body{color: #161616;
background-color:#8f0000;-webkit-touch-callout: none;
 
font-family:  'M PLUS 1p', sans-serif;}

@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,
.br960,
.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: -10px auto 80px; padding: 40px 0; max-width: 1000px;}

.title{text-align: center;}
img.logo{ width: 100%; max-width: 1000px;}
img.logo_sp{ display: none;}


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; position: fixed; left: 5%; bottom: 5%; background-color: #8f0000; border: 1px solid rgba(232,255,87,0.5);
width: 80px;  border-radius: 50%; height: 40px; padding: 20px 0; line-height: 1.2; z-index: 99;}


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

.home:hover{  box-shadow:0 0 1px #fbc19a, 0 0 1px #fbc19a, 0 0 1px #fbc19a, 0 0 10px #fe944e, 0 0 5px #fe944e, 0 0 10px #fe944e, 0 0 10px #fe944e, 0 0 10px #fe944e; }


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%;}
ul.att li span{font-size: 18px; font-family:'M PLUS 1p', sans-serif;font-weight: 500;}

@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;}
	
	
img.logo{ display: none;}
img.logo_sp{ display: inline-block;}

.home{ left: inherit; right: 0; bottom: inherit; top: 70px;}

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

}




/*楽曲リスト　タイムテーブル*/
.slist{ display: block;text-align: center; vertical-align: top;}
.slist ul{text-align: left; display: inline-block; width: 75%; 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("img25/tlist-red.jpg");color: #313131;
 background-size: 14px; border-bottom: dotted 1px #ac4ecc; background-position: 4px 17px; font-size: 18px; font-weight: 500;word-break: keep-all;}

/*
.slist ul li:nth-child(even){color: #313131;}
.slist ul li:nth-child(odd){color:#f3001d; }*/

.slist ul li:first-child{ background-image: none; padding-left: 0; text-align: left;font-size: 22px; color: #d91c1a;font-weight: bold;}
.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;}
 
 /*.slist ul li p{ font-weight: 500; display: inline-block; color:#fb7268; }*/
 .slist ul li span{font-size: 14px !important; font-weight: 600;}
 .slist ul li span.kakko{font-size: 18px!important; font-weight: 500!important;}
 .slist ul li span.sixtones{font-size: 18px!important; font-weight: 500!important; display: inline-block; margin: 0 10px;}

 
  .slist ul li.special,
 #main-content2 .slist ul li.special
  { background-color: #535353; color: #fff; margin: 20px 0 0 20px; background-image: none;width: 320px; padding: 15px 15px 20px 15px;} 
   #main-content2 .slist ul li.special{width: fit-content;}
   
   
  .slist ul li.special p{ color: #FFAEB0; font-weight: bold; line-height: 120%; padding-bottom: 10px;}
  
    .slist ul li.special span{color: #FFAEB0; display: inline-block;margin-right: 10px;}
  
    .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; }
 
 
.jump{font-family: 'Poppins', sans-serif; font-weight: 500;font-size: 18px!important; }
div.jump2{font-family: 'Poppins', sans-serif; font-weight: 500;font-size: 19px!important; display: inline-block;}

.tokunaga,
.tokunaga2{ background-image: url("img25/tokunaga3.png")!important; background-size: 70px!important; background-position: left 5px; background-repeat: no-repeat; display:inline-block; padding-left: 70px;font-size: 18px; font-weight: 500; }

 .slist ul li div.romakil{font-weight: 500;}
 
 
 @media screen and (max-width: 1200px){
.slist ul{ width: 90%;}

}
		  
@media screen and (max-width: 960px){
.br960{display: block;}
}

@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}
 
 .jump{font-size: 16px!important; }
div.jump2{font-size: 17px!important; }

ul.att li span{font-size: 16px!important;}


}




@media screen and (max-width: 768px){
	.slist ul {width: 95%;}
	.slist ul li{ font-size: 16px !important;padding:10px 10px 10px 25px; font-weight: 600; letter-spacing: -0.05em;
	background-position: 0px 14px; }
	
.slist ul li:last-child{font-size: 13px!important;}
 

 .slist ul li span{font-size: 14px !important;}

   .slist ul li.special{ margin: 10px 0;padding: 20px 20px 20px 15px;font-size: 15px!important;} 
	 .slist ul li.special p{ font-size: 20px; padding-right: 0px;}
	 
	 .slist ul li.special div,
 #main-content2 .slist ul li.special div{ font-size: 15px}
 
 
.jump{font-size: 16px!important; font-weight: 600!important;}
div.jump2{font-size: 17px!important; font-weight: 600!important;}

ul.att li span{font-weight: 600;}


}

@media screen and (max-width: 600px){

 #main-content2 .slist ul li.special{width: 90%; margin: 20px auto 0; }

 .slist ul li span.kakko{font-size: 16px!important; font-weight: 600!important; display: inline-block; margin-left: -15px;}
 .slist ul li span.pinklady,
 .slist ul li span.fifi{letter-spacing: -0.1em;font-size: 15px!important;}
 .slist ul li span.sixtones{font-size: 15px!important; font-weight: 600!important;margin: 0 0px 0 10px; letter-spacing: -0.05em;}

 
 .tokunaga,
.tokunaga2{background-size: 65px!important; padding-left: 70px;font-weight: 600;font-size: 16px !important; background-position: left 4px; }
 .tokunaga{padding-left: 0;}

}

@media screen and (max-width: 500px){

 .slist ul li div.romakil{font-size: 15px !important;display: inline-block; margin-left: -25px; font-weight: bold;}
 .slist ul li div.romakil span{font-size: 11px !important;display: inline-block; margin: 0 1.5px;}
}