/*
外観→CSS編集のカスタムCSSをとりあえず移植。

*/
/*
custmized-php;
 - theme-header (header.php)
   (anti pagenation-dupulicate)
*/
/* @import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(//fonts.googleapis.com/css?family=Open+Sans);
*/
body, body * {
  /* font-family: "DIN Alternate Bold", "Noto Regular", "Noto Bold", "Open Sans Regular", "Open Sans Bold", Roboto, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "MS P Gothic", "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif; */
  font-family:  "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "MS P Gothic", "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*font-size: 14px;*/
  line-height: 21px;
  color: #3f3f3f;
}

h3 {
  line-height: 30px;
}
h4 {
  line-height: 24px;
}

/* AdSense Auto Ads */
.google-auto-placed.ap_container {
  margin: 30px 0;
}

/* baby-link custom */
i.fa.itoito-shopping {
  padding: 5px 10px 0 0;
  color: #f08804;
}
.babylink-box {
  margin: 5px 0 15px;
  padding: 10px 0 0 0;
  font-size: small;zoom: 1;
  text-align: left;
  overflow: hidden;
}
.babylink-box > .babylink-image {
  float: left;
  width: 75px;
  height: 75px;
  margin: 0 15px 5px 0;
  text-align: center;
}
.babylink-box > .babylink-image > a > img {
  width: 100%;
  border-top: medium none;
  border-right: medium none;
  border-bottom: medium none;
  border-left: medium none;
}
.babylink-box > .babylink-info {
  overflow: hidden;
  line-height: 120%;
  zoom: 1;
}
.babylink-box > .babylink-info > .babylink-title {
  margin-bottom: 2px;
  line-height: 120%;
  padding-top: 0px;
}
.babylink-box > .babylink-info > .babylink-title > a {
  color: #4db2ec;
  font-size: 15px;
  font-weight: bold;
  text-decoration: underline !important;
}
.babylink-box > .babylink-info > .babylink-manufacturer,
.babylink-box > .babylink-info > .babylink-description {
  margin-bottom: 5px;
}
.babylink-box > .babylink-info > .babylink-description {
  font-size: 14px;
}
.babylink-box > .booklink-footer {
  clear: left
}


/* Newsmag */
.td_block_14 .block-title {
  z-index: 3;
}

.btn_show_category a {
  padding: 15px 10px !important;
  font-size: 15px !important;
  font-weight: bold;
}

.btn_show_category a i {
  margin-top: 6px;
}

.wpb_text_column > .wpb_wrapper a {
  color: #4db2ec !important;
  text-decoration: underline !important;
}
.wpb_text_column > .wpb_wrapper a > strong {
  color: #4db2ec !important;
}

.w_table {
  display: table;
}

.w_table > .w_table_row {
  display: table-row;
}

.w_table > .w_table_row:last-child > .w_table_cell {
  border-bottom: solid 1px #ccc;
}

.w_table_header {
  display: table-caption;
  padding: 5px 15px;
  background-color: #d8d8d8;
  line-height: 18px;
}

.w_table_header span {
  font-weight: bold;
}

.w_table > .w_table_row > .w_table_cell {
  display: table-cell;
  padding: 5px 10px;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  line-height: 18px;
  vertical-align: middle;
}

.w_table > .w_table_row > .w_table_cell:last-child {
  border-right: solid 1px #ccc;
}

/* ユーティリティ */
.u_mgn_t20 {
  margin-top: 20px;
}

.u_mgn_b20 {
  margin-bottom: 20px;
}

.u_mgn_tb20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.u_mgn_L20 {
  margin-left: 20px;
}

.u_ta_left {
  text-align: left;
}

.u_ta_right {
  text-align: right;
}

.u_ta_center {
  text-align: center;
}

.u_fntsz_10 {
  font-size: 10px;
}

.u_fntsz_12 {
  font-size: 12px;
}

.u_fntsz_14 {
  font-size: 14px;
}

.u_fntsz_16 {
  font-size: 16px;
}

.u_fntsz_18 {
  font-size: 18px;
}

.u_fntsz_20 {
  font-size: 20px;
}

/* ************ */
/* 基本エレメント系 */
/* パンくずリスト */
.entry-crumbs {
  display: none;
}

.wpb_content_element {
  padding: 0 9px 10px 10px;
}

.vc_column_container>.vc_column-inner {
  padding-left: 0;
  padding-right: 0;
}

/* ブロックタイトル */
.td_block_1 .block-title, .td_block_2 .block-title, .td_block_3 .block-title, .td_block_4 .block-title, .td_block_5 .block-title, .td_block_6 .block-title, .td_block_7 .block-title, .td_block_8 .block-title, .td_block_9 .block-title, .td_block_10 .block-title, .td_block_11 .block-title, .td_block_12 .block-title, .td_block_16 .block-title, .td_top_authors .block-title, .td_block_text_with_title .block-title {
  margin: 0 10px 10px;
}

/* 固定ページ：先頭のblock13:「おすすめ記事」の記事抜粋部分 */
.toppage_recommend_post .td_module_14 .td-excerpt {
  padding: 0 20px 0px 20px;
}

/* 固定ページ：最新記事の１個目、記事抜粋部分 */
.td-excerpt,.td-module-excerpt {
  max-height: 90px;
  overflow-y: hidden;
  overflow-x: hidden;
  font-size: 16px;
  color: #999;
}

/* 記事のカテゴリ */
.td-category {
  margin: 10px 0;
  font-size: 15px;
}

.td-category a {
  padding: 5px 7px 4px;
  display: inline-block;
}
/* 記事のキャッチアイ画像やポップアップモーダル */
.td-modal-image img {
  margin-left: -1%;
}

/* 記事のサブタイトル */
.td-post-sub-title {
  font-size: 20px;
  font-style: normal;
  color: #007cc3;
  letter-spacing: 1px;
  line-height: 26px;
}

/* 投稿 */
.td-post-content {
  padding: 10px 0 10px 10px !important;
}

/* 投稿内のテキストなど */
.td-post-content p, .mce-content-body p, .comment-content p {
  font-size: 16px;
  line-height: 26px;
}

/* POST STYLE*のアイキャッチ画像周りにスマホで679pxといった固定幅が付くため修正 */
[class^="td-post-template-"] .td-post-featured-image:after,
[class*=" td-post-template-"] .td-post-featured-image:after {
  width: 100%;
}

/* 投稿中のnextpageで生成される空要素の定義 */
.vc_row.m_row_next_page,
.vc_row.m_row_next_page+.wpb_column,
.vc_row.m_row_next_page+.wpb_column+.wpb_text_column {
  display: none;
}

/* 投稿中のnextpageで生成されるページネーションUI */
.page-nav {
  position: relative;
}

.page-nav::before {
  position: absolute;
  content: "【この記事には他のページがあります】";
  top: -25px;
  left: 20px;
  color: #007ff3;
  font-weight: bold;
}

.page-nav:first-child > div, .page-nav a, .page-nav span {
  min-width: 40px;
}

.td-pb-padding-side {
  padding: 20px;
}

.td-pb-row [class*="td-pb-span"] {
  border-left: none;
}

/* 色付きメッセージボックス内のアイコン */
.vc_message_box-icon {
  width: 3em;
}

/* 色付きメッセージボックス内の見出し H4 */
.vc_message_box h4 {
  font-size: 19px;
  line-height: 23px;
  margin-top: 0;
  margin-bottom: 0;
}

/* PC表示時、グリッドのカラム内に不要な縦線が入るのを消去 */
.td-pb-row .wpb_column:before {
  background-color: #fff;
}

.td-pb-row .td-pb-span4:nth-of-type(3):after {
  background: none;
}

.td-pb-row .td-pb-span4:nth-last-of-type(3):after {
  background-color: #fff;
}

/*　ブロックタイトルの文字列（HOMEの「最新記事３選など」）　*/
.block-title > a, .block-title > span {
  font-size: 16px;
  padding: 5px 20px;
}

/* 各投稿の関連記事、同じ著者から */
.td_block_related_posts .td-related-title {
  margin: 22px 0 14px 20px;
  font-size: 14px;
}

.td_block_related_posts .td-related-title .td-related-right {
  border-radius: 3px;
}

.td_block_related_posts .td-related-title .td-related-right {
  display: none;
}

.meta-info {
  margin-bottom: 0;
}

/* BigGridの各カラム背景の黒グラデ */
.td-grid-style-2 .td-module-thumb a:last-child:before {
  background: rgba(0,0,0,0);
  background: -moz-linear-gradient(top,rgba(0,0,0,0) 90%,#000000 100%);
  background: -webkit-gradient(left top,left bottom,color-stop(90%,rgba(0,0,0,0)),color-stop(100%,#000000));
  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 90%,#000000 100%);
  background: -o-linear-gradient(top,rgba(0,0,0,0) 90%,#000000 100%);
  background: -ms-linear-gradient(top,rgba(0,0,0,0) 90%,#000000 100%);
  background: linear-gradient(to bottom,rgba(0,0,0,0) 90%,#000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000',GradientType=0);
}

.td_module_mx1 .td-module-thumb a:last-child:before {
  background: -moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.7) 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.7)));
  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.7) 100%);
  background: -o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.7) 100%);
  background: -ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.7) 100%);
  background: linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#b3000000',GradientType=0);
}

/* 前の記事、次の記事 */
.td-post-next-prev-content span {
  display: block;
  font-size: 20px;
  color: #18a7c1;
  font-weight: 600;
  margin: 35px 0 10px;
}

/* タグ */
.td-tags {
  font-size: 15px;
}

.td-tags li {
  height: 30px;
}

.td-tags.td-post-small-box span {
  padding: 3px 5px;
}

.td-tags.td-post-small-box a {
  padding: 3px 10px;
}

.is_hidden {
  display: none !important;
}
@media (min-width: 768px) {
  .is_sp {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .is_pc {
    display: none !important;
  }
}


/* ============================================================ */
/* SP用 */
/* ============================================================ */
@media (max-width: 767px) {
  /* モバイルメニュー */
  #td-top-mobile-toggle i {
    position: relative;
    margin-top: -5px;
  }

  #td-top-mobile-toggle i::after {
    position: absolute;
    content: "MENU";
    top: 20px;
    left: 12px;
    font-size: 10px;
    font-style: normal;
  }

  /* 今話題(の記事)のカテゴリ */
  .td-trending-now-title {
    font-size: 16px;
    line-height: 30px;
  }

  .td-trending-now-display-area .entry-title {
    font-size: 14px;
  }

  /* HOMEの備災FUNタイトル＆リンク用バナー */
  .is_only_sp.home_service_title_banner {
    padding: 5px 0 0;
  }

  /*　ブロックタイトル（HOMEの「最新記事３選など」）　*/
  .td_block_14 .block-title {
    margin: 15px 0 15px 15px;
  }

  .td-grid-style-2 .td-big-thumb .entry-title {
    font-size: 16px !important;
    line-height: 22px !important;
    margin-bottom: 0;
  }

  .td-grid-style-2 .td-tiny-thumb .entry-title {
    font-size: 11px !important;
  }

  /* footerの下端領域 */
  .td-footer-container .td-footer-info {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  /* 投稿内容のテンプレートに応じたタイトルのフォントサイズ */
  .td-post-template-3 header h1 {
    font-size: 30px !important;
  }

  .td-post-header {
    padding: 10px !important;
  }

  .td-post-content .wpb_row .wpb_content_element {
    padding: 5px 10px 5px 0;
  }

  /* 色付きメッセージボックス （テキストボックスの次要素） */
  .wpb_text_column + .vc_message_box {
    margin: 5px 10px 10px 0;
    padding: 1em 1em 1em 3em;
  }

  .td-post-content .wpb_row {
    left: 0;
  }

  /* テキストカラム */
  .td-post-content .wpb_row .wpb_content_element.wpb_text_column {
    padding: 5px 10px 15px 0;
  }

  .td-post-content .wpb_row .wpb_content_element.wpb_single_image {
    padding-bottom: 5px;
  }

  /* メッセージボックス */
  .vc_message_box {
    margin: 10px 10px 5px 0;
  }

  /* 投稿のカテゴリ名（HOMEでBlock6の左下に表示されてる） */
  .td-post-category {
    padding: 3px 10px;
    font-size: 10px;
  }

  .td-subcategory-header .td-category-siblings {
    height: 30px;
  }

  .td-subcategory-header .td-category {
    height: 30px;
    margin: 10px 0;
    font-size: 15px;
  }

  .td-subcategory-header .td-category li {
    display: inline-block;
    line-height: 15px;
    margin: 0 5px 3px 0;
  }

  .td-subcategory-header .td-category li a {
    font-size: 12px;
    margin-right: 0;
    line-height: 23px;
  }

  /* 関連記事全体 */
  .td_block_related_posts {
    margin-bottom: 50px;
  }

  /* 関連記事、同じ著者から */
  .td-related-title {
    display: table;
    margin: 22px 0 14px 10px !important;
  }

  /* 前の記事、次の記事のボタン */
  .td-next-prev-wrap {
    bottom: -45px !important;
    text-align: center;
  }

  .td-next-prev-wrap i {
    border: 1px solid #a9a9a9;
    font-size: 20px;
    padding: 4px 24px !important;
  }
}

/* ============================================================ */
/* PC用 */
/* ============================================================ */
@media (min-width: 768px) {
  /* HOMEの備災FUNタイトル＆リンク用バナー */
  .is_only_pc.home_title_bisaifun {
  }

  .u_mgn_tb20_pc {
    margin: 20px auto !important;
  }

  .td-post-content .wpb_row {
    left: 0;
    padding-top: 20px;
  }

  /* 色付きメッセージボックス （テキストボックスの次要素） */
  .wpb_wrapper > .wpb_text_column + .vc_message_box {
    margin: 0 10px 10px;
    padding: 1em 1em 1em 3em;
  }

  /* 色付きメッセージボックス */
  .wpb_wrapper > .vc_message_box {
  /*margin-left: 30px;*/
    margin: 0 10px 10px;
    padding: 1em 1em 1em 3em;
  }

  .td-post-content > .vc_row.wpb_row.td-pb-row {
    left: -10px;
  }

  .td-post-content > .vc_row.wpb_row.td-pb-row > .wpb_column.vc_column_container > .wpb_wrapper {
    margin-bottom: 30px;
  }

  /* 投稿のカテゴリ名（HOMEでBlock6の左下に表示されてる） */
  .td-post-category {
    padding: 7px 20px;
    font-size: 15px;
  }

  /* 前の記事、次の記事のボタン */
  .td-next-prev-wrap {
    bottom: -45px;
  }

  .td-next-prev-wrap i {
    border: 1px solid #a9a9a9;
    font-size: 20px;
    padding: 4px 16px !important;
  }

  /* 話題の記事 */
  .td-trending-now-wrapper {
    height: 25px;
  }

  .td-trending-now-wrapper > .td-trending-now-title,
                                .td-trending-now-wrapper > .td-trending-now-display-area {
    font-size: 16px;
    padding: 3px 15px;
  }

  .td-trending-now-wrapper > .td-trending-now-display-area .entry-title {
    font-size: 15px;
  }

  .td-trending-now-wrapper .td-next-prev-wrap a {
  }

  .td-trending-now-wrapper .td-next-prev-wrap a i {
    height: 25px;
    padding: 6px 20px 0 15px !important;
  }

  /* カテゴリで絞り込んだ際のカテゴリタグ表示（ブロックや画面上部） */
  .td-subcategory-header .td-category-siblings {
    margin: 0;
    height: 45px;
  }

  .td-subcategory-header .td-category {
    margin: 0;
    height: 45px;
    padding: 12px 0;
  }

  .td-subcategory-header .td-category a {
    padding: 3px 7px;
    line-height: 25px;
    font-size: 15px;
  }
}

/* ======================================================= */
/* 引用範囲 */
.td-page-content blockquote, .td-post-content blockquote, .mce-content-body blockquote, .comment-content blockquote　 {
  margin: 0 !important;
}

/* 引用範囲内のp */
.td-page-content blockquote p, .td-post-content blockquote p, .mce-content-body blockquote p, .comment-content blockquote p {
  text-align: left;
  font-size: 20px;
  line-height: 28px;
  color: #4db2ec;
}

/* 投稿内容のテンプレートに応じたタイトルのフォントサイズ */
.td-post-template-3 header h1 {
  font-size: 40px;
}

/* 投稿内容の段落のmargin調整 */
.td-post-content p, .mce-content-body p, .comment-content p {
  margin-bottom: 16px;
}

/* 参考情報 */
.b_quote_title {
  font-size: 12px;
  color: #737373;
}

/* 参考情報内のリンク */
.b_quote_title + cite > a {
  font-size: 12px;
  color: #0073aa;
}

/* フッターのe-mail欄 */
#td-outer-wrap > div > div.td-footer-container.td-container > div:nth-child(2) > div.td-pb-span12.td-footer-full > div > div.footer-text-wrap > .footer-email-wrap {
  display: none;
}