@charset "utf-8";


#formWrap {
	width:960px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:85%;
}
h3{
	font-size:1.5em;
}

table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:20%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

.sab_title {
	padding:0.5em;
	margin:0.5em 0;
	background-color:#C03;
	color:#FFF;
	font-size:1.2em;
}
br {
display:block;
content:"";
margin:10px 0;
}

.tbl-r04,
.tbl-r05{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	margin-bottom:1em;
}

.tbl-r04 th,
.tbl-r05 th{
  background: #efefef;
  border: solid 1px #ccc;
  /*color: #555;*/
  padding: 10px;
  font-weight:normal;
}
.tbl-r04 td,
.tbl-r05 td{
  border: solid 1px #ccc;
  padding: 10px;
}


/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:10px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:90%;
	padding:5px;
	font-size:110%;
	display:block;
	margin:10px 0;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
br {
display:block;
content:"";
margin:10px 0;
}
}


@media screen and (max-width: 640px) {
 .tbl-r04,
 .tbl-r05{
    width: 95%;
	margin-right:5%;
  } 
  .tbl-r04 td,
  .tbl-r05 td{
	width:auto;
	display:block;
}
  .tbl-r04 .thead,
  .tbl-r05 .thead{
    display: none;
  }
  .tbl-r04 tr,
  .tbl-r04 td,
  .tbl-r05 tr,
  .tbl-r05 td{
    display: block;
    width: 100%;
    position: relative;
	border-bottom:none;
  }
  
  .tbl-r04 td:last-child,
  .tbl-r05 td:last-child{
   border-bottom: solid 1px #ccc;
  }
  
 
  .tbl-r04 tr,
  .tbl-r05 tr{
    margin-bottom: 40px;
  }
  
    .tbl-r04 tr:last-child,
	.tbl-r05 tr:last-child{
    margin-bottom: 0;
  }
   .tbl-r04 td:nth-child(1) {
	   background-color:#efefef;
  }
  .tbl-r04 td:nth-child(2):before {
    content: "日付";
  }
  .tbl-r04 td:nth-child(3):before {
    content: "時間";
  }
  .tbl-r04 td:nth-child(4):before {
    content: "希望会場名";
  }
   .tbl-r04 td:nth-child(5):before {
    content: "人数";
  }

   
}

@media screen and (min-width: 768px){
.br-sp {display: none; }
}



#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #ef3f98;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}