@charset "UTF-8";
/*
Theme Name: course jukebox
Author: startbahn
Description: original theme for CJ
Version: 1.0
*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background-color: transparent; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: 700; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: 700; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

.opacity-1 {
  opacity: 1; }
  .opacity-1:hover {
    opacity: 1; }

.clearfix:after {
  content: '';
  clear: both;
  display: table; }

div, p {
  font-size: 14px;
  font-size: 1.4rem; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  border: none; }

a {
  color: inherit;
  outline: none;
  text-decoration: none; }
  a:focus {
    outline: none; }
  a:hover {
    opacity: 0.75; }

a img.visible-sm:hover {
  opacity: 0.75; }

body {
  background-color: #f7f7f9;
  width: 100%; }

.bg-area.news {
  background-image: url("images/bg_header_news.jpg"); }

.bg-area.about {
  background-image: url("images/bg_header_about.jpg"); }

.bg-area.programs {
  background-image: url("images/bg_header_programs.jpg"); }

.bg-area.applications, .bg-area.sitemap, .bg-area.policy {
  background-image: url("images/bg_header_guide.jpg"); }

.bg-area.faq {
  background-image: url("images/bg_header_faq.jpg"); }

.bg-area.contact {
  background-image: url("images/bg_header_contact.jpg"); }

.container {
  padding-left: 0;
  padding-right: 0; }

.container-fluid {
  padding-left: 0;
  padding-right: 0; }

.row-0 {
  margin-left: 0px;
  margin-right: 0px; }
  .row-0 > div {
    padding-right: 0px;
    padding-left: 0px; }

.content {
  position: relative;
  z-index: 400; }
  .content .heading-area {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    background-size: cover;
    background-position: center bottom; }
    .content .heading-area > h2 {
      font-weight: 700;
      color: #ffffff;
      text-align: center;
      letter-spacing: 1px; }
    .content .heading-area > h2.multiline {
      font-weight: 700;
      color: #ffffff;
      text-align: center; }
      .content .heading-area > h2.multiline > span {
        display: block;
        font-weight: normal; }

.content-inner {
  max-width: 1280px;
  width: calc(100% - 32px);
  margin: 0 auto; }

.breadcrumb-area ul li {
  position: relative;
  display: inline-block;
  margin-right: 7px;
  padding-right: 13px; }
  .breadcrumb-area ul li a {
    color: #666666;
    text-decoration: underline; }

.breadcrumb-area ul li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  right: 0;
  width: 6px;
  height: 6px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.breadcrumb-area ul li:last-child::after {
  display: none; }

.layout-area {
  background-color: #ffffff; }
  .layout-area .main-area {
    overflow: hidden; }

.side-area .affix {
  top: 80px !important;
  position: fixed !important; }

.side-head {
  padding: 3px 18px 3px 18px;
  font-size: 14px;
  line-height: 1.3em;
  color: #fff;
  background-color: #ff9933;
  border-bottom: 1px solid #d3d3d3; }

.orange .side-head {
  background-color: #ff9933; }

.blue .side-head {
  background-color: #8bb4eb; }

.pink .side-head {
  background-color: #ffa7a7; }

.green .side-head {
  background-color: #7cc82a; }

.purple .side-head {
  background-color: #ceaeef; }

.side-navi li {
  position: relative;
  padding: 13px 0 13px 16px;
  font-size: 15px;
  line-height: 1.3em;
  border-bottom: 1px solid #d3d3d3; }
  .side-navi li a {
    padding: 0;
    color: #666666; }
  .side-navi li a:hover {
    background-color: transparent;
    text-decoration: underline; }

.side-navi li.active a {
  color: #262626; }

.side-navi li::before {
  content: '';
  border: none; }

.side-navi li.active::before {
  content: "";
  display: inline-block;
  border: 4px solid transparent;
  border-left-color: #232323;
  position: absolute;
  left: 2px;
  top: 28px;
  margin-top: -8px; }

.top_filter_university_button {
  margin: 0 auto;
  width: 800px;
  padding-top: 20px;
}

@media screen and (max-width: 992px) {
.top_filter_university_button {
  width: 100%;
	text-align: center;
}
}

.top_filter_university_button li {
  top: 4px;
  right: 0;
  display: inline-block;
  padding: 10px 16px;
  border: 1px solid #b9b9b9;
  border-radius: 4px;
  color: #616161;
  font-size: 14px;
  text-align: center;
  margin-bottom: 16px;
}

.content .top_filter_university_button li a {
  color: #4e4e4e;
}

.top_filter_university_button li:not(:last-child) {
  margin-right: 10px;

}

h3, h4, h5, h6 {
  line-height: 1.1em; }

.main-block h3 {
  padding-bottom: 10px;
  padding-top: 80px;
  font-size: 22px;
  line-height: 1.3em;
  line-height: 30px;
  color: #232323;
  border-bottom-style: solid;
  border-bottom-width: 2px; }
  .main-block h3 span.subttl {
    font-size: 16px; }

.main-block section:first-child {
  margin-top: -80px; }

.orange h3 {
  border-color: #ff9933; }

.blue h3 {
  border-color: #8bb4eb; }

.pink h3 {
  border-color: #ffa7a7; }

.green h3 {
  border-color: #7cc82a; }

.purple h3 {
  border-color: #ceaeef; }

.main-block h4 {
  padding: 0;
  margin-top: 60px;
  font-size: 20px;
  line-height: 1.3em;
  line-height: 24px;
  color: #ff9933; }

.orange h4, .orange b {
  color: #f29131;
  font-size: 22px;
  line-height: 24px;
  margin-top: 40px; }

.blue h4, .blue b {
  color: #6fa1e4;
  font-size: 22px;
  line-height: 24px;
  margin-top: 40px; }

.pink h4, .pink b {
  color: #ff8686;
  font-size: 22px;
  line-height: 24px;
  margin-top: 40px; }

.green h4, .green b {
  color: #6fbb28;
  font-size: 22px;
  line-height: 24px;
  margin-top: 40px; }

.purple h4, .purple b {
  color: #b078ea;
  font-size: 22px;
  line-height: 24px;
  margin-top: 40px; }

.main-block h5 {
  padding: 0;
  margin-top: 50px;
  font-size: 16px;
  line-height: 1.3em;
  line-height: 16px;
  color: #232323;
  padding-left: 10px;
  border-left: solid 3px #2a2a2a; }

.main-block h6 {
  font-weight: 700; }

.row:first-child section:first-child > h3:first-child {
  margin-top: -80px;
  padding-top: 80px; }

.first-orange {
  display: inline-block; }
  .first-orange:first-letter {
    color: #ff9933; }

.content .mt-0 {
  margin-top: 0; }

.content a {
  color: #3497b9; }

.content img {
  margin: 30px auto;
  display: block; }
  .content img[style*=left] {
    margin-top: 0;
    margin-right: 30px; }
  .content img[style*=right] {
    margin-top: 0;
    margin-left: 30px; }

.content a.window {
  padding-right: 20px;
  text-decoration: underline;
  background: url("images/icon_window.png") no-repeat right 4px; }

.content .panel {
  margin-top: 20px;
  padding: 20px;
  background-color: #F6F5F8;
  border-radius: 2px; }

.content .panel-no-data {
  padding-top: 50px;
  padding-bottom: 80px;
  text-align: center; }

.content table {
  margin-top: 30px;
  border-top: solid 2px #999999;
  border-bottom: solid 1px #d3d3d3; }

.content .main-area section ul li, .content .main-area section ol li {
  margin-left: 20px; }

.content .main-area section ul li:first-child, .content .main-area section ol li:first-child {
  margin-top: 0; }

.content .main-area section ol li {
  position: relative; }

.content .main-area section ol li::after {
  display: block;
  content: '';
  position: absolute;
  top: 9px;
  left: -20px;
  width: 5px;
  height: 1px;
  background-color: #262626; }

.content a.round-btn {
  position: relative;
  display: inline-block;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 45px;
  padding-left: 30px;
  border-radius: 3px;
  color: #ffffff; }

.content a.round-btn::after {
  display: block;
  content: '';
  position: absolute;
  top: 38%;
  right: 1.5em;
  width: 8px;
  height: 8px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.content .orange a.round-btn {
  background-color: #f29131; }

.content .blue a.round-btn {
  background-color: #6fa1e4; }

.content .pink a.round-btn {
  background-color: #ff8686; }

.content .green a.round-btn {
  background-color: #6fbb28; }

.content .purple a.round-btn {
  background-color: #b078ea; }

.content ul.program-panel li {
  float: left;
  height: 180px;
  border: solid 1px #dfdfdf;
  background-color: #ffffff;
  font-size: 13px; }
  .content ul.program-panel li:hover {
    border-style: solid; }
  .content ul.program-panel li a {
    padding: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: calc(100% - 16px); }
  .content ul.program-panel li span {
    display: block;
    padding-left: 4px;
    padding-right: 4px; }
  .content ul.program-panel li .name-block {
    height: 120px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    .content ul.program-panel li .name-block span.program-name {
      font-size: 14px;
      line-height: 1.3em;
      line-height: 18px;
      font-weight: 700;
      text-align: center;
      margin-top: 12px; }
    .content ul.program-panel li .name-block span.school-name {
      font-size: 13px;
      line-height: 1.3em;
      line-height: 16px;
      color: #262626;
      text-align: center; }
  .content ul.program-panel li .bottom-block {
    border-top: solid 1px #dfdfdf;
    color: #666666; }

.content ul.program-panel li::after {
  display: none !important; }

.orange ul.program-panel li:hover {
  background-color: #f8e8d8;
  border-color: #ff9933; }

.orange ul.program-panel .name-block {
  color: #f29131; }

.blue ul.program-panel li:hover {
  background-color: #edf4fe;
  border-color: #8bb4eb; }

.blue ul.program-panel .name-block {
  color: #6fa1e4; }

.pink ul.program-panel li:hover {
  background-color: #fdf5f7;
  border-color: #ffa7a7; }

.pink ul.program-panel .name-block {
  color: #ff8686; }

.green ul.program-panel li:hover {
  background-color: #e9f5de;
  border-color: #7cc82a; }

.green ul.program-panel .name-block {
  color: #6fbb28; }

.purple ul.program-panel li:hover {
  background-color: #f3eef8;
  border-color: #ceaeef; }

.purple ul.program-panel .name-block {
  color: #b078ea; }

.content ul.course-panel li {
  float: left;
  border: solid 1px #dfdfdf;
  background-color: #ffffff; }
  .content ul.course-panel li:hover {
    border-style: solid;
    border-width: 2px; }
  .content ul.course-panel li a {
    display: block;
    padding: 10px; }
    .content ul.course-panel li a:hover {
      padding: 9px;
      opacity: 1; }
  .content ul.course-panel li span {
    display: block;
    padding-left: 4px;
    padding-right: 4px; }
  .content ul.course-panel li .name-block {
    overflow: hidden; }
    .content ul.course-panel li .name-block span.univ-name {
      font-size: 12px;
      line-height: 1.3em;
      line-height: 14px; }
    .content ul.course-panel li .name-block span.course-name {
      font-size: 18px;
      line-height: 1.3em;
      line-height: 21px;
      color: #262626;
      font-weight: 700;
      letter-spacing: 0.1rem; }
  .content ul.course-panel li .bottom-block {
    border-top: solid 1px #dfdfdf;
    color: #666666; }
    .content ul.course-panel li .bottom-block .instructor-ttl {
      font-size: 12px;
      line-height: 1.3em; }
    .content ul.course-panel li .bottom-block .instructor-name {
      font-size: 13px;
      line-height: 1.3em;
      line-height: 15px; }

.content ul.course-panel li::after {
  display: none !important; }

.orange ul.course-panel li:hover {
  background-color: #f8e8d8;
  border-color: #ff9933; }

.orange ul.course-panel .univ-name, .orange ul.course-panel .instructor-ttl {
  color: #f29131; }

.blue ul.course-panel li:hover {
  background-color: #edf4fe;
  border-color: #8bb4eb; }

.blue ul.course-panel .univ-name, .blue ul.course-panel .instructor-ttl {
  color: #6fa1e4; }

.pink ul.course-panel li:hover {
  background-color: #fdf5f7;
  border-color: #ffa7a7; }

.pink ul.course-panel .univ-name, .pink ul.course-panel .instructor-ttl {
  color: #ff8686; }

.green ul.course-panel li:hover {
  background-color: #e9f5de;
  border-color: #7cc82a; }

.green ul.course-panel .univ-name, .green ul.course-panel .instructor-ttl {
  color: #6fbb28; }

.purple ul.course-panel li:hover {
  background-color: #f3eef8;
  border-color: #ceaeef; }

.purple ul.course-panel .univ-name, .purple ul.course-panel .instructor-ttl {
  color: #b078ea; }

.content ul.program-panel li.window, .content ul.course-panel li.window {
  background-image: url("images/icon_window.png");
  background-position: 96% 7px;
  background-repeat: no-repeat; }

.btn-area {
  text-align: center; }

.btn {
  cursor: pointer;
  color: #ffffff;
  background-color: #ff9933;
  text-decoration: none;
  border: none; }
  .btn:hover {
    opacity: 0.75;
    color: #fff; }

a.btn {
  display: inline-block; }

a.btn.btn-search {
  padding-right: 40px;
  background-image: url("images/icon_search.png");
  background-repeat: no-repeat;
  background-position: 92% 50%; }

.pager-area ul {
  margin: 0; }
  .pager-area ul li {
    display: inline-block; }
    .pager-area ul li a {
      margin: 5px 10px;
      padding: 6px 0;
      width: 32px;
      text-align: center;
      border: 1px solid #d3d3d3; }
    .pager-area ul li a, .pager-area ul li a:hover, .pager-area ul li a:focus {
      color: #999;
      background-color: #fff; }
    .pager-area ul li:first-child > a, .pager-area ul li:first-child > a:hover, .pager-area ul li:last-child > a, .pager-area ul li:last-child > a:hover {
      background-color: #999999;
      border: 1px solid #999999;
      color: #fff; }
    .pager-area ul li:first-child > a {
      margin-left: 0; }
    .pager-area ul li:last-child > a {
      margin-right: 0; }
    .pager-area ul li.active > a, .pager-area ul li.active > a:hover, .pager-area ul li.active > a:focus {
      background-color: #ff9933;
      border: 1px solid #ff9933;
      color: #fff;
      opacity: 1.0; }
    .pager-area ul li.more a {
      border: none;
      margin: 0; }
    .pager-area ul li.disabled a {
      background-color: #dddddd;
      border: 1px solid #d9d9d9;
      color: #ffffff; }
      .pager-area ul li.disabled a:hover {
        background-color: #dddddd;
        border: 1px solid #d9d9d9;
        color: #ffffff;
        opacity: 1.0; }

.accordion dt {
  font-size: 14px;
  line-height: 1.3em;
  cursor: pointer; }

.clickable {
  cursor: pointer; }

.collapse {
  display: none !important; }

.admin .slim-header-wrapper {
  margin-top: 32px; }

#contact .contact-form-area {
  margin-top: 25px; }
  #contact .contact-form-area br {
    display: none; }

#contact .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  #contact .row:before, #contact .row:after {
    content: " ";
    display: table; }
  #contact .row:after {
    clear: both; }

#contact input[type="submit"] {
  padding: 0;
  width: 100%; }

#contact input[type="text"], #contact input[type="email"] {
  height: 18px;
  border: 1px solid #cfcfcf; }

#contact select {
  color: #999; }

#contact .contact-txt {
  margin-top: 25px; }

#contact .contact-txt-top {
  margin-top: 0; }

#contact .border-bottom {
  margin-bottom: 0;
  border-bottom: 1px solid #d3d3d3; }

#contact .border-top {
  border-top: 2px solid #999; }

#contact .label-area {
  padding: 16px;
  width: 30%; }
  #contact .label-area label {
    width: 100%; }

#contact .input-area {
  padding: 9px;
  min-height: 32px;
  background-color: #fff;
  width: 40%; }

#contact .icon-req {
  display: inline-block;
  float: right;
  text-align: center;
  line-height: normal;
  color: #fff;
  background-color: #cc0000;
  font-size: 11px;
  line-height: 1.3em; }

#contact .error-message {
  margin: 10px 0 0 0;
  padding: 2px 8px;
  color: #cc0000;
  background-color: #fae5e5;
  border: none;
  font-size: 11px;
  line-height: 1.3em; }

#contact .message {
  text-align: center;
  border-radius: 0.25rem;
  margin-bottom: 20px;
  padding: 15px;
  color: #31708f;
  background: #d9edf7;
  border-color: #bcdff1; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

#course-detail p {
  margin-top: 25px; }

#course-detail img {
  margin: 0; }

#course-detail ul li, #course-detail ol li {
  list-style: none;
  margin: 0;
  padding: 0; }

#course-detail .heading-area > h2 {
  color: #262626; }

#course-detail .course-img-block img {
  width: 100%; }

#course-detail .related-programs-list ul li {
  color: #ffffff; }
  #course-detail .related-programs-list ul li a {
    color: #ffffff; }
  #course-detail .related-programs-list ul li::after {
    display: none; }

#course-detail .related-programs-list ul li.ddp {
  background-color: #7cc82a; }

#course-detail .related-programs-list ul li.jdp {
  background-color: #ceaeef; }

#course-detail .related-programs-list ul li.not-linked {
  background-color: #ff9933; }

#course-detail .tag-list ul li a {
  color: #999999; }

#course-detail .tag-list ul li::after {
  display: inline;
  content: ',';
  position: relative;
  left: 2px;
  color: #999999; }

#course-detail .tag-list ul li:last-child::after {
  display: none; }

.filter__toggle {
  background-image: url("images/filter.svg");
  width: 23px;
  height: 23px;
  margin: 12px;
  margin-right: 0;
  cursor: pointer; }
  .filter__toggle.open {
    margin: 40px 0 20px;
    margin-left: calc(100% - 58px);
    background: transparent url(images/btn_toggle_menu_close_sp.png) no-repeat;
    background-size: contain;
    width: 38px;
    height: 33px; }

.filter__area {
  max-width: 1280px; }

.filter__string {
  position: relative;
  display: block;
  margin: 0 auto 34px;
  border: solid 2px #eee;
  overflow: hidden;
  width: 460px; }
  .filter__string input {
    border: none;
    padding: 4px 8px;
    width: calc(100% - 52px);
    height: 28px; }

.filter__search {
  width: 36px;
  height: 36px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #FF9933;
  background-image: url("images/loope.png");
  background-size: 16px 15px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer; }

.filter__wrapper {
  padding: 24px 0 10px;
  display: none; }

.filter__row {
  margin: 0 auto 16px;
  position: relative;
  font-size: 14px; }
  .filter__row .open-tag {
    /*display: block;*/
    display: none;
    content: '';
    width: 26px;
    height: 26px;
    position: absolute;
    top: 0;
    right: 0;
    border: solid 1px #DEE0E1;
    background-color: #FBFBFB;
    cursor: pointer; }
    .filter__row .open-tag:after {
      border-bottom: 1px solid #838383;
      border-right: 1px solid #838383;
      content: '';
      display: block;
      height: 7px;
      width: 7px;
      margin-top: -4px;
      pointer-events: none;
      position: absolute;
      right: 10px;
      top: 50%;
      -webkit-transform-origin: 66% 66%;
      transform-origin: 66% 66%;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition: all .15s ease-in-out;
      transition: all .15s ease-in-out; }
    .filter__row .open-tag.open:after {
      -webkit-transform: rotate(-135deg);
              transform: rotate(-135deg); }
  .filter__row--select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .filter__row select {
    display: none; }

.filter__item {
  margin: 0 5px; }
  .filter__item.nice-select .current {
    padding: 0 18px 0 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    left: 0;
    width: 100%;
    font-size: 12px; }
  .filter__item.nice-select:after {
    width: 7px;
    height: 7px;
    border-color: #000;
    border-width: 1px; }

.filter__tag-list {
  /*width: calc(100% - 70px);*/
  width: 100%;
  max-width: 980px;
  overflow: hidden;
  position: relative;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out; }
  .filter__tag-list.open {
    max-height: 1000px; }

.filter__button {
  display: inline-block;
  border: solid 1px #DEE0E1;
  background-color: #dedede; }
  .filter__button.tag, .filter__button#all_tags {
    background-color: #fefefe;
    cursor: pointer;
    padding: 0 20px;
    margin: 0 2px 10px; }
  .filter__button#all_tags {
    color: #262626 !important; }
.filter__button#all_tags.selected {
      display: none;
      background-color: #3497b9;
      color: #fff !important; }
  .filter__button.selected {
    background-color: #3497b9;
    color: #fff; }
  .filter__button .tag-num {
    padding-left: 10px;
    float: right; }

.sort {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 30px; }
  .sort__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  .sort__item {
    width: 21px;
    height: 23px;
    margin: 12px 0;
    margin-left: 12px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer; }
    .sort__item.grid {
      background-image: url("images/grid.svg"); }
      .sort__item.grid.on {
        background-image: url("images/grid_on.svg"); }
    .sort__item.row {
      background-image: url("images/row.svg"); }
      .sort__item.row.on {
        background-image: url("images/row_on.svg"); }
    .sort__item.az {
      background-image: url("images/az.svg"); }
      .sort__item.az[data-sort='2'] {
        background-image: url("images/az_desc.svg"); }
      .sort__item.az[data-sort='3'] {
        background-image: url("images/az_asc.svg"); }

.pager {
  display: none; }

#courses .layout-courses {
  background-color: #F7F7F9; }

#courses .heading-area > h2.courses-ttl {
  font-weight: 700;
  color: #262626;
  padding: 38px 0 12px; }

#courses .heading-area .num {
  display: block;
  text-align: center;
  color: #666666;
  border-top: 2px solid #262626; }

#courses .heading-area #post_count {
  font-size: 14px;
  line-height: 14px;
  height: 14px;
  display: block; }

.icon-language {
  position: absolute;
  border-radius: 50%;
  display: block;
  text-align: center; }
  .icon-language.row {
    display: none; }

.coming-soon {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  width: 96px;
  text-align: center;
  line-height: 22px; }
  .coming-soon span {
    font-size: 12px; }

.icon-language, .coming-soon {
  color: #fff; }
  .icon-language.japanese, .coming-soon.japanese {
    background-color: #b246c6; }
  .icon-language.english, .coming-soon.english {
    background-color: #009900; }
  .icon-language.french, .coming-soon.french {
    background-color: #2255aa; }
  .icon-language.german, .coming-soon.german {
    background-color: #dddd55; }
  .icon-language.chinese, .coming-soon.chinese {
    background-color: #dd3322; }

html {
  font-size: 10px;
  color: #262626;
  line-height: 1.4em;
  word-wrap: break-word;
  background-color: #fff;
  font-family: "Lato", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }

*, *:before, *:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  line-height: 1.4; }

blockquote, q {
  quotes: "" ""; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: ""; }

hr {
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

img {
  height: auto;
  /* Make sure images/ are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

table {
  margin: 0 0 1.5em;
  width: 100%; }

#errorpage {
  z-index: 0; }
  #errorpage .main-area {
    padding-top: 218px;
    padding-bottom: 110px;
    background-color: #ffffff;
    text-align: center;
    background: url("images/error.png") no-repeat center 62px; }
  #errorpage .error-block {
    margin-top: 0; }
    #errorpage .error-block .status-code {
      font-size: 40px;
      line-height: 1.3em;
      font-weight: 700;
      color: #f29131; }
    #errorpage .error-block .reason-phrase {
      font-size: 30px;
      line-height: 1.3em;
      font-weight: 700; }
  #errorpage .message-block {
    margin-top: 12px;
    font-size: 16px;
    line-height: 1.3em;
    font-weight: 700; }
  #errorpage .backurl-block {
    margin-top: 23px;
    font-size: 16px;
    line-height: 1.3em; }
    #errorpage .backurl-block a {
      color: #262626;
      text-decoration: underline; }

.footer-wrapper {
  width: 100%;
  overflow-x: hidden; }
  .footer-wrapper .btn-page-top-area {
    text-align: right;
    padding: 60px 3%; }
    .footer-wrapper .btn-page-top-area img {
      width: 35px;
      height: auto; }

.invisible-footer .btn-page-top-area {
  height: 35px; }

.invisible-footer .btn-page-top {
  position: fixed;
  bottom: 20px;
  right: 3%;
  z-index: 999; }

footer {
  background-color: #ffffff; }
  footer .univ-area {
    background-color: #616161; }
    footer .univ-area .partner-ttl {
      color: #FFF; }
  footer .univ {
    width: calc(100% - 32px);
    max-width: 1280px;
    margin: 0 auto; }
    footer .univ__list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      margin: 0 -6px; }
    footer .univ__item {
      width: calc(100% / 6 - 12px);
      margin: 0 6px 12px;
      background-color: #fff; }
    footer .univ__link {
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center;
      display: block;
      width: 100%;
      height: calc((100vw / 6 - 12px) / 10 * 3);
      max-height: 60px; }
  footer .navi-area .tsukuba-logo-block {
    background: url("images/footer_logo_tsukuba.png") no-repeat;
    background-position: center center;
    background-size: contain; }
  footer .copyright {
    color: #666666;
    text-align: center; }

header {
  background-color: #fff;
  width: 100%;
  min-width: 320px; }
  header .logo {
    float: left;
    width: 20%;
    max-width: 245px;
    margin-top: 24px;
    margin-left: 3%; }
  header .gnavi-area {
    float: right; }
    header .gnavi-area .gnavi li.on {
      color: #ff9933; }

.slim-header-wrapper header.slim-header {
  background-color: #fff; }
  .slim-header-wrapper header.slim-header .logo {
    float: left;
    max-width: 245px;
    margin-top: 12px;
    margin-left: 3%;
    width: 20%; }
  .slim-header-wrapper header.slim-header .gnavi-area .gnavi {
    float: left; }
    .slim-header-wrapper header.slim-header .gnavi-area .gnavi li {
      float: left;
      margin-right: 24px;
      line-height: 50px;
      font-size: 14px; }
  .slim-header-wrapper header.slim-header .btn-language {
    float: right;
    width: 100px; }
    .slim-header-wrapper header.slim-header .btn-language li {
      position: relative;
      float: left;
      width: 50px;
      height: 50px;
      line-height: 50px;
      color: #fff;
      font-size: 13px;
      line-height: 3.88em; }
      .slim-header-wrapper header.slim-header .btn-language li.on::after {
        top: 1.6em;
        left: 7px; }

.btn-language li {
  position: relative; }

#sp-nav {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .3s linear;
  transition: max-height .3s linear; }
  #sp-nav.open {
    max-height: 100vh; }
  #sp-nav li {
    width: 100%;
    height: 45px;
    background-color: #ff9933;
    border-bottom: solid 1px rgba(255, 255, 255, 0.3);
    font-size: 13px;
    line-height: 1.3em; }

:not(.scrolled) .slim-header-wrapper {
  top: -54px;
  -webkit-transition: top 0.3s ease-out;
  transition: top 0.3s ease-out; }

.scrolled .slim-header-wrapper {
  top: 0;
  -webkit-transition: top 0.4s ease-out;
  transition: top 0.4s ease-out; }

.sp-toggle-menu {
  cursor: pointer;
  display: block;
  float: right;
  width: 38px;
  height: 33px;
  margin-top: 7px;
  margin-right: 10px;
  text-indent: -99999em;
  background: transparent url("images/btn_toggle_menu_sp.png") no-repeat scroll left bottom;
  background-size: contain; }

.open.sp-toggle-menu {
  background: transparent url("images/btn_toggle_menu_close_sp.png") no-repeat scroll left bottom;
  background-size: contain; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

#sitemap a {
  color: #262626; }
  #sitemap a:hover {
    text-decoration: underline; }

#sitemap .sitemap-layer1 > li:first-child {
  margin-top: 0; }

#sitemap .sitemap-layer1 > li::before {
  top: 6px; }

#sitemap .sitemap-layer1 > li::after {
  top: 9px; }

#sitemap .sitemap-layer2 > li a {
  color: #666666; }

#sitemap li.window a {
  background-image: url("../images/icon_window.png");
  background-position: 100% 2px;
  background-repeat: no-repeat;
  padding-right: 15px; }

#sitemap .circle-list > li {
  position: relative;
  padding-left: 22px; }
  #sitemap .circle-list > li:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ff9933; }
  #sitemap .circle-list > li:after {
    display: block;
    content: '';
    position: absolute;
    left: 5px;
    top: 6px;
    box-sizing: border-box;
    width: 3px;
    height: 3px;
    border: 3px solid transparent;
    border-left: 3px solid #fff; }

#sitemap .border-list > li {
  position: relative;
  padding-left: 7px; }
  #sitemap .border-list > li:after {
    display: block;
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 3px;
    height: 1px;
    background-color: #666666; }

table {
  margin: 0 0 1.5em;
  width: 100%; }

.gray {
  background-color: #D5D9DA; }

.white {
  background-color: #fff; }

.top-c {
  color: #fff;
  background-image: url("images//bg/top-c.svg"); }

ul, ol {
  list-style: none; }

.list--panel {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  letter-spacing: -0.4em; }
  .list--panel li {
    display: inline-block;
    margin-bottom: 20px;
    letter-spacing: normal;
    border: 1px solid #eeeef0;
    background-color: #fff; }
    .list--panel li a {
      display: block;
      color: #262626;
      height: auto; }
    .list--panel li p {
      margin-top: 0; }
    .list--panel li .txt-area {
      position: relative; }
    .list--panel li .tag-area {
      color: #999999; }
    .list--panel li .ttl {
      background-color: #fff;
      overflow-y: hidden; }
    .list--panel li .ttl-sub {
      color: #f29131; }
    .list--panel li .txt {
      color: #666666;
      margin-top: 5px; }

.list--row {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .list--row li {
    position: relative;
    color: #888888;
    background-color: #fff;
    border-top: solid 1px #EBEBEB; }
    .list--row li:last-child {
      border-bottom: solid 1px #EBEBEB; }
    .list--row li a {
      position: absolute;
      width: 100%;
      height: 100%;
      display: block;
      top: 0;
      left: 0; }
  .list--row .date {
    color: #E9E9E9; }

.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%; }
  .main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0; }
    .main-navigation ul ul {
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
      float: left;
      position: absolute;
      top: 1.5em;
      left: -999em;
      z-index: 99999; }
      .main-navigation ul ul ul {
        left: -999em;
        top: 0; }
      .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
        left: 100%; }
      .main-navigation ul ul a {
        width: 200px; }
    .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
      left: auto; }
  .main-navigation li {
    float: left;
    position: relative; }
  .main-navigation a {
    display: block;
    text-decoration: none; }

/* Small menu. */
.menu-toggle, .main-navigation.toggled ul {
  display: block; }

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
  float: left;
  width: 50%; }

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

.section.dummy {
  display: none; }

.section:nth-child(odd) {
  /*background-color: #fff;*/ }

.section__inner {
  max-width: 1080px;
  margin: 0 auto; }
  .section__inner--narrow {
    max-width: 724px; }

.section__title {
  color: #262626;
  font-size: 34px;
  margin-bottom: 32px;
  text-align: center;
  letter-spacing: 1px; }
  .section__title--info {
    font-size: 32px;
    color: #424242;
    font-weight: 700; }
  .section__title.sub {
    font-size: 22px; }

.section__caption {
  font-size: 24px;
  margin-top: -24px;
  margin-bottom: 32px;
  text-align: center; }
section.tag_filter {
  padding: 5px 15px 10px; 
}
section.tag_filter .title {
  pointer-events: none !important;
  text-align: left;
  font-size: 16px;
  color: #3497b9;
  font-weight: bold;
  letter-spacing: .5px;
  padding-bottom: 10px;
  margin-top: 20px;
  margin-bottom: 15px;
  position: relative;
  border-bottom: #cccccc 2px solid;
}

.cic__item {
  border: none;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  border-bottom: solid 2px #F5FAF3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  padding: 12px 0;
  margin-bottom: 12px; }
  .cic__item > div {
    position: relative; }

.cic__univ {
  margin-left: 12px;
  font-weight: 700;
  width: 280px;
  padding-left: 30px;
  position: relative; }

.cic-course__item {
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  border-bottom: solid 2px #F5FAF3; }
  .cic-course__item--term {
    height: 28px;
    margin-top: 12px;
    border-bottom: solid 1px #68615C; }

.cic-course__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.cic__item .cic__univ {
  border-left: none;
  padding: 0 12px; }

.cic-course__title {
  background-color: rgba(255, 255, 255, 0.6); }

.cic-course__credit {
  background-color: rgba(255, 255, 255, 0.3); }

.color_1 {
  background-color: #C4DEAE; }

.color_2 {
  background-color: #97D3B6; }

.color_3 {
  background-color: #B9DCF4; }

.color_4 {
  background-color: #A0C7E7; }

.color_5 {
  background-color: #E4EC8F; }

.color_6 {
  background-color: #F2CA9F; }

.color_7 {
  background-color: #EBBDD0; }

.color_8 {
  background-color: #D5AFD2; }

.color_9 {
  background-color: #BBB7DB; }

.color_10 {
  background-color: #B8B8B8; }

.course__img.color_1 {
  background-color: #C4DEAE; }

.course__img.color_2 {
  background-color: #97D3B6; }

.course__img.color_3 {
  background-color: #B9DCF4; }

.course__img.color_4 {
  background-color: #A0C7E7; }

.course__img.color_5 {
  background-color: #E4EC8F; }

.course__img.color_6 {
  background-color: #F2CA9F; }

.course__img.color_7 {
  background-color: #EBBDD0; }

.course__img.color_8 {
  background-color: #D5AFD2; }

.course__img.color_9 {
  background-color: #BBB7DB; }

.course__img.color_10 {
  background-color: #B8B8B8; }

.course__wrapper {
  min-height: 380px;
  max-width: 1080px;
  display: block;
  margin: 0 auto; }
#course .course__wrapper {
  max-width: 800px;
}
.course__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.course__item {
  vertical-align: top;
  letter-spacing: normal;
  border: 1px solid #eeeef0;
  background-color: #fff;
  position: relative; }

.course__img {
  min-height: 92px;
  overflow: hidden;
  background-color: #e1e1e1; }
  .course__img img {
    margin-top: 0;
    width: 100%;
    height: 100%; }

.course__txt-area {
  position: relative; 
	height: auto;
}

.course__title {
  
  font-size: 17px;
  line-height: 22px;
  height: 46px;
  margin-bottom: 10px;
  margin-top: 7px;
  margin-bottom: 6px;
  overflow: hidden; }
  .course__title-sub {
    display: block;
    margin-top: 0;
    font-size: 11px;
    line-height: 11px;
    color: #f29131; }

.course__txt {
  display: block;
  color: #666666;
  margin-top: 5px;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.course__tag-area {
  font-size: 11px;
  padding-top: 4px;
  margin-top: 4px;
  border-top: 1px solid #e5e5e5;
  height: 32px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.course__univ, .course__text-row {
  display: none; }

.course-name-block h3.course-name .univ-name {
  color: #262626;
  font-size: 65%; }

#container.row {
  margin-left: 0; }
  #container.row .course__item {
    position: relative;
    width: 100%;
    border-width: 2px;
    padding: 0;
    margin-left: 0;
    margin-bottom: 12px;
    line-height: 20px; }
    #container.row .course__item a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
  #container.row .course__img, #container.row .course__txt-area {
    display: none; }
  #container.row .course__univ {
    padding: 18px;
    font-size: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 190px; }
  #container.row .course__text-row {
    margin: 18px 0;
    padding: 0 48px 0 20px;
    font-size: 16px;
    line-height: 26px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-left: solid 1px #dfdfdf;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-height: 82px;
    width: calc(100% - 190px); }
    #container.row .course__text-row > div {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
  #container.row .course__text-title {
    color: #ff9933;
    display: inline-block;
    font-size: 12px;
    min-width: 84px; }
  #container.row .course__text-tags__item {
    display: inline-block;
    width: auto;
    margin: 0 4px 0 0;
    border: solid 1px #DEE0E1;
    background-color: #fefefe;
    padding: 0 12px;
    border-radius: 10px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    min-width: 55px; }
  #container.row .icon-language.row {
    display: table;
    border-radius: 50%;
    top: 16px; }

.faq-list-area {
  letter-spacing: 0.5px; }
  .faq-list-area .faq-list dt {
    position: relative;
    font-size: 13px;
    line-height: 1.3em;
    line-height: 20px; }
  .faq-list-area .faq-list dt::after {
    display: block;
    content: "Q";
    position: absolute;
    color: #ff9933; }
  .faq-list-area .faq-list dd {
    color: #666666;
    background-color: #f7f7f9; }
  .faq-list-area .content .main-area section ul li::after {
    content: none; }

.feature__links {
  margin: 32px 0; }

.feature__link__image {
  margin: 8px 0 !important; }
  .feature__link__image:nth-child(2) {
    display: none; }

#toppage .mainvisual-area {
  margin: 0 auto;
  background-image: url(images/mainvisual.jpg);
  background-size: cover;
  padding-bottom: 20px;
  position: relative; }
  #toppage .mainvisual-area:after {
    position: absolute;
    background: url("images/logo_sgu.png") no-repeat right bottom;
    right: 12px;
    bottom: 8px;
    content: '';
    display: table;
    height: 50px; }
  #toppage .mainvisual-area > h1 {
    color: #ffffff;
    font-weight: 700;
    text-align: center; }
  #toppage .mainvisual-area .underline {
    display: block;
    height: 0px;
    border-top: 2px solid #ff9933; }

#guide .circle-list {
  margin-top: 30px; }

#guide .main-area section ul li {
  margin-left: 0; }

.guide__head {
  padding-bottom: 10px;
  margin-top: 0px;
  padding-top: 80px;
  font-size: 22px;
  line-height: 30px;
  border-color: #ff9933;
  border-bottom-style: solid;
  border-bottom-width: 2px; }
  .guide__head:first-child {
    margin-top: -80px; }

.guide__body {
  margin-bottom: 80px; }
  .guide__body > p {
    display: block; }
  .guide__body strong {
    display: table;
    padding: 0;
    margin-top: 60px;
    margin-bottom: 24px;
    font-size: 20px;
    line-height: 24px;
    color: #f29131; }
  .guide__body a {
    display: block;
    position: relative;
    margin-top: 13px;
    padding-left: 22px;
    color: #000; }
    .guide__body a:before {
      display: block;
      content: '';
      position: absolute;
      left: 0;
      top: 3px;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: #ff9933; }
    .guide__body a:after {
      display: block;
      content: '';
      position: absolute;
      left: 5px;
      top: 6px;
      box-sizing: border-box;
      width: 3px;
      height: 3px;
      border: 3px solid transparent;
      border-left: 3px solid #fff; }
  .guide__body br {
    display: none; }

.info__text {
  text-align: center; }

#news .news-list {
  border-top: 1px dotted #d3d3d3; }
  #news .news-list li {
    border-bottom: 1px dotted #d3d3d3; }
    #news .news-list li a {
      color: #262626;
      text-decoration: none; }
      #news .news-list li a:hover {
        opacity: 1;
        text-decoration: underline; }
    #news .news-list li .date {
      color: #666666;
      font-size: 13px;
      line-height: 1.3em; }

#news .news-block .date {
  color: #666666; }

@media screen and (max-width:630px){

	.ui.multiple.dropdown{ 
		width: 48% !important;
	}
}

.page__text {
  margin-bottom: 80px;
  font-size: 16px;
  line-height: 22px; }
  .page__text h2 {
    padding-bottom: 10px;
    margin-top: 0px;
    font-size: 22px;
    line-height: 30px;
    border-color: #ff9933;
    border-bottom-style: solid;
    border-bottom-width: 2px; }
  .page__text ul, .page__text ol {
    margin-top: 20px; }
  .page__text ol {
    list-style-type: decimal;
    margin-left: 18px; }
    .page__text ol li {
      padding-left: 4px; }
  .page__text ul {
    list-style-type: disc;
    padding-left: 20px; }
    .page__text ul li {
      position: relative; }
  .page__text li {
    margin-bottom: 12px; }
  .page__text .list li {
    border: none;
    padding-left: 0; }
  .page__text strong {
    font-weight: 700; }
  @media only screen and (min-width: 981px){
  .pc{
    display: block; }
  .sp{
    display: none; }
  .only-sp{
    display: none; }
  .wrapper{
    overflow-x: hidden; }
  .wrapper .bg-area{
    position: absolute;
    top: 0;
    z-index: 200;
    width: 100%;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top; }
  .wrapper .wrapper-inner{
    position: relative;
    overflow-x: hidden;
    margin: 0 auto;
    width: 100%; }
  .content .heading-area > h2{
    padding-top: 59px;
    padding-bottom: 60px;
    font-size: 34px;
    line-height: 1.4em; }
  .content .heading-area > h2.multiline{
    padding-top: 42px;
    padding-bottom: 44px;
    font-size: 34px;
    line-height: 1.3em; }
  .content .heading-area > h2.multiline > span.subttl{
    font-size: 24px;
    line-height: 1.3em; }
  .breadcrumb-area{
    position: absolute;
    height: 30px;
    margin-left: 3%;
    padding-top: 10px;
    font-size: 12px;
    line-height: 1.3em;
    color: #666666; }
  .layout-area{
    padding-bottom: 0; }
  .layout-area .main-area{
    padding-top: 60px; }
  .layout-area .side-area{
    padding-top: 60px; }
  .layout-area .main-block{
    padding-bottom: 100px; }
  .layout-area .main-block > section:first-child{
    margin-top: -80px; }
  .layout-side300-hide .main-area{
    float: right;
    width: 100%;
    margin-left: -415px;
    margin-right: 3%; }
  .layout-side300-hide .main-area .main-block{
    margin-left: 415px;
    background-color: #ffffff; }
  .layout-side300-hide .side-area{
    float: left;
    width: 300px;
    margin-left: 3%;
    font-size: 0.7vw; }
  .layout-side300-below .main-area{
    float: right;
    width: 100%;
    margin-left: -415px;
    margin-right: 3%; }
  .layout-side300-below .main-area .main-block{
    margin-left: 415px;
    background-color: #ffffff; }
  .layout-side300-below .side-area{
    float: left;
    width: 300px;
    margin-left: 3%;
    font-size: 0.7vw; }
  .layout-side300-below .side-block{
    display: block; }
  .layout-non-side .main-area{
    float: none;
    width: 100%;
    max-width: 860px;
    margin-left: auto;
    margin-right: auto; }
  .layout-non-side .main-area .main-block{
    background-color: #ffffff; }
  .side-block{
    width: 300px; }
  .main-block h6{
    margin-top: 50px;
    margin-left: 10px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 1.3em; }
  .content p{
    margin-top: 30px;
    font-size: 16px;
    line-height: 1.3em;
    line-height: 22px; }
  .content p.large{
    font-size: 16px;
    line-height: 1.3em;
    line-height: 22px; }
  .content img.only-sp{
    display: none; }
  .content a.round-btn{
    float: right;
    font-size: 16px;
    line-height: 1.3em; }
  .content ul.program-panel{
    padding-bottom: 0; }
  .content ul.program-panel li{
    width: 190px;
    margin: 5px 7px !important; }
  .content ul.program-panel li .bottom-block{
    height: 14px;
    padding-top: 7px; }
  .content ul.course-panel{
    padding-bottom: 0; }
  .content ul.course-panel li{
    width: 190px;
    height: 202px;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    margin-left: 0 !important;
    margin-right: 20px !important; }
  .content ul.course-panel li .name-block{
    height: 119px; }
  .content ul.course-panel li .name-block span.univ-name{
    margin-top: 5px; }
  .content ul.course-panel li .name-block span.course-name{
    margin-top: 5px; }
  .content ul.course-panel li .bottom-block{
    height: 61px;
    padding-top: 7px; }
  .content ul.course-panel li .bottom-block .instructor-name{
    margin-top: 5px; }
  .btn-area{
    margin-top: 60px; }
  .btn{
    height: 45px;
    min-width: 180px;
    padding: 0 30px;
    font-size: 16px;
    line-height: 1.3em;
    line-height: 45px; }
  a.btn{
    height: 45px;
    color: #fff;
    min-width: 120px; }
  .pager-area{
    text-align: center;
    margin-top: 60px; }
  .accordion dt{
    padding: 14px 65px 14px 15px;
    background: transparent url("images/icon_accordion_open_pc.png") 97% center no-repeat;
    background-size: 24px auto; }
  .accordion dt.open{
    background: transparent url("images/icon_accordion_close_pc.png") 97% center no-repeat;
    background-size: 24px auto; }
  .admin .bg-area{
    margin-top: 32px; }
  #contact .icon-req{
    padding: 2px 8px; }
  #course-detail p{
    font-size: 16px;
    line-height: 1.3em;
    line-height: 24px; }
  #course-detail h4{
    margin-top: 55px; }
  #course-detail .layout-course-detail{
    width: 100%;
    background-color: #f7f7f9; }
  #course-detail .layout-course-detail .main-area{
    float: right;
    vertical-align: top;
    padding-top: 0;
    width: 940px;
    /*margin-left: -340px;*/
    margin-bottom: 60px; }

  @media only screen and (max-width: 1330px) {
  #course-detail .layout-course-detail .main-area{
    width: 70%;
  }
  }
  @media only screen and (max-width: 1183px) {
  #course-detail .layout-course-detail .main-area{
    width: 65%;
  }
  }
  #course-detail .layout-course-detail .main-area .main-block{
    /*margin-left: 340px;*/
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 30px;
    padding-bottom: 100px;
    min-height: 810px;
    background-color: #ffffff;
    border: solid 1px #ECECEE; }
  #course-detail .layout-course-detail .side-area{
    float: left;
    vertical-align: top;
    width: 310px;
    padding-top: 0;
    padding-right: 30px; }
  #course-detail .layout-course-detail .side-area .course-side-block{
    width: 310px;
    height: 100%;
    background-color: #ffffff;
    font-size: 0.7vw; }
  #course-detail .heading-area{
    height: 130px; }
  #course-detail .heading-area > h2{
    padding-top: 40px;
    padding-bottom: 0; }
  #course-detail .course-img-block{
    height: 159px;
    overflow: hidden; }
  #course-detail h4:first-child{
    margin-top: 0; }
  #course-detail .contact-block{
    margin-top: 20px; }
  #course-detail .contact-block .link{
    margin-top: 10px; }
  #course-detail .related-programs-list{
    padding-bottom: 15px; }
  #course-detail .related-programs-list ul li{
    display: inline-block;
    padding: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 1.3em; }
  #course-detail .tag-list ul{
    margin: 40px auto 0px;
    padding: 0;
    width: 100%;
    border-top: solid 1px #999999;
    padding-top: 20px; }
  #course-detail .tag-list ul li{
    position: relative;
    display: inline-block;
    margin: 0 .3em .3em 0;
    padding: 0; }
  #course-detail .tag-list ul li a{
    font-size: 13px;
    line-height: 1.3em; }
  #course-detail .course-side-block img.course-img{
    width: 310px; }
  #course-detail .course-info-block{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px; }
  #course-detail .course-info-block dl dt{
    margin-top: 25px;
    color: #666666;
    font-size: 13px;
    line-height: 1.3em; }
  #course-detail .course-info-block dl dd{
    margin-top: 0;
    font-size: 16px;
    line-height: 1.3em; }
  .filter__wrapper{
    border-top: solid 1px #DEE0E1;
    border-bottom: solid 1px #DEE0E1;
    background-color: #EEF3F6; }
  .filter__row{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 980px; }
  .filter__row--select{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .filter__row--tag{
    max-width: 1030px;
    width: 90%; }
  .filter__title{
    margin: 0 5px;
    line-height: 28px; }
  .filter__title--tags{
    line-height: 28px;
    margin-right: 10px; }
  .filter__item.nice-select{
    width: 120px;
    height: 32px;
    line-height: 32px; }
  .filter__tag-list{
    /*max-height: 28px;*/ }
  .filter__button.tag, .filter__button#all_tags{
    border-radius: 13px;
    /*height: 26px;
    line-height: 26px;
    min-width: 90px;*/
    font-size: 13px;
    padding: 3px 6px;
    display: inline-block;
    border-radius: 4px;
    transition: all .3s;
    cursor: pointer;
    margin-bottom: 5px;
  }
  #courses .layout-courses .main-area{
    float: right;
    width: 100%;
    margin-left: -340px;
    margin-right: 0;
    padding-top: 30px; }
  #courses .layout-courses .main-area .main-block{
    margin-left: 320px;
    padding-bottom: 100px; }
  #courses .layout-courses .side-area{
    float: left;
    width: 310px;
    margin-left: 0;
    padding-top: 30px;
    font-size: 0.7vw; }
  #courses .heading-area .num{
    width: 80px;
    margin: 0px auto 0 auto;
    padding-top: 10px;
    font-size: 13px;
    line-height: 1.3em; }
  .icon-language{
    top: -15px;
    right: 10px;
    width: 30px;
    height: 30px;
    font-size: 11px;
    font-size: 11px;
    line-height: 1.3em;
    line-height: 30px; }
  #js-overlay{
    display: none; }
  #js-overlay-android{
    display: none; }
  footer .univ-area{
    overflow: hidden;
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 40px;
    height: auto; }
  footer .univ-area .partner-ttl{
    margin: 0 auto;
    font-size: 34px;
    padding-bottom: 24px;
    text-align: center; }
  footer .navi-area{
    width: 95%;
    max-width: 1280px;
    height: 50px;
    margin: 0 auto; }
  footer .navi-area ul.footer-navi{
    font-size: 13px;
    float: left;
    margin-top: 25px; }
  footer .navi-area ul.footer-navi li{
    display: inline-block;
    border-right: solid 1px #232323;
    padding-right: 18px;
    margin-right: 14px;
    line-height: 0.9; }
  footer .navi-area ul.footer-navi li:last-child{
    border-right: none; }
  footer .navi-area .tsukuba-logo-block{
    float: right;
    position: relative;
    top: 6px;
    right: 0;
    width: 130px;
    height: 50px; }
  footer .copyright{
    width: 100%;
    max-width: 1280px;
    height: 134px;
    margin: 15px auto 0 auto;
    padding-top: 30px;
    border-top: 1px solid #d3d3d3;
    background: url("images/footer_logo_jcb.png") no-repeat center 55px; }
  header{
    position: relative;
    z-index: 300;
    height: 80px;
    max-width: 1280px;
    margin: 0 auto;
    /*border-top: 4px solid #ff9933;*/ }
  header .gnavi-area .gnavi{
    float: left; }
  header .gnavi-area .gnavi li{
    float: left;
    margin-right: 24px;
    line-height: 84px;
    font-size: 16px; }
  header .gnavi-area .gnavi li.on a{
    color: #ff9933; }
  header .btn-language{
    float: right; }
  header .btn-language li{
    position: relative;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 13px;
    line-height: 3.08em; }
  header .btn-language li a{
    width: 100%;
    height: 100%;
    display: block; }
  .slim-header-wrapper{
    position: fixed;
    z-index: 500;
    width: 100%; }
  .slim-header-wrapper header.slim-header{
    height: 50px;
    max-width: 1280px;
    margin: 0 auto; }
  .btn-language li{
    color: #fff;
    background-color: #232323; }
  .btn-language li.on{
    background-color: #ff9933; }
  .btn-language li.on::after{
    display: block;
    content: '';
    position: absolute;
    top: 1.3em;
    left: 8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 4.5px;
    border-color: transparent transparent transparent #ffffff; }
  .sp-toggle-menu{
    display: none; }
  #sitemap .sitemap-layer1 > li{
    margin-top: 23px;
    font-size: 16px;
    line-height: 1.3em; }
  #sitemap .sitemap-layer2 > li{
    margin-top: 13px;
    font-size: 13px;
    line-height: 1.3em; }
  .list--panel{
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    min-width: 800px;
    max-width: 1080px;
    width: calc(100vw - 32px); }
  #courses .list--panel{
    min-width: 700px;
    max-width: 1068px;
  }
  .list--panel li{
    width: calc(100% / 4 - 12px);
    margin-left: 12px;
    max-width: 261px; }
  #courses .list--panel li{
    width: calc(100% / 4 - 12px);
  }
  #toppage .list--panel li:nth-child(4n + 1){
    margin-left: 0; }
  #courses .list--panel li:nth-child(4n + 1){
    margin-left: 0; }
  .list--panel li .txt-area{
    padding: 18px; }
  .list--panel li .tag-area{
    font-size: 11px;
    line-height: 1.3em;
    padding-top: 5px;
    margin-top: 13px;
    border-top: 1px solid #e5e5e5;
    height: 20px; }
  .list--panel li .ttl{
    height: 55px;
    margin-top: 7px;
    margin-bottom: 0; }
  .list--panel li .ttl p{
    font-size: 17px;
    line-height: 1.3em;
    line-height: 22px; }
  .list--panel li .ttl-sub{
    font-size: 11px;
    line-height: 1.3em;
    line-height: 11px; }
  .list--panel li .txt{
    height: 27px; }
  .list--row li{
    font-size: 13px;
    line-height: 1.3em;
    line-height: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .list--row .date{
    width: 160px;
    display: inline-block;
    text-align: center; }
  .list--row .text{
    width: calc(100% - 160px);
    display: inline-block;
    padding-right: 16px; }
  .section{
    padding: 48px 0; }
  .cic__item > div{
    border-left: solid 1px #999;
    padding: 0 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .cic__title{
    width: calc(100% - 500px); }
  .cic-course__item{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px; }
  .cic-course__item > div{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .cic-course__univ{
    width: 230px;
    padding: 0 12px;
    position: relative; }
  .cic-course__title{
    width: calc(100% - 330px);
    padding: 0 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block !important;
    line-height: 40px; }
  .cic-course__credit{
    width: 100px;
    text-align: center; }
  .course__list{
    margin-left: -20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .course__img{
    height: 12vw;
    max-height: 136px; }
  .course__txt-area{
    padding: 18px 12px 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
    max-height: 180px; }
  .course-name-block{
    margin-top: 0;
    margin-bottom: 30px;
    border-bottom: solid 2px #ff9933;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .course-name-block h3.course-name{
    width: 80%;
    padding-top: 35px;
    border-bottom: none; }
  .course-name-block h3.course-name .univ-name{
    display: block;
    margin-top: 25px; }
  .course-name-block .univ-logo{
    top: -40px;
    width: 20%;
    text-align: right; }
  .course-name-block .univ-logo img{
    width: 170px; }
  #container.row .course__item{
    width: calc(100% - 28px);
    max-width: 100%; }
  .faq-list-area{
    margin-top: 0;
    border-top: 1px dotted #d3d3d3; }
  .faq-list-area .faq-list dt{
    padding-left: 40px; }
  .faq-list-area .faq-list{
    border-bottom: 1px dotted #d3d3d3; }
  .faq-list-area .faq-list dt::after{
    top: 0.8em;
    left: 8px;
    font-size: 16px;
    line-height: 1.3em; }
  .faq-list-area .faq-list dd{
    padding: 25px 20px;
    font-size: 13px;
    line-height: 1.3em;
    line-height: 20px; }
  .feature__link:hover .feature__link__image{
    display: none; }
  .feature__link:hover .feature__link__image:nth-child(2){
    display: block; }
  #toppage .content-inner{
    max-width: 1280px;
    width: 100%; }
  #toppage .mainvisual-area:after{
    width: 160px;
    background-size: 160px auto; }
  #toppage .mainvisual-area > h1{
    width: 100%;
    padding-top: 45px;
    font-size: 50px;
    line-height: 1.3em; }
  #toppage .mainvisual-area .underline{
    width: 80px;
    margin: 10px auto 0px; }
  #toppage .mainvisual-area > p{
    width: 90%;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.3em;
    line-height: 21px;
    text-align: center; }
  #toppage .mainvisual-area > p.overview{
    margin: 23px auto 0; }
  #toppage .mainvisual-area > p.subtext{
    margin: 23px auto 0; }
  #toppage .mainvisual-area > p .larger{
    font-size: 18px;
    line-height: 1.3em; }
  #toppage .mainvisual-area > .btn-area{
    margin: 20px auto 45px; }
  #toppage .mainvisual-area > .btn-area .btn{
    min-width: 140px; }
  #news .news-list li{
    padding: 15px 5px;
    font-size: 15px;
    line-height: 1.3em; }
  #news .news-list li .date{
    display: inline-block;
    margin-right: 20px;
    width: 70px; }
  #news .news-block .date{
    margin-top: 55px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: solid 1px #d3d3d3;
    font-size: 13px;
    line-height: 1.3em; } }
  @media only screen and (max-width: 980px){
  .pc{
    display: none; }
  .sp{
    display: block; }
  .only-pc{
    display: none; }
  body{
    position: relative;
    left: 0;
    overflow-x: hidden;
    min-width: 320px; }
  .heading-area.news{
    background-image: url("images/bg_header_news.jpg"); }
  .heading-area.about{
    background-image: url("images/bg_header_about.jpg"); }
  .heading-area.programs{
    background-image: url("images/bg_header_programs.jpg"); }
  .heading-area.applications{
    background-image: url("images/bg_header_guide.jpg"); }
  .heading-area.faq{
    background-image: url("images/bg_header_faq.jpg"); }
  .heading-area.contact{
    background-image: url("images/bg_header_contact.jpg"); }
  .wrapper .bg-area{
    display: none; }
  .content{
    top: 0; }
  .content .heading-area > h2{
    font-size: 28px;
    line-height: 1.3em;
    padding: 60px 0; }
  .content .heading-area > h2.multiline{
    height: 73px;
    padding-top: 7px;
    padding-bottom: 0;
    font-size: 28px;
    line-height: 1.3em; }
  .content .heading-area > h2.multiline > span.subttl{
    font-size: 13px;
    line-height: 1.3em; }
  .breadcrumb-area{
    display: none; }
  .layout-area .main-area{
    padding-top: 40px; }
  .layout-area .side-area{
    padding-top: 50px; }
  .layout-area .main-block{
    padding-bottom: 60px; }
  .layout-side300-hide .main-area{
    float: none;
    width: auto;
    margin-left: 3%;
    margin-right: 3%;
    background-color: #ffffff; }
  .layout-side300-hide .side-area{
    display: none; }
  .layout-side300-below .main-area{
    float: none;
    width: auto;
    margin-left: 3%;
    margin-right: 3%;
    background-color: #ffffff; }
  .layout-side300-below .side-area{
    float: none;
    padding-top: 0;
    margin: 0 3% 40px; }
  .layout-side300-below .side-block{
    display: none; }
  .layout-non-side .main-area{
    float: none;
    width: auto;
    margin-left: 3%;
    margin-right: 3%;
    background-color: #ffffff; }
  .side-block{
    margin-top: 30px; }
  .main-block h6{
    margin-top: 50px;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 1.3em; }
  .content p{
    margin-top: 30px;
    font-size: 14px;
    line-height: 1.3em;
    line-height: 20px; }
  .content p.large{
    font-size: 15px;
    line-height: 1.3em;
    line-height: 21px; }
  .content img.only-pc{
    display: none; }
  .content a.round-btn{
    display: block;
    font-size: 12px;
    line-height: 1.3em; }
  .content ul.program-panel{
    padding-bottom: 0; }
  .content ul.program-panel li{
    height: 185px;
    width: 47%;
    margin-bottom: 20px !important;
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .content ul.program-panel li .name-block{
    height: 120px; }
  .content ul.program-panel li .bottom-block{
    height: 45px;
    padding-top: 7px;
    overflow: hidden; }
  .content ul.program-panel li:nth-child(2n){
    float: right;
    margin-right: 0; }
  .content ul.course-panel{
    padding-bottom: 0; }
  .content ul.course-panel li{
    width: 47%;
    height: 172px;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .content ul.course-panel li .name-block{
    height: 89px; }
  .content ul.course-panel li .name-block span.univ-name{
    margin-top: 5px; }
  .content ul.course-panel li .name-block span.course-name{
    margin-top: 5px; }
  .content ul.course-panel li .bottom-block{
    height: 61px;
    padding-top: 7px; }
  .content ul.course-panel li .bottom-block .instructor-name{
    margin-top: 5px; }
  .content ul.course-panel li:nth-child(2n){
    float: right;
    margin-right: 0; }
  .btn-area{
    margin-top: 20px; }
  .btn{
    height: 40px;
    padding: 0 30px;
    font-size: 12px;
    line-height: 1.3em;
    line-height: 40px; }
  a.btn{
    height: 40px;
    color: #fff;
    min-width: 120px; }
  .pager-area{
    text-align: center;
    margin-top: 60px;
    margin-left: 3%;
    margin-right: 3%; }
  .accordion dt{
    padding: 9px 45px 9px 15px;
    background: transparent url("images/icon_accordion_open_sp.png") 97% center no-repeat;
    background-size: 18px auto; }
  .accordion dt.open{
    background: transparent url("images/icon_accordion_close_sp.png") 97% center no-repeat;
    background-size: 18px auto; }
  #contact .row{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 3%;
    margin-left: 3%; }
  #contact input, #contact select, #contact textarea{
    -webkit-appearance: none;
    margin: 0;
    width: calc(100% - 26px); }
  #contact select{
    margin: 0;
    width: calc(100% - 8px); }
  #contact textarea{
    height: 60px; }
  #contact .label-area{
    padding: 10px 10px 10px 8px;
    border-bottom: 1px solid #d3d3d3;
    background-color: #f5f5f5;
    width: calc(100% - 18px); }
  #contact .input-area{
    padding: 15px 0;
    width: 100%; }
  #contact .icon-req{
    padding: 1px 5px; }
  #contact .btn{
    min-width: 200px; }
  #contact .error-message{
    padding: 5px 8px;
    margin-top: 15px; }
  #course-detail p{
    font-size: 16px;
    line-height: 1.3em;
    line-height: 24px; }
  #course-detail h4{
    margin-top: 55px; }
  #course-detail .layout-course-detail{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-top: 40px; }
  #course-detail .layout-course-detail .main-area{
    padding: 24px 3%;
    margin-bottom: 40px;
    background-color: #fff; }
  #course-detail .layout-course-detail .main-area .main-block{
    padding-bottom: 0; }
  #course-detail .layout-course-detail .side-area{
    display: block;
    padding-top: 0;
    background-color: #fff;
    margin-bottom: 40px; }
  #course-detail .heading-area{
    height: 0px; }
  #course-detail .heading-area > h2{
    text-indent: -9999px; }
  #course-detail h4:first-child{
    margin-top: 0; }
  #course-detail .contact-block{
    margin-top: 20px; }
  #course-detail .contact-block .link{
    margin-top: 10px; }
  #course-detail .related-programs-list{
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px; }
  #course-detail .related-programs-list ul li{
    display: inline-block;
    padding: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 1.3em; }
  #course-detail .tag-list ul{
    margin: 30px auto 0px;
    padding: 0;
    width: 100%;
    border-top: solid 1px #999999;
    padding-top: 20px; }
  #course-detail .tag-list ul li{
    position: relative;
    display: inline-block;
    margin: 0 .3em .3em 0;
    padding: 0; }
  #course-detail .tag-list ul li a{
    font-size: 13px;
    line-height: 1.3em; }
  #course-detail .course-side-block img.course-img{
    position: absolute;
    top: 0;
    width: 100%; }
  #course-detail .course-info-block{
    padding: 24px 3%; }
  #course-detail .course-info-block dl dt{
    margin-top: 25px;
    color: #666666;
    font-size: 13px;
    line-height: 1.3em; }
  #course-detail .course-info-block dl dt:first-child{
    margin-top: 0; }
  #course-detail .course-info-block dl dd{
    margin-top: 0;
    font-size: 16px;
    line-height: 1.3em; }
  .filter__string{
    max-width: 420px;
    width: calc(100% - 44px);
    margin: 12px auto; }
  .filter__wrapper{
    margin-top: -100vh;
    position: fixed;
    width: 100vw;
    height: 0;
    z-index: 1;
    background: #EEF3F6;
    top: 0;
    left: 0;
    overflow: scroll;
    -webkit-transition: all .25s linear .25s;
    transition: all .25s linear .25s; }
  .filter__wrapper.open{
    height: 100vh;
    margin-top: 0;
    overflow: hidden; }
  .filter__row .open-tag{
    display: none; }
  .filter__row .open-tag:after{
    right: 13px; }
  .filter__row{
    width: calc(100% - 32px);
    padding: 0 16px; }
  .filter__title{
    margin: 6px;
    display: block;
    width: 100%; }
  .filter__title--tags{
    display: block; }
  .filter__item.nice-select{
    width: calc(50% - 10px);
    margin-bottom: 9px; }
  .filter__tag-list{
    width: calc(100% - 40px); }
  .filter__button.tag, .filter__button#all_tags{
    border-radius: 16px;
    height: 32px;
    line-height: 32px; }
  .filter__button.tag .tag-num, .filter__button#all_tags .tag-num{
    padding-left: 12px; }
  #courses .layout-courses{
    margin-top: -45px; }
  #courses .layout-courses .side-area{
    position: absolute;
    top: 0;
    left: 0; }
  #courses .heading-area{
    height: auto;
    background-color: #f7f7f9; }
  #courses .heading-area > h2.courses-ttl{
    position: relative;
    top: 0;
    height: 50px;
    padding-top: 16px;
    font-size: 22px;
    line-height: 1.3em; }
  #courses .heading-area .num{
    width: 50px;
    margin: 0px auto 0 auto;
    padding-top: 5px;
    font-size: 13px;
    line-height: 1.3em; }
  .icon-language{
    top: -14px;
    right: 8px;
    width: 28px;
    height: 28px;
    font-size: 13px;
    line-height: 28px; }
  #js-overlay{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: rgba(0, 0, 0, 0.5);
    visibility: hidden; }
  #js-overlay.block{
    z-index: 500;
    visibility: visible; }
  #js-overlay-android{
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 500;
    visibility: hidden; }
  footer .univ-area .partner-ttl{
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 20px;
    width: 100%;
    font-size: 17px;
    line-height: 1.3em;
    font-weight: 700;
    text-align: center; }
  footer .univ__list{
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  footer .univ__list:after{
    content: '';
    width: 32%;
    display: block; }
  footer .univ__item{
    width: 32%;
    margin: 0 0 12px; }
  footer .univ__link{
    height: 10vw; }
  footer .navi-area{
    width: 94%;
    padding-left: 3%;
    padding-right: 3%; }
  footer .navi-area ul.footer-navi{
    width: 100%;
    margin-top: 25px;
    text-align: center; }
  footer .navi-area ul.footer-navi li{
    display: inline-block;
    border-right: solid 1px #232323;
    padding-right: 10px;
    margin-right: 7px;
    font-size: 12px;
    line-height: 1.3em;
    line-height: 0.9; }
  footer .navi-area ul.footer-navi li:last-child{
    border-right: none;
    margin-right: 0;
    padding-right: 0; }
  footer .navi-area .tsukuba-logo-block{
    height: 58px;
    margin-top: 20px; }
  footer .copyright{
    width: 94%;
    height: 134px;
    margin: 15px 3% 0 3%;
    padding-top: 30px;
    border-top: 1px solid #d3d3d3;
    background: url("images/footer_logo_jcb.png") no-repeat center 55px; }
  header{
    position: relative;
    z-index: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 50px;
    border-bottom: 2px solid #ff9933; }
  header .logo{
    width: 176px;
    margin-top: 13px;
    margin-left: 10px; }
  header .gnavi-area .gnavi{
    position: absolute;
    top: 52px;
    left: 0;
    width: 100%;
    opacity: 0; }
  header .gnavi-area .gnavi li{
    width: 100%;
    height: 45px;
    background-color: #ff9933;
    border-bottom: solid 1px rgba(255, 255, 255, 0.3);
    font-size: 13px;
    line-height: 1.3em; }
  header .gnavi-area .gnavi li:last-child{
    border: none; }
  header .gnavi-area .gnavi li a{
    display: block;
    width: 100%;
    height: 33px;
    padding-top: 12px;
    color: #ffffff;
    text-align: center; }
  header .btn-language{
    float: right;
    margin: 17px 5px 0 0; }
  header .btn-language li{
    display: inline;
    margin-right: 10px; }
  .btn-language li{
    color: #262626;
    background-color: transparent; }
  .btn-language li.on{
    color: #f29131; }
  #sp-nav li:last-child{
    border: none; }
  #sp-nav li a{
    display: block;
    width: 100%;
    height: 33px;
    padding-top: 12px;
    color: #ffffff;
    text-align: center; }
  #sitemap .sitemap-layer1 > li{
    margin-top: 17px;
    font-size: 16px;
    line-height: 1.3em; }
  #sitemap .sitemap-layer2 > li{
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.3em; }
  .list--panel{
    margin-top: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .list--panel li{
    width: 48.5%; }
  .list--panel li .txt-area{
    padding: 15px 9px 9px 9px; }
  .list--panel li .tag-area{
    display: none; }
  .list--panel li .ttl{
    height: 50px;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 1.3em; }
  .list--panel li .ttl p{
    font-size: 13px;
    line-height: 1.3em;
    line-height: 15px; }
  .list--panel li .ttl-sub{
    font-size: 11px;
    line-height: 1.3em;
    line-height: 11px; }
  .list--panel li .txt{
    height: 27px; }
  .list--row li{
    font-size: 13px;
    line-height: 1.3em;
    padding: 4px 16px; }
  .list--row .date{
    display: block; }
  .list--row .text{
    display: block;
    font-size: 13px;
    line-height: 1.3em; }
  .section{
    padding: 32px 16px; }
  .section__inner{
width: calc(100% - 32px); }

  .cic__item{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 12px 0 4px; }
  .cic__item > div{
    padding: 8px 12px 8px 30px; }
  .cic__univ{
    height: 30px;
    padding: 0 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: calc(100% - 44px); }
  .cic__title{
    background-color: rgba(255, 255, 255, 0.3);
    margin: 4px 0; }
  .cic-course__item--term{
    margin-top: 60px;
    margin-bottom: 30px; }
  .cic-course__item{
    margin-bottom: 20px; }
  .cic-course__item div{
    padding: 8px; }
  .cic-course__title{
    padding: 8px !important; }
  .course__list{
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .course__img img{
    margin-bottom: 0;
    width: 100%; }
  .course__txt-area{
    padding: 15px 9px 9px 9px; }
  .course-name-block{
    margin-top: 0;
    border-bottom: solid 2px #ff9933;
    padding-bottom: 20px;
    margin-bottom: 60px; }
  .course-name-block h3.course-name{
    font-size: 20px;
    line-height: 1.3em;
    line-height: 28px;
    color: #232323;
    padding-top: 0;
    border: none; }
  .course-name-block h3.course-name .univ-name{
    display: block;
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.3em; }
  .course-name-block .univ-logo{
    width: 22%;
    min-width: 200px;
    margin-top: 12px; }
  #container.row .course__item a{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  #container.row .course__text-row{
    border: none;
    padding: 0px 20px 0 20px;
    width: calc(100% - 40px);
    margin-top: 0; }
  #container.row .course__text-row > div{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .faq-list-area{
    margin-top: 0;
    margin-left: 3%;
    margin-right: 3%;
    padding: 0;
    border: 1px solid #d3d3d3;
    border-bottom: none; }
  .faq-list-area .faq-list dt{
    padding-left: 30px; }
  .faq-list-area .faq-list{
    border-bottom: 1px solid #d3d3d3; }
  .faq-list-area .faq-list dt::after{
    top: 0.5em;
    left: 10px;
    font-size: 16px;
    line-height: 1.3em; }
  .faq-list-area .faq-list dd{
    padding: 17px 10px;
    font-size: 13px;
    line-height: 1.3em;
    line-height: 20px; }
  #toppage .content-inner{
    margin-top: 0;
    width: 100%;
    text-align: center; }
  #toppage .mainvisual-area:after{
    width: 44px;
    background-position: left;
    background-size: cover; }
  #toppage .mainvisual-area > h1{
    width: 100%;
    padding-top: 20px;
    font-size: 30px;
    line-height: 1.3em; }
  #toppage .mainvisual-area .underline{
    width: 60px;
    margin: 5px auto 0px; }
  #toppage .mainvisual-area > p{
    width: 90%;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.3em;
    line-height: 20px;
    text-align: center; }
  #toppage .mainvisual-area > p.overview{
    margin: 10px auto 0; }
  #toppage .mainvisual-area > p.subtext{
    margin: 22px auto 0; }
  #toppage .mainvisual-area > p .larger{
    font-size: 15px;
    line-height: 1.3em; }
  #toppage .mainvisual-area > .btn-area .btn{
    height: 35px;
    line-height: 35px; }
  #news .news-list li{
    padding: 10px 0; }
  #news .news-list li .date{
    display: block;
    margin-bottom: 5px; }
  #news .news-block .date{
    margin-top: 30px; }
  .page__text{
    font-size: 14px; } }
  @media print{
  header, footer, .slim-header-wrapper, .side-area, #courses-toggle-btn{
    display: none; }
  #main-area{
    float: none;
    width: 100%; }
  img{
    width: 20%; } }
  @media screen and (min-width: 37.5em){
  .menu-toggle{
    display: none; }
  .main-navigation ul{
    display: block; } }

/*ページネーション */
#pagenation:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#pagenation #pagenation-list li{
	float:left;background:none;
	list-style:none;
	padding:0;
	margin:0 5px 5px 0;
}
#pagenation #pagenation-list li:last-child{
	margin-left:0;
}
#pagenation #pagenation-list a,#pagenation #pagenation-list span{
	background:none;
	display:block;
	margin:0;
	padding:4px 9px;
	font-size:12px;
	line-height:1.5;
	text-align:center;
}
#pagenation #pagenation-list .current{
	background:#DEDEDE;
	color:#696969;
	border:1px solid #E3E3E3;
}
#pagenation #pagenation-list .omit{
	padding:4px 2px;color:#777777;
}
#pagenation #pagenation-list li a{
	color:#333333;
	border:1px solid #6B6B6B;
	text-decoration:none;
}
#pagenation #pagenation-list a:hover{
	background:#F0F0F0;
	color:#000000;
	border:1px solid #121212;
	text-decoration:none;
}

/* edited by codia
*/

a.csv_dl_btn {
	color: #fff;
	position: fixed;
	right: 32px;
	bottom: 80px;
	width: 48px;
	height: 48px;
	background: #009688;
	border-radius: 50%;
	color: #fff;
	font-size: 2rem;
	text-align: center;
	line-height: 40px;
	z-index: 10000;
}
a.csv_dl_btn .fa {
	display: inline-block;
	font-size: 22px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.head_nav {
  position: absolute;
  top: 0;
  width: 100%;
  height: 32px;
  background: #4a4a4a;
  z-index: 20;
  line-height: 32px;
}
.head_nav .inner {
  position: relative;
  width: 1130px;
  min-width: 1130px;
  margin: 0 auto;
  padding: 0 8px;
}

@media all and (max-width: 480px) {
.head_nav .inner {
  min-width: 0;
  height: 0 !important;
}
.head_nav .inner ul {
  display: none;
}
.sp-menu {
  z-index: 3000 !important;
}
.header {
  position: fixed !important;
  z-index: 3000 !important;

}

}
@media all and (min-width: 480px) {
.formbtn {
  display: none;
}
}

@media all and (max-width: 480px) {
.course_video_area iframe {
  width: 100%;
}
}


.head_nav ul {
  display: inline-flex;
  float: right;
  margin-right: 20px;
}
.head_nav li {
  margin-right: 30px;
}
.head_nav .fa {
  color: #fff;
  margin-right: 9px;
  font-weight: 100;
  font-size: 14px;
}
.head_nav a {
  color: #fff;
}
.wrapper {
  top: 32px;
  position: relative;
}
.admin .wrapper {
  top: 0px;
}
.course_video_area {
  margin: 20px 0;
}
.top_univ_filter_area {
  margin-top: 60px;
}
.top_news {
  background: #fff;
}


section.tag_filter .title:before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -2px;
    width: 80px;
    height: 2px;
    background-color: #3497b9;
}

section.tag_filter .title span:before {
    content: "\f160";
}

.course__txt-area--bottom .course__txt {
  margin-bottom: 6px;
}
.formbtn {
  margin: 0 auto;
  width: 126px;
}
.formbtn input[type="submit"] {
    width: 120px;
    height: 44px;
    margin: 0 8px;
    background: #1565c0;
    border: 1px solid #1565c0;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    cursor: pointer;
    margin-top: 30px;
}

.formbtn input[type="button"] {
    width: 120px;
    height: 44px;
    margin: 0 8px;
    background: #929292;
    border: 1px solid #929292;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    cursor: pointer;
    margin-top: 30px;
}

.filter__toggle  {
    display: none;
}

@media all and (max-width: 480px) {

#courses{
    top: 40px !important;
}
}

.second_lang {
margin-right: 33px;
}

a.certified_button {
    position: relative;
    display: block;
    padding: 16px 16px 12px 44px;
    background: #f7f7f9;
    border: 2px solid #ccc;
    color: #666;
    line-height: 20px;
    font-size: 16px;
    transition: all .3s;
display: inline-block;
    margin: 28px 0 20px 0;
}



.certified_button i:before {
    content: "\f1c1";
    position: absolute;
    top: 0;
    left: 16px;
    bottom: 0;
    margin: auto;
    font-family: "FontAwesome";
    font-size: 20px;
    height: 20px;
    line-height: 1;
    color: #cb0606;
}

#page-certified_courses h2 {
    margin-top:16px;
}

.course__tag-area {
	padding-top: 11px;
}

#toppage .course__tag-area {
	height: 12px;
}


.ui.dropdown .menu .item:before {
    background: #fff;
    border: 1px solid #adadad;
    content: '';
    display: block;
    height: 16px;
    left: 8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
border-radius: 3px;
    width: 16px;
}
.ui.dropdown .menu .active.item:before {
	background: #3795b9;
}

.ui.selection.dropdown .menu .item {
	padding-left: 30px !important;
	font-size: 13px;
}
.ui.selection.dropdown .menu .active.item {
	padding-left: 30px !important;
}

.ui.dropdown .menu .active.item:after {
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    content: '';
    display: block;
    height: 10px;
    left: 13px;
    margin-top: -7px;
    opacity: 1;
    position: absolute;
    top: 51%;
    transform: rotate(45deg);
    width: 5px;
}

.ui.selection.dropdown .menu {
	width: 320px !important;
	max-height: 350px !important;
}

.ui.multiple.dropdown {
    min-height: 18px;
    line-height: 10px;
    font-size: 13px;
    width: 24%;
	margin-right: 5px;
    margin-bottom: 15px;
}

.ui.default.dropdown:not(.button)>.text, .ui.dropdown:not(.button)>.default.text {
	color: #333;
}

.search_box {
	background: #e9f3f5;
	padding: 50px 20px;
}
.search_box input[type="submit"],
.search_box input[type="button"] {
	display: block;
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
	background: #3496b9;
	color: #fff;
	padding: 10px 60px;
	border-radius: 3px;
	font-size: 14px;
    margin: 0 auto;
margin-top: 10px;
}
.search_box input[type="submit"]::-webkit-search-decoration,
.search_box input[type="button"]::-webkit-search-decoration {
  display: none;
}
.search_box input[type="submit"]::focus,
.search_box input[type="button"]::focus {
  outline-offset: -2px;
}
.remove_btn_area {
	margin-top: 50px;
}

.remove_btn_area a.deletebtn {
	padding: 5px 28px 5px 20px;
	margin-right: 5px;
	border: 1px solid #3195b5;
	background: #fff;
	border-radius: 15px;
	color: #3195b5;
	font-size: 12px;
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
}
.remove_btn_area a.deletebtn::after {
	content: "\2715";
	font-size: 10px;
	position: absolute;
	right: 9px;
	top: 7px;
}
.remove_btn_area a.clearall {
	color: #333;
	font-size: 12px;
	display: inline-block;
}

body {
	height: auto;
}

input[type=text].keyword {
	width: 100% !important; 
}
.keyword_wrapper {
	position: relative;
	width: 360px !important; 
	display: block;
	margin: 0 auto !important; 
	margin-bottom: 20px !important;

}
.keyword_wrapper::after {
  font-family: FontAwesome;
  content: "\f002";
	position: absolute;
	right: 10px;
	top: 15px;
}
.not_found {
	margin-bottom: 190px !important;
}

.sp-search-menu {
	display: none;
}


@media all and (max-width: 480px) {
	.keyword_wrapper { 
		width: 100% !important;
	}
	.ui.multiple.dropdown {
		width: 100% !important;
	}
	.sort {
		margin-top: 35px;
	}

}