@charset "UTF-8";

/* base
-------------------------------- */
.pc {display: none !important; }
body {
	-webkit-text-size-adjust: none;
	color: #151515;


	font-size: 14px;
	line-height: 1.7;
}
a {
}


#container {
	padding: 5px;

}

h1 {}
h2 {font-size:35px;}
h3 {font-size:25px;}
h4 {font-size:15px;}




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


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

}
table th {

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






.area img {width:30%; padding:10px;}




/* header
-------------------------------- */
#header {
      background:#fff; padding-bottom: 10px;
      border-bottom:1px solid #ffbaba;
}
#header h1.logo { font-size: 50px; text-align: center; padding: 20px 0 0; }
#header h1.logo a { display: block; width: 100px; line-height: 0; text-decoration: none; margin: 0 auto; }
#header h1.logo img { width: 100px; height: auto; margin:o auto; }
.bandname { width:100%;  margin-top:10px;  text-align:center;}
.bandname img { width:98%; height:auto; }
#header nav {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 60px;
	background-size: 300px;
	background-color: #fff;
	position: fixed;
	left: 0;
	top: -65px;
	z-index: 998;
	overflow: hidden;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	justify-content: center;
	align-items: center;
}


#header nav .logo svg path { fill: #151515; }
#header .gNav { width: 100%; }
#header .gNav li { opacity: 0; border-bottom:1px solid #ff3333; }
#header .gNav a {
	display: block;
	color: #ff3333;
	font-family: 'Montserrat','Noto Sans Japanese', sans-serif;
	font-weight:100;
	font-size: 24px;
	text-decoration: none;
	line-height: 36px;
	text-align:center;
	padding: 10px ;
}
#header .snsNav { width: 100%; padding: 0 10%; opacity: 0; }
#header .snsNav li { display: inline-block; }
#header .snsNav li a {
	display: inline-block;
	color: #ff3333;
	font-size: 24px;
	margin: 0 15px 0 0;
}

/* navBtn */
#header #navBtn {
	width: 24px;
	height: 16px;
	position: fixed;
	right: 20px;
	top: 10px;
	z-index: 999;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#header #navBtn span {
	display: inline-block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #ff3333;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#header #navBtn span:nth-of-type(1) { top: 0; }
#header #navBtn span:nth-of-type(2) { top: 7px; }
#header #navBtn span:nth-of-type(3) { bottom: 0; }
#header #navBtn::after {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	content: '';
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -22px;
	border-radius: 50%;
	border: 2px solid transparent;
	transition: all .75s;
}
/* headerFix */
.headerFix #header #navBtn { top: 22px; }
.headerFix #header nav { top: 0; box-shadow: 0 0 1px rgba(0,0,0,0.2); }
/* menuOpen */
.menuOpen #header nav {
	height: 100%;
	background-color: #fff;
	top: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 60px;
	overflow: scroll;
}
.menuOpen #header nav .logo { left: 10%; }
.menuOpen #header nav .logo path { fill: #fff; }
.menuOpen #header nav .logo img { opacity: 0; }
.menuOpen #header .gNav li:nth-child(1) { -webkit-animation: fade 1s ease 0.1s 1 forwards; animation: fade 1s ease 0.1s 1 forwards; }
.menuOpen #header .gNav li:nth-child(2) { -webkit-animation: fade 1s ease 0.2s 1 forwards; animation: fade 1s ease 0.2s 1 forwards; }
.menuOpen #header .gNav li:nth-child(3) { -webkit-animation: fade 1s ease 0.3s 1 forwards; animation: fade 1s ease 0.3s 1 forwards; }
.menuOpen #header .gNav li:nth-child(4) { -webkit-animation: fade 1s ease 0.4s 1 forwards; animation: fade 1s ease 0.4s 1 forwards; }
.menuOpen #header .gNav li:nth-child(5) { -webkit-animation: fade 1s ease 0.5s 1 forwards; animation: fade 1s ease 0.5s 1 forwards; }
.menuOpen #header .gNav li:nth-child(6) { -webkit-animation: fade 1s ease 0.6s 1 forwards; animation: fade 1s ease 0.6s 1 forwards; }
.menuOpen #header .gNav li:nth-child(7) { -webkit-animation: fade 1s ease 0.7s 1 forwards; animation: fade 1s ease 0.7s 1 forwards; }
.menuOpen #header .gNav li:nth-child(8) { -webkit-animation: fade 1s ease 0.8s 1 forwards; animation: fade 1s ease 0.8s 1 forwards; }
.menuOpen #header .gNav li:nth-child(9) { -webkit-animation: fade 1s ease 0.9s 1 forwards; animation: fade 1s ease 0.9s 1 forwards; }
.menuOpen #header .snsNav { -webkit-animation: fade 1s ease 1s 1 forwards; animation: fade 1s ease 1s 1 forwards; }

@-webkit-keyframes fade { 100% { opacity: 1; } }
@keyframes fade { 100% { opacity: 1; } }
.menuOpen #header #navBtn { top: 22px; }
.menuOpen #header #navBtn span { background: #ff3333; }
.menuOpen #header #navBtn span:nth-of-type(1) { -webkit-transform: translateY(20px) rotate(-45deg); transform: translateY(20px) rotate(-45deg); top: -11px; }
.menuOpen #header #navBtn span:nth-of-type(2) { left: 60%; opacity: 0; -webkit-animation: active-menu-bar02 .8s forwards; animation: active-menu-bar02 .8s forwards; }
.menuOpen #header #navBtn span:nth-of-type(3) { -webkit-transform: translateY(-20px) rotate(45deg); transform: translateY(-20px) rotate(45deg); bottom: -15px; }
.menuOpen #header #navBtn::after { -webkit-animation: circle .4s .25s forwards; animation: circle .4s .25s forwards; }
@-webkit-keyframes active-menu-bar02 { 100% { height: 0; } }
@keyframes active-menu-bar02 { 100% { height: 0; } }
@-webkit-keyframes circle {
	0% { border-color: transparent; -webkit-transform: rotate(0); }
	25% { border-color: transparent #ff3333 transparent transparent; }
	50% { border-color: transparent #ff3333 #ff3333 transparent; }
	75% { border-color: transparent #ff3333 #ff3333 #ff3333; }
	100% { border-color: #ff3333; -webkit-transform: rotate(-680deg); }
}
@keyframes circle {
	0% { border-color: transparent; transform: rotate(0); }
	25% { border-color: transparent #ff3333 transparent transparent; }
	50% { border-color: transparent #ff3333 #ff3333 transparent; }
	75% { border-color: transparent #ff3333 #ff3333 #ff3333; }
	100% { border-color: #ff3333; transform: rotate(-680deg); }
}



/*news */
.newscont {
margin:0;


clear:both;
}

.featitem {
position:relative;
background:#fff;
padding: 5px;
}


.featdes {
color: #151515;
}


.newsitem  {
	margin-top:10px;
	position:relative;
	background:#fff;
	width:100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.newscont h2 {
font-size:18px;
color:#ff3333;
}

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


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




.newsimg {
min-height: 50px;
padding:5px 0;
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:auto;
text-align:center;
vertical-align:middle;

}



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


.featitem img {
width:100%;
height:auto;
}


.featitem:hover img  {
 opacity: .8;

}

.newsimg:hover img  {
 opacity: .8;

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

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

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

 .sectionTitsub {
	font-size: 25px;
	font-family: 'Montserrat','Noto Sans Japanese', sans-serif;
	color:#ff3333;
	float:right;
	font-weight: 100;
	text-align: left;
}

.bio {
width:100%;
float:left;}

.bio2 {
width:100%;
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;}




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

}




.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;


}
.disco figure:hover figcaption {
    transform: translateY(0);
}

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

.discodetail th, .discodetail td
 {
  width:100%;
  display:block;

}









/* footer
-------------------------------- */
#footer {
          margin-top:10px;
          padding-top:10px;
          text-align: center;
}
#footer .snsNav a { font-size: 24px; }
#footer .copyright { font-size: 11px; line-height: 50px;}

/* section
-------------------------------- */
section { padding: 10px 5px; }
.home section:nth-child(odd) {  }
.sectionTit {
	font-family: 'Montserrat','Noto Sans Japanese', sans-serif;
	font-size: 30px;
	font-weight: 100;
	color:#ff3333;
	text-align: left;
	padding-left:10px;
/*	background:#fff; */
}

/* 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:18px; line-height:30px; padding-right: 60px;}
.infoList .more {
position:absolute;
bottom:5px;
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;
}

/* keyVisual
-------------------------------- */
#keyVisual { background: #fff;padding: 0; }
#keyVisual li { }
.carousel li a { display: block; padding: 0 5%; }
.slick-prev::before,
.slick-next::before { width: 20px; height: 20px; margin-top: -10px; }

/*social*/
.social {display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
}
.socialinst {width:100%; }
.socialtwitter {
	width:100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.socialtwitter iframe {
	width: 700px !important;
	margin: 0;
	padding: 0;
}
/* news,media
-------------------------------- */
#news,
#media,
#live,
#list { padding-left: 0; padding-right: 0; }

#show .calendar { text-align: center; padding: 1em 0; }
#show .calendar a { display: inline-block; width: 150px; }

/* page
-------------------------------- */
.page #header { height: 60px; }
.page #header h1.logo { display: none; }
.page .section { background: transparent; }
.page .section img { max-width: 100%; height: auto; }


/* detail */
#detail .tit {
font-family: 'Montserrat','Noto Sans Japanese', sans-serif;
color:#ff3333;
font-size: 18px;
line-height:25px;
margin: 0 0 10px;
      }

#detail .date { font-size: 12px; margin: 0 0 10px;  color:#ff3333;}
.txt {
padding:10px 0;
background:#fff;
 border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

/* calendar */
.cal_wrapper {
	max-width: 960px;
	min-width: 300px;
	margin: 3.0833% auto;
}
.googlecal {
	position: relative;
	padding-bottom: 120%;
	height: 0;
}
.googlecal iframe {
	position: absolute;
	top: 0;
	left: 0;
/*	width: 100% !important; */
	height: 100% !important;
	min-height: 400px;
}
/*	iphone 4 */
@media screen and (max-width:320px) {
	#schedule .sectionTit { font-size: 27px; }
}