@media only all and (max-width: 720px){
.floatMenu{left:auto;right:0;}
.floatMenu li:first-child { margin-left:50%;}
}
@media print {.floatMenu{display:none !important;}}

/* gNav */
header.new_head .inner #global li, header.new_head .inner #global li a { background-size: auto 47px !important; }
header.new_head .inner #global li.about {background: url(../files/nav_about_new_on.png) no-repeat;}
header.new_head .inner #global li.academics_graduate {background: url(../files/nav_academics_graduate_on.png) no-repeat;}
header.new_head .inner #global li.admission {background: url(../files/nav_admission_new_on.png) no-repeat;}
header.new_head .inner #global li.campus_life {background: url(../files/nav_campus_life_on.png) no-repeat;}
header.new_head .inner #global li.carrier {background: url(../files/nav_carrier_new_on.png) no-repeat;}
header.new_head .inner #global li.related {background: url(../files/nav_related_new_on.png) no-repeat;}
header.new_head .inner #global li.cooperation {background: url(../files/nav_cooperation_new_on.png) no-repeat;}
header.new_head .inner #global li.community {background: url(../files/nav_community_on.png) no-repeat;}
header.new_head .inner #global li.about a {background: url(../files/nav_about_new.png) no-repeat;}
header.new_head .inner #global li.academics_graduate a {background: url(../files/nav_academics_graduate.png) no-repeat;}
header.new_head .inner #global li.admission a {background: url(../files/nav_admission_new.png) no-repeat;}
header.new_head .inner #global li.campus_life a {background: url(../files/nav_campus_life.png) no-repeat;}
header.new_head .inner #global li.carrier a {background: url(../files/nav_carrier_new.png) no-repeat;}
header.new_head .inner #global li.related a {background: url(../files/nav_related_new.png) no-repeat;}
header.new_head .inner #global li.cooperation a {background: url(../files/nav_cooperation_new.png) no-repeat;}
header.new_head .inner #global li.community a {background: url(../files/nav_community.png) no-repeat;}
header.new_head .inner #global li.about.active a {background: url(../files/nav_about_new_active.png) no-repeat;}
header.new_head .inner #global li.academics_graduate.active a {background: url(../files/nav_academics_graduate_active.png) no-repeat;}
header.new_head .inner #global li.admission.active a {background: url(../files/nav_admission_new_active.png) no-repeat;}
header.new_head .inner #global li.campus_life.active a {background: url(../files/nav_campus_life_active.png) no-repeat;}
header.new_head .inner #global li.carrier.active a {background: url(../files/nav_carrier_new_active.png) no-repeat;}
header.new_head .inner #global li.related.active a {background: url(../files/nav_related_new_active.png) no-repeat;}
header.new_head .inner #global li.cooperation.active a {background: url(../files/nav_cooperation_new_active.png) no-repeat;}
header.new_head .inner #global li.community.active a {background: url(../files/nav_community_active.png) no-repeat;}
header .inner #global li, header .inner #global li a { background-size: auto 47px !important; }
header .inner #global li.about {background: url(../files/nav_about_new_on.png) no-repeat;}
header .inner #global li.academics_graduate {background: url(../files/nav_academics_graduate_on.png) no-repeat;}
header .inner #global li.admission {background: url(../files/nav_admission_new_on.png) no-repeat;}
header .inner #global li.campus_life {background: url(../files/nav_campus_life_on.png) no-repeat;}
header .inner #global li.carrier {background: url(../files/nav_carrier_new_on.png) no-repeat;}
header .inner #global li.related {background: url(../files/nav_related_new_on.png) no-repeat;}
header .inner #global li.cooperation {background: url(../files/nav_cooperation_new_on.png) no-repeat;}
header .inner #global li.community {background: url(../files/nav_community_on.png) no-repeat;}
header .inner #global li.about a {background: url(../files/nav_about_new.png) no-repeat;}
header .inner #global li.academics_graduate a {background: url(../files/nav_academics_graduate.png) no-repeat;}
header .inner #global li.admission a {background: url(../files/nav_admission_new.png) no-repeat;}
header .inner #global li.campus_life a {background: url(../files/nav_campus_life.png) no-repeat;}
header .inner #global li.carrier a {background: url(../files/nav_carrier_new.png) no-repeat;}
header .inner #global li.related a {background: url(../files/nav_related_new.png) no-repeat;}
header .inner #global li.cooperation a {background: url(../files/nav_cooperation_new.png) no-repeat;}
header .inner #global li.community a {background: url(../files/nav_community.png) no-repeat;}
header .inner #global li.about.active a {background: url(../files/nav_about_new_active.png) no-repeat;}
header .inner #global li.academics_graduate.active a {background: url(../files/nav_academics_graduate_active.png) no-repeat;}
header .inner #global li.admission.active a {background: url(../files/nav_admission_new_active.png) no-repeat;}
header .inner #global li.campus_life.active a {background: url(../files/nav_campus_life_active.png) no-repeat;}
header .inner #global li.carrier.active a {background: url(../files/nav_carrier_new_active.png) no-repeat;}
header .inner #global li.related.active a {background: url(../files/nav_related_new_active.png) no-repeat;}
header .inner #global li.cooperation.active a {background: url(../files/nav_cooperation_new_active.png) no-repeat;}
header .inner #global li.community.active a {background: url(../files/nav_community_active.png) no-repeat;}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
.subSns { border-bottom: 1px solid #eee; }
.subSns .snsNav { width: 980px; margin: 0 auto; }
.subSns .snsNav ul { float: right; padding: 1px 0 4px; }
.subSns .snsNav ul li { float: left; margin-left: 8px; }
.subSns .snsNav ul li img { width: 19px; height: auto; }
@media only all and (min-width: 721px){
header .inner h1 {
    width: 180px !important;
    margin: 12px 0 0 0 !important;
}
header .inner .search li:last-child{display:none;}
#target { display: none; height: 120px; padding: 20px; }
.search { clear: both; float: right; padding: 0; margin: 0; position: relative; top: -52px; }
.search li img { height: 38px; width: auto; }
.search li { margin-left: 12px; position: relative; }
header .searchBox { position: relative; right: -310px; top: -5px; z-index: 5; width: 480px; }
header .searchForm span:before { width: 100%; height: 100%; content: " "; display: block; background-color: rgba( 222, 222, 222, 0.90 ); position: absolute; top: -12px; right: -12px; z-index: 5; padding: 12px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
header .searchForm .searchInput { z-index: 6; position: relative; }
header .searchForm button { z-index: 7; }
button.search_btn {
		background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
	margin-top: 3px !important;
	z-index: 9;}
}

@media only all and (max-width: 720px){
.subSns{display: none;}
header .inner .search { clear: both; position: relative; top: 0px; display:block; margin-top: 16px; }
header .inner .search li:first-child{width:auto;margin: 0;}
.searchBox {display: none;}
header .inner .search li:nth-child(3){display:none;}
header .inner .search li:last-child{display: block;margin-top: 12px;}
.search li img.iconSub { height: 40px; width: auto; margin-left: 6px; }
	}
@media only all and (min-width: 721px){
footer .snsNav { top: 22px; }
footer .snsNav li.request, footer .snsNav li.webApply {
    margin: -5px 0 0 10px;
    padding: 0;
}
footer .snsNav li {
    height: 29px;
    padding: 0 6px;
    float: left;
    position: relative;
    display: table;
}
}

@media only all and (max-width: 720px){
footer .snsNav li {
    width: 200px;
    height: 28px;
    padding: 0;
    float: none;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
footer .snsNav li.request, footer .snsNav li.webApply {height: 34px;}
}

/* TOPレイアウト */
.new-slide { background: url(https://www.azabu-u.ac.jp/files/slider_bg.png); padding: 20px 0; }
.swiper-slide img { width: 100%; height: auto; }
#bgndVideo { width: 100%; height: 1740px;}
@media only all and (max-width: 3500px){#bgndVideo { width: 100%; height: 1692px;}}
@media only all and (max-width: 3400px){#bgndVideo { width: 100%; height: 1644px;}}
@media only all and (max-width: 3300px){#bgndVideo { width: 100%; height: 1596px;}}
@media only all and (max-width: 3200px){#bgndVideo { width: 100%; height: 1548px;}}
@media only all and (max-width: 3100px){#bgndVideo { width: 100%; height: 1498px;}}
@media only all and (max-width: 3000px){#bgndVideo { width: 100%; height: 1450px;}}
@media only all and (max-width: 2900px){#bgndVideo { width: 100%; height: 1402px;}}
@media only all and (max-width: 2800px){#bgndVideo { width: 100%; height: 1352px;}}
@media only all and (max-width: 2700px){#bgndVideo { width: 100%; height: 1304px;}}
@media only all and (max-width: 2600px){#bgndVideo { width: 100%; height: 1254px;}}
@media only all and (max-width: 2500px){#bgndVideo { width: 100%; height: 1206px;}}
@media only all and (max-width: 2400px){#bgndVideo { width: 100%; height: 1160px;}}
@media only all and (max-width: 2300px){#bgndVideo { width: 100%; height: 1108px;}}
@media only all and (max-width: 2200px){#bgndVideo { width: 100%; height: 1062px;}}
@media only all and (max-width: 2100px){#bgndVideo { width: 100%; height: 1012px;}}
@media only all and (max-width: 2000px){#bgndVideo { width: 100%; height: 962px;}}
@media only all and (max-width: 1900px){#bgndVideo { width: 100%; height: 914px;}}
@media only all and (max-width: 1800px){#bgndVideo { width: 100%; height: 866px;}}
@media only all and (max-width: 1700px){#bgndVideo { width: 100%; height: 818px;}}
@media only all and (max-width: 1600px){#bgndVideo { width: 100%; height: 768px;}}
@media only all and (max-width: 1500px){#bgndVideo { width: 100%; height: 720px;}}
@media only all and (max-width: 1400px){#bgndVideo { width: 100%; height: 670px;}}
@media only all and (max-width: 1300px){#bgndVideo { width: 100%; height: 622px;}}
@media only all and (max-width: 1200px){#bgndVideo { width: 100%; height: 574px;}}
@media only all and (max-width: 1100px){#bgndVideo { width: 100%; height: 525px;}}
@media only all and (max-width: 1000px){#bgndVideo { width: 100%; height: 476px;}}
@media only all and (max-width: 950px){#bgndVideo { width: 100%; height: 452px;}}
@media only all and (max-width: 900px){#bgndVideo { width: 100%; height: 428px;}}
@media only all and (max-width: 850px){#bgndVideo { width: 100%; height: 404px;}}
@media only all and (max-width: 800px){#bgndVideo { width: 100%; height: 380px;}}
@media only all and (min-width: 721px){
.swiper-container { width: 100%; margin: 0 auto; }
.news .btnArea { width: 280px !important; margin-left: auto !important; margin-right: auto !important; margin-top: 20px; } 
.new_left {
    float: left;
	width: 280px;
	margin-right: 30px;
}
.new_right {
    float: left;
	width: 670px;
}
.photo, .movie {
    width: 280px !important;
    float: left !important;
    text-align: left !important;
}
.photo { margin-bottom: 57px !important; }
.insta ul li { margin: 0 0 0 17px; width: 212px !important; }
.insta ul li:first-child {
    width: 327px !important;
    margin: 0 0 16px 0;
}
.insta ul li:nth-child(2) {
    width: 327px !important;
    margin: 0 0 16px 16px;
}
.insta ul li:nth-child(3) {
    margin: 0;
}
.insta .btnArea {
    width: 280px !important;
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
	clear: both !important;
	margin: -12px auto 0 !important;
}
}
@media only all and (min-width: 721px){
.target ul li { width: 195px !important;}
.target ul li:first-child,.target ul li:last-child { width: 196px !important;}
.target ul li img { width: 62% !important; }
}

/* youtube */
#bgndVideo{position:relative;z-index:2;}
#bgndVideo:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:4;}



/* Footer */
.new_footer2 { width: 980px; margin: 0 auto; padding: 20px 0 14px; position: relative; }
.f_ad { font-size: 12px; clear: both; padding-top: 8px; }
@media only all and (max-width: 720px){
.new_footer2 { width: 100%; padding: 16px;}
.f_ad { padding: 12px 0 16px; }
}
footer .smHeader { padding: 0 !important; border: none !important; }
footer .smHeader:after { display: none !important; }
@media only all and (min-width: 721px){footer .smHeader li.ftLogo { width: 180px; }footer .snsNav{top:36px;}}

/* ------------------------------------
	tab
------------------------------------ */
.tabArea {
	margin: 20px auto 0;
	text-align: left;
	border-bottom: 1px solid #000;
	position: relative;
	overflow: hidden;
}
.tabArea li {
	margin: 0 4px 0 0;
	display: inline-block;
	overflow: hidden;
	vertical-align: bottom;
}
.tabArea li a {
	display: block;
	padding: 7px 20px 3px;
	background: #f3f3f3;
	text-decoration: none;
	color: #8d8d8d;
	transition: all 0.3s ease-out;
	border-top: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
}
.tabArea li.active a {
	color: #fff;
	background: #7b2482;
	border-top: 1px solid #7b2482;
	border-right: 1px solid #7b2482;
	border-left: 1px solid #7b2482;
}
.tabArea li.all a {
	padding: 7px 28px 3px;
}
.tabArea li a span {
	padding: 5px 0 5px 20px;
	position: relative;
}
.tabArea li.all a span {padding: 0;}
.tabArea li.student a span {padding: 5px 0 5px 17px;}
.tabArea li.graduate a span {padding: 5px 0 5px 24px;}
.tabArea li.parents a span {padding: 5px 0 5px 27px;}
.tabArea li a span:before {
	font-family: 'azabu';
	color: #8d8d8d;
	position: absolute;
	left: 0;
	top: 3px;
	transition: all 0.3s ease-out;
}
.tabArea li.exam a span:before {content: "\e906";}
.tabArea li.student a span:before {content: "\e909";}
.tabArea li.graduate a span:before {content: "\e907";}
.tabArea li.company a span:before {content: "\e905";}
.tabArea li.teacher a span:before {content: "\e90a";}
.tabArea li.parents a span:before {content: "\e908";}
.tabArea li.study a span:before {font-family: "Material Icons";content: "blur_on"; font-size: 110% !important;}
.tabArea li.media a span:before {font-family: "Material Icons";content: "speaker_notes"; font-size: 110% !important;}
.tabArea li.active a span:before {color: #FFF;}
.tabArea .rss {
	padding: 0 0 0 15px;
	color: #8d8d8d;
	text-decoration: none;
	position: absolute;
	top: 3px;
	right: 0;
	background: url(../files/icon_rss.png) no-repeat left center;
}
.tabArea.yearly li span {
	font-size: 86%;
}
.tabArea.yearly li span span {
	font-size: 136%;
}
.tabArea .SYBox {
	position: absolute;
	top: 0;
	right: 0;
	border: 2px solid #007AEC;
}
.tabArea .SYBox select {
	width: 120px;
	height: 28px;
	cursor: pointer;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: -9999px;
	background: #fbfbfa url(../files/select_year.png) no-repeat center center;
}
/*PC HOVER*/
@media only all and (min-width: 720px) {
	.tabArea li a:hover {
		color: #fff;
		background: #7b2482;
		border-top: 1px solid #7b2482;
		border-right: 1px solid #7b2482;
		border-left: 1px solid #7b2482;
	}
	.tabArea li a:hover span:before {color: #FFF;}
}

@media only all and (max-width: 720px) {
	.tabArea li {
		width: 48%;
		margin: 0 1% 7px;
		display: block;
		float: left;
		text-align: center;
	}
	.tabArea li a {
		padding: 7px;
		border-bottom: 1px solid #e0e0e0;
	}
	.tabArea li.active a {
		border-bottom: 1px solid #7b2482;
	}
	.tabArea li.all a {
		padding: 7px 20px;
	}
	.tabArea li.all {
		width: 98%;
		margin: 0 auto 7px;
		float: none;
	}
	.tabArea {
		margin: 0 auto 10px;
		border-bottom: none;
	}
	.tabArea .rss {
		display: none;
	}
	.tabArea.yearly {
		text-align: center;
	}
	.tabArea .SYBox {
		position: static;
		margin: 10px 0;
		display: inline-block;
	}
}

.tab{
    flex-grow: 1;
    cursor:pointer;
}
.tab_main{
    height:auto;
}
.tab_content{
    display:none;
}
.tab_content.is-show{
    display:block;
}
.tab.is-active a span:before {color: #FFF;}


.tab.is-active a {
		border-bottom: 1px solid #7b2482;
	}

.tab.is-active a {
	color: #fff;
	background: #7b2482;
	border-top: 1px solid #7b2482;
	border-right: 1px solid #7b2482;
	border-left: 1px solid #7b2482;
}

.tab.is-active a span:before {color: #FFF;}
@media only all and (max-width: 720px) {
.tab.is-active a{
		border-bottom: 1px solid #7b2482;
	}
}
@media only all and (max-width: 720px) {
.spDisnon { display: block !important; }
}

/* 4 content */
@media all and (min-width:721px){
.top4contents { margin-bottom: 50px; padding: 30px 0;
background-image: url(/files/4bg.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover; }
.top4contents .mainImage {
position: relative;
z-index: 50;
text-align: center;
width:980px;
height: 330px;
background:;
margin:0 auto;
padding: 0;
}

.top4contents .mainImage_btn {
  position: absolute;
  width: 230px;
}
.top4contents .mainImage_btn>a {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: all .4s;
  transition: all .4s;
  display: block;
}

.top4contents .mainImage_btn>a:hover {
  margin-top: 15px;	
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.top4contents .mainImage_btn-01 {
 top: 0;
left: 0;
}

.top4contents .mainImage_btn-02 {
 top: 120px;
left: 186px;
}

.top4contents .mainImage_btn-03 {
 top: 0;
left: 372px;
}

.top4contents .mainImage_btn-04 {
 top: 120px;
left: 558px;
}

.top4contents .mainImage_btn-05 {
 top: 0;
left: 748px;
}
}

.top4contents .mainImage_btn img {
    border-style: none;
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
@media all and (min-width:1260px){
.top4contents .mainImage {
position: relative;
z-index: 50;
text-align: center;
width:1260px;
height: 412px;
background:;
margin:0 auto;
padding: 0;
}

.top4contents .mainImage_btn {
  position: absolute;
  width: 296px;
}
.top4contents .mainImage_btn>a {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: all .4s;
  transition: all .4s;
  display: block;
}

.top4contents .mainImage_btn>a:hover {
  margin-top: 15px;	
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.top4contents .mainImage_btn-01 {
 top: 0;
left: 0;
}

.top4contents .mainImage_btn-02 {
 top: 150px;
left: 235px;
}

.top4contents .mainImage_btn-03 {
 top: 0;
left: 470px;
}

.top4contents .mainImage_btn-04 {
 top: 150px;
left: 705px;
}

.top4contents .mainImage_btn-05 {
 top: 0;
left: 940px;
}
}

.top4contents .mainImage_btn img {
    border-style: none;
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
.mainImage { position: relative; box-sizing: border-box; }

@media all and (max-width:720px){
.top4contents { margin-bottom: 30px; padding: 20px 10px;background-image: url(/files/4bg_sp.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover; }
.top4contents .mainImage {width:100%;height: auto;padding:0;}
.top4contents .mainImage_btn { float: left; width: 48%; margin: 0 1%; }
.top4contents .mainImage_btn-03{margin: 16px 26% 0;}
.top4contents .mainImage_btn-04,.top4contents .mainImage_btn-05{margin-top: 16px;}
}


/* キャンパスライフナビ調整 */
#global li.campus_life ul li:nth-child(2) ul { display: none !important; }

#main.oneCol.campus_life {
	background-size: contain;
	background-position: center top;
	background-repeat: no-repeat;
}
#main.oneCol.campus_life {background-image: url(../files/archive_ttl_bg_campus_life.jpg);}

/* キャリア調整 */
@media all and (min-width:721px){
.carrier .menuList > li.third{margin: 0 40px 20px 0;}
.carrier .menuList > li:nth-child(4),
.carrier .menuList > li:nth-child(7),
.carrier .menuList > li:nth-child(10),
.carrier .menuList > li:nth-child(13){margin: 0 0 20px;}
}


/* ヘッダー固定 */
@media all and (min-width:721px){
header { position: fixed; height: 145px; width: 100%; z-index: 100; }
header .inner { position: relative; }
header .inner #global { bottom:auto; top: 54px; }
#wrapper { padding-top: 145px; }
.target { position: fixed; top: 144px; z-index: 99; width: 100%; margin: 0 auto; }
.target ul { width: 980px; margin: 0 auto; }
}

/* NEWS調整 */
.tabArea li.teacher, .tabArea li.parents { display: none !important; }

/* 学科ブログ */
.gakka_banner_block { text-align: center; margin: 0 auto; display: flex; flex-wrap: wrap;width:980px;justify-content: center; }
.gakka_banner_block img { width: 100%; max-width: 320px; height: auto; margin-bottom: 36px; }
.gakka_banner_block a { margin-right: 20px; }
.gakka_banner_block a:last-child { margin-right: 0; }
.gakka_banner_block a:hover img { opacity: 0.6; }
@media only screen and (max-width: 720px) {.gakka_banner_block { display: block;width:100%;}.gakka_banner_block a{margin-right: 0;}}

/* Print */
@media print {
.new_head ul.search { position: absolute; top: 16px; right: 12px; }
.new_head ul.search li:last-child { display: none !important; }
footer .snsNav { width: 340px !important; position: absolute !important; bottom: 40px; right: 12px; }
footer .snsNav li:before,footer .snsNav li:after { display: none !important; }
footer .snsNav li {text-align: right !important; }
footer .snsNav li.request, footer .snsNav li.webApply { padding-top: 12px !important; }
}