@charset "utf-8";
/*===============
配色
メイン#002C7B
ホバー#EB1427
薄背景#F5F5F5
===============*/
/*---------------------------------------------------
blog contents
---------------------------------------------------*/
.cmshtml .blog_frame {
  background: #F5F5F5;
  padding: 30px 2%;
}
.cmshtml .module_blogwrapper {
  background: #fff;
  display: flex;
  align-items: flex-start;
  max-width: 1300px;
  margin: auto;
  padding: 20px;
}
.cmshtml #contents .module_blog {
  padding-right: 20px;
  margin: 0 !important;
  width: 70%;
}
.cmshtml .module_side {
  background: #F5F5F5;
  width: 30%;
  padding: 20px;
}
@media screen and (max-width: 1000px) {
  .cmshtml .module_blogwrapper {
    padding: 20px 10px;
    display: block;
  }
  .cmshtml #contents .module_blog {
    width: 100%;
    padding-right: 0;
    margin-bottom: 30px !important;
  }
  .cmshtml .module_side {
    width: 100%;
    max-width: 600px;
  }
}
@media screen and (max-width: 768px) {
  .cmshtml .module_blogwrapper {
    display: block;
  }
  .cmshtml #contents .module_blog {
    padding: 0;
  }
  .cmshtml .module_side {
    width: 100%;
    max-width: 100%;
    margin: 30px auto 0 !important;
  }
}
/*--------------------------------------------------
 blog block
--------------------------------------------------*/
.cmshtml #contents .rdRelatedArticles .rdRelatedArticles-taglist .rdRelatedArticles-taglink:after, .cmshtml #contents .rdRelatedArticles .rdRelatedArticles-taglist .rdRelatedArticles-taglink:before {
  height: 51%;
}
.cmshtml #contents .rdBlogSearch .rdBlogSearch-btn {
  background-color: #002C7B;
}
.cmshtml #contents .rdBlogSearch .rdBlogSearch-btn:hover {
  background-color: #EB1427;
}
.cmshtml #contents .rdCalendar .rdCalendarTable-link {
  background: #002C7B;
}
.cmshtml #contents .rdCalendar .rdCalendarTable-link:hover {
  background: #EB1427;
}
.cmshtml #contents .rdMonthlyArchive .rdMonthlyArchive-item:before {
  border: 2px solid #002C7B;
}
.cmshtml #contents .rdYearlyArchive-item .rdYearlyArchive-link {
  background: #002C7B;
  text-decoration: none;
  transition: all 0.3s;
  color: #fff;
}
.cmshtml #contents .rdYearlyArchive-item .rdYearlyArchive-link:hover {
  background: #EB1427;
  color: #fff;
}
.cmshtml #contents .rdCategorylist .rdCategorylist-link:after {
  border-color: transparent transparent transparent #002C7B;
}
.cmshtml #contents .rdCategorylist .rdCategorylist-link:hover {
  background: #fff;
  color: #002C7B;
}
.cmshtml #contents .rdTaglist .rdTaglist-link, .cmshtml #contents .rdTaglist .rdTaglist-link:after, .cmshtml #contents .rdTaglist .rdTaglist-link:before {
  background: #002C7B;
}
.cmshtml #contents .rdTaglist .rdTaglist-link:hover, .cmshtml #contents .rdTaglist .rdTaglist-link:hover:after, .cmshtml #contents .rdTaglist .rdTaglist-link:hover:before {
  background: #EB1427;
  color: #fff;
}
.cmshtml #contents .rdpagination .rdpagenationBeforeLink, .cmshtml #contents .rdpagination .rdpagenationAfterLink {
  text-decoration: none;
}
.cmshtml #contents .rdpagination .rdpagenationLinkActive, .cmshtml #contents .rdpagination .rdpagenationLink:hover {
  background: #002C7B;
  color: #fff;
}
.cmshtml #contents .rdpublishDate {
    margin-bottom: 0;
}
.cmshtml #contents .rdarticleTitle h3 {
  border: none;
  font-size: 1.2rem !important;
  border-bottom: 4px solid #002C7B;
  color: #002C7B;
  margin: 0;
  margin-bottom: 10px;
}
.cmshtml #contents .rdarticleTitle h3:before, .cmshtml #contents .rdarticleTitle h3:after {
  display: none;
}
.cmshtml #contents .rdListShort .rdListItem .ItemrdListTagListItem {
  border: 1px solid #002C7B;
  background: #002C7B;
  margin-bottom: 2px;
}
.cmshtml #contents .rdRelatedArticles .rdRelatedArticles-catlist .rdRelatedArticles-catlink {
  background: #F5F5F5;
  color: #002C7B;
}
.cmshtml #contents .rdRelatedArticles .rdRelatedArticles-catlist .rdRelatedArticles-catlink:hover {
  background: #002C7B;
  color: #fff;
}
.cmshtml #contents .rdRelatedArticles .rdRelatedArticles-taglist .rdRelatedArticles-taglink, .cmshtml #contents .rdRelatedArticles .rdRelatedArticles-taglist .rdRelatedArticles-taglink:after, .cmshtml #contents .rdRelatedArticles .rdRelatedArticles-taglist .rdRelatedArticles-taglink:before {
  background: #F5F5F5;
}
.cmshtml #contents .rdRelatedArticles .rdRelatedArticles-taglist .rdRelatedArticles-taglink:hover, .cmshtml #contents .rdRelatedArticles .rdRelatedArticles-taglist .rdRelatedArticles-taglink:hover:after, .cmshtml #contents .rdRelatedArticles .rdRelatedArticles-taglist .rdRelatedArticles-taglink:hover:before {
  background: #002C7B;
  color: #fff;
}
.cmshtml .rdnewArticle {
  background-color: #fff;
}
.cmshtml #contents .rdnewArticle-ContTitle a, .cmshtml #contents .rdMonthlyArchive .rdMonthlyArchive-item a, .cmshtml #contents .rdCategorylist .rdCategorylist-link, .cmshtml #contents .rdTaglist .rdTaglist-link, .cmshtml #contents .rdRelatedArticles .rdRelatedArticles-taglist .rdRelatedArticles-taglink {
  color: #002C7B;
  text-decoration: none;
}
.cmshtml #contents .rdTaglist .rdTaglist-link {
  color: #fff;
}
.cmshtml #contents .rdListMetaLink.rdListTagLink, .cmshtml #contents .rdListMetaLink.rdListCategoryLink, .cmshtml #contents .rdpagination .rdpagenationAfterLink, .cmshtml #contents .rdListExcerpt a, .cmshtml #contents .rdarticleTitleText a {
  text-decoration: none;
}
.cmshtml #contents .rdnewArticle-ContTitle a:hover, .cmshtml #contents .rdMonthlyArchive .rdMonthlyArchive-item a:hover, .cmshtml #contents .rdListMetaLink.rdListTagLink:hover, .cmshtml #contents .rdListMetaLink.rdListCategoryLink:hover, .cmshtml #contents .rdListExcerpt a:hover, .cmshtml #contents .rdarticleTitleText a:hover {
  text-decoration: underline;
}
.cmshtml #contents .rdTaglist .rdTaglist-link:hover {
  color: #fff;
}
.cmshtml #contents .rdRelatedArticles .rdRelatedArticles-item {
  width: calc(33% - 10px);
  border: 1px solid #ededed;
  margin: 0 5px 10px;
}
.cmshtml .rdListShort .rdListItem .rdListImageItemDummy:has(img) {
  display: block !important;
  border: none !important;
}
.cmshtml .rdListImage, .cmshtml .rdListImage.rdListImageEmpty:has(img) {
  height: 250px !important;
}
.cmshtml .rdListImage.rdListImageEmpty:has(img) {
  display: block !important;
}
.cmshtml .rdListImage * {
  height: 100% !important;
}
.cmshtml .rdListImageItemDummy img {
  width: 100% !important;
  height: auto !important;
}
.cmshtml .rdListImage img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
}
.cmshtml #contents .rdListImage.rdListImageEmpty {
  display: none;
}
.cmshtml #contents .rdRelatedArticles-imageWrapper {
  display: none;
}
.cmshtml #contents .rdListShort .rdListItem .rdListTitle {
  margin-top: 10px;
}
@media screen and (max-width: 680px) {
  .cmshtml #contents .rdRelatedArticles .rdRelatedArticles-item {
    width: calc(50% - 10px);
  }
}
.cmshtml .rdtoc .rdtocInner {
  padding: 1rem 1rem 1rem 1rem;
  display: block;
}
.cmshtml .rdtoclink a {
  color: #002C7B;
  text-decoration: none;
}
.cmshtml .rdtoclink a:hover {
  color: #002C7B;
  text-decoration: underline;
}
.cmshtml .rdtoc .rdtoclink li[class*="rdtoctag-h"] {
  position: relative;
  padding-left: 10px;
}
.cmshtml .rdtoc .rdtoclink li[class*="rdtoctag-h"]:before {
  background: #002C7B;
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  margin: auto;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}
.cmshtml .rdtoc .rdtoclink li[class*="rdtoctag-h2"] {
  padding-left: 0;
  font-weight: 600;
}
.cmshtml .rdtoc .rdtoclink li[class*="rdtoctag-h2"] a {
  color: #002C7B;
}
.cmshtml .rdtoc .rdtoclink li[class*="rdtoctag-h2"]:before {
  display: none;
}
.cmshtml .rdtoc .rdtoclink li[class*="rdtoctag-h3"] {
  padding-left: 15px;
}
.cmshtml .rdtoc .rdtoclink li[class*="rdtoctag-h3"]:before {
  width: 8px;
  height: 1px;
}
.cmshtml .rdtoc .rdtoclink li[class*="rdtoctag-h3"], .cmshtml .rdtoc .rdtoclink li[class*="rdtoctag-h4"], .cmshtml .rdtoc .rdtoclink li[class*="rdtoctag-h5"], .cmshtml .rdtoc .rdtoclink li[class*="rdtoctag-h6"] {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 15px;
}
@media screen and (max-width: 680px) {
  .cmshtml .rdtoc .rdtocInner {
    padding: 1rem 0.5rem;
    overflow: visible;
  }
}