@charset "utf-8";
/* CSS Document */

/*トップページのみ*/

/*Futuraっぽいフォント*/ 
.cp-4 .date {
	font-family: 'Lato', sans-serif;
}

/*レイアウト*/

.wrapper {
	width: 100%;
	padding-bottom: 110px;
}
.section-a {
	max-width: 1000px;
	margin: 0 auto;
	margin-bottom: 0px;
}

/*受験生の皆さまへ*/
.section-b {
	width: 100%;
	background: #ffffff;
	margin-bottom: 0px;
}
/*スライダー*/

.layout-01 {
	margin-bottom: 40px !important;
}
/*重要なお知らせ*/

.layout-02 {
	margin-bottom: 40px;
}
/*各部*/

.layout-03 {
	margin-bottom: 30px;
	padding-top: 50px;
}
/*FERRIS NEWS*/



.layout-04 {
	padding-top: 0px;
	padding-bottom: 40px;
}
/*FERRIS EVENTS*/
.layout-05 {
	margin-bottom: 60px;
}
/*フェリス女学院大学の活動*/

.layout-06 {
	padding-top: 70px;
	margin-bottom: 60px;
}
/*Ferrisと私*/
.layout-07 {
	margin-bottom: 50px;
}
/*バナー1*/
.layout-08 {
	margin-bottom: 40px;
}
/*バナー2*/
.layout-09 {
	margin-bottom: 70px;
	padding-top:30px !important;
}
/*バナー3 情報好評*/


.layout-010 {
}
.section-b-inner {
	width: 100%;
	max-width: 1000px;
	padding: 60px 0px;
	margin: 0 auto;
}
.info-importance {
	width: 100%;
	background: #ffffff;
	padding: 20px 0px;
	display: table;
	border: 1px solid #C51B13;
	color: #C51A13;
}



.layout-02 {
}
.info-importance .tit {
	font-size: 16px;
	font-size: 1.6rem;
	padding-left: 30px;
	width: 190px;
	letter-spacing: 0.2em;
	display: table-cell;
	vertical-align:middle;
	border-right: 1px solid #C51B13;
}


.info-importance ul {
	padding-right:30px;
	font-size: 15px;
	font-size: 1.5rem;
	padding-left: 30px;
	display: table-cell;
}


.info-importance li:nth-child(2),
.info-importance li:nth-child(3),
.info-importance li:nth-child(4),
.info-importance li:nth-child(5),
.info-importance li:nth-child(6),
.info-importance li:nth-child(7),
.info-importance li:nth-child(8),
.info-importance li:nth-child(9),
.info-importance li:nth-child(10){
	border-top:1px solid #ccc;
	margin-top:15px;
	padding-top:15px;
}







.info-importance span.date{
	width: 150px;
	vertical-align:middle;
	display:table-cell;
}


.info-importance span.read {
	display:table-cell;
		vertical-align:middle;
}




.info-importance li a {
	color: #c51b13 !important;
	display:block;
}


.info-importance li:hover {
	opacity: 0.6;
}
.info-importance li span:hover {
}
.cp-3 dl {
	width: 30%;
	/*max-width: 313px;*/
	float: left;
}
.cp-3 dl img {
	width: 100%;
}
.cp-3 .middle {
	margin: 0 5% 0 5%;
}
.cp-3 dt {
	text-align: center;
	font-size: 28px;
	margin-bottom: 18px;
	letter-spacing: 0.2em;
}
.cp-3 .img {
	margin-bottom: 20px;
}
.cp-3 dd {
	font-size: 14px;
	line-height: 1.6;
}
.cp-3 dd a:hover {
	opacity: 0.6;
}
.examination h3 {
/*	text-align: center;*/
	font-size: 28px;
	letter-spacing: 0.2em;
/*	margin-bottom: 40px;*/
}
.info-examination {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 30px;
}




.concert-link{
	float:right;
	padding-right:20px;
	padding-top:5px;
	}
	
	
	
	
	
	

.concert-link a{

	color:#c51b13;
	}



.concert-link a:hover{
	text-decoration:underline;

	}





.info-examination li {
	width: 100%;
	padding: 15px 15px 15px 20px;
	display: table;
	border-bottom: 1px solid #ccc;
}



.info-examination li:last-child{
	border:none;
}







.info-examination p {
	display: table-cell;
	vertical-align: middle
}
.info-examination li:hover {
	background: #F6F6F6;
	cursor: pointer;
}


.info-examination .category-a {
/*	margin-right: 40px;*/
	width:100px;

}



.info-examination .category-a span a {
	padding: 2px 2px;
	/*display:inline-block;*/
	display:block;
	width: 100px;
	vertical-align: middle;
	text-align: center;
	background: #3D3D3D;
	color: #ffffff;
	margin-right:5px;
	font-size:12px;

}




.info-examination-a .category-b span a {

	/*display:inline-block;*/
	padding:2px 15px;

	vertical-align: middle;
	text-align: center;
	background: #3D3D3D;
	color: #ffffff;
	margin-right:2px;
	font-size:11px;
	

}




.info-examination-a .category-b{
	margin-bottom:15px;
	padding-left:10px;


}



.beside-news{
		padding-left:10px;
	display:table;
	}
	
	
.beside-news p.date {
	width:130px;

	display:table-cell;
	vertical-align:middle;
	}	
	
	
.beside-news p.read {
	display:table-cell;
		vertical-align:middle;
	}	
	






.info-examination .category-a span a:nth-child(2),
.info-examination .category-a span a:nth-child(3),
.info-examination .category-a span a:nth-child(4),
.info-examination .category-a span a:nth-child(5),
.info-examination .category-a span a:nth-child(6),
.info-examination .category-a span a:nth-child(7),
.info-examination .category-a span a:nth-child(8) {
	/*margin-top:4px;*/
}





.mokuteki-news .category-a span a:nth-child(2),
.mokuteki-news .category-a span a:nth-child(3),
.mokuteki-news .category-a span a:nth-child(4),
.mokuteki-news .category-a span a:nth-child(5),
.mokuteki-news .category-a span a:nth-child(6),
.mokuteki-news .category-a span a:nth-child(7),
.mokuteki-news .category-a span a:nth-child(8),
.mokuteki-news .category-a span a:nth-child(9),
.mokuteki-news .category-a span a:nth-child(10), 
.mokuteki-news .category-a span a:nth-child(11),
.mokuteki-news .category-a span a:nth-child(12),
.mokuteki-news .category-a span a:nth-child(13),
.mokuteki-news .category-a span a:nth-child(14),
.mokuteki-news .category-a span a:nth-child(15), 
.mokuteki-news .category-a span a:nth-child(16),
.mokuteki-news .category-a span a:nth-child(17) {
	margin-top:4px;
}







.top-news .category-a span a:nth-child(2),
.top-news .category-a span a:nth-child(3),
.top-news .category-a span a:nth-child(4),
.top-news .category-a span a:nth-child(5),
.top-news .category-a span a:nth-child(6),
.top-news .category-a span a:nth-child(7),
.top-news .category-a span a:nth-child(8),
.top-news .category-a span a:nth-child(9),
.top-news .category-a span a:nth-child(10), 
.top-news .category-a span a:nth-child(11),
.top-news .category-a span a:nth-child(12),
.top-news .category-a span a:nth-child(13),
.top-news .category-a span a:nth-child(14),
.top-news .category-a span a:nth-child(15), 
.top-news .category-a span a:nth-child(16),
.top-news .category-a span a:nth-child(17) {
	margin-top:4px;
}








.t-menu01 .news-tit{
	margin-bottom:15px;
	}





.info-examination .date {
	width: 155px;
	padding-left: 20px;
}
.info-examination .read {
	max-width: 683px;
}



.info-examination .read a {
	color:#333333;
}



.info-examination .read a:hover {
	color:#c51b13;
}



.link-btn-cp4 a,
.link-btn-cp1 a{
	color:#333333 !important;
	}


.link-btn-cp4 a:hover,
.link-btn-cp1 a:hover{
	color:#c51b13 !important;
	}





.cp-3-img {
}
.cp-3-img div {
	width: 30%;
	position: relative;
	top: 0;
	left: 0;
	float: left;
}
/*.cp-3-img span {
	position: absolute;
	top: 25%;
	left: 25%;
	font-size: 20px;
	width: 50%;
	padding: 15px;
	letter-spacing: 0.2em;
	text-align: center;
	background: rgba(255,255,255,0.8);
}
*/

.cp-3-img img {
	width: 100%;
}
.cp-3-img .middle {
	margin: 0 5% !important;
}


.home h4 {
	font-size: 20px;
}
.tab-wrap {
	border-collapse: separate;
	border-spacing: 3px 0;
	border-bottom: 1px #cccccc;
	margin-bottom: 10px;
	background: url(../images/border_bg.png) repeat-x;
	background-position: bottom;
}
.tab-wrap li {
	width: 164px;
	display: table-cell;
	height: 40px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #cccccc;
	background: #EFEFEF;
	cursor: pointer;
}
.tab-wrap li.active {
	background: #ffffff;
}
.tab-wrap li:hover {
	background: #ffffff;
}
.tab-wrap li:last-child {
	border-right: 1px solid #cccccc;
}
.cp-tabs-contents .tab-content {
	display: none;
}
.cp-tabs-contents .active {
	display: block;
}
.f-news li {
	padding-top: 13px;
	padding-bottom: 13px;
	border-bottom: 1px solid #ccc;
}
.f-news li:last-child {
	margin-bottom: 0px !important;
}



.f-news li:hover {
	background: #ffffff;
}

li.link-none,
li.link-none a.link-none-a,
li.link-none:hover {
	background: none;
	cursor:default !important;
}


.tit-inner {
	margin-bottom: 20px;
}

.home h4 {
	float: left;
	width: 200px;
}

.all-link,
.all-link-long  {
	float: right;
	color: #ffffff;
}


.all-link a {
	background: url(../images/anc-b.png) no-repeat;
	background-position: 85% 50%;
	background-color: #3D3D3D;
	padding: 0px 22px 0px 10px;
	height: 28px;
	line-height: 29px;
	display: block;
	color: #ffffff !important;
}









.all-link-long a {
	background: url(../images/anc-b.png) no-repeat;
	background-position: 92% 50%;
	background-color: #3D3D3D;
	padding: 0px 24px 0px 10px;
	height: 28px;
	line-height: 29px;
	display: block;
	color: #ffffff !important;
}



.all-link a:hover,
.all-link-long a:hover{
	background-color: #C51B13;
	transition-delay: 0s;
	text-decoration:none !important;
	transition-duration: 0.4s;
	transition-property: all;
	transition-timing-function: ease-in-out;
}



.cp-4 {
}



.home .cp-4 li {
	float: left;
	position: relative;
	top: 0px;
	right: 0px;
	left: 0px;
	/*	max-width: 234px;*/
	width: 23.6%;
	height: 356px;
	padding: 5px;
	/*	margin-right: 21px;*/
	margin-left: 0;
	margin-right: 1.4%;
	background: #ffffff;
	cursor: pointer;
	overflow:hidden;
}





.cp-4 li img {
	width: 100%;
	height: auto;
}
.cp-4 li:hover img {
	cursor: pointer;
	opacity: 0.6;
	transition-delay: 0s;
	transition-duration: 0.4s;
	transition-property: all;
	transition-timing-function: ease-in-out;
}
.cp-4 li a {
	color: #ffffff;
}
.cp-4 li:last-child {
	margin-left: 0px !important;
}
.cp-4 .date {
	background: #C51B13;
	width: 72px;
	height: 72px;
	font-size: 24px;
	top: 0px;
	left: 0px;
	position: absolute;
	color: #ffffff;
	z-index: 10000;
}
.cp-4 .date p {
	margin-bottom: 10px;
	display: block;
	padding-top: 13px;
	text-align: center;
}
.cp-4 .date span {
	margin: 0 auto;
	width: 55px;
	border-width: 4px;
	padding-top: 5px;
	display: block;
	text-align: center;
	border-top: 1px solid #ffffff;
	font-size: 13px;
}
.cp-4 .date img {
}
.cp-4 .read {
	font-size: 13px;
	font-size: 1.3rem;
	padding: 10px;
	position: absolute;
	/*	width: 234px;*/
	width: 100%;
	color: #ffffff;
	height: 81px;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.65);
}
.cp-4 .read dt {
	font-weight: bold;
	margin-bottom:5px;
}
.activities {
	background: #ffffff;
}
.activities h5 {
	line-height: 1.6;
	font-size: 28px;
	margin-bottom: 40px;
	letter-spacing: 0.2em;
}
.activities .left-area {
	float: left;
	padding-left: 30px;
	padding-top: 30px;
}
.activities .left-area p {
	max-width: 400px;
	width: 100%;
	line-height: 1.8;
}
.activities .right-area {
	float: right;
	max-width: 500px;
	width: 50%;
}
.activities .right-area img {
	width: 100%;
}
.activities .left-area {
	width: 49%;
}
.activities .right-area {
	width: 49%;
}
.imymind {
	border-left: 1px solid #C51B13;
	border-right: 1px solid #C51B13;
	border-top: 1px solid #C51B13;
	background: #ffffff;
}
.imymind h5 {
	line-height: 1.6;
	font-size: 28px;
	margin-bottom: 70px;
	letter-spacing: 0.4em;
}
.imymind .left-area {
	float: left;
	padding-left: 30px;
	padding-top: 50px;
}
.imymind .left-area p {
	max-width: 315px;
	line-height: 1.8;
}
.imymind .right-area {
	float: right;
	max-width: 500px;
	width: 50%;
}
.imymind .right-area img {
	width: 100%;
}
.imymind-4 li {
	float: left;
	width: 20%;
	background: #ffffff;
	border: 1px solid #C51B13;
	border-right: none;
}
.imymind-4 li a:hover {
	transition-delay: 0s;
	transition-duration: 0.5s;
	transition-property: all;
	transition-timing-function: ease-in-out;
}
.imymind-4 li img {
/*	display: inline;*/
}
.imymind-4 li:last-child {
	border-right: 1px solid #C51B13;
}
.imymind-4 a {
	height: 144px;
	text-align: center;
	display: block;/*	padding: 50px 0px;*/
}
.imymind-4 li:nth-child(1) a {
	background: url(../images/img_icon_me_01_off.png) no-repeat;
	background-position: 50% 50%;
	background-color: #ffffff
}
.imymind-4 li:nth-child(1) a:hover {
	background: url(../images/img_icon_me_01_on.png) no-repeat;
	background-position: 50% 50%;
	background-color: #C51B13
}
.imymind-4 li:nth-child(2) a {
	background: url(../images/img_icon_me_02_off.png) no-repeat;
	background-position: 50% 50%;
	background-color: #ffffff
}
.imymind-4 li:nth-child(2) a:hover {
	background: url(../images/img_icon_me_02_on.png) no-repeat;
	background-position: 50% 50%;
	background-color: #C51B13
}
.imymind-4 li:nth-child(3) a {
	background: url(../images/img_icon_me_03_off.png) no-repeat;
	background-position: 50% 50%;
	background-color: #ffffff
}
.imymind-4 li:nth-child(3) a:hover {
	background: url(../images/img_icon_me_03_on.png) no-repeat;
	background-position: 50% 50%;
	background-color: #C51B13
}
.imymind-4 li:nth-child(4) a {
	background: url(../images/img_icon_me_04_off.png) no-repeat;
	background-position: 50% 50%;
	background-color: #ffffff
}
.imymind-4 li:nth-child(4) a:hover {
	background: url(../images/img_icon_me_04_on.png) no-repeat;
	background-position: 50% 50%;
	background-color: #C51B13
}
.imymind-4 li:nth-child(5) a {
	background: url(../images/img_icon_me_05_off.png) no-repeat;
	background-position: 50% 50%;
	background-color: #ffffff
}
.imymind-4 li:nth-child(5) a:hover {
	background: url(../images/img_icon_me_05_on.png) no-repeat;
	background-position: 50% 50%;
	background-color: #C51B13
}
.btn-a {
	padding-top: 20px;
}
.btn-a a {
	border: 1px solid #ccc;
	display: block;
	background: url(../images/anc-c.png) no-repeat;
	background-position: 92% 50%;
	padding: 20px;
	font-size: 18px;
	width: 234px;
}
.btn-a a:hover {
	opacity: 0.6;
	transition-delay: 0s;
	transition-duration: 0.4s;
	transition-property: all;
	transition-timing-function: ease-in-out;
}
.bn-a li img {
	width: 100%;
}
.bn-a li:nth-child(1) {
	float: left;
	width: 49%;
	margin-right: 2%;
	max-width: 478px;
}
.bn-a li:nth-child(2) {
	float: right;
	width: 49%;
	max-width: 478px;
}
.bn-b li {
	float: left;
	border: 1px solid #ccc;
	width: 31%;
	background-color: #ffffff;
}
.bn-b li:nth-child(1) {
	margin-right: 3.5%;
}
.bn-b li:nth-child(2) {
	margin-right: 3.5%;
}






.bn-b li a {
	font-size: 18px;
	font-size: 1.8rem;
	display: block;
	padding: 30px 10px 30px 0;
}
.bn-b li:hover {
	/*	background-color:#ccc;*/
	opacity: 0.6;
	transition-delay: 0s;
	transition-duration: 0.4s;
	transition-property: all;
	transition-timing-function: ease-in-out;
}
.bn-b li:nth-child(1) a {
	background: url(../images/bn_icon_a.png) no-repeat;
	background-position: 70px 50%;
	padding-left: 116px;
}
.bn-b li:nth-child(2) a {
	background: url(../images/bn_icon_b.png) no-repeat;
	background-position: 43px 50%;
	padding-left: 90px;
}





.bn-b li:nth-child(3) a {
	background: url(../images/bn_icon_c.png) no-repeat;
	background-position: 100px 50%;
	padding-left: 146px;
}
.tit-lv-1 {
	font-size: 20px;
	margin-bottom: 15px;
}
.bn-c li {
	float: left;
	margin-right: 24px;
}
.bn-c a {
	border: 1px solid #ccc;
	display: block;
	background: url(../images/anc-c.png) no-repeat;
	background-position: 92% 50%;
	padding: 20px;
	width: 234px;
	background-color: #fff;
}
.bn-c li:hover {
	transition-delay: 0s;
	transition-duration: 0.4s;
	transition-property: all;
	transition-timing-function: ease-in-out;
	opacity: 0.6;
}


/*ブログトップ表示*/


.top-blog li{
	float:left;
	width:49%;
	}


.top-blog li:nth-child(1){
	margin-right:2%;
	}
       
.blog-img{
	float:left;
	max-width:240px;
	width:48%;

	margin-right:7%;
	}
	
	
.blog-img img{
	width:100%;
	height:auto;
	}	
	
	
	
	     
       
.left-blog-wrap{
	float:left;
	max-width:225px;
	width:45%;
	}
	
.date-blog{
	font-weight:bold;
	font-size:12px;
/*	color:#AAAAAA;*/
	border-bottom:1px solid #CCCCCC;
	padding-bottom:4px;
	margin-bottom:10px;
	
	}
	
.read-tit-blog{
	font-size: 15px;
	color:#C51A13;
	font-weight:bold;
	margin-bottom:15px;
	}
	
	
	
	
.read-tit-blog a:hover{
	opacity:1 !important;
	text-decoration:underline !important;
	
	}
		
	
	
	
	
	
.read-content-blog{
	margin-bottom:10px;

	}
	
	
.read-more{
	width:100px;
	float:right;
	display:none;
		
}


.read-more a{
font-size:12px;
color:#ffffff;
width:110px;

padding-left:10px;
padding-right:20px;
padding-top:5px;
padding-bottom:5px;
background:url(../images/anc-b.png) no-repeat;
background-position: 90% center;
background-color:#BE1A12;
}






.top-blog li:hover{
/*	opacity:0.3;*/
	
	}





.vol-news{

	}
	
	
	

.home h3{
	text-align:center;
	}


.read-tit-blog a{
	color:#be1a12;
	}	
	
	
.read-tit-blog a:hover{
	opacity:0.6;
	}	


.read-more a:hover{
	opacity:0.6;
	}
	
	
	

.read-more{
	margin-top:10px;
	}
	
	

.home h3{
	margin-bottom:20px;
	}
	
	



	
	
	
	
	
	
	
	
	


