@charset "UTF-8";

/* base
-------------------------------- */
.sp {display: none !important; }
body {


	font-size: 15px;
	line-height: 1.7;
}
a {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
a:hover { text-decoration: none; }
#container {
	padding: 20px 0 0;

}

h1 {}
h2 {font-size:30px;}
h3 {font-size:30px;}
h4 {font-size:20px;}



/* table
-------------------------------- */


table {
  border-collapse: collapse;
  width: 100%;
}
table th,
table td {
  padding: 10px;

}
table th {

  text-align: center;
  width: 30%;
}



/* header
-------------------------------- */
#header {
        background:#fff;
	width: 100%;
	text-align: center;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	white-space: nowrap;

}

#header h1.logo img { width: 120px; height: auto; padding:10px; float:left; }

#header .gNav {margin-top:20px;   }
#header .gNav li { display: inline-block; }
#header .gNav p { font-size:10px; color: #ff3333; }
#header .gNav a {
        font-family: 'Montserrat', sans-serif;
	display: inline-block;
	color: #ff3333;
	font-size: 20px;
	font-weight: 300;
	text-decoration: none;
	line-height: 20px;
	margin-left: 30px;
	padding-bottom: 10px;
	position: relative;
}
#header .gNav a:hover { color: #ff0000; }
#header .gNav li a::after {
	content: '';
	display: inline-block;
	width: 0;
	height: 4px;
	background: #ff0000;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#header .gNav a:hover::after,
#header .gNav a.current::after {
	width: 100%;
	left: 0;
}

#header .snsNav { margin-top:20px; margin-right:10px;float:right;}
#header .snsNav li {float:left; padding-left:10px;}
#header #navBtn { display: none; }


/* headerFix */
.headerFix #header,
.page #header { background: #fff; top: -10px; }
.headerFix #header h1.logo img { display:none; }


/* footer
-------------------------------- */
#footer {
          margin-top:10px;
          padding-top:10px;
          text-align: center;
}
#footer .snsNav a {  }
#footer .snsNav a:hover {

	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}
#footer .copyright { line-height: 100px; }

/* section
-------------------------------- */
section {
	padding: 100px 10px 20px;
	margin: 0 auto;
}
section:nth-child(odd) {

}
.sectionTit {
       font-family: 'Montserrat','Noto Sans Japanese', sans-serif;
       color:#ff3333;

       font-weight: 100;
       text-align: left;
       }


.top  {
	padding: 10px 10px 20px;
	margin: 0 auto;
}





/*news */
.newscont {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: left;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
    margin:10px 0;
	clear:both;
}

.featitem {
position:relative;
width:45%;
background:#fff;
padding: 15px;
}


.featdes {
color: #151515;
}


.newsitem  {
	position:relative;
	background:#fff;
	width:30%;
	padding: 10px;

	box-sizing: border-box;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 0 2% 10px 0;
}
.newsitem:nth-of-type(3n) { margin-right: 0; }
.newscont h2 {
font-size:20px;
color:#ff3333;
}

.newscont p {
font-size:10px;
color:#ff3333;
}


.newscont span {
font-size:12px;
color:#ff3333;
position:absolute;
bottom:10px;
right:10px;
}




.newsimg {
padding:5px;
background-image: linear-gradient( -90deg, #ffffff 25%, #ff0000 25%, #ff0000 50%, #ffffff 50%, #ffffff 75%, #ff0000 75%, #ff0000 );
background-size: 100px 100px;
margin-bottom:10px;
width:100%;
height:200px;
text-align:center;
vertical-align:middle;

}




.newsimg img {
max-width:100%;
max-height:200px;
}

.featitem:hover img  {
 opacity: .8;

}

.newsimg:hover img  {
 opacity: .8;

}




/* video */
.video {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 10px;
}
.videobox  {
width:30%;
padding: 5px;
}




/*disco */
.disco {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 10px;
}
.disco li { width: 30%; margin: 10px auto; }
.disco a { display: block; }
.disco img {
width:100%;
height:auto;
}


 figure {
	height:auto;

	position: relative;
	overflow: hidden;

}


.disco img {
    transition: all 0.4s ease-out 0.1s;
}
.disco figure:hover img {
    opacity: .6;
    transform: scale(1.3);
}
.disco figcaption {
    color: #fff;
    background: #333;
    background: rgba(0,0,0,.7);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0px;
    padding: 30px;
    line-height: 1;

    /* 1行で納める */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    transition: all 0.2s ease-in 0.3s;
    transform: translateY(60px);
}
.disco figure:hover figcaption {
    transform: translateY(0);
}

#inline-content img {vertical-align:top;}

.noInfo { text-align: center; padding: 5em 0; }


/* band */
#band .sectionTit {
	font-family: 'Montserrat','Noto Sans Japanese', sans-serif;
	color:#ff3333;
	float:left;
	font-weight: 100;
	text-align: left;
}
.sectionTitsub {
	font-family: 'Montserrat','Noto Sans Japanese', sans-serif;
	color:#ff3333;
	float:right;
	font-weight: 100;
	text-align: left;
}
.bio { width:70%; float:left; }
.bio2 { width:30%; float:left; }
.bioin { padding:0px 20px; }
.biobox { background:#fff; padding:10px; }
.biobox img { width:100px; height:auto; border-radius: 50%; vertical-align:middle; }
.part {font-size:12px; color:#ff3333;}

/* schedule */
#schedule .cal_wrapper { margin: 0 auto; }

/* infoList */
.infoList {

}
.infoList li {
	background-image: linear-gradient( -90deg, #ffffff 25%, #ffe1e1 25%, #ffe1e1 50%, #ffffff 50%, #ffffff 75%, #ffe1e1 75%, #ffe1e1 );
	background-size: 100px 100px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom:10px;
 }

.infoList a { display: block; text-decoration: none; padding: 10px; position: relative; top: 0; }
.infoList a:hover {
	background: #ff3333; color: #fff;
	-moz-transform:scale(1.02);
	-ms-transform:scale(1.02);
	-o-transform:scale(1.02);
	-webkit-transform:scale(1.02);
	transform:scale(1.02);
}
.infoList img {float:right; width:40px; margin:10px;}
.infoList .date { }
.infoList .des {color: #151515;}
.infoList h2 { font-size:20px; }
.infoList .more {
	position:absolute;
	bottom:10px;
	right:10px;
}

.infoList a:hover .date::after { width: 70px; }
.infoList .tit { }


/* more */
.more { text-align: center; }
.more a {
	display: inline-block;
	width: 150px;
	text-decoration: none;
	padding: 10px;
	border: 1px solid;
}
.more a:hover {
	background: #ff3333; color: #fff; border-color: #ff3333;
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}
#show .calendar { text-align: right; padding: 2em 0; }
#show .calendar a { display: inline-block; width: 150px; }

/* keyVisual
-------------------------------- */
#keyVisual { background-color: #fff; padding: 0; }
#keyVisual li {  }
.carousel li a { display: block; padding: 0 10%; }

.slick-prev::after,
.slick-next::after { width: 40px; height: 40px; margin-top: -20px; }

/*social*/
.social {display: flex;	}
.socialinst {width:60%; }
.socialtwitter {width:40%; }

#insta { width:60%; box-sizing:border-box; float:left; }
#twitter { width:40%; box-sizing:border-box; float:right; padding:10px 10px 20px; }

/* page
-------------------------------- */
.page #container { padding-top: 120px; }
.page .section { width: 70%; max-width: 900px; min-width: 700px; background: transparent; margin: 0 auto 60px; }

/* list */
#list .sectionTit { line-height: 40px; margin: 0 0 40px; }
#list .infoList {
	display: block;
	margin: 0 0 50px;
}
#list .infoList li { margin: 0 0 30px; }


/* calendar */
.cal_wrapper {
	max-width: 960px;
	min-width: 300px;
	margin: 2.0833% auto;
}
.googlecal {
	position: relative;
	padding-bottom: 100%;
	height: 0;
}
.googlecal iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}