@charset "UTF-8";
.cmshtml {
  /* CSS Document */
  /* title-icon */
  /* header */
  /*contents-blog*/
  /* 最新記事一覧 */
  /* 検索 */
  /* 月別アーカイブ */
  /* カテゴリー */
  /* タグ */
  /* ブログフレーム一覧 */
}

.cmshtml .title-icon {
  position: relative;
}

.cmshtml .title-icon .title-icon-img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50px;
  max-width: 50px;
  height: 50px;
  margin-top: -5px;
}

.cmshtml .title-icon .rdplanetitle h4 {
  padding-left: 65px;
}

.cmshtml .title-icon .rdplanetitle h4::before {
  display: none;
}

.cmshtml .header .box-in {
  justify-content: flex-end;
}

.cmshtml .header-left {
  position: fixed;
  left: 0px;
  top: 60px;
  width: 180px;
  max-width: 180px;
  z-index: 99;
}

.cmshtml .header-left .h-logo01 {
  display: block;
  position: relative;
}

.cmshtml .header-left .h-logo02 {
  display: none;
}

.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 .box01 {
  width: 100%;
  max-width: 860px;
}

.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(96, 56, 19, 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: #f7931e;
  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: #ee7700;
  color: #FFF;
  padding: 4px 10px;
  display: inline-block;
  margin-bottom: 5px;
}

.cmshtml .rdMonthlyArchive .rdMonthlyArchive-item:before {
  width: 12px;
  height: 12px;
  border: 1px solid #ee7700;
}

.cmshtml .rdCategorylist .rdCategorylist-link:after {
  border-color: transparent transparent transparent #ee7700;
}

.cmshtml .rdpublishDate {
  font-size: 14px;
  color: #f7931e;
  margin-bottom: 10px;
  padding: 5px 10px 0px;
}

.cmshtml .rdListShort .rdListItem .ItemrdListTagListItem {
  border: 1px solid #ee7700;
  background: #ee7700;
  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: #ee7700;
}

.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 #ee7700;
}

.cmshtml .rdMonthlyArchive .rdMonthlyArchive-item:before {
  border: 2px solid #ee7700;
}

.cmshtml .rdCategorylist .rdCategorylist-link:after {
  border-color: transparent transparent transparent #ee7700;
}

.cmshtml .rdCategorylist .rdCategorylist-link:hover {
  background: #f2f2f2;
  color: #f7931e;
}

.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: #ee7700;
  color: #fff;
}

.cmshtml .rdpublishDate {
  font-size: 16px;
  color: #FFF;
  margin-bottom: 10px;
  padding: 10px 20px;
  background-color: #f7931e;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}

.cmshtml .rdListShort .rdListItem .rdListCategoryItem {
  background: #c7b299;
}

.cmshtml .rdListShort .rdListItem .ItemrdListTagListItem {
  border: 1px solid #f2f2f2;
  background: #f2f2f2;
}

.cmshtml .sp-view {
  display: none;
}

.cmshtml,
.cmsbody {
  height: 100%;
}


#editView .cmshtml .header-left {
     position: static;
}

#editView .cmshtml .header-left .h-logo02 {
   display: block;
}

#editView .cmshtml .sp-view {
    display: inline-block;
}