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

h2 { 
 color:#005EFF;
 font-size: 42px;
  font-family: "Quattrocento", serif; 
 font-weight: 300;
 width:300px;
 margin:0 auto 50px auto;
 text-align:center;
 }
h3 { text-align: center; font-size: 25px; line-height: 1.2; margin-bottom: 10px; }
h3 span { font-size: 16px; }
.subtitle{
color:#005EFF;
 font-size: 42px;
  font-family: "Quattrocento", serif; 
 font-weight: 300;
 margin-left:60px;
 margin-bottom:50px;
}
.song { display: flex; align-items: center; margin-bottom: 80px; }
.song iframe { border: 1px solid #005EFF; }
.song dt { margin-right: 15px; }

.lyri { text-align: center; padding-top: 8px; }
.lyri a { padding: 5px 15px; background: #005EFF; border-radius: 10px; }

.fra { border: 1px solid #005EFF; box-sizing: border-box; }

.reve_line{
    border-top: solid 1px #005EFF;
}
#menu { 
	max-width: 960px; 
	background: #000; 
	margin: 0px auto 50px auto; 
	 font-family: "Quattrocento", serif; 
	font-weight: 400;
	font-size: 22px; 
	display: flex; 
	justify-content: space-around; 
	color:#666;
}
#menu li { width: 100%; text-align: center; border-right: 1px solid #2E2E2E; position: relative;}
#menu li:first-child { border-left: 1px solid #2E2E2E; }

#menu li a {color:#fff;}
#dot { 
	max-width: 960px; 
	display: flex; 
	justify-content: space-around; 
	margin:-20px auto 0 auto; 
	position:relative;
	z-index:9999;
}
#dot li{width:137px,text-align:center;}

/*
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
ლ(╹◡╹ლ) 
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
*/
@media screen and (max-width: 720px) {
	
	.song { flex-wrap: wrap; }
	iframe { max-width: 100%; height: auto; width /***/:auto; margin: 0 auto; display:flex;}
	.song dt { margin: 0 0 10px; width: 100%; text-align: center; }
	.song dd { width: 100%; text-align: center; }
	#menu { display:none;}
	#dot { display:none;}
	h2 { width: 100%; height: auto; padding-bottom: 10.41666%; background-size: contain; }
	.subtitle{
		color:#005EFF;
		 font-size: 42px;
		  font-family: "Quattrocento", serif; 
		 font-weight: 300;
		 margin-left:0px;
		 text-align:center;
		 margin-bottom:50px;
	}
	
	h2 { width: 100%; height: auto; padding-bottom: 10.41666%; background-size: contain; }
}