.sideBnr {
  background: url(../img/sideBnr_bg.gif);
  margin: 0 0 10px;lss
  padding: 10px 10px 5px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  position: relative;
  behavior: url(/PIE.htc);
  zoom: 1;
  margin: 0 auto 30px;
  padding-top: 12px;
  padding-bottom: 12px; }
  .sideBnr ul li {
    margin-bottom: 4px;
    text-align: center; }
    .sideBnr ul li:last-child {
      margin-bottom: 0; }
    .sideBnr ul li img {
      display: inline; }

.gsc-control-cse {
  background: none !important;
  border: none !important;
}


.flex aside {
  order: 1;
}
.flex main {
  order: 2;
}

@media screen and (max-width: 768px) {
.flex aside {
  order: 2;
}
}

#search-mainbox {
  width: 300px;
  position: absolute;
  height: 26px;
  top: -85px;
  z-index: 9;
  right: 140px;
  z-index: 5;
  font-size: 14px; }
  #search-mainbox.sub_box {
    right: 0; }

.header__logo,
.footer__logo {
  max-width: 320px; }

.main-img {
  margin-bottom: 40px; }

.main-imgSp {
	border: solid #fff 5px;
	box-shadow: 0 0 6px #ccc;
	margin-bottom: 20px; }

.center {
  text-align: center; }

.sub-ttl {
  background: #e5666c;
  padding: 5px 15px;
  color: #ffffff;
  font-weight: bold;
  border-bottom: none !important;
  font-size: 15px; }
  .sub-ttl.event-ttl {
    background: #96e566 !important; }
  .sub-ttl.information-ttl {
    background: #e5666c !important; }
  .sub-ttl.news-ttl {
    background: #66b4e5 !important; }

.sub-ttl a {
  color: #ffffff;
}

@media screen and (min-width: 768px) {
  .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

@media screen and (max-width: 768px) and (max-width: 768px) {
  .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

.date {
  color: #b2b2b2;
  font-size: 14px; }

@media screen and (min-width: 768px) {
  aside {
    width: 240px; } }

@media screen and (max-width: 768px) and (max-width: 768px) {
  aside {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 30px;
    width: 100%; } }

aside .newtopics {
  background: #f2f2f2; }
  aside .newtopics .inner ul {
    padding: 15px; }
    aside .newtopics .inner ul li {
      border-bottom: 1px solid #ffffff;
      padding: 10px 6px; }
      aside .newtopics .inner ul li .date {
        margin-right: 15px; }
      aside .newtopics .inner ul li .ttl {
        font-weight: normal; }
        aside .newtopics .inner ul li .ttl i {
          color: #e5666c; }

aside .otherbnr {
  margin-top: 30px;
  background: #f2f2f2;
  padding: 30px 0; }
  aside .otherbnr div {
    width: 180px;
    margin: 0 auto 20px; }
    aside .otherbnr div:last-child {
      margin-bottom: 0; }

main video {
  width: 100%; }

@media screen and (min-width: 768px) {
  main {
    width: 700px;
    display: block; } }

@media screen and (max-width: 768px) and (max-width: 768px) {
  main {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%; } }

#top_news {
  background: #efefef;
  margin-bottom: 40px; }
  #top_news h2 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  #top_news .inner {
    border: 1px solid #a2a2a2; }
  #top_news ul {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: -30px; }
    #top_news ul li {
      @media screen and (min-width: 768px) {
		  width: calc(100% / 2 - 30px);
	  }
	  @media screen and (max-width: 768px) and (max-width: 768px) {
		  width: 100%;
	  }
      margin-bottom: 30px;
      background: #ffffff;
      padding: 10px; }
    #top_news ul li a {
      transition: all 0.5s;
    }
    #top_news ul li a:hover {
      opacity: 0.5;
    }
      #top_news ul li .img {
		  @media screen and (min-width: 768px) {
			  display:flex;
			  justify-content: center;
			  align-items: center;
			  margin-bottom: 10px;
			  height:230px;
		  }
		  @media screen and (max-width: 768px) and (max-width: 768px) {
			  text-align: center;
			  margin-bottom: 10px;
		  }
	  }
      #top_news ul li .ttl {
        margin-bottom: 10px; }

#top_information {
  background: #efefef; }
  #top_information h2 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  #top_information .inner {
    border: 1px solid #a2a2a2; }
    #top_information .inner ul {
      padding: 30px 20px; }
      #top_information .inner ul li {
        background: #ffffff;
        padding: 10px;
        border-bottom: 1px solid #c1c1c1; }
        #top_information .inner ul li:nth-of-type(even) {
          background: #fff7f7; }
        #top_information .inner ul li .date {
          margin-right: 6px; }
          #top_information .inner ul li img {
            display: inline;
          }

.footer__campus-list-item {
  float: left;
  margin-left: 20px; }
  .footer__campus-list-item.eng {
    float: none; }

div.column2 {
  float: left;
  margin: 0 10px;
  width: 294px; }

.entry h4 {
  font-size: 108%;
  border-left: 3px solid #e56688;
  margin: 20px 0 5px;
  font-weight: bold;
  padding: 0 0 0 10px; }

#top_event {
  background: #efefef; }
  #top_event h2 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  #top_event .inner {
    border: 1px solid #a2a2a2; }
    #top_event .inner ul {
      padding: 30px 20px; }
      #top_event .inner ul li {
        background: #ffffff;
        padding: 10px;
        border-bottom: 1px solid #c1c1c1; }
        #top_event .inner ul li:nth-of-type(even) {
          background: #eefce5; }
        #top_event .inner ul li .date {
          margin-right: 6px; }

.entry .column-image-center {
  margin: 0 auto 20px;
  padding: 0;
  text-align: center; }

.entry .column-image-auto img, .entry .column-image-left img, .entry .column-image-right img, .entry .column-image-center img {
  margin: 0;
  display: inline; }

[class*='column-image-'] img, [class*='column-eximage-'] img {
  margin: 0 0 10px 0;
  max-width: 100%;
  height: auto; }

/* 入力ボックスの高さ（ラッパも含めて統一） */
  .gsc-input-box,
  .gsc-input-box .gsib_a,
  .gsc-input-box .gsib_b {
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
 
  /* 実際の <input> の高さだけ揃える（フォントサイズは触らない） */
  .gsc-input-box input {
	height: 25px !important;
    line-height: 25px !important;
    /* 文字サイズは既定のまま。padding も既定維持のため未指定 */
    box-sizing: border-box !important;
  }
 

/* 横幅*/
.gcse-search,
  .gsc-control-cse,
  .gsc-control-cse .gsc-search-box {
    width: 250px !important; 
  }
 
/* 文字*/
.gsc-branding-text {
    font-size: 8px !important;
  }
 
/* 虫眼鏡*/
.gsc-search-button-v2 svg,
  .gsc-search-button-v2 img {
    width: 10px !important;   /* ← 好きなサイズへ */
    height: 10px !important;
  }