@charset "UTF-8";
.wpcf7c-conf {
  color: #333 !important;
  border: none !important;
  background: transparent !important;
}
#mainEvents h2.siteTtl01 {
	position: relative;
	color: #fff;
	background: #fa967c;
	font-size: 1.143em;
	font-weight: bold;
	padding: 0.8em;
	box-sizing:border-box;
	z-index: -10;
}
#mainEvents h2.siteTtl01:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	height: 0;
	width: 0;
	border: 21px solid transparent;
	border-top: 10px solid #fa967c;
	border-right: 0px solid #fa967c;
}

#mainEvents .mainBox {
	border-top: none;
	border-right: 1px solid #fa967c;
	border-bottom: 1px solid #fa967c;
	border-left: 1px solid #fa967c;
}
#mainEvents .mainBox h4 {
	border-bottom: 2px solid #f18f27;
	font-size: 170%;
	margin-bottom: 2%;
	color: #f18f27;
	font-weight: normal;
}
#mainEvents .mainBox .icon01 {
	background: url(../img/pages/events/icon_events.png) no-repeat left 0.2em;
	padding-left: 20px;
}
#mainEvents h6.ttl {
	font-size: 140%;
	background: #258D3A;
	text-align: center;
	width: 666px;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #fff;
	margin-bottom: 2%;
	margin-right: auto;
	margin-left: auto;
}
/* カテゴリTOP
----------------------------------------------------*/

#mainEvents .mainBox02 {
	margin-bottom: 10%;
	overflow: hidden;
}
#mainEvents .mainBox02 .box2cal {
	width: 365px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
#mainEvents .mainBox02 .box2cal:nth-child(even) {
	margin-right:0px;
}
#mainEvents .mainBox02 .box2cal .box2calTxt {
	width: 355px;
	padding: 20px 30px;
	box-sizing:border-box;
	background: #fef7f6;
	border-right: 1px solid #eb6154;
	border-bottom: 1px solid #eb6154;
	border-left: 1px solid #eb6154;
	margin-left: 10px;
	line-height: 1.9;
	letter-spacing: 1px;
	letter-spacing: 0.1em;
}
#mainEvents .mainBox02 .sitTtl02 {
	font-size: 160%;
	font-weight: normal;
	color: #f18f27;
	margin-bottom: 3%;
	letter-spacing: 0.2em;
	clear: both;
}

#mainEvents h3.siteTtl03 {
	position: relative;
	color: #fff;
	background: #fa967c;
	font-weight: bold;
	padding: 0.8em;
	box-sizing:border-box;
	/*z-index: -10;*/
}
#mainEvents h3.siteTtl03 img {
	margin-left: 10px;
}
#mainEvents h3.siteTtl03:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	height: 0;
	width: 0;
	border: 10px solid transparent;
	border-top: 10px solid #eb6154;
	border-right: 0px solid #eb6154;
}
#mainEvents h3.siteTtl03 a {
	background: #fff url(../img/pages/events/icon_events.png) no-repeat 6px center;
	display: inline-block;
	color: #eb6154;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 90%;
	padding: 3px 6px 3px 19px;
	margin-bottom: 3px;
	text-decoration: none;
}

#mainEvents h3.siteTtl03 a:hover {
}
#mainEvents .anchorList01 {
	list-style-type: none;
}
#mainEvents .anchorList01 li a {
	color: #fff;
	text-decoration: none;
	background: #FFB600 url(../img/pages/events/icon_events.gif) no-repeat 15px 0.5em;
	padding-left: 30px;
	display: block;
	padding-top: 2px;
	padding-bottom: 1px;
	margin-bottom: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#mainEvents .anchorList02 {
	overflow: hidden;
}

#mainEvents .anchorList02 li {
	float: left;
	width: 340px;
	margin-right: 10px;
}

#mainEvents .anchorList02 li:nth-child(even) {
	margin-right: 0px;
}

#mainEvents .anchorList03 {
	overflow: hidden;
}

#mainEvents .anchorList03 li {
	float: left;
	width: 224px;
	margin-right: 9px;
}

#mainEvents .anchorList03 li:nth-child(3),
#mainEvents .anchorList03 li:nth-child(6) {
	margin-right: 0px;
}



#mainEvents .mgbM {
	margin-bottom: 45px;
}
#mainEvents .mgbM img {
		max-width: 100%;
		height: auto;
		width /***/:auto;　
}

/* イベント・セミナー紹介
----------------------------------------------------*/
#mainEvents .mainBox .news_row{
	border-bottom: dotted #797979 1px;
  width: 690px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
#mainEvents .mainBox .news_date {
  float: left;
  width: 80px;
  padding-left: 5px;
}
#mainEvents .mainBox .news_cat {
  float: left;
  width: 100px;
  height:18px;
  padding-left: 5px;
}
#mainEvents .mainBox .news_cat.cat_2{ 
	background:url(../img/pages/events/cat_events.png) no-repeat;
}
#mainEvents .mainBox .news_cat.cat_4{ 
	background:url(../img/pages/events/cat_openCampus.png) no-repeat;
}
#mainEvents .mainBox .news_cat.cat_6{ 
	background:url(../img/pages/events/cat_information.png) no-repeat;
}
#mainEvents .mainBox .news_cat.cat_5{ 
	background:url(../img/pages/events/cat_seminar.png) no-repeat;
}
#mainEvents .mainBox .news_cat.cat_8{ 
	background:url(../img/pages/events/cat_news.png) no-repeat;
}
#mainEvents .mainBox .news_ttl{
	float: left;
	width: 485px;
	padding-left: 15px;
}
#mainEvents .mainBox .news_ttl a{
	color:#fa967c;
}
#mainEvents .mainBox .wp-pagenavi{
	padding-top:15px;
	text-align:center;
}
#mainEvents .mainBox .wp-pagenavi .previouspostslink{
	display:inline-block;
	width:120px;
	height:30px;
	margin-right:20px;
	padding:0;
	border:none;
	background:url(../img/pages/schoolguide/prev.png);
}
#mainEvents .mainBox .wp-pagenavi .nextpostslink{
	display:inline-block;
	width:120px;
	height:30px;
	padding:0;
	border:none;
	background:url(../img/pages/schoolguide/next.png);
}


/* イベント・セミナー申込
----------------------------------------------------*/
#mainEvents .seminar_form table{
	width:100%;
	border:solid 1px #c7c7c8;
	border-collapse: collapse;
}
#mainEvents .seminar_form table .tableHead{
	background:#898989;
	text-align:center;
	color:#fff;
}
#mainEvents .seminar_form table td{
	border:solid 1px #c7c7c8;
	vertical-align: middle;
	padding:1%;
}
#mainEvents .seminar_form table tr td:nth-child(2){
	width:20%;
	text-align:center;
}
#mainEvents .seminar_form table tr td:nth-child(3){
	width:20%;
	text-align:center;
}
#mainEvents .seminar_form table td span.wpcf7-list-item { display: table-row; }
#mainEvents .seminar_form table td span.wpcf7-list-item * { display: table-cell; }
#mainEvents .seminar_form .req_txt{
	padding-left:15px;
}
#mainEvents .seminar_form #seminarBox{
	border:solid 5px #edefe9;
	border-radius: 10px;
	padding:10px;
}
#mainEvents .seminar_form #seminarBox dl{
	width:100%;
	border-bottom:dotted 1px #797979;
	margin-bottom:10px;
}
#mainEvents .seminar_form #seminarBox dl dt{
	float:left;
	width:26%;
	padding:7px 1%;
	background:#17634d;
	border-radius: 3px;
	margin-right:2%;
	text-align:left;
	color:#fff;
	vertical-align: middle;
	margin-bottom: 10px;
}
#mainEvents .seminar_form .req{
	float:right;
	color: #BF2239;
  border: 2px solid #BF2239;
  background-color: #eac5b8;
  padding: 0px 5px;
  margin: 0px 2px;
  font-size: 11px;
}
#mainEvents .seminar_form .req.no_float{
	float:none;
}
#mainEvents .seminar_form #seminarBox dl dd{
	float:left;
	width:70%;
	padding: 0 0 10px;
}
#mainEvents .seminar_form #seminarBox dl dd input,textarea{
	max-width:80%;
}
#mainEvents .seminar_form .t_a_C{
	text-align: center;
}
#mainEvents .seminar_form .send_btn{
	text-align:center;
}
#mainEvents .seminar_form .wpcf7-confirm,
#mainEvents .seminar_form .wpcf7-submit,
#mainEvents .seminar_form .wpcf7-back {
	display:inline-block;
	width:180px;
	height:40px;
	padding:0;
	border:none;
	text-indent: 103%;
  white-space: nowrap; 
  overflow: hidden;
	background:url(../img/pages/events/confirm.png) no-repeat;
	cursor:pointer;
}
#mainEvents .seminar_form .wpcf7-submit {
	background:url(../img/pages/events/send.png) no-repeat;
}
#mainEvents .seminar_form .wpcf7-back {
	background:url(../img/pages/events/back.png) no-repeat;
}

	
div.wpcf7-mail-sent-ok{
	display:none !important;
}
/* イベント・セミナー申込・サンクスページ
----------------------------------------------------*/
a.thanksbutton{
	padding:10px 20px;
	font-size:17px;
	background-color:#268d3a;
	color:white;
	text-align:center;
	position:relative;
	text-decoration:none;
	border-radius:5px;
	line-height:20px;
	display:block;
	margin:20px auto;
	width:250px;
	max-width:75%;
}

a.thanksbutton img{
	
	height:20px;
	right:auto;
}

/* .sidebar
----------------------------------------------------*/

.sideEvents {
	border: 2px solid #eb6154;
}
.sideEvents h3 {
	border-bottom: 2px dotted #eb6154;
	margin-bottom: 14px;
	margin-right: 1px;
	margin-left: 1px;
}
.sideEvents ul {
	margin-bottom: 10px;
}
.sideEvents ul li a {
	color: #3e3a39;
	text-decoration: none;
	background: url(../img/pages/events/icon_events.png) no-repeat 10px 0.7em;
	margin-left: 8px;
	padding: 8px 5px 8px 28px;
	display: block;
	margin-right: 8px;
  font-size: 13px;
}
.sideEvents ul li a:hover,
.sideEvents ul li a.active {
	background: #fff4e1 url(../img/pages/events/icon_events.png) no-repeat 10px 0.7em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* -----------------------------------------------------------------
 募集要項
------------------------------------------------------------------ */
table.admissionScheduleTable th,
table.admissionScheduleTable td {
	padding:5px;
	text-align:center;
}

table.admissionScheduleTable .alL {
	text-align:left;
}

table.admissionScheduleTable th,
table.admissionScheduleTable td {
	text-align:center;
}
table.admissionScheduleTable th:nth-of-type(1),
table.admissionScheduleTable td:nth-of-type(1) {
	text-align:left;
	padding-left: 1%;
}
table.firstC th:nth-of-type(1),
table.firstC td:nth-of-type(1) {
	text-align:center;
}
table.admissionScheduleTable tr:nth-child(2n) {
	background: #fff4e1;
}

table.admissionScheduleTable th span {
	font-size: 80%;
}

table.admissionFlowTable01 thead th,
table.admissionFlowTable02 thead th {
	text-align:center;
}

table.admissionFlowTable01 tbody th,
table.admissionFlowTable01 tbody td,
table.admissionFlowTable02 tbody th,
table.admissionFlowTable02 tbody td {
	padding-top:10px;
	padding-bottom:10px;
}

table.admissionFlowTable01 {
	margin-bottom:10px;
}

table.admissionFlowTable02 {
	margin-bottom:30px;
}

/* -----------------------------------------------------------------
 学費・奨学金
------------------------------------------------------------------ */
table.expense tbody th {
	text-align:left;
	font-weight:normal;
}

table.expense {
	text-align:center;
}

table.loan thead {
	text-align:center;
}

table.loan tbody {
	text-align:left;
}

table.loan tbody th {
	font-weight:normal;
}



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

	.sideEvents h3 img {
		max-width: 100%;
		height: auto;
		width /***/:auto;　
	}

	#mainEvents .mainBox02 {
		width: 96%;
		margin-left: 2%;
	}	
	#mainEvents h6.ttl {width: 100%;}
	
	#mainEvents h3.siteTtl03 a {
		float: right;
		margin-top: 0.7%;
	}
	#mainEvents .anchorList02 li {width: 49%;}
	
	#mainEvents .mainBox02 .box2cal {
		width: 100%;
	}
	#mainEvents .mainBox02 .box2cal .box2calTxt {
		width: auto;
	}

	#mainEvents .mainBox02 {
		margin-bottom: 5%;
	}
	
	/* オープンキャンパス
	----------------------------------------------------*/
	#mainEvents .campusBoxIn01 .left {
		float: left;
		width: 50%;
	}
	
	#mainEvents .campusBoxIn01 .right {
		float: right;
		width: 48%;
	}
	
	#mainEvents .campusBoxIn01 dl.campusTxt01 {
		font-size: 100%;
	}

	#mainEvents .campusBoxIn02 .left {
		float: left;
		width: 60%;
	}
	
	#mainEvents .campusBoxIn02 .right {
		float: right;
		width: 38%;
	}
	
	#mainEvents .campusBoxIn02 dl.campusTxt02 {
		font-size: 100%;
	}
	.campusContactBox .campusContactBoxIn p:first-child {
		float: left;
	}
	.campusContactBox .campusContactBoxIn p:last-child {
		float: right;
	}
	.campusContactBox .campusContactBoxIn p:first-child {
		width: 43%;
	}
	.campusContactBox .campusContactBoxIn p:last-child {
		width: 57%;
	}
}


@media only screen and (max-width: 960px) {
	.sideEvents ul li a {
		margin-left: 3px;
		padding: 8px 5px 8px 22px;
		margin-right: 3px;
		background: url(../img/pages/events/icon_events.png) no-repeat 4px 0.7em;
		font-size:90%;
	}
	.sideEvents ul li a:hover,
	.sideEvents ul li a.active {
		background: #fff4e1 url(../img/pages/events/icon_events.png) no-repeat 4px 0.7em;
	}
}


@media only screen and (max-width: 768px) {
	#mainEvents h2.siteTtl01 {
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}	
	#mainEvents .anchorList01 li a {
		background: #FFB600 url(../img/pages/events/icon_events.png) no-repeat 15px 1.1em;
		margin-bottom: 3px;
		padding: 10px 10px 10px 30px;
	}
	#mainEvents .anchorList02 li {
		width: 100%;
	}
	#mainEvents .mainBox .news_row{
		width:100%;
	}
	#mainEvents .mainBox .news_date{
		width:25%;
	}
	#mainEvents .mainBox .news_cat{
		width:65%;
	}
	#mainEvents .mainBox .news_ttl{
		width:98%;
		padding-left:1%;
	}

	/* オープンキャンパス
	----------------------------------------------------*/

	#mainEvents .campusBoxIn01 .left {
		float: none;
		width: 100%;
	}
	
	#mainEvents .campusBoxIn01 .right {
		float: none;
		width: 100%;
		text-align: center;
	}
	#mainEvents .campusBoxIn02 .left {
		float: none;
		width: 100%;
	}
	
	#mainEvents .campusBoxIn02 .right {
		float: none;
		width: 100%;
		text-align: center;
	}
	#mainEvents .campusBox{
		padding: 2%;
	}

	.campusContactBox .campusContactBoxIn p:first-child,
	.campusContactBox .campusContactBoxIn p:last-child {
		float: none;
		width: 100%;
		text-align: center;
	}


}

	/* 元気もりもり学園
	----------------------------------------------------*/
#mainEvents .mainBox h4.radioh4{
	margin:30px 0 30px;
}

.clearboth{
	clear: both;
}

.singleradio{
	width:48%;
	margin-right:4%;
	margin-bottom: 40px;
	float:left;
	text-align: center;
	box-sizing: border-box;
  padding:20px;
  padding-right: 0;
  border-top: 1px solid black;
  border-left: 1px solid black;
  font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 游明朝, YuMincho, HGS明朝E, "ＭＳ 明朝", "MS PMincho", serif;  
}
.singleradio:nth-child(2n){
	margin-right:0;
}

.singleradio .radiomainimg{
	width:100%;
}

.singleradio .monthbar{
	color:white;
	padding:10px 0;
  background-color:#b6ac9c;
  font-size: 16px;
}

/*.singleradio .monthbar.pink{background-color: #ff6975;}
.singleradio .monthbar.green{background-color: #57d663;}
.singleradio .monthbar.purple{background-color: #b354ad;}
.singleradio .monthbar.yellow{background-color: #ffb321;}
.singleradio .monthbar.blue{background-color: #544dab;}
.singleradio .monthbar.orange{background-color: #ff6933;}
.singleradio .monthbar.orangemedium{background-color: #ffad01;}
.singleradio .monthbar.lightblue{background-color: #53cfcf;}
.singleradio .monthbar.mediumblue{background-color: #008bd0;}
.singleradio .monthbar.red{background-color: #e73712;}
.singleradio .monthbar.darkgreen{background-color: #36b872;}
.singleradio .monthbar.neonpink{background-color: #ff80bb;}
.singleradio .monthbar.darkpink{background-color: #ec7378;}*/

.singleradio .speaker{
	margin:10px;
	font-size:25px;
	line-height: 28px;
}

.singleradio .speaker span{
	font-size:18px;
	line-height: 28px;
	display: inline-block;
	margin-right:10px;
	vertical-align: top;
}

.singleradio .theme{
	margin-bottom:20px;
  color:#02913a;
  font-size:16px;
}

@media only screen and (max-width: 750px) {
	.singleradio{
		width:100%;
		margin-right:0;
    height: auto !important;
	}
}

.singleradio .radiorow{
	clear:both;
	margin-bottom: 10px;
	font-size:16px;
	line-height: 18px;
}

.singleradio .radiorow .radiotable{
  width:100%;
}
.singleradio .radiorow .radiotable td{
  background-color:#b6ac9c;
}


.singleradio .radiorow .radiotable .radiodate{
  text-align: center;
  padding:15px 5px;
  vertical-align: middle;
  border-right: 1px solid white;
  border-bottom: 10px solid white;
  color:white;
  white-space: nowrap;
  width:75px;
  box-sizing: border-box;
}

.singleradio .radiorow .radiotable .radiolink{
  vertical-align: middle;
  border-bottom: 10px solid white;
  color:white;
  position: relative;
}
.singleradio .radiorow .radiotable .radiolink svg{
  position: absolute;
  right:8px;
  top:50%;
  top:calc(50% - 8px);
}

.singleradio .radiorow .radiolink .radioblog{
	color:white;
	position: relative;
  padding: 20px 20px 20px 10px;
  display: block;
  text-decoration:none;
  z-index: 2;
}

.singleradio .radiorow .radioplay{
  padding: 5px;
  border-bottom: 10px solid white;
  vertical-align: middle;
  text-align: right;
  width:80px;
}

.singleradio .radiorow .radioplay .playradio{
  background-color: white;
  display: inline-block;
  height:100%;
  text-align: center;
}

.singleradio .radiorow .radioplay .playradio img{
  width:80px;
}

.selfcarebanner{
	margin-bottom:100px;
	width:100%;
	display: block;
}

.singleradio .emptyradio{
	height:73px;
	width:100%;
	margin-bottom: 10px;
}


@media only screen and (max-width: 750px) {
  .selfcarebanner{
    margin-bottom:40px;
  }
}

.radiorow a{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.radiorow *{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.mainBox img.halfwidth{
  width:49%;
  margin-right:2%;
  float:left;
  margin-bottom: 20px;
}
.mainBox img.halfwidth:nth-child(2n){
	margin-right:0;
}


@media only screen and (max-width: 750px) {
  .singleradio .emptyradio{
      display: none;
  }
}
@media only screen and (max-width: 600px) {
	.mainBox img.halfwidth{
		width:100%;
		margin-right:0;
    float:none;
	}
}