/*
 * *
 * * Blog Article
 */
.c-blog-article__view-all-button {
  display: flex;
  justify-content: flex-end;
}


.c-blog-article__view-all-button-link {
  padding: 7px;
  background: black;
  color: white;
}


.c-blog-article-page {
  margin-bottom: 40px;
}


.c-blog__article-excerpt img {
  max-width: 100%;
  max-height: 100%;
  widht: auto !important;
  height: auto !important;
}


.c-blog-article__article-thumb {
  display: none;
}


.c-blog-article__date {
  margin-bottom: 5px;
  opacity: 0.7;
  text-align: right;
}


.c-blog-article__contents {
  margin-bottom: 10px;
  word-break: normal;
}


.c-blog-article-add-comment__wrapper .c-error-page__message-error {
  margin-bottom: 10px;
  text-align: center;
  color: #ed1c2e;
}


.c-blog-article-add-comment__wrapper {
  border-top: 1px solid #e9ebee;
  padding: 0 5px;
}


.c-blog-article-add-comment__title {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 20px;
}


.c-blog-article-add-comment__input-wrapper {
  margin-bottom: 5px;
}


.c-blog-article-add-comment__input {
  width: 100%;
  max-width: 100%;
  padding: 7px;
}


.c-blog-article-add-comment__name-label {
  display: flex;
  width: 100%;
}


.c-blog-article-add-comment__name-input {
  width: 20%;
  padding: 7px;
}


.c-blog-article-add-comment__name-wrapper {
  margin-bottom: 5px;
}


.c-blog-article-add-comment__send-button {
  text-align: right;
  margin-bottom: 20px;
}


.c-blog-article-add-comment__send-button-submit {
  border: none;
  background: black;
  padding: 10px;
  cursor: pointer;
  color: white;
}


.c-blog-article-add-comment__options {
  display: none;
}


.c-blog-article-comment__list {
  padding-bottom: 20px;
  border-bottom: 1px solid #e9ebee;
  margin-bottom: 20px;
  font-weight: 700;
}


.c-blog-article-comment__info {
  display: flex;
  margin-bottom: 5px;
}


.c-blog-article-comment__commentator-name::after {
  content: "-";
  margin: 0 5px;
}


.c-blog-article-comment__content {
  display: flex;
  margin-bottom: 15px;
  white-space: pre-line;
}


.c-blog-article-comment__reply-button {
  color: black;
  text-decoration: underline;
}

.c-blog-article-comment__reply-button:hover {
  text-decoration: none;
}


.c-blog-article__pager-wrapper {
  display: flex;
  justify-content: flex-end;
}


.c-blog-article-add-comment__replay-comment {
  margin-top: 20px;
}


@media only screen and (max-width: 1110px) {
  .c-blog-article-add-comment__name-input {
  width: 100%;
}


.c-blog-article-add-comment__send-button-submit {
  width: 100%;
  margin-top: 10px;
}
}