/********************************************HEADER*****************************************/
/*************************************************************************************/ @media only screen and (max-width: 960px) {
.gnavi li {
 width: 25%;
 margin-bottom: 20px;
 }
}



/*************************************************************************************/ @media only screen and (max-width: 600px) {
h1.header-title {
 font-size: 1.2em;
 letter-spacing: 0;
 text-align: center;
 }

h1.header-title a {
 font-size: 1em;
 letter-spacing: 0;
 font-weight: bold;
 }
 
.text-white,
 span.text-185 {
 font-weight: bold;
 }

span.text-77 {
 font-weight: normal;
 font-size: 0.66em;
 }

span.text-185 {
 font-size: 1.5em;
 }

.front {
 margin-top: 40px;
 }

.front li {
 width: 100%;
 }





.else {
 display: none;
 }

#burger-navi-area {
 display: block;
 position: relative;
 width: 100%;
 }

#toggle-button {
 position:absolute;
 width: 30px;
 height: 5px;
 top: 40px;
 left: 0;
 background: #000;
 cursor: pointer;
 display: block;
 }

#toggle-button::after {
 content:' ';
 position:absolute;
 width: 30px;
 height: 5px;
 top: -200%;
 background: #000;
 cursor: pointer;
 }

#toggle-button::before {
 content:' ';
 position: absolute;
 width: 30px;
 height: 5px;
 top: 200%;
 right: 0;
 background: #000;
 cursor: pointer;
 }

#toggle-button.action {
 position: absolute;
 width: 30px;
 height: 30px;
 top: 40px;
 right: 0;
 background: none;
 cursor: pointer;
 }

#toggle-button.action::after {
 content:' ';
 position: absolute;
 width: 30px;
 height: 5px;
 top: 0;
 transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 background: #000;
 cursor: pointer;
 }

#toggle-button.action::before {
 content:' ';
 position: absolute;
 width: 30px;
 height: 5px;
 top: 0px;
 transform: rotate(135deg);
 -webkit-transform: rotate(135deg);
 background: #000;
 cursor: pointer;
 }

#toggle-button span {
 position: absolute;
 top: 15px;
 font-weight: bold;
 font-size: 0.75em;
 }





.burger-navi {
 position: relative;
 display: none;
 top: 80px;
 margin-bottom: 0px;
 width: 100%;
 height: auto;
 border-top: 2px solid #000;
 z-index: 1000;
 }

.burger-navi li{
 display: none;
 width: 100%;
 }

.burger-navi li a {
 display: block;
 font-weight: bold;
 padding: 5px 0px; 
 border-bottom: 2px solid #000;
 text-align: center;
 }

.burger-navi li a:hover {
 background: #EA6000;
 color: #fff;
 }

.burger-navi li a:hover span {
 background: #EA6000;
 color: #fff;
 }

.burger-navi li {
 display: block;
 }
}




/********************************************PROFESSOR*****************************************/
/*************************************************************************************/ @media only screen and (max-width: 600px) {
.left45 {
 width: 100%;
 margin-right: 0;
 float: none;
 }

.professor-img {
 margin-bottom: 20px;
 }

.professor-img img {
 max-width: 600px;
 }

.right-left45 {
 width: 100%;
 float: none;
 }
}




/********************************************list25*****************************************/
/*************************************************************************************/ @media only screen and (max-width: 720px) {
.list12_5 li {
 width: 25%;
 }
}





/********************************************list25*****************************************/
/*************************************************************************************/ @media only screen and (max-width: 720px) {
.list25 li {
 width: 25%;
 }
}

/*************************************************************************************/ @media only screen and (max-width: 480px) {
.list25 li {
 width: 33%;
 }
}





/********************************************sub-navi*****************************************/
/*************************************************************************************/ @media only screen and (max-width: 600px) {
.sub-navi ul li {
 width: 20%;
 margin: 2% 0;
 }

.sub-navi ul li a {
 text-align: center;
 }
}




/********************************************sub-navi*****************************************/
/*************************************************************************************/ @media only screen and (max-width: 600px) {
.contents-excuse span {
 font-size: 0.8em;
 }
}




/********************************************max-image-caption / maximage-arrow*****************************************/
/*************************************************************************************/ @media only screen and (max-width: 600px) {
.front-news {
 position: relative;
 left: 0;
 bottom: 0;
 margin: 0 auto 20px auto;
 width: 80%;
 padding: 5px 5% 20px 5%;
 }

.front-slide-img-caption {
 display: none;
 }

.maximage-arrow-area {
 position: fixed;
 right: 0;
 top: 50%;
 width: 100%;
 }

.arrow-left {
 width: 45%;
 margin-left: 5%;
 margin-right: 0;
 }

.arrow-right {
 width: 45%;
 text-align: right;
 margin-left: 0;
 margin-right: 5%;
 }

}