@charset "UTF-8";
/* DX/OMO CSS */
/*
概要：拡張指定　共有パーツの拡張を書く
呼び出し位置：[任意呼び出し]htmlファイル末尾</body>直前、main.cssのあとに呼び出し
*/

#main { overflow: hidden; }
.content-section.main-slide-content { width: 100%; max-width: 1024px; margin: 0 auto; }
.content-section.main-slide-content .content-article { max-width: 100%; padding-bottom: 0; }
.content-section.slide-content-section .content-article.wp-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 1024px;
}

.wp-content-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  max-width: 855px;
  margin: 0;
}
.wp-content-item { display: flex; width: 100%; margin-bottom: 30px; }
.slide-content-anchor { text-decoration: none; }

.wp-swiper-container .slide-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  border: none;
  background-color: rgba(255,255,255,.8);
}


.wp-swiper-container .slide-content-anchor { display: flex; flex-wrap: wrap; padding-top: 20px;
  flex-direction: column-reverse;
  min-height: 155px;
  justify-content: flex-end;
}
.wp-swiper-container .slide-content-anchor .site-name { margin-right: 6px; }
.content-section .content-article.wp-swiper-container .slide-content .slide-content-anchor p { font-size: 1.625rem; width: 100%; }
.slide-content-anchor .slide-tags .slide-tag {
  background: #fff;
  border-radius: 4px;
  font-size: 1rem;
  margin-right: 8px;
  padding: 4px 12px;
}
/*.slide-thumb img { width: auto; height: 500px; }*/




.content-section.wp-article-section .content-title { font-size: 1.25rem; }
.content-section.wp-article-section .wp-article-block { border: solid 1px #D2D1D1; margin-bottom: 30px; }
.content-section.wp-article-section .wp-article {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
.content-section.wp-article-section .wp-article-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
}
.content-section.wp-article-section .wp-article-item { display: flex; width: 100%; padding: 20px 20px 15px 30px; }
.content-section.wp-article-section .wp-article-caption { padding-right: 44px; }
.content-section.wp-article-section .article-anchor { text-decoration: none; }
.content-section.wp-article-section .article-ttl { font-size: 1.25rem; border-bottom: solid 1px #D2D1D1; margin-bottom: 13px; padding-bottom: 10px; }
.content-section.wp-article-section .article-excerpt { font-size: 1rem; margin-bottom: 10px; }
.content-section.wp-article-section .anchor-float { font-size: .875rem; font-weight: 600; }
.content-section.wp-article-section .anchor-float::after { content: none; }
.content-section.wp-article-section .anchor-float::before {
  content: "";
  display: inline-block;
  background-image: url('/common/images/icn-arrow-green-r.svg');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  margin-right: 10px;
}

.content-section.wp-article-section .wp-article-thumb {
  min-width: 170px;
  min-height: 170px;
  max-width: 170px;
  max-height: 170px;
}
.content-section.wp-article-section .article-thumb-anchor,
.content-section.wp-article-section .article-thumb-anchor img {
  display: block;
  width: 170px;
  height: 170px;
}
.content-section.wp-article-section .article-thumb-anchor img { height: 170px; width: 170px; margin: 0; }

.content-section.wp-article-section .article-thumb-anchor { position: relative; overflow: hidden; }
.content-section.wp-article-section .article-thumb-anchor img { position: absolute; width: auto; height: 100%; margin: 0 -50%; }

.content-section.wp-article-section .wp-article-block-aside { background-color: #F7F7F7; padding: 9px 22px 9px 30px; }
.content-section.wp-article-section .article-date-tags,
.content-section.wp-article-section .article-date { display: flex; align-items: center; }
.content-section.wp-article-section .article-date { margin-right: 30px; }
.article-date-item { font-size: .875rem; color: #868686; }
.content-section.wp-article-section .article-tag-list { display: flex; flex-wrap: wrap; align-items: center; }
.article-tag-item { font-size: .875rem; }
.content-section.wp-article-section .article-tag-item a {
  display: block;
  background-color: #fff;
  border-radius: 3px;
  color: #5d5d5d;
  margin-right: 8px;
  padding: 3px 10px;
  text-decoration: none;
}



#ajax_loading { margin: 0 auto 30px; }
.more_disp { text-align: center; }
.more_disp .basic-button { display: inline-block; width: 120px; height: 50px; }
.content-section.wp-article-section > :last-child { margin-bottom: 50px; }



.wp-sidebar-inner { width: 100%; max-width: 1024px; margin: 0 auto; }

.header-widget {
  background: rgb(0,167,87);
  background: -moz-linear-gradient(90deg, rgba(0,167,87,1) 0%, rgba(8,224,141,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(0,167,87,1) 0%, rgba(8,224,141,1) 100%);
  background: linear-gradient(90deg, rgba(0,167,87,1) 0%, rgba(8,224,141,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a757",endColorstr="#08e08d",GradientType=1);
  margin-bottom: 30px;
  padding: 10px 0;
}

.widget_search { background-color: #F7F7F7; min-width: 390px; }
.search-form { position: relative; }
.screen-reader-text { display: none; }
.screen-reader-text + input[type="search"] {
  background: #fff;
  border-radius: 4px;
  border: solid 1px #d2d1d1;
  width: 100%;
  padding: 6px 28px 6px 6px;
  font-size: .875rem;
  font-weight: 400;
}
.search-submit {
  display: block;
  position: absolute;
  top: 0;
  right: 8px;
  bottom: 0;
  background-color: rgba(0,0,0,0);
  background-image: url('../images/icn-search.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  border: none;
  color: rgba(0,0,0,0);
  width: 15px;
  height: 15px;
  margin: auto;
}

.side_title { font-size: 1rem; margin-bottom: 12px; text-align: center; }
.side_tag_item { display: inline-block; margin: 8px 3px; }
.side_tag_item a { text-decoration: none; background: #fff; border-radius: 4px; padding: 3px 12px; }


.footer-widget { margin-bottom: 70px; }
.footer-widget #widgetarea { display: flex; }
.footer-widget .side_title { text-align: left; font-weight: 600; margin-bottom: 15px; }
.footer-widget .widget_search { background-color: #F7F7F7; min-width: 390px; padding: 13px 20px; }
.footer-widget .widget_search .side_title { margin-bottom: 25px; }
.footer-widget .widget_taglist { padding: 13px 0 0 25px; }
.footer-widget .widget_taglist .side_title { padding: 0 5px; }
.footer-widget .side_tag_item { margin: 11px 5px; }
.footer-widget .side_tag_item a { border: solid 1px #D2D1D1; }

.footer-widget .screen-reader-text input[type="text"] { padding: 8px 28px 8px 8px; font-size: 1.125rem; }

@media screen and (max-width: 812px) {
  .content-section.slide-content-section .content-article.wp-content { flex-direction: column; max-width: 100%; }
  .wp-content-inner { width: 100%; flex-direction: column; max-width: 100%; }
  .wp-content-item { width: 96%; margin: 0 auto 30px; }
  .content-section.slide-content-section .content-title,
  .wp-sidebar-inner { width: 96%; margin: 0 auto; }
  .swiper-wrapper .slide-content { padding: 0 12px; }
  .content-section.wp-article-section .wp-article { width: 96%; }

  .content-section.main-slide-content .content-article { max-width: 100%; }
  .content-section.slide-content-section .content-title,
  .content-section.wp-article-section .content-title,
  .content-section .content-article .slide-content .slide-content-anchor p,
  .content-section .content-article.wp-swiper-container .slide-content .slide-content-anchor p { font-size: 1rem; }
  .slide-content-anchor .site-name,
  .wp-swiper-container .slide-content-anchor .site-name, .slide-content-anchor .slide-tags .slide-tag { font-size: .875rem; }
  .side_tag_item a { font-size: .75rem; }
  .screen-reader-text input[type="text"] { font-size: 1.125rem; }

  .content-section.wp-article-section .wp-article-item { padding: 0; flex-direction: column-reverse; }
  .content-section.wp-article-section .wp-article-caption { padding: 20px; }

  .content-section.wp-article-section .wp-article-thumb {
    position: static;
    min-width: inherit;
    min-height: inherit;
    max-width: inherit;
    max-height: inherit;
    overflow: initial;
  }
  .content-section.wp-article-section .article-thumb-anchor,
  .content-section.wp-article-section .article-thumb-anchor img { position: static; margin: 0; width: 100%; height: auto; vertical-align: bottom; }

  .footer-widget #widgetarea { flex-direction: column; }
  .footer-widget .widget_taglist { padding: 13px 0 0 0; }
  .footer-widget .widget_search { margin: 0 -10px; padding: 13px 15px; }
}


.content-section.archive-content-section { background-color: #f7f7f7; padding: 30px 0; }
.archive .content-article.wp-content { display: flex; justify-content: space-between; flex-wrap: wrap; }
.archive .archive-thumb { margin-right: 20px; min-width: 120px; }
.archive-datetime,
.archive-excerpt { font-size: .75rem; }
.archive-datetime { display: block; color: #868686; margin-top: -1px; }
.archive-title { font-size: 1rem; font-weight: 600; }
.content-section .content-article .archive-excerpt { margin: 0; }

.archive-thumb-anchor,
.archive-content-anchor { text-decoration: none; }
.archive .wp-content-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.15);
  width: 100%;
  padding: 20px;
}
.archive .archive-thumb { margin-right: 20px; }



@media screen and (max-width: 812px) {
  .archive .wp-content-item { flex-direction: column; }
  .archive .archive-thumb { min-width: 100%; margin-bottom: 10px; }
}







.body-top.dx_omo.single { background-color: #F7F7F7; }

.single .content-article.wp-content { display: block; background-color: #fff; box-shadow: 0 4px 8px rgba(0,0,0,.1); margin: 40px auto 100px; padding: 0; }
.article-content-section .wp-content-inner { max-width: 70%; margin: 0 auto; padding: 27px 0; }
.wp-content-header { width: 100%; margin-bottom: 35px; }

.content-body { width: 100%; }
.content-body figure { max-width: 100%; margin-bottom: 50px; }
.content-body figure figcaption { color: #868686; font-size: .75rem; padding: 8px 0; text-align: right; }

.content-datetime { font-size: 1rem; color: #5D5D5D; text-align: right; display: block; }
.content-meta-categorys { border-bottom: solid 2px #00AD5D; display: inline-block; }
.content-meta-categorys a { text-decoration: none; line-height: 2.2; font-size: .75rem; }
.content-section.article-content-section .content-title { font-size: 1.675rem; z-index: 5; }
.article-content-section .content-meta { margin-bottom: 15px; }

.sns-button { display: flex; align-items: center; }
.sns-button li { margin-right: 6px; }
.sns-button li, .sns-button li div { display: flex; align-items: center; }

.eyecatch-image, #ez-toc-container,
.content-section.article-content-section .content-article blockquote,
.content-section.article-content-section .content-article p { margin-bottom: 50px; }

#ez-toc-container .ez-toc-title { margin-bottom: 1.65rem; }
#ez-toc-container .ez-toc-list li { line-height: 1.8; }
#ez-toc-container .ez-toc-list li a { text-decoration: none; }
#ez-toc-container .ez-toc-list li a::before { content: "・"; }

.content-section.article-content-section .content-article h2 {
  border: solid #00AD5D;
  border-width: 3px 0;
  line-height: 2.8;
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 40px;
}
.content-section.article-content-section .content-article h2 span {
  display: block;
  padding-top: 140px;
  margin-top: -140px;
}
.content-section.article-content-section .content-article h3 {
  border-left: solid 2px #5D5D5D;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 2.2;
  margin-bottom: 15px;
  padding-left: 20px;
}
.content-section.article-content-section .content-article p img {
  width: 75%; display: block; margin: 0 auto;
}


.twitter-tweet { margin: 0 auto; padding: 0 0 35px; }
.content-section.article-content-section .content-article blockquote {
  background-color: #F7F7F7; padding: 32px; border-radius: 5px;
}

.recommend-card {
  display: flex;
  border: solid 1px #ccc;
  border-radius: 6px;
  margin-bottom: 30px;
  padding: 10px;
}
.recommend-thumb { min-width: 150px; max-width: 150px; margin-right: 15px; }
.recommend-card .recommend-content .recommend-content-anchor p { margin-bottom: 10px; }
.recommend-card a { text-decoration: none; }
.recommend-title { font-weight: 600; color: #333; }
.recommend-excerpt { font-size: .875rem; color: #333; }
.recommend-datetime { font-size: .75rem; color: #868686; }

.lists { margin-bottom: 30px; }
.lists .listhead {
  position: relative;
  background-color: #333;
  color: #fff;
  font-size: 1rem;
  margin-bottom: 25px;
  padding: 5px 10px;
}
.lists .listhead::after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 24px;
  border-style: solid;
  border-width: 9px 8px 0 8px;
  border-color: #333 transparent transparent transparent;
  line-height: 0px;
  _border-color: #333333 #000000 #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  width: 0;
  height: 0;
}

.lists .listbody { margin-bottom: 20px; }
.lists .listbody:last-of-type { margin-bottom: 0; }
.lists .listbody li { line-height: 1.8; }
.lists .listbody li::before { content: "・"; }



.wp-content-footer .sns-button { margin-bottom: 30px; }

.article-content-section .wp-content-footer .content-meta { display: flex; flex-wrap: wrap; background-color: #F7F7F7; margin-bottom: 30px; padding: 12px 30px; }
.content-meta-title { color: #868686; margin-right: 30px; }
.content-meta-tags a {
  background-color: #fff;
  border-radius: 4px;
  color: #5D5D5D;
  font-size: .875rem;
  margin-right: 8px;
  padding: 2px 10px;
  text-decoration: none;
}

.contact-banner {
  background-color: #00AD5D;
  display: block;
  padding: 50px;
  margin-bottom: 50px;
  text-decoration: none;
}
.contact-banner dl {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  line-height: 2;
  text-align: center;
}

.content-section.article-content-section .content-article p.relation-story-title,
.content-section.article-content-section .content-article p.related-content-title { margin-bottom: 15px; }
.content-section.article-content-section .content-article p.related-content-list-item-title { margin-bottom: 15px; font-size: .875rem; }

.related-content .related-content-list {
  display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 60px;
}
.related-content .related-content-list .related-content-list-item {
  width: 46.5%; display: flex; margin-bottom: 20px;
}
.related-content-list-item-datetime {
  color: #868686; font-size: .75rem; display: inline-block; margin-bottom: 5px;
}
.related-anchor { text-decoration: none; }
.related-anchor .related-content-list-item-inner {
  display: flex; align-items: flex-start;
}
.related-anchor .related-content-list-item-inner .related-content-list-item-thumb {
  margin-right: 12px; width: 100px; min-width: 100px;
}


.nxprv-anchor-list { display: flex; justify-content: space-between; }
.nxprv-anchor-list .nxprv-anchor-next,
.nxprv-anchor-list .nxprv-anchor-prev,
.nxprv-anchor-list .nxprv-anchor-next a,
.nxprv-anchor-list .nxprv-anchor-prev a {
  display: flex;
  justify-content: flex-start;
  font-size: .75rem;
  text-decoration: none;
}
.nxprv-anchor-next,
.nxprv-anchor-prev { width: 35%; }
.nxprv-anchor-next a,
.nxprv-anchor-prev a { width: 100%; }

.nxprv-anchor-prev a::before { background-image: url('/common/images/icn-arrow-green-l.svg'); margin-right: 10px; }
.nxprv-anchor-next a::after { background-image: url('/common/images/icn-arrow-green-r.svg'); margin-left: 10px; }
.nxprv-anchor-prev a::before,
.nxprv-anchor-next a::after {
  content: "";
  display: inline-block;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  min-width: 18px;
  height: 18px;
}




@media screen and (max-width: 812px) {
  .content-section.article-content-section { padding: 0 10px; }

  .recommend-card { flex-direction: column; }
  .recommend-thumb { margin-right: 0; }

  .contact-banner { padding: 20px 10px; }
  .content-meta-title { width: 100%; font-size: .875rem; margin-bottom: 6px; }
  .article-content-section .wp-content-footer .content-meta { padding: 10px 15px; }
  .article-content-section .content-title { padding: 0 0 40px; }
  .article-content-section .wp-content-inner { max-width: 90%; }
  .content-body { width: 100%; }
  .related-content .related-content-list .related-content-list-item { width: 100%; }
  .nxprv-anchor-next, .nxprv-anchor-prev { width: 45%; }
}




/* トェェェイ */