@charset "utf-8";

h2{
	background:#005bd1 url(/search_event/images/back_h2.png) no-repeat 10px 50%;
	text-indent:32px;
}
.eventBox{
	margin:0 10px 40px;
}
.eventBox ul.pLink{
	width:100%;
	height:auto;
	overflow:hidden;
}
.eventBox ul.pLink li{
	width: 50%;
	background: #f2f2f2 url(/common/images/btnArrorDown.png) no-repeat 95% 50%;
	float: left;
	font-size: 32px;
	line-height: 1.0em;
	text-align: center;
	margin-bottom: 20px;
	background-size: 9px 8px;
	-moz-background-size: 9px 8px;
	-webkit-background-size: 9px 8px;
}
.eventBox ul.pLink li.oc{
	font-size: 30px;
	letter-spacing:-0.1em;
}
.eventBox ul.pLink li:nth-child(odd){
	border-right:#ffffff solid 10px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.eventBox ul.pLink li a{
	color:#484848;
	display:inline-block;
	padding:20px 10px;
}

@media screen and (max-width:736px) {
h2{
	background-position:5px 50%;
	background-size:17px 15px;
	-moz-background-size:17px 15px;
	-webkit-background-size:17px 15px;
	text-indent:17px;
}
.eventBox{
	margin:0 5px 10px;
}
.eventBox p{
	font-size:13px;
	margin-bottom:10px;
}
.eventBox ul.pLink li{
	font-size:16px;
	margin-bottom:10px;
}
.eventBox ul.pLink li.oc{
	font-size: 14px;
}
.eventBox ul.pLink li a{
	padding:15px 5px;
}
}


/*----------------------------------------------------*/
  .eventBox h3{
	  border-bottom:#005bd1 solid 4px;
	  border-top:#005bd1 solid 4px;
	  font-size:32px;
	  color:#000000;
	  line-height:1.0em;
	  text-indent:36px;
	  padding:10px;
	  margin-bottom:20px;
  }
    .eventBox h3.e1,.eventBox h3.e2{
		background:#e6f1ff url(/search_event/images/back_h3_01.png) no-repeat 5px 50%;
	}
    .eventBox h3.e3{
		background:#e6f1ff url(/search_event/images/back_h3_02.png) no-repeat 5px 50%;
	}
    .eventBox h3.e4{
		background:#e6f1ff url(/search_event/images/back_h3_03.png) no-repeat 5px 50%;
	}
  .eventBox div{
	  height:auto;
	  overflow:hidden;
	  background:#f2f2f2 url(/common/images/btnArrorRight.png) no-repeat 98% 50%;
	  margin-bottom:10px;
	  padding:10px 26px 10px 10px;
	  -moz-box-sizing:border-box;
	  -webkit-box-sizing:border-box;
	  box-sizing:border-box;
  }
    .eventBox div img{
		float:left;
		margin-right:10px;
		margin-bottom:10px;
	}
    .eventBox div p{
		font-size:28px;
		color:#484848;
		line-height:1.25em;
	}

@media screen and (max-width:736px) {
	.eventBox h3{
		border-bottom:#005bd1 solid 2px;
		border-top:#005bd1 solid 2px;
		font-size:16px;
		text-indent:20px;
		padding:5px;
		margin-bottom:10px;
	}
	  .eventBox h3.e1,.eventBox h3.e2,.eventBox h3.e3,.eventBox h3.e4{
		  background-size:15px auto;
		  -moz-background-size:15px auto;
		  -webkit-background-size:15px auto;
	  }
	.eventBox div{
		background-size:9px 8px;
		-moz-background-size:9px 8px;
		-webkit-background-size:9px 8px;
		margin-bottom:5px;
		padding:5px 13px 5px 5px;
	}
	  .eventBox div img{
		  width:56px;
		  margin-right:5px;
		  margin-bottom:5px;
	  }
	  .eventBox div p{
		  font-size:14px;
	  }
}


/*----------------------------------------------------*/
div.seach{
	height:auto;
	overflow:hidden;
	/*border:#cccccc solid 2px;*/
	margin:-2px 20px 60px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.ui-collapsible-heading{
	background:url(/common/images/backClose.png) no-repeat 98% 50%;
}
.ui-collapsible-heading-collapsed{
	background:#ffffff url(/common/images/backOpen.png) no-repeat 98% 50%;
}
div.seach h3{
	font-size:28px;
	color:#484848;
	line-height:1.0em;
}
div.seach h3 a{
	color:#005bd1;
	padding:30px;
	display:block;
}
  div.seach div.box{
	  height:auto;
	  overflow:hidden;
	  margin:0 10px 20px;
	  clear:left;
  }
div.seach h4{
	border-bottom:#005bd1 solid 4px;
	border-top:#005bd1 solid 4px;
	font-size:32px;
	color:#000000;
	line-height:1.0em;
	text-indent:41px;
	padding:10px 0;
	margin:40px 0;
	clear:left;
}
  div.seach h4.day{
	background:#e6f1ff url(/open_campus/images/back_h4_day.png) no-repeat 10px 50%;
  }
  div.seach h4.area{
	background:#e6f1ff url(/open_campus/images/back_h4_area.png) no-repeat 10px 50%;
  }
  div.seach h4.kubun{
	background:#e6f1ff url(/open_campus/images/back_h4_kubun.png) no-repeat 10px 50%;
  }
  div.seach span{
	  display:none;
  }
  div.seach select{
	width: 40%;
	border: #0198e7 solid 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 32px;
	color: #484848;
	padding: 5px;
	margin-bottom: 20px;
	margin-right: 10px;
	float: left;
  }
  div.seach p{
	  font-size:28px;
	  color:#484848;
	  line-height:47px;
	  float:left;
	  vertical-align:middle;
  }
  div.seach label{
	  width:49%;
	  height:auto;
	  overflow:hidden;
	  background-color:#f2f2f2;
	  font-size:32px;
	  color:#484848;
	  line-height:1.0em;
	  margin-bottom:10px;
	  padding:30px;
	  float:left;
	  -moz-box-sizing:border-box;
	  -webkit-box-sizing:border-box;
	  box-sizing:border-box;
  }
  div.ui-radio:nth-of-type(odd) label{
	  margin-right:2%;
  }
  div.seach label:before{
	  position:absolute;
	  content:"";
	  top:50%;
	  left:10px;
	  width:36px;
	  height:36px;
	  margin-top:-18px;
	  background:#e5e5e5;
	  border-radius:50%;
}
  div.seach input[type=radio]{
	  display:none;
  }
  div.seach label.ui-radio-on{
	  background-color:#0198e7;
	  color:#fefefe;
  }
  div.seach label.ui-radio-on:after{
	  position:absolute;
	  content:"";
	  top:50%;
	  left:20px;
	  width:18px;
	  height:18px;
	  margin-top:-9px;
	  border-radius:50%;
	  background:#0198e7;
  }
div.seachBox .btnBox{
	text-align:center;
	border-style: none;
}
div.seachBox button.ui-btn{
	border:none;
	background-color:inherit;
	margin:40px 0;
	display:inline-block;
}
div.seachBox button{
	border-style: inherit;
}


@media screen and (max-width:736px) {
	div.seach{
		/*border:#cccccc solid 1px;*/
		margin:-1px 10px 30px;
	}
	.ui-collapsible-heading,.ui-collapsible-heading-collapsed{
		background-size:14px 14px;
		-moz-background-size:14px 14px;
		-webkit-background-size:14px 14px;
	}
	  div.seach h3{
		  font-size:14px;
	  }
	  div.seach h3 a{
		  padding:15px;
	  }
	  div.seach div.box{
		  margin:0 5px 10px;
	  }
	  div.seach h4{
		  border-bottom:#005bd1 solid 2px;
		  border-top:#005bd1 solid 2px;
		  font-size:16px;
		  text-indent:24px;
		  padding:5px 0;
		  margin:20px 0;
	  }
	    div.seach h4.day{
			background-position:5px 50%;
			background-size:16px 14px;
			-moz-background-size:16px 14px;
			-webkit-background-size:16px 14px;
		}
		div.seach h4.area{
			background-position:5px 50%;
			background-size:16px 12px;
			-moz-background-size:16px 12px;
			-background-size:16px 12px;
		}
		div.seach h4.kubun{
			background-position:5px 50%;
			background-size:16px 14px;
			-moz-background-size:16px 14px;
			-webkit-background-size:16px 14px;
		}
	  div.seach select{
		  font-size:16px;
		  margin-bottom:10px;
		  margin-right:10px;
	  }
	  div.seach p{
		  font-size:14px;
		  line-height:38px;
	  }
	  div.seach label{
		  font-size:16px;
		  margin-bottom:5px;
	  }
	  div.seach label:before{
		  left:5px;
		  width:18px;
		  height:18px;
		  margin-top:-9px;
	  }
	  div.seach label.ui-radio-on:after{
		  left:9.5px;
		  width:9px;
		  height:9px;
		  margin-top:-5px;
	  }
	div.seachBox button.ui-btn{
		margin:20px 0;
	}
	  div.seachBox button img{
		  width:141px;
	  }
}


/*詳細ページ
----------------------------------------------------*/

.eventContents{
	height:auto;
	overflow:hidden;
	margin:20px 0 40px;
}
  .eventContents h2{
	  background-image:none;
	  text-indent:0;
  }
  .eventContents p{
	  font-size:28px;
	  color:#484848;
	  line-height:1.5em;
	  margin:0 10px;
  }
  .eventContents p.red{
	  color:#F00;
  }
  .eventContents .mainBox{
	  margin-bottom:40px;
	  text-align:center;
  }
  .eventContents ul.pdf,.eventContents ul.appli{
	  height:auto;
	  overflow:hidden;
	  text-align:center;
	  margin-bottom:0;
  }
  .eventContents ul.pdf li{
	  display:inline-block;
	  margin-bottom:10px;
  }
		.eventContents ul.appli li{
	  margin-bottom:10px;
		}
  .eventContents ul.pdf li:nth-of-type(odd){
	  margin-right:20px;
  }



.eventContents ul.pdfTxt,.eventContents ul.appliTxt{
	height:auto;
	overflow:hidden;
	text-align:center;
	margin:0 auto;
	width:70%;
}
.eventContents ul.pdfTxt li a{
	background-color: #49c654;
	box-shadow: 0 4px 0 #27ad35;
	font-size:32px;
	line-height:1.2em;
	color: #FFF !important;
	font-weight: bold;
	display: block;
	padding:10px;
	margin-bottom:14px;
}
.eventContents ul.appliTxt li a{
	background-color: #F78C2E;
	box-shadow: 0 4px 0 #EF4D08;
	font-size: 32px;
	line-height:1.2em;
	color: #FFF !important;
	font-weight: bold;
	display: block;
	padding: 10px;
	margin-bottom: 10px;
}
.eventContents ul.pdfTxt li a span,.eventContents ul.appliTxt li a span{
	font-size: 24px;
}

@media screen and (max-width:736px) {
.eventContents ul.pdfTxt li a,.eventContents ul.appliTxt li a{
	font-size:16px;
}
.eventContents ul.pdfTxt li a span,.eventContents ul.appliTxt li a span{
	font-size: 12px;
}

}



.eventContents .btnBox{
	  text-align:center;
	  border-style: none;
  }
 .eventContents .btnBox h3{
	/*background-color:#e6f1ff;
	border-bottom:2px solid #005bd1;
	border-top:2px solid #005bd1;
	font-size: 28px;
	color: #484848;
	line-height: 1em;
	margin-bottom: 10px;
	padding: 10px 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;*/
	background: #e6f1ff;
	border-bottom:#005bd1 solid 4px;
	border-top:#005bd1 solid 4px;
	font-size:28px;
	color: #484848;
	line-height:1.0em;
	padding:10px;
	margin-bottom:20px;
}

@media screen and (max-width:736px) {
	.eventContents{
		margin:10px 0 20px;
	}
	  .eventContents p{
		  font-size:14px;
		  margin:0 5px;
	  }
	  .eventContents .mainBox{
		  margin-bottom:20px;
	  }
	  .eventContents .mainBox img{
		  width:297px;
	  }
	  .eventContents ul{
		  /*margin-bottom:10px;*/
	  }
	  .eventContents ul li{
		  /*margin-bottom:10px;*/
	  }
	  .eventContents ul.pdf li:nth-of-type(odd){
		  margin-right:10px;
	  }
	    .eventContents ul.pdf li img{
			width:152px;
		}
	    .eventContents ul.appli li img{
			width:225px;
		}
		 .eventContents .btnBox h3{
	border-bottom:#005bd1 solid 2px;
	border-top:#005bd1 solid 2px;
	font-size:14px;
	padding:5px;
	margin-bottom:10px;
		}
}


/*概要
----------------------------------------------------*/
.douinBox{
	margin:0 5px 10px;
}
.douinBox.movie{
		text-align:center;
	}


h2.douin{
	background-color: #005bd1;
	font-size: 32px;
	color: #FFFFFF;
	line-height: 1.25em;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 10px 15px;
	text-indent: 0;
	background-image : none;
}
span.bold{
	font-weight:bold;
}
@media screen and (max-width:736px){
h2.douin{
		font-size:16px;
		margin-top:5px;
		margin-bottom:10px;
		padding:5px 10px;
	}
}
.douinBox h3.small{
    font-size:12px;
}
.douinBox h4{
	background:#0198E7 url(/school/images/title_bk.gif) repeat;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
	line-height:1.5em;
	margin:0 10px 5px;
	padding:0 5px;
}
.douinBox p{
	color: #484848;
	font-size: 12px;
	line-height: 1.6em;
}
.douinBox p.campus {
	color: #E30077;
	font-weight: bold;
	margin-top:5px;
	margin-bottom: 3px;
	margin-left: 0;
}
.douinBox .sub{
	margin-top:10px;
}
.douinBox .zoom{
	margin-top:10px;
	text-align:center;
}
.douinBox ul{
	/*margin-left:12px;*/
	margin-bottom: 5px;
}
.douinBox ul li{
	position: relative;
	color: #484848;
	font-size: 12px;
	line-height: 1.5em;
	padding-left: 17px;
	margin-bottom: 5px;
	/*padding: 5px 5px 5px 24px;*/
}

.douinBox ul li:after{
	content:'';
	display:block;
	position:absolute;
	background:#f39800;
	width: 12px;
	height: 12px;
	top:3px;
	left:0px;
	border-radius: 12px;
}

.douinBox ul ul li{
	background:none;
}

.douinBox p.bus {
	color:#F00;
	margin-top:10px;
	margin-bottom:10px;

}

.eventContents .schoolLink{
	border: 5px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	padding:10px 10px 13px 10px;
}
.eventContents .schoolLink p.txt{
	font-size: 28px;
	font-weight: bold;
	color: #484848;
	text-align: center;
	margin-bottom: 10px;
}
.eventContents .schoolLink p.btn{
	width: 50%;
	margin: 0 auto;
/*	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;*/
	padding: 10px;
	color: #FFF !important;
	font-weight: bold;
	font-size: 14px;
	line-height: normal;
	letter-spacing: 0.1em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	position: relative;
	cursor: pointer;
	background-color: #0193E0;
	box-shadow: 0 3px 0 #0072BD;
}
.eventContents .schoolLink p.btn:hover{
	background-color: #018AD3;
	box-shadow: 0 3px 0 #0072BD;
}
.eventContents .schoolLink p.btn a{
	display: block;
	color: #FFF !important;
}
/*.eventContents .schoolLink p.btn a::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 6px;
	height: 6px;
	margin-top: -6px;
	border-top: solid 3px #FFF;
	border-right: solid 3px #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}*/

@media screen and (max-width:736px){
.eventContents .schoolLink p.txt{
	font-size: 14px;
}
}

.shime{
	border-bottom:solid 2px;	
	font-weight:bold;
	letter-spacing: 0.5px;
}


#Check_sns{
	margin-top:40px;
	text-align:center;
}
@media screen and (max-width:736px){
#Check_sns{
	margin-top:20px;
}
}

.mcBox{
	text-align:center;
	margin-bottom:20px;
}
.mcBox h3 {
	position: relative;
	color: #FFFFFF;
	text-align: center;
    font-size: 16px;
    margin-bottom: 25px;
    margin-left: 10px;
    margin-right: 10px;
	background-color: #1387ED;
	margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.mcBox h3:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 50%;
  border: 10px solid transparent;
  border-top: 15px solid #1387ED;
  width: 0;
  height: 0;
}
.attention {
margin-bottom: 20px;
border: 3px solid #FF0000;
padding: 20px;
margin-left: 10px;
margin-right: 10px;
}
.attention p {
font-weight: bold;
text-align: center;
color: #FF0000;
}

.other-event{
display: flex;
justify-content: flex-end;
margin: 20px 5px 0;
font-size: 16px;
line-height: 1;
font-weight: 700;
}
.other-event a{
color: #1073EE;
}
.other-event img{
width: auto;
height: 14px;
margin-right: 5px;
}