@charset "utf-8";
/*---------------------------------*/
/* 新着情報一覧 */
/*---------------------------------*/
h1 span.date_cat{
  display: flex;
  align-items: center;
}
h1 span.date{
	color:#00B2C2;
	font-size:86%;
}
h1 span.cat{
    margin-left: 10px;
    padding: 2px 10px;
    text-align: center;
    color: #fff;
    background: #ccc;
    border-radius: 3px;
    font-size: 0.7rem;
}

/* Chrome */
_:lang(x)::-internal-media-controls-overlay-cast-button, h1 span.cat {
  margin-bottom: 3px;
}
/* IE */
_:-ms-lang(x)::-ms-backdrop, h1 span.cat{
  margin-bottom: 7px;
  padding: 5px 10px 2px;
}
h1 span.cat.news_info {
  background: #d0c34d;
}
h1 span.cat.news_school {
  background: #f0a44b;
}
h1 span.cat.news_club {
  background: #57c6ef;
}
h1 span.cat.news_exam {
  background: #e28784;
}

.news-list {
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.news-list li{
	width:49%;
	margin-bottom:20px;
}
.news-list li a{
	display: flex;
	padding:10px;
	border:solid 1px #ccc;
}
.news-list li a:hover{
	background-color:#f1f1f1;
}
.news-list li a:hover .img{
	background-color:#fff;
}
.news-list li a *{
	letter-spacing: 0;
}
.news-list li a .img{
	width:30%;
	height:120px;
	margin-right:15px;
	vertical-align: middle;
	overflow: hidden;
	position:relative;
	background-color:#fff;
}

.news-list li a .no-img{
	width:30%;
	height:120px;
	margin-right:15px;
	vertical-align: middle;
	overflow: hidden;
	position:relative;
	background-color:#fff;
	border: 2px solid #00b2c2;
	text-align: center;
}

.news-list li a .no-img:before{
	content:"Ayaha News";
	/*color:#aaa;*/
	color:#00b2c2;
	font-size:12px;
	position:absolute;
	top:45%;
	left:0;
	width:100%;
}

.news-list li a .img img{
	width:auto;
	height:100%;
}
.news-list li a .txt{
	width:65%;
	vertical-align: middle;
}
.news-list li a .txt span:nth-child(1){
	color:#00B2C2;
	font-weight: bold;
}
.news-list li a .txt span:nth-child(2){
	font-weight: bold;
	display: block;
	font-size:115%;
}
.more-btn-area{
	text-align: center;
	margin-bottom:50px;
}
.more-btn-area a{
	width:50%;
	border:solid 1px #ccc;
	display: inline-block;
	color:#00B2C2;
	line-height:50px;
	height:50px;
	padding:0 30px;
}
.more-btn-area a:hover{
	background-color:#f1f1f1;
}

.news-detail .post{
	margin:0 auto 20px auto;
	line-height:1.6;
}
.news-detail .img img{
	width:100%;
	height:auto;
	display: inline-block;
}
.box-b,.box-c{
	display: flex;
	flex-flow:row nowrap;
}
.news-detail .box-a .img{
	width:100%;
}
.news-detail .box-b .img{
	width:37%;
	margin-right:3%;
}
.news-detail .box-c .img{
	width:37%;
	margin-left:3%;
}
.news-detail .box-b>div,
.news-detail .box-c>div{
	width:60%;
}


/* エディタ内部用CSS　*/
.news-detail .post h1{font-size:215%;}
.news-detail .post h2{font-size:186%;}
.news-detail .post h3{font-size:158%;}
.news-detail .post h4{font-size:129%;}
.news-detail .post h5{font-size:100%;}

.news-detail .post p{
	margin-bottom:1em;
	line-height:1.6;
}
.news-detail .post a{
	text-decoration: underline;
	color:#3300FF;
}
.news-detail .post strong,
.news-detail .post em{
	font-weight: bold;
}