@charset "UTF-8";

body{
margin:0;
}
.wrap-header,.wrap-menu {
  line-height: 1;
  font-family: "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif; }

.wrap-header ol, .wrap-header ul ,
.wrap-menu ol, .wrap-menu ul {
  list-style: none; 
  margin:0;
  padding:0;
}

.wrap-header button,.wrap-menu button{
  cursor: pointer;
}
.wrap-header p,.wrap-menu p{
  margin:0;
}


/* ------------------------------------
 * 階層の問題を上書き
------------------------------------ */
#i_search_autocomplete{
  z-index: 999 !important;
}


/* ------------------------------------
 * header
------------------------------------ */
.wrap-contents {
  width: 1000px;
  margin-left: auto;
  margin-right: auto; }

.with-banner {
  background: #eb5e00;
  padding-bottom: 10px; }
  .with-banner header {
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    align-content: center;
    justify-content: space-between; }
  .with-banner .logo-area {
    padding-right: 50px; }
  .with-banner .logo-abc {
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    width: 205px;
    height: 55px;
    background: url(/header/img/header-logo-l.png) 0 0 no-repeat;

    margin-bottom: 12px; }
  .with-banner .btn-program-table {
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    position: relative;
    height: 28px;
    width: 195px;
    background: url(/header/img/header-table-l.png) 0 0 no-repeat;

    }
    .with-banner .btn-program-table:hover{
      background-position: 0 -28px;
    }
  .with-banner .banner-area {
    width: 730px;
    margin-top: 10px; }
    .with-banner .banner-area a {
      display: block;
      height: 90px; }

.list-inline li {
  display: block;
  float: left;
  }
  .list-inline li:after{
    content: "";
    display: block;
    clear: both;
  } 

.menu-line-category2 {
  background: #fff;
  font-size: .86rem; }
  .menu-line-category2 .wrap-contents {
    position: relative;
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    align-content: center;
    justify-content: space-between; }
  .menu-line-category2 .list-inline a {
    position: relative;
    display: block;
    text-decoration: none;
    color: black;
    padding: 6px 8px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background-repeat: no-repeat;
    -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
    }
  .menu-line-category2 .list-inline a:hover{
      background-color: #f1f1f1;  }
  .menu-line-category2 .list-inline p{
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    height: 25px;
    background-image: url(/header/img/header-submenu.png);
  }

  .category2-news_weather p{
    background-position: 0 0;
    width: 117px;  }
  .category2-ann p{
    background-position: 0 -25px;
    width: 78px;  }
  .category2-event p{
    background-position: 0 -50px;
    width: 52px;  }
  .category2-movie p{
    background-position: 0 -75px;
    width: 78px;  }
  .category2-present p{
    background-position: 0 -100px;
    width: 104px;  }
  .category2-sns p{
    background-position: 0 -125px;
    width: 52px;  }
  .category2-company p{
    background-position: 0 -150px;
    width: 52px;  }
  .category2-sitemap p{
    background-position: 0 -175px;
    width: 78px;  }
  .category2-english p{
    background-position: 0 -200px;
    width: 57px;  }

  .menu-line-category2.wrap-fixed{
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  }


.menu-line-category1 {
  background: url(/header/img/header-bg.png); }
  .menu-line-category1 .wrap-contents {
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    align-content: center;
    justify-content: space-between; }
  .menu-line-category1 li {
    position: relative;
    line-height: 2rem; }

  .menu-line-category1 .list-inline a {
    position: relative;
    display: block;
    text-decoration: none;
    color: black;
    padding: 8px 24px 8px 9px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background-repeat: no-repeat;
    -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;

    }
    .menu-line-category1 .list-inline a:after{
      content: "";
      position: absolute;
      right: 7px;
      top: 0;
      height: 100%;
      width: 7px;
      background: url(/header/img/header-arw-right.png) center center no-repeat;
    }
    .menu-line-category1 .list-inline a:hover,.menu-line-category1 .list-inline a.active{
      background-color: #eb5e01;  }
    .menu-line-category1 .list-inline a:hover:after,.menu-line-category1 .list-inline a.active:after{
      background-position: -14px center;  }
  .menu-line-category1 .list-inline p{
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    height: 25px;
    background-image: url(/header/img/header-menu-l.png);
  }
  .menu-line-category1 .logo-area_s,
  .menu-line-category1 .btn-etc{
    display: none;
  }

  .menu-line-category1 .category1-news p{
    background-position: 0 0;
    width: 79px;  }
  .menu-line-category1 .category1-variety_music p{
    background-position: 0 -25px;
    width: 127px;  }
  .menu-line-category1 .category1-drama_movie p{
    background-position: 0 -50px;
    width: 95px;  }
  .menu-line-category1 .category1-anime_hero p{
    background-position: 0 -75px;
    width: 127px;  }
  .menu-line-category1 .category1-cooking_trip p{
    background-position: 0 -100px;
    width: 63px;  }
  .menu-line-category1 .category1-sports p{
    background-position: 0 -125px;
    width: 63px;  }

  .menu-line-category1 .btn-program-list {
    display: block;
    float: left;
    margin: 8px 10px 8px 0;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    height: 25px;
    background: url(/header/img/header-list-l.png) 0 0 no-repeat;
    width: 107px; }
    .menu-line-category1 .btn-program-list:hover{
      background-position: 0 -25px;
    }
  .menu-line-category1 .btn-program-deli {
    display: block;
    float: right;
    margin: 8px 0;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    height: 25px;
    background: url(/header/img/header-deli-l.png) 0 0 no-repeat;
    width: 107px; }
    .menu-line-category1 .btn-program-deli:hover{
      background-position: 0 -25px;
    }


.menu-line-category1_s {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999999;
  background: url(/header/img/header-bg.png); }
  .menu-line-category1_s .wrap-contents {
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    align-content: center;
    justify-content: space-between; }

  .menu-line-category1_s .list-inline a {
    position: relative;
    display: block;
    text-decoration: none;
    color: black;
    padding: 8px 20px 8px 4px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background-repeat: no-repeat;
    -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
    }
    .menu-line-category1_s .list-inline a:after{
      content: "";
      position: absolute;
      right: 7px;
      top: 0;
      height: 100%;
      width: 7px;
      background: url(/header/img/header-arw-right.png) center center no-repeat;
    }
    .menu-line-category1_s .list-inline a:hover,.menu-line-category1_s .list-inline a.active{
      background-color: #eb5e01;  }
    .menu-line-category1_s .list-inline a:hover:after,.menu-line-category1_s .list-inline a.active:after{
      background-position: -14px center;  }
  .menu-line-category1_s .list-inline p{
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    height: 25px;
    background-image: url(/header/img/header-menu-s.png);
  }

  .menu-line-category1_s .category1-news p{
    background-position: 0 0;
    width: 63px;  }
  .menu-line-category1_s .category1-variety_music p{
    background-position: 0 -25px;
    width: 104px;  }
  .menu-line-category1_s .category1-drama_movie p{
    background-position: 0 -50px;
    width: 77px;  }
  .menu-line-category1_s .category1-anime_hero p{
    background-position: 0 -75px;
    width: 39px;  }
  .menu-line-category1_s .category1-cooking_trip p{
    background-position: 0 -100px;
    width: 49px;  }
  .menu-line-category1_s .category1-sports p{
    background-position: 0 -125px;
    width: 55px;  }

  .menu-line-category1_s .logo-abc{
    display: block;
    float: left;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    position: relative;
    height: 25px;
    width: 80px;
    margin: 8px 16px 8px 0;
    text-decoration: none; 
    background: url(/header/img/header-logo-s.png) 0 0 no-repeat;
    }

  .menu-line-category1_s .btn-program-table{
    display: block;
    float: left;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    position: relative;
    height: 25px;
    width: 77px;
    margin: 8px 0;
    text-decoration: none; 
    background: url(/header/img/header-table-s.png) 0 0 no-repeat;
    }
    .menu-line-category1_s .btn-program-table:hover{
      background-position: 0 -25px;
    }
  .menu-line-category1_s .btn-program-list {
    display: block;
    float: left;
    margin: 8px 8px 8px 0;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    height: 25px;
    background: url(/header/img/header-list-s.png) 0 0 no-repeat;
    width: 86px; }
    .menu-line-category1_s .btn-program-list:hover{
      background-position: 0 -25px;
    }
  .menu-line-category1_s .btn-program-deli {
    display: block;
    float: left;
    margin: 8px 0;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    height: 25px;
    background: url(/header/img/header-deli-s.png) 0 0 no-repeat;
    width: 99px; }
    .menu-line-category1_s .btn-program-deli:hover{
      background-position: 0 -25px;
    }
  .menu-line-category1_s .btn-etc{
    display: block;
    float: left;
    padding: 8px 0;
    margin: 0 0 0 8px;
    position: relative;
    -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
    }
    .menu-line-category1_s .btn-etc p{
    height: 25px;
    width: 69px;
    background: url(/header/img/header-etc.png) 0 0 no-repeat;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
    }
    .menu-line-category1_s .btn-etc:hover{
          background-color: #eb5e01;  }

    #js-category2_fixed.wrap-open+.menu-line-category1_s .btn-etc p{
      background-position: 0 -25px;
    }
    #js-category2_fixed.wrap-close+.menu-line-category1_s .btn-etc p{
      background-position: 0 0;
    }


.wrap-menu .wrap-fixed{
  position: fixed;
  top: -50px;
  left: 0;
  width: 100%;
  z-index: 999998;
  -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.wrap-menu .wrap-close{
  top: -50px;
}
.menu-line-category1_s.wrap-open{
  top: 0;
}
.menu-line-category2.wrap-open{
  top: 40px;
}
.wrap-menu_s{
  height: 41px;
  background: url(/header/img/header-bg.png);
}
.form-search {
  display: flex;
  width: 160px;
  margin: 4px 0; }
  .form-search input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .86rem;
    padding: 0 5px 0 10px;
    width: 126px;
    line-height: 1.6rem;
    border: 1px solid #ddd;
    border-radius: 1.5rem 0 0 1.5rem;
    display: inline-block; }
  .form-search button {
    background: #999;
    display: inline-block;
    border: none;
    padding:1px 6px;
    border-radius: 0 1.5rem 1.5rem 0; }
    .form-search button:hover{
    background: #666;
    }
  .form-search .ico-search {
    display: inline-block;
    margin: 2px 5px 0 0;
    background: url(/header/img/ico-search.png) 0 0 no-repeat;
    width: 14px;
    height: 14px; }

/* 中ヘッダー用 */
.wrap-menu_m{
  height: 76px;
  background: url(/header/img/header-bg.png);
}
.wrap-menu_m .form-search {
	margin: 5px 0 4px;
}
.wrap-menu_m .menu-line-category2.wrap-fixed {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: 1px solid #ccc;
}
.wrap-menu_m .menu-line-category1_s .list-inline a {
	padding: 8px 25px 8px 11px;
}
.wrap-menu_m .menu-line-category1_s .list-inline a:after {
	right: 9px;
}
.wrap-menu_m .menu-line-category1_s .btn-program-list {
	margin: 8px 10px 8px 0;
}
/* ===== 広告部 ==================================== */
#headerBannerArea {
	width: 100%;
	margin: 0px auto;
	padding: 10px 0px;
	text-align: center;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}
#headerBannerArea div {
	margin: 0px auto;
}