@charset "UTF-8";

:root {
  /*キーカラー*/
  --key-color: #fb0907;

  /*H2の色*/
  --h2-bg-color: #060100;

  /*H3の色*/
  --h3-bg-color: #eceef7;
  --h3-border-color: #c0c9e6;

  /*H4の色*/
  --h4-text-color: #454664;

  /*SPメニューアクティブ時の色*/
  --pc-header-menu-bg: #fb0907;
  --pc-header-menu-border: #fb0907;
  --pc-header-menu-text: #fff;

  /*検索ボタン色*/
  --search-button: #fb0907;



  /* 新スタイル_人気記事、ヘッダー等 */
  --thema-color1: linear-gradient(90deg, #f97a69, #fb8641);
  /* 新スタイル_h2背景等 */
  --thema-color2: #272c42;
  /* 新スタイル_h2下線、サイドh2左ボーダー等 */
  --thema-color3: #f37a62;
  /* 新スタイル_h3等 */
  --thema-color4: #858585;

  --body-color: #f1f4f9;

  --border-color: #d2d7da;
}

body {
  background: var(--body-color);
}

body ._category_pc_header {
    background-color: var(--body-color);
}

.category_description {
  color: #3f5362;
  font-size: 13px;
  margin-bottom: 10px;
}

.post-content h2 {
  border: none;
  border-radius: 0;
  padding: 10px;
  font-size: 16px;
  margin: 30px 0 10px 0;
  color: #fff;
  background: var(--thema-color2);
  border-bottom: 5px solid var(--thema-color3);
  position: relative;
}

.post-content h3 {
  font-size: 15px !important;
  text-align: left;
  padding: 6px 6px 6px 10px;
  margin: 20px 0px 10px 0px;
  border-left: 5px solid var(--thema-color4);
  border-bottom: 2px solid var(--thema-color4);
}

.top_side_title,
#container #wrap #wrap-in #side .popular_and_new_articles_wrapper h2 {
  border-bottom: 1px solid #ddd;
  background-color: #fff !important;
  color: var(--text-general) !important;
  border-left: 5px solid var(--thema-color3);
}

.left_menu {
  border: 1px solid #c1c5c8;
}

#container #side-l h2,
#container .left_menu_s h2, #container .left_menu_s .ac2,
#container .left_menu_s_new h2, #container .left_menu_s_new .ac2,
#main #breadcrumb_cat_b .left_menu_s .nav_left_menu h2,
#main #breadcrumb_cat_b .left_menu_s .nav_left_menu .ac2,
#main #breadcrumb_cat_b .left_menu_s_new .nav_left_menu h2,
#main #breadcrumb_cat_b .left_menu_s_new .nav_left_menu .ac2,
#container .left_menu_s .game_right,
#container .left_menu_s_new .game_right {
  background: #fff;
  color: var(--text-general);
  font-size: 13px;
  padding: 7px 15px 7px 9px;
  text-align: left;
  border-left: 5px solid var(--thema-color3);
  font-weight: bold;
}

#container .left_menu_s .leftmenu_title,
#container .left_menu_s_new .leftmenu_title {
  border-left: 3px solid var(--thema-color3);
}

#container .left_menu_s ul li a,
#container .left_menu_s_new ul li a {
  padding: 8px 5px;
}

.mobile .left_menu_s ,.mobile .left_menu_s_new{
  margin: 8px;
}
.ipad .left_menu_s , .ipad .left_menu_s_new{
  margin: 10px;
}

#pop_up_background .left_menu_s , #pop_up_background .left_menu_s_new{
  margin: 0;
}

#breadcrumb_cat .nav_left_menu li h3, #breadcrumb_cat .nav_left_menu li .ac3{
  border-left: none !important;
}

#side-l .sales_ranking .top_ranking_li .ranking_app {
  border-radius: 8px;
}

#side-l .sales_ranking .top_ranking_li .ranking_information {
  align-self: auto !important;
  display: flex;
  justify-content: left;
  align-items: center;
}