@charset "UTF-8";

.box_a .tit_att {padding: 0.25em 0 0 24px;}
.box_s {margin: 2em 0; padding: 1em; border: solid 1px #999;}

@media (min-width: 1000px) {
 .box_order_01 {display: flex; justify-content: space-between;}
 .box_order_01 > .box_a {width: 49%}
}

@media (min-width: 640px) {
  ul.list_tab.ex li {width: 47%;}
}

.fd_rr {flex-direction: row-reverse;}
a.ff_din[href*="tel:"] {color: inherit; text-decoration: none;}
img[alt*="フリーダイヤル"] {max-width: 40px; margin-right: 5px;}

.box_a._camp .bgc_blu_01 {background-color: #002673; color: #fff; font-weight: bold; line-height: normal; text-align: center; line-height: normal;
padding: 0.2em 0.7em;}


.cn_wrap {text-align: center;}
.cn_wrap > p,
.cn_wrap > div {margin: 10px 0;}
.cn_wrap > div > p {margin: 0;}
.cn {background-color: #efefef; border-radius: "6px"; padding: 1em 1.3em; line-height: 1.7}
.cn_wrap ._col2 .cn {width: calc((100% - 10px) / 2);}
@media (min-width: 640px) {
 .cn_wrap ._col2 .cn {width: auto;}
 .cn_wrap > div > p {margin-top: 10px;}
 .pc_w_100p {width: 100%;}
}

.f_r {float: right;}
.c_b::after {content: ""; clear: both; display: block;}
.fw_nw {flex-wrap: nowrap;}

@media (max-width: 639px) {
 .box_a .lyt_idx_c > li {padding: 3%;}
}

ul.lyt_idx_c li.ex_plus {margin: -7px 0;}
ul.lyt_idx_c li.ex_plus img {width: 35px; height: 35px;}
ul.lyt_idx_c li.ex_plus + li {margin: 0;}
@media (min-width: 1000px) {
ul.lyt_idx_c li.ex_plus {margin: 0 -15px; z-index: 1;}
}

@media (min-width: 960px) {
 .month_wrap {display: flex; align-items: stretch; gap: 8px;}
 .month_wrap > .icon_plus {align-self: center; margin: 0;}
 .month_wrap table {margin: 0 !important;}
 .month_wrap .icon_image_a {min-width: 40px; margin: 0 -10px; z-index: 1;}
 .month_wrap .pc_w_ex01 {width: 70%}
 .month_wrap .pc_w_ex02 {width: 100%}
 .month_wrap .tbl_a th {padding: 0 1em; height: 4em; line-height: 1.4}
}

.option_wrap .tbl_a th {vertical-align: middle; padding: 1em 0.5em; line-height: 1.4}
@media (min-width: 640px) {
 .option_wrap .tbl_a th {padding: 0 1em; height: 4em;}
}

.mv .logo_wrap {margin: 1.5em auto 0;}
@media (min-width: 640px) {
 .mv .logo_wrap {margin-right: 0;}
}


.wrap_contract {flex-wrap: nowrap;}
.wrap_contract .w_100 {padding: 3%;}
@media (min-width: 640px) {
.wrap_contract .w_100 {padding: 1em 1.5em;}
}
.bgc_blu_01 {background-color: #4c679d}
.skper_wrap {border: 1px solid #7f92b9; padding: 1em;}
.ex_item {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.ex_item > p {margin: 0.3em 1em;}

ul > li:last-child {margin-bottom: 0;}

ul.channel_01 {list-style: none; line-height: 1.4; margin: 10px 0; padding: 0; text-align: center;}
ul.channel_01 > li {margin: 10px 0; background: #999; color: #fff; padding: 2%; border-radius: 6px;}

ul[class^=channel_]._col2 li {width: calc((100% - 10px)/2);}
ul[class^=channel_]._col3 li {width: calc((100% - 20px)/3);}
ul[class^=channel_]._col4 li {width: calc((100% - 30px)/4);}

.mv ul.channel_01 li {margin: 5px 0;}

@media (min-width: 1000px) {
 ul.channel_01.pc_typ_a {display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1158px;}
 ul.channel_01.pc_typ_a > li {margin: 5px 0; display: flex; align-items: center; justify-content: center; width: calc((100% - 10px)/2); max-width: 574px;}
 ul.channel_01.pc_typ_a > li > div {width: 100%;}
}

.channel_02 {text-align: center; color: #fff; line-height: 1.4;}
.channel_02 [class^=ch_] {border-radius: 6px; padding: 1em; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;}
.channel_02 .icon_image_a {margin: -20px auto -10px; z-index: 1;}
.channel_02 .icon_image_a img {width: 40px; height: 40px; min-width: 40px;}

@media (min-width: 1000px) {
 .channel_02 {display: flex; align-items: stretch; justify-content: space-between;}
 .channel_02 [class^=ch_] {margin-bottom: 0;}
 .channel_02 .channel_01 {margin: 0;}
 .channel_02 > div._row > div:first-child {margin-bottom: 10px;}
 .channel_02 > div {margin-left: 10px; width: 100%;}
 .channel_02 > div:first-child {margin-left: 0;}
 .channel_02 .icon_image_a {margin: auto -20px auto -10px;}
}

.ch_chi,
.ch_bsd {background: #90b3dc !important;}
.ch_csd,
.ch_sec,
.ch_com,
.ch_opc {background: #61c1e2 !important;}
.ch_skp {background: #ee2525 !important;}
.ch_bsk {background: #5b9bd5 !important;}
.ch_skp {background: #0099FF !important;}

ul.channel_icon {margin: 0 auto; padding: 0; display: flex; justify-content: space-between; align-items: stretch; max-width: 620px;}
ul.channel_icon > li {border-radius: 6px; line-height: 1; margin: 5px 0; padding: 0.4em 0; width: 100%; color: #fff; background-color: #ccc; display: flex; align-items: center; justify-content: center;}

ul.channel_icon li.anime,
ul.channel_icon li.news     {background-color: #fd8300;}
ul.channel_icon li.movie    {background-color: #2fa14a;}
ul.channel_icon li.topic,
ul.channel_icon li.sport    {background-color: #6a6ad4;}
ul.channel_icon li.chiki    {background-color: #d62e3a;}
ul.channel_icon li.korea    {background-color: #d62e3a;}
ul.channel_icon li.gourmet,
ul.channel_icon li.shopping {background-color: #d035b1;}
ul.channel_icon li.kids     {background-color: #8ab110;}

ul.channel_icon li::before {margin-right: 5px; vertical-align: text-top;}
ul.channel_icon li.anime::before {content: url("/flets-hikari/catv/images/icon_anime.png");}
ul.channel_icon li.movie::before {content: url("/flets-hikari/catv/images/icon_movie.png");}
ul.channel_icon li.sport::before {content: url("/flets-hikari/catv/images/icon_sport.png");}
ul.channel_icon li.news::before {content: url("/flets-hikari/catv/images/icon_news.png");}
ul.channel_icon li.topic::before {content: url("/flets-hikari/catv/images/icon_topic.png");}
ul.channel_icon li.gourmet::before {content: url("/flets-hikari/catv/images/icon_gourmet.png");}
ul.channel_icon li.shopping::before {content: url("/flets-hikari/catv/images/icon_shopping.png");}
ul.channel_icon li.kids::before {content: url("/flets-hikari/catv/images/icon_kids.png");}


@media (min-width: 600px) {

}

@media (min-width: 960px) {

}

@media (min-width: 1024px) {

}