/*
Theme Name: seeed_tcd105-child
Theme URI:https://tcd-theme.com/tcd105/
Description:WordPressテーマ「seeed_tcd105」の自作子テーマです。
Template: seeed_tcd105
Author:Takashi Yoshioka
Author URI:https://tcd-theme.com/
Version:1.9.4
*/
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");

/* ヘッダーナビメニュー */
#header {
  top: 20px;
}
/*トップページヘッダータイプ文字の影*/
#header_slider_content > .content {
  font-size: 2.5em;
  text-shadow:0 0 5px #000000;
}
#header_slider_content > .content > .typewritter_animation .animate {
  text-shadow:0 0 5px #000000;
}
#index_achievements {
  text-shadow:0 0 2px #2b2b2b;
} 
#index_achievements .unit {
  margin-left: 8px;
}


/*記事用見出しデザイン*/
.news_headline1 {
  margin: 80px 0 25px 0;
  border-left: 8px solid #646464;
  border-bottom: 1px dotted #8f8f8f;
  line-height: 30px;
  font-size: 1.2em;
  padding: 0 0 0 20px !important;
}
/*記事用見出し h 調整*/
.post_content h3,
.post_content h4,
.post_content h5 {
  margin: 15px 0 !important;
}

/*記事用　まとめポイントブロック*/
.article_points {
  padding: 25px 12px 15px;
  border-radius: 5px;
  border: 2px solid #4682b4;
  position: relative;
}
.article_points::before {
  content: "注目ポイント";
  height: 25px;
  padding: 0px 10px;
  border-radius: 5px;
  font-weight: bold;
  color: #fff;
  background-color: #4682b4;
  position: absolute;
  top: -13px;
  left: 25px;
  color: #ffffff;
  box-sizing: border-box;
  line-height: 25px;
}
/*記事用　サプリおすすめの方ブロック*/
.recommend_peaple {
  padding: 25px 12px 15px;
  border-radius: 5px;
  border: 2px solid #4682b4;
  position: relative;
}
.recommend_peaple::before {
  content: "こんな方におすすめ";
  height: 25px;
  padding: 0px 10px;
  border-radius: 5px;
  font-weight: bold;
  color: #fff;
  background-color: #4682b4;
  position: absolute;
  top: -13px;
  left: 25px;
  color: #ffffff;
  box-sizing: border-box;
  line-height: 25px;
}


/* 記事内テーブル（ストライプ）の調整 */
.is-style-stripes > table {
  border: none !important;
}
/*記事の一覧画面のカテゴリー名背景色変更*/
.category_button {
  background-color: rgba(28, 171, 179, 0.80) !important;
  border-radius: 10px 10px 0 0 !important; 
}
.category_sort_button a {
  width: 100% !important;
}
.category_sort_button .item.active_menu a {
  background: rgba(28, 171, 179, 0.80) !important;
  border-color: rgba(28, 171, 179, 0.80) !important;
  color: #fff;
}
@media(hover: hover) {
  .category_sort_button a:hover {
    background: rgba(53, 196, 204, 0.8) !important;
  }
}
/*記事の更新日時非表示*/
.title_area > .meta > .update {
  display: none !important;
}
/* セールスポイント */
.sp_content_inner {
  width:100%;
  max-width: 1030px;
  margin: 0 auto !important;
}

/*スマホ用トップ調整*/
@media screen and (max-width: 800px) {
  #header {
    top: 0px;
  }  .cb_free_space:first-of-type {
    margin-top: -75px;
    padding-top: 120px;
  }
}

/* フッターエリアインフォ背景 */
#footer_button_area {
  background-color: rgba(255, 255, 255, 0.8);
}