.bold{
	font-weight: bold;
}
.txColorW {
	color:#fff;	
}

.logo{
	padding-top: 2%;
	z-index: 100;		
}
h3{
	font-weight: 800;

}
.tright{
	position: absolute;
	right: 0;
	font-size: 80%;
	padding-right: 10px;
	color: #fff;
}

.bgdot{
	position: absolute;
	background-image: url(../nimg/bg_dot.png);
	top:0px;
	width: 100%;
	height: 100%;
		z-index: 1;	
}
#results{
	margin-bottom: 30px;
}


#results table{
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
    table-layout: fixed;	
}
#results th{
	background: #f7f7f7;
	white-space: pre-wrap;
}

#results td{
	padding: 20px;
	border: solid 1px #ededed;
	vertical-align: middle;
	white-space: pre-wrap;
	text-align: left;
}
#results img{
	width: 100%;
	height: auto;

}
#results .w3{
	width: 160px;
}
.pdt{
	padding-top: 80px;
}

.maBottom100{
	margin-bottom: 100px !important;	
}

#artist .scroll-content,#entry  .scroll-content{
	overflow-y: scroll;
}


h2,p{white-space: pre-wrap;}

.ItemSpace p{
	white-space: pre-wrap;
}
.ItemSpace{
	max-width: 500px;
	margin:0 auto;
}
.prewrap{
	white-space: pre-wrap;
}
.prewrap li{
	white-space: pre-wrap;
}
.prewrap dd{
	white-space: pre-wrap;
}
 .glitch-img {
   position: absolute; 
   width : 100%; 
   height : 100%; 
   top: 0 ; 
   left : 0; 
   background-position:center;  
   -moz-background-size:cover;
   -o-background-size:cover;
   -webkit-background-size:cover;
   background-size:cover;
   opacity : 1;
   z-index: 0;
 } 
.logo img{
	

}
.logo{
	text-align: center;

}
.box{
	background-color:  rgba(255, 62, 152, 1);
	width: 400px;
	margin: 0 auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
	padding-bottom: 2px;
	border-radius:80px;
	background-image: url(../nimg/icon_a.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.box:hover{
	background-color: #ff77b7;
}
	
.box p{
	color: #fff;
	font-weight: 600;
	font-size: 120%;
	line-height: 1.6em;
}

.bgw{
	margin-top:200px;
	width: 100vw;
	background-color: #fff;
}
.bgw2{
	padding-top:200px;
	width: 100vw;
	background-color: #fff;
}


.max650{
	max-width: 650px;
}
.w99{
	overflow-x: hidden;
}
.box ul{
	border: solid 2px #000;
	padding-left:20px;
	padding-right: 20px;
}
.box dt{
	float: left;
	width: 10%;
}
.box dd{
	float: right;
	width: 90%;
}

.bg{
	background: url(https://www.hugoinc.us/0app/band/nimg/bg.jpg);
	width:  100vw;
	height: auto;
	background-position: center top;
	background-size: 120%;
	background-repeat: no-repeat;
}

#v{
	text-align: center;
}

.txColorB{
	color: #fff;
}



 .txtColor{
	color: 	#2B88BE;
}

#under .bgColor, #under .bgc,.under{
	text-align: center;
	background-color:#2B88BE;
	color: #fff;
}

.txtunder{
	color: 	#2B88BE;
}

.headLineL{
	 border-left:solid 10px #2B88BE;	
	border-bottom: solid 2px #000;
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 5px;
	font-size: 150%;
	margin-bottom: 20px;
	padding-left: 10px;
}

.field {
  font-size:120%;
  margin-bottom:20px;
  padding:5px;
  border: solid 1px #ccc;
}
.tfield{
  font-size:120%;	
  height: 200px;
  border: solid 1px #ccc;
}

.min{
	font-size: 85%;
}
.red{
	color: red;
}
.formimg{
	font-size: 150%;
	font-weight: 600;
	padding-bottom: 40px;
	color: #000;
	padding-top: 20px;
}
#form dt {
  padding-top:2%;	
  font-weight: bold;
  padding-bottom: 1%;
}
#form dd {

}



.center{
	text-align: center;
}


#flow li{
	float: left;
}
#flow li{
	width: 200px;
	margin-right: 10px;
	list-style: none;
	border: solid 1px #ccc;
	color: #555;
	background-color: #f7f7f7;
}
#flow ul:after{
	content: "";
	display: block;
	height: 0px;
	clear: both;
	overflow: hidden;
}
#flow ul{
	padding-left: 20px;
	width: 660px;
	margin: 0 auto;
	margin-bottom: 20px;

}
#flow .active{
	background-color: #fdd7d7;
	color: #000;
}

.container {
  width: 970px;
  padding-top:10px;
  margin: 0 auto;
}

.pure-form input.ng-dirty.ng-invalid {
  border-color: #e9322d;
}

.field-message {
  display: inline-block;
  color:#e9322d;
  font-size: 90%;
  margin-left: 0.5em;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

#under .headLineL{
	border-bottom: solid 2px #2B88BE;
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 5px;
	font-size: 160%;
	margin-bottom: 20px;
}

.iconC{
	background-image:url(../img/icon_circle.png);
	background-position: left center;
	background-repeat: no-repeat;
	
	font-size: 120%;
	margin-bottom: 5px;
}
.iconC:before{
	content: '◎ ';
	color: <br />
<b>Warning</b>:  Undefined array key 0 in <b>/home/koyomusicweb/music.ac.jp/public_html/band-festival/css/base.php</b> on line <b>339</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/koyomusicweb/music.ac.jp/public_html/band-festival/css/base.php</b> on line <b>339</b><br />
;
}

#under .iconC{
	background-image:url(../under/img/icon_circle.png);
	background-position: left center;
	background-repeat: no-repeat;

	font-size: 120%;
	margin-bottom: 5px;
}

.boxline{
	color:#FFF;
	padding: 20px;
	margin-bottom: 20px;
	text-align: left;
	border: solid 2px #fff;
}
.boxline2{
	border: solid 2px #555;
	color:#000;
	padding: 10px;
	margin-bottom: 20px;
}
/*
#under .boxline{
	border: solid 1px #2B88BE;
	color: #2B88BE;
	padding: 20px;
	margin-bottom: 20px;
}
*/


#addhome{
	width: 100%;
	text-align: center;
	position: fixed;
	bottom:-20px;
	z-index: 99;
}
#video{
	position: fixed;
	z-index: 0;
	width: 200px;
	height: auto
}
#canvas{
	z-index: 1;	
	width: 100vw;
	height: auto;
}

.addhome {
 width: 120px;
  margin: 0 auto;
  background-color:#03B4E8;
  margin-bottom:30px;
  padding:20px;
  position:relative;
  text-align:center;
  border-radius: 20px;
  font-weight: 500;
  color:#F7F9FF;
}
.addhome:after {
  border-top: 12px solid #03B4E8;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  content: '';
  margin-left: -10px;
  position: absolute;
  bottom: -12px;
  left: 50%;
}

.balloon {
  background-color:#03B4E8;
  margin-bottom:30px;
  padding:20px;
  position:relative;
  text-align:center;
  border-radius: 20px;
  font-weight: 500;
  color:#F7F9FF;
}
.balloon:after {
  border-top: 12px solid #F7F9FF;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  content: '';
  margin-left: -10px;
  position: absolute;
  bottom: -12px;
  left: 50%;
}

#op {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #fff;
	z-index: 9999;
}
#op div {
	width: 40%;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#op div::after {
    content: "";
    display: block;
    height: 100%;
    width: 30px;
    position: absolute;
    top: -180px;
    left: 0;
    background-color: #fff;
    opacity: 0;
    -webkit-transform: rotate(25deg);
    -webkit-animation: reflection 2s ease-in-out infinite;
    transform: rotate(25deg);
    animation: reflection 2s ease-in-out infinite;
}
@-webkit-keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(25deg); opacity: 0; }
    20% { -webkit-transform: scale(0) rotate(25deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(25deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(25deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(25deg); opacity: 0; }
}
@keyframes reflection {
    0% { transform: scale(0) rotate(25deg); opacity: 0; }
    20% { transform: scale(0) rotate(25deg); opacity: 0; }
    80% { transform: scale(0) rotate(25deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(25deg); opacity: 1; }
    100% { transform: scale(50) rotate(25deg); opacity: 0; }
}


/* ふわふわさせたいものに fuwafuwaクラスを付与 */
.fuwafuwa {
	-webkit-animation-name:fuwafuwa; /* fuwafuwaっていうアニメーションをしてね！ */
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:fuwafuwa;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}
/* fuwafuwaっていうアニメーションはこんなふうだよ！ */
@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -20px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -20px);}
	100% {-moz-transform:translate(0, 0);}
}


#under .balloon-top {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	background: #FFF;
 	border: solid 2px #2B88BE;
 	box-sizing: border-box;
 	padding: 3%;
}

#under .balloon-top:before{
	content: "";
	position: absolute;
	top: -24px;
	left: 50%;
 	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #FFF;
 	z-index: 2;
}

#under .balloon-top:after{
	content: "";
	position: absolute;
	top: -29px;
	left: 50%;
 	margin-left: -17px;
	border: 14px solid transparent;
	border-bottom: 14px solid #2B88BE;
 	z-index: 1;
}








@media all and (-ms-high-contrast: none) {
.tab-item{
	max-width: none;
}

}



*{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	font-weight: normal;
	vertical-align:baseline;
	background:transparent;
	list-style: none;
	text-decoration: none;
	font-style: normal;
}

a{color: #000;}

b{font-weight: 700;}

img{
	-webkit-backface-visibility: hidden;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

.vb{
	vertical-align:bottom !important;
}

select{
	border: solid 1px #ccc;
}


.icatht{
	float: left;
	width: 40%;	
	padding-right: 2%;
}
.icatht img{
	width: 100%;
	height: auto;
}
#newslist li:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
#newslist li{
	padding: 2%;
	background-color: #fff;
	margin-bottom: 2px;
}




@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
a{cursor: pointer;}
a img:hover{opacity: 0.7;}

body{
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
  font-size: 15px;
  letter-spacing:0.05em;
  overflow-x: hidden;

  
}
#visual{
	background-color: #1c8fd8;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	border-top: solid 6px #F0F4FA;
	border-bottom: solid 6px #F0F4FA;	
}
.sec{
	max-width:800px;
	margin: 0 auto;
	padding-bottom:60px;	
}

.sec2{
	width:90%;
	max-width:1200px;
	margin: 0 auto;
	padding-bottom:60px;	
}



/* Head Line */
.headLine{font-weight: 700;padding-bottom: 1em;font-size: 110%;}
.headLine2{font-weight: 700;padding-bottom: 0.1em;ont-size: 110%;}
.headLineWhite{color: #fff;}

/* Text Style */
.txtWhite{color: #fff;}
.txtRed{color: red;}
.txtPurple{color: #c768c2;}
.txtPurple a{color: #c768c2;}
.txtBold{font-weight:800;}
.txtS80{font-size: 80%;}
.txtS90{font-size: 90%;}
.txtS100{font-size: 100%;}
.txtS110{font-size: 110%;}
.txtS120{font-size: 120%;}
.txtS130{font-size: 130%;}
.txtS140{font-size: 140%;}
.txtS150{font-size: 150%;}
.txtS200{font-size: 200%;}
.txtS300{font-size: 300%;}
.txtL{text-align: left;}
.txtR{text-align: right;}
.center{text-align: center;}
.lcenter li{text-align: center;}
.linkU, .more-link{text-decoration: underline;}
.linkC{color:#fff;}
.list li{
	list-style: disc;
	margin-left: 1.5em;


}
.listRight{
	text-align: right;
}

.lh0{
	line-height: 0;
}
.catch{
	font-size: 140%;
	max-width: 980px;
	margin: 0 auto;
	text-align: center;
}
.catch{
	line-height: 2em;
}


/* hide br */
.pc{display: block;}
.sp{display: none;}
.hide{display: none;}
.brPC{display:block;}
.brSP{display:inline;}




/* section padding margin */
.mauto{margin: 0 auto;}
.mbpb0{margin-bottom: 0 !important;padding-bottom: 0 !important;}
.pd1{padding: 1%;}
.pd2{padding: 2%;}
.pd3{padding: 3%;}
.pd4{padding: 4%;}
.pd5{padding: 5%;}
.pd10{padding: 10%;}
.lpdBottom2 li{padding-bottom: 2%;}
.lpdBottom5 li{padding-bottom: 5%;}
.pdBottom1{padding-bottom: 1% !important;}
.pdBottom2{padding-bottom: 2% !important;}
.pdBottom3{padding-bottom: 3% !important;}
.pdBottom4{padding-bottom: 4% !important;}
.pdBottom5{padding-bottom: 5% !important;}
.pdBottom10{padding-bottom: 10% !important;}
.pdBottom20{padding-bottom: 20% !important;}
.maBottom1{margin-bottom: 1% !important;}
.maBottom2{margin-bottom: 2% !important;}
.maBottom3{margin-bottom: 3% !important;}
.maBottom4{margin-bottom: 4% !important;}
.maBottom5{margin-bottom: 5% !important;}
.maBottom10{margin-bottom: 10% !important;}
.maBottom20{margin-bottom: 20% !important;}

.pdTop1{padding-top: 1%;}
.pdTop2{padding-top: 2%;}
.pdTop3{padding-top: 3%;}
.pdTop4{padding-top: 4%;}
.pdTop5{padding-top: 5%;}
.pdTop10{padding-top: 10%;}
.pdTop20{padding-top: 20%;}
.pdTop40{padding-top: 200px !important;}
.bgW{background-color: #fff;}

/* Button imagelayout */
.button{
	max-width: 250px;
	margin: 0 auto;
	text-align: center;
	padding: 10px;
	border: solid 1px #ccc;
}
.button:hover{background-color: rgba(255, 217, 237, 0.33);}
.radius5{
	border-radius: 5px;	
	-webkit-border-radius:  5px;
	-moz-border-radius: 5px;
}

.button2{
	max-width: 300px;
	margin: 0 auto;
	text-align: center;
	padding: 5px;
	border-radius: 20px;	
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	background-color:#9e3939;
	color: #fff;
	cursor: pointer;
	font-weight: 600;
}
.button2:hover{background-color:#870000;}

.textarea{
	height: 200px;
	border: solid 1px #DDD;
	width: 100%;
}

.button3{
	max-width: 250px;
	margin: 0 auto;
	text-align: center;
	padding: 5px;
	border-radius: 20px;	
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	background-color:#009d13;
	color: #fff;
	cursor: pointer;
}
.side-menu-left li{
	padding: 20px;
}



.radius5{
	border-radius: 5px;	
	-webkit-border-radius:  5px;
	-moz-border-radius: 5px;
}


.radius10{
	border-radius: 10px;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.circle{
	border-radius: 50%;
	text-align: center;
	width: 100px;
	height: 80px;
	padding-top: 27px;
	font-size: 120%;
	color: #fff;
	background-color: #ff94b5;
	margin-left: -60px;	
	float: left;	
}
.circle2{
	font-size: 120%;	
	border-radius: 50%;
	text-align: center;
	width: 20px;
	height: 20px;
	color: #fff;
	background-color: #ff94b5;
	margin-left: -22px;		
}

/* Table */

.table{
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 100%;
}
.table th{
	background-color: #F7F7F7;
	padding: 20px;
	vertical-align: middle;
	border: solid 2px #000;
	text-align: left;	
}
.table td{
	border: solid 2px #000;
	padding: 20px;	
	vertical-align: middle;
}
.table2{
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 100%;
	color: #000;
}
.table2 th{
	background-color: #F7F7F7;
	padding: 20px;
	vertical-align: middle;
	border: solid 1px #ededed;
	text-align: left;	
}
.table2 td{
	border: solid 1px #ededed;
	padding: 20px;	
}



.table3{
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 100%;
}
.table3 th{
	padding: 20px;
	vertical-align: middle;
	border: solid 2px #FFF;
	text-align: left;	
}
.table3 td{
	border: solid 2px #FFF;
	padding: 20px;	
	vertical-align: middle;
	text-align: left;
}

.table4{
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 100%;
}
.table4 th{
	padding: 20px;
	vertical-align: middle;
	border: solid 2px #000;
	text-align: left;	
}
.table4 td{
	border: solid 2px #000;
	padding: 20px;	
	vertical-align: middle;
	text-align: left;
	line-height: 1.1em;
}


.bgColor2{
	background-color: #4B4B4B !important;
	color: #FFF;
	padding: 10px;
}
.bgColor3{
	background-color: #c7ded3 !important;
}
.bgColor4{
	background-color: #f9c7e3 !important;
}
.bgColor5{
	background-color: #f9d4d2 !important;
}
.bgColor6{
	background-color:#f6ffe2 !important;
}
.bgBox{
	background-color: #4B4B4B !important;
	color: #FFF;
	padding-left: 10px;
	padding-right: 10px;	
}



.calendar td{
	width: 13%;
	padding: 2%;
	height: 40px;
	border: solid 1px #EDEDED;
	text-align: center;
}
.calendar th{
	width: 13%;
	padding: 2%;
	border: solid 1px #EDEDED;
	text-align: center;
	background-color: #D3D3D3;
	color: #fff;
	font-weight: 600;	
}

.calendar{
	width: 100%;
	border-collapse: collapse;
}
.calendar .sun{
	color: #FD7F9C;
}
.calendar .sat{
	color: #88B7FD;
}
.calendar .holiday{
	color: red;
}

.calendar .poc{
	color: pink;
	font-weight: bold;
}
.calendar .minioc{
	color: pink;
	font-weight: bold;
}
.calendar .oc{
	color: pink;
	font-weight: bold;
}
.calendar .today{
	background-color: #f7f7f7;
}
.calendar td{
	background-color: rgba(255, 255, 255, 0.89);
}

.scroll{
	overflow: auto;
	white-space: nowrap;
	margin-bottom: 2%;
}
.scroll::-webkit-scrollbar{
 height: 5px;
}
.scroll::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}

/* Line */
.dash{
	border-bottom: dashed 1px #555;
	max-width: 980px;
	margin: 0 auto;
	padding-bottom: 2%;
	margin-bottom: 2%;
}

/* Background */
.bgGray{background-color:#F7F7F7;}
.bgGray2{background-color: #626262;color: #fff;}
.bgWhite{background-color: #fff;}
.bgPurple{background-color:#f5e6fe;}
.bgBeige{background-color: #F4F3EF;}
.bgSky{background-color: #def4ff;}
.bgPink{background-color: #ea7bac;}
.bgPink2{background-color: #FBBADA;}
.bgOrange{background-color: #f1b849;}

.bgFooter{
	background-image:url();
	background-size: 100%;
	background-position: center top;
	background-repeat: no-repeat;	
}

/* column  */
.column2{
	letter-spacing: -0.4em
}
.column2 li{
	letter-spacing: normal;
	display:inline-block; 
	/display:inline; 
	/zoom:1;
	width: 49.5%;
	vertical-align: top;
}
.column2 li:nth-child(odd){
	padding-right: 1%;
}

.column3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    letter-spacing: -0.4em
}
.column3 li {
    letter-spacing: normal;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    width: 32%;
    vertical-align: top;
    padding-bottom: 1%;
}

.column4{
	letter-spacing: -0.4em;
	margin-right: -2%;
}
.column4 li{
	letter-spacing: 0;
	display:inline-block;
	/display:inline; 
	/zoom:1;
	width:23.5%;
	vertical-align:top;
	margin-right: 0%;
	padding-bottom: 0%;
}

.ribbon1 {
    display: inline-block;
    position: relative;
    height: 50px;/*リボンの高さ*/
    line-height: 50px;/*リボンの高さ*/
    vertical-align: middle;
    text-align: center;
    padding: 0 30px;/*横の大きさ*/
    font-size: 18px;/*文字の大きさ*/
    background: #f167a7;/*塗りつぶし色*/
    color: #FFF;/*文字色*/
    box-sizing: border-box;

}
.rb{
	width: 300px;
	margin: 0 auto;
}

.ribbon1:before, .ribbon1:after{
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}

.ribbon1:before{
    top: 0;
    left: 0;
    border-width: 25px 0px 25px 15px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
}

.ribbon1:after{
    top: 0;
    right: 0;
    border-width: 25px 15px 25px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}




/* float  */
.clr:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
.fL{float: left;}
.fR{float: right;}
.w90{width: 90%;}
.w92{width: 92%;}
.w88{width: 88%;}
.w80{width: 80%;}
.w78{width: 78%;}
.w70{width: 70%;}
.w68{width: 68%;}
.w75{width: 75%;}
.w65{width: 65%;}
.w60{width: 60%;}
.w55{width: 55%;}
.w50{width: 50%;}
.w45{width: 45%;}
.w49{width: 49%;}
.w40{width: 40%;}
.w30{width: 30%;}
.w20{width: 20%;}
.w15{width: 15%;}
.w16{width: 16%;}
.w25{width: 25%;}
.w12{width: 12%;}
.w10{width: 10%;}
.w35{width: 35%;}
.w38{width: 38%;}
.w98{width:98%;}
.w100{width:100%;}

/* image Rect  */
.oft{
	object-fit: cover;
	font-family: 'object-fit: cover;'	
}
.btn{
	margin-top: 10px;
	background-color: #be1212;
	color: #fff;
	padding-left: 40px;
	padding-right: 40px;
	font-size: 160%;
	padding-top: 10px;
	padding-bottom: 10px;
	 border-radius: 3px;
	 cursor: pointer;
}
.txtCy{
	background-color: #FFF100;
	padding: 5px;
	font-weight: bold;
}
.txtCp{
	background-color: #ED7E8E;
	padding: 5px;
	font-weight: bold;	
}


#schedule th,#schedule td{
    color:#000;
}




/* header  */


header #logo{
	padding-top: 0px;
	padding-left: 2%;
	padding-bottom: 10px;
}
header #rNav{
	position: absolute;
	right: 0px;
	top:30px;
	padding-right: 2%;
}
header #rNav .btList li{
	float: left;
	width:110px;
	letter-spacing: 0em;
	font-size: 12px;
}
header #rNav2{
	position: absolute;
	left: 0%;
	top:2px;
	width: 100%;
	height: 30px;
	text-align: right;
}


/* nav  */
nav{
	width: 980px;
	margin: 0 auto;
	margin-bottom: 16px;

}
nav ul li{
	float: left;
	width: 163.3px;
	text-align: center;
	position: relative;	
	font-size: 110%;
	line-height: 1em;
}
nav ul:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

/* visual  */

#visual .fR{
	padding-top: 5%;
	padding-right: 3%;
}

#visual .bg img{
	width: 100%;
	height: auto;
}
#visual .clr{
	position: absolute;
	width: 100%;
	top:10px;
	z-index: 90;
}
#visual .clr img{
	max-width: 90%;
	height: auto;
}


#visual .catch{
	position: absolute;
	top:24%;
	left: 18%;	
}
#visualUnder{
	width: 1178px;
	margin: 0 auto;
}



/* breadcrumb  */
.pnav{
	max-width: 980px;
	margin: 0 auto;
	padding-top:5px;

	text-align: left;
}
.pnav a{
	text-decoration: underline;
}


/* slider  */
#topSlide{
	max-width: 1177px;
	margin: 0 auto;
	padding-bottom: 60px;
}
#topSlide .slider{
	margin-left: 1px;
}
#topSlide .slider div{
	margin-right: 2px;
}
.bx-prev {
  background-image:url(../img/common/icn_arrowL.png);
  width:27px;
  height:43px;
  left:-3%;
  position:absolute;
  top:45%;
  z-index: 10;
}
.bx-next {
  background-image:url(../img/common/icn_arrowR.png);
  width:27px;
  height:43px;
  position:absolute;
  right:-3.2%;
  top:45%;
   z-index: 10; 
}
footer{
	background-color: #3a387a;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
}



/* footer 
footer{
	width: 100%;
	background-color: #F0F4FA;
	padding-top: 20px;
	color: <br />
<b>Warning</b>:  Undefined array key 0 in <b>/home/koyomusicweb/music.ac.jp/public_html/band-festival/css/base.php</b> on line <b>1369</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/koyomusicweb/music.ac.jp/public_html/band-festival/css/base.php</b> on line <b>1369</b><br />
;
	z-index: 100;
	position: relative;
}
footer .sitemap{
	max-width: 980px;
	margin: 0 auto;
	padding-bottom: 30px;
}
footer .txtR{
	position: absolute;
	bottom: 100px;
	right: 10px;
	z-index: 99;	
}
.sitemap .fR{
	padding-bottom: 10px;
}

footer .sitemap a{
	color: <br />
<b>Warning</b>:  Undefined array key 0 in <b>/home/koyomusicweb/music.ac.jp/public_html/band-festival/css/base.php</b> on line <b>1389</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/koyomusicweb/music.ac.jp/public_html/band-festival/css/base.php</b> on line <b>1389</b><br />
;
}
 */
address{
	background-color: #AA9CDA;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
}

/* layout  */
#youtube div{
	width: 100%;
	text-align: center;
}

#youtube p{
	max-width: 600px;
	margin: 0 auto;
}





.bg1{
	margin-bottom: 5%;
}
.bgit{
	background-image: url(../img/bg_c.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 100px;
	position: relative;
}
.bgi{
	background-image: url(../img/bg_head.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 100px;
	position: relative;
}



.bgit .g{
	position: absolute;
	top:0px;
	right: -50px;
	opacity: 0.4;
}

#top .oneday{
	text-align: left;
	padding-top: 200px;
	padding-bottom: 60px;
	line-height: 1em;
}
#under .oneday{
	text-align: left;
	padding-top: 10px;
	padding-bottom: 60px;
	line-height: 1em;
}
.bg2{
	position: relative;
}
.bg2 .clr{
	position: absolute;
	top:20%;
	width: 100%;
}
.bg2 ul{
	width: 100%;
}
.bg2 .center{
	position: absolute;
	top:10%;
}
.bg2 .bg{
	width: 100%;
	height: auto;
}

#headline h4 {
  left:20px;
  position:absolute;
  top:10px;
}
#headline {
  background-color:#FFFAC6;
  height:32px;
  margin:20px auto;
  padding-top:10px;
  width:1000px;
  position:relative; 
}

#headline p {
  background-color:#FFFFFF;
  height:24px;
  left:120px;
  padding-left:10px;
  position:absolute;
  top:10px;
  width:86%;
}

.bg2 .bg img{
	width: 100%;
	height: auto;
}

.bg4{
	background: url(../img/bg_4.jpg);
}
.pccenter{
	text-align: center;
}

.voice{
	font-size: 120%;
	padding-bottom: 2%;
	font-weight: 500;
	line-height: 1.2em;	
}
.voice:before{
	content: '‘‘ ';
	font-size: 200%;
	padding-left: 4%;

}
.voice:after{
	content: ' ,,';
	font-size: 200%;
	padding-right: 4%;
}
.blog p{
	font-size: 140%;
}

.bg2 .clr {
	top:28% ;
}

.underimg{
	position: absolute;
	top:200px;
	right: 20%;
}
.underimg img{
	width: 330px;
	height: auto;
}
#jbad div {
  background-color:#FFFFFF;
  border:1px dashed #000000;
  font-size:120%;
  margin:10px auto 20px;
  padding:20px;
  width:800px;
}

.icatch img{
	border-radius:50% !important;
		border: solid 5px #FFF;
}
.bg3{
	border-bottom: 2px dotted #777;
	padding-bottom: 5%;
}
#voice img{
	width: 100%;
	height: auto;
}
#logo{
	width: 100%;
	text-align: left !important;
}

.ol li{
	margin-left: 20px;
	list-style:decimal;
	margin-bottom: 5px;
}
.newicon{
	display: none;
}

#home video {
   height: 100vh;
   width:auto;
   min-width: 100vw;
   z-index: 100;
   overflow-x: hidden;
   opacity: 1;
  
}
.has-header{
	position: absolute;
	width: 100vw;
	top:0px;
	z-index: 1;
	padding-bottom: 50px;
}


.button.button-positive{
	background-color: #c41616;
}
.button.button-positive:hover{
	background-color:#870000;
}
.bgb{
	background-color: #e41818;
	position: relative;
	background-image: url(../nimg/bg.jpg);
	background-size: 100%;
	padding: 20px;
	color:#fff;
	padding-top: 60px;
	padding-bottom: 30px;
}

.bgb a{
	color:#fff;	
}
.tabs-light>.tabs, .tabs.tabs-light {
    border-color: #ddd;
    background-color: #fff;
    background-image: linear-gradient(0deg,#ddd,#ddd 50%,transparent 50%);
    color: #444;
}

.tabs {
    background-color: rgba(255, 255, 255, 1) !important;
}
.tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: horizontal;
    -moz-flex-direction: horizontal;
    -ms-flex-direction: horizontal;
    flex-direction: horizontal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    border-color: #b2b2b2;
    background-color: #f8f8f8;
    background-image: linear-gradient(0deg,#b2b2b2,#b2b2b2 50%,transparent 50%);
    color: #444;
    position: fixed;
    bottom: 0;
    z-index: 5;
    width: 100%;
    height: 49px;
    border-style: solid;
    border-top-width: 1px;
    background-size: 0;
	line-height: 1em;
	padding-top: 10px;
}
.txtS{
    font-size: 11px;
}
.tabs p{
	width: 130px;
}
.ics{
	font-size: 22px;
}
.pt{
	padding-top: 50px;
}

.pb{
	padding-bottom: 100px;
}



@media all and (max-width: 780px) {
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
.pc{display: none;}
.sp{display: block;}
.brPC{display:inline;}
.brSP{display:block;}
footer{display: none;}
/* nav  */
nav{
	width: 101%;
	border-top: solid 1px #ccc;	
}
#wrap{
	background-image:none;
}
#top .oneday{
	padding-top:10px;
	padding-bottom: 40px;
}
.pnav {
	padding-bottom: 20px;
	width: 100%;
}



.bgi {
	padding-top: 100px !important;
}
.bgit{
	padding-top: 100px !important;
}


nav ul{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 16px;
}

nav ul li{
	float: left;
	width: 33%;
	height: 40px;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding-top: 5%;
	text-align: center;
	position: relative;	
	font-size: 110%;
	line-height: 1em;
}
nav ul:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
#under #wrap{
	border-top: 1px solid #ccc; 
}
.sec{width: 90%;margin: 0 auto;}
.pnav{width: 90%;margin: 0 auto;}
.spfoot{
	background-color: <br />
<b>Warning</b>:  Undefined array key 0 in <b>/home/koyomusicweb/music.ac.jp/public_html/band-festival/css/base.php</b> on line <b>1750</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/koyomusicweb/music.ac.jp/public_html/band-festival/css/base.php</b> on line <b>1750</b><br />
;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}
#wrap{
	width: 100%;
	overflow-x: hidden;
	margin-top: 27.2%;
}
.pccenter{
	text-align: left;
}
.bg3 p{
	font-size: 80%;
}
.blog p{
	font-size: 100%;
	padding-left: 5%;
}
.blog{
	margin-top: 10%;
}

.blog .img{
	padding-top: 5%;
	width: 80%;
	height: auto;	
}


#visual .fR{
		padding-top: 0%;
}

.w92 img{
	max-width: 70%;
	height: auto;
}




.bgi{
	margin-top: 2%;
	padding-top: 35%;

	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	border-bottom: solid 1px #ccc;
	margin-bottom: 20px;
}
.bgit{
	margin-top: 2%;
	padding-top: 1%;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100%;
	border-bottom: solid 1px #ccc;
	margin-bottom: 20px;
}
.bgit .g{
	position: absolute;
	top:-80px;
	right: 0px;
	opacity: 0.4;
	width: 60%;
}


.bg3 .fR img{
	width: 80%;
	height: auto;
}



.bg2 .clr {
	top:32% !important;
}



header #logo{
	float: left;
	width: 70%;
	padding-top: 6%;
	padding-left: 2%;
	padding-right: 2%;
	text-align: left !important;
}
header #spMenu{
	float: right;
	width: 18%;
	text-align: right;
	padding-top:5.5%;
	padding-right:3%;
	cursor: pointer;
}
header #spMenu p{
	font-size: 100%;
	font-weight: 600;
}
.sp100{
	width:100% !important;
}

.list{
	width: 90%;
	margin: 0 auto;
}
.sp100 li{
	display: block;
	width: 100% !important;
	margin-bottom: 7%;		
}
.sp96 li{
	display: block;
	width: 100%;
	margin-bottom: 4%;
}
.sp96{
	width: 96%;
	margin: 0 auto;
}
.sp100 .fL{
	display: block;
	width: 100%;
	margin-bottom: 7%;		
}
.sp100 .fR{
	display: block;
	width: 100%;
	margin-bottom: 7%;		
}
.sp50 li{
	width: 49% !important;
}
.sp60{
	width: 60%;
	height: auto;
	margin: 0 auto;
}
.sptxtS100{
	font-size: 100%;	
}
.sptxtS80{
	font-size: 80%;	
}

.list li{
	list-style: disc;
	margin-left: 0em;
}

.lpdBottom2 li{
	padding-bottom: 0;
}
.lpdBottom2 li img{
	width: 80%;
	height: auto;
}

 
#headline{
	width:100%;
}


/* table  */
.table th,.table td {
	width: 100%;
	display: block;
	padding: 2%;
}
.table th{
	border-bottom: 0px;
}
.table td{
	margin-bottom: 10px;
}

.table2{
	width: 100%;
}
.dash{
	width: 90%;
	margin: 0 auto;	
	margin-bottom: 2%;
}
.column4 li{ width: 48%;
}
#jbad div{
	width: 84%;
}
.bgi .g{
	top:-5%;
	right: -2%;
	width: 40%;
	height: auto;
	
}
.bar-footer {
	 margin-bottom: constant(safe-area-inset-bottom);
}

.bg{
	background: url(../nimg/bg.jpg);
	height: 100vh;
	width: auto;
	background-position: center top;
	background-size: 100%;
	background-repeat: no-repeat;
}
.inner{
	width: 90%;
	margin: 0 auto;
}

#home video {
   height: 100vh;
   width:auto;
   min-width: 100vw;
   z-index: 100;
   overflow-x: hidden;
   margin-left: -110%;
  
}
.logo img{
	width: 90%;
}
.box{
	width: 80%;
}
.box p{
		font-size: 110%;
	}
.bgb{
	background-size:600%;
	background-position: center bottom;
}


.logo{
	padding-top: 16%;
	
}
.entry{
	width: 90%;
	margin: 0 auto;
}
.column3 li {
	width:49.5%;
}


}





.headspc{
	padding-top:40px;
}
#content{
	background-color: #fff;
	margin-top: 20px;
	margin-bottom: 0px;
	width: 70%;
	height: 55px;
	padding: 5px;
}
#post{
	width: 22%;
	margin-bottom: 50px;
}
#chatsubmit{
	
}