@charset "UTF-8";
/* 決まりごと
---------------------------------------------------------- */
.pc {
  display: none !important;
}
.sp {
  display: block !important;
}
/* html_決まりごと
---------------------------------------------------------- */
.Tomica-wrapper {
  width: 100%;
}
.xrossrescue_contents {
  width: 100%;
  margin: 0 auto 1em;
}

/* パンくず
---------------------------------------------------------- */
.dir_bread {
  padding: 1em 0 0.5em;
}
.dir_bread_txt {
  font-size: 0.5rem;
}

/* メインイメージ_画像
---------------------------------------------------------- */
.index_main_box {
  width: 100%;
}

/* 各カテゴリタイトル
---------------------------------------------------------- */
/* 白_01 */
.tit_xross_category {
  width: 90%;
  padding: 0 0 0.2em;
}
.txt_xross_category {
  font-size: 2rem;
  padding: 0 0 0 0.3em;
}
.txt_xross_category span {
  font-size: 1rem;
  padding: 0 0 0 0.2em;
}
/* 白_02 */
.tit_xross_category_02 {
  width: 90%;
}
.txt_xross_category_02 {
  font-size: 2rem;
  padding: 0 0 0.2em 0.3em;
}
.txt_xross_category_02_sub {
  font-size: 1rem;
  padding: 0.4em 0 0 0.2em;
}
/* 黒_01 */
.tit_xross_category_black {
  width: 90%;
  padding: 0 0 0.5em;
}
.txt_xross_category_black {
  font-size: 2rem;
}
.txt_xross_category_black span {
  font-size: 1rem;
}

/* 商品グリッド
---------------------------------------------------------- */
/* グリッド */
.grid_xross_item {
  width: 90%;
  grid-template-columns: repeat(2, 1fr);
}
.box_xross_item_tit {
  min-height: 3.8em;
  padding: 5px 10px;
  font-size: 0.85rem;
}

/* 動画エリア
---------------------------------------------------------- */
/* グリッド */
.grid_xross_movie {
  width: 90%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 30px;
  row-gap: 30px;
}

/* スライダー
---------------------------------------------------------- */
/*スライダー_コンテナ*/
.index_slider_container {
  width: 90%;
  height: auto;
  margin: 3rem auto 0;
}
.txt_slider_area {
  font-weight: 500;
  font-size: 0.6rem;
  line-height: 1.65;
  color: #000;
}

/* 更新履歴
---------------------------------------------------------- */
.index_info_container {
  width: 90%;
}
.info_category_box {
  grid-template-columns: 100px 1fr;
  column-gap: 10px;
}
.info_category {
  font-size: 0.5rem;
}
.info_txt {
  font-size: 0.7rem;
  color: #111;
  text-align: left;
}

/* ボタンデザイン
---------------------------------------------------------- */
/* ボタン_白 */
.btn_white_wicon {
  width: 50%;
  font-size: 0.6rem;
}
/* ボタン_赤 */
.btn_red_wicon {
  width: 50%;
  font-size: 0.6rem;
}

/* 全面背景クリップエリア
---------------------------------------------------------- */
.in_red_section {
  width: 90%;
}
.in_black_section {
  width: 90%;
  margin: 0 auto;
}