/*COMMON*/
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);

*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html {
overflow-y: scroll;
height: 100%;
width: 100%;
font-size: 62.5%;
}

body {
font-family: Helvetica, Verdana, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,  sans-serif;
font-size:1em;
color: #444;
width: 100%;
height: 100%;
border-top: solid 3px #56B0A4;
-webkit-print-color-adjust: exact;
}

a:link {color: #555;text-decoration: none;cursor: pointer;}
a:visited {color: #555;text-decoration: none;}
a:hover {color: #777;text-decoration:underline;}
.noscript {display: none;}


em, strong {font-weight: bold;text-decoration: normal;}
hr {height: 1px;background: #e4e4e4;clear: both;margin: 0;}

.hidden {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;border: 0;clip: rect(0 0 0 0);overflow: hidden;}
.smalltext {font-size: 12px;}
.largetext {font-size: 16px;}
.block {display: block;}
.bold {font-weight: bold !important;}
.normal {font-weight: normal;}
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.fb {font-weight:bold;font-size:114%;}
.fsmall {font-size: 0.8em;}

.break {-ms-word-break: break-all;word-break: break-all;word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}
.serif {font-family: 'Hiragino Mincho ProN','MS P明朝',serif;}

ul,ol {padding:0;margin:0;}
ul li {list-style:none;}
ol li {list-style: decimal}

.cf:before,
.cf:after {content: "";display: block;overflow: hidden;}
.cf:after {clear: both;}
.cf {zoom: 1;}

.circle {border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;background: #ffffff;text-align: center;}
.fl {float:left;}
.fr {float:right;}
.sp_fl {float:left;}
.sp_fr {float:right;}

.sp_w49 {width:49.5%;}
.w70, .sp_w70 {width:70%;}
.w55, .sp_w55 {width:55%;}
.w50, .sp_w50 {width:55%;}
.w45, .sp_w45 {width:40%;}
.w25, .sp_w25 {width:25%;}

.w25 img,
.sp_w25 img,
.w45 img,
.sp_w45 img,
.sp_w49 img,
.w50 img,
.sp_w50 img,
.w55 img,
.sp_w55 img {
width:100%;
}

	layout
*/
#wrapper {width: 100%;font-size: 1.3rem;font-size: 13px;}



/**
* Header
* ----------------------------------------------------------------------------------------------------
*/


#header {background: url('../img/common/line-dot-grunge.png') repeat-x left bottom #FFF;margin: 0 auto;width: 960px;position:relative;min-height:65px;}
#header .logo {float:left;margin:5px;left: 0;top:7px;position: absolute;text-align:left;}
#header .logo a img,
div#wrapper #header .logo a {z-index: 100;position: relative;}
#header .logo a{display: block;width: 400px;height: auto;position: absolute;margin: 0 auto;}
#header .logo a img{width:100%;}

.ie7 #header .logo img {float:left;text-align:left;}

.headerMenu {float:right;padding:0;width: 505px;background: url("../img/common/strip_g.png") no-repeat center center;height: 50px;}

.sns {background:#56B0A4;overflow:hidden;height: 50px;padding:10px;position:absolute;top:0;right:0px;width: 170px;}
.sns li {
    float: left;
    font-size: 22px;
    margin: 5px;
    text-align: center;
}

.sns li img{bottom: 2px;
    position: relative;
    right: 3px;
}

.sns li a {display: block;width: 20px;height: 20px;list-style: none;color:#FFF !important;}
.sns li a:hover {opacity:0.8;}


.head_subnav {background:#FFF;overflow:hidden;padding:8px 10px 8px 2px;margin:8px;}

.head_subnav li {float:left;font-size:1.2rem;padding: 0 16px;border-right: solid 1px #ccc;}
.head_subnav li:last-child {border-right: none;}
.head_subnav li a:hover {text-decoration:none;}



/**
* pagetop
* ----------------------------------------------------------------------------------------------------
*/

#pagetop {display: none;position: fixed;bottom: 150px;right: 60px;cursor: pointer;color: #fff;font-size:18px;}
#pagetop a {display:block;width: 50px;height: 50px;padding: 14px 17px;cursor: pointer;color:#FFF;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
background:rgba(104,191,179, 0.8);
}
#pagetop a:hover {background:rgba(104,191,179, 0.6);
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}



/**
* footer
* ----------------------------------------------------------------------------------------------------
*/
footer {width: 100%;height: auto;background:#F9F9ED !important;margin: 20px 0 0;overflow:hidden;border-bottom:solid 20px #56B0A4;}
.ftbar {height:30px;background: url("/img/top/strip_gray.png")  !important;}

div.footer-inner {width: 960px;margin: 30px auto;overflow:hidden; font-size: 1.5rem;}
.fwb{
    font-weight: bold;
}
.footer-inner .f_logo {margin: 0 auto 20px;} 

.footer-inner .menu {position:relative;overflow:hidden;padding:0;}

.footer-inner .menu li {float:left;border-left:solid 1px #DDDDCD;margin-left:26px;padding-left:26px;}
.footer-inner .menu li:first-child {margin-left:0px;border-left:none;}
.footer-inner .menu li h4 {font-size:12px;font-weight:900;padding-bottom:0;}
.footer-inner .menu li a {display:block;}
.footer-inner .menu li a h5 {font-size:12px;font-weight:500;color:#888;}
.footer-inner .univ {position:relative;top:20px;right:0;}
.footer-inner .univ h4 {font-size:12px;font-weight:900;padding-bottom:10px;}
.copy {font-size:11px;opacity:0.5;padding-bottom:10px;text-align: center;}


/*--スペース・余白--*/
.l_5 {padding-left: 5px !important;}
.l_10 {padding-left: 10px !important;}
.l_15 {padding-left: 15px !important;}
.l_20 {padding-left: 20px !important;}
.l_30 {padding-left: 30px !important;}
.l_40 {padding-left: 40px !important;}
.l_50 {padding-left: 50px !important;}
.l_60 {padding-left: 60px !important;}

.r_5 {padding-right: 5px;}
.r_10 {padding-right: 10px;}
.r_15 {padding-right: 15px;}
.r_20 {padding-right: 20px;}

.t_10 {padding-top:10px;}
.t_20 {padding-top:20px;}
.t_30 {padding-top:30px;}

.ml_5 {margin-left:10px;}
.ml_10 {margin-left:10px;}
.ml_15 {margin-left:15px;}
.ml_20 {margin-left:20px;}

.mr_5 {margin-right:10px;}
.mr_10 {margin-right:10px;}
.mr_20 {margin-right:20px;}

.mt_2 {margin-top:2px;}
.mt_5 {margin-top:5px;}
.mt_10 {margin-top:10px;}
.mt_15 {margin-top:15px;}
.mt_20 {margin-top:20px;}
.mt_30 {margin-top:30px;}
.mt_40 {margin-top:40px;}

.mb_5 {margin-bottom:5px;}
.mb_10 {margin-bottom:10px;}
.mb_20 {margin-bottom:20px;}
.mb_30 {margin-bottom:30px;}
.mb_40 {margin-bottom:40px;}
.mb_50 {margin-bottom:50px;}
.mb_60 {margin-bottom:60px;}
.mb_100 {margin-bottom:100px;}
.mb_150 {margin-bottom:150px;}






/**
*RESPONSIVE CSS
* ----------------------------------------------------------------------------
*/


@media (max-width: 768px) {
	
	
/*#header {max-width: 100%;min-height:95px;}
#header .logo {float:left;width: 170px;margin:0;left: 10px;top:7px;position: absolute;}
#header .logo a {width: 170px;}
/*.sns {background:none;width: 120px;}*/

body {
    border-top: solid 3px #56B0A4 !important;
}


.headerMenu {background:none;}
.head_subnav {background:#56B0A4;overflow:hidden;padding:8px 10px 8px 2px;margin:0;position: absolute;left:0;right:0;width:100%;top:58px;}
.head_subnav li {float:left;font-size:1.2rem;padding:0;width:32.99999%;text-align: center;border-right: solid 1px #FFF;display:block;}
.head_subnav li:last-child {border-right: none;}
.head_subnav li a {color:#FFF;display:block;}
.head_subnav li a:hover {text-decoration:none;}

	
.navbar-wrapper {margin:0;}
.navbar.navbar-inverse.navbar-static-top {width:100%;padding:0;}
.nav-inner {width:100%;margin:0 auto;}
.navbar-collapse {padding-right:0;padding-left:0;overflow-x:visible;
-webkit-overflow-scrolling:touch;
-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1);
box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-header {
background-color:rgba(255,255,255,1);
border-bottom: solid 1px #62BFB3;
border-top: solid 1px #62BFB3;
}
.navbar-toggle {
position:relative;
width:100%;
padding:0;
text-align: center;
margin:0;
color:#56B0A4 !important;
background: #FFF;
}
.navbar-toggle .icon-bar {
display: block;
width:16px;
height:2px;
border-radius:1px;
border-color:#56B0A4;
}
.navbar-toggle .icon-bar+.icon-bar {margin-top:3px;}

.navbar-inverse .navbar-toggle {
border:none;
border-radius:0;
border-color:#56B0A4 !important;
}
.navbar-inverse .navbar-toggle:focus{
background-color:#FFF;
}
.navbar-inverse .navbar-toggle:hover {
background-color:#FFF;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color:#56B0A4;
}
.navbar-inverse .navbar-toggle .icon-barBox {
display: inline-block;
padding:16px 0 0;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color:#101010;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
color:#222;
background-color:#FFF;
}
.navbar_txt {
font-size:1.3rem;
color:#56B0A4 !important;
height:38px;
line-height:35px;
padding:0 0 0 5px;
display: inline-block;
font-family: 'Oswald', sans-serif;
}

.sp_fl,.sp_fr {float:none;}

div.footer-inner {
width: 100%;
margin: 20px auto;
overflow:hidden;

}



}



@media (max-width: 667px) {

body {border-top: none;}
#header {border-top: solid 3px #56B0A4;}

.navbar-wrapper {margin-top:0;position: absolute;top:0;background:none;}
.navbar-nav {float: left;padding:0;margin:0;border:none;
/*background-color:rgba(98,191,179,1);*/
background-color:rgba(255,255,255,0.95);
}

.navbar-nav > li {
float: left;
text-indent:0;
margin:0;
cursor: pointer;
width:100%;
text-align:left;
border-bottom: solid 1px #CCC;
font-size:1.3rem;
font-weight: 500;
/*
width:49.5%;
text-align: center;
*/
}

.navbar-nav > li span {
font-size:10px;
margin:0 0 0 15px;
/*display:block;*/
font-family: 'Oswald', sans-serif;
color:#56B0A4;
font-weight: 100;
}



li#about,
li#course,
li#exam,
li#expenses,
li#skipping,
li#international,
li#campuslife,
li#support,
li#teacher {background:none;
 }

.navbar.navbar-inverse.navbar-static-top {
width:100%;
border-radius:0;
padding:0;
margin:0 !important;
background-image: none;
background-color:rgba(255,255,255,0);
}
.navbar.navbar-inverse.navbar-static-top a{
color:#555;
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus{
background-color:none;
font-weight:700;
color:#333;
}
.navbar.navbar-inverse.navbar-static-top a:hover{
background-color: none;
color:#333;
}
.nav-inner {
width:auto;
margin:0 auto;
}

.navbar-inverse {
background-color:#FFF;
border-color:none;
}

.navbar-inverse .navbar-nav {
width:auto;
}

footer {margin:0;}

.sp_mt20 { margin-top: 20px !important;}
.sp_w70, 
.sp_w49,
.sp_w55,
.sp_w45,
.sp_w25 {width:100%;margin:0;padding:0;}
.sp_fl {float:none;margin:0 0 10px;}
.sp_fr {float:none;margin:0 0 10px;}

}


@media (max-width:480px) {
#pagetop {display: none;position: fixed;bottom: 115px;right: 20px;cursor: pointer;color: #fff;font-size:18px;z-index: 999;}
}

@media (max-width:320px) {
#pagetop {display: none;position: fixed;bottom: 115px;right: 15px;cursor: pointer;color: #fff;font-size:18px;z-index: 999;}
}