@charset "UTF-8";
/*
    Theme Name: maneki-neko-ppc 
    Description: TakamiTooL maneki-nekoシリーズ(アフィリエイトサイト向け)は2018PPC仕様テーマで簡単に作成運用することが出来ます。スマートフォン対応のレスポンシブテンプレートです。Maneki-neko-PPC support on <a href="http://takamitool.jp/">TakamiTooL</a>.
    Theme URI: http://takami-wp.com/
    Author: Mynetwork
    Author URI: http://mynetwork.jp/
    Version: 2.5.1
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: blog, one-column, two-columns, right-sidebar,left-sidebar,ppc
    Text Domain: maneki-neko
*/
/* 関連記事セクション全体のスタイル */
.related-posts {
  background-color: #f9f9f9;
  padding: 20px;
  margin-top: 40px;
  border-left: 5px solid #0073aa;
  font-family: 'メイリオ', 'ヒラギノ角ゴ ProN', sans-serif;
  line-height: 1.8;
}

/* 見出しのスタイル */
.related-posts h3 {
  font-size: 1.4em;
  margin-bottom: 15px;
  color: #333;
  font-weight: bold;
  border-bottom: 2px solid #0073aa;
  padding-bottom: 5px;
}

/* リンクリストのスタイル */
.related-posts ul {
  list-style: none;
  padding-left: 0;
}

.related-posts ul li {
  margin-bottom: 10px;
  padding: 8px;
  background-color: #ffffff;
  border: 1px solid #ddd;
  transition: background-color 0.3s ease;
}

.related-posts ul li:hover {
  background-color: #eef6ff;
}

/* リンクのスタイル */
.related-posts ul li a {
  text-decoration: none;
  color: #0073aa;
  font-weight: bold;
  font-size: 1em;
}

/* スマホ対応 */
@media screen and (max-width: 768px) {
  .related-posts {
    padding: 15px;
  }

  .related-posts h3 {
    font-size: 1.2em;
  }

  .related-posts ul li {
    font-size: 0.95em;
  }
}