@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	line-height:1.4;
	box-sizing: border-box;
	}
html{
	font-size:100%;
}
body{
	font-size:16px;
	font-size:1.6rem;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

fieldset, img {
	border: 0;
	}
img {
max-width:100%;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
	}

li {
	list-style:none;
	}

caption, th {
	text-align: left;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	}
h2{
	background-color:#EEEEEE;
	color:#333;
	margin-bottom:20px;
	padding:4px;
	padding-left:10px;
	font-size:1.125rem;
}
q:before, q:after {
	content: '';
	}

abbr, acronym {
	border: 0;
	font-variant: normal;
	}

sup {
	vertical-align: text-top;
	}

sub {
	vertical-align: text-bottom;
	}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	}

/*----------------------------------------------*/
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	/*background-image:url(../image/bgall.jpg);*/
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333;
}

.oneColFixCtrHdr #container {
	width: 99%;
	/*background:url(../image/bgcontainer.jpg) no-repeat top left;*/
	margin: 0 auto;
	border: none;
	text-align:center;
}

.oneColFixCtrHdr #header h1{
	position:relative;
	text-align:left;
}

.oneColFixCtrHdr #header h1 img{
	width:100%;
}

.oneColFixCtrHdr #header h1 p.logo{
	position:absolute;
	top:5%;
	left:5%;
}
.oneColFixCtrHdr #header h1 p.logo img{
	width:50%;
}


.oneColFixCtrHdr #mainContent {
	margin:20px 0;
	padding: 0 10px;
	min-height:100%;
	display:block;
	overflow:hidden;
	background:#FFFFFF;
}
/*---------------------------------Menu-------*/
.main{
	text-align:left;
}
#mainMenu{
	display:none;
}


#mainMenuM ul{
	width:100%;
	text-align:center;
	margin:0 auto;
}

#mainMenuM ul li{
	line-height:0;
	display:inline-block;
	padding:0 5px;
	border-right:1px dotted #5B0001;
	margin-bottom:20px;
	}
	
#mainMenuM ul li:last-child{
	border:none;
	padding-right:0;
}
#mainMenuM ul li:first-child{
	padding-left:0;
}
	
.mainimg {
	width:100%;
	margin:0;
			padding:15px;
	text-align:center;
}

		.mainimg img{
		width: 100%!important;
		}
.topics{
	padding-top: 15px;
	text-align: left;
}
.topics p{
	color:#603;
	font-weight:bold;
	margin-bottom:10px;	
	text-align: center;
}
.topics dl.news{
flex-direction: row;
}
.topics dl.news dt{
width: 5em;
margin-right:.5rem;
}
.topics dl.news dd{
	padding-left: 1rem;
}
/*---------------------------------Discog-------*/
.Disog-box{
	border-bottom:2px solid #EEEEEE;
    margin-bottom: 1rem;
}
.Disog-box h3{
font-weight: bold;
margin-bottom:.5rem;
}
.Disog-box h3 span{
font-weight: normal;
}

dl.Discog-item{
	display:flex;
	flex-direction: column;
}

dl.Discog-item dt{
text-align: center;
}

dl.Discog-item dt img{
	max-width:100%;
}


dl.Discog-item ul.auther {
	/*border:1px solid #ffcc00;*/
	margin-bottom:1rem;
}

dl.Discog-item ul.auther li{
	margin:4px 0;
	padding:0;
	line-height:1.2;
	/*text-indent:1em;*/
}

dl.Discog-item ul.auther li.DiscoTitle{
	font-weight:bold;
	text-indent:0em;
}

dl.Discog-item dd.detail{
	
	width:100%;
	clear:left;
	padding:5px;
	box-sizing:border-box;
}
dl.Discog-item dd.detail ul{
	margin-left:0;
	margin-top:5px;
	margin-bottom:20px;
	padding:5px;
	font-size:70%;
	border:1px dotted #990000;	/*border:1px solid #ffcc00;*/
}
dl.Discog-item dd.detail ul li{
	margin-left:2em;
	font-size:.875rem;
	list-style-type:decimal;
	}
ul.detail{
	margin-left:0;
	margin-top:5px;
	margin-bottom:20px;
	padding:5px;
	font-size:70%;
	border:1px dotted #990000;	/*border:1px solid #ffcc00;*/
}
ul.detail li{
    list-style-type: decimal;
    margin-left: 20px;
	}
	
p.proPhot img{
	float:none;
	margin:5px auto;
	text-align:center;
	display:block;
	width:100%;
}
/*.Disog-box ul.staff{
border-top:1px dotted #990000;
	clear:left;
}*/
.Disog-box ul.staff{
	margin-left:0;
	margin-top:5px;
	margin-bottom:20px;
	padding:5px;
	font-size:70%;

}
.Disog-box ul.staff li{
	font-size:.875rem;
	list-style-type:none;
	}
	
/*---------------------------------Shedule-------*/

div.MonthHeader{
	clear:both;
	font-weight:bold;
	color:#000066;
	/*background:#f7f8f8;*/
	border-bottom:1px dashed #000066;
	overflow:hidden;
	padding:3px 0;
	display:block;
}

div.MonthHeader{
background: #000066;
}
li.MonthactiveM{
color: #fff;
}
div.MonthNavPC ul{
display: flex;
flex-wrap: nowrap;
padding:0 4px;
}
div.MonthNavPC ul li{
width: 33.33333%;
text-align: center;
}
div.MonthNavPC ul li a{
font-weight: normal;
font-size: 90%;
color: #fff;
}
div.MonthNavPC ul li:nth-child(1){
text-align: left;
}
div.MonthNavPC ul li:nth-child(3){
text-align: right;
}
dl.Shedule{
	clear:both;
}
dl.Shedule dt{
	clear:both;
	font-weight:bold;
	color:#990000;
	margin-bottom:10px;
	padding-left:5px;
	line-height:1.6;
	background:#fffcd9;
	text-align:left;
}

dl.Shedule dt span.start{
	display:block;
	padding-left:3em;
}
dl.Shedule dd{
	margin-left:1.5em;
	margin-bottom:10px;
	}

dl.Shedule dd ul li{
	margin:2px;
	padding:0;
	line-height:1.2;
	text-align:left;
	}

dl.Shedule dd ul li.leader{
	font-weight:bold;
		margin-left:-1em;
		margin-bottom:10px;

	}
dl.Shedule dd ul li.leader span{
color:#990000;
}	
dl.Shedule dd ul li.title{
	font-weight:bold;
		margin-left:-1em;
		margin-bottom:10px;
		font-size: 1.2rem;
		border:1px solid #990000;
	color:#990000;
	padding:3px;
		

	}
dl.Shedule dd ul li.spe{
	font-weight:bold!important;
		margin-left:-1em!important;
	color:#0038C3!important;
}
	
dl.Shedule dd p{
	font-weight:normal;
	margin-top:10px;
	color:#990000;

}

.topInfo {
	display:flex;
	flex-direction: column;
}
.topInfo .topInfo_r {

text-align: center;

}
.topInfo .topInfo_r p span{
color:#990000!important;
}
.topInfo .topInfo_r img{
	max-width:100%;
}

.topInfo .topInfo_r{
	
	width:100%;
	clear:left;
	padding:5px;
	box-sizing:border-box;
}
/*-------------- 2025/04/01 --------*/
.flyer{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		gap:2px;
}
.flyer.column3 div.item{
width: 100%;
text-align: center;
font-size: 85%;
color: #5B0001;
}
/*--------------------------------- Webcast-------*/
.Webcast{
	border:5px solid #a7335a;
	margin-top: 1rem;
padding:1rem 1.5rem;
}
.Webcast dl{
display: flex;
flex-direction: column;
padding:0;
        justify-content: space-around;
		align-items: center;
}
.Webcast dl dt{
width:100%;
text-align: center;
padding:0;
}
.Webcast dl dt img{
max-width: 100%;
}
.Webcast dl dd{
width:100%;
padding:0;
}

.Webcast .Title{
font-weight: bold;
margin-bottom: .5rem;
color:#a7335a;
text-align: center;
font-size: 1.2rem;
}

.Webcast dl dd.auther .detail{
	border:1px dotted #a7335a;
	padding:.5rem;
}

		.Webcast dl dd.auther .dl{
		margin-top: 1rem;
	padding:.5rem;
		}
/*--------------------------------- Movie-------*/
.movie{
	border:5px solid #a7335a;
	margin-top: 1rem;
	padding:1rem 1.5rem;
}

.movie dl dt img{
max-width: 100%;
}

.movie .Title{
font-weight: bold;
margin-bottom: .5rem;
color:#a7335a;
text-align: center;
font-size: 1.2rem;
}
.video{
position: relative;
width: 100%;
padding-top:56.25%;
}
.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.btn{
font-size: 1.2rem;
text-align: center;
background:#a7335a;
display:inline-block;
margin:.5rem auto;
border-radius: 5px;
}
.btn a{
padding:1rem;
text-decoration: none;
display:block;
color:#fff;

}
.onlysp{
display: none;
}
		
		/**************************************** max-width: 768px
		481px以上768px以下　*/
		@media screen and (min-width: 481px) and (max-width: 768px) { 
		
			.topics dl.news{
				display: flex;
		}
		/*---------------------------------Discog-------*/
			dl.Discog-item{
				flex-direction: row;
			}

			dl.Discog-item dt{
				width: 45%;
			}
			dl.Discog-item dd{
				width: 50%;
				padding-left:1.5rem;
			}		
			.topInfo{			
				flex-direction: row;
			}
			.topInfo .topInfo_l{
			width:60%;
			}
			.topInfo .topInfo_r{
			width:35%;
			}
			.topInfo .topInfo_l p span{
			color: #990000;
			font-weight: 700;
			}


		}
		
		/**************************************** max-width: 880px
		880px以上　*/
		@media screen and (min-width:880px) {

		/*----------------------------------------------*/
		.onlysp{
		display: none!important;
		}
		.oneColFixCtrHdr #container {
			width:880px;
			border: 1px solid #cccccc;
		}
		.oneColFixCtrHdr #header {
			/*background: #DDDDDD; */
			padding: 0;
		}
		.oneColFixCtrHdr #header h1 {
			margin: 0;
			padding: 0;
		}

		.oneColFixCtrHdr #header h1 img{
			width:100%;
		}

		.oneColFixCtrHdr #header h1 p.logo{
			position:absolute;
			top:24%;
			left:4%;
		}
		.oneColFixCtrHdr #header h1 p.logo img{
			width:70%;
		}

		.oneColFixCtrHdr #mainContent #mainMenu{
			width:200px;
			float:left;
			height:auto;
			}

		#mainMenuM{
			display:none;
		}

		#mainMenu{
			display:block;
		}


		#mainMenu ul{
			width:200px;
			text-align:left;
			display: block;
		}

		#mainMenu ul li{
			height:60px;
			/*width:170px;*/
			width:150px;
			line-height:0;
			}

		#mainMenu ul li a img{
			padding-left:25px;
			/*width:170px;*/
			width:150px;
			height:60px;
			background:url(../image/list_mk2.gif) no-repeat top left;
		}

		#mainMenu ul li a:hover img{
			/*width:170px;*/
			width:150px;
			height:60px;
			background:url(../image/list_mk2.gif) no-repeat bottom left;
		}

		#mainMenu ul li a.onPage img{
				background:url(../image/list_mk2.gif) no-repeat bottom left;

		}
		.mainimg {
			/*width:250px;*/
			text-align: center;
			vertical-align: middle;
			padding:15px;
			/*padding-top: 15px;
			padding-bottom: 20px;
			padding-right:20px;
			float:left;*/
		}
		
		.mainimg img{
			width: 70%!important;
		}
		
        .topics{
			/*margin:0 100px;*/
			margin:0 0px;
        }		
        .topics dl.news{
			display:flex;
        }

		.topics p{
			color:#603;
			font-weight:bold;
			margin-bottom:10px;		
		}

		h2{
			background-color:#EEEEEE;
			color:#333;
			margin-bottom:20px;
			padding:4px;
			padding-left:10px;
		}

		.oneColFixCtrHdr #mainContent .main{
			/*width:600px;*/
			width:640px;
			padding-top:20px;
			padding-left:20px;
			float:left;
			/*border:1px solid #ffcc00;*/
			}

		.oneColFixCtrHdr #mainContent .main p{
			line-height:1.6;
			/*border:1px solid #ffcc00;*/
			}

		.oneColFixCtrHdr #footer {
			padding: 0 10px;
			/*background:#DDDDDD;*/
		}
		.oneColFixCtrHdr #footer p {
			margin: 0;
			padding: 10px 0;
			text-align:right;
		}

		/*---------------------------------Shedule-------*/

		div.MonthHeader{
			clear:both;
			font-weight:bold;
			color:#000066;
			background:#f7f8f8;
			border-bottom:1px dashed #000066;
			overflow:hidden;
			padding:3px;
		}

        li.MonthactiveM,
        div.MonthNavPC ul li a{
        color: #000066;
        }

		dl.Shedule{
			clear:both;
		}
		dl.Shedule dt{
			clear:both;
			font-weight:bold;
			color:#990000;
			margin-bottom:10px;
			padding:5px;
			line-height:1.6;
			background:#fffcd9;
		}
		dl.Shedule dt span.start{
			float:none;
			display:inline;
			padding-left:1em;
		}

		dl.Shedule dd{
			float:left;
			margin-left:3em;
			margin-bottom:10px;
			}

		dl.Shedule dd ul li{
			margin:2px;
			padding:0;
			line-height:1.2;
			}

		dl.Shedule dd ul li.leader{
			font-weight:bold;
			margin-left:-1em;
			margin-bottom:10px;

			}

		dl.Shedule dd p{
			font-weight:normal;
			margin-top:10px;
			color:#990000;

		}

		/*---------------------------------Discog-------*/
		dl.Discog-item{
        flex-direction: row;
		}

        dl.Discog-item dt{
        width: 45%;
        }
        dl.Discog-item dd{
        width: 50%;
        padding-left:1.5rem;
        }
				
			.topInfo{			
				flex-direction: row;
			}
			.topInfo .topInfo_l{
			width:60%;
			}
			.topInfo .topInfo_r{
			width:38%;
			}
		/*--------------------------------- Webcast --*/
		.Webcast dl{
		flex-direction: row;
		}
		.Webcast dl dt:not(.Title){
		width:30%;
		}
		
		.Webcast dl dd{
		width:65%;
		}


		.Webcast dl dd.auther .detail{
			margin-left: 1rem;
		}
		.Webcast dl dd.auther{
		
		}
		.Webcast dl dd.auther .dl{
		margin-top: 1rem;
			margin-left: 1rem;
		}
/*-------------- 2025/04/01 --------*/
.flyer{
		display: flex;
		flex-direction: row;
}
.flyer.column3 div.item{
width: calc((100% - 4px) / 3);
text-align: center;
font-size: 85%;
color: #5B0001;
}
		}



/*--------------------------------- スクロールトップ*/
.pageTop{
	position:fixed;
	right: 15px;
	bottom: 15px;
	opacity:0.7;
	z-index:9999;
}

.jsTop{
	display: none;
}

/*--------------------------------- /.スクロールトップ*/
/*--------------------------------- 共通　*/
.fs12{
	font-size:.875rem;
}

.fsM{
font-size:1rem;
}
.fsL{
font-size:1.2rem;
}
.clear{
	clear:both;
}
.clearfix:after {
	display: block;
	content: "";
	clear: both;
	visibility: hidden;
}

div.border{
	border:1px solid #95C9EB;
	padding:5px;
	  border-radius:5px;
}
div.borderR{
	border:1px solid #D20003;
	padding:5px;
	border-radius:0px;
	border-width: 2px;
}
.mt0{
	margin-top:0!important;
}
.mt10{
	margin-top:10px!important;
}
.mt15{
	margin-top:15px!important;
}
.mt20{
	margin-top:20px!important;
}
.mt30{
	margin-top:30px!important;
}
.mb0{
	margin-bottom:0!important;
}
.mb10{
	margin-bottom:10px!important;
}
.ml0{
	margin-left:0!important;
}
.mr0{
	margin-right:0!important;
}
dd img{
max-width:90%;
}
.onlysp{
display: inline-block;
}
.w100{
width: 100%;
max-width: 100%;
}
.w90{
width: 90%;
max-width: 90%;
}

.Bold{
	font-weight:bold;
}

.left{
	text-align: left!important;
}
.right{
	text-align: right!important;
}
.center{
	text-align: center!important;
}

.fcRed{
	color:#5B0001!important;
}
.fcRed2{
	color:#B50003!important;
}
.fcNote{
	color:#FF0004!important;
}
.fcInherit{
	color:#333!important;
}
.bg-red{
background: #F00004;
}
.bg-blue{
background: #007efc;
}
.textWhite{
	color:#fff!important;
}
.textCancel{
	text-decoration:line-through;
}
.box_red{
background: #B50003;
display: inline-block;
padding:2px;
}
.box_red p{
color:#fff!important;
padding:0;
margin: 0!important;
}