@charset "utf-8";

/*typo*/
.page{padding-top: 2em;}
.page h1{text-align: center;margin:80px 0 200px 0;font-size: 36px;}
.page-sub{padding-top: 1em;}
.page-sub h1{text-align: center;margin:40px 0 5px 0;font-size: 36px;}
.page-sub #event{padding-bottom: 2em;}
#main-content .infopage-bg-u h2{font-size: 28px; margin-bottom: 1em;margin-top: 20px;text-align: center;}

/*event*/
.eventpage-bg{background: url("../images/event-bg.png");background-size:100% auto;background-repeat: no-repeat;
    background-position: 0px 30px; min-height: 100vh;}
.infopage-bg{background: url("../images/event-bg.png");background-size:100% auto;background-repeat: no-repeat;
    background-position: 0px 80px; }
.newspage-bg{background: url("../images/mainbg02-pc.png");background-size:100% auto;background-repeat: no-repeat;
    background-position: 0px 30px; min-height: 100vh;}

@media screen and (min-width:576px) and (max-width:991.98px){.page h1{text-align: center;margin:40px 0 150px 0;font-size: 30px;}
.eventpage-bg{background: url("../images/event-bg-sp.png");background-size:100% auto;background-repeat: no-repeat;
    background-position: 0px 50px; min-height: 100vh;}
	.infopage-bg{background: #ffffff;}
	.infopage-bg-u{background: url("../images/event-bg-sp.png");background-size:100% auto;background-repeat: no-repeat;
    background-position: 0px 20px;padding-bottom: 30px;}
	.newspage-bg{background: url("../images/mainbg02-pc.png");background-size:100% auto;background-repeat: no-repeat;
    background-position: 0px 30px; }
	#main-content .infopage-bg-u h2{font-size: 22px; margin-bottom: 1em;margin-top:120px;text-align: left;}
}

@media screen and (max-width:576px) {
	.page h1{text-align: center;margin:25px 0 100px 0;font-size: 22px;}
	.eventpage-bg{background: url("../images/event-bg-sp.png");background-size:100% auto;background-repeat: no-repeat;
    background-position: 0px 50px; min-height: 100vh;}
	.infopage-bg{background:#ffffff;}
	.infopage-bg-u{background: url("../images/event-bg-sp.png");background-size:100% auto;background-repeat: no-repeat;
    background-position: 0px 20px;padding-bottom: 30px;}
	#main-content .infopage-bg-u h2{font-size: 16px; margin-bottom: 1em;margin-top:100px;text-align: left;}
}




table.table01{
  border-collapse: collapse;
  width: 80%;margin: 2em auto;
}
.table01 th,
.table01 td{
  padding:15px;
  border: solid 1px #231815;
  
  box-sizing:border-box;
}
.table01 th {
  background: #CFCFD1;
 text-align:center;
}
.table01 td{
  background: #ffffff;
  text-align: left;
  
}
@media screen and (max-width: 640px) {
  .table01 {
    width: 100%;
  }
  table.table01 th,
  table.table01 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .table01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}

.badge-base,.btn-base{background: #9e9ea0;color: #ffffff;margin-right: 0.5em;padding:0.25em  0.75em;}
.btn-base:hover{
    color: #ffffff;
    background-color: rgba(125,125,128,0.91);
}


/*form*/
form.contact{width: 90%; margin: 3rem auto;}
label{display: block; padding: 1rem 0 0.5rem 0;color: #000000; font-weight: 600;}
label.custom-control-label{padding: 0rem 0 0.5rem 0.25rem; font-weight: normal;}
label.form-check-label{padding: 0.5rem 0 0.5rem 0.25rem; font-weight: normal;}
label span{color: #FF0000; padding-left: 0.5rem;}
input[type="text"] ,input[type="email"],input[type="tel"]{display: flex;
  width: 100%;
  border: 1px solid #A0A0A0;
  border-radius: 0px;
  margin: 8px auto;
  outline: none;
  padding: 5px;
font-size: 1rem;
  transition: 0.3s;
}

input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus{
  border-color: #8C8C89;
  box-shadow: 0 0 8px 0 #8C8C89;
}

/*input[type="checkbox"] {
  position: relative;margin-right: 0.5rem;
  width: 16px;
  height: 16px;
  border: 1px solid #A0A0A0;background: #ffffff;
  vertical-align: -5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input[type="checkbox"]:checked:before {
  position: absolute;
  top: 1px;
  left: 4px;
  transform: rotate(50deg);
  width: 4px;
  height: 8px;
  border-right: 2px solid #383838;
  border-bottom: 2px solid #383838;
  content: '';
}
*/
textarea{border: 1px solid #A0A0A0;width: 100%;height: 200px; padding: 10px;transition: 0.3s; margin: 8px auto;
border-radius: 0px;}
textarea:focus{border:2px solid #8C8C89;
	outline:0;}
::-webkit-input-placeholder {
   color: #8C8C89;
}
:-moz-placeholder {
   color: #8C8C89;  
}
::-moz-placeholder {
   color: #8C8C89; 
}
:-ms-input-placeholder {  
   color: #8C8C89;  
}

.form-check-l{margin: 0 0.25rem 0 1rem;}
span.nowarp{white-space:nowrap;}