@charset "utf-8";

body {
	width: 100%;
	position: relative;
	background: url(../img/bg_main_blur.jpg) no-repeat center -150px;
	background-attachment: fixed;
}

body.noscroll {
  position: fixed;
  overflow-y: scroll;
}
.hide {
	display: none !important;
}

/* header
------------------------------------------------------------------*/
header {
	position: absolute;
	top: -151px;
	z-index: 50;
}

/* splash
------------------------------------------------------------------*/
#splash {
	background: #000;
	width: 100%;
	position: relative;
	z-index: 50;
}
#splash ul li {
	position: absolute;
	z-index: 99;
	bottom: 100%;
	width: 100%;
}
#splash ul li:first-child {
	bottom: 0;
}
#splash ul li {
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#splash ul li:first-child {
	background: url(../img/img_splash01.jpg) no-repeat center top;
	background-size: cover;
}
#splash ul li:nth-child(2) {
	background: url(../img/img_splash02.jpg) no-repeat center top;
	background-size: cover;
}
#splash ul li:nth-child(3) {
	background: url(../img/img_splash03.jpg) no-repeat center top;
	background-size: cover;
}
#splash ul li:nth-child(4) {
	background: url(../img/img_splash04.jpg) no-repeat center -150px;
	background-attachment: fixed;
}
#splash p {
	position: absolute;
	z-index: 100;
	text-align: center;
	left: 50%;
	margin-left: -413px;
	opacity: 0;
}
#splash .text p:first-child {
	display: block;
}
#splash span {
	position: absolute;
	z-index: 100;
	display: block;
	bottom: 130px;
	left: 50%;
	margin-left: -45px;
}


/* mv
------------------------------------------------------------------*/
#mv {
	width: 100%;
	position: absolute;
	top: -5px;
	left: 0;
	border-bottom: 5px solid #ffd800;
	overflow: hidden;
	z-index: 0;
}
#mv.bgMega {
	border-bottom: none;
}
#mv.bgMega:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
	z-index: 40;
}

#mv div.main {
	width: 100%;
}
#mv div.main > img,
#mv div.main > video {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1000px;
}
#mv > div {
	position: absolute;
	width: 100%;
	z-index: 30;
}

/* main */
#mv .main .inner {
	position: relative;
	z-index: 10;
}
#mv .main .inner p {
	margin: 0 0 35px;
	position: relative;
	z-index: 10;
	text-align: center;
	padding-right: 30px;
}
#mv .main .inner p a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
}


/* mv01～05 */
#mv .mvBox .inner {
	width: 1024px;
	margin: 0 auto;
	position: relative;
}
#mv .mvBox .inner p {
	position: absolute;
	left: 10px;
}
#mv div.mv01 {
	background: url(../img/mv01.jpg) no-repeat center top;
	background-size: cover;
}
#mv div.mv02 {
	background: url(../img/mv02.jpg) no-repeat center top;
	background-size: cover;
}
#mv div.mv03 {
	background: url(../img/mv03.jpg) no-repeat center top;
	background-size: cover;
}
#mv div.mv04 {
	background: url(../img/mv04.jpg) no-repeat center top;
	background-size: cover;
}
#mv div.mv05 {
	background: url(../img/mv05.jpg) no-repeat center top;
	background-size: cover;
}


/* mvNavi */
#mv div#mvNavi {
	width: 960px;
	height: 90px;
	position: absolute;
	top: initial;
	bottom: -90px;
	left: 50%;
	margin-left: -480px;
	z-index: 35;
}
#mvNavi ul.college01 {
	float: left;
	width: 375px;
	height: 90px;
	background: url(../img/bg_mvNav_college01.png) no-repeat bottom center;
}
#mvNavi ul.college02 {
	float: left;
	width: 570px;
	height: 90px;
	background: url(../img/bg_mvNav_college02.png) no-repeat bottom center;
	margin-left: 15px;
}
#mvNavi ul li {
	position: relative;
	float: left;
	width: 180px;
	height: 66px;
	overflow: hidden;
	margin-left: 15px;
}
#mvNavi ul li:first-child {
	margin-left: 0;
}
#mvNavi ul li a {
	display: block;
	width: 180px;
	height: 66px;
	position: absolute;
}
#mvNavi ul li a:hover {
	top: -66px;
}



/* contents
------------------------------------------------------------------*/
#contents {
	width: 100%;
	line-height: 0;
	position: absolute;
	z-index: 100;
	top: 100%;
}
#contents.bgMega {
  margin-top: -5px;
}


/* contentsWrap
------------------------------------------------------------------*/
#contentsWrap {
	width: 100%;
	padding-top: 50px;
}

/* section */
section {
	background: #fff;
}
section#pickUp,
section.schoolBlog {
	width: 960px;
	margin: 0 auto 30px;
	padding: 20px 32px;
}
section#news,
section#openCampus {
	width: 465px;
	margin: 0 0 30px;
}
section h2 {
	margin: 0 0 20px;
  border-left: 6px solid #ffd800;
  padding-left: 4px;
  font-size: 20px;
}
section h2 b {
  border-top: 1px solid #bfc1c1;
  border-bottom: 1px solid #bfc1c1;
  padding: 22px 0 18px 16px;
  display: block;
}

/* pickUp */
section#pickUp ul {
	width: 900px;
	margin: 0 auto;
}
section#pickUp ul li {
	float: left;
	margin-left: 1px;
}
section#pickUp ul li:first-child {
	margin-left: 0;
}
section#pickUp .bx-wrapper {
	width: 894px;
	margin: 0 0 60px 38px;
}
section#pickUp .bx-wrapper .bx-next {
	right: -25px;
	background: url(../common/img/btn_arw_next.png) 0 0 no-repeat;
}
section#pickUp .bx-wrapper .bx-prev {
	left: -34px;
	background: url(../common/img/btn_arw_prev.png) 0 0 no-repeat;
}
section#pickUp .bx-wrapper .bx-controls-direction a {
	width: 23px;
	height: 36px;
}
section#pickUp .bx-wrapper .bx-controls-direction a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
}

/* info */
#info {
	width: 1024px;
	margin: 0 auto 30px;
}
#info h2 {
	height: 62px;
	position: relative;
}
#info h2 > img,
#info h2 span {
	position: absolute;
}
#info h2 img {
	top: 0;
	left: 0;
}
#info h2 span {
	top: 24px;
	right: 16px;
}
#info h2 span a {
	display: none;
}
#info h2 span a.active {
	display: block;
}
#info section #tab h3:last-child {
	border-bottom: 1px solid #d9d9d9;
}
#info time {
	font-size: 12px;
	color: #808080;
	margin: 0 0 8px;
	display: block;
}
#info section .newsList {
	display: none;
}
#info section .newsList.active {
	display: block;
}
#info section .newsList {
	width: 335px;
	float: left;
	padding: 5px 0 0 15px;
}
#info section .newsList article {
	margin: 0 0 18px;
}
#info section .newsList article:last-child {
	margin: 0;
}
#info section .newsList article p {
	width: 325px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#info section .newsList article p a {
	font-size: 12px;
	color: #333;
}
#info section .newsList article p a:hover {
	text-decoration: underline;
}
#info section .newsList article p a time {
	background-repeat: no-repeat;
	background-position: 80px center;
}

/* news */
#info section#news {
	float: left;
	padding: 20px 13px 20px 32px;
	height: 350px;
}
#info section#news #tab {
	width: 112px;
	border-right: 1px solid #d9d9d9;
	float: left;
}
#info section#news #tab h3 {
	height: 67px;
	width: 100%;
	display: table;
	font-size: 13px;
	color: #3d322f;
	border-top: 1px solid #d9d9d9;
	background-repeat: no-repeat;
	background-position: 7px center;
}
#info section#news #tab h3  span {
	display: table-cell;
	vertical-align: middle;
	padding-left: 24px;
	width: 100%;
	padding-top: 3px;
	line-height: 1.3;
}

#info section#news #tab h3:hover,
#info section#news #tab h3.active {
	cursor: pointer;
	background-color: #d9d9d9;
}

/* openCampus */
#info #openCampus {
	float: right;
	padding: 20px 32px 20px 13px;
}
#info section#openCampus #tab {
	width: 114px;
	border-right: 1px solid #d9d9d9;
	float: left;
}
#info section#openCampus #tab h3 {
	height: 44px;
	font-size: 13px;
	color: #3d322f;
	border-top: 1px solid #d9d9d9;
	padding: 11px 0 0 24px;
	background-repeat: no-repeat;
	background-position: 7px center;
	line-height: 1.4;
}
#info section#openCampus #tab h3:first-child {
	height: 44px;
	line-height: 44px;
	padding-top: 0;
}

/* tab hover */
#info section #tab h3:hover,
#info section #tab h3.active {
	cursor: pointer;
	background-color: #d9d9d9;
}
#info section#news #tab h3.project:hover,
#info section#openCampus #tab h3.chorishi:hover,
#info section#news #tab h3.project.active,
#info section#openCampus #tab h3.chorishi.active {
	background-color: #e6f99f;
}
#info section#news #tab h3.job:hover,
#info section#openCampus #tab h3.seika:hover,
#info section#news #tab h3.job.active,
#info section#openCampus #tab h3.seika.active {
	background-color: #ffe7eb;
}

#info section#openCampus #tab h3.ecoOsaka:hover,
#info section#openCampus #tab h3.ecoOsaka.active {
	background-color: #e8fbff;
}
#info section#news #tab h3.announcement:hover,
#info section#openCampus #tab h3.ecoTokyo:hover,
#info section#news #tab h3.announcement.active,
#info section#openCampus #tab h3.ecoTokyo.active {
	background-color: #fff4e0;
}
#info section#news #tab h3.media:hover,
#info section#news #tab h3.media.active {
	background-color: #f4f9ff;
}

/* icon color */
#info section#news #tab h3.all,
#info section#openCampus #tab h3.all {
	background-image: url(../img/icon_white.gif);
}
#info section#news #tab h3.project,
#info section#news .newsList article.project p a time,
#info section#openCampus #tab h3.chorishi,
#info section#openCampus .newsList article.chorishi p a time {
	background-image: url(../img/icon_green.gif);
}
#info section#news #tab h3.job,
#info section#news .newsList article.job p a time,
#info section#openCampus #tab h3.seika,
#info section#openCampus .newsList article.seika p a time {
	background-image: url(../img/icon_pink.gif);
}

#info section#openCampus #tab h3.ecoOsaka,
#info section#openCampus .newsList article.osaka p a time {
	background-image: url(../img/icon_blue.gif);
}
#info section#news #tab h3.announcement,
#info section#news .newsList article.announcement p a time,
#info section#openCampus #tab h3.ecoTokyo,
#info section#openCampus .newsList article.tokyo p a time {
	background-image: url(../img/icon_orange.gif);
}
#info section#news #tab h3.media,
#info section#news .newsList article.media p a time {
	background-image: url(../img/icon_gray.gif);
}


/* schoolBlog */
#info .schoolBlog {
	clear: both;
}
#info .schoolBlog h2 span a {
	display: block;
}
#info .schoolBlog article {
	width: 176px;
	float: left;
	margin-left: 20px;
}
#info .schoolBlog article:first-child {
	margin-left: 0;
}
#info .schoolBlog article dl dt a {
	font-size: 14px;
	font-weight: bold;
	color: #5e5653;
	margin: 0 0 10px;
	padding-left: 9px;
  display: block;
	width: inherit !important;
	height: inherit !important;
}
#info .schoolBlog article dl dt a:hover {
	text-decoration: underline;
}
#info .schoolBlog article a {
	height: 196px;
	width: 176px;
	display: block;
	background: url(../img/bg_blog.gif) no-repeat bottom center;
}
#info .schoolBlog article a figure {
	width: 176px;
	height: 120px;
	background-image: url(../common/img/img_noimage.png);
	border-top: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	box-sizing: border-box;
	overflow: hidden;
}
#info .schoolBlog article a figure img {
	width: 174px;
	height: auto;
}
#info .schoolBlog article a p {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	padding: 10px 14px;
	line-height: 1.2
}
#info .schoolBlog article a:hover {
	text-decoration: underline;
	color: #5e5653;
}


#info .schoolBlog article dl dt.chorishi a {
	background: url(../img/icon_list_green.gif) no-repeat left -1px;
}
#info .schoolBlog article dl dt.seika a {
	background: url(../img/icon_list_pink.gif) no-repeat left -1px;
}
#info .schoolBlog article dl dt.ecoOsaka a {
	background: url(../img/icon_list_blue.gif) no-repeat left -1px;
}
#info .schoolBlog article dl dt.ecoTokyo a {
	background: url(../img/icon_list_orange.gif) no-repeat left -1px;
}
#info .schoolBlog article dl dt.ecoFrance a {
	background: url(../img/icon_list_navy.gif) no-repeat left -1px;
}