/* popup */
.page-node-type-cosponsored-seminar .container {
  padding: 0;
  margin: 0;
}

.cosponsored-seminar .content {
  font-size: 80%;
}

.cosponsored-seminar .content div,
.cosponsored-seminar .content time {
  font-size: 12px;
}

.footer {
  margin-top: 0;
}

.field_seminar_name,
.title {
  background: #7B8ADF;
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}

.field_seminar_name {
  padding-top: 5px;
}

.tilte {
  padding-bottom: 5px;
}

.cosponsored-seminar .left {
  width: 41%;
  min-height: 500px;
  float: left;
}

.cosponsored-seminar .right {
  width: 59%;
  min-height: 500px;
  float: right;
  padding-left: 15px;
}

.cosponsored-seminar .center {
  width: 100%;
  text-align: center;
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
}

.field_image {
  margin-top: 15px;
}

.field--label,
.field_chairman_label,
.field--name-field-lecture-title {
  display: block;
  background: #F9E3D5;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 5px;
}

.field--label::before,
.field--name-field-chairman-label::before,
.field--name-field-lecture-title::before {
  content: "■";
}

.field--type-datetime .field--label,
.field--name-field-time .field--label {
  display: none;
}

.field--type-datetime {
  text-align: left;
  display: inline-block;
  float: left;
  margin-right: 5px;
  margin-bottom: 0;
}

.field--name-field-time .field--item {
  text-align: right;
}

.paragraph--type--date,
.paragraph--type--chairman,
.field--name-field-program .field--item,
.field--name-field-cosponsor .field--item,
.field--name-field-place .field--item,
.field--name-field-support .field--item {
  padding-left: 10px;
}


.paragraph--type--lecture .field--name-field-program {
  font-weight: bold;
}

.field--name-field-refer-link {
  margin-top: 10px;
  border-top: 1px solid #ddd;
  padding-top: 10px;
}

.page-node-type-cosponsored-seminar .footer {
  text-align: center;
}

.page-node-type-cosponsored-seminar .footer .footer_link {
  margin-top: 5px;
  font-size: 12px;
  border-top: 1px solid #ddd;
  padding-top: 5px;
}

@media screen and (max-width: 480px) {
  .cosponsored-seminar .content {
    width: 100%;
    height: auto;
  }

  .cosponsored-seminar .left,
  .cosponsored-seminar .right {
    width: 100%;
    height: auto;
    float: none;
  }

  .cosponsored-seminar .right {
    padding-left: 0;
    min-height: unset;
  }

  .cosponsored-seminar .center {
    margin-top: 50px;
  }

  .img-responsive {
    margin: 0 auto;
  }
}