/*ipad css*/
@media screen and (max-width: 1023px) {
 .navibox {
  padding: 0;
 }
 .navibox ul {
  overflow: hidden;
 }
 .navibox li {
  /*   float: left;
 */
 }
 .navibtn01 {
  width: 40%;
  margin-right: 8px;
  padding: 12px 5px;
 }
 .navibtn02 {
  width: 25%;
  margin-right: 8px;
  padding: 12px 5px;
 }
 .navibtn03 {
  width: 25%;
  margin: 0;
  padding: 12px 5px;
 }
 .menu a {
  font-size: 12px;
 }
}
/*header start*/
@media screen and (max-width: 767px) {
 h3 {
  position: relative;
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  border-bottom: 4px solid #eaeaea;
  font-size: 14px;
  margin-bottom: 20px;
 }
 .container {
  padding: 0;
  margin: 0 10px;
 }
 body {
  background: #fff;
 }
 h1 img {
  max-width: 80%;
 }
 .header_wrapper {
  min-height: 0;
 }
 .header_wrapper {
  background-image: none;
 }
 #header .row {
  margin: 0;
 }
 .titlelogo {
  padding: 0;
 }
 .navibox {
  float: none !important;
  padding: 0;
 }
 .navibtn ul {
  font-size: 10px;
  overflow: hidden;
  margin-bottom: 0;
 }
 .navibtn01 {
  padding: 3px 5px;
  margin: 0 3% 0 0;
  width: 40%;
  box-sizing: border-box;
 }
 .navibtn02 {
  padding: 3px 5px;
  margin: 0 3% 0 0;
  width: 27%;
  box-sizing: border-box;
 }
 .navibtn03 {
  padding: 3px 5px;
  width: 27%;
  box-sizing: border-box;
 }
 /*header end*/
 /*menuber start*/
 .menu {
  display: none;
 }
 /*menuber end*/
 /*mainvisual start*/
 .mainvisual_text {
  display: none;
 }
 .sp_mainimg {
  margin: 10px 0 0 0;
 }
 /*mainvisual end*/
 #main {
  margin: 0;
 }
 .main {
  margin: 0 10px;
 }
 /*newstopics start*/
 .newstopics {
  margin: 0;
 }
 .newstopics h2 {
  background-image: none;
  border-radius: 0;
  padding: 10px 0;
  margin-top: 10px;
 }
 .newstopics_list {
  margin: 20px 0;
  padding: 0 1em;
 }
 .newstopics_list li {
  padding-right: 10px;
 }
 .newstopics_list li:last-child {
  padding-left: 0;
  clear: both;
 }
 .nonewicon {
  padding: 0 !important;
  float: none;
  margin-top: 5px;
 }
 .newstopics img {
  margin-bottom: 5px;
 }
 .indexbtn_con {
  border-top: none;
 }
 .indexbtn_con p {
  border: 1px solid #f26b7a;
 }
 .indexbtn {
  padding: 0;
 }
 /*newstopics end*/
 /*btmcontent start*/
 .btmcontent {
  background: #f5f4f4;
  margin: 30px 0 0 0;
 }
 .btmcontent_box {
  overflow: hidden;
 }
 .btmcontent .row {
  padding: 30px 0;
 }
 .btmcontent_box .col-xs-6 {
  padding: 0 10px 0 0;
 }
 .btmcontent_box .pn {
  padding: 0 0 0 10px;
 }
 /*btmcontent end*/
 /*footer start*/
 .footer {
  margin: 0 20px;
  padding: 30px 0;
 }
 .footer .container {
  padding: 0;
 }
 .fotterlogo p {
  margin: 0;
 }
 .fotterlogo img {
  max-width: 80%;
 }
 .footer_list {
  padding: 0;
 }
 /*footer end*/
 /*burger menu*/
 #spmenu {
  display: block;
  position: absolute;
  top: 20px;
  right: 11px;
  z-index: 10; /*width:41px;*/
 }
 .spmenu {
  display: block;
 }
 #spmenu.on {
  background: url(../img/spmenu_on.png) #3295bb no-repeat 49% 35%;
  background-size: 15px auto;
 }
 #spmenu.on img {
  opacity: 0;
 }
 #nav {
  display: none;
  position: absolute;
  top: 110px;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1001;
  text-align: right;
 }
 #nav li {
  display: block;
  border-left: none;
  border-right: none;
  float: none;
 }
 #nav a {
  padding: 14px;
  width: 100%;
  position: relative; /*border-bottom:solid #ccc 1px;*/
 }
 #spmenu {
  background: #3295bb;
  border-radius: 50px;
  min-height: 46px;
  width: 46px;
  visibility: visible;
 }
 #spmenu img {
  margin: 12px 11px 16px 11px;
 }
 #spmenu a {
  position: relative;
  color: #fff;
 }
 #spmenu a::after {
  content: "";
  position: absolute;
  display: inline-block;
  background-image: url(../img/menu.svg);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  bottom: -2px;
  left: 0;
  right: 0;
  margin: auto;
  width: 22px;
  height: 10px;
 }
 .contents h2 {
  font-size: 16px;
  padding: 10px;
 }
 .ttl_img {
  margin-top: 10px;
 }
 .main_contents {
  padding: 0px;
 }
 .bg_pink {
  padding: 10px;
 }
 .btmcontent {
  margin: 10px 0 0 0;
  padding: 0;
 }
 .lower .btmcontent {
  background: #ebe8e5;
  padding: 0;
 }
 /************************************
下層ページ
*************************************/
 section {
  margin-bottom: 2em;
 }
 #about_tit {
  margin-top: 1em;
  width: 100%;
  height: 120px;
  max-height: 200px;
  background-image: url(../about/img/about_tit_sp.jpg);
  background-position: center; /* 画像を常に天地左右の中央に配置 */
  background-repeat: no-repeat; /* 画像をタイル状に繰り返し表示しない */
  background-size: cover; /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-color: #464646; /* 背景画像が読み込まれる前に表示される背景のカラー */
 }
 #aim_tit {
  margin-top: 1em;
  width: 100%;
  height: 120px;
  max-height: 200px;
  background-image: url(../aim/img/aim_tit_sp.jpg);
  background-position: center; /* 画像を常に天地左右の中央に配置 */
  background-repeat: no-repeat; /* 画像をタイル状に繰り返し表示しない */
  background-size: cover; /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-color: #464646; /* 背景画像が読み込まれる前に表示される背景のカラー */
 }
 #students_tit {
  margin-top: 1em;
  width: 100%;
  height: 120px;
  max-height: 200px;
  background-image: url(../students/img/students_tit_sp.jpg);
  background-position: center; /* 画像を常に天地左右の中央に配置 */
  background-repeat: no-repeat; /* 画像をタイル状に繰り返し表示しない */
  background-size: cover; /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-color: #464646; /* 背景画像が読み込まれる前に表示される背景のカラー */
 }
 #graduate_tit {
  margin-top: 1em;
  width: 100%;
  height: 120px;
  max-height: 200px;
  background-image: url(../graduate/img/graduate_tit_sp.jpg);
  background-position: center; /* 画像を常に天地左右の中央に配置 */
  background-repeat: no-repeat; /* 画像をタイル状に繰り返し表示しない */
  background-size: cover; /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-color: #464646; /* 背景画像が読み込まれる前に表示される背景のカラー */
 }
 #etc_tit {
  margin-top: 1em;
  width: 100%;
  height: 120px;
  max-height: 200px;
  background-image: url(../etc/img/etc_tit_sp.jpg);
  background-position: center; /* 画像を常に天地左右の中央に配置 */
  background-repeat: no-repeat; /* 画像をタイル状に繰り返し表示しない */
  background-size: cover; /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-color: #464646; /* 背景画像が読み込まれる前に表示される背景のカラー */
 }
 #other_tit {
  margin-top: 1em;
  width: 100%;
  height: 120px;
  max-height: 200px;
  background-image: url(../img/other_tit_sp.jpg);
  background-position: center; /* 画像を常に天地左右の中央に配置 */
  background-repeat: no-repeat; /* 画像をタイル状に繰り返し表示しない */
  background-size: cover; /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-color: #464646; /* 背景画像が読み込まれる前に表示される背景のカラー */
 }
 /*****************************
about
******************************/
 #about .list-inline li {
  display: block;
  margin-bottom: 1em;
 }
 #about .list-inline li a {
  font-size: 16px;
  display: block;
  padding: 0.5em 2em;
 }
 /*****************************
aim
******************************/
 #aim ul li a {
  border: 2px solid #32bb8f;
  margin-bottom: 1em;
  text-indent: 0;
  width: 100%;
  display: block;
  padding: 1em 0;
  color: #269773;
 }
 #aim ul.enrollee li {
  margin: 1em 0 0;
  font-size: 90%;
 }
 #aim ul.enrollee .enrollee_box1 {
  height: 260px;
  background-image: url(../img/bk_1.png);
  background-position: center; /* 画像を常に天地左右の中央に配置 */
  background-repeat: no-repeat; /* 画像をタイル状に繰り返し表示しない */
  border-radius: 5px;
  -ms-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  -o-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  margin-bottom: 30px;
  border: 1px solid #CFCFCF;
  width: 100%;
  position: relative;
 }
 #aim ul.enrollee .enrollee_box2 {
  height: 260px;
  background-image: url(../img/bk_2.png);
  background-position: center; /* 画像を常に天地左右の中央に配置 */
  background-repeat: no-repeat; /* 画像をタイル状に繰り返し表示しない */
  border-radius: 5px;
  -ms-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  -o-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  margin-bottom: 30px;
  border: 1px solid #CFCFCF;
  width: 100%;
  position: relative;
 }
 #aim ul.enrollee .enrollee_box3 {
  height: 260px;
  background-image: url(../img/bk_3.png);
  background-position: center; /* 画像を常に天地左右の中央に配置 */
  background-repeat: no-repeat; /* 画像をタイル状に繰り返し表示しない */
  border-radius: 5px;
  -ms-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  -o-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  margin-bottom: 30px;
  border: 1px solid #CFCFCF;
  width: 100%;
  position: relative;
 }
 #aim ul.enrollee .enrollee_box4 {
  height: 260px;
  background-image: url(../img/bk_4.png);
  background-position: center; /* 画像を常に天地左右の中央に配置 */
  background-repeat: no-repeat; /* 画像をタイル状に繰り返し表示しない */
  border-radius: 5px;
  -ms-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  -o-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  margin-bottom: 30px;
  border: 1px solid #CFCFCF;
  width: 100%;
  position: relative;
 }
 #aim ul.enrollee .enrollee_box5 {
  height: 260px;
  background-image: url(../img/bk_5.png);
  background-position: center; /* 画像を常に天地左右の中央に配置 */
  background-repeat: no-repeat; /* 画像をタイル状に繰り返し表示しない */
  border-radius: 5px;
  -ms-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  -o-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  margin-bottom: 30px;
  border: 1px solid #CFCFCF;
  width: 100%;
  position: relative;
 }
 #aim ul.enrollee .enrollee_box6 {
  height: 260px;
  background-image: url(../img/bk_6.png);
  background-position: center; /* 画像を常に天地左右の中央に配置 */
  background-repeat: no-repeat; /* 画像をタイル状に繰り返し表示しない */
  border-radius: 5px;
  -ms-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  -o-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  margin-bottom: 30px;
  border: 1px solid #CFCFCF;
  width: 100%;
  position: relative;
 }
 #aim ul.enrollee li dl {
  padding: 1em;
  color: #666;
  position: absolute;
  margin: auto;
 }
 #aim ul.enrollee li dl dt {
  margin: auto;
  width: 100%;
  border-bottom: 1px solid #f26b7a;
  padding-bottom: 1em;
  text-align: center;
  margin-bottom: 1em;
 }
 /*****************************
students
******************************/
 #students dl dt {
  margin-bottom: 1em;
 }
 #students dl dd ul li a {
  border: 2px solid #337ab7;
  text-align: center;
  box-sizing: border-box;
  text-indent: 0;
  margin: 0 auto 1em;
  padding: 1em 0;
  width: 100%;
  display: block;
 }
 /*****************************
news
******************************/
 #news dl dt ul li {
  margin-bottom: 0.5em;
  font-size: 14px;
  font-weight: normal;
 }
 /*****************************
teacher
******************************/
 /*
#teacher h5 {
	font-weight: bold;
	font-size:120%;
	border-bottom:1px solid #C8C8C8;
	padding-bottom:1em;
}*/
 #teacher h5 {
  position: relative;
  padding: 0 0 10px 20px;
  border-bottom: 1px solid #ddd;
 }
 #teacher h5:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  background: #f26b7a;
  -webkit-transform: rotate(-18deg);
  -ms-transform: rotate(-18deg);
  transform: rotate(-18deg);
 }
 #teacher h5:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 5px;
  background: #f0adb5;
  -webkit-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  transform: rotate(-20deg);
 }
 #teacher dl dd ul {
  margin: 0;
  text-align: center;
  margin-bottom: 3em;
 }
 #teacher dl dd ul li {
  border: 2px solid #337ab7;
  text-align: center;
  margin-right: 10px;
  box-sizing: border-box;
  text-indent: 0;
  padding: 0;
  margin-bottom: 1em;
  display: block;
 }
 #teacher dl dd ul li a {
  display: block;
  color: #0B51B0;
  text-decoration: none;
  padding: 1em 0;
 }
 #teacher section {
  margin-bottom: 80px;
 }
 #teacher .non {
  display: none;
 }
 #syllabus dd > p {
  margin: 0 1em 0;
  display: inline-block;
 }
 #syllabus .bod_bott_sp {
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 1em
 }
 /*****************
プルダウンメニュー 
*****************/
 .spmenu li {
  list-style: none;
  cursor: pointer;
  color: #fff;
  text-align: center;
 }
 .spmenu ul.acordion {
  margin: 15px;
  padding: 0;
 }
 .spmenu ul.acordion li {
  border-bottom: solid 1px #808080;
 }
 .spmenu ul.acordion li:first-child {
  border-top: solid 1px #808080;
 }
 .spmenu ul.acordion li ul {
  margin: 0;
  padding: 0;
  border: none;
 }
 .spmenu ul.acordion li ul li {
  background: #fff;
 }
 .spmenu ul.acordion li ul li:last-child {
  border-bottom: none;
 }
 .spmenu ul.acordion li ul li a {
  color: #696969;
  display: block;
  padding: 10px;
  text-decoration: none;
 }
 .spmenu ul.acordion li .none-submenu {
  /*background: url(trigger-arrow.png) no-repeat 98% 50%;
background-size: 2%;*/
  display: block;
  padding: 15px;
 }
 .spmenu ul.acordion li .active-submenu {
  /*background: url(triggeractive-arrow.png) no-repeat 98% 50%;*/
  display: block;
  padding: 15px;
 }
 #graduate .son dt {
  background-color: #b1e150;
  color: #fff;
  margin-bottom: 0.5em;
  font-weight: normal;
  padding: 0.5em
 }
 #graduate .son dd {
  text-indent: 1em
 }
 /*****************
CMS
*****************/
 nav {
  margin-bottom: 1em;
 }
 .archive {
  border: 1px solid #aaa;
 }
 .archive a {
  vertical-align: middle;
  text-decoration: none;
  color: #777;
 }
 .archive a > p {
  padding: 9px 10px;
  margin-bottom: 0;
  position: relative;
 }
 .archive a > p:after {
  content: "\f0c9";
  font-family: FontAwesome;
  position: absolute;
  right: 16px;
 }
 .navbar-toggle {
  margin-top: 0px;
  margin-bottom: 0px;
 }
 .byMonth {
  border-top: none;
  border-left: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
 }
 .byMonth h4 {
  padding: 8px 16px;
  font-weight: bold;
  font-size: 24px;
  margin: 0;
  border-bottom: 1px solid #ccc;
 }
 .byMonth .textleft {
  float: left;
  margin-left: 1em
 }
 .byMonth .textleft a:hover, .byMonth .textright a:hover, .byMonth ul li a:hover {
  text-decoration: none
 }
 .byMonth .textleft a:before {
  content: "\f0d9";
  font-family: FontAwesome;
  margin-right: 8px;
 }
 .byMonth .textright {
  float: right;
  margin-right: 1em;
 }
 .byMonth .textright a:after {
  content: "\f0da";
  font-family: FontAwesome;
  margin-left: 8px;
 }
 .byMonth ul {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #aaa;
  margin-bottom: 1em;
  overflow: hidden;
 }
 .byMonth ul li {
  float: left;
  text-align: center;
  border-right: 1px solid #aaa;
  box-sizing: border-box;
  width: 33.3333333333%;
  height: 40px;
  line-height: 40px;
 }
 .byMonth ul li:nth-child(3n) {
  float: left;
  text-align: center;
  border-right: none;
  box-sizing: border-box;
  width: 33.3333333333%;
  height: 40px;
  line-height: 40px;
 }
 .byMonth ul li a {
  display: block;
  height: 40px;
  line-height: 40px
 }
 .byMonth ul li a:hover {
  display: block;
  height: 40px;
  line-height: 40px;
  background: #337ab7;
  color: #fff
 }
 .byMonth ul li.active a {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 40px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  background: #337ab7;
  z-index: 0;
 }
 .byMonth ul li a:hover {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 40px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  background: #337ab7;
  z-index: 0;
 }
 .imgaArea {
  margin-top: 1em;
 }
 .imgaArea > ul {
  max-width: 100%;
  overflow: hidden
 }
 .imgaArea > ul > li {
  max-width: 100%;
  margin-bottom: 1em
 }
 .imgaArea > ul > li:last-child {
  max-width: 100%;
  margin-bottom: 0
 }
 .imgaArea > ul > li img {
  max-width: 100%;
 }
 .fileList > ul {
  margin: 1em 0 1em 2em
 }
 .fileList > ul > li {
  list-style: disc;
  margin-bottom: 0.5em
 }
 .fileList > ul > li > a > i {
  color: #f26b7a;
  margin-left: 0.5em;
 }
 .fileList > ul > li > a:hover > i {
  text-decoration: none;
  color: #f26b7a;
  margin-left: 0.5em;
 }
}