@charset "UTF-8";
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}




html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
}

html {
    line-height: 1.3em
}

ol, ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q, blockquote {
    quotes: none
}

q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html, body {
    width: 100%;
    height: 100%
}

.nowrap {
    white-space: nowrap
}

body {
    background: #e7f3f8;
    color: #000;
    font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

.clear {
clear:both;
}

/*CLEARFIX*/
.clearfix:after{ content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}
.clearfix{ display:inline-block;}
/*Hide from IE-mac\*/
*html .clearfix{ height:1%;}
.clearfix{ display:block;}
/*End hide form IE-mac*/

a:link {
color: #000;
text-decoration:none;
outline:none;
}
a:visited {
color: #000;
text-decoration:none;
}
a:hover {
color: #000;
 /*background-color:#e5fdff;*/ text-decoration:none;
 }
a:active {
color: #000;
 /*background-color:#e5fdff;*/ text-decoration:none;
 }
a:focus {outline:none;}

#snsBlock .nhksocialbtn_style {
    *zoom: 1
}

#snsBlock .nhksocialbtn_style:after {
    content: "";
    display: table;
    clear: both
}

#wrapper { width:100%; background:#e7f3f8; position:relative; border-top:solid 1px #c3f0ff;}


#all {
    padding: 0 0px;
    margin: 0 auto;
}

#all{max-width/*\**/:1260px\9;}


/*----ヘッダー----*/
header { width:100%; height:120px; margin:0 auto; background-color:#c3f0ff; z-index: 9999;
background-repeat: repeat;
-moz-background-size :14px 700px;
-webkit-background-size:14px 700px;
background-size:14px 700px;
/* background-image:url(../images/bg_header.gif); */
background-position:center top;
box-shadow: 0px 1px 4px #93999d;
-moz-box-shadow: 0px 1px 4px #93999d;　/* Firefox用 */
-webkit-box-shadow: 0px 1px 4px #93999d;　/* Safari,Google Chrome用 */
}
header #headerArea { width:1000px; height:80px; margin:0 auto; position:relative;}
header #headerArea:after {
clear: both;
content: " ";
display: block; }
header #headerArea h1 a {
width:295px; height:80px; text-indent:-9999px; float:left; display:block;
background-repeat: no-repeat;
-moz-background-size :295px 80px;
-webkit-background-size:295px 80px;
background-size:295px 80px;
background-image:url(../images/h1.png);
background-position:0 0;
}
header #headerArea #gNaviSp { display:none;}
header #headerArea #gNavi { float:right;}
header #headerArea #gNavi #gNaviBtn { display:none;}
header #headerArea #gNavi ul{ padding-top:51px;}
header ul:after {
clear: both;
content: " ";
display: block; }
header #headerArea #gNavi ul li { float:left;}
header #headerArea #gNavi ul li a { font-size:0.8em; margin-left:20px; padding:3px 2px 3px 23px;
background-repeat: no-repeat;
-moz-background-size :18px 18px;
-webkit-background-size:18px 18px;
background-size:18px 18px;
background-position:left center;
font-family:"ShinGo-Medium JIS2004", "新ゴ M JIS2004", "Shin Go Medium JIS2004", "A-OTF 新ゴ Pr6N M", "A-OTF Shin Go Pr6N M", "メイリオ";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
header #headerArea #gNavi ul li.gnavi01 a {background-image:url(../images/gnavi01.png);}
header #headerArea #gNavi ul li.gnavi02 a {background-image:url(../images/gnavi02.png);}
header #headerArea #gNavi ul li.gnavi03 a {background-image:url(../images/gnavi03.png);}
header #headerArea #gNavi ul li.gnavi04 a {background-image:url(../images/gnavi04.png);}
header #headerArea #gNavi ul li.gnavi05 a {background-image:url(../images/gnavi05.png);}
header #headerArea #gNavi ul li a:hover{ color:#00419a;}
header #headerArea #gNavi ul li.naviTw a { width:148px; height:27px; position:absolute; top:7px; right:0; margin-right:0px; padding-left:0px; text-indent:-9999px;
background-repeat: no-repeat;
-moz-background-size :148px 54px;
-webkit-background-size:148px 54px;
background-size:148px 54px;
background-position:0 0;
background-image:url(../images/navi_tw.png);}
header #headerArea #gNavi ul li.naviTw a:hover{ background-position:0 -27px; }
header #headerArea #sNavi { display:none;}

header #naviArea { width:100%; background-color:#fff;}
header #naviArea.fixed {
  position: fixed; top: 0; left: 0; z-index: 1000; width: 100%;
  box-shadow: 0px 1px 4px #93999d;
-moz-box-shadow: 0px 1px 4px #93999d;　/* Firefox用 */
-webkit-box-shadow: 0px 1px 4px #93999d;　/* Safari,Google Chrome用 */
}
header #naviArea ul { width:1000px; margin:0 auto; border-left:solid 1px #e8e8e8;}
header #naviArea ul li{ width:10%; float:left; border-right:solid 1px #e8e8e8;}
header #naviArea ul li a { display:block; height:40px;
background-repeat: no-repeat;
-moz-background-size :100px 400px;
-webkit-background-size:100px 400px;
background-size:100px 400px;
background-image:url(../images/navi_category.png);
text-indent:-9999px;
}
header #naviArea ul li a:hover { background-color:#fff;
background-repeat: no-repeat, repeat-x;
-moz-background-size :100px 400px, 1px 40px;
-webkit-background-size:100px 400px, 1px 40px;
background-size:100px 400px, 1px 40px;
background-image:url(../images/navi_category.png), url(../images/navi_category_ov.png);
text-indent:-9999px;
}
#top header #naviArea ul li.cate01 a, #society header #naviArea ul li.cate02 a, #weather header #naviArea ul li.cate03 a, #culture header #naviArea ul li.cate04 a, #politics header #naviArea ul li.cate05 a, #business header #naviArea ul li.cate06 a, #international header #naviArea ul li.cate07 a, #sports header #naviArea ul li.cate08 a, #life header #naviArea ul li.cate09 a, #local header #naviArea ul li.cate10 a {
background-color:#fff;
background-repeat: no-repeat, repeat-x;
-moz-background-size :100px 400px, 1px 40px;
-webkit-background-size:100px 400px, 1px 40px;
background-size:100px 400px, 1px 40px;
background-image:url(../images/navi_category.png), url(../images/navi_category_ov.png);
text-indent:-9999px;
}


header #naviArea ul li.cate01 a{ background-position:center 0px;}
header #naviArea ul li.cate02 a{ background-position:center -40px;}
header #naviArea ul li.cate03 a{ background-position:center -80px;}
header #naviArea ul li.cate04 a{ background-position:center -120px;}
header #naviArea ul li.cate05 a{ background-position:center -160px;}
header #naviArea ul li.cate06 a{ background-position:center -200px;}
header #naviArea ul li.cate07 a{ background-position:center -240px;}
header #naviArea ul li.cate08 a{ background-position:center -280px;}
header #naviArea ul li.cate09 a{ background-position:center -320px;}
header #naviArea ul li.cate10 a{ background-position:center -360px;}
header #naviArea ul li.cate01 a:hover{ background-position:center 0px, 0px 0px;}
header #naviArea ul li.cate02 a:hover{ background-position:center -40px, 0px 0px;}
header #naviArea ul li.cate03 a:hover{ background-position:center -80px, 0px 0px;}
header #naviArea ul li.cate04 a:hover{ background-position:center -120px, 0px 0px;}
header #naviArea ul li.cate05 a:hover{ background-position:center -160px, 0px 0px;}
header #naviArea ul li.cate06 a:hover{ background-position:center -200px, 0px 0px;}
header #naviArea ul li.cate07 a:hover{ background-position:center -240px, 0px 0px;}
header #naviArea ul li.cate08 a:hover{ background-position:center -280px, 0px 0px;}
header #naviArea ul li.cate09 a:hover{ background-position:center -320px, 0px 0px;}
header #naviArea ul li.cate10 a:hover{ background-position:center -360px, 0px 0px;}

#top header #naviArea ul li.cate01 a{ background-position:center 0px, 0px 0px;}
#society header #naviArea ul li.cate02 a{ background-position:center -40px, 0px 0px;}
#weather header #naviArea ul li.cate03 a{ background-position:center -80px, 0px 0px;}
#culture header #naviArea ul li.cate04 a{ background-position:center -120px, 0px 0px;}
#politics header #naviArea ul li.cate05 a{ background-position:center -160px, 0px 0px;}
#business header #naviArea ul li.cate06 a{ background-position:center -200px, 0px 0px;}
#international header #naviArea ul li.cate07 a{ background-position:center -240px, 0px 0px;}
#sports header #naviArea ul li.cate08 a{ background-position:center -280px, 0px 0px;}
#life header #naviArea ul li.cate09 a{ background-position:center -320px, 0px 0px;}
#local header #naviArea ul li.cate10 a{ background-position:center -360px, 0px 0px;}

@media screen and (max-width: 1020px) {
header{ height:auto;}
header #headerArea { width:auto; height:auto; margin:0 10px; position:relative;}

header #naviArea ul { width:auto;}
header #naviArea ul li{ width:20%; border-bottom:solid 1px #e8e8e8;}
header #naviArea ul li:nth-child(6), header #naviArea ul li:nth-child(7), header #naviArea ul li:nth-child(8), header #naviArea ul li:nth-child(9), header #naviArea ul li:nth-child(10) { border-bottom:none;}
}

@media screen and (max-width: 940px) {
header #headerArea h1 a {float:none;}
header #headerArea #gNavi { float:right;}
header #headerArea #gNavi ul{ padding:5px 0 10px;}
}

@media screen and (max-width: 650px) {
header {
    position: fixed;
    left: 0;
    transform: translate(0, 0);
    z-index: 499;
    will-change: transform;
  }
header #headerArea {height:65px;}
header #headerArea h1 a { margin:0 auto; width:148px;
-moz-background-size :236px 65px;
-webkit-background-size:236px 65px;
background-size:236px 65px;
}

header #headerArea #gNavi { display:none;}
header #headerArea #gNaviSp { display:block; position:absolute; top:10px; left:0; z-index:50;}
header #headerArea #gNavi #gNaviBtn { display:block; width:45px; height:45px;
}

header #headerArea #gNaviSp a {
display:block; width:45px; height:45px;
background-repeat: no-repeat;
-moz-background-size :45px 45px;
-webkit-background-size:45px 45px;
background-size:45px 45px;
background-image:url(../images/gnavi_icon_plus.gif);
text-indent:-9999px;
}
header #headerArea #gNaviSp a.close {
display:block; width:45px; height:45px;
background-repeat: no-repeat;
-moz-background-size :45px 45px;
-webkit-background-size:45px 45px;
background-size:45px 45px;
background-image:url(../images/gnavi_icon_minus.gif);
text-indent:-9999px;
}


header #headerArea #gNaviSp ul{ margin:0 0px; padding:0; border:solid 2px #003cb5; background:#fff; /*display:none;*/}
header #headerArea #gNaviSp ul li{ width:50%; border-bottom:solid 1px #e8e8e8; float:left;}
header #headerArea #gNaviSp ul li:nth-child(odd){ border-right:solid 1px #e8e8e8;}
header #headerArea #gNaviSp ul li:nth-last-child(1)/*, header #headerArea #gNaviSp ul li:nth-last-child(2)*/{ border-bottom:none;}
header #headerArea #gNaviSp ul li a { display:block; height:auto; width:100%; text-align:center; padding:15px 0 15px 15px; background-position:10px center; text-indent:0; font-size:0.9em;
background-color: #fff;
-moz-background-size :20px 20px;
-webkit-background-size:20px 20px;
background-size:20px 20px;
font-family:"ShinGo-Medium JIS2004", "新ゴ M JIS2004", "Shin Go Medium JIS2004", "A-OTF 新ゴ Pr6N M", "A-OTF Shin Go Pr6N M", "メイリオ";
}
header #headerArea #gNaviSp ul li.gnavi01 a {background-image:url(../images/gnavi01.png);}
header #headerArea #gNaviSp ul li.gnavi02 a {background-image:url(../images/gnavi02.png);}
header #headerArea #gNaviSp ul li.gnavi03 a {background-image:url(../images/gnavi03.png);}
header #headerArea #gNaviSp ul li.gnavi04 a {background-image:url(../images/gnavi04.png);}
header #headerArea #gNaviSp ul li.gnavi05 a {background-image:url(../images/gnavi05.png);}
header #headerArea #gNaviSp ul li.naviTw a { display:block; height:auto; width:100%; position:static; background-image:none; text-indent:0; text-align:center; padding:15px 0; }

/*header #headerArea #sNavi {position:relative;}*/
header #headerArea #sNavi { display:block; width:100%;  position:absolute; top:55px; left:0; z-index:50; }
header #headerArea #sNavi #sNaviBtn { display:block; width:45px; height:45px; position:absolute; top:-45px; right:0;}

header #headerArea #sNavi a#sNaviBtn {
display:block; width:45px; height:45px;
background-repeat: no-repeat;
-moz-background-size :45px 45px;
-webkit-background-size:45px 45px;
background-size:45px 45px;
background-image:url(../images/search_icon_plus.gif);
text-indent:-9999px;
}
header #headerArea #sNavi a#sNaviBtn.close {
display:block; width:45px; height:45px;
background-repeat: no-repeat;
-moz-background-size :45px 45px;
-webkit-background-size:45px 45px;
background-size:45px 45px;
background-image:url(../images/search_icon_minus.gif);
text-indent:-9999px;
}
header #headerArea #sNavi #searchNaviArea { margin:0 0px; padding:0; border:solid 2px #003cb5; background:#fff;}
header #headerArea #sNavi h2 { text-align:center; color:#fff; font-weight:bold; background-color:#4772ca; padding:3px 0; font-family:"ShinGo-DeBold JIS2004", "新ゴ DB JIS2004", "Shin Go DeBold JIS2004", "A-OTF 新ゴ Pr6N DB", "A-OTF Shin Go Pr6N DB", "メイリオ";}
header #headerArea .seachBlock { border-bottom:solid 1px #b2c4e9;}
header #headerArea .seachBlock:last-child {border-bottom:none;}
#searchNaviArea section a {
  font-weight: normal;
  position: relative;
  display:block;
  font-family:"ShinGo-DeBold JIS2004", "新ゴ DB JIS2004", "Shin Go DeBold JIS2004", "A-OTF 新ゴ Pr6N DB", "A-OTF Shin Go Pr6N DB", "メイリオ";
}
#searchNaviArea section a:after {
display: block;
position: absolute;
top: 50%;
right:15px;
content: '';
margin-top: -10px;
background-repeat: no-repeat;
-moz-background-size :11px 9px;
-webkit-background-size:11px 9px;
background-size:11px 9px;
background-image:url(../images/icon_plus.png);
background-position:right center;
width: 18px;
height: 18px;
}
#searchNaviArea a.close:after {
display: block;
position: absolute;
top: 50%;
right:15px;
content: '';
margin-top: -10px;
background-repeat: no-repeat;
-moz-background-size :11px 9px;
-webkit-background-size:11px 9px;
background-size:11px 9px;
background-image:url(../images/icon_minus.png);
background-position:right center;
width: 18px;
height: 18px;
}
#sNavi #searchNaviArea .search { padding-top:5px;}
#sNavi #searchNaviArea .search ul li a:after{ display:none;}
#sNavi #searchNaviArea h3 { color:#00419a; font-weight:bold; padding:10px 15px;}
#sNavi #searchNaviArea .search { padding-bottom:15px;}
#sNavi #searchNaviArea ul { padding:0 20px;}
#sNavi #searchNaviArea ul li a {
background-repeat: no-repeat;
background-position:left center;
-moz-background-size :7px 8px;
-webkit-background-size:7px 8px;
background-size:7px 8px;
background-image:url(../images/arrow.png);
padding:8px 5px 7px 15px; font-size:0.95em; /*font-weight:bold;*/
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
#sNavi #searchNaviArea ul li a:hover { color:#00419a;}

#sNavi #searchNaviArea #freewordSearch .search { padding:0 0px 15px; margin:0 15px;}

#keywordBox li a{}
#sNavi #keywordBox { text-align:center; padding:0; margin:0 auto;}
#sNavi #keywordBox dl { width:auto; display:inline-block; margin-bottom:0; float:none; }
#sNavi #keywordBox dl dt { display:none;}
#sNavi #keywordBox a { display:inline-block; padding-bottom:0;}
#sNavi #keywordBox a:after { display:none;}
#sNavi #keywordBox a dl dd span { background-color:#c3f0ff; margin:0px 2px; color:#000; padding:3px 12px; background-image:none; text-align:center; border-radius: 12px; font-size:0.9em; font-weight:normal; font-family:"メイリオ";}
#sNavi #searchNaviArea #keywordSearch ul li { display:inline-block; }
#sNavi #searchNaviArea #keywordSearch ul li a { background-color:#c3f0ff; margin:3px 2px 6px; color:#000; padding:3px 12px; background-image:none; text-align:center; border-radius: 12px; font-size:0.9em;}

#sNavi #searchNaviArea #genreSearch .search { padding-bottom:0px;}
#sNavi #searchNaviArea #genreSearch:after {
clear: both;
content: " ";
display: block; }
#sNavi #searchNaviArea #genreSearch ul { padding:0; width:100%;}
#sNavi #searchNaviArea #genreSearch ul li{ float:left; width:50%; border-top:solid 1px #e8e8e8;}
#sNavi #searchNaviArea #genreSearch ul li:nth-child(odd) { border-right:solid 1px #e8e8e8;}
#sNavi #searchNaviArea #genreSearch ul li a {
background-image:none;
background-color:#fff;
padding:10px 0px; margin:0px; font-size:0.95em; text-align:center; color:#000; display:block;
}

#top #sNavi #searchNaviArea #genreSearch ul li.cate01 a,
#society #sNavi #searchNaviArea #genreSearch ul li.cate02 a,
#weather #sNavi #searchNaviArea #genreSearch ul li.cate03 a,
#culture #sNavi #searchNaviArea #genreSearch ul li.cate04 a,
#politics #sNavi #searchNaviArea #genreSearch ul li.cate05 a,
#business #sNavi #searchNaviArea #genreSearch ul li.cate06 a,
#international #sNavi #searchNaviArea #genreSearch ul li.cate07 a,
#sports #sNavi #searchNaviArea #genreSearch ul li.cate08 a,
#life #sNavi #searchNaviArea #genreSearch ul li.cate09 a,
#local #sNavi #searchNaviArea #genreSearch ul li.cate10 a{ background-color:#cff3ff;}

#sNavi #searchNaviArea #backnumberSearch ul li ul { padding:0 0 10px 15px;}
#sNavi #searchNaviArea #backnumberSearch #backnumberList li a:after, #sNavi #searchNaviArea #backnumberSearch #backnumberList li a.close:after { display:block;}
#sNavi #searchNaviArea #backnumberSearch #backnumberList li ul li a:after, #sNavi #searchNaviArea #backnumberSearch #backnumberList li ul li a.close:after { display:none;}

header #naviArea { display:none;}

}
@media screen and (max-width: 320px) {
	header #headerArea #gNaviSp ul li a { font-size:0.9em; padding:15px 0 15px 20px; background-position:5px center;}
}

/*------------------*/
/*--　コンテンツ　--*/
/*------------------*/
#contents { width:1020px; margin:0 auto; padding:20px 0 100px;}
#contents:after {
clear: both;
content: " ";
display: block; }
#contentsArea { width:720px; float:left; }
aside {width:265px; margin-right:10px; float:right;}

#fixedSearchArea {
  width: 265px;
  height: 0;
  position: fixed;
  top: 0;
  right: auto;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: translate(0, 24px);
  transform: translate(0, 24px);
  -webkit-transition: transform .3s ease, opacity .3s linear;
  transition: transform .3s ease, opacity .3s linear;
  will-change: transform, opacity;
}

#fixedSearchArea.show {
  display: block;
  height: auto;
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

@media screen and (max-width: 1020px) {
#contents { width:auto; margin:0 10px;}
#contentsArea { width:65%;}
aside {width:33%;}
}
@media screen and (max-width: 650px) {
#contents { width:auto; margin:0 10px;
    padding: 85px 0 30px;
    padding: calc(65px + 20px) 0 30px;
  }
#contentsArea { width:auto; float:none; padding:0 5px; }
aside {width:auto; float:none; margin-right:0px; padding:20px 10px 0;}
.nhksns-guide { font-weight:normal; font-size:0.8em;}
.nhksns a img { width:24px; height:24px;}

  #fixedSearchArea {
    display: none;
  }
}

/*------------pagetop------------*/
ul.btnPagetop {position: fixed; bottom:55px; right:2%; z-index:1000;}
ul.btnPagetop li {width:45px; height:45px;}
ul.btnPagetop li a { display:block; width:45px; height:45px; text-indent:-9999px;
background-repeat: no-repeat;
-moz-background-size :45px 90px;
-webkit-background-size:45px 90px;
background-size:45px 90px;
background-image:url(../images/btn_pagetop.png);
background-position:0 0;
}
ul.btnPagetop li a:hover {background-position:0 -45px;}


/*------------------------*/
/*----コンテンツエリア----*/
/*------------------------*/
#mainContentsArea:after {
clear: both;
content: " ";
display: block; }

/*----トップページ----*/
#mainSchStadium {
width:700px; margin:0 10px 20px; border-radius: 10px; padding:15px 20px; border:solid 2px #f98100;
background-color:#fff;
background-repeat: no-repeat;
-moz-background-size :150px 58px;
-webkit-background-size:150px 58px;
background-size:150px 58px;
background-image:url(../images/logo_stadium.png);
background-position:97% center;
}
#mainSchStadium h2 { font-size:1.3em; font-weight:bold; padding-bottom:6px; font-family:"ShinGo-Bold JIS2004", "新ゴ B JIS2004", "Shin Go Bold JIS2004", "A-OTF 新ゴ Pr6N B", "A-OTF Shin Go Pr6N B", "メイリオ";}
#mainSchStadium h4 { font-size:1.4em; line-height:1.3em; color:#06c; font-weight:bold; padding:0 185px 6px 0;}
#mainSchStadium .date { font-size:1.0em;}
a:hover #mainSchStadium {background-color:#fffcd4;}
#mainSchStadium .info { font-size:0.85em; color:#2493d9; font-weight:bold; line-height:1.2em; padding-bottom:6px;}
#mainSchStadium .info span { display:block;}

#contentsArea #scheduleArea { display:none;}

#mainContentsArea { padding:10px 0 15px;}

#archivesList { padding-bottom:5px;}
#archivesList:after, #mainArchivesList:after {
clear: both;
content: " ";
display: block; }
.titleBlock{  padding:0 0px 5px; }
.titleBlock:after {
clear: both;
content: " ";
display: block; }
#mainContentsArea .titleBlock h2 {min-height:35px;
color:#000; font-size:1.5em; line-height:1.1em; padding:3px 0 1px 43px;
background-repeat: no-repeat;
background-position:left top;
-moz-background-size :33px 35px;
-webkit-background-size:33px 35px;
background-size:33px 35px;
background-image:url(../images/icon_archives.png);
font-family:"ShinGo-DeBold", "新ゴ DB", "Shin Go DeBold", "A-OTF 新ゴ Pr6 DB", "A-OTF Shin Go Pr6 DB", "メイリオ";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#mainContentsArea .titleBlock h2 { float:left;}
#mainContentsArea .titleBlock h2 span { font-size:0.7em; }
#mainContentsArea .titleBlock .sns { float:right;  padding-bottom:0; height:30px;}
#mainContentsArea article.articleBlock { margin:10px; background-color:#fff; position:relative;
box-shadow: 1px 1px 4px #93999d;
-moz-box-shadow: 1px 1px 4px #93999d;　/* Firefox用 */
-webkit-box-shadow: 1px 1px 4px #93999d;　/* Safari,Google Chrome用 */}
#mainContentsArea #mainArchivesList article.articleBlock { width:340px; float:left;}
#mainContentsArea #archivesList article.articleBlock { width:220px; float:left;}
#mainContentsArea .articleBlock a { display:block;}
#mainContentsArea .articleBlock a:hover { background-color:#e5fdff;}
#mainContentsArea .articleBlock a:hover img {opacity: 0.8;}
#mainContentsArea article.articleBlock a:after {
clear: both;
content: " ";
display: block; }
#mainContentsArea .articleBlock .title { padding:5px 15px;}
#mainContentsArea #mainArchivesList .articleBlock .title { padding:10px 15px;}
#mainContentsArea .articleBlock .title .articleDate { color:#666666; font-size:0.8em;}
#mainContentsArea .articleBlock .title .commentator { color:#666666; font-size:0.9em;}
#mainContentsArea #mainArchivesList .articleBlock .title .articleDate { font-size:0.9em;}
#mainContentsArea #mainArchivesList .articleBlock .title .commentator { font-size:1.0em;}
#mainContentsArea .articleBlock .title h3 { font-size:1.0em; line-height:1.3em; font-weight:bold; padding:5px 0 5px;}
#mainContentsArea #mainArchivesList .articleBlock .title h3{ font-size:1.4em; line-height:1.3em; padding:10px 0 15px;}
#mainContentsArea .articleBlock figure {}
#mainContentsArea .articleBlock figure img { width:100%; margin:0;}

@media screen and (min-width: 841px) {
#mainArchivesList {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#mainContentsArea #mainArchivesList .articleBlock .title h3 {min-height:5em;}
}
@media screen and (min-width: 1021px) {
#archivesList {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#mainContentsArea #mainArchivesList .articleBlock .title h3 {min-height:5em;}
#mainContentsArea #archivesList .articleBlock .title h3 {min-height:6em;}
}


@media screen and (max-width: 1020px) {
#mainSchStadium { width: auto; background-image:none;}
#mainSchStadium h4 { padding:0 0px 6px 0;}

#mainContentsArea { width:100%; padding:0 0px 0 0; }
.titleBlock{  padding:0 10px 10px; }
#mainContentsArea .titleBlock h2 { margin-bottom:5px; /*float:none;*/}
#mainContentsArea #archivesList, #mainContentsArea #mainArchivesList { padding:10px 10px 0;}
#mainContentsArea #mainArchivesList article.articleBlock { width:48.5%; margin:0px 0px 15px 0;}
#mainContentsArea #mainArchivesList article.articleBlock:nth-child(2) {float:right; margin-left:15px;}
#mainContentsArea #mainArchivesList article.articleBlock figure img { width:100%;}
#mainContentsArea #mainArchivesList article.articleBlock .title { padding:10px 15px;}
#mainContentsArea #archivesList article.articleBlock { width:100%; margin:0px 0 15px;}
#mainContentsArea #archivesList:after, #mainContentsArea article.articleBlock:after {
clear: both;
content: " ";
display: block; }
#mainContentsArea #archivesList .articleBlock figure img { float:left; width:220px;}
#mainContentsArea #archivesList .articleBlock .title { padding:10px 15px 10px 230px;}
#mainContentsArea .articleBlock .title h3 {padding:5px 0 10px;}
#mainContentsArea #mainArchivesList .articleBlock .title h3{ font-size:1.2em; line-height:1.3em; padding:10px 0 15px;}
}
@media screen and (max-width: 840px) {
#mainSchStadium .date span { display:block;}
#mainContentsArea #archivesList .articleBlock figure img { width:45%;}
#mainContentsArea #archivesList .articleBlock .title { padding:5px 10px 5px 48%;}
#mainContentsArea #mainArchivesList article.articleBlock { width:100%;}
#mainContentsArea #mainArchivesList article.articleBlock:nth-child(2) {float:left; margin-left:0px;}
}
@media screen and (max-width: 699px) and (min-width: 651px) {
#mainContentsArea .titleBlock h2 span { display:block;}
}
@media screen and (max-width: 650px) and (min-width: 580px) {
#mainSchStadium .date span { display:inline;}
}
@media screen and (max-width: 650px){
#mainSchStadium { margin:0 0px 15px;}
#contentsArea #scheduleArea { display:block;}
#top #mainContentsArea { padding-top:15px;}
.titleBlock{  padding: 0px 10px; }
#program #mainContentsArea .titleBlock h2, #committee #mainContentsArea .titleBlock h2 { margin-bottom:5px; float:left;}
#mainContentsArea #archivesList, #mainContentsArea #mainArchivesList { padding:10px 0px 0;}
#mainContentsArea #archivesList article.articleBlock, #mainContentsArea #mainArchivesList article.articleBlock {margin:0px 0 15px; }
}
@media screen and (max-width: 499px) {
#mainSchStadium {padding:10px 15px;}
#mainSchStadium h2 { font-size:1.1em;}
#mainSchStadium h4 { font-size:1.2em;}
#mainContentsArea .titleBlock h2 { font-size:1.3em; padding-top:6px;}
/*#mainContentsArea .titleBlock h2 span { display:block;}*/
}
@media screen and (max-width: 380px) {
#mainContentsArea .titleBlock h2 span { display:block;}
}

/*----アーカイブス----*/
#mainContentsArea .titleBlock{ padding:0 0px 10px; margin:0 10px; position:relative; }
#mainContentsArea .titleBlock h3 { margin:15px 0 0; color:#00419a; position:relative; width:100%; height: 100%; float:left;
font-family:"ShinGo-DeBold JIS2004", "新ゴ DB JIS2004", "Shin Go DeBold JIS2004", "A-OTF 新ゴ Pr6N DB", "A-OTF Shin Go Pr6N DB", "メイリオ";}
#mainContentsArea .titleBlock h3.genreTit { margin:0px 0 0; padding:15px 5px 5px; font-size:1.5em; line-height:1.1em; /*font-weight:bold;*/ color:#00419a; position:relative; width:100%; float:left; letter-spacing: 0.15em;
font-family:"ShinGo-DeBold JIS2004", "新ゴ DB JIS2004", "Shin Go DeBold JIS2004", "A-OTF 新ゴ Pr6N DB", "A-OTF Shin Go Pr6N DB", "メイリオ"; /*display:none;*/}
#mainContentsArea .titleBlock h3.monthTit { margin:0px 0 0; padding:15px 5px 5px; font-size:1.4em; line-height:1.1em; /*font-weight:bold;*/ color:#00419a; position:relative; width:100%; float:left; letter-spacing: 0.15em;
font-family:"ShinGo-DeBold JIS2004", "新ゴ DB JIS2004", "Shin Go DeBold JIS2004", "A-OTF 新ゴ Pr6N DB", "A-OTF Shin Go Pr6N DB", "メイリオ"; /*display:none;*/}
#mainContentsArea .titleBlock h3 span { font-size:0.9em; display: table-cell; vertical-align: middle;}
#mainContentsArea .titleBlock h3 figure { display: table-cell; vertical-align: middle; padding:0 15px 0 0;}
#mainContentsArea .titleBlock h3 img {width:auto; height:55px;}

#mainContentsArea .titleBlock #pdMenu { min-width:10em; padding:0px; position:absolute; bottom:15px; right:0;}
#mainContentsArea .titleBlock #pdMenu #pdMonth { width:100%; font-size:0.9em; line-height:1.4em;}

/*--ページナビ--*/
.pageLink {
width:100%;
margin:0px 0px;
padding:0 10px;
font-size: 0.8em;
text-align:center;
}
#archive .period .pageLink { margin-left:33px;}
.pageLink:after {
clear: both;
content: " ";
display: block; }

.pageLink a {
background:#fff;
padding:2px 7px;
border:1px solid #00419a;
color:#00419a;
text-decoration:none;
font-weight:normal;
display:block;
/*float:left;*/
display:inline-block;
margin:0 1px 5px;
}

.pageLink a:hover {
background:#e5fdff;
color:#00419a;
}

.pageLink a.selected {
background:#00419a;
padding:2px 5px;
border:1px solid #00419a;
font-weight:bold;
color:#fff;
}

.pageNav { text-align:center; font-size: 0.85em;}

@media screen and (max-width: 1020px) {
#mainContentsArea .titleBlock h3 { margin:10px 0 10px;}
}
@media screen and (max-width: 725px) {
#mainContentsArea .titleBlock{  padding:0 0px 10px; }
#mainContentsArea .titleBlock h3 {}
#mainContentsArea .titleBlock h3 span { display:block;}
}
@media screen and (max-width: 650px)  {
#mainContentsArea .titleBlock{ padding:0 0px 10px; margin:0 0px; }
/*#mainContentsArea .titleBlock h3 img { width:80%; height:auto;}*/

/*--ページナビ--*/
.pageLink {
padding:0 0px;
text-align:center;
}
}

/*----アーカイブス検索----*/
#mainContentsArea .titleBlock h3.search { font-size:1.3em; line-height:1.1em; font-weight:bold; color:#00419a;}
#mainContentsArea #archivesSearchList {}
#mainContentsArea #archivesSearchList figure { display:none;}
#mainContentsArea #archivesSearchList h3 { padding:3px 0; font-size:1.1em;}
#mainContentsArea #archivesSearchList .article { padding:5px 0 0; font-size:0.9em; }
#mainContentsArea #archivesSearchList .article span { color:#06c; }
#mainContentsArea #archivesSearchList .title { position:relative;}
#mainContentsArea #archivesSearchList ul.iconGenre { position:absolute; top:8px; right:8px;}
#mainContentsArea #archivesSearchList ul.iconGenre li{background-color:#2493d9; color:#fff; margin:0px 2px; padding:3px 10px; font-size:0.7em; line-height:1.0em; display:inline-block; text-align:center; border-radius: 6px;
font-family:"ShinGo-DeBold JIS2004", "新ゴ DB JIS2004", "Shin Go DeBold JIS2004", "A-OTF 新ゴ Pr6N DB", "A-OTF Shin Go Pr6N DB", "メイリオ";}
/*#mainContentsArea #archivesList article.articleBlock { width:220px; float:left;}*/
@media screen and (max-width: 1020px)  {
#mainContentsArea #archivesSearchList ul.iconGenre { position:absolute; top:5px; right:5px;}
}
@media screen and (max-width: 650px)  {
#mainContentsArea .titleBlock h3.search { font-size:1.2em; line-height:1.3em;}
#mainContentsArea #archivesSearchList article.articleBlock { width:100%; margin:0px 0 15px;}
#mainContentsArea #archivesSearchList { padding:10px 0px 0; margin:0;}
}
@media screen and (max-width: 350px)  {
#mainContentsArea #archivesSearchList .title { padding:5px 10px 10px;}
#mainContentsArea #archivesSearchList ul.iconGenre { position:static; text-align:right; margin-bottom:2px;}
}

/*----アーカイブス詳細----*/
#detailArchives strong { font-weight:bold;}
#detailArchives .articleDetailArea {padding-bottom:80px;}
#mainContentsArea .articleDetailArea h3.genreTit {padding:0px 5px 15px; font-size:1.5em; line-height:1.1em; color:#00419a; width:100%; letter-spacing: 0.15em; font-family:"ShinGo-DeBold JIS2004", "新ゴ DB JIS2004", "Shin Go DeBold JIS2004", "A-OTF 新ゴ Pr6N DB", "A-OTF Shin Go Pr6N DB", "メイリオ"; display:none;}
#mainContentsArea #detailArchives article.articleBox { margin:10px; float:none; border-top:solid 2px #2493d9; background-color:#fff;}
#mainContentsArea article.articleBox a:after {
clear: both;
content: " ";
display: block; }
#mainContentsArea #detailArchives .articleBox .title { padding:10px 15px; border-bottom:dotted 1px #ccc; position:relative;}
#mainContentsArea #detailArchives .articleBox .title .articleDate { font-size:1.0em; color:#000; padding:2px 15px;}
#mainContentsArea #detailArchives .articleBox .title .commentator { font-size:1.0em; color:#000; padding:2px 15px;}
#mainContentsArea #detailArchives .articleBox .title h3 { font-size:1.8em; line-height:1.3em; font-weight:bold; padding:10px 0 15px; height: auto; color:#002d94;}
#mainContentsArea #detailArchives .articleBox .title h3 span { font-size:0.7em; display:block; padding-top:2px;}
#mainContentsArea #detailArchives .articleBox .title .sns { /*float:right;*/  padding-bottom:0; height:30px; position:absolute; bottom:15px; right:15px;}
#mainContentsArea #detailArchives .articleBox .title .sns .nhksns-guide {display: inline-block;}
#mainContentsArea #detailArchives .articleBox .title .sns .nhksns-guide img {display: inline-block;}
#mainContentsArea #detailArchives .articleBox .article { padding:25px 30px; line-height:1.5em;}
#mainContentsArea #detailArchives .articleBox .article p { padding-bottom:30px;}
#mainContentsArea #detailArchives .articleBox .article img { /*width:400px;*/ max-width:100%; height:auto; margin:0 auto; display:block;}
#mainContentsArea .keywordlist { padding:5px 0 10px;}
#mainContentsArea .keywordlist h3 {color:#000; font-size:1.0em; line-height:1.1em; padding:3px 0 1px 25px; margin:0 10px;
background-repeat: no-repeat;
background-position:left center;
-moz-background-size :18px 18px;
-webkit-background-size:18px 18px;
background-size:18px 18px;
background-image:url(../images/icon_keyword.png);
font-family:"ShinGo-DeBold JIS2004", "新ゴ DB JIS2004", "Shin Go DeBold JIS2004", "A-OTF 新ゴ Pr6N DB", "A-OTF Shin Go Pr6N DB", "メイリオ";}
#mainContentsArea .relationList h3.relation {color:#000; font-size:1.0em; line-height:1.1em; padding:3px 0 1px 25px; margin:0 10px;
background-repeat: no-repeat;
background-position:left center;
-moz-background-size :18px 18px;
-webkit-background-size:18px 18px;
background-size:18px 18px;
background-image:url(../images/icon_relation.png);
font-family:"ShinGo-DeBold JIS2004", "新ゴ DB JIS2004", "Shin Go DeBold JIS2004", "A-OTF 新ゴ Pr6N DB", "A-OTF Shin Go Pr6N DB", "メイリオ";}
#mainContentsArea .keywordlist ul {/* text-align:center;*/ padding:8px 10px;}
#mainContentsArea .keywordlist ul li { background-color:#fff; margin:3px 2px; display:inline-block; text-align:center; border-radius: 12px; font-size:0.9em; }
#mainContentsArea .keywordlist ul li a { color:#06c; padding:3px 12px;}

@media screen and (max-width: 1020px) {
#mainContentsArea #detailArchives .articleBox .title h3 { font-size:1.6em;}
#mainContentsArea #detailArchives .articleBox .article img {/* width:300px;*/ max-width:100%;}
#detailArchives .articleDetailArea {padding-bottom:50px;}
#mainContentsArea .relationList h3.relation { margin:0px 10px 10px;}
}
@media screen and (max-width: 650px)  {
#mainContentsArea .titleBlock h3.genreTit { display:none;}
#mainContentsArea .titleBlock h3.genreTit.list { display:block;}
#mainContentsArea #detailArchives article.articleBox { margin:0px 0 10px;}
#mainContentsArea #detailArchives .articleBox .title .sns { position:static; text-align:right;}
#mainContentsArea #detailArchives #archivesList { padding:0px 0px;}
#mainContentsArea .keywordlist h3, #mainContentsArea .relationList h3.relation { margin:0px 0px 10px;}

#mainContentsArea .articleDetailArea h3.genreTit { display:block;}
/*#mainContentsArea #detailArchives #archivesList .articleBlock figure img { float:left; width:175px;}
#mainContentsArea #detailArchives #archivesList .articleBlock .title { padding:10px 15px 10px 190px;}*/
#mainContentsArea .titleBlock #pdMenu { display:none;}
}
@media screen and (max-width: 499px) {
#mainContentsArea #detailArchives .articleBox .title h3 { font-size:1.4em; padding:10px 0 10px;}
}
@media screen and (max-width: 400px) {
#mainContentsArea #detailArchives .articleBox .article { padding:15px 20px; line-height:1.5em;}
#mainContentsArea #detailArchives .articleBox .article p { padding-bottom:20px;}
/*#mainContentsArea #detailArchives .articleBox .article img { width:100%;}*/
}

@media screen and (max-width: 820px)  and (min-width: 651px)  {
#mainContentsArea #detailArchives .articleBox .title { padding-bottom:50px;}
}

/*------------------*/
/*---　　aside　　--*/
/*------------------*/
#scheduleArea { width:100%; background:#fff; margin-bottom:45px;
background-position:center top;
box-shadow: 1px 1px 4px #93999d;
-moz-box-shadow: 1px 1px 4px #93999d;　/* Firefox用 */
-webkit-box-shadow: 1px 1px 4px #93999d;　/* Safari,Google Chrome用 */
}
#scheduleArea h2 { background-color:#2493d9; color:#fff; padding:7px 0 7px 18px;
font-family:"ShinGo-DeBold", "新ゴ DB", "Shin Go DeBold", "A-OTF 新ゴ Pr6 DB", "A-OTF Shin Go Pr6 DB",  "メイリオ";
/*text-shadow: 0 0 1px #bddef3, 0 0 2px #76bce7;*/
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/*PC表示*/
height:30px; text-indent:-9999px;
background-repeat: no-repeat;
background-position: 17px 7px;
-moz-background-size :65px 15px;
-webkit-background-size:65px 15px;
background-size:65px 15px;
background-image:url(../images/schedule_h2.png);
}
#scheduleArea .progInfo{ margin:0px 5px; padding:5px 0; /*border-bottom:dotted 1px #999;*/ display:block;
background-repeat: repeat-x;
background-position:left bottom;
-moz-background-size :4px 1px;
-webkit-background-size:4px 1px;
background-size:4px 1px;
background-image:url(../images/dots_schedule.gif);
}
#scheduleArea .progInfo:last-child { border:none; background:none;}
#scheduleArea a { display:block; padding:10px 15px;}
#scheduleArea a:hover { background-color:#e5fdff;}
#scheduleArea a:active { background-color:#e5fdff; }
#scheduleArea .progInfo h3 { width:128px; height:18px; text-indent:-9999px;
background-repeat: no-repeat;
-moz-background-size :128px 54px;
-webkit-background-size:128px 54px;
background-size:128px 54px;
background-image:url(../images/schedule_h3.png);}
#scheduleArea #schZiron h3 {background-position:0 0;}
#scheduleArea #schKurashi h3 {background-position:0 -18px;}
#scheduleArea #schStadium h3 {background-position:0 -36px;}
#scheduleArea .progInfo h4 { font-size:1.1em; line-height:1.3em; color:#06c; font-weight:bold; padding:10px 0 6px;}
#scheduleArea .progInfo .date { font-size:0.9em;}
#scheduleArea .progInfo .btn {font-size:0.9em; text-align:right; margin-top:3px; font-family:"ShinGo-Medium JIS2004", "新ゴ M JIS2004", "Shin Go Medium JIS2004", "A-OTF 新ゴ Pr6N M", "A-OTF Shin Go Pr6N M",  "メイリオ";}
#scheduleArea .progInfo .btn img { width:7px; height:8px; margin:auto 10px auto 0px;}

#searchArea {}
#searchArea .seachBlock { /*border-bottom:dotted 1px #2493d9;*/
margin:0 5px 10px; padding:5px 0 10px;
background-repeat: repeat-x;
background-position:left bottom;
-moz-background-size :4px 1px;
-webkit-background-size:4px 1px;
background-size:4px 1px;
background-image:url(../images/dots_search.gif);
}
#searchArea .seachBlock:last-child, #searchArea .seachBlock:nth-last-child(2){ background-image:none;}
#searchArea section a {
  font-weight: normal;
  position: relative;
  display:block;
}
#searchArea section a:after {
display: block;
position: absolute;
top: 50%;
right:5px;
content: '';
margin-top: -10px;
background-repeat: no-repeat;
-moz-background-size :11px 9px;
-webkit-background-size:11px 9px;
background-size:11px 9px;
background-image:url(../images/icon_plus.png);
background-position:right center;
width: 18px;
height: 18px;
}
#searchArea a.close:after {
display: block;
position: absolute;
top: 50%;
right:5px;
content: '';
margin-top: -10px;
background-repeat: no-repeat;
-moz-background-size :11px 9px;
-webkit-background-size:11px 9px;
background-size:11px 9px;
background-image:url(../images/icon_minus.png);
background-position:right center;
width: 18px;
height: 18px;
}
#searchArea h3 { color:#00419a; font-size:1.0em; width:100%; height:23px; margin-bottom:2px; text-indent:-9999px;
background-repeat: no-repeat;
background-position:left center;
-moz-background-size :220px 23px;
-webkit-background-size:220px 23px;
background-size:220px 23px;
}
#searchArea #movieSearch h3{background-image:url(../images/h3_seach_movie.png);}
#searchArea #programSearch h3{background-image:url(../images/h3_seach_prog.png);}
#searchArea #freewordSearch h3{background-image:url(../images/h3_seach_word.png);}
#searchArea #watchSearch h3{background-image:url(../images/h3_seach_watch.png); /*height:32px;
-moz-background-size :220px 32px;
-webkit-background-size:220px 32px;
background-size:220px 32px;*/}
#searchArea #keywordSearch h3{background-image:url(../images/h3_seach_key.png);}
#searchArea #genreSearch h3{background-image:url(../images/h3_seach_key.png);}
#searchArea #calendarSearch h3{background-image:url(../images/h3_seach_calendar.png);}
#searchArea #backnumberSearch h3{background-image:url(../images/h3_seach_calendar.png);}
#searchArea #genreSearch:after {
clear: both;
content: " ";
display: block; }
/**/
#searchArea div.search { padding:10px 0;}
#searchArea div a:after { display:none;}
#searchArea #genreSearch { display:none;}
#searchArea #backnumberSearch { display:none;}

#searchArea #programSearch ul, #searchArea #genreSearch ul, #backnumberSearch ul { padding:0 5px;}
#searchArea #programSearch ul li a, #searchArea #genreSearch ul li a, #backnumberSearch ul li a, #movieSearch ul li a  {
background-repeat: no-repeat;
background-position:left center;
-moz-background-size :7px 8px;
-webkit-background-size:7px 8px;
background-size:7px 8px;
background-image:url(../images/arrow.png);
padding:2px 0px 2px 15px; font-size:0.95em;
}
#movieSearch ul li a {background-position:left 0.5em;}
#searchArea #programSearch ul li a:hover, #searchArea #genreSearch ul li a:hover, #backnumberSearch ul li a:hover, #movieSearch ul li a:hover { color:#00419a;}

#searchArea .movielist {
	padding: 8px 8px 0;
}
#searchArea .movielist::after {
	content: '';
	display: block;
	clear: both;
}
#searchArea .movielist .movieBlock {
	width: 50%;
	float: left;
	padding: 0 8px 0 0;
	box-sizing: border-box;
}
#searchArea .movielist .movieBlock:nth-of-type(even) {
	padding: 0 0 0 8px;
}
#searchArea .movielist a {
	display: block;
	position: relative;
}
#searchArea .movielist a img {
	width: 100%;
	height: auto;
}
#searchArea .movielist a span {
	display: block;
	position: absolute;
	top: 0;
	left:  0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 46px 46px;
	background-image: url(/kaisetsu/movie/images/btn_movie_def.png);
}
#searchArea .movielist a:hover span {
	background-color: rgba(255,255,255,0.3);
	background-image: url(/kaisetsu/movie/images/btn_movie_ov.png);
}
#searchArea .movielist .title {
	display: none;
}
#searchArea .movielist .movieBlock:nth-child(n + 3) { display:none;}

#backnumberSearch #backnumberList li a{
  font-weight: normal;
  position: relative;
  display:block;
}
#backnumberSearch #backnumberList li a:after{
  display: block;
  position: absolute;
  top: 50%;
  left:6em;
  content: '';
  margin-top: -10px;
  background-repeat: no-repeat;
  background-position:0 0;
  -moz-background-size :18px 18px;
  -webkit-background-size:18px 18px;
  background-size:18px 18px;
  background-image: url(../images/icn_plus.png);
  width: 18px;
  height: 18px;
}
#backnumberSearch #backnumberList li a.close:after {
  display: block;
  position: absolute;
  top: 50%;
  content: '';
  margin-top: -10px;
  background-repeat: no-repeat;
  background-position:0 0;
  -moz-background-size :18px 18px;
  -webkit-background-size:18px 18px;
  background-size:18px 18px;
  background-image: url(../images/icn_minus.png);
  width: 18px;
  height: 18px;
}
#backnumberSearch #backnumberList li ul li a:after, #backnumberSearch #backnumberList li ul li a.close:after { display:none;}
#backnumberSearch ul li { margin-bottom:0px;}
#backnumberSearch ul li a { margin-bottom:2px;}
#backnumberSearch ul li ul { padding:0 0 10px 15px;}
#backnumberSearch ul li ul li { margin-bottom:0px; padding:2px 0 0 0;}
#backnumberSearch ul li ul li a { margin-bottom:0px;}

#formSearch p { }
#freewordSearch input { vertical-align: middle;}
#formSearch #formSearchText { margin: 0 0 5px 0px; padding:2px 5px; font-size:0.9em; border:solid 1px #e8e8e8; }
#freewordSearch #formSearchImg { width:50px; height:24px; padding:0; border:none; margin: 3px 0 5px 3px;}
#freewordSearch .comm { font-size:0.8em; margin-left:5px;}
#freewordSearch { position:relative;}
#formSearchTextNavi { font-size:0.9em; padding:3px; width:76%;}
#freewordSearch #suggestNavi, #suggest { position:absolute; background:#fff; display:block; padding: 0 3px; font-size:0.9em; width:78%;
box-shadow: 1px 1px 4px #93999d;
-moz-box-shadow: 1px 1px 4px #93999d;　/* Firefox用 */
-webkit-box-shadow: 1px 1px 4px #93999d;　/* Safari,Google Chrome用 */}


#watchSearch {}
#watchSearch .search a { display:block; padding:5px 0px 0 5px;}
#watchSearch .search a:hover { /*background-color:#e5fdff;*/ color:#00419a;}
#watchSearch .search a:active { /*background-color:#e5fdff;*/ color:#00419a; }
#watchSearch dl { position:relative; display:block;}
#watchSearch dl:after {
    content: "";
    display: table;
    clear: both
}
#watchSearch dl dt { position:absolute; top:-3px; left:-3px; width:18px; height:18px; text-indent:-9999px; z-index:100;
background:none;
/*background-repeat: no-repeat;
-moz-background-size :18px 18px;
-webkit-background-size:18px 18px;
background-size:18px 18px;
background-position:0 0;*/
}
/*#watchSearch dl.no1 dt {background-image:url(../images/no01.png);}
#watchSearch dl.no2 dt {background-image:url(../images/no02.png);}
#watchSearch dl.no3 dt {background-image:url(../images/no03.png);}
#watchSearch dl.no4 dt {background-image:url(../images/no04.png);}
#watchSearch dl.no5 dt {background-image:url(../images/no05.png);}*/
#watchSearch dl dd.pic { float:left; width:100px;}
#watchSearch dl dd.pic img { width:90px; height:auto;}
#watchSearch a:hover dl dd.pic img {opacity: 0.8;}
#watchSearch dl dd.tit { padding:3px 0 0 100px; font-size:0.85em; line-height:1.3em;}

#keywordSearch dl { padding-bottom:10px;}
#keywordSearch dl:after {
    content: "";
    display: table;
    clear: both
}
#searchArea #keywordSearch #keywordBox { width:100%;}
#keywordSearch #keywordBox:after {
    content: "";
    display: table;
    clear: both
}
#keywordSearch dl { float:left; width:33.3%;}
#keywordSearch dl dt { width:75px; margin:0 auto; }
#keywordSearch dl dt img { width:100%; height:auto; margin:0 auto;}
#keywordSearch a:hover dl dt img {opacity: 0.8;}
#keywordSearch dl dd { text-align:center;}
#searchArea #keywordSearch a dl dd span {background-color:#fff; margin:2px 2px; display:inline-block; text-align:center; border-radius: 12px; font-size:0.9em; color:#06c; padding:3px 12px;}
#keywordSearch a:hover dl dd span { background-color:#e5fdff;}
#keywordSearch ul { text-align:center;}
#keywordSearch ul li {display:inline-block; }
#keywordSearch ul li a { background-color:#fff; margin:3px 2px; text-align:center; border-radius: 12px; font-size:0.9em; color:#06c; padding:3px 12px;}
#keywordSearch ul li a:hover { background-color:#e5fdff;}


/*---------- //calendar ----------*/
#calendarSearch{}
#calendarSearch .calendarBox {
}
#calendarList {
font-size: 14px;
width: 100%;
margin: 0;
text-align: center;
position: relative;
}

#calendarList div.left {
width: 20px;
position: absolute;
top: 5px;
left: 22px;
}

#calendarList div.center {
font-weight: bold;
padding-top: 5px;
text-align: center;
}

#calendarList div.right {
width: 20px;
position: absolute;
top: 5px;
right: 22px;
}

#calendarList a {
color: #086ace;
text-decoration: none;
}

#calendarList a:hover {
color:#00419a;
text-decoration: underline;
}

#calendar {
clear: both;
width: 100%;
padding:10px 0 0;
}

#calendar table {
font-size: 13px;
line-height: 140%;
width: 100%;
text-align: center;
border-collapse: collapse;
}

#calendar caption {
font-size: 11px;
font-weight: bold;
padding-bottom: 0.6em;
}

#calendar th {
color: #000;
font-weight: normal;
text-align: center;
}

#calendar td {
padding: 0.2em 0.8em ;
text-align: center;
}
#calendar td a {
	color:#086ace;
}
#calendar td a:hover {
	color:#00419a;
}

#calendar .today {
color: #fff;
background: #086ace;
}

#calendar .today a {
color: #fff;
}

#calendar .today a:hover {
color: #caebf8;
}

#calendar td a {
text-decoration: underline;
}
/*---------- calendar// ----------*/
#calendarSearch #pdMenu { padding:10px;}
#calendarSearch #pdMenu #pdMonth { width:100%; font-size:0.9em; line-height:1.4em;}

#commonNodBlock { margin-top:30px;}
#commonNodBlock, #commonTwBlock, #commonInfoBlock { width:100%; background:#fff; margin-bottom:20px; border-radius: 10px; padding:5px;
background-position:center top;
box-shadow: 1px 1px 4px #93999d;
-moz-box-shadow: 1px 1px 4px #93999d;　/* Firefox用 */
-webkit-box-shadow: 1px 1px 4px #93999d;　/* Safari,Google Chrome用 */
}
#commonNodBlock h2 { width:100%; height:50px; text-indent:-9999px;
background-repeat: no-repeat;
background-position: center 2px;
-moz-background-size :220px 40px;
-webkit-background-size:220px 40px;
background-size:220px 40px;
background-image:url(../images/h2_nod.png);}

#commonNodBlock ul, #commonInfoBlock ul { padding:10px;}
#commonNodBlock h3 a, #commonInfoBlock ul li a {
background-repeat: no-repeat;
background-position:left center;
-moz-background-size :7px 8px;
-webkit-background-size:7px 8px;
background-size:7px 8px;
background-image:url(../images/arrow.png);
padding:3px 5px 3px 15px; font-size:0.95em; /*font-weight:bold;*/ display:block
}
#commonNodBlock h3 a{
background-position:5px center;
padding:3px 5px 0px 20px;
}
#commonNodBlock h3 a:hover, #commonInfoBlock ul li a:hover { color:#00419a;}
#commonNodBlock h3 a:active, #commonInfoBlock ul li a:active { color:#00419a; }


#commonNodBlock .movieBlock { padding-bottom:10px;}
#commonNodBlock .movieBlock a.movieLink { padding:3px 5px; display: block;}
#commonNodBlock .movieBlock a.movieLink:hover { background-color:#e5fdff; }
#commonNodBlock .movieBlock a.movieLink:after {
    content: "";
    display: table;
    clear: both
}
#commonNodBlock article figure { float:left; width:100px;position: relative;}
#commonNodBlock article p { font-size:0.85em; padding-left:110px; line-height:1.4em;}

#commonNodBlock .movieBlock a img  {
	width: 100%;
	height: auto; display:block;
}




















#commonTwBlock h2 { width:100%; height:40px; text-indent:-9999px;
background-repeat: no-repeat;
background-position: left top;
-moz-background-size :250px 38px;
-webkit-background-size:250px 38px;
background-size:250px 38px;
background-image:url(../images/h2_twitter.png);}
#commonTwBlock .timeline {width:auto;}
#commonTwBlock .timeline ul {
	display:block;
	width:auto;
	height:auto;
	overflow:auto;
	font-size:0.9em;
	line-height:1.4;
}
#commonTwBlock .timeline li {
	padding:8px 8px;
	/*border-bottom:1px solid #e8e8e8;*/
	word-wrap:break-word;
	line-height:1.3em;
	display:none;
}
#commonTwBlock .timeline li:first-child { display:block;}
a .btnTwitter { border-radius: 10px; background-color:#dff7ff; height:40px; text-indent:-9999px;
background-repeat: no-repeat;
background-position:center center;
-moz-background-size :243px 28px;
-webkit-background-size:243px 28px;
background-size:243px 28px;
background-image:url(../images/btn_twitter.png);
}
a:hover .btnTwitter { background-color:#d0f3ff;}
#commonInfoBlock h2 { width:100%; height:24px; text-indent:-9999px;
background-repeat: no-repeat;
background-position: center 6px;
-moz-background-size :70px 16px;
-webkit-background-size:70px 16px;
background-size:70px 16px;
background-image:url(../images/h2_info.png);}

@media screen and (max-width: 840px) and (min-width: 651px)  {
#commonTwBlock h2{
-moz-background-size :100% auto;
-webkit-background-size:100% auto;
background-size:100% auto;
}

a .btnTwitter {
-moz-background-size :98% auto;
-webkit-background-size:98% auto;
background-size:98% auto;
}
#commonNodBlock h2 {
-moz-background-size :85% auto;
-webkit-background-size:85% auto;
background-size:85% auto;
}
}

@media screen and (max-width: 813px) {
#searchArea #movieSearch #movielist { width:auto;}
#searchArea #movieSearch #movielist .movieBlock { width:45%; margin:0 2%;}
#searchArea #movieSearch #movielist .movieBlock figure {width:100%; height:auto;}
}

@media screen and (max-width: 774px) and (min-width: 651px) {
#freewordSearch #formSearchImg {width:50px; margin:5px auto; display:block;}
#formSearchTextNavi {width:100%;}
#freewordSearch #suggestNavi {width:100%;}

#searchArea h3 {
-moz-background-size :210px auto;
-webkit-background-size:210px auto;
background-size:210px auto;
}
#searchArea #programSearch h3, #searchArea #watchSearch h3{
-moz-background-size :185px auto;
-webkit-background-size:185px auto;
background-size:185px auto;}
}

@media screen and (max-width: 650px) {
aside #scheduleArea { display:none;}
#contentsArea #scheduleArea { margin-bottom:10px;}
#scheduleArea h2 { height:auto; text-indent:0; background-image:none;}
#contentsArea #scheduleArea a { display:block; padding:0px 0px;}
#contentsArea #scheduleArea .progInfo{ margin:0px 10px; padding:10px 0; min-height:88px;}
#contentsArea #scheduleArea .progInfo h3 { width:68px; height:68px; text-indent:-9999px; border:solid 1px #bdbdbd; float:left;
background-repeat: no-repeat;
background-position:0 0;
-moz-background-size :68px 68px;
-webkit-background-size:68px 68px;
background-size:68px 68px;
}
#scheduleArea #schZiron h3 {background-image:url(../images/img_ziron.gif);}
#scheduleArea #schKurashi h3 {background-image:url(../images/img_kurashi.gif);}
#scheduleArea #schStadium h3 {background-image:url(../images/img_stadium.gif);}
#contentsArea #scheduleArea .progInfo h4 { font-size:1.1em; line-height:1.3em; color:#06c; font-weight:bold; padding:0px 0 6px 80px;}
#contentsArea #scheduleArea .progInfo .date { font-size:0.9em; padding-left:80px;}

#searchArea { margin:0 0px;}
#searchArea .seachBlock {margin:0 0px 10px;}
#searchArea h3 { color:#00419a; font-size:1.0em; width:100%; height:auto; padding:2px 0 1px 28px; margin-bottom:2px; text-indent:0;
background-repeat: no-repeat;
background-position:left center;
-moz-background-size :22px 23px;
-webkit-background-size:22px 23px;
background-size:22px 23px;
font-family:"ShinGo-Bold", "新ゴ B", "Shin Go Bold", "A-OTF 新ゴ Pr6 B", "A-OTF Shin Go Pr6 B", "メイリオ";
}
#searchArea #movieSearch h3{background-image:url(../images/icon_seach_movie.png);}
#searchArea #programSearch h3{background-image:url(../images/icon_seach_prog.png);}
#searchArea #freewordSearch h3{background-image:url(../images/icon_seach_word.png);}
#searchArea #watchSearch h3{background-image:url(../images/icon_seach_watch.png); height:auto;
-moz-background-size :22px 23px;
-webkit-background-size:22px 23px;
background-size:22px 23px;}
#searchArea #keywordSearch h3{background-image:url(../images/icon_seach_key.png);}
#searchArea #genreSearch h3{background-image:url(../images/icon_seach_genre.png);}
#searchArea #calendarSearch h3{background-image:url(../images/icon_seach_calendar.png);}
#searchArea #backnumberSearch h3{background-image:url(../images/icon_seach_calendar.png);}
#searchArea h3 span { font-size:0.8em; display:block;}
#searchArea #programSearch ul li a, #searchArea #genreSearch ul li a, #backnumberSearch ul li a{padding:5px 5px 5px 15px; font-weight:normal;}

#formSearchTextNavi, #formSearchText {width:85%;}
#freewordSearch #suggestNavi, #suggest {width:85%;}
 #suggest {width:80%;}

#watchSearch dl { padding-bottom:5px;}

#searchArea #backnumberSearch { display:block;}
#calendarSearch { display:none;}
#searchArea #genreSearch { display:block;}
#genreSearch ul { padding:0 0px; float:left;}
#genreSearch ul:after {
clear: both;
content: " ";
display: block; }
#searchArea #genreSearch ul li{ float:left; width:50%;}
#searchArea #genreSearch ul li a {
background-image:none;
background-color:#fff;
padding:10px 0px; margin:3px; font-size:0.95em; text-align:center; color:#06c; display:block;
}

#commonNodBlock, #commonTwBlock, #commonInfoBlock { margin-top:15px;}
#commonNodBlock ul:after {
    content: "";
    display: table;
    clear: both
}
#commonNodBlock ul { width:80%; margin:0 auto;}
#commonNodBlock ul li { float:left; width:33%;}
#commonNodBlock ul li a {}
#commonTwBlock h2 { height:43px;}
#commonTwBlock .timeline { /*display:none;*/}
}
@media screen and (max-width: 500px) {
#commonNodBlock ul { width:100%; margin:0 auto; padding-left:30px;}
#commonNodBlock ul li { width:33%;}
}
@media screen and (max-width: 450px) {
#commonNodBlock ul { width:auto; padding-left:0px;}
#commonNodBlock ul li { width:auto; margin:0 6px 0 10px;}
}
@media screen and (max-width: 407px) {
#formSearchText {width:80%;}
#suggest {width:73%;}
}
@media screen and (max-width: 400px) {
#commonNodBlock ul li { width:auto; margin:0 3px 0 5px;}
#formSearchTextNavi {width:80%;}
#freewordSearch #suggestNavi {width:80%;}
}
@media screen and (max-width: 365px) {
#commonNodBlock ul li { float:none;}
}