/* Text Settinge
   --------------------------------------------------- */
/* Kids Setting
   --------------------------------------------------- */
/* Screen Setting
   --------------------------------------------------- */
/* Nav mixin
   --------------------------------------------------- */
/* Retina
   --------------------------------------------------- */
/* Fonts
   --------------------------------------------------- */
.pg-song .song-list li:before {
  content: "\e60a";
}

/*body.okaasan{
}*/
#pg-nav-head,
#pg-nav-foot {
  background: #e60214;
}

#program-header h1 {
  background: url("../logo/logo_oka.png") no-repeat 0 50%;
}

body.pg-top #program-header h1 {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background: url(../logo/logo_oka_3x.png) no-repeat 50% 50%;
}
body.pg-top #program-header .img {
  background: url(../program/oka_main_1_pc.jpg) no-repeat 50% 50%;
}
body.pg-top #main_desc .img {
  display: none;
}

@media only screen and (max-width: 640px) {
  #program-header h1 {
    background: #e60214 url("../img/btn_sp_menu.png") no-repeat right 50%;
  }

  body.pg-top #program-header h1 {
    background-image: url(../logo/logo_oka_3x.png);
    background-size: contain;
  }
  body.pg-top #program-header .img {
    background: none;
    display: none;
  }
  body.pg-top #main_desc .img {
    display: block;
    background-image: url("../program/oka_main_1.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 640px) and (min-resolution: 1.5) {
  body.pg-top #main_desc .img {
    background-image: url("../program/oka_main_1_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (min-resolution: 2) {
  body.pg-top #main_desc .img {
    background-image: url("../program/oka_main_1_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 640px) and (min-resolution: 3) {
  body.pg-top #main_desc .img {
    background-image: url("../program/oka_main_1_3x.jpg");
  }
}

.pgbg,
.btn {
  background-color: #e60214;
}

.wi230 {
  width: 230px;
}

@media only screen and (max-width: 640px) {
  .wi230 {
    width: auto;
  }
}
.pg-song h2 {
  color: #e60214;
}
.pg-song .songMenu {
  width: 500px;
}
.pg-song .songMenu nav a {
  width: 500px;
}
.pg-song .song-list li {
  line-height: 18px;
  margin-left: 1.5em;
  margin-bottom: 0.5em;
}
.pg-song .song-list li:before {
  font-family: 'kidsicos';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 18px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  margin-right: 4px;
  vertical-align: text-bottom;
}
.pg-song .song-list li:before {
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  color: #e60214;
}
.pg-song li.selected a.btn {
  background-color: #ff6a00;
}
.pg-song table {
  width: 100%;
  margin: 2em auto;
}
.pg-song caption {
  font-weight: bold;
  text-align: left;
}
.pg-song th {
  background-color: #ffbda1;
  padding: 5px;
  border-right: 1px solid #fff;
}
.pg-song tr:nth-child(odd) td {
  background-color: #fff0e2;
}
.pg-song tr:nth-child(even) td {
  background-color: #fffde7;
}
.pg-song td {
  padding: 5px;
  border-right: 1px solid #fff;
}
.pg-song tr:last-child {
  border-bottom: 2px solid #ffbda1;
}
.pg-song td:nth-of-type(1) {
  width: 20%;
}
.pg-song td:nth-of-type(2) {
  width: 30%;
}
.pg-song td:nth-of-type(3) {
  width: 25%;
}
.pg-song td:nth-of-type(4) {
  width: 25%;
}

@media only screen and (max-width: 640px) {
  .pg-song .songMenu {
    width: auto;
  }
  .pg-song .songMenu nav a {
    width: 100%;
  }
}
body.pg-top a.pg-top {
  background-color: #fd1e30;
}

body.pg-cr a.pg-cr {
  background-color: #fd1e30;
}

body.pg-ca a.pg-ca {
  background-color: #fd1e30;
}

body.pg-qn a.pg-qn {
  background-color: #fd1e30;
}

#oka_ca_utaoni .img {
  display: block;
  background: url("../program/oka_ca_utaoni.jpg") no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 641px) and (min-resolution: 1.5) {
  #oka_ca_utaoni .img {
    background-image: url("../program/oka_ca_utaoni_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 641px) and (min-resolution: 2) {
  #oka_ca_utaoni .img {
    background-image: url("../program/oka_ca_utaoni_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 641px) and (min-resolution: 3) {
  #oka_ca_utaoni .img {
    background-image: url("../program/oka_ca_utaoni_3x.jpg");
  }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 640px) and (min-resolution: 1.5) {
  #oka_ca_utaoni .img {
    background-image: url("../program/oka_ca_utaoni_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (min-resolution: 2) {
  #oka_ca_utaoni .img {
    background-image: url("../program/oka_ca_utaoni_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 640px) and (min-resolution: 3) {
  #oka_ca_utaoni .img {
    background-image: url("../program/oka_ca_utaoni_s_3x.jpg");
  }
}

#oka_ca_utaone .img {
  display: block;
  background: url("../program/oka_ca_utaone.jpg") no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 641px) and (min-resolution: 1.5) {
  #oka_ca_utaone .img {
    background-image: url("../program/oka_ca_utaone_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 641px) and (min-resolution: 2) {
  #oka_ca_utaone .img {
    background-image: url("../program/oka_ca_utaone_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 641px) and (min-resolution: 3) {
  #oka_ca_utaone .img {
    background-image: url("../program/oka_ca_utaone_3x.jpg");
  }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 640px) and (min-resolution: 1.5) {
  #oka_ca_utaone .img {
    background-image: url("../program/oka_ca_utaone_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (min-resolution: 2) {
  #oka_ca_utaone .img {
    background-image: url("../program/oka_ca_utaone_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 640px) and (min-resolution: 3) {
  #oka_ca_utaone .img {
    background-image: url("../program/oka_ca_utaone_s_3x.jpg");
  }
}

#oka_ca_taioni .img {
  display: block;
  background: url("../program/oka_ca_taioni.jpg") no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 641px) and (min-resolution: 1.5) {
  #oka_ca_taioni .img {
    background-image: url("../program/oka_ca_taioni_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 641px) and (min-resolution: 2) {
  #oka_ca_taioni .img {
    background-image: url("../program/oka_ca_taioni_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 641px) and (min-resolution: 3) {
  #oka_ca_taioni .img {
    background-image: url("../program/oka_ca_taioni_3x.jpg");
  }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 640px) and (min-resolution: 1.5) {
  #oka_ca_taioni .img {
    background-image: url("../program/oka_ca_taioni_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (min-resolution: 2) {
  #oka_ca_taioni .img {
    background-image: url("../program/oka_ca_taioni_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 640px) and (min-resolution: 3) {
  #oka_ca_taioni .img {
    background-image: url("../program/oka_ca_taioni_s_3x.jpg");
  }
}

#oka_ca_panto .img {
  display: block;
  background: url("../program/oka_ca_panto.jpg") no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 641px) and (min-resolution: 1.5) {
  #oka_ca_panto .img {
    background-image: url("../program/oka_ca_panto_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 641px) and (min-resolution: 2) {
  #oka_ca_panto .img {
    background-image: url("../program/oka_ca_panto_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 641px) and (min-resolution: 3) {
  #oka_ca_panto .img {
    background-image: url("../program/oka_ca_panto_3x.jpg");
  }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 640px) and (min-resolution: 1.5) {
  #oka_ca_panto .img {
    background-image: url("../program/oka_ca_panto_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (min-resolution: 2) {
  #oka_ca_panto .img {
    background-image: url("../program/oka_ca_panto_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 640px) and (min-resolution: 3) {
  #oka_ca_panto .img {
    background-image: url("../program/oka_ca_panto_s_3x.jpg");
  }
}

#oka_ca_cho .img {
  display: block;
  background: url("../program/oka_ca_cho.jpg") no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 641px) and (min-resolution: 1.5) {
  #oka_ca_cho .img {
    background-image: url("../program/oka_ca_cho_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 641px) and (min-resolution: 2) {
  #oka_ca_cho .img {
    background-image: url("../program/oka_ca_cho_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 641px) and (min-resolution: 3) {
  #oka_ca_cho .img {
    background-image: url("../program/oka_ca_cho_3x.jpg");
  }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 640px) and (min-resolution: 1.5) {
  #oka_ca_cho .img {
    background-image: url("../program/oka_ca_cho_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (min-resolution: 2) {
  #oka_ca_cho .img {
    background-image: url("../program/oka_ca_cho_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 640px) and (min-resolution: 3) {
  #oka_ca_cho .img {
    background-image: url("../program/oka_ca_cho_s_3x.jpg");
  }
}

#oka_ca_gara .img {
  display: block;
  background: url("../program/oka_ca_gara.jpg") no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 641px) and (min-resolution: 1.5) {
  #oka_ca_gara .img {
    background-image: url("../program/oka_ca_gara_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 641px) and (min-resolution: 2) {
  #oka_ca_gara .img {
    background-image: url("../program/oka_ca_gara_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 641px) and (min-resolution: 3) {
  #oka_ca_gara .img {
    background-image: url("../program/oka_ca_gara_3x.jpg");
  }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 640px) and (min-resolution: 1.5) {
  #oka_ca_gara .img {
    background-image: url("../program/oka_ca_gara_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (min-resolution: 2) {
  #oka_ca_gara .img {
    background-image: url("../program/oka_ca_gara_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 640px) and (min-resolution: 3) {
  #oka_ca_gara .img {
    background-image: url("../program/oka_ca_gara_s_3x.jpg");
  }
}

#oka_ca_mumu .img {
  display: block;
  background: url("../program/oka_ca_mumu.jpg") no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 641px) and (min-resolution: 1.5) {
  #oka_ca_mumu .img {
    background-image: url("../program/oka_ca_mumu_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 641px) and (min-resolution: 2) {
  #oka_ca_mumu .img {
    background-image: url("../program/oka_ca_mumu_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 641px) and (min-resolution: 3) {
  #oka_ca_mumu .img {
    background-image: url("../program/oka_ca_mumu_3x.jpg");
  }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 640px) and (min-resolution: 1.5) {
  #oka_ca_mumu .img {
    background-image: url("../program/oka_ca_mumu_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (min-resolution: 2) {
  #oka_ca_mumu .img {
    background-image: url("../program/oka_ca_mumu_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 640px) and (min-resolution: 3) {
  #oka_ca_mumu .img {
    background-image: url("../program/oka_ca_mumu_s_3x.jpg");
  }
}

#oka_cr_uta0 .img {
  display: block;
  background: url("../program/oka_cr_uta.jpg") no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 641px) and (min-resolution: 1.5) {
  #oka_cr_uta0 .img {
    background-image: url("../program/oka_cr_uta_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 641px) and (min-resolution: 2) {
  #oka_cr_uta0 .img {
    background-image: url("../program/oka_cr_uta_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 641px) and (min-resolution: 3) {
  #oka_cr_uta0 .img {
    background-image: url("../program/oka_cr_uta_3x.jpg");
  }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 640px) and (min-resolution: 1.5) {
  #oka_cr_uta0 .img {
    background-image: url("../program/oka_cr_uta_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (min-resolution: 2) {
  #oka_cr_uta0 .img {
    background-image: url("../program/oka_cr_uta_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 640px) and (min-resolution: 3) {
  #oka_cr_uta0 .img {
    background-image: url("../program/oka_cr_uta_s_3x.jpg");
  }
}

#oka_cr_poco .img {
  display: block;
  background: url("../program/oka_cr_poco.jpg") no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 641px) and (min-resolution: 1.5) {
  #oka_cr_poco .img {
    background-image: url("../program/oka_cr_poco_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 641px) and (min-resolution: 2) {
  #oka_cr_poco .img {
    background-image: url("../program/oka_cr_poco_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 641px) and (min-resolution: 3) {
  #oka_cr_poco .img {
    background-image: url("../program/oka_cr_poco_3x.jpg");
  }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 640px) and (min-resolution: 1.5) {
  #oka_cr_poco .img {
    background-image: url("../program/oka_cr_poco_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (min-resolution: 2) {
  #oka_cr_poco .img {
    background-image: url("../program/oka_cr_poco_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 640px) and (min-resolution: 3) {
  #oka_cr_poco .img {
    background-image: url("../program/oka_cr_poco_s_3x.jpg");
  }
}

#oka_cr_panto .img {
  display: block;
  background: url("../program/oka_cr_panto.jpg") no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 641px) and (min-resolution: 1.5) {
  #oka_cr_panto .img {
    background-image: url("../program/oka_cr_panto_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 641px) and (min-resolution: 2) {
  #oka_cr_panto .img {
    background-image: url("../program/oka_cr_panto_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 641px) and (min-resolution: 3) {
  #oka_cr_panto .img {
    background-image: url("../program/oka_cr_panto_3x.jpg");
  }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 640px) and (min-resolution: 1.5) {
  #oka_cr_panto .img {
    background-image: url("../program/oka_cr_panto_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (min-resolution: 2) {
  #oka_cr_panto .img {
    background-image: url("../program/oka_cr_panto_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 640px) and (min-resolution: 3) {
  #oka_cr_panto .img {
    background-image: url("../program/oka_cr_panto_s_3x.jpg");
  }
}

#oka_cr_tmdt .img {
  display: block;
  background: url("../program/oka_cr_tmdt.jpg") no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 641px) and (min-resolution: 1.5) {
  #oka_cr_tmdt .img {
    background-image: url("../program/oka_cr_tmdt_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 641px) and (min-resolution: 2) {
  #oka_cr_tmdt .img {
    background-image: url("../program/oka_cr_tmdt_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 641px) and (min-resolution: 3) {
  #oka_cr_tmdt .img {
    background-image: url("../program/oka_cr_tmdt_3x.jpg");
  }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 640px) and (min-resolution: 1.5) {
  #oka_cr_tmdt .img {
    background-image: url("../program/oka_cr_tmdt_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (min-resolution: 2) {
  #oka_cr_tmdt .img {
    background-image: url("../program/oka_cr_tmdt_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 640px) and (min-resolution: 3) {
  #oka_cr_tmdt .img {
    background-image: url("../program/oka_cr_tmdt_s_3x.jpg");
  }
}

#oka_cr_daily .img {
  display: block;
  background: url("../program/oka_cr_daily.jpg") no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 641px) and (min-resolution: 1.5) {
  #oka_cr_daily .img {
    background-image: url("../program/oka_cr_daily_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 641px) and (min-resolution: 2) {
  #oka_cr_daily .img {
    background-image: url("../program/oka_cr_daily_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 641px) and (min-resolution: 3) {
  #oka_cr_daily .img {
    background-image: url("../program/oka_cr_daily_3x.jpg");
  }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 640px) and (min-resolution: 1.5) {
  #oka_cr_daily .img {
    background-image: url("../program/oka_cr_daily_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (min-resolution: 2) {
  #oka_cr_daily .img {
    background-image: url("../program/oka_cr_daily_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 640px) and (min-resolution: 3) {
  #oka_cr_daily .img {
    background-image: url("../program/oka_cr_daily_s_3x.jpg");
  }
}

#oka_cr_bnba .img {
  display: block;
  background: url("../program/oka_cr_bnba.jpg") no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 641px) and (min-resolution: 1.5) {
  #oka_cr_bnba .img {
    background-image: url("../program/oka_cr_bnba_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 641px) and (min-resolution: 2) {
  #oka_cr_bnba .img {
    background-image: url("../program/oka_cr_bnba_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 641px) and (min-resolution: 3) {
  #oka_cr_bnba .img {
    background-image: url("../program/oka_cr_bnba_3x.jpg");
  }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 640px) and (min-resolution: 1.5) {
  #oka_cr_bnba .img {
    background-image: url("../program/oka_cr_bnba_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (min-resolution: 2) {
  #oka_cr_bnba .img {
    background-image: url("../program/oka_cr_bnba_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 640px) and (min-resolution: 3) {
  #oka_cr_bnba .img {
    background-image: url("../program/oka_cr_bnba_s_3x.jpg");
  }
}

#oka_cr_nand .img {
  display: block;
  background: url("../program/oka_cr_nand.jpg") no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 641px) and (min-resolution: 1.5) {
  #oka_cr_nand .img {
    background-image: url("../program/oka_cr_nand_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 641px) and (min-resolution: 2) {
  #oka_cr_nand .img {
    background-image: url("../program/oka_cr_nand_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 641px) and (min-resolution: 3) {
  #oka_cr_nand .img {
    background-image: url("../program/oka_cr_nand_3x.jpg");
  }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 640px) and (min-resolution: 1.5) {
  #oka_cr_nand .img {
    background-image: url("../program/oka_cr_nand_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (min-resolution: 2) {
  #oka_cr_nand .img {
    background-image: url("../program/oka_cr_nand_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 640px) and (min-resolution: 3) {
  #oka_cr_nand .img {
    background-image: url("../program/oka_cr_nand_s_3x.jpg");
  }
}

#oka_cr_sri .img {
  display: block;
  background: url("../program/oka_cr_sri.jpg") no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 641px) and (min-resolution: 1.5) {
  #oka_cr_sri .img {
    background-image: url("../program/oka_cr_sri_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 641px) and (min-resolution: 2) {
  #oka_cr_sri .img {
    background-image: url("../program/oka_cr_sri_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 641px) and (min-resolution: 3) {
  #oka_cr_sri .img {
    background-image: url("../program/oka_cr_sri_3x.jpg");
  }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 640px) and (min-resolution: 1.5) {
  #oka_cr_sri .img {
    background-image: url("../program/oka_cr_sri_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (min-resolution: 2) {
  #oka_cr_sri .img {
    background-image: url("../program/oka_cr_sri_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 640px) and (min-resolution: 3) {
  #oka_cr_sri .img {
    background-image: url("../program/oka_cr_sri_s_3x.jpg");
  }
}

#oka_cr_kazoe .img {
  display: block;
  background: url("../program/oka_cr_kazoe.jpg") no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 641px) and (min-resolution: 1.5) {
  #oka_cr_kazoe .img {
    background-image: url("../program/oka_cr_kazoe_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 641px) and (min-resolution: 2) {
  #oka_cr_kazoe .img {
    background-image: url("../program/oka_cr_kazoe_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 641px) and (min-resolution: 3) {
  #oka_cr_kazoe .img {
    background-image: url("../program/oka_cr_kazoe_3x.jpg");
  }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 640px) and (min-resolution: 1.5) {
  #oka_cr_kazoe .img {
    background-image: url("../program/oka_cr_kazoe_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (min-resolution: 2) {
  #oka_cr_kazoe .img {
    background-image: url("../program/oka_cr_kazoe_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 640px) and (min-resolution: 3) {
  #oka_cr_kazoe .img {
    background-image: url("../program/oka_cr_kazoe_s_3x.jpg");
  }
}

#oka_cr_photo .img {
  display: block;
  background: url("../program/oka_cr_photo.jpg") no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 641px) and (min-resolution: 1.5) {
  #oka_cr_photo .img {
    background-image: url("../program/oka_cr_photo_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 641px) and (min-resolution: 2) {
  #oka_cr_photo .img {
    background-image: url("../program/oka_cr_photo_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 641px) and (min-resolution: 3) {
  #oka_cr_photo .img {
    background-image: url("../program/oka_cr_photo_3x.jpg");
  }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 640px) and (min-resolution: 1.5) {
  #oka_cr_photo .img {
    background-image: url("../program/oka_cr_photo_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (min-resolution: 2) {
  #oka_cr_photo .img {
    background-image: url("../program/oka_cr_photo_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 640px) and (min-resolution: 3) {
  #oka_cr_photo .img {
    background-image: url("../program/oka_cr_photo_s_3x.jpg");
  }
}

#oka_cr_yubin .img {
  display: block;
  background: url("../program/oka_cr_yubin.jpg") no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 641px) and (min-resolution: 1.5) {
  #oka_cr_yubin .img {
    background-image: url("../program/oka_cr_yubin_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 641px) and (min-resolution: 2) {
  #oka_cr_yubin .img {
    background-image: url("../program/oka_cr_yubin_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 641px) and (min-resolution: 3) {
  #oka_cr_yubin .img {
    background-image: url("../program/oka_cr_yubin_3x.jpg");
  }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 640px) and (min-resolution: 1.5) {
  #oka_cr_yubin .img {
    background-image: url("../program/oka_cr_yubin_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (min-resolution: 2) {
  #oka_cr_yubin .img {
    background-image: url("../program/oka_cr_yubin_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 640px) and (min-resolution: 3) {
  #oka_cr_yubin .img {
    background-image: url("../program/oka_cr_yubin_s_3x.jpg");
  }
}

#oka_cr_doyou .img {
  display: block;
  background: url("../program/oka_cr_doyou.jpg") no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 641px) and (min-resolution: 1.5) {
  #oka_cr_doyou .img {
    background-image: url("../program/oka_cr_doyou_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 641px) and (min-resolution: 2) {
  #oka_cr_doyou .img {
    background-image: url("../program/oka_cr_doyou_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 641px) and (min-resolution: 3) {
  #oka_cr_doyou .img {
    background-image: url("../program/oka_cr_doyou_3x.jpg");
  }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 640px) and (min-resolution: 1.5) {
  #oka_cr_doyou .img {
    background-image: url("../program/oka_cr_doyou_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (min-resolution: 2) {
  #oka_cr_doyou .img {
    background-image: url("../program/oka_cr_doyou_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 640px) and (min-resolution: 3) {
  #oka_cr_doyou .img {
    background-image: url("../program/oka_cr_doyou_s_3x.jpg");
  }
}

#oka_cr_gara .img {
  display: block;
  background: url("../program/oka_cr_gara.jpg") no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 641px) and (min-resolution: 1.5) {
  #oka_cr_gara .img {
    background-image: url("../program/oka_cr_gara_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 641px) and (min-resolution: 2) {
  #oka_cr_gara .img {
    background-image: url("../program/oka_cr_gara_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 641px) and (min-resolution: 3) {
  #oka_cr_gara .img {
    background-image: url("../program/oka_cr_gara_3x.jpg");
  }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 640px) and (min-resolution: 1.5) {
  #oka_cr_gara .img {
    background-image: url("../program/oka_cr_gara_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (min-resolution: 2) {
  #oka_cr_gara .img {
    background-image: url("../program/oka_cr_gara_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 640px) and (min-resolution: 3) {
  #oka_cr_gara .img {
    background-image: url("../program/oka_cr_gara_s_3x.jpg");
  }
}

#oka_cr_pazzle .img {
  display: block;
  background: url("../program/oka_cr_pazzle.jpg") no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 641px) and (min-resolution: 1.5) {
  #oka_cr_pazzle .img {
    background-image: url("../program/oka_cr_pazzle_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 641px) and (min-resolution: 2) {
  #oka_cr_pazzle .img {
    background-image: url("../program/oka_cr_pazzle_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 641px) and (min-resolution: 3) {
  #oka_cr_pazzle .img {
    background-image: url("../program/oka_cr_pazzle_3x.jpg");
  }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 640px) and (min-resolution: 1.5) {
  #oka_cr_pazzle .img {
    background-image: url("../program/oka_cr_pazzle_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (min-resolution: 2) {
  #oka_cr_pazzle .img {
    background-image: url("../program/oka_cr_pazzle_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 640px) and (min-resolution: 3) {
  #oka_cr_pazzle .img {
    background-image: url("../program/oka_cr_pazzle_s_3x.jpg");
  }
}

#oka_cr_train .img {
  display: block;
  background: url("../program/oka_cr_train.jpg") no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 641px) and (min-resolution: 1.5) {
  #oka_cr_train .img {
    background-image: url("../program/oka_cr_train_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 641px) and (min-resolution: 2) {
  #oka_cr_train .img {
    background-image: url("../program/oka_cr_train_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 641px) and (min-resolution: 3) {
  #oka_cr_train .img {
    background-image: url("../program/oka_cr_train_3x.jpg");
  }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 640px) and (min-resolution: 1.5) {
  #oka_cr_train .img {
    background-image: url("../program/oka_cr_train_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (min-resolution: 2) {
  #oka_cr_train .img {
    background-image: url("../program/oka_cr_train_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 640px) and (min-resolution: 3) {
  #oka_cr_train .img {
    background-image: url("../program/oka_cr_train_s_3x.jpg");
  }
}

#oka_cr_silhouette .img {
  display: block;
  background: url("../program/oka_cr_silhouette.jpg") no-repeat 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 641px) and (min-resolution: 1.5) {
  #oka_cr_silhouette .img {
    background-image: url("../program/oka_cr_silhouette_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 641px) and (min-resolution: 2) {
  #oka_cr_silhouette .img {
    background-image: url("../program/oka_cr_silhouette_2x.jpg");
  }
}
@media only screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 641px) and (min-resolution: 3) {
  #oka_cr_silhouette .img {
    background-image: url("../program/oka_cr_silhouette_3x.jpg");
  }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 640px) and (min-resolution: 1.5) {
  #oka_cr_silhouette .img {
    background-image: url("../program/oka_cr_silhouette_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 640px) and (min-resolution: 2) {
  #oka_cr_silhouette .img {
    background-image: url("../program/oka_cr_silhouette_s_2x.jpg");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 640px) and (min-resolution: 3) {
  #oka_cr_silhouette .img {
    background-image: url("../program/oka_cr_silhouette_s_3x.jpg");
  }
}

#oka_ca_utaoni .img,
#oka_ca_utaone .img,
#oka_ca_taioni .img,
#oka_ca_panto .img,
#oka_ca_cho .img,
#oka_ca_gara .img,
#oka_ca_mumu .img,
#oka_cr_tmdt .img {
  border: 1px solid #eee;
}

#oka_ga_1 .img {
  display: block;
  background-image: url("../program/oka_ga_1.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5) {
  #oka_ga_1 .img {
    background-image: url("../program/oka_ga_1_2x.jpg");
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2) {
  #oka_ga_1 .img {
    background-image: url("../program/oka_ga_1_2x.jpg");
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3) {
  #oka_ga_1 .img {
    background-image: url("../program/oka_ga_1_3x.jpg");
  }
}

#oka_ga_2 .img {
  display: block;
  background-image: url("../program/oka_ga_2.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5) {
  #oka_ga_2 .img {
    background-image: url("../program/oka_ga_2_2x.jpg");
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2) {
  #oka_ga_2 .img {
    background-image: url("../program/oka_ga_2_2x.jpg");
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3) {
  #oka_ga_2 .img {
    background-image: url("../program/oka_ga_2_3x.jpg");
  }
}

#oka_ga_4 .img {
  display: block;
  background-image: url("../program/oka_ga_4.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5) {
  #oka_ga_4 .img {
    background-image: url("../program/oka_ga_4_2x.png");
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2) {
  #oka_ga_4 .img {
    background-image: url("../program/oka_ga_4_2x.png");
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3) {
  #oka_ga_4 .img {
    background-image: url("../program/oka_ga_4_3x.png");
  }
}

#q04 img {
  display: block;
  margin: 1em auto;
}