@charset "utf-8";

#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:#009FC5;
}

#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 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:#3FA8BB;
	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:#3FA8BB;
	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;
		margin-bottom: 30px;
}

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

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

#page-halloween .event-photo2 li{
	width:32%;
	margin-bottom: 10px;
}

#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;
	margin-bottom: 20px;
	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%;
}
.event-photo li strong {
display: block ;
margin-top: 10px ;
margin-bottom: 30px;
text-align: center;
line-height: 1.2;
}


#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;
}

}

.event-program .clear {
clear: both;
}
@media all and (max-width : 767px ){
.event-program .clear {
clear: none;
}
}

.event_txt {
font-size: 1.4rem;
margin-bottom: 30px;
}


.key_visual {
max-width: 980px;
margin: 0 auto 50px;
}
.key_visual img {
width: 100%;
}

/*sponsor*/
.sponsor_list {
  display: flex;
  justify-content: center;
  align-items: center;

  margin-bottom: 50px;
}
.sponsor_list .ls {
max-width: 510px;
}
.sponsor_list .ms {
width: calc(28% - 100px / 3 );
margin-right: 50px;
}
.sponsor_list .ms:nth-child(3){
margin-right: 0px;
}

.sponsor_list .gs {
width: calc(22% - 150px / 4);
margin-right: 30px;
}
.sponsor_list .gs:nth-child(4){
margin-right: 0px;
}

.sponsor_list .ss {
width: calc(15% - 100px / 3);
margin-right: 50px;
}
.sponsor_list .ss.paltec {
height: 70px;
width: auto;
}
.sponsor_list .ss:nth-child(3){
margin-right: 0px;
}
.sponsor_list .sss {
width: calc(12% - 150px / 6);
margin-right: 30px;
}
.sponsor_list .sss.zainichi {
height: 55px;
width: auto;
}
.sponsor_list .sss:nth-child(6){
margin-right: 0px;
}
.sponsor_list .us {
width: calc(14.5% - 120px / 5);
margin-right: 30px;
}
.sponsor_list .us.mint {
height: 35px;
width: auto;
}
.sponsor_list .us:nth-child(6){
margin-right: 0px;
}
.sponsor_list li img {
  width: 100%;
}
.sponsor_list li:hover {
  opacity: 0.8;
}
@media screen and (max-width:767px) {
  .sponsor_list {
    margin-bottom: 20px;
				padding: 0 10px;
  }
  .sponsor_list li {
    margin: 0 10px 10px;
  }
		.sponsor_list .ls {
max-width: 220px;
}
.sponsor_list .ms {
width: calc(30% - 20px / 3 );
margin-right: 10px;
}
.sponsor_list .gs {
width: calc(24% - 24px / 4);
margin-right: 8px;
}


.sponsor_list .ss {
width: calc(18% - 30px / 3);
margin-right: 15px;
}
.sponsor_list .ss.paltec {
height: auto;
width: 30px;
}
.sponsor_list.phone_wrap {
flex-wrap: wrap;
}
.sponsor_list .sss {
width: calc(20% - 50px / 6);
margin-right: 15px;
}
.sponsor_list .sss.zainichi {
height: auto;
width: 40px;
}
.sponsor_list .kobegakuen {
width: 85px;
}
.sponsor_list .sheraton {
width: 55px;
}

.sponsor_list .us {
width: calc(35% - 40px / 5);
margin-right: 10px;
}
.sponsor_list .us.mint {
height: auto;
width: 60px;
}
.sponsor_list .us:nth-child(6){
margin-right: 0px;
}
.sponsor_list .ryotsu {
height: auto;
width: 80px;
}
}

.info-table .art_event_title {
font-size: 1.4rem;
font-weight: bold;
margin-bottom: 10px;
}
.info-table .art_event_caption {
margin-bottom: 20px;
}
.event-photo3 {
max-width: 980px;
}
.event-photo3 img {
width: 100%;
}
.event-photo3 strong {
	display: block;
	margin-top: 10px;
	margin-bottom: 50px;
	text-align: center;
	line-height: 1.2;
}
.purpose {
margin-left: 20px;
}
.purpose li span {
background: #FFFF00;
}
.cap_txt {
margin: 20px 0 30px;
}
.link_banner_box {
display: flex;
justify-content: space-between;
margin: 40px 0 20px;
}
.link_banner_box li {
margin-right: 10px;
}
.link_banner_box li a:hover {
opacity: 0.8;
}
.sake_subtitle {
font-size: 2.0rem;
font-weight: 700;
padding-top: 50px;
margin-bottom: 20px;
}
@media screen and (max-width:767px) {
.sake_subtitle {
font-size: 1.3rem;
padding-top: 30px;
margin-bottom: 15px;
}
}
.sake_subtitle:first-of-type {
padding-top: 0px;
}
.mb-30 {
margin-bottom: 30px !important;
}
.cation_txt {
font-size: 1.5rem;
margin-bottom: 20px;
margin-left: 20px;
color: red;
}

.art_banner {
max-width: 980px;
height: auto;
margin: 0 auto 50px !important;
}
.art_banner img {
width: 100%;
}



.link_box {
max-width: 980px;
height: auto;
margin: 0 auto 20px;
}
.link_box a {
transition: ease 0.5s;
}
.link_box a:hover {
transition: ease 0.5s;
opacity: 0.8;
}