@charset "UTF-8";

/* =============================================================

   サイトジャック用 CSS

============================================================= */

/* コンテンツ
============================================================= */

#Wrap {
  position: relative;
}

#Wrap::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 25rem;
  background-color: var(--color-sightjack-bg_header);
  content: "";
}

/* -- セクション色付け化 -- */
.top_brand_logo_section,
.top_mainvisual_section,
.special_section,
.top_hotword_section {
  background-color: var(--color-sightjack-bg_header);
}

/* 人気キーワード
---------------------------------- */
.top_hotword_section .top_section__inner {
  background-color: #c4e5ff;
  border-color: transparent;
}

.top_hotword_section .tag_list a {
  background: #ffffff;
  border-color: #000;
}


/* サイトジャックコンテンツエリア
---------------------------------- */

.top_1stLineup_section .item_list__item {
  height: auto;
}

.top_1stLineup_section .item_list__item a {
  padding-bottom: 0;
}

/* 人気キーワード
---------------------------------- */
.top_hotword_section .top_section__inner {
  background-color: #c4e5ff;
  border-color: transparent;
}

.top_hotword_section .tag_list a {
  background: #ffffff;
  border-color: #000;
}

/*//////////////////////////////////////////////////

　　　　　　　　　　PC ONLY SETTING

//////////////////////////////////////////////////*/

@media (min-width: 769px) {

  .feature_section {
    padding-top: 8rem;
  }


}


/*//////////////////////////////////////////////////

　　　　　　　　　　SP ONLY SETTING

//////////////////////////////////////////////////*/

@media (max-width: 768px) {

  .top_hotword_section {
    padding-bottom: 5rem;
  }

  .feature_section {
    padding-top: 5rem;
  }


}