@charset "utf-8";

#page-halloween .event-caution {
margin-bottom: 30px;
}

#page-halloween{
	max-width:1100px;
	margin:0 auto;
}

#page-halloween h3,
#page-halloween-apply h3{
	position:relative;
	margin:4em 0 1.5em;
	padding:.4em 1em;
	background:#f6f6f6;
	border:1px solid #e1e1e1;
	font-size:1.8rem;
	font-weight:500;
}

#page-halloween h3 + h3{
	margin-top: 0;
}

#page-halloween h3::after,
#page-halloween-apply h3::after{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	margin-top:-12px;
	width:5px;
	height:24px;
	background:#A45BD4;
}

#page-halloween h3 em{
	font-weight:700;
	font-style:normal;
}

@media screen and (max-width:767px) {

#page-halloween h3,
#page-halloween-apply h3{
	font-size:1.5rem;
	line-height:1.4;
}

#page-halloween h3.first-ttl,
#page-halloween-apply h3.first-ttl{
	margin-top:2em;
}

#page-halloween h3 em{
	display:block;
}

}

#page-halloween .covid_list {
margin: 15px 0 0 20px;
}
#page-halloween .box{
	max-width:980px;
	margin:0 auto;
}

#page-halloween table.info-table2{
    border-top:1px dotted #ddd;
}

#page-halloween table.info-table2 th,
#page-halloween table.info-table2 td{
    border-bottom:1px dotted #ddd;
}

#page-halloween table.info-table2 th{
	background:#fff;
	text-align:left;
}

#page-halloween .event-program li{
	/*float:left;*/
}
#page-halloween .event-program {
display: flex;
flex-wrap: wrap;
}

#page-halloween .event-program li img{
	border:5px solid #fff;
}

#page-halloween .event-program li img:hover{
	border:5px solid #009FC5;
}

#page-halloween .event-program li p{
	text-align:center;
}

@media screen and (min-width:768px) {

#page-halloween .event-program li{
	width:32%;
	margin-right:2%;
}

#page-halloween .event-program li:nth-child(3n){
	margin-right:0;
}

#page-halloween .event-program li:nth-child(n+4){
	margin-top:4%;
}

#page-halloween .event-program li p{
	margin-top:10px;
}

}


@media screen and (max-width:767px) {

#page-halloween .event-program li{
	width:48%;
	margin-right:4%;
}

#page-halloween .event-program li:nth-child(even){
	margin-right:0;
}

#page-halloween .event-program li:nth-child(n+3){
	margin-top:4%;
}


}

#page-halloween .event-date-box{
	display:block;
	margin-top:20px;
	padding:20px 25px;
	background:#A45BD4;
	border-radius:5px;
	font-size:1.6rem;
	color:#fff;
}

#page-halloween .event-date-box dl{
	  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	font-weight: 700;
}


#page-halloween .event-date{
	display:block;
	margin-top:20px;
	padding:20px 25px;
	background:#A45BD4;
	border-radius:5px;
	font-size:1.6rem;
	color:#fff;
}

#page-halloween .event-date span{
	display:block;
	font-size:1.4rem;
}

@media screen and (max-width:767px) {

#page-halloween .event-date{
	padding:10px 15px;
	font-size:1.4rem;
}

#page-halloween .event-date span{
	display:block;
	font-size:1.2rem;
}

}

#page-halloween .event-date-box + p,
#page-halloween .event-date + p{
	margin:20px 0;
}

#page-halloween .event-photo2{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#page-halloween .event-photo2 li img{
	border: 1px solid #ddd;
}

@media screen and (min-width:768px) {

#page-halloween .event-photo2 li{
	width:23.5%;
}

#page-halloween .event-photo2 li:nth-child(n+2){
	margin-left: 2%;
}

}
	
#page-halloween .event-photo2 li p{
	margin-bottom: 10px;
	text-align: center;
	line-height: 1.2;
}

	
#page-halloween .event-photo2 li strong{
	display: block;
	margin-top: 10px;
	text-align: center;
	line-height: 1.2;
}
#page-halloween .event-photo2 li span{
	display: block;
	text-align: center;
	line-height: 1.2;
}

@media screen and (max-width: 767px) {

	#page-halloween .event-photo2 li{
	float:left;
	width:48%;
}

	#page-halloween .event-photo2 li:nth-child(even){
		margin-left: 4%;
}

	#page-halloween .event-photo2 li:nth-child(n+3){
		margin-top: 2s5px;
}

}

#page-halloween .event-photo li{
	float:left;
	width:49%;
}

#page-halloween .event-photo li:first-child{
	margin-right:2%;
}

#page-halloween h3{
	font-weight:700;
}

#page-halloween h3 span{
	border-radius:3px;
	color:#fff;
}

@media screen and (min-width:768px) {

#page-halloween .performer-photo li{
	float:left;
	width:45%;
}

#page-halloween .performer-photo li:first-child{
	margin-right:10%;
}

}

@media screen and (max-width:767px) {

#page-halloween .performer-photo li:nth-child(n+2){
	margin-top:15px;
}

}


@media screen and (min-width:768px) {

#page-halloween h3 span{
	margin-left:10px;
	padding:5px 10px;
	font-size:1.3rem;
}

}


@media screen and (max-width:767px) {

#page-halloween h3 span{
	margin-right:10px;
	padding:5px 5px;
	font-size:1.2rem;
}

}


#page-halloween h3 .pink{
	background:#E5677F;
}

#page-halloween h3 .green{
	background:#7AA516;
}

#page-halloween h3 .red{
	background:#D90000;
	border-radius:0;
}

#page-halloween .event-caution{
	margin-top:50px;
	padding:30px 50px;
	background-color:#FF850B;
	background-image:url(../img/halloween/event-caution-bg.png);
	border-radius:10px;
	color:#fff;
}

#page-halloween .event-caution ul.l-circle li::before {
    content:"";
    background:#fff;
}

@media screen and (max-width:767px) {

#page-halloween .event-caution{
	margin-top:30px;
	padding:15px;
}

}

#page-halloween .btn-bg-black{
	background:#295D81;
	border-radius:5px;
}


#page-halloween .btn-bg-black:hover{
	opacity:.7;
}



@media screen and (max-width:1040px) {

#page-halloween .box{
	width:94%;
}

}

@media screen and (max-width:767px) {

#page-halloween table.info-table th{
	background:#f6f6f6;
}

}


















#page-halloween-apply .form-box{
	max-width:1000px;
	margin:0 auto;
}

#page-halloween-apply .form-box .step-bar{
	position:relative;
	width:100%;
	margin-top:2em;
	margin-bottom:2em;
	text-align:center;
	overflow:hidden;
	zoom:1;
}

#page-halloween-apply .form-box .step-bar .step{
	position:relative;
	float:left;
	display:inline-block;
	padding:0 40px 0 20px;
	background:#f1f1f1;
	line-height:40px;
}

#page-halloween-apply .form-box .step-bar .step:before,
#page-halloween-apply .form-box .step-bar .step:after{
	position:absolute;
	left:-15px;
	display:block;
	content:"";
	background:#f1f1f1;
	border-left:4px solid #fff;
	width:20px;
	height:20px;
}

#page-halloween-apply .form-box .step-bar .step:after{
	top:0;
	-moz-transform:skew(30deg);
	-ms-transform:skew(30deg);
	-webkit-transform:skew(30deg);
	transform:skew(30deg);
}

#page-halloween-apply .form-box .step-bar .step:before{
	bottom:0;
	-moz-transform:skew(-30deg);
	-ms-transform:skew(-30deg);
	-webkit-transform:skew(-30deg);
	transform:skew(-30deg);
}

#page-halloween-apply .form-box .step-bar .step:first-child{
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
}

#page-halloween-apply .form-box .step-bar .step:first-child:before,
#page-halloween-apply .form-box .step-bar .step:first-child:after{
	content:none;
}

#page-halloween-apply .form-box .step-bar .step:last-child{
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
}

#page-halloween-apply .form-box .step-bar .step.current{
	color:#fff;
	font-weight:700;
	background-color:#009FC5;
}

#page-halloween-apply .form-box .step-bar .step.current:before,
#page-halloween-apply .form-box .step-bar .step.current:after{
	background-color:#009FC5;
}

#page-halloween-apply .form-box .step-bar .step{
	width:33.33333333%;
}

#page-halloween-apply .form-box .step-bar + p{
	margin-bottom:2em;
	font-size:16px;
	font-size:1.6rem;
	text-align:center;
}

#page-halloween-apply .form-box .required::before{
	position:absolute;
	left:10px;
	content:"必須";
	margin-right:10px;
	padding:0 2px;
	background:#fff;
	border:1px solid #E50112;
	color:#E50112;
	font-size:11px;
	font-size:1.1rem;
}

#page-halloween-apply .form-box input[type=text],
#page-halloween-apply .form-box input[type=email],
#page-halloween-apply .form-box input[type=number],
#page-halloween-apply .form-box textarea{
	width:100%;
	padding:5px;
	background:#fff!important;
	border:1px solid #d3d3d3;
	font-family:'Noto Sans Japanese', sans-serif;
}

#page-halloween-apply .form-box input[type=text]:focus,
#page-halloween-apply .form-box input[type=email]:focus,
#page-halloween-apply .form-box input[type=number]:focus,
#page-halloween-apply .form-box textarea:focus{
	border:1px solid #768BD3;
	-moz-box-shadow:0 0 5px #94A4DC;
	-webkit-box-shadow:0 0 5px #94A4DC;
	box-shadow:0 0 5px #94A4DC;
	background:#fff!important;
}

#page-halloween-apply .form-box table{
	width:100%;
}

#page-halloween-apply .form-box table tr th,
#page-halloween-apply .form-box table tr td{
	position:relative;
	padding:1.5em;
	text-align:left;
}

#page-halloween-apply .form-box table tr:nth-child(odd) th,
#page-halloween-apply .form-box table tr:nth-child(odd) td{
	background-color:#f1f1f1;
}

#page-halloween-apply .form-box table tr th{
	padding-left:50px;
	width:24%;
	vertical-align:middle;
}

#page-halloween-apply .form-box table tr td .line{
	border-left:1px solid #ddd;
	padding-left:1.5em;
}

#page-halloween-apply .form-box table tr:nth-child(odd) td .line{
	border-left:1px solid #ddd;
}

#page-halloween-apply .form-box table tr td ul li{
	list-style-type:disc;
	margin:0 0 0 1em;
	padding:.2em 0 0;
	font-size:11px;
	font-size:1.1rem;
}

#page-halloween-apply .form-box .form-err{
	display:inline-block;
	background:#E50112;
	border-radius:5px;
	color:#fff;
	margin-top:10px;
	padding:5px;
	line-height:1.2em;
	font-size:13px;
	font-size:1.3rem;
}

#page-halloween-apply .form-box .w10{
	width:10% !important;
}

#page-halloween-apply .form-box .w20{
	width:20% !important;
}

@media screen and (max-width:1040px) {

#page-halloween-apply .form-box{
	max-width:94%;
}

}

@media screen and (max-width:992px) {

#page-halloween-apply .form-box .step-bar .step{
	padding:0 30px 0 10px;
}

#page-halloween-apply .form-box .step-bar li{
	font-size:14px;
	font-size:1.4rem;
}

#page-halloween-apply .form-box .required::before{
	left:inherit;
	right:0;
}

#page-halloween-apply .form-box table,
#page-halloween-apply .form-box table tbody,
#page-halloween-apply .form-box table tr{
	display:block;
}

#page-halloween-apply .form-box table tr td{
	display:block;
	width:100%;
	padding:10px 10px 20px 10px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}

#page-halloween-apply .form-box table tr th{
	background-color:#f1f1f1 !important;
	display:block;
	width:100%;
	padding:5px 50px 5px 10px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}

#page-halloween-apply .form-box table tr:nth-child(odd) th,
#page-halloween-apply .form-box table tr:nth-child(odd) td{
	background-color:transparent;
}

#page-halloween-apply .form-box table tr td .line{
	border-left:none;
	padding-left:0;
}

#page-halloween-apply .form-box table tr:nth-child(odd) td .line{
	border-left:none;
}

#page-halloween-apply .form-box .w10{
	width:30% !important;
}

#page-halloween-apply .form-box .w20{
	width:50% !important;
}

}

@media screen and (max-width:768px) {

#page-halloween-apply .form-box .step-bar .step{
  padding:0 20px 0 0;
}

#page-halloween-apply .form-box .step-bar li{
	font-size:11px;
	font-size:1.1rem;
}
}

/* キービジュアル*/

#page-halloween .main_imgbox {
display: block;
max-width: 970px;
margin: 0 auto 50px;
text-align: center;
}
.main_imgbox img {
width: 100%;
}

.mazda_imgbox {
margin: 100px 0 20px;
}
.mazda_imgbox img {
width: 100%;
}
#page-halloween .sec_mazda .bg_mazda {
background: #DC000C;
}

/*sponsor*/
.sponsor_list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 25px;
}
.sponsor_list li {
  margin: 0 15px 15px;
		display: block;
}
.sponsor_list li img {
  width: 100%;
}
.sponsor_list li:hover {
  opacity: 0.8;
}
.sponsor_list .large {
width: 40%;
margin-bottom: 30px;
}
.sponsor_list .ms {
width: 28%;
margin: 10px 30px 30px;
}
.sponsor_list .sheraton {
width: 21%;
}

@media screen and (max-width:767px) {
.sponsor_list {
margin-bottom: 20px;
}
.sponsor_list li {
margin: 0 10px 10px;
}
.sponsor_list .large {
width: 60%;
margin-bottom: 5px;
}
.sponsor_list .ms {
width: 40%;
margin: 5px 10px;
display: block;
}
.sponsor_list .sheraton {
width: 25%;
}
.gs {
width: 25%;
}
.square {
width: 8%;
}
.paltec {
max-width: 45px;
}
.sekisui {
max-width: 130px;
}
.ryotsu {
max-width: 110px;
}
}

.daidogeinin {
margin-top: 30px;
}

@media all and (max-width : 767px ){
.daidogeinin li {
margin-bottom: 15px;
}
}