@charset "UTF-8";
.cmshtml {
  /* CSS Document */
  /*contents-blog*/
  /* 最新記事一覧 */
  /* 検索 */
  /* 月別アーカイブ */
  /* カテゴリー */
  /* タグ */
  /* ブログフレーム一覧 */
}

.cmshtml .contents-blog {
  width: 1200px;
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.cmshtml .contents-blog .blog-left {
  width: 880px;
  max-width: 880px;
}

.cmshtml .contents-blog .blog-left .rdplanetitle h3, .cmshtml .contents-blog .blog-left .rdplanetitle h4, .cmshtml .contents-blog .blog-left .rdplanetitle h5, .cmshtml .contents-blog .blog-left .rdplanetitle h6 {
  width: 100%;
}

.cmshtml .contents-blog .rdarticleTitle h3 {
  width: 100%;
}

.cmshtml .contents-blog .blog-right {
  width: 264px;
  max-width: 264px;
  padding: 15px 12px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  background-color: #FFF;
}

.cmshtml .contents-blog .blog-right > div {
  background-color: #FFF;
  margin-top: 20px;
}

.cmshtml .contents-blog .blog-right > div:nth-child(1), .cmshtml .contents-blog .blog-right div.rdblock {
  margin-top: 0px;
}

.cmshtml .contents-blog .blog-right h4.bt {
  background-color: var(--color-sub);
  padding: 10px;
  text-align: center;
  font-size: 16px;
  color: #FFF;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-weight: 500;
  margin-bottom: 10px;
}

.cmshtml .contents-blog .blog-right a {
  color: #4d4d4d;
  font-weight: 400;
  line-height: 1.4;
}

.cmshtml .rdnewArticle .rdnewArticle-ContDate {
  background-color: var(--color-main);
  color: #FFF;
  padding: 4px 10px;
  display: inline-block;
  margin-bottom: 5px;
}

.cmshtml .rdMonthlyArchive .rdMonthlyArchive-item:before {
  width: 12px;
  height: 12px;
  border: 1px solid #642b68;
}

.cmshtml .rdCategorylist .rdCategorylist-link:after {
  border-color: transparent transparent transparent #642b68;
}

.cmshtml .rdpublishDate {
  font-size: 14px;
  color: var(--color-sub);
  margin-bottom: 10px;
  padding: 5px 10px 0px;
}

.cmshtml .rdListShort .rdListItem .ItemrdListTagListItem {
  border: 1px solid #642b68;
  background: var(--color-main);
  font-weight: 500;
}

.cmshtml .rdListShort .rdListItem .rdListExcerpt {
  line-height: 1.6;
  letter-spacing: 0.05em;
}

.cmshtml .rdListResult .rdReadMore, .cmshtml .rdListPageResult .rdReadMore, .cmshtml .rdReadMore, .cmshtml .rdListExcerpt .rdReadMore {
  font-weight: 500;
  text-decoration: underline;
  color: var(--color-main);
}

.cmshtml .rdBlogSearch .rdBlogSearch-btn {
  background: url('data:image/svg+xml;charset=UTF-8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23ffffff" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg>') no-repeat center center #642b68;
}

.cmshtml .rdMonthlyArchive .rdMonthlyArchive-item:before {
  border: 2px solid #642b68;
}

.cmshtml .rdCategorylist .rdCategorylist-link:after {
  border-color: transparent transparent transparent #642b68;
}

.cmshtml .rdCategorylist .rdCategorylist-link:hover {
  background: #f2f2f2;
  color: var(--color-sub);
}

.cmshtml .rdTaglist .rdTaglist-link {
  background: #f2f2f2;
}

.cmshtml .rdTaglist .rdTaglist-link:after,
.cmshtml .rdTaglist .rdTaglist-link:before {
  content: '';
  background: #f2f2f2;
}

.cmshtml .rdTaglist .rdTaglist-link:hover,
.cmshtml .rdTaglist .rdTaglist-link:hover:after,
.cmshtml .rdTaglist .rdTaglist-link:hover:before {
  background: var(--color-main);
  color: #fff;
}

.cmshtml .rdpublishDate {
  font-size: 16px;
  color: #FFF;
  margin-bottom: 10px;
  padding: 10px 20px;
  background-color: var(--color-sub);
  font-family: var(--number-font2);
  font-weight: 500;
}

.cmshtml .rdListShort .rdListItem .rdListCategoryItem {
  background: var(--color-sub2);
}

.cmshtml .rdListShort .rdListItem .ItemrdListTagListItem {
  border: 1px solid #f2f2f2;
  background: #f2f2f2;
}

.cmshtml .sp-view {
  display: none;
}

.cmshtml, .cmsbody {
  height: 100%;
}

#editView .cmshtml .sp-view {
    display: inline-block;
}