@charset "utf-8";
/*******************************************
 	visual
*******************************************/
#visual{
	background:url(/2023/img/sms/visual_pc.jpg) no-repeat center center;
	background-size:cover;
	padding:65px 0;
	font-size:0;
	line-height:0;
}
#visual h2{
	width:407px;
	margin:0 auto;
}
@media screen and (max-width: 768px) {
	#visual{
		background:url(/2023/img/sms/visual_sp.jpg) no-repeat center center;
		background-size:cover;
		padding:5% 3.125%;
	}
	#visual h2{
		width:63.593%;
		margin:0 auto;
	}
}
#common-information .info dt span{
	display: inline-block;
	margin-top: 2em;
	padding: .5em;
	border: 2px #c00 solid;
	margin:0 0 1.5em;
	font-size:2.0rem;
	line-height: 1.6;
	text-align: center;
}
#common-information .info dd a{
	display: block;
	padding:1em !important;
	color:#fff;
	font-size:3.2rem;
	line-height: 1.4;
	/*background: rgb(0,91,133);
	background: -moz-linear-gradient(-45deg,  rgba(0,91,133,1) 0%, rgba(11,3,92,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(0,91,133,1) 0%,rgba(11,3,92,1) 100%);
	background: linear-gradient(135deg,  rgba(0,91,133,1) 0%,rgba(11,3,92,1) 100%);*/
	background: rgb(0,91,133);
	background: -moz-linear-gradient(left,  rgba(0,91,133,1) 0%, rgba(11,3,92,1) 50%, rgba(30,3,92,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,91,133,1) 0%,rgba(11,3,92,1) 50%,rgba(30,3,92,1) 100%);
	background: linear-gradient(to right,  rgba(0,91,133,1) 0%,rgba(11,3,92,1) 50%,rgba(30,3,92,1) 100%);
	text-align: center;
	transition: opacity .4s ease;
}
#common-information .info dd a:hover{opacity: .7;}
#common-information .info dd a i{display: inline-block; width: 20px; height: 20px;}
/*******************************************
 	copy
*******************************************/
#copy{
	margin:0 auto 60px;
}
#copy .inner-min{
	padding:0 0 60px;
	border-bottom:2px solid #00afec;
}
#copy .contents-tit{text-align: center;}
#copy p{
	text-align:center;
	font-size:1.6rem;
	line-height:2;
}
@media screen and (max-width: 768px) {
	#copy{
		margin:0 auto 10%;
		padding:0 3.125%;
	}
	#copy .inner-min{
		padding:0 0 10%;
	}
	#copy p{
		text-align:left;
		line-height:1.8;
	}
}
/*******************************************
 	musician
*******************************************/
#musician{
	margin:-60px auto 60px;
	padding:60px 0 0;
}
#musician .contents-tit{
	text-align:center;
}
#musician .inner-min{
	padding:0 0 60px;
	border-bottom:2px solid #00afec;
}
#musician ul{
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin:0 auto 40px;
	width:640px;
}
#musician ul > li{
	width:50%;
	box-sizing: border-box;
	overflow:hidden;
}
#musician ul > li:nth-child(4n){
	border-right:none;
}
#musician ul > li a{
	position:relative;
	display:block;
	width:100%;
	height:0;
	padding-top:75.25083612040134%;
}
#musician ul > li p{
	position:absolute;
	width:110%;
	height:110%;
	top:-120%;
	left:-120%;
	right:-120%;
	bottom:-120%;
	margin:auto;
	overflow: hidden;
	transition: all .2s ease 0s;
	-moz-transition: all .2s ease 0s;
	-webkit-transition: all .2s ease 0s;
	-o-transition: all .2s ease 0s;
	-ms-transition: all .2s ease 0s;
}
#musician ul > li a:hover p{
	width:130%;
	height:130%;
}
#musician ul > li p span{
	font-size: 0;
	line-height: 0;
	position: relative;
	width: 100%;
	height: 100%;
	display:block;
}
#musician ul > li p span:after{
	content:"";
	display:block;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.45);
	transition: all .2s ease 0s;
	-moz-transition: all .2s ease 0s;
	-webkit-transition: all .2s ease 0s;
	-o-transition: all .2s ease 0s;
	-ms-transition: all .2s ease 0s;
}
#musician ul > li a:hover p span:after{
	background:rgba(0,0,0,0);
}
#musician ul > li p span img{
	height: auto !important;
	width:100%;
	text-align:center;
}
#musician ul > li div{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
#musician ul > li dt{
	font-size:1.8rem;
	text-align:center;
	color:#fff;
	margin:0 0 20px;
}
#musician ul > li dd{
	font-size:2.4rem;
	text-align:center;
	font-weight:bold;
	color:#fff;
}
#musician .inner-min > p{
	width:300px;
	margin:0 auto;
}
#musician .inner-min > p a{
	padding:3px 1.8rem;
	display:block;
	text-align:center;
	position:relative;
	color:#fff;
	background:#cc0000;
	font-size:1.8rem;
	font-weight:bold;
}
#musician .inner-min > p a:after{
	content:"\e902";
	font-family: as;
	position:absolute;
	font-size:1.0rem;
	font-weight: normal;
	line-height:1;
	width:1.0rem;
	height:1.0rem;
	top:0;
	bottom:0;
	right:5px;
	text-align:center;
	display:block;
	margin:auto;
}
#musician .inner-min > p a:hover{
	opacity:0.5;
}
@media screen and (max-width: 768px) {
	#musician{
		margin:-20% auto 10%;
		padding:20% 3.125% 0;
	}
	#musician .inner-min{
		padding:0 0 10%;
	}
	#musician ul{
		width:auto;
	}
	#musician ul > li{
		width:50%;
	}
	#musician ul > li dl{
		padding:1% 1% 8%;
	}
	#musician ul> li dt{
		margin:0 0 4%;
		color:#333;
		text-align:left;
	}
	#musician ul > li dd{
		color:#333;
		text-align:left;
	}
	#musician ul > li a{
		position:static;
		padding:0;
		height:auto;
	}
	#musician ul > li p,
	#musician ul > li a:hover p{
		position:relative;
		padding-top: 75.25083612040134%;
		width:100%;
		height:0;
		left:0;
		right:0;
		top:0;
		bottom:0;
	}
	#musician ul > li dt b{
		font-size:1.6rem;
	}
	#musician ul > li p span{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		width:100%;
		height:100%;
		margin:auto;
	}
	#musician ul > li div{
		position:static;
		display:block;
	}
	#musician ul > li p span:after{
		display:none;
	}
	#musician .inner-min > p{
		width:80%;
	}
}
/*******************************************
 	final
*******************************************/
#final{
	margin:-60px auto 60px;
	padding:60px 0 0;
}
#final .inner-min{
	padding:0 0 60px;
	border-bottom:2px solid #00afec;
}
#final .contents-tit {
	margin: 0 auto 10px;
}
#final .inner-min > div > p {
	font-size: 3.0rem;
	margin: 0 auto 30px;
	line-height: 1.4;
}
#final .left{
	width:440px;
	float:left;
	margin:0 40px 0 0;
}
#final .right{
	width:280px;
	float:right;
}
#final > .inner-min > div{
	width:761px;
	margin:0 auto;
}
#final p{
	font-size:1.6rem;
	line-height:1.8;
}
#final .left p{
	margin:0 auto 30px;
}
#final ul li{
	margin:0 auto 10px;
}
#final ul li dt:before{
	content:"●";
	color:#c00;
}
#final ul li dt,
#final ul li dd{
	display:inline-block;
	vertical-align: bottom;
	font-size:1.6rem;
}
#final ul li dd b{
	font-size:2.4rem;
}
#final ul li .em04 dt{
	width:17%;
}
#final ul li .em04 dd{
	width:73%;
}
#final ul li .em06 dt{
	width:25%;
}
#final ul li .em06 dd{
	width:74%;
}
@media screen and (max-width: 768px) {
	#final{
		margin:-10% auto 10%;
		padding:10% 3.125% 0;
	}
	#final .inner-min{
		padding:0 0 10%;
	}
	#final .contents-tit {
		margin: 0 auto 3%;
	}
	#final .inner-min > div > p {
		margin: 0 auto 4%;
	}
	#final .left{
		margin:0 auto 3%;
	}
	#final .left,
	#final .right{
		float:none;
		width:auto;
	}
	#final .left p{
		margin:0 auto 3%;
	}
	#final > .inner-min > div{
		width:auto;
	}
	#final ul li{
		margin:0 auto 3%;
	}
	#final ul li .em04 dt{
		width:25%;
	}
	#final ul li .em04 dd{
		width:70%;
	}
	#final ul li .em06 dt{
		width:35%;
	}
	#final ul li .em06 dd{
		width:60%;
	}
}
/*******************************************
 	mc
*******************************************/
#mc{
	margin:0 auto 60px;
}
#mc .inner-min{
	padding:0 0 60px;
	border-bottom:2px solid #00afec;
}
#mc .contents-tit {
	text-align: center;
}
#mc .inner-min > div > p {
	font-size: 3.0rem;
	margin: 0 auto 30px;
	line-height: 1.4;
}
#mc .clear{
	margin:0 0 20px;
}
#mc .clear + .clear{
	margin:0;
}
#mc .left{
	width:380px;
	float:left;
	margin:0 40px 0 0;
}
#mc .right{
	width:300px;
	float:right;
}
#mc > .inner-min > div{
	width:761px;
	margin:0 auto;
}
#mc .left dt{
	font-size:1.6rem;
	color:#00afec;
	margin:0 auto 10px;
	padding:10px 0 0;
}
#mc .left dt b{
	font-size:2.4rem;
	font-weight:bold;
	color:#333;
}
#mc .left dd{
	font-size:1.6rem;
}
#mc .left dd p{
	margin:0 auto 20px;
}
#mc .left dd p.ybtn{
	margin:0;
	width: 250px;
	font-weight: bold;
	position: relative;
}
#mc .left dd p.ybtn a{
	padding: 15px 10px;
	background: #ddd;
	color: #333;
	display:block;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	text-align:center;
}
#mc .left dd p.ybtn a:after {
	content: "\e902";
	font-family: as;
	height: 1em;
	width: 1em;
	line-height: 1;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1em;
	position: absolute;
}
#mc .left dd p.ybtn a:hover{
	opacity:0.5;
}
@media screen and (max-width: 768px) {
	#mc{
		margin:0 auto 10%;
		padding:0 3.125%;
	}
	#mc .inner-min{
		padding:0 0 10%;
	}
	#mc .contents-tit {
		margin: 0 auto 3%;
	}
	#mc .inner-min > div > p {
		margin: 0 auto 3%;
	}
	#mc .left{
		width:65%;
		margin:0;
	}
	#mc .right{
		width:30%;
		float:right;
	}
	#mc > .inner-min > div{
		width:auto;
		margin:0 auto;
	}
	#mc .left dt{
		margin:0 auto 1%;
		padding:1% 0 0;
	}
	#mc .left dt b{
		font-size:2.4rem;
		font-weight:bold;
		color:#333;
	}
	#mc .left dd{
		font-size:1.6rem;
	}
	#mc .left dd p{
		margin:0 auto 3%;
	}
	#mc .left dd p.ybtn{
		margin:0;
		width: auto;
	}
}
/*******************************************
 	news
*******************************************/
#news{
	margin:0 auto 90px;
}
#news h3{
	text-align:center;
}
#news ul{
	width:816px;
	margin:0 auto 40px;
}
#news .inner-min > p {
	width: 150px;
	margin:0 auto;
}
#news .inner-min > p a {
	padding: 3px 1.8rem;
	display: block;
	text-align: center;
	position: relative;
	color: #333;
	background: #ddd;
	font-size: 1.8rem;
	font-weight: bold;
}
#news .inner-min > p a:after {
	content: "\e902";
	font-family: as;
	position: absolute;
	font-size: 1.0rem;
	font-weight: normal;
	line-height: 1;
	width: 1.0rem;
	height: 1.0rem;
	top: 0;
	bottom: 0;
	right: 5px;
	text-align: center;
	display: block;
	margin: auto;
}
#news .inner-min > p a:hover{
	opacity:0.5;
}
@media screen and (max-width: 768px) {
	#news{
		margin:0 auto 10%;
	}
	#news ul{
		width:auto;
		margin:0 auto 6%;
	}
}
/*******************************************
 	schedule
*******************************************/
#schedule{
	margin:-60px auto 0;
	padding:60px 0;
}
#schedule .inner-min{	padding:0 0 60px;
	border-bottom:2px solid #00afec;
}
#schedule .contents-tit{text-align: center;}
#schedule .remarks{padding-bottom: 1em; text-align: center;}
#schedule table{
	width:100%;
	border-collapse: collapse;
	margin:0 auto;
}
#schedule th{
	border: 2px #fff solid;
	background-color: #c30d23;
	color: #fff;
	vertical-align: middle;
	font-size: 1.6rem;
	font-weight:normal;
	line-height: 1.4;
	text-align: center;
}
#schedule td{
	width: 15%;
	border: 2px #fff solid;
	font-size: 1.6rem;
	line-height: 1.4;
}
#schedule table thead th{padding: .5em 1em; background-color: #e5006e; color: #fff; font-weight: bold;}
#schedule table tbody th{padding: .5em 1em; background-color: #187fc4; color: #fff; font-weight: bold;}
#schedule table tbody td{padding: .5em 1em; background-color: #38a1db; color: #fff; font-weight: bold; text-align: center;}


#schedule td a:hover{
	text-decoration: underline;
}
#schedule tbody th{
	width: 10%;
}
#schedule p{
	font-size:1.4rem;
}
@media screen and (max-width: 768px) {
	#schedule{
		margin:-20% auto 10%;
		padding:20% 3.125% 0;
		/*padding:0 0 10%;*/
	}
	#schedule table{
		width: 93.75%;
		margin: 0 auto 4%;
	}
	#schedule thead{
		display: none;
	}
	#schedule th{
	    box-sizing: border-box;
		display: block;
		padding: 1em;
		border: none;
		font-size: 1.2rem;
		text-align: center;
	}
	#schedule table tbody th + th{
		border-bottom: 1px #fff solid;
	}
	#schedule td{
	    box-sizing: border-box;
		display: block;
		width: 100%;
		border:none;
		border-bottom: 1px #fff solid;
		font-size: 1.2rem;
	}
	#schedule td:last-child{
		border-bottom: 5px solid #fff;
	}
	#schedule td a{
		display: block;
		padding: 1em;
		text-align: left;
	}
	#schedule tbody th{
		width: 100%;
	}
	#schedule td:nth-child(3) a:before{
		content: "11.19sat";
		margin-right: 1em;
	}
	#schedule td:nth-child(4) a:before{
		content: "11.20sun";
		margin-right: 1em;
	}
}
/*******************************************
 	crossroads-list
*******************************************/
#sms-list{
	padding:0 0 100px;
}
#sms-list .contents-tit{
	margin:0 auto 10px;
}
#sms-list div.clear{
	margin:0 auto 30px;
}
#sms-list .left{
	float:left;
	width:440px;
	margin:0 40px 0 0;
}
#sms-list .right{
	float:right;
	width:480px;
}
#sms-list .right figure img{
	width:100% !important;
	height:auto !important;
}
#sms-list .left time{
	font-size:1.6rem;
	color:#00afec;
	margin:0 auto 10px;
}
#sms-list .left h4{
	font-size:3.6rem;
	letter-spacing: .2rem;
	font-weight:normal;
	margin:0 auto 20px;
}
#sms-list .left h4 small{
	font-size:1.2rem;
	display:block;
}
#sms-list p{
	font-size:1.6rem;
}
#sms-list section{
	margin:0 auto 30px;
}
#sms-list dl dt{
	font-weight:bold;
	font-size:1.6rem;
	color:#c00;
}
#sms-list dl dd{
	font-size:1.6rem;
}
#sms-list li{
	float:left;
}
#sms-list .clum03 li{
	width:32%;
	margin:0 2% 2% 0;
}
#sms-list .clum03 li:nth-child(3n){
	margin:0 0 2%;
}
#sms-list .clum03 li:nth-child(3n + 1){
	clear:both;
}
#sms-list .clum02 li{
	width:48%;
	margin:0 4% 2% 0;
}
#sms-list .clum02 li:nth-child(2n){
	margin:0 0 2%;
}
#sms-list .clum02 li:nth-child(2n + 1){
	clear:both;
}
#sms-list iframe{
	width:100% !important;
}
#sms-list #disc figure{
	margin:0 auto 5px;
}
#sms-list #disc figure img{
	width:100%;
}
#sms-list #profile{
	margin:0;
}
#sms-list #youtube a{
	color:#00afec;
	font-size:1.6rem;
}
#sms-list #youtube a:hover{
	text-decoration: underline;
}
#sms-list #official a{
	color:#00afec;
}
#sms-list #official a:hover{
	text-decoration: underline;
}
#sms-list .page-navi {
	margin: 0;
	padding:20px 0 0;
}
#sms-list .page-navi a:hover{
	text-decoration: underline;
}
#sms-list .page-navi li {
	width: 300px;
	font-size: 1.4rem;
}
#sms-list .page-navi .prev{
	float:left;
}
#sms-list .page-navi .next{
	float:right;
	text-align:right;
}
@media screen and (max-width: 768px) {
	#sms-list{
		padding:0 3.125% 10%;
	}
	#sms-list .contents-tit{
		margin:0 auto 3%;
	}
	#sms-list div.clear{
		margin:0 auto 5%;
	}
	#sms-list .left{
		float:none;
		width:auto;
		margin:0;
	}
	#sms-list .right{
		float:none;
		width:auto;
		margin:0 auto 4%;
	}
	#sms-list .left time{
		margin:0 auto 1%;
	}
	#sms-list .left h4{
		margin:0 auto 3%;
	}
	#sms-list section{
		margin:0 auto 5%;
	}
	#sms-list #disc figure{
		margin:0 auto 1%;
	}
	#sms-list #disc figure img{
		width:100%;
	}
	#sms-list #space li{
		float:none;
		width:auto;
		margin:0 auto 3%;
	}
	#sms-list #space li:last-child{
		margin:0;
	}
	#sms-list #youtube li{
		float:none;
		width:auto;
		margin:0 auto 3%;
	}
	#sms-list #youtube li:last-child{
		margin:0;
	}
	#sms-list .page-navi {
		padding:20px 0 0;
	}
	#sms-list .page-navi a:hover{
		text-decoration: underline;
	}
	#sms-list .page-navi li {
		width: 48%;
	}
}


/*******************************************
 	livemovie
*******************************************/
.livemovie #common-information{padding-bottom: 0;}
.livemovie #livemovie-box{padding-bottom: 100px;}
.livemovie #livemovie-box .contents-tit{text-align: center;}
.livemovie #livemovie-box .remarks{padding-bottom: 3em; font-size: 1.4rem; text-align: center;}
.livemovie #livemovie-box ul{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 30px;}
.livemovie #livemovie-box ul:nth-child(2n){background-color: #83b3cb;}
.livemovie #livemovie-box ul li{width: 48%; margin:0 4% 4% 0;}
.livemovie #livemovie-box ul li:nth-child(2n){margin:0 0 4%;}
.livemovie #livemovie-box ul li dl dt{padding-bottom: .5em; font-size: 1.8rem;}
.livemovie #livemovie-box ul li dl dt{padding-bottom: .5em; font-size: 1.8rem;}
.livemovie #livemovie-box ul li dl dt{margin-bottom: .5em; padding-bottom: .2em; border-bottom: 1px #132ebb solid; font-size: 2.2rem; font-weight: bold;}
.livemovie #livemovie-box ul li dl dd{font-size:1.6rem; line-height:1.6;}