@charset "UTF-8";
@font-face {
  font-family: "YuGothic M";
  src: local(YuGothic-Medium), local(Yu Gothic Medium), local(YuGothic-Regular);
}

body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 1.6;
  background-color: #50a7ff;
  background-repeat: repeat-x;
}

@media print {
  body {
    background-color: #fff;
    overflow: visible !important;
  }
}

a {
  color: #000;
}

a .icon {
  vertical-align: middle;
  position: relative;
  top: -0.1em;
  margin-right: 5px;
}

b {
  font-weight: bold;
}

i {
  font-style: italic;
}

small {
  font-size: 0.9em;
}

img {
  vertical-align: middle;
  max-width: 100%;
}

.zu{
	margin:1.5em auto !important;
	}
.zu p{
	font-weight:bold;
}
.zu p small{
  font-weight:normal;
  font-size:85%;
}
.zu img{
	border: 1px #c1c1c1 solid;
}

sup {
  font-size: 80%;
  vertical-align: top;
}

em {
  font-style: italic;
  margin-right: 0.1em;
}

h2,
h3 {
  font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", Osaka, メイリオ, Meiryo, Tahoma, Verdana, Arial, Verdana, sans-serif;
}

@media only screen and (min-width: 641px) {
  .pc-only {
    display: block;
  }
}

@media only screen and (max-width: 640px) {
  .pc-only {
    display: none;
  }
}

@media only screen and (min-width: 641px) {
  .sp-only {
    display: none;
  }
}

@media only screen and (max-width: 640px) {
  .sp-only {
    display: block;
  }
}

.wrapper {
  width: 1000px;
  margin: 0 auto;
  background-color: #fff;
}

@media only screen and (max-width: 640px) {
  .wrapper {
    width: 100%;
  }
}

.wrapper .inner {
  padding: 0 50px;
}

@media only screen and (max-width: 640px) {
  .wrapper .inner {
    padding: 0 15px;
  }
  .wrapper .inner .wrapper .inner {
    padding: 0 15px;
  }
}

.footer-global {
  margin-top: 40px;
  position: relative;
  clear: both;
}

.footer-global .inner {
  overflow: hidden;
}

.footer-global .pagetop {
  cursor: pointer;
  width: 40px;
  float: right;
}

.footer-global .pagetop:hover {
  opacity: 0.7;
}

.footer-global .back {
  text-decoration: none;
  font-size: 13px;
  display: inline-block;
  margin-top: 10px;
  margin-right: 10px;
}

.footer-global .back:hover {
  opacity: 0.7;
}

.footer-global .notice {
  background-color: #e7e7e7;
  padding: 20px;
  margin-top: 30px;
}

.footer-global .notice p {
  font-size: 13px;
  text-align: center;
}

@media only screen and (max-width: 640px) {
  .footer-global .notice p {
    font-size: 11px;
  }
}

.footer-global .copyright {
  text-align: center;
  font-size: 13px;
  padding: 20px 0;
}

@media only screen and (max-width: 640px) {
  .footer-global .copyright {
    font-size: 11px;
    padding: 20px 10px;
  }
}

.header-global {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (max-width: 640px) {
  .header-global {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.header-global .mv {
  min-width: 950px;
  height: 300px;
  background-image: url(../images/mv.jpg);
  background-position: center;
  background-size: cover;
}

@media only screen and (max-width: 640px) {
  .header-global .mv {
    min-width: 0px;
    width: 100%;
    height: 250px;
  }
}

.header-global .line {
  overflow: hidden;
  padding: 15px 0;
  background-color: #c65391;
}

.header-global .line h1 {
  float: left;
  width: 240px;
}

@media only screen and (max-width: 640px) {
  .header-global .line h1 {
    width: 180px;
  }
}

.header-global .line h1 img {
  width: 100%;
}

.header-global .line nav {
  float: right;
  font-size: 14px;
  background-color: #a72c65;
  padding: 15px 20px;
  border-radius: 100px;
  margin-top: 10px;
}

@media only screen and (max-width: 640px) {
  .header-global .line nav {
    display: none;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    left: 0;
    top: 86px;
    padding: 0 0;
    margin-top: 0;
  }
}

@media only screen and (min-width: 641px) {
  .header-global .line nav {
    display: block !important;
  }
}

.header-global .line nav li {
  display: inline-block;
  margin: 0 5px;
}

@media only screen and (max-width: 640px) {
  .header-global .line nav li {
    margin: 0 0 0 0;
    display: block;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
}

@media only screen and (max-width: 640px) {
  .header-global .line nav li:first-child {
    border-top: 0;
  }
}

.header-global .line nav a {
  color: #fff;
  text-decoration: none;
  display: block;
}

@media only screen and (max-width: 640px) {
  .header-global .line nav a {
    padding: 15px 15px;
  }
}

.header-global .line nav a:before {
  content: "・";
}

.header-global .button-nav {
  position: absolute;
  right: 10px;
  top: 23px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  padding: 11px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.header-global .button-nav:hover {
  opacity: 0.5;
}

.header-global .button-nav div {
  display: inline-block;
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 25px;
  height: 18px;
  position: relative;
}

.header-global .button-nav span {
  display: inline-block;
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
}

.header-global .button-nav span:nth-of-type(1) {
  top: 0;
}

.header-global .button-nav span:nth-of-type(2) {
  top: 8px;
}

.header-global .button-nav span:nth-of-type(3) {
  bottom: 0;
}

.header-global .button-nav.active span:nth-of-type(1) {
  -webkit-transform: translateY(8px) rotate(-45deg);
  transform: translateY(8px) rotate(-45deg);
}

.header-global .button-nav.active span:nth-of-type(2) {
  opacity: 0;
}

.header-global .button-nav.active span:nth-of-type(3) {
  -webkit-transform: translateY(-8px) rotate(45deg);
  transform: translateY(-8px) rotate(45deg);
}

.mv {
  height: 300px;
  background-image: url(../images/mv.jpg);
  background-position: center;
  background-size: cover;
}

@media only screen and (max-width: 640px) {
  .mv .mv {
    width: 100%;
    height: 250px;
  }
}

.lead {
  overflow: hidden;
  padding-top: 40px;
}

@media only screen and (max-width: 640px) {
  .lead {
    padding-top: 20px;
  }
}

.lead h1 {
  float: left;
  width: 399px;
}

@media only screen and (max-width: 640px) {
  .lead h1 {
    width: 100%;
  }
}

.lead h1 img {
  width: 100%;
}

.lead p {
  float: right;
  width: 450px;
  font-size: 14px;
  border-left: 1px solid #0c93fd;
  padding-left: 23px;
}

@media only screen and (max-width: 640px) {
  .lead p {
    width: 100%;
    margin-top: 20px;
  }
}

h2.heading {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  padding: 11px 11px 12px;
  background: -moz-linear-gradient(left, #707070, #707070 45%, #fff);
  background: -webkit-linear-gradient(left, #707070, #707070 45%, #fff);
  background: linear-gradient(to right, #707070, #707070 45%, #fff);
  border-top: 4px solid #0c93fe;
  border-bottom: 1px solid #f5f5f5;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
}

h2.heading small {
  font-size: 13px;
}

h2.heading-2 {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  padding: 11px 11px 12px;
  position: relative;
  background: -moz-linear-gradient(left, #0c93fe, #eeeeee 45%, #eeeeee);
  background: -webkit-linear-gradient(left, #0c93fe, #eeeeee 45%, #eeeeee);
  background: linear-gradient(to right, #0c93fe, #eeeeee 45%, #eeeeee);
}

h2.heading-2 small {
  font-size: 13px;
}


h2.title-m {
  color: #333333;
  text-align: center;
  font-size: 20px;
}

.frame-white {
  margin-top: 20px;
  background-color: #fff;
  border-radius: 10px;
  padding: 40px;
}

@media only screen and (max-width: 640px) {
  .frame-white {
    padding: 20px;
  }
}

.text-body h3 {
  margin-top: 40px;
  border-bottom: 1px solid #c65391;
  padding-bottom: 10px;
  font-size: 16px;
}

@media only screen and (max-width: 640px) {
  .text-body h3 {
    margin-top: 20px;
  }
}

.text-body h3 + * {
  margin-top: 10px;
}

.text-body p {
  font-size: 14px;
  line-height: 1.8;
  margin-top: 1em;
}

.cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 40px;
}

@media only screen and (max-width: 640px) {
  .cols {
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .page-index .cols {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .page-index .cols .main {
    margin-top: 40px;
  }
  .cols .side {
    margin-top: 40px;
  }
  .page-index .cols .side {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 640px) {
  .cols.cols-report {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.cols.cols-report .reports {
  margin-top: 0;
}

@media only screen and (max-width: 640px) {
  .cols.cols-report .main {
    margin-top: 20px;
  }
}

.cols .side {
  width: 250px;
}

@media only screen and (max-width: 640px) {
  .cols .side {
    width: 100%;
  }
  .page-contents .cols .side {
    margin-top: 20px;
  }
}

.cols .main {
  width: 610px;
}

@media only screen and (max-width: 640px) {
  .cols .main {
    width: 100%;
  }
}

@media print {
  .cols {
    display: block;
  }
  .cols:after {
    content: "";
    clear: both;
  }
  .side {
    float: left;
  }
  .main {
    float: right;
  }
}

.reports {
  /*
  margin-top: 40px;
  */
}

@media only screen and (max-width: 640px) {
  .reports {
    margin-top: 20px;
  }
}

.reports.schedule .article-detail {
  margin-top: 15px;
}

.reports.schedule .desc, .reports.schedule .name {
  color: #333;
}

.reports .coming {
  color: #a5a5a5;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-top: 10px;
}

.reports .photos {
  width: 100%;
  margin-top: 40px;
}

@media only screen and (max-width: 640px) {
  .reports .photos {
    margin-top: 30px;
  }
}

.reports h3 {
  font-size: 30px;
  color: #000;
  line-height: 1;
  margin-top: 40px;
}

@media only screen and (max-width: 640px) {
  .reports h3 {
    font-size: 18px;
    margin-top: 20px;
  }
}

.title-endai {
  color: #333;
  font-weight: bold;
  font-size: 20px;
}

@media only screen and (max-width: 640px) {
  .title-endai {
    font-size: 18px;
  }
}

.title-cancer {
  font-size: 30px;
  color: #000;
  line-height: 1;
  margin-top: 30px;
}

@media only screen and (max-width: 640px) {
  .title-cancer {
    font-size: 18px;
    margin-top: 15px;
  }
}

.reports .special .title a {
  color: #0c93fd;
  display: block;
}

@media only screen and (min-width: 641px) {
  .reports .special .title a {
    text-decoration: none;
  }
  .reports .special .title a:hover {
    text-decoration: underline;
  }
}

.reports .special .number div {
  background-color: #d6ebff;
}

.reports .proffered_paper .title a {
  display: block;
  color: #0c93fd;
}

@media only screen and (min-width: 641px) {
  .reports .proffered_paper .title a {
    text-decoration: none;
  }
  .reports .proffered_paper .title a:hover {
    text-decoration: underline;
  }
}

.reports .proffered_paper .number div {
  background-color: #e0e3ff;
}

.reports .poster_discussion .title a {
  display: block;
  color: #b757e4;
}

@media only screen and (min-width: 641px) {
  .reports .poster_discussion .title a {
    text-decoration: none;
  }
  .reports .poster_discussion .title a:hover {
    text-decoration: underline;
  }
}

.reports .poster_discussion .number div {
  background-color: #ebdff7;
}

.reports .poster_display .title a {
  display: block;
  color: #e88830;
}

@media only screen and (min-width: 641px) {
  .reports .poster_display .title a {
    text-decoration: none;
  }
  .reports .poster_display .title a:hover {
    text-decoration: underline;
  }
}

.reports .poster_display .number div {
  background-color: #fde7d5;
}

.report {
  border-bottom: 1px solid #c1c1c1;
  position: relative;
  margin-top: 40px;
  background-color: #fff;
}

@media only screen and (max-width: 640px) {
  .report {
    margin-top: 20px;
  }
}

.report:first-of-type {
  margin-top: 30px;
}

@media only screen and (max-width: 640px) {
  .report:first-of-type {
    margin-top: 20px;
  }
}

.report .article-detail {
  font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", Osaka, メイリオ, Meiryo, Tahoma, Verdana, Arial, Verdana, sans-serif;
  color: #000;
}

.report h5 {
  color: #000;
}

.report .cat {
  position: absolute;
  top: 9px;
  right: 10px;
}

.report .cat > div {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  line-height: 1;
  padding: 7px 5px;
  display: inline-block;
}

.report .cat > div:nth-of-type(2), .report .cat > div:nth-of-type(3) {
  margin-left: 5px;
}

.report .cat > div.daicho {
  background-color: #aa578b;
}

.report .cat > div.i {
  background-color: #756bb4;
}

.report .cat > div.tando {
  background-color: #1a927a;
}

.report .cat > div.syokudo {
  background-color: #1a927a;
}

.report .cat > div.syokudo-i {
  background-color: #40c37b;
}

.report .cat > div.sui {
  background-color: #1a6c92;
}

.report .cat > div.kansaibo {
  background-color: #ca9c34;
}

@media only screen and (max-width: 640px) {
  .report .cat > div {
    font-size: 14px;
  }
}

.report .number {
  line-height: 1;
}

.report .number div {
  font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", Osaka, メイリオ, Meiryo, Tahoma, Verdana, Arial, Verdana, sans-serif;
  overflow: hidden;
  display: block;
  padding: 16px 10px;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  position: relative;
}

@media only screen and (max-width: 640px) {
  .report .number div {
    font-size: 14px;
  }
}

.report .title {
  padding: 18px 0px 14px;
  border-bottom: 1px solid #b9b9b9;
  text-align: center;
}

@media only screen and (max-width: 640px) {
  .report .title {
    padding: 15px 0px;
  }
}

.report h4 {
  font-size: 16px;
  text-align: left;
}

@media only screen and (max-width: 640px) {
  .report h4 {
    font-size: 14px;
  }
}

.report a {
  color: #0c93fd;
  font-weight: bold;
}

.report a:hover {
  color: #333;
}

.report .article-detail {
  font-size: 14px;
  overflow: hidden;
}

.report .article-detail .name {
  text-align: right;
}

.report .article-detail .photo {
  float: right;
  margin-left: 20px;
}

@media only screen and (max-width: 640px) {
  .report .article-detail .photo {
    width: 100px;
    margin-bottom: 10px;
  }
}

.report .article-detail .text {
  padding: 20px 0 20px 0;
}

@media only screen and (max-width: 640px) {
  .report .article-detail .text {
    padding: 15px 0 15px 0;
  }
}

.report.article-report .inner {
  padding: 0 10px;
}

@media only screen and (max-width: 640px) {
  .report.article-report .inner {
    padding: 0 10px;
  }
}

.report.article-report section {
  padding: 0 20px;
}

@media only screen and (max-width: 640px) {
  .report.article-report section {
    padding: 0 15px;
  }
}

.report.article-report section p {
  font-size: 14px;
  line-height: 1.7;
  margin-top: 0.5em;
}

@media only screen and (max-width: 640px) {
  .report.article-report section p {
    font-size: 13px;
  }
}

.report.article-report section p.reporter {
  text-align: right;
}

.report.article-report section a {
  font-weight: normal;
  color:#168fff;
}

@media only screen and (min-width: 641px) {
  .report.article-report section a:hover {
    color: #000;
  }
}

.report.article-report section > img,
.report.article-report section p > img {
  width: auto;
  height: auto;
  max-width: 100%;
  margin-top: 10px;
}

.report.article-report section figure {
  margin-top: 1em;
  text-align: center;
}

.report.article-report section figure + * {
  margin-top: 1.5em;
}

.report.article-report section figure figcaption {
  font-size: 13px;
}

.report.article-report section figure img {
  margin-top: 5px;
  width: 580px;
  border: 1px solid #D8BCC8;
}

@media only screen and (max-width: 640px) {
  .report.article-report section figure img {
    width: 100%;
  }
}

.report.article-report section figure p:last-child {
  text-align: right;
  margin-top: 10px;
  font-size: 11px;
}

@media only screen and (max-width: 640px) {
  .report.article-report section figure p:last-child {
    margin-top: 5px;
  }
}

.report.article-report section > h5 {
  font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", Osaka, メイリオ, Meiryo, Tahoma, Verdana, Arial, Verdana, sans-serif;
  background-color: #efefef;
  font-weight: bold;
  font-size: 16px;
  padding: 10px 20px;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 1.5rem;
}

@media only screen and (max-width: 640px) {
  .report.article-report section > h5 {
    font-size: 14px;
    padding: 5px 15px;
    margin-left: -15px;
    margin-right: -15px;
  }
}

.report.article-report section > h5 + * {
  margin-top: 1em;
}

.report.article-report section > h6 {
  font-size: 13px;
  border-top: 1px solid #ccc;
  padding-top: 1.5em;
  margin-top: 1.5em;
}

.report.article-report section a.backtop {
  font-size: 14px;
  margin-top: 1em;
  color: #333;
  text-decoration: none;
}

.report.article-report .reference {
  padding: 20px;
  margin-top: 1.5rem;
  border-top: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
}

@media only screen and (max-width: 640px) {
  .report.article-report .reference {
    padding: 15px;
  }
}

.report.article-report .reference > .inner {
  padding: 0;
}

.report.article-report .reference h6 {
  font-size: 13px;
}

.report.article-report .reference ul {
  margin-left: 13px;
}

.report.article-report .reference li {
  margin-top: 5px;
  font-size: 13px;
  text-indent: -18px;
}

.report.article-report .reference a {
  color: #168fff;
  font-weight: normal;
}

.report.article-report .sites {
  padding-top: 20px; 
}

.report.article-report .links {
  padding: 20px;
}

@media only screen and (max-width: 640px) {
  .report.article-report .links {
    padding: 15px;
  }
}

.report.article-report .links > .inner {
  padding: 0;
}

.report.article-report .links h6 {
  font-size: 13px;
}

.report.article-report .links li {
  margin-top: 5px;
  font-size: 13px;
}

.report.article-report .links a {
  color: #168fff;
  font-weight: normal;
}

.report.article-report .align-center {
  margin-bottom: 24px;
}

.report.article-report .align-center a {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.7;
}

@media only screen and (min-width: 641px) {
  .report.article-report .align-center a {
    text-decoration: none;
  }
  .report.article-report .align-center a:hover {
    text-decoration: underline;
  }
}

.report.article-report .panel {
  margin-top: 20px;
  border: 1px solid #c1c1c1;
}

.report.article-report .panel h5 {
  font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", Osaka, メイリオ, Meiryo, Tahoma, Verdana, Arial, Verdana, sans-serif;
  font-size: 16px;
  color: #000;
  padding: 12px 18px;
  background-color: #f3f3f3;
}

@media only screen and (max-width: 640px) {
  .report.article-report .panel h5 {
    padding: 5px 15px;
    font-size: 15px;
  }
}

.report.article-report .panel .panel-inner {
  padding: 20px;
  overflow: hidden;
}

@media only screen and (max-width: 640px) {
  .report.article-report .panel .panel-inner {
    padding: 10px 15px;
  }
}

.report.article-report .panel .panel-inner img {
  border: 1px solid #c1c1c1;
  margin-bottom: 10px;
}

.report.article-report .panel .panel-inner .name {
  font-size: 16px;
  font-weight: 600;
}

.report.article-report .panel .panel-inner .detail {
  font-size: 12px;
  font-weight: 600;
}

.report.article-report .panel .panel-inner > p {
  font-size: 13px;
  line-height: 1.7;
  margin-top: 0.5em;
}

.report.article-report .panel .panel-inner > p:first-of-type {
  margin-top: 0;
}

.report.article-report .panel .panel-inner .clear {
  clear: both;
}

.report.article-report .panel .panel-inner .reporter {
  font-size: 13px;
  line-height: 1.7;
  text-align: right;
  margin-top: 0.5em;
}

.report.article-report .panel .commenter {
  width: 127px;
  margin: 0 30px 10px 0;
  float: left;
}

@media only screen and (max-width: 640px) {
  .report.article-report .panel .commenter {
    text-align: center;
    float: none;
    width: 100%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    padding: 0 5px;
  }
  .report.article-report .panel .commenter img {
    margin: 0 auto 6px;
    width: 127px;
  }
  .report.article-report .panel .commenter .detail {
    width: 70%;
    margin: auto;
  }
}

.report.article-report .article-detail .text {
  padding: 20px 0 10px 0;
}

.report.list-report .text {
  padding: 20px 10px;
}

.align-left.mt-m.fs-m {
  padding-bottom: 10px;
  text-indent: -1em;
  padding-left: 1em;
}

.supervisors .photo,
.commenters .photo {
  overflow: hidden;
  margin: 0 auto 12px;
}

@media only screen and (max-width: 640px) {
  .supervisors .photo,
  .commenters .photo {
    margin-bottom: 6px;
  }
}

.supervisors .photo img,
.commenters .photo img {
  width: 100%;
  height: auto;
}

.supervisors .name,
.commenters .name {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

@media only screen and (max-width: 640px) {
  .supervisors .name,
  .commenters .name {
    font-size: 15px;
  }
}

.supervisors .name span,
.commenters .name span {
  font-size: 0.8em;
}

.supervisors .detail,
.commenters .detail {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
  margin-top: 5px;
}

@media only screen and (max-width: 640px) {
  .supervisors .detail,
  .commenters .detail {
    font-size: 11px;
  }
}

.supervisors .charge,
.commenters .charge {
  font-size: 14px;
  font-weight: 600;
  margin-top: 5px;
  text-align: left;
}

.supervisors .charge dt,
.commenters .charge dt {
  display: inline-block;
}

.supervisors .charge dd,
.commenters .charge dd {
  display: inline-block;
}

.supervisors .charge dd:after,
.commenters .charge dd:after {
  content: ',';
  margin-right: 3px;
  display: inline;
}

.supervisors .charge dd:last-of-type:after,
.commenters .charge dd:last-of-type:after {
  content: none;
}

.supervisors .charge dd a,
.commenters .charge dd a {
  color: #168fff;
  display: inline-block;
}

@media only screen and (min-width: 641px) {
  .supervisors .charge dd a,
  .commenters .charge dd a {
    text-decoration: none;
  }
  .supervisors .charge dd a:hover,
  .commenters .charge dd a:hover {
    color: #FFAE00;
    text-decoration: underline;
  }
}

@media only screen and (max-width: 640px) {
  .supervisors .charge,
  .commenters .charge {
    font-size: 11px;
  }
}

.supervisors {
  background: #ebf5fe;
  border-top: none;
}

.supervisors ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 10px;
}

@media only screen and (max-width: 640px) {
  .supervisors ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px 10px;
  }
}

@media only screen and (min-width: 641px) {
  .supervisors .supervisor {
    width: calc(25% - 14px);
    margin: 0 7px;
  }
}

@media only screen and (max-width: 640px) {
  .supervisors .supervisor {
    width: calc(50% - 16px);
    margin: 15px 8px 0;
  }
  .supervisors .supervisor:first-of-type, .supervisors .supervisor:nth-of-type(2) {
    margin-top: 0;
  }
}

.supervisors .photo {
  width: 127px;
  height: 150px;
  text-align: center;
}

@media only screen and (max-width: 640px) {
  .supervisors .photo {
    width: 100%;
    height: auto;
  }
}

.supervisors .photo img {
  border: 1px solid #eeeeee;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.commenters {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-top: none;
}

@media only screen and (max-width: 640px) {
  .commenters {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 640px) {
  .commenters ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #f5f5f5;
  }
}

.commenters ul li {
  padding: 20px 15px;
  border-bottom: 1px solid #f5f5f5;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
}

.commenters ul li:nth-child(even) {
    background-color: #f9f9f9;
}

@media only screen and (max-width: 640px) {
  .commenters ul li {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.commenters .photo {
  width: 150px;
  height: 150px;
  text-align: center;
}

@media only screen and (max-width: 640px) {
  .commenters .photo {
    width: 100%;
    height: auto;
  }
}

@media only screen and (min-width: 641px) {
  .commenters .detail {
    letter-spacing: -.7px;
  }
}

.side .news {
  border-top: none;
  background-color: #fff;
}

@media only screen and (min-width: 641px) {
  .side .news {
    margin-bottom: 28px;
  }
}

@media only screen and (max-width: 640px) {
  .side .news {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.side .news h2 {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  padding: 12px 11px;
  background: -moz-linear-gradient(left, #707070, #707070 45%, #fff);
  background: -webkit-linear-gradient(left, #707070, #707070 45%, #fff);
  background: linear-gradient(to right, #707070, #707070 45%, #fff);
  border-top: 4px solid #0c93fe;
  border-bottom: 1px solid #f5f5f5;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
}

.side .news ul {
  width: 100%;
}

.side .news li {
  display: block;
  font-size: 15px;
  padding: 15px;
  border-bottom: 1px solid #f5f5f5;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
}

@media only screen and (max-width: 640px) {
  .side .news li {
    font-size: 14px;
  }
}


.side .news li:first-of-type {
  border-top: none;
}

.side .news li .news-date {
  font-size: 13px;
  display: block;
}

.side .news li a {
  color: #168fff;
  font-weight: 600;
}

@media only screen and (min-width: 641px) {
  .side .news li a {
    text-decoration: none;
  }
  .side .news li a:hover {
    color: #FFAE00;
    text-decoration: underline;
  }
}

.movies li {
  margin-top: 20px;
  text-align: center;
}

.movies li a {
  display: block;
}

.movies li p {
  text-align: center;
  font-size: 16px;
}

.movies li img {
  max-width: 100%;
}

article.live p {
  font-size: 14px;
  margin-top: 15px;
}

article.live .message {
  border: 3px solid #d7d7d7;
  border-radius: 5px;
  padding: 20px;
  margin-top: 20px;
}

@media only screen and (max-width: 640px) {
  article.live .message {
    padding: 10px;
  }
}

article.live .message h3 {
  text-align: center;
}

article.live .message .movie-container {
  margin-top: 20px;
  padding: 0 50px;
}

@media only screen and (max-width: 640px) {
  article.live .message .movie-container {
    padding: 0;
    margin-top: 10px;
  }
}

article.live .message .movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

article.live .message .movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.title-border {
  color: #01437d;
  border-bottom: 1px solid #01437d;
  font-weight: bold;
  text-align: center;
  padding-bottom: 3px;
  font-size: 17px;
}

.modal {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal .image {
  width: 800px;
  margin: 0 auto;
}

@media only screen and (max-width: 640px) {
  .modal .image {
    width: 95%;
  }
}

.modal .image img {
  width: 100%;
}

.modal .close {
  text-align: right;
  padding: 10px 0;
}

.modal .close a {
  color: #000;
  font-size: 13px;
  background-color: #fff;
  border-radius: 5px;
  padding: 5px 10px;
  display: inline-block;
  text-decoration: none;
}

.movies {
  margin-left: -10px;
}

@media only screen and (max-width: 640px) {
  .movies {
    margin-left: -5px;
  }
}

.movies > div {
  display: inline-block;
  vertical-align: top;
  margin-top: 30px;
  margin-left: 10px;
}

@media only screen and (max-width: 640px) {
  .movies > div {
    width: 47%;
    margin-top: 10px;
    margin-left: 5px;
  }
}

@media only screen and (max-width: 640px) {
  .movies img {
    width: 100%;
  }
}

.movies p {
  text-align: left;
  font-size: 12px;
  margin-bottom: 5px;
}

@media only screen and (max-width: 640px) {
  .movies p {
    font-size: 11px;
  }
}

.movies p:last-child {
  text-align: right;
  margin-top: 5px;
}

.movies a:hover {
  opacity: 0.8;
}

/*
utils
--------------*/
@media only screen and (max-width: 640px) {
  .pc {
    display: none !important;
  }
}

@media only screen and (min-width: 641px) {
  .sp {
    display: none !important;
  }
}

.align-right {
  text-align: right !important;
}

.align-center {
  text-align: center !important;
}

.cf::after {
  content: "";
  display: table;
  clear: both;
}

.mt-l {
  margin-top: 30px !important;
}

@media only screen and (max-width: 640px) {
  .mt-l {
    margin-top: 15px !important;
  }
}

.mt-m {
  margin-top: 20px !important;
}

@media only screen and (max-width: 640px) {
  .mt-m {
    margin-top: 10px !important;
  }
}

.mt-s {
  margin-top: 10px !important;
}

@media only screen and (max-width: 640px) {
  .mt-s {
    margin-top: 5px !important;
  }
}

.mt-0 {
  margin-top: 0 !important;
}

.fs-s {
  font-size: 12px;
}

.fs-m {
  font-size: 13px;
}

.mw-100 {
  max-width: 100%;
}

.top-photos-container {
  margin-top: 20px;
}

.top-photos {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.top-photos > div {
  margin-top: 30px;
  width: 47%;
}
@media only screen and (max-width: 640px) {
  .top-photos > div {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .top-photos img {
    max-width: 100%;
  }
}
.top-photos p {
  text-align: right;
  font-size: 12px;
  margin-top: 5px;
}
@media only screen and (max-width: 640px) {
  .top-photos p {
    font-size: 11px;
  }
}

#lsc{
	width:608px;
	margin-bottom: 28px;
	}
@media only screen and (max-width: 640px) {
	#lsc{
	width:100%;
	margin-bottom: 20px;
	}
}