@charset "utf-8";
/* CSS Document */

/*
 *  CAMPUS LIST
 **************************************************/
.universities{
	max-width:850px;
	width:100%;
	margin:auto;
	overflow:hidden;
}

.universities-title{
	text-align:center;
	font-size:3rem;
	font-weight:normal;
	color: #552D40;
	letter-spacing: 0.2em;
	margin-top:60px;
}

.universities-menu{
	margin:40px -7px 0 -7px;
}

.universities-menu > li{
	width:20%;
	float:left;
	text-align:center;
	background-color:#afcfca;
	border:7px solid #ffffff;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	padding:55px 0;
	font-size:3rem;
	cursor:pointer;
}

.universities-menu > li > a{
	color:#552d40;
	display:block;
}

.universities-menu > li > span{
	color:#999999;
}
.universities-univList__wrapper{
	clear:both;
	overflow:hidden;
}
.univList{
	margin-top:30px;
}
.univList > dt {
	width:100%;
	background-color:#afcfca;
	padding:10px;
	clear:both;
	font-size:3rem;
}
.univList > dd{
	width:33.3%;
	float:left;
	height:150px;
	text-align:center;
	border:1px solid #d2d2d2;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	font-size:2rem;
	position:relative;
	cursor:pointer;
}

.univList > dd.ge_pcOnly{
	cursor:default;
}
.univList > dd > a{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
/* slider */
.slide-box {
	max-width: 960px;
	margin:auto;
	padding-top: 30px;
}
.bxslider img {
	margin:0 auto;
	display:block;
}
.album-slider {
}
.album-slider .bx-wrapper {
	margin-bottom: 0;
	padding: 0;
}
.album-slider .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom: -15px;
	width: 100%;
}

@media(max-width:640px) {
.universities{
	width:95%;
}
	.universities-menu > li{
		width:33.3%;
	}

	.univList > dd{
		width:50%;
		font-size:1.6rem;
	}
	.bx-wrapper img {
	    max-width: 240px!important;
	    display: block;
	}
}

@media(max-width:320px) {

.universities-title{
	font-size:2.5rem;
}
.universities-menu > li{
	font-size:2.3rem;
}
.univList > dt {
	font-size:2.3rem;
}

}




/*
*  CAMPUS DETAIL
**************************************************/

.campus__wrapper{
	max-width:640px;
	width:100%;
	margin:auto;
}
.campus-mainInfo__wrapper{
	padding:35px 0;
	text-align:center;
}
.mainInfo-title{
 	 font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho","serif";
	 font-size:2.5rem;
	 font-weight:normal;
	 color:#552d40;
}
.mainInfo-text{
	 font-size:2rem;
	 color:#b07188;
}
.mainInfo-campusName{
	 font-size:2.5rem;
	 font-weight:normal;
	 border:1px #552d40 solid;
	width: 90%;
	 /*max-width:440px; */
	 margin:35px auto;
	 padding:15px 0;
	 color:#552d40;
}
.mainInfo-image {

}
.mainInfo-image img{
	width:100%;
}

.campus-camDetail__wrapper{
	margin-top:25px;
}

.camDetail-title{
	background-color:#e1a7bc;
	padding:10px 40px;
	color:#FFFFFF;
	font-size:1.8rem;
}
.camDetail-accordion{
	width:100%;
	overflow:hidden;
}

.camDetail-accordion > dt{
	padding:15px;
	background-color:#f7dee5;
	border-bottom:1px #ffffff solid;
	font-size:1.4rem;
	position:relative;
	cursor:pointer;
}
.camDetail-accordion > dt > span{
}
.camDetail-accordion > dt > span.icon{
	font-size:1.9rem;
	color:#e1a7bc;
	position:absolute;
	right:20px;
}
.camDetail-accordion > dd{
	padding:15px 25px;
	font-size:1.2rem;
	display:none;
}

.camDetail-accordion > dd > .scheduleTb{
	width:100%;
	font-size:1.6rem;
	display:table;
	margin-bottom:15px;
}
.camDetail-accordion > dd > .scheduleTb > dt{
	display:table-cell;
	width:35%;
	padding:10px 15px;
	background-color:#eeeeee;
}
.camDetail-accordion > dd > .scheduleTb > dd{
	display:table-cell;
	width:65%;
	padding:10px 15px;
}

.camDetail-text{
	padding:15px 25px;
	font-size:1.2rem;
}

.camDetail-linetomo{
	text-align:center;	
}
.camDetail-btns{
	text-align:center;
}
.camDetail-btns > ul{
	/*＊display:inline-table;:*/
	margin-top:15px;
	display: -webkit-inline-flex; /* Safari */
  display: inline-flex;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
	width:65%;
}
.camDetail-btns > ul > li{
	/*display:table-cell;*/
	width:200px;
	/*float:left;*/
	margin:0 15px;
	text-align:center;
	background-color:#eeeeee;
	padding:10px 0;
	font-size:1.2rem;
}

.camDetail-btns > ul > li > a{
	display:block
}
@media(max-width:640px) {
	.camDetail-btns{
		width: auto;
		padding:15px;
	}
	.camDetail-btns > ul{
		display:block;
		width:100%;
	}
	.camDetail-btns > ul > li{
		width:100%;
		margin: 10px 0 0 0 ;
	}
}

.camDetail-cell{
	max-width:560px;
	width:100%;
	margin:auto;
	overflow:hidden;
}
.camDetail-cell table {
	max-width:560px;
	width:100%;
}
.camDetail-cell tr {
	border-top: 10px solid #FFF;
}
.camDetail-cell th {
	font-weight: normal;
	background:#eeeeee;
	width:30%;
	padding:10px;
	text-align: left;
}
.camDetail-cell td {
	width:70%;
	padding:10px;
}
/*
.camDetail-cell > dt{
	width:30%;
	background-color:#eeeeee;
	float:left;
	clear: left;
	padding:10px;
	box-sizing: border-box;
	margin-top:10px;
}
.camDetail-cell > dd{
	box-sizing: border-box;
	width:70%;
	float:left;
	padding:10px;
	margin-top:10px;
}
*/
.camDetail-image{
	max-width:560px;
	width:100%;
	margin:15px auto;
}
.camDetail-image img{
	width:100%;
}
.camDetail-map{
	max-width:560px;
	width:auto;
	margin:15px auto;
}
.camDetail-banners{
	max-width:560px;
	width:100%;
	margin:auto;
}
.camDetail-banners img {
	width:100%;
}
.camDetail-banners > li{
	margin-top:50px;
}

.camDetail-album__wrapper{
	max-width:640px;
	width:100%;
	margin:auto;
}
.album-title{
	font-size:1.2rem;
	padding:35px;
}
.album{
	max-width:460px;
	width:100%;
	margin:auto;
}
.album-slider img{
	width:460px;
}
.camDetail-moreAlbumBtn{
	max-width:265px;
	width:55%;
	margin:25px auto;
	background-color:#e1a7bc;
	text-align:center;
	font-size:1.8rem;
	font-weight:bold;
	padding:15px;
}

.camDetail-moreAlbumBtn > a{
	cursor:pointer;
	display:block;
	color:#FFFFFF;
}

@media(max-width:640px) {
.album-slider img{
	width:100%;
}

}