@charset "UTF-8";

/* 記事ページ共通
----------------------------------------------------*/
.mainBox #topics_imgs{
	text-align:center;
}
.mainBox #topics_imgs li{
	display:inline-block;
	width:330px;
	margin-bottom:20px;
}
.mainBox #topics_imgs li img{
	max-width:100%;
}
.mainBox #topics_imgs li.odd{
	margin-right:20px;
}
.mainBox #single_form_btn, .mainBox #single_oc_btn, .mainBox #single_contact_btn{
	text-align:center;
}
.mainBox .post_nav{
	text-align:center;
	padding-top:20px;
}
.mainBox .back_list_link{
	text-decoration:none;
	position: relative;
  top: -35px;
}
.mainBox .back_list_link .back_list{
  background: #258d3a url(../img/pages/events/icon_back_list.png) no-repeat 6px center;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 90%;
  padding: 6px 10px 6px 25px;
  margin-bottom: 3px;
  text-decoration: none;
}
.mainBox .post_nav .prev_post,
.mainBox .post_nav .next_post{
	display:inline;
}
.mainBox .post_nav .prev_post a,
.mainBox .post_nav .next_post a{
	display:inline-block;
	width:120px;
	height:30px;
	padding: 0;
  border: none;
  text-indent: 100%; 
  white-space: nowrap; 
  overflow: hidden;
}
.mainBox .post_nav .prev_post a{
	background: url(../img/pages/schoolguide/prev.png);
}
.mainBox .post_nav .next_post a{
	background: url(../img/pages/schoolguide/next.png);
}
/* 記事ページ共通 END
----------------------------------------------------*/

/* イベント関連記事ページ
----------------------------------------------------*/
#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 .post_date{
	color:#eb6154;
}
.mainBox .cat{
	font-size: 12px;
	letter-spacing: 0;
	width: 120px;
	height:18px;
	line-height:18px;
	border-radius: 3px;
	color:#fff;
	text-align:center;
}
#mainEvents .mainBox .cat.cat_2{
	background:#eb6154;
}
#mainEvents .mainBox .cat.cat_4{
	background:#51a2d1;
}
#mainEvents .mainBox .cat.cat_6{
	background:#44babc;
}
#mainEvents .mainBox .cat.cat_5{
	background:#ffb000;
}
#mainEvents .mainBox .cat.cat_8{
	background:#42c837;
}
.mainBox .cat.cat_13{
	background:#66a1cd;
}
.mainBox .cat.cat_14{
	background:#6dc54f;
}
.mainBox .cat.cat_15{
	background:#da6a5b;
}
.mainBox .cat.cat_16{
	background:#f3b33f;
}
.mainBox .cat.cat_6{
	background:#44babc;
}
.mainBox .cat.cat_22{
	background:#68d3c6;
}
@media only screen and (max-width: 768px) {
	.mainBox .post_nav {
		margin-bottom: 10px;
	}
	.mainBox .back_list_link{
		top: 0px;
	}
	
	.mainBox #topics_imgs li {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
	}	
	.mainBox img{
		max-width: 100%;
		height: auto;
		width /***/: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;
}
.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;
}

/*  イベント関連記事ページ END
----------------------------------------------------*/

/* 新着情報関連記事ページ
----------------------------------------------------*/
#mainSchoolguide h2.siteTtl01 {
	position: relative;
	color: #fff;
	background: #63C4DD;
	font-size: 1.143em;
	font-weight: bold;
	padding: 0.8em;
	box-sizing: border-box;
	z-index: -10;
}
#mainSchoolguide h2.siteTtl01:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	height: 0;
	width: 0;
	border: 21px solid transparent;
	border-top: 10px solid #44babc;
	border-right: 0px solid #44babc;
}

#mainSchoolguide .mainBox .post_date{
	color:#44babc;
}
#mainSchoolguide .mainBox .icon01 {
	background: url(../img/pages/admission/icon_admission01.png) no-repeat left 0.2em;
	padding-left: 20px;
}
#mainSchoolguide 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;
}
/* .sidebar
----------------------------------------------------*/

.sideSchoolguide {
	border: 2px solid #44babc;
}
.sideSchoolguide h3 {
	border-bottom: 2px dotted #44babc;
	margin-bottom: 14px;
	margin-right: 1px;
	margin-left: 1px;
}
.sideSchoolguide ul {
	margin-bottom: 10px;
}
.sideSchoolguide ul li a {
	color: #3e3a39;
	text-decoration: none;
	background: url(../img/pages/schoolguide/icon_schoolguide.gif) no-repeat 10px 0.7em;
	margin-left: 8px;
	padding: 8px 5px 8px 28px;
	display: block;
	margin-right: 8px;
}
.sideSchoolguide ul li a:hover,
.sideSchoolguide ul li a.active {
	background: #e3f5f5 url(../img/pages/schoolguide/icon_schoolguide.gif) no-repeat 10px 0.7em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/*  新着情報関連記事ページ END
----------------------------------------------------*/


#containerIn main {
	margin: 0px;
	overflow: hidden;
	font-size: 16px;
	line-height: 1.5em;
}

@media only screen and (max-width: 750px) {
	#containerIn main {
		font-size: 14px;
	}
}