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

body{ color: #313131;
background-color:#fff;-webkit-touch-callout: none;
background-color: rgba(198,229,255,0.5);
 /*background-image:url(img25s/bg.jpg);
 background-size:100%;
 background-position:center 700px;
 background-repeat:repeat-y;*/
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,
.br500,
.br768{ display:none;}

.share{ display:none;}


#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: 600px){
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: 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 10%; padding-bottom: 40px;}

img.logo{ width: 500px;}


h1{ background-color:#00a4ed;
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:25px auto 0 0;}
.home a{ color:#00a4ed; text-decoration:none;font-weight:500; font-family: 'M PLUS Rounded 1c', sans-serif; font-size:16px;}
.home a:hover{ color: #D98DFF;}

@media screen and (max-width: 768px){
#t-table{width: 96%; }
img.logo{ width: 70%;}

	h1{ line-height: 140%;font-size: 44px;}
	h2{ font-size: 14px ; margin: 20px 15px;}
.home{ text-align:center; margin:30px auto;}
}


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

.slist ul.main li{ background-repeat: no-repeat; padding:10px 10px 10px 25px;background-image: url("img25s/list-line_mizu.png");
 background-size: 4px; border-bottom: dotted 1px #00a4ed; background-position: 3px 15px; font-size: 18px; font-weight: bold;word-break: keep-all; overflow-wrap: break-word;
color: #313131;}
.slist ul.main li.akb p{display: inline-block;font-size: 18px; font-weight: bold;}
.slist ul.main li.milk p{display: inline-block;font-size: 18px; font-weight: bold;}

/*.slist ul li:nth-child(odd){background-image: url("img23s/mark.png");}
.slist ul li:nth-child(even){background-image: url("img23s/mark2.png");}*/

.slist ul.main li:first-child{ background-image: none; padding-left: 0; text-align: left;font-size: 22px; color: #00a4ed;font-weight: bold;}
.slist ul.main li:last-child{ background-image: none; padding-left: 0; text-align: right; font-size: 14px; font-weight: normal; border-bottom: none; color: #00a4ed;}



.best { width: fit-content; background-color: #333; color: #fff; letter-spacing: 0.05em;
margin:30px 0 30px 15%;text-align: center;padding:10px; 
font-size: 17px !important; font-weight: bold;}
.best span{ display: inline-block; color: #00a4ed; margin:0 5px;}
 
 
 
 @media screen and (max-width: 1200px){
.slist ul.main{width: 85%; }
}


@media screen and (max-width: 1050px){
#t-table{ width: 90%;}
.slist ul.main{ width: 90%;}
 .best{margin:30px 0 30px 9%;}


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

 .best{margin:30px 0 30px 5%;}

.slist ul.main li{ font-size: 16px !important;background-position: 8px 13px; }
.slist ul.main li:first-child{ font-size: 22px !important;}
.slist ul.main li.akb p{font-size: 16px; }
.slist ul.main li.milk p{font-size: 16px;}

}

@media screen and (max-width: 768px){
#t-table{ width: 95%;}
.br768{display: inline-block;}

}


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

h2 span{display: inline-block; margin-left: 1em;}

	.slist ul.main {width: 95%;}
	.slist ul.main li{ font-size: 15px !important;padding:10px 10px 10px 13px;background-position: 0px 11px; }
 .slist ul.main li span{font-size: 12px !important;}
 .best{font-size: 15px !important; margin:30px 0 30px 2%;}
 
.slist ul.main li.akb span{font-size: 13.5px!important ;letter-spacing: -0.05em; margin-left: -15px;}
.slist ul.main li.gokatori span{font-size: 14px!important ;letter-spacing: -0.03em; margin-left: -15px;}

.slist ul.main li.orangeini,
.slist ul.main li.kodanijiu,
.slist ul.main li.tres
{letter-spacing: -0.05em;}
.slist ul.main li.orangeini span{font-size: 11.5px !important; margin-left: -5px;}

.slist ul.main li.milk p{letter-spacing: -0.05em;font-size: 15px !important;}


}