@charset "utf-8";
.bs-ticker { position: static; float: left; width: 100%; margin-top: 4rem; padding: 0.5rem 0rem; }
.bs-slider { position: static; float: left; width: 100%; margin-top: 0.5rem; }
#top-articles .sp-slides-container {
  background-color: #f3f3f3;
}
#top-articles .sp-thumbnail {
  width: 100%;
  padding: 8px;
  background-color: #F0F0F0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#top-articles .sp-thumbnail-title {
  margin-bottom: 5px;
  color: #333;
	overflow:hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
#top-articles .sp-thumbnail-description {
  font-size: 0.875rem;
  color: #333;
}
@media (max-width: 860px) {
  #top-articles .hide-medium-screen {
    display: none;
  }
}
@media (max-width: 640px) {
  #top-articles .sp-layer {
    font-size: 0.75rem;
  }
  #top-articles .hide-small-screen {
    display: none;
  }
}
@media (max-width: 500px) {
  #top-articles .sp-thumbnail {
    text-align: center;
  }
  #top-articles .sp-thumbnail-title {
    font-size: 0.75rem;
  }
  #top-articles .sp-thumbnail-description {
    display: none;
  }
}

.sp-articles-section {position:static;float:left;width:100%;margin-top:1rem;}
.sp-articles-section > ul {margin:0;padding:0;position:static;float:left;width:100%;list-style-type:none;}
.sp-article-box {position:static;float:left;width:calc(33.333% - 2px - 1rem);margin-right:1.5rem;margin-top:1.0rem;margin-bottom:1.0rem;border:1px solid #ccc;padding:0.5rem;}
.sp-article-box > a {color:unset;}
.sp-article-box:nth-child(3n) {margin-right:0%;}
.article-image {position:static;float:left;width:100%;height:25vh;background-position:center;background-repeat:no-repeat;background-size:cover;}
.article-title {position:static;float:left;width:100%;margin-top:0.5rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:1.1rem;font-weight:600;background-color:#eee;}
.article-text {position:static;float:left;width:100%;margin-top:0.5rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.article-tags {position:static;float:left;width:100%;margin-top:1.0rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;}
.article-tags > a {color:unset;}
@media (max-width: 500px) {
	.sp-article-box {width:100%;margin-right:0%;}
}

.container {position:relative;width:100%;}

.article {position:relative;width:100%;}
.article div {position:relative;width:100%;}
.article .title {font-size:2.25rem;padding:8.0rem 3rem 2.0rem 3rem;text-align:center;}
.article .subtitle {font-size:1.1rem;margin-left:1rem;padding:1.0rem 1rem;width:calc(100% - 2rem);text-align:center;}
.article .summary {font-size:1.0rem;padding:1.0rem 1.0rem;background-color:#eee;border:1px solid #ddd;}
.article .title-image {padding:1.0rem 0rem;text-align:center;}
.article .title-image img {max-width:100%;}
.article .title-image .image-source {font-size:0.8rem;}
.article .contents {padding:1.0rem 0rem 0rem 0rem;margin-bottom:1rem;border-top:1px solid #eee;border-bottom:1px solid #eee;line-height:1.7;}
.article .published {padding:0.0rem 0rem 1.0rem 0rem;text-align:right;}
.article .tags {padding:0rem 0rem 1.0rem 0rem;font-weight:500;}