@charset "UTF-8";
/* ==========================================================================
 出力先階層
========================================================================== */
/* ==========================================================================
 Foundation
========================================================================== */
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

/* -----------------------------------------------------------------
 Only
----------------------------------------------------------------- */
/* =================================================================
 /lineup/br-m08/ 専用CSS
================================================================= */
/*「スマホdeレグザ」トップメニュー*/
.o-anytime {
  position: relative;
  padding-bottom: 160px;
}
.o-anytime .o-anytime_img {
  text-align: center;
  padding-top: 30px;
}
.o-anytime .o-anytime_unit {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.o-anytime .o-anytime_list {
  background-color: #fff;
  width: 320px;
}
.o-anytime .o-anytime_list.-list01 {
  position: absolute;
  right: 0;
  top: 0;
}
.o-anytime .o-anytime_list.-list02 {
  position: absolute;
  left: 0;
  top: 0;
}
.o-anytime .o-anytime_list.-list03 {
  position: absolute;
  right: 0;
  top: 180px;
}
.o-anytime .o-anytime_list.-list04 {
  position: absolute;
  left: 0;
  top: 250px;
}
.o-anytime .o-anytime_list.-list05 {
  position: absolute;
  right: 0;
  top: 365px;
}
.o-anytime .o-anytime_list.-list06 {
  position: absolute;
  left: 0;
  top: 435px;
}
.o-anytime .o-anytime_list.-list07 {
  position: absolute;
  right: 0;
  top: 545px;
}
.o-anytime .o-anytime_list > .c-bdr.-small {
  padding: 10px 10px 8px;
}

/*お好みのカテゴリーを選ぶ*/
.o-rec {
  position: relative;
  max-width: 100%;
  padding-left: 205px;
  margin-bottom: 25px;
}
.o-rec .o-rec_img {
  text-align: center;
  margin: auto;
}
.o-rec .o-rec_img img {
  width: 100%;
  height: auto;
}
.o-rec .o-rec_list {
  position: absolute;
  width: 100%;
  max-width: 100%;
  border: 5px solid #67c4c9;
  z-index: 1;
  background-color: #fff;
  padding: 10px 12px;
}
.o-rec .o-rec_list.-pos01 {
  left: 0;
  top: 0;
  width: auto;
}
.o-rec .o-rec_list.-pos02 {
  left: 0;
  bottom: 0;
  width: auto;
}

/*おまかせ自動録画設定*/
.o-rec02 {
  position: relative;
  padding-left: 160px;
  padding-bottom: 40px;
  max-width: 100%;
}
.o-rec02 .o-rec02_img {
  text-align: center;
  margin: auto;
}
.o-rec02 .o-rec02_img img {
  width: 100%;
  height: auto;
}
.o-rec02 .o-rec02_list {
  position: absolute;
  width: 100%;
  max-width: 100%;
  border: 5px solid #67c4c9;
  z-index: 1;
  background-color: #fff;
  padding: 10px 12px;
}
.o-rec02 .o-rec02_list.-pos01 {
  left: 0;
  bottom: 0;
  width: auto;
}

/*「時短機能」初回設定からも設定できる*/
.o-rec03 {
  position: relative;
  padding-bottom: 70px;
}
.o-rec03 .o-rec03_img {
  margin: 0 auto 0 3%;
}
.o-rec03 .o-rec03_img img {
  width: 50%;
}
.o-rec03 .o-rec03_list {
  position: absolute;
  width: 100%;
  max-width: 100%;
  border: 5px solid #67c4c9;
  z-index: 1;
  background-color: #fff;
  padding: 10px 12px;
}
.o-rec03 .o-rec03_list.-pos01 {
  left: 50%;
  right: 0;
  top: 0;
  width: auto;
}
.o-rec03 .o-rec03_list.-pos02 {
  left: 50%;
  right: 0;
  top: 130px;
  width: auto;
}
.o-rec03 .o-rec03_grid {
  display: -webkit-box;
  display: box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  box-direction: normal;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.o-rec03 .o-rec03_grid_row.-txt {
  width: 50%;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 50%;
  flex: 1 1 50%;
}
.o-rec03 .o-rec03_grid_row.-img {
  width: 50%;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 50%;
  flex: 1 1 50%;
  padding-left: 10px;
  max-width: 50%;
}

/*その他、スマホでできること*/
.fzContainer {
  margin-top: 37px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #777;
}

.fzDl {
  font-size: 1.4rem;
  font-weight: 400;
  color: #777;
}

@media screen and (max-width: 1230px) {
  /*「スマホdeレグザ」トップメニュー*/
  .o-anytime {
    padding-bottom: 250px;
  }
  .o-anytime .o-anytime_list {
    width: 28%;
  }
  .o-anytime .o-anytime_list.-list01 {
    top: -50px;
  }
  .o-anytime .o-anytime_list.-list02 {
    top: 0;
  }
  .o-anytime .o-anytime_list.-list03 {
    top: 170px;
  }
  .o-anytime .o-anytime_list.-list04 {
    top: 290px;
  }
  .o-anytime .o-anytime_list.-list05 {
    top: 370px;
  }
  .o-anytime .o-anytime_list.-list06 {
    top: 480px;
  }
  .o-anytime .o-anytime_list.-list07 {
    top: 570px;
  }

  .o-rec03 .o-rec03_img img {
    width: 40%;
  }
  .o-rec03 .o-rec03_list.-pos01 {
    left: 40%;
  }
  .o-rec03 .o-rec03_list.-pos02 {
    top: 100px;
    left: 40%;
  }
  .o-rec03 .o-rec03_grid_row.-txt {
    width: 70%;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
  }
  .o-rec03 .o-rec03_grid_row.-img {
    width: 30%;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
  }
}
@media screen and (max-width: 640px) {
  /*「スマホdeレグザ」トップメニュー*/
  .o-anytime {
    padding-bottom: 0px;
  }
  .o-anytime .o-anytime_img {
    padding-top: 0;
    margin-bottom: 15px;
  }
  .o-anytime .o-anytime_unit {
    position: static;
  }
  .o-anytime .o-anytime_list {
    width: auto;
    margin-bottom: 10px;
  }
  .o-anytime .o-anytime_list.-list01, .o-anytime .o-anytime_list.-list02, .o-anytime .o-anytime_list.-list03, .o-anytime .o-anytime_list.-list04, .o-anytime .o-anytime_list.-list05, .o-anytime .o-anytime_list.-list06, .o-anytime .o-anytime_list.-list07 {
    position: static;
  }

  /*お好みのカテゴリーを選ぶ*/
  .o-rec {
    margin-bottom: 12px;
    padding: 0;
  }
  .o-rec .o-rec_img {
    width: 100%;
    text-align: center;
    margin: auto;
    margin-bottom: 10px;
  }
  .o-rec .o-rec_list {
    border-width: 0;
    padding: 0;
    margin-bottom: 10px;
    font-size: 1.1rem;
    font-weight: 400;
    color: #535353;
    text-align: left;
    position: relative;
    width: auto;
    padding-left: 25px;
  }
  .o-rec .o-rec_list::before {
    content: attr(data-num);
    background-color: #67c4c9;
    font-weight: 700;
    text-align: center;
    display: block;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    left: 0;
    top: -2px;
    font-size: 1.2rem;
    height: 18px;
    width: 18px;
    padding-top: 0;
  }
  .o-rec .o-rec_list.-pos01 {
    width: auto;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .o-rec .o-rec_list.-pos02 {
    width: auto;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .o-rec .o-rec_list.-pos03 {
    width: auto;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }

  /*おまかせ自動録画設定*/
  .o-rec02 {
    padding-left: 0;
    padding-bottom: 0;
  }
  .o-rec02 .o-rec02_list {
    position: static;
    border-width: 3px;
    z-index: 1;
    background-color: #fff;
    padding: 6px 6px 4px;
  }
  .o-rec02 .o-rec02_list.-pos01 {
    left: auto;
    bottom: auto;
    width: auto;
  }

  /*「時短機能」初回設定からも設定できる*/
  .o-rec03 {
    padding-bottom: 20px;
  }
  .o-rec03 .o-rec03_img {
    margin: 0;
  }
  .o-rec03 .o-rec03_img img {
    width: 100%;
  }
  .o-rec03 .o-rec03_list {
    border-width: 0;
    padding: 0;
    margin-bottom: 10px;
    font-size: 1.1rem;
    font-weight: 400;
    color: #535353;
    text-align: left;
    position: relative;
    width: auto;
    padding-left: 25px;
  }
  .o-rec03 .o-rec03_list::before {
    content: attr(data-num);
    background-color: #67c4c9;
    font-weight: 700;
    text-align: center;
    display: block;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    left: 0;
    top: -2px;
    font-size: 1.2rem;
    height: 18px;
    width: 18px;
    padding-top: 0;
  }
  .o-rec03 .o-rec03_list.-pos01 {
    width: auto;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .o-rec03 .o-rec03_list.-pos02 {
    width: auto;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .o-rec03 .o-rec03_grid {
    display: block;
  }
  .o-rec03 .o-rec03_grid_row.-txt {
    width: 100%;
    margin-bottom: 10px;
  }
  .o-rec03 .o-rec03_grid_row.-img {
    text-align: center;
    padding-left: 0;
    width: auto;
    max-width: 100%;
  }
  .o-rec03 .o-rec03_grid_row.-img img {
    zoom: .5;
  }
}
.bnrbox {
  text-align: center;
}

.p-table.-alternate .p-table_tbody_tr:nth-of-type(2n) {
  background: none;
}

.p-table.-alternate .p-table_tbody_tr.p-table_tbody_tr--accent {
  background: #d1edef;
}

.c-grid.-column3 .c-grid_row.no-flex,
.c-grid.-column2 .c-grid_row.no-flex {
  display: block;
}

.p-unit .p-unit_small.-taCenter {
  padding-left: 0;
  word-break: break-all;
  text-align: center;
}

@media screen and (max-width: 1230px) {
  .p-dl .p-dl_item {
    margin-bottom: 6px;
  }
}
@media screen and (max-width: 640px) {
  .c-icon.-arw02 {
    background-size: 10px auto;
  }

  .c-icon.-anchor02 {
    background-size: 12px auto;
  }
}
/* -----------------------------------------------------------------
 Js
----------------------------------------------------------------- */