@charset "UTF-8";
/* INSTRUCTOR Styles ---------------------------------------------------------*/
#primary header {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px dotted #bbbbbb;
}
#primary header h1 {
  margin-bottom: 0.2em;
}
#primary header h1.pickup:before {
  content: "PICK UP";
  display: inline-block;
  background: #ff2222;
  text-align: center;
  font-family: "OpenSans", "Lucida Grande", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
  font-weight: bold;
  font-size: 11px;
  font-size: 1.1rem;
  color: #fcfaf5;
  position: relative;
  bottom: 0.6em;
  margin-right: 0.8em;
  padding: 0.2em 0.8em;
}
#primary header small {
  margin-left: 0.3em;
  font-size: 20px;
  font-size: 2rem;
  color: #666666;
}
#primary header span {
  display: block;
  margin-bottom: 0.3em;
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (min-width: 481px) {
  #primary header span {
    display: inline-block;
  }
  #primary header span:before {
    content: "-";
    margin: 0 0.5em;
  }
}
#primary header .job {
  color: #666666;
}
#primary .img {
  margin-bottom: 1em;
  padding: 5px;
  background: url("/img/cmn/mesh.png");
}
#primary .img img, #primary .img:empty:before {
  width: 100%;
  height: 100%;
  border: 1px solid #fcfaf5;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#primary .img:empty:before {
  content: "NO IMAGE";
  display: block;
  background: #d4d4d4;
  font-family: "OpenSans", "Lucida Grande", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
  text-align: center;
  color: #fcfaf5;
}

#description {
  margin-bottom: 1.5em;
}
#description h1 {
  display: none;
}
#description .description p {
  margin-bottom: 1em;
}

#lectures, #events {
  overflow: hidden;
  background: #f6f6f6;
  border: 1px solid #bbbbbb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 1.5em;
}
#lectures h1, #events h1 {
  padding: 0.2em 0;
  background: #e9e9e9;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #dddddd));
  background: -moz-linear-gradient(#f6f6f6, #dddddd);
  background: -webkit-linear-gradient(#f6f6f6, #dddddd);
  background: linear-gradient(#f6f6f6, #dddddd);
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}
#lectures li, #events li {
  padding: 0.5em 0.8em;
  border-top: 1px dotted #bbbbbb;
  line-height: 1.4;
}
#lectures li:first-of-type, #events li:first-of-type {
  border-top-style: solid;
}
#lectures a, #events a {
  position: relative;
  display: block;
  margin: -0.6em -0.8em;
  padding: 0.6em 1.8em 0.6em 0.8em;
  color: #666666;
}
#lectures a:before, #events a:before {
  position: absolute;
  top: 50%;
  right: 0.3em;
  margin-top: -0.5em;
  color: #000000;
  line-height: 1;
}
@media screen and (min-width: 901px) {
  #lectures a:before, #events a:before {
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
#lectures a.hover, #events a.hover {
  background: #3388ee;
  color: #fcfaf5;
}
#lectures a.hover:before, #events a.hover:before {
  color: #fcfaf5;
}
#lectures a.hover .name, #events a.hover .name {
  color: #fcfaf5;
}
#lectures a.hover .date, #lectures a.hover .application, #lectures a.hover .num, #events a.hover .date, #events a.hover .application, #events a.hover .num {
  color: #97ade8;
}
#lectures p, #events p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#lectures p.name, #events p.name {
  margin-bottom: 0.2em;
  font-weight: bold;
  color: #0e1b3f;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (min-width: 901px) {
  #lectures p.name, #events p.name {
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
#lectures p.date, #lectures p.application, #lectures p.num, #events p.date, #events p.application, #events p.num {
  font-size: 12px;
  font-size: 1.2rem;
}
#lectures p:before, #events p:before {
  margin-right: 0.3em;
}
#lectures li, #events li {
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (min-width: 481px) {
  #primary {
    overflow: hidden;
    *zoom: 1;
  }
  #primary header {
    margin-bottom: 1.5em;
  }
  #primary .img {
    width: 30%;
    float: left;
  }
  #primary #description, #primary #lectures, #primary #events {
    margin-left: 34%;
  }
  #primary #lectures a, #primary #events a {
    overflow: hidden;
    *zoom: 1;
  }
  #primary #lectures a .date, #primary #lectures a .application, #primary #events a .date, #primary #events a .application {
    float: left;
    margin-right: 1em;
  }
}
/*----------------------------------------------------------------------------*/