@charset "UTF-8";
#point_model_diary_wrap {
  width: 900px;
  height: auto;
  margin: 0 auto;
}

#point_model_diary_wrap header {
  width: 100%;
  height: auto;
}

#point_model_diary_wrap header img {
  width: 100%;
  height: auto;
}

#point_model_diary_wrap h2 {
  padding-top: 15px;
  margin-bottom: 30px;
}

.point_model_col {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 900px;
  padding-top: 80px;
  margin-bottom: 80px;
}

.point_model_tab_a,
.point_model_tab_b,
.point_model_tab_c {
  display: block;
  width: 290px;
  height: 57px;
}

.point_model_tab_a {
  background: url("/img/point_get_model/pc/tab/pc_a_tab_1.png");
}

.point_model_tab_a:hover {
  background: url("/img/point_get_model/pc/tab/pc_a_tab_1_on.png");
  cursor: pointer;
}

.point_model_tab_b {
  background: url("/img/point_get_model/pc/tab/pc_b_tab_1.png");
}

.point_model_tab_b:hover {
  background: url("/img/point_get_model/pc/tab/pc_b_tab_1_on.png");
  cursor: pointer;
}

.point_model_tab_c {
  background: url("/img/point_get_model/pc/tab/pc_c_tab_1.png");
}

.point_model_tab_c:hover {
  background: url("/img/point_get_model/pc/tab/pc_c_tab_1_on.png");
  cursor: pointer;
}

.point_model_col input {
  display: none;
}

#point_model_table_01,
#point_model_table_02,
#point_model_table_03 {
  display: none;
}

#point_model_tab_01:checked ~ #point_model_table_01,
#point_model_tab_02:checked ~ #point_model_table_02,
#point_model_tab_03:checked ~ #point_model_table_03 {
  display: block;
}

.point_model_col input:checked + .point_model_tab_a {
  background: url("/img/point_get_model/pc/tab/pc_a_tab_1_on.png");
  cursor: pointer;
}

.point_model_col input:checked + .point_model_tab_b {
  background: url("/img/point_get_model/pc/tab/pc_b_tab_1_on.png");
  cursor: pointer;
}

.point_model_col input:checked + .point_model_tab_c {
  background: url("/img/point_get_model/pc/tab/pc_c_tab_1_on.png");
  cursor: pointer;
}

.point_model_tab_top {
  width: 900px;
  height: auto;
  padding-top: 15px;
  font-size: 18px;
  text-align: center;
}

/*==================
メディアクエリ　背景画像
===================*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .point_model_tab_a {
    background: url("/img/point_get_model/pc/tab/pc_a_tab_1_2x.png");
    background-size: 100%;
  }
  .point_model_tab_a:hover {
    background: url("/img/point_get_model/pc/tab/pc_a_tab_1_on_2x.png");
    background-size: 100%;
  }
  .point_model_tab_b {
    background: url("/img/point_get_model/pc/tab/pc_b_tab_1_2x.png");
    background-size: 100%;
  }
  .point_model_tab_b:hover {
    background: url("/img/point_get_model/pc/tab/pc_b_tab_1_on_2x.png");
    background-size: 100%;
  }
  .point_model_tab_c {
    background: url("/img/point_get_model/pc/tab/pc_c_tab_1_2x.png");
    background-size: 100%;
  }
  .point_model_tab_c:hover {
    background: url("/img/point_get_model/pc/tab/pc_c_tab_1_on_2x.png");
    background-size: 100%;
  }
  .point_model_col input:checked + .point_model_tab_a {
    background: url("/img/point_get_model/pc/tab/pc_a_tab_1_on_2x.png");
    background-size: 100%;
  }
  .point_model_col input:checked + .point_model_tab_b {
    background: url("/img/point_get_model/pc/tab/pc_b_tab_1_on_2x.png");
    background-size: 100%;
  }
  .point_model_col input:checked + .point_model_tab_c {
    background: url("/img/point_get_model/pc/tab/pc_c_tab_1_on_2x.png");
    background-size: 100%;
  }
}