@charset "utf-8";
/* CSS Document */

body{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
#TSS_wrap{
    width:100%;
}

#TSS_header{
    width:100%;
    padding:4px 0;
    margin:0 auto;
    background-color:#D52E31;
}

.search input[type="image"]{
    width:32px;
    height: 32px;
}

#TSS_header img.TSS_headmsg{ /*-- マイケル横　--*/
    width:62% !important;
    max-width:440px !important;
    height: auto !important;
    vertical-align:bottom;
}

/*------メインコンテンツ-------*/


/*-----天気-----*/

.TSS_tenki_ichioshi{
    width:100%;
    line-height:1;
}

.TSS_today{
    display:flex;
    justify-content: space-between;
    align-items: stretch;
    align-content: center;
    background-color:#D52E31;
    border-radius: 8px;
    color:#FFF;
    font-size:2em;
    font-weight:bold;
    padding:4px 8px 8px 24px;
}

.TSS_todaywrap{
    position: relative;
    display:flex;
    justify-content: space-between;
    align-items: stretch;
    align-content: center;
    margin: 0 ;
}

.TSS_today{
    width:100%;
    margin: 0 24px 0 0;
}    

.TSS_today p{
    padding-top:4px;
}

.TSS_today iframe{
    height:3.5rem;
    margin-top:12px;
    margin-left:10px;
    margin-right:10px;
    width:248px;
}

span.TSS_kyouwa{
    display:block;
    line-height:1;
    font-size:0.45em;
    font-weight:normal;
    margin-left:-0.5em;
    padding:0.2em 0 0.6em;
}

span.TSS_youbi{
    display:inline-block;
    padding:6px 4px 4px;
    margin:0 12px;
    background-color:#FFF;
    border-radius: 4px;
    vertical-align: bottom;
    color:#000;
    font-size:0.85em;
    line-height:1;
}

.TSS_timetable{
    display:block;
    min-width:10em;
    background-color:#D52E31;
    border-radius: 4px;
    padding:10px 8px;
    box-shadow:2px 2px 1px 1px rgba(0, 0, 0, 0.4);
}

.TSS_timetable a{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-content: stretch;
    align-items: center;    
    border:solid 1px #FFF;
    padding:16px 8px;
    color: #fff;
}


.TSS_timetable a img{ 
    display: block;
    width: 32px;
    height: 32px;
    padding: 4px;
    background-color:#FFF;
}

.TSS_timetable p{
    font-size:1em;
    text-decoration: underline;
}

.TSS_catherin{
    display: block;
    width:32px;
    height:32px;
    position:absolute;
    right:8px;
    top:-30px;
    z-index: 40;
}

/*-- 180502 add --*/

.TSS_tenki_txt{
  font-size:0.75rem;
  margin-top:0.25em;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  width:1em;
}



/*----イチオシ----*/

.TSS_ichioshi{
    display:block;
    position:relative;
    padding-top:40px;
}

.TSS_ichibadge_sp{
    position:absolute;
    top:5px;
    left:-6%;
    z-index:2;
}

.TSS_ichi_mainimg{
    position:relative;
    display:block;
    width:100%;
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px;
    background-color: #d52e31;
    background-image: linear-gradient(#bc0000 40%, transparent 40%, transparent);
    z-index:1;
}


.TSS_ichi_mainimg::before{
    content: "";
    display: block;
    padding-top: 62%;
}

.TSS_ichi_mainimg a{
    display: block;
    position: absolute;
    width:100%;
    top:0;
    right:0;
    bottom: 0;
    left:0;
}

.TSS_ichi_mainimg img{
    display: block;
    position: absolute;
    width: auto !important;
    height: auto !important;
    max-width:98%;
    max-height: 98%;
    top:0;
    right:0;
    bottom: 0;
    left:0;
    margin:auto;
    box-shadow: 2px 4px 2px 0 rgba(103,0,1,0.8);
}

.TSS_ichi_caption{
    position:absolute;
    width:100%;
    bottom:0;
    color:#FFF;
    background-color:rgba(0,0,0,0.5);
    padding:1em;
    padding-right:0;
    font-size:0.75em;
    line-height: 1.5em;
}

.TSS_ichi_titlearea{
    position:relative;
}

.TSS_ichi_dataarea{
    background:#fff;
    height: 14em;
    overflow: hidden;
    border:solid 4px #D52E31;
    padding:0.5em 0.5em 0;
}

.TSS_ichi_title{
    width:100%;
    border:solid 1px #ddd;
    box-shadow:2px 2px 1px 1px rgba(0, 0, 0, 0.4);
    padding:0.7em 2.5em 0.7em 0.4em;
    color: #333;
    display: block;
    font-size: 1.25em;
    line-height: 1.2em;
    font-weight: bold;
    position:relative;
}

.TSS_ichi_title a{
    width:100%;
    color:#333;
    text-decoration:none;
    display:block;
}

.TSS_ichi_cate_ico{
position: absolute;
    right: 1%;
    bottom: -15px;
    width: 2em !important;
}

.ichi_display_period {
    display: none !important;
}

.TSS_ichi_oatime{
    border-left:solid 8px #D52E31;
    margin:0.75em 0 6px;
    padding-left:0.5em;
    color:#D52E31;
    font-weight:bold;
    font-size:1.25em;
}

.TSS_ichi_orange{
    display:inline-block;
    width:auto;
    font-size: 0.875em;
    font-weight: bold;
    margin: 0.3em 0 -0.2em;
    padding:0.3em 0.5em;
    color:#FFF;
    background-color:#ff9d00;    
}

.TSS_ichi_des{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    width:100%;
    color:#333;
    line-height:1.45em;
    font-size:0.875em;
    margin-top:0.8em;
    max-height: 7em;
    overflow: hidden;
}


.TSS_ichi_orange + .TSS_ichi_des{
    max-height: 4em;
    line-height: 1.4;
    -webkit-line-clamp: 3;
    overflow: hidden; 
}

.TSS_event_badge{
    position:absolute;
    width:100%;
    bottom:0;
    left: 0;
    background-color: rgba(58,0,142,0.55);
    font-size:0.875em;
    text-align: left;
    color:#FFF;
    font-weight:bold;
    padding: 4px 0 0 4px;
}

.TSS_event_badge img{
    width:100%;
    max-width: 40px;
    height: auto;
}

/*-----ただいま放送中-----*/
#TSS_nowoa{
    display:flex;
    background-color:#ffb11b;
    width:73%;
    border:solid 3px #ffb11b;
    margin-top:20px;
    align-items: center;
}

#TSS_nowoa iframe{
    height:5em;
    width:100%;
}

#TSS_nowoa .timetable{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif !important;
}

/*-----番組表・番組一覧リンク-----*/

.TSS_ttlink{
    margin-top:24px;
}

.TSS_ttlink ul li{
    display:inline-block;
    vertical-align: middle;
    text-align: center;
    width:78px;
    height:78px;
    margin-left:15px;
    box-shadow:2px 2px 1px 1px rgba(0, 0, 0, 0.4);
    padding:5px;
}

.TSS_ttlink ul li a{
    color:#FFF;
    font-size:0.75em;
    font-weight:bold;
    display:block;
    height:100%;
}

.TSS_ttlink ul li a div{
    border:solid 1px #FFF;
    height:100%;
    padding-top:10px;
}

.TSS_ttlink ul li a div img{
    display:inline-block;
    margin-bottom:5px;
    text-align: center;
}

li.TSS_ttlink_ico01{
    background-color:#d52e31;
}

li.TSS_ttlink_ico02{
    background-color:#ffb11b;
}

li[class^="TSS_ttlink_ico"] div > p img{
    display: block;
    width:46%;
    height: auto;
    margin: 0 auto;
    background-color: #fff;
    padding: 4px;
}



/*----- お知らせ -----*/

.TSS_oshirase{
    padding-top:40px;
}

.TSS_oshirase_wrap{
    background-color:#D52E31;
    border-radius: 4px;
    margin-bottom:60px;
    padding-bottom:20px;
}

.TSS_oshirase_hd{
    display:flex;
    justify-content:space-between;
    align-items: center;
    color:#FFF;
    position:relative;
    min-height: 2.6em;
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px;
    background-color: #d52e31;
    background-image: linear-gradient(#bc0000 40%, transparent 40%, transparent);
    border-radius: 4px;
}

.TSS_oshirase_tit{
    padding:0.75em 0 0.75em 88px;
    font-weight:bold;
}

.TSS_oshirase_tit::before{
    content:url(../img/top2017/ic_info.svg);
    position:absolute;
    width:56px;
    height: 56px;
    left:16px;
    top:-30px;
    padding: 8px;
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px;
    background-color: #d52e31;
    background-image: linear-gradient(#bc0000 40%, transparent 40%, transparent);
    border-radius: 50%;
}

.TSS_oshirase_hd a{
    color:#FFF;
}

.TSS_oshirase_rdmr{
    display: block;
    position: relative;
    width:7.5em;
    right:1em;
    top:2px;
    padding: 0.5em 2em 0.5em 0;
}

.TSS_oshirase_rdmr::after{
    content:url(../img/top2017/ic_readmore.svg);
    display: inline-block;
    width:1.5em;
    height: 1.5em;
    position: absolute;
    top:0;
    right:8px;
    margin: 0 0 0 1em;
}

.TSS_oshirase_lst{
    width:100%;
    padding:0.25em 1em;
}

.TSS_oshirase_lst ul{
    width:100%;
    display:flex !important;
    flex-wrap: wrap;
}

.TSS_oshirase_lst li{
    width:158px;
    font-size:0.7em;
    margin:0.5em;
}

.TSS_oshirase_lst li p{
    line-height:1.5em;
    line-break: anywhere;
}

.TSS_oshirase_lst a{
    text-decoration: none;
}
.TSS_oshirse_cap{
    height:3em;
    color:#003760;
}


.TSS_oshiraseimg img{
    width:100%;
}

.TSS_oshirase_naiyou{
    display:flex;
    flex-direction: column;
    background-color:#FFF;
    padding:0.25em;
    box-shadow:2px 2px 1px 1px rgba(0, 0, 0, 0.4);
    align-content:space-between;
}

.TSS_oshirase_naiyou a{
    text-decoration: none !important;
}

.TSS_oshirasenaiyou_btmwrap{
    position:relative;
}

.TSS_oshirse_cap{
    height:4.5em;
}

.TSS_oshirasecate{
    margin-top:1em;
    width:100%;
}

.TSS_oshirasenaiyou_cnt{
    height:110px;
    position:relative;
}

p[class^="TSS_infoct_"]{
    width:100%;
    background-image: url(../img/top2017/ic_readmore.svg);
    background-repeat: no-repeat;
    background-size: 1.8em 1.8em;
    background-position: center right;
    color: #fff !important;
}

.TSS_infoct_pre{
    background-color:#d52e31;
    border-right:solid 8px #d52e31; /*-- ie対策 --*/
    line-height:3 !important;
    padding:0 0.25em;
}

.TSS_infoct_info{
    background-color:#0ba083;
    border-right:solid 8px #0ba083; /*-- ie対策 --*/
    line-height:3 !important;
    padding:0 0.25em;    
}

.TSS_infoct_clubtss{
    background-color:#510091;
    border-right:solid 8px #510091; /*-- ie対策 --*/
    line-height:3 !important;
    padding:0 0.25em;    
}

.TSS_infoct_new{
    background-color:#005caf;
    border-right:solid 8px #005caf; /*-- ie対策 --*/
    line-height:3 !important;
    padding:0 0.25em;    
}

.TSS_infoct_update{
    background-color:#ffb11b;
    border-right:solid 8px #ffb11b; /*-- ie対策 --*/
    line-height:3 !important;
    padding:0 0.25em;    
}

.TSS_oshirasereadmore{
    position:absolute;
    width:1em;
    height: 1em;
    right:1em;
    top:2px;
}

.TSS_oshirasecate{
    color:#FFF;
}

.TSS_oshirasecate img{
    vertical-align: middle;
    display:inline-block;
    margin-right:3px;
}



/*-----アナウンスルーム -----*/
.TSS_ann{
    background:#fedead;
    padding:16px 8px;
    display:flex;
    justify-content: space-around;
    align-items: center;
    position:relative;
    border-radius: 5px;
}

.TSS_ann_pickup{
    position:absolute;
    top:-32px;
    left:48%;
}

.TSS_ann_bnr ul{
    background-color: #733B00;
    padding: 8px;
}

.TSS_ann_bnr li:last-of-type{
    margin-top:8px;
}


/*-----201907追加 ポケT-----*/
.TSS_pkt{
    display: flex;
    position: relative;
    margin-top:40px;
    background-image: url(../img/top2017/pocket/bg_hishi.svg);
    border-radius: 6px;
}

.TSS_pkt_ttl{
position: relative;
    width:32%;
    margin-top: -20px;
    margin-right: -2%;
}

.TSS_pkt_ttl img{
    display: block;
    width:100%;
    height: auto;
}

.TSS_pkt_linkbox{
    display: block;
    width:64%;
    position: relative;
    margin: 1em 2% 1em auto;
    background-color:#fff;
    border: 4px solid #de1818;
    border-radius: 40px;
    padding: 1em 0.75em;
}

div.TSS_pkt_linkbox::after, div.TSS_pkt_linkbox::before {
  left: -32px;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

div.TSS_pkt_linkbox::after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
  border-width: 16px;
  margin-top: -16px;
}
div.TSS_pkt_linkbox::before {
  border-color: rgba(222, 24, 24, 0);
  border-right-color: #de1818;
  border-width: 22px;
  margin-top: -22px;
  margin-left: -14px;
}

.TSS_pkt_linkbox img{
    width:100%;
    height:auto;
}

.TSS_pkt_linkbox > a{
    display: block;
    width:100%;
    height: 100%;
    margin: 0.5em 0 0;
    color:#444444;
    padding: 0.5em 0;
}

.TSS_pkt_linkbox > a p{
    width:60%;
  font-size:0.875em;
  line-height: 1.5em;
}

.TSS_pkt_linkbox > a p:only-child{
    width:100%;
}

.TSS_pkt_linkbox > a p img{
    display: inline;
    width:1.5em;
    height: auto;
}

.TSS_pkt_linkbox > a:hover{
    color:#de1818;
    text-decoration: underline;
}

.TSS_pkt_thumb{
    position: absolute;
    width:42%;
    right:-8px;
    bottom:-8px;
    background-image: url(../img/top2017/pocket/bg_tv.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    padding: 8% 3% 4%;
    transform: rotate(-9deg);
}

.TSS_pkt_thumb img{
    display: block;
    width:100%;
    height: auto;
    border:solid 2px #ffffff;
}

.TSS_pkt_hd{
    position: absolute;
    top:-1em;
    left:1em;
    max-width:168px;
}


/*-----TSSオシコン-----*/
.TSS_oshicon{
    background-color:#d52e31;
    background-image: radial-gradient(#c61c1d 50%, transparent 0), radial-gradient(#c61c1d 10%, transparent 0);
    background-position: 0 0, 10px 10px;
    background-size: 12px 12px;
    border-radius: 5px;
    padding-bottom:0.5em;
    margin-top:40px;
}

.TSS_oshi_head{
    display:flex;
    justify-content: flex-start;
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px;
    background-color: #d52e31;
    background-image: linear-gradient(#bc0000 40%, transparent 40%, transparent);
    align-items: center;
    position:relative;
    padding-right:3em;
    color:#FFF;
    height:3.5em;
    border-radius:5px;
}

.TSS_oshi_hd_img{
    position:absolute;
    left:5px;
    top:-35px;
}

.TSS_oshi_hd_michaelimg{
    margin-left:10%;
    margin-right:5%;
}

.TSS_oshi_cap{
    line-height:0.75;
}

.TSS_oshi_hd_img img{
    display:block;
}

.TSS_oshicon ul{
    display:flex;
    justify-content:space-between;
    background-color:#FFF;
    margin-top:30px;
    padding:10px;
    margin:0.75em 0.5em 0.25em 0.5em;
}

.TSS_oshicon ul li{
    width:32.5%;
}

.TSS_oshicon ul li img{
    width:100%;
    box-shadow:2px 2px 1px 1px rgba(0, 0, 0, 0.4);
}

/*-----トップ上バナー -----*/
.TSS_topbnr ul{
    display:flex;
    margin:0 auto;
    justify-content:space-around;
    width:100%;
}

.TSS_topbnr ul li img{
    width:100%;
    height: auto;
}

/*-----トピックス -----*/
.TSS_topicksbox{
    padding-right:5px;
    margin-top:30px;
}

.TSS_topicksbox img{
    width:100%;
    display:block;
}

.TSS_topicsbnr{
    background-color:#D52E31;
    border-radius: 0 0 5px 5px;
    padding-bottom:10px;
}

.TSS_topicsbnr ul{
    display:flex;
    justify-content:space-between;
    padding:0 5px;
}

.TSS_topicsbnr li{
    padding:5px;
}

.TSS_topicsbnr li img{
  box-shadow:2px 2px 1px 1px rgba(0, 0, 0, 0.4);
}

/*-----SDGsバナー-----*/
.TSS_topspbnbox{
  margin-top:24px;
  padding-right:5px;
}

.TSS_topspbnbox p{
  background-color:#fff;
  margin-bottom:16px;
}

.TSS_topspbnbox p img{
  display:block;
  width:100%;
}

.TSS_topspbnbox .TSS_bnflx{
  display:flex;
  justify-content:space-between;
}

.TSS_topspbnbox .TSS_bnflx p{
  width:48%;
}

/*-----ニュース＆満点･みんテレラテ-----*/

.TSS_nwmama{
    display:flex;
    justify-content: space-between;
    margin-top:40px;
    padding-right:5px;
}

.TSS_tdnewswrap{
    background-color:#0ba083;
    border-radius: 5px;
    display:flex;
    flex-direction:column;
    margin-right:10px;
}

.TSS_tdnews{
    display:flex;
    justify-content: center;
    position:relative;
    align-items:center;
    padding-left:2em;
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px;
    background-color: #0ba083;
    background-image: linear-gradient(#03531c 40%, transparent 40%, transparent);
    height:2.75em;
    border-radius: 5px 5px 0 0;
}

.TSS_tdnews h2{
    color:#FFF;
    font-weight:bold;
    font-size:1.25em;
}

.TSS_nwimg{
    position:absolute;
    top:-20px;
    left:0;
}

.TSS_news{
    flex-grow:1;
    padding:0 4px;
    height:15.5em;
    overflow-y:scroll;
    overflow-x:hidden;
    background-color:#FFF;
    border-left:4px solid #0ba083;
    border-right:4px solid #0ba083;
}

.news_wrap{
       padding:0 0 0.4em;
 }

.news_wrap li{
    position: relative;
    font-size:0.75em;
    line-height: 1.35em;
    border-bottom:dashed 1px #555;
    margin:0.3em 0 0;
    padding:0.5em 0.5em 0.5em 1em;
}

.news_wrap li::before{
    content: "";
    display: block;
    position: absolute;
    width:4px;
    height:70%;
    top:0;
    left:0;
    bottom:0;
    margin: auto 0;
    background-color: #ccc;
}

.news_wrap li:only-of-type{
     border-bottom: none;
}

.news_wrap li a{
    color:#333;
}

.TSS_newsmore{
    padding:0 8px;
    text-align:right;
    vertical-align: middle;
}

.TSS_newsmore a{
    color:#FFF;
    display:block;
    font-size:0.85em;
    margin-top:8px;
    height:2.25em;
    padding:0 2.5em 0 0;
    line-height:1.55em;
    background-image: url(../img/top2017/ic_readmore.svg);
    background-repeat: no-repeat;
    background-size: 1.4em 1.4em;
    background-position: top right;
}

.TSS_rate{
    max-width:272px;
}

.TSS_rate a{
    color:#333;
    text-decoration: none;
}

.TSS_mama_head,.TSS_mintv_head{
    display:flex;
    align-items: center;
    position:relative;
    justify-content: flex-end;
}

.TSS_mama_naiyou{
    background-color:#ffb11b;
    border-radius: 5px;
    padding:8px;
    position:relative;
    box-shadow:2px 2px 1px 1px rgba(0, 0, 0, 0.4);
}

.TSS_mintv_naiyou{
    background-color:#005bac;
    border-radius: 5px;
    padding:8px;
    position:relative;
    margin-top:20px;
    box-shadow:2px 2px 1px 1px rgba(0, 0, 0, 0.4);
}

.TSS_mama_head img{
    display:block;
    width: 32%;
    margin-top:-40px;
}

.TSS_mintv_head img{
    display:block;
    width: 36%;
    margin-top:-20px;
}


.TSS_rate h2{
    width:64%;
    font-size:0.85em;
    color:#fff;
    font-weight: bold;
    text-shadow: 1px 1px 2px #333333;
    padding:0.75em 0.5em;
}

.TSS_rate h2 > p{
    display:inline-block;
    white-space:nowrap;
    min-height:0;
}

.TSS_rate h2 > p span{
    font-size:1.5em;
}

.TSS_rate h3{
    font-size:0.85em;
    padding:0.5em 0.5em 0;
    line-height:1;
    background-color: #fff;
    font-weight: bold;
}

.TSS_mama_head ~ p, .TSS_mintv_head ~ p{
    font-size:0.75em;
    padding: 0.5em 0.35em 0.75em;
    line-height:1.25em;
    min-height:7.2em;
    background-color: #fff;
}

.TSS_rd_more{
    position:absolute;
    width:10%;
    height: auto;
    right: 1%;
    bottom: 2px;
}


/*----- 埋め込み動画 -----*/
.TSS_movwrap{
    margin-top:40px;
    width:90%;
    margin-left:auto;
    margin-right:auto;
}

.TSS_mov_hd{
    border:solid 2px #d52e31;
    background-color:#FFF;
    border-radius:5px;
    display:flex;
    justify-content:flex-end;
    align-items: center;
    text-align:center;
    font-size:0.75em;
    padding-right:2%;
    position:relative;
}

.TSS_mov_hd_title{
    width:100%;
    line-height:1.5;
    padding:1em;
}

.TSS_mov_hd::after{
    content:url(../img/top2017/movie_bln.png);
    position:absolute;
    bottom:-28px;
    left:10%;
}

.TSS_movbox{
    background: url(../img/top2017/movie_bg.png) no-repeat;
    background-size:100% 100%;
    padding:9% 4% 7%;
    margin-top:8px;
    width:98%;
    margin-left:auto;
    margin-right:auto;
}

.TSS_movbox > div img{
    width:100%;
}

/*----- carpチャンネルバナー ----*/
.TSS_bncarpch{
  padding-top:32px;
}

.TSS_bncarpch img{
  width:100%;
}

/*----- CLUBTSS -----*/
.TSS_clubtss{
    margin-top:40px;
    background-color:#51a8dd;
    position:relative;
    border-radius:5px;
}

.TSS_whclbtss{
    line-height:1.5;
    display:inline-block;
    vertical-align: middle;
}

.TSS_whclbtss::after{
    content:url(../img/top2017/readmore.png);
    vertical-align: sub;
    margin-left:5px;
}

.TSSclbtsshd{
    width:100%;
    display:flex;
    align-items: center;
    justify-content:space-between;
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px;
    background-color: #51a8dd;
    background-image: linear-gradient(#1662c1 40%, transparent 40%, transparent);
    border-radius:5px;
    padding:0.5em;
}

.TSSclbtsshd img{
    position:absolute;
    width:280px;
    height: auto;
    top:-30px;
    display:inline-block;
}

.TSSclbtsshd a{
    color:#FFF;
    display:inline-block;
    width:100%;
    text-align:right;
    vertical-align: bottom;
}

.TSS_clbtsslst{
    padding:0.5em 1em;
}

.TSS_clbtsslst ul li{
    line-height:1.25;
    background-color:#FFF;
    padding:0 0.5em;;
    margin-bottom:10px;
    box-shadow:2px 2px 1px 1px rgba(0, 0, 0, 0.4);
}

.TSS_clbtsslst ul li img{
    width:48px !important;
    height: 48px !important;
    vertical-align: middle;
    display:inline-block;
    margin-right:1.2em;
}

.TSS_clbtsslst li a{
    color:#4d4d4d;
    padding:1em 0.5em;
    font-size:0.75em;
    display:flex;
    align-items:center;
    align-content: stretch;
}

.TSS_clbtsslst li a p{
    line-height:1.5;
}

.TSS_clbtsslgin{
    background-color:#510091 !important;
    text-align: center;
    color:#FFF;
    padding:1em !important;
}

.TSS_clbtsslgin a{
    display:block !important;
    padding:0.5em 0 !important;
    color:#FFF !important;
    border:solid 1px #FFF;
    line-height:1.5;
    font-size:1em !important;
    font-weight:bold;
} 

/*-----お出かけ情報-----*/
.TSS_odekakewrap{
    margin-top:40px;
    background-color:#ffb11b;
    border-radius: 5px;
}

.TSS_odekake{
    display:flex;
    align-items: center;
    position:relative;
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px;
    background-color: #ffb11b;
    background-image: linear-gradient(#ff7204 40%, transparent 40%, transparent);
    border-radius: 5px 5px 0 0;
    padding:5px 0;
}

.TSS_odekakemichael{
    position:absolute;
    top:-40px;
}

.TSS_odekake h2{
    margin-left:3.5em;
    margin-right:0.5em;
    color:#FFF;
    font-weight:bold;
}

.TSS_odekakenaiyou{
    padding:1em;
    padding-top:0;
}

.TSS_odekakenaiyou ul{
    background-color:#FFF;
    padding:0.5em;
    position:relative;
    font-size:0.75em;
    height:12em;
    overflow-y: scroll;
}

.TSS_odekakenaiyou ul li{
    border-bottom:dashed 2px #b3b3b3;
    margin:0.5em 0;
    padding-bottom:0.5em;
}

.TSS_ode_syousai::before{
    content:url(../img/top2017/ico_odekakelist.png);
    position:absolute;
    left:0.5em;
}

.TSS_ode_syousai{
    padding-left:1em;

}

.TSS_ode_syousai a{
    color:#4d4d4d;
    display:block;
    line-height:1.5;
    padding:0 1em;
}

.TSS_ode_tag{
    background-color:#fedead;
    display:inline-block;
    margin:0.5em 0 0.5em 2em;
    padding:0.35em;
}

/*----- 下エリア -----*/
.TSS_btmarea{
    background-color:#FFF;
    width:100%;
}

/*----- TSS番組 -----*/
.TSS_banbox_hd{
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px;
    background-color: #d52e31;
    background-image: linear-gradient(#bc0000 40%, transparent 40%, transparent);
}

.TSS_banbox{
    display:flex;
    position:relative;
    width:100%;
    max-width:1280px;
    margin:0 auto;
    padding:0.8em 0;
}

.TSS_banbox h2:first-child{
    margin-right:auto;
}

.TSS_banbox h2{
    color:#FFF;
    font-weight:bold;
    font-size:1.25em;
    margin-left:5em;
    line-height:1.5;
}

.TSS_banbox h2::before{
    content: url(../img/top2017/tv_hd.png);
    position:absolute;
    padding:0.5em 0.5em 0 0.5em;
    top:-30px;
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px;
    background-color: #d52e31;
    background-image: linear-gradient(#bc0000 40%, transparent 40%, transparent);
    border-radius:40px 40px 0 0;
    margin-left:-4.5em;
}
.TSS_banbox ul{
    display:flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-content: stretch;
    align-items: center;
}

.TSS_banbox li{
    width: auto;
    height: 2em;
}

.TSS_banbox a::after{
    content: url(../img/top2017/ic_readmore.svg);
    display:inline-block;
    width:1.5em;
    height: 2em;
    vertical-align: middle;
    padding:0 1em 0 0.5em;
}

.TSS_banbox a{
    color:#FFF;
    display:inline-block;
    
}

.TSS_banbox ul li:last-child{
    border-left: solid 1px #fff;
    padding-left: 1em;
}

/*-----番組一覧バナー-----*/
.TSS_banlstwrap{
    padding:20px 0 40px 0;
}

.TSS_banlst_main{
    width:100%;
    max-width:1280px;
    margin:0 auto;
}

.TSS_banlst_main a{
    text-decoration: none;
}


.TSS_banlst_main ul{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:0 5em;
    width:100%;
    max-width:1260px;
    margin:0 auto;
}

.TSS_banlst_main ul li{
    box-shadow:2px 2px 1px 1px rgba(0, 0, 0, 0.4);
    min-height:160px;
    width:280px;
    margin-bottom:40px;
}

.TSS_banlst_main ul li img{
    width:100%;
    height: auto;
}

.TSS_ban_caption{
    padding:0.5em;
}

.TSS_ban_caption h3{
    color:#333;
    font-weight:bold;
    line-height:1.5;
}

.TSS_ban_caption p{
    font-size:0.75em;
    line-height:2;
    color:#333;
}

.TSS_ban_caption p span{
    display:inline-block;
    margin-left:1em;
}

.TSS_ban_etc{
    padding:0 2em;
    max-width:1280px;
    width:100%;
    margin:0 auto;
}

.TSS_ban_etc ul{
    display:flex;
    flex-wrap: wrap;
    justify-content:flex-start;
    border:solid 1px #999;
    padding:0.75em 1em;
    font-size:0.75em;
}

.TSS_ban_etc ul li{
    margin-right:1.5em;
}

.TSS_ban_etc ul li::before{
    content: "・";
}


/*-- ミニ番組は表示枠をPCorSPでCSS分け ここは共通部分のみ--*/
.TSS_banlst_mini{
    width:100%;
    max-width:1280px;
    margin:0 auto 40px;
    padding:0 5em;
}


.TSS_banlst_mini ul li img{
    width:90%;
    height: auto;
}

.TSS_banlst_mini ul li a{
    text-decoration: none;
}

.TSS_banlst_mini ul li h3{
    width:100%;
    text-align: left;
    font-size:0.75em;
}

.TSS_banlst_mini ul li p{
    text-align: left;    
}

/*----- 営業バナーエリア -----*/

.TSS_egbnrwrap{
    width:100%;
    background-image: url(../img/top2017/bg_michael/bg_mccalendar11.png);
    background-repeat: repeat-x;
    background-position:left bottom;
    background-size: auto 100%;
}

.TSS_egbnrarea{
    background-color:#ffeae9;
    padding:3em 0.75em;
    width:100%;
    max-width:1280px;
    margin:0 auto;
}

.TSS_egbnrarea ul{
    display:flex;
    flex-direction:row;
    flex-wrap: wrap;
    justify-content:flex-start;
    align-items: center;
    -webkit-align-content:space-around; /* Safari */
    align-content:space-around;
    height:240px;
    padding:8px;
    margin: 0 auto;
    background-color:#FFF;
}

.TSS_egbnrarea ul li{
    width:20%;
    padding:0 1%;
    text-align: center;
}

.TSS_egbnrarea ul li img{
    width:100%;
    max-width: 234px;
    height: auto;
}

/*----- リンクエリア -----*/
.TSS_lnkareawrap{
    background-color:#EEE;
    width:100%;
}

.TSS_lnkareabox{
    max-width:1280px;
    margin:0 auto;
    width:100%;
    padding:1.5em 1em;
    display:flex;
    justify-content: space-between;
}

.TSS_lnkcontent{
    width:100%;
    padding:0 0.5%;
}

.TSS_lnkcontent a{
    color:#333;
}

.TSS_lnkcontent h4{
    border-bottom:solid 2px #444;
    font-weight:bold;
    line-height:1.5;
}

.TSS_lnkcontent ul{
    padding:0.75em 0;
}

.TSS_lnkcontent ul li{
    font-size:0.75em;
    line-height:2;
}

.TSS_lnkcontent ul li img{
    display:block;
    width:100%;
    max-width:16em;
    height:auto;
}

/*----- 関連会社 -----*/

.TSS_relcom{
    background-color:#ccc;
    width:100%;
}

.TSS_relbnrarea{
    width:100%;
    max-width:1280px;
    margin:0 auto;
    display:flex;
    align-items: center;
    padding:1em;
}

.TSS_relbnrarea h4{
    font-weight:bold;
    font-size:0.95em;
    margin-right:2em;
}

.TSS_relbnrarea ul{
    display:flex;
    flex-wrap: nowrap;
    justify-content:space-between;
    align-content: stretch;
    align-items: center;
    width:82%;
}

.TSS_relbnrarea ul li{
    padding: 0 1%;
}

.TSS_relbnrarea ul li img{
    width:100%;
    max-width:242px;
    height:auto;
    border:solid 1px #FFF;    
}

/*---- 注意事項 ----*/

.TSS_cautionwrap{
    width:100%;
}

.TSS_cautioncont{
    width:100%;
    max-width:1280px;
    margin:0 auto;
    font-size:0.75em;
    color:#666;
    padding:0.75em 1.25em;
}

/*-----フッター-----*/

.TSS_footer{
    text-align:center;
    background-color:#d52e31;
    padding:1.25em;
    color:#FFF;
    font-size:0.75em;
}

/*-----スライダー上書き-----*/
.flexslider{
    border:none;
    margin-bottom:0;
}

.flex-direction-nav a.flex-next:before{
    content:url(../img/top2017/ichioshi/control_rev.png);
}

.flex-direction-nav a:before{
    content:url(../img/top2017/ichioshi/control_prev.png);
}

/*-- nav常時表示 --*/
.flex-direction-nav a{
    opacity: 1 !important; 
    bottom:-8%;
    top:auto;
}

.flex-direction-nav .flex-prev {
  left: 8px;

}
.flex-direction-nav .flex-next {
  right: 8px;
  text-align: right;
}

.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 18px;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 18px;
}

.flexslider-controls{
    width: 100%;
    padding:10px 0;
    background-color:#D52E31;
    text-align: center;
    border-radius: 0 0 5px 5px;
}

 ul.TSS_ichioshithumb{
    width: 96%;
    margin:0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.TSS_ichioshithumb li{
    display: block;
    width:100%;
    max-width:12%;
/*    min-width:72px;
*/    padding:8px 0;
}

div.TSS_ichithumbimg{
    width:100%;
    position: relative;
    overflow: hidden;
}

div.TSS_ichithumbimg::before{
    content: "";
    display: block;
    padding-top: 60%;  
}

.TSS_ichithumbimg > img {
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin: auto;
    opacity: .7;
    cursor: pointer;
    transition:none;
    -moz-user-select: none;
    -moz-transition:none;
    -ms-transition: none;
    -o-transition:none;
}

.flex-active {
	position: relative;
	background: #ffffff;
	border: 3px solid #ff9d00;
}

.flex-active img{
    opacity: 1;
}

.flex-active:after, .flex-active:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.flex-active:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 16px;
	margin-left: -16px;
}

.flex-active:before {
	border-color: rgba(255, 157, 0, 0);
	border-bottom-color: #ff9d00;
	border-width: 20px;
	margin-left: -20px;
}

/*----- TOPへ戻るボタン ------*/
.TSS_pagetop {
    position: fixed;
    width:20%;
    max-width: 112px;
    display:none;
    left:50%;
    bottom:0;
    margin-left:600px;
}

.TSS_pagetop img{
    width:100%;
    height:auto;
}


.tss_specialbnr img{
  width:100%;
}

@media screen and (max-width:960px){
  .TSS_pagetop {
      left:auto;
      right:0;
      margin-left:0;
  }
}