@charset "Shift_JIS";
/* CSS Document */

/* =========================================================
Normalize
========================================================= */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{margin:0 2px;padding:.35em .625em .75em;border:1px solid silver}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}b,strong,optgroup{font-weight:700}pre,textarea{overflow:auto}button::-moz-focus-inner,input::-moz-focus-inner,legend{border:0;padding:0}

/* =========================================================
Common Style for smart.js
========================================================= * /
#footer .wrap,#nol_header,#nol_footer,#nol_contentsFooter{visibility:hidden}ul.bnBox{visibility:hidden;height:0;overflow:hidden}html,.pc body{height:100%;min-width:100%}.ss body{min-width:320px}#awGlobalNav{margin:0;padding:0}.ss #awGlobalNav{display:none!important}ul.bnBox li{margin:0;padding:0;height:32px;border-top:2px solid #007c78;background:#fff;background:-moz-linear-gradient(top,#ffffff 51%,#bebebe 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(51%,#ffffff),color-stop(100%,#bebebe));background:-webkit-linear-gradient(top,#ffffff 51%,#bebebe 100%);background:-o-linear-gradient(top,#ffffff 51%,#bebebe 100%);background:-ms-linear-gradient(top,#ffffff 51%,#bebebe 100%);background:linear-gradient(to bottom,#ffffff 51%,#bebebe 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#bebebe',GradientType=0)}ul.bnBox li a{display:block;width:100%;height:32px;text-indent:-9999px;position:relative;overflow:hidden;background-repeat:no-repeat;background-position:0 0;background-size:auto 32px}ul.bnBox li a:after{display:block;content:"";height:12px;width:12px;position:absolute;bottom:-6px;right:-6px;background:#9fda5c;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}ul.bnBox{margin:0;padding:0}.ss #awCmnHdr{width:100%;height:33px;border-bottom:1px solid #027979;position:relative}#awLogo a{width:100%!important}.ss #awCmnHdr #awMenuBlock{width:auto}.ss #awCmnHdr #awLogo{left:5px;top:4px;position:absolute;width:116px!important;height:15px!important;overflow:hidden;background-size:116px auto!important}.ss #awCmnHdr #awPulldown{position:absolute;top:-4px;right:8px}#wrap{height:auto;min-height:100%}#contents,#container{margin:0 auto}.static.pc #contents,.responsive.md #contents,.responsive.lg #contents{height:auto!important;padding-top:50px;min-height:100%;}.ss #contents,.ss #container{padding-bottom:0!important}.static.pc #footer,.responsive.md #footer,.responsive.lg #footer{position:absolute;bottom:0}.ss #footer{height:auto!important}.wrap:after{content:" ";display:block;clear:both}.ss .wrap{width:auto!important;padding:0}.static.ss #footer .wrap,.static.pc #nol_header,.static.pc #nol_footer,.static.pc #nol_contentsFooter,.nonFW #footer .wrap,.nonH #nol_header,.nonF #nol_footer,.nonF #nol_contentsFooter,.na_html5 #nol_header,.na_html5 #nol_footer,.na_html5 #nol_contentsFooter{display:none}.ss ul.bnBox{visibility:visible;height:auto}#footer .wrap,#nol_header,#nol_footer,#nol_contentsFooter{visibility:visible}h1,h2,h3,h4,h5,h6{font-size:100%}a img{border:none}.clear{zoom:1}.clear:after{content:" ";display:block;clear:both}.row{width:100%;margin-bottom:18px;clear:both}.text-right{text-align:right}.text-center{text-align:center}.text-left{text-align:left}.ss .pc_only,.pc .ss_only{display:none}p{margin:0}

.ie8 #nol_header,.ie8 #nol_footer,.ie8 #nol_contentsFooter{display:block!important}
.ie8 #contents{height:auto!important;padding-top:50px!important;padding-bottom:0!important;min-height:100%!important;}
.ie8 #container{padding-bottom:0!important}
.ie8 #footer{position:absolute;bottom:0}
*/

h1,h2,h3,h4,h5,h6{font-size:100%}a img{border:none}.clear{zoom:1}.clear:after{content:" ";display:block;clear:both}.row{width:100%;margin-bottom:18px;clear:both}.text-right{text-align:right}.text-center{text-align:center}.text-left{text-align:left}.ss .pc_only,.pc .ss_only{display:none}p{margin:0}

/* =========================================================
Site Common
========================================================= */
body{font:0.875em/1.85 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#2b2b2b;background:#000;-webkit-font-smoothing: antialiased;letter-spacing: 0.005em;}
.ss body{font-size: 0.75em;}
#footer,#container,#header{margin:0 auto;width:100%;position:relative;}
a:link{color:#141365;text-decoration:none}
a:visited{color:#49006c}
a:hover,a:focus{color:#141365;text-decoration:underline}
#wrap,#main,#main section{margin:0 auto;position:relative}
.radius{border-radius:4px}
em{font-style:normal}
.colL{float:left}
.colR{float:right}
#wrap {background: #000 url(../history/images/bg-container.jpg) no-repeat center 100px;background-size: cover}
.ss #wrap {background:#000;}
#contents{padding:0!important;}
#main{padding:0!important;}
/* ======== ページトップへ戻るボタン ======== */
.btn-top{float:right;margin-right:4px;padding-bottom:1em}
.btn-top:after{content:"";display:block;clear:both}
.btn-top a{padding:8px;position:relative}
.ss .btn-top a{display:block;width:25px;height:25px;text-indent:-9999px;overflow:hidden}
.btn-top a{color:#434343}
.ss .btn-top a{background-color:#6a3906}

/* ======== footer ======== */
#footer{background: grey;}
#footer .wrap{color:#e2dfda;font-size:12px;padding:19px auto;width:1000px;max-width:1000px;margin: 0 auto;}
.static.pc #footer .wrap,.md #footer .wrap,.lg #footer .wrap{max-width:700px;height:85px;padding:19px 0 0 50px}
#footer .wrap a:link,#footer .wrap a:visited{color:#e2dfda;text-decoration:none}
#footer .wrap a:hover,#footer .wrap a:active{color:#e2dfda;text-decoration:underline}
#footer .wrap .logo-nhk a{float:left;width:62px;height:24px;background:url(../history/images/logo_nhk_e2dfda.png) 0 0 no-repeat;overflow:hidden;text-indent:-9999px;margin:0 6px 6px 0}
#footer .wrap small{font-size:11px}
#footer .wrap ul{margin-top:.5em;list-style:none;padding:0}
#footer .wrap ul li{float:left;margin-left:6px;padding-left:6px;border-left:1px solid #555;line-height:1}
#footer .wrap ul li:first-child{margin-left:0;padding-left:0;border-left:none}

/* ======== header ======== */
#header{ line-height: 1;height:57px; position: relative;margin-bottom: 30px;background-color: #dc0000;}
#header .wrap{margin: 0 auto;position: relative;padding: 0;}
#header .logo{background: url(../images/top_menu_logo.png) no-repeat;position: absolute;top: 3px;left: 24px;text-indent: -9999px;overflow: hidden;width: 130px;height: 36px;}
.globalNav{margin:0 auto;padding: 0;background-color: #dc0000;}
.globalNav .menu {clear:both;margin:0;padding:0;line-height:1;height: 22px;display: block;background-repeat: no-repeat;position: absolute;top: 8px;right: 136px;font-size:15px;}
.globalNav .menu li{background: center no-repeat;float:left;margin:0;padding:0;list-style:none;color:#fff;font-weight:bold;position:relative;margin-right:22px}
.globalNav .menu li a{color:#fff;}
.globalNav .menu li:after{content:"/";font-weight:normal;font-size: 20px;position: absolute;top: -4px;right:-14px}
.ss .globalNav .menu li:after{display: none;}
.globalNav .menu li:last-child{margin-right:0;}
.globalNav .menu li:last-child:after{display:none;}
.globalNav .menu li a:hover,
.globalNav .menu li a:focus {text-decoration:underline;}
.globalNav .btn-menu{display: none;height: 40px;width: 40px;background: url(../images/sp_nav_contents.png) center center no-repeat;background-size: 40px 40px;position: relative;text-indent: -9999px;cursor: pointer;}
#sns {position: absolute;display: block;width: 95px;top: 8px;right: 18px;z-index: 150;}
#sns li{margin-right: 6px;}
#sns p {text-indent: -9999px;background-image: url(../images/pc_sns_text.png);background-position: left bottom;display: block;float: left;height: 9px;width: 95px;background-repeat: no-repeat;}

.ss #header{height: auto;background: url(../history/images/bg_visual_sp.jpg) center 40px no-repeat;background-size: cover;margin-bottom:0;}
.ss #header:before{position:absolute;width:100%;height:79px;top:40px;display:block;content:"";background:url(../history/images/title_visual_sp.png) center center no-repeat;background-size: 320px auto;margin-bottom:0;}
.ss #header .wrap{width:auto;}
.ss #header .logo{height: 23px;width: 85px;background-size: 85px 23px;left: 10px;top: 0;}
.ss #head_navi{height: auto;}
.ss .globalNav .btn-menu{display: block;margin: 0 0 0 auto;outline: none;}
.ss .globalNav .menu{height: auto;display: none;right:auto;background-color: #482929;top:40px;z-index: 9999;}
.ss .globalNav .menu li{margin: 0;padding: 0;width: 100%;height: 40px;border-top: 1px solid #6d5454;font-size: 12px;line-height: 40px;}
.ss .globalNav li a:hover,
.ss .globalNav li a:focus{margin: 0!important;background-position: 12px center;}
.ss .globalNav li a,
.ss .globalNav li span{line-height: 40px;border-width: 0 0 1px;padding: 0 8px;margin:0;height: 39px;display: block;}
.ss #sns{position: static;padding: 50px 8px 8px;}
.ss #sns:after{display: block;content: "";clear: both;}

/* =========================================================
Site Design
========================================================= */


/* ページトップへ戻るボタン  */
/*.btn-top{float:right;margin-right:4px;padding-bottom:1em}
.btn-top:after{content:"";display:block;clear:both}
.btn-top a{padding:8px;position:relative}
.ss .btn-top a{display:block;width:25px;height:25px;text-indent:-9999px;padding:0!important}
.ss .btn-top a:after{position:absolute;content:"";top:0px;left:6px;overflow:hidden;width:0;height:0;border:7px solid transparent;border-bottom-width:10px;}

.btn-top a{color:#434343}
.ss .btn-top a{background-color:#6a3906}
.ss .btn-top a:after{border-bottom-color:#f00;}

#wrap{position:relative}
#container{margin:0 auto;}
#main{margin:0 auto; position:relative;padding:0 8px}
.ss #main{padding-top:18px}
#main section{border:1px solid #000;padding:1.5em 8px 8px;margin-bottom:1.5em;-webkit-border-radius:4px;border-radius:4px;position:relative}
#main section .inner{width:100%}
#main section h1{position:absolute;top:-1.3em;left:1em;line-height:1;font-size:110%;background:#fff;padding:4px .5em;border:1px solid #000}
.ss #main section h1{text-align:center}*/

/*###############################*/

#list-detail-ctrl,#list-detail .list-horizon-ctrl,#list-years-ctrl{display: none;}
#list-history{overflow:hidden;position:relative;height: 100%;min-height: 600px; margin-bottom: 30px; background:#fefdfa;}
#list-history .inner{-webkit-overflow-scrolling: touch;}
#cover{background:#000 url(../history/images/loading.gif) center no-repeat;position:absolute;top:0;left:0;z-index:2000;width:100%;height:100%;}
#list-history .list-data{position:relative;}
#list-years{z-index:200;visibility: hidden; overflow: auto;background:#fefdfa;}
.smart #list-years {visibility: visible;}
#list-years .panel{float:left;min-height:600px;height:100%;font-size:11px;position:relative;padding: 17px 0;background:#fefdfa }
#list-years .open2.panel{background:#fefdfa url(../history/images/bg-list-years-item.gif) 0;}
#list-years.panel:before{height: 17px; width: 100%; background:#fefdfa url(../history/images/bg-list-history_1.gif) 0 top repeat-x; position: absolute;top:0;display: block;content: "";z-index:500;}
#list-years .panel:after{height: 17px; width: 100%; background:#fefdfa url(../history/images/bg-list-history_2.gif) 0 bottom repeat-x; position: absolute; bottom: 0;display: block;content: "";z-index:500;}
#list-history li.em{font-weight: bold;}
#list-history .inner{
  /*position:absolute;*/
  top:0;left:0;width:100%;}
#list-years .panel-wrap{background:#fefdfa url(../history/images/bg-list-years-item.gif) 0 repeat-y;position: relative;padding-left: 17px;}
#list-years #panel1.open .list-h2,
#list-years #panel1.open .panel-wrap{background:#fefdfa url(../history/images/bg-panel_1.png) right 7px no-repeat;}
#list-years #panel2.open .list-h2,
#list-years #panel2.open2 .panel-wrap{background:#fefdfa url(../history/images/bg-panel_2.png) right 7px no-repeat;}
#list-years #panel3.open .list-h2,
#list-years #panel4.open2 .panel-wrap{background:#fefdfa url(../history/images/bg-panel_3.png) right 7px no-repeat;}
#list-years #panel4.open .list-h2,
#list-years #panel3.open2 .panel-wrap{background:#fefdfa url(../history/images/bg-panel_4.png) right 7px no-repeat;}
#list-years #panel5.open .list-h2,
#list-years #panel5.open2 .panel-wrap{background:#fefdfa url(../history/images/bg-panel_5.png) right 7px no-repeat;}
#list-years #panel6.open .list-h2,
#list-years #panel6.open2 .panel-wrap{background:#fefdfa url(../history/images/bg-panel_6.png) right 7px no-repeat;}
#list-years .open2 .panel-wrap{width: 300px;margin: 0 0 0 auto;padding-right:250px;}
#list-years .open2 .list-h2{background: none!important;}
#list-years .panel .list-h2{width:300px;margin:auto;display:table-cell;text-align:center;vertical-align:middle;position:relative;}
#list-years .panel .panel-body{position:relative;overflow:hidden;padding:0 6px;font-size:12px;height: 550px;}
#list-years .panel .panel-body figure{width:252px;height: 155px;margin: 0 auto; padding-bottom:9px;background:#fefdfa ;}
#list-years .panel .list-info{border: 3px solid #e2d8bc;padding: 2px;width:246px;height: 371px;margin: auto;background:#fefdfa ;}
#list-years .panel .item-wrap{border: 1px solid #e2d8bc;height: 329px;padding:20px;background: url(../history/images/ico-list-years-arrow.png) center 300px no-repeat;}

#list-years .panel.disable .item-wrap{background: none;}
#list-years .panel h1{margin-bottom:20px;font-size:28px;display:block;vertical-align:middle;text-align:center;width:200px;border:solid #000;border-width: 1px 0;padding:3px 0;margin: 0 auto 15px;font-weight:bold;line-height:1.2;}
#list-years .panel h1 span{border:solid #000;border-width: 1px 0;height: 77px;width: 200px;display:table-cell;vertical-align: middle;text-align: center;}


#list-years .panel h2{font-size: 16px;margin: 0; visibility: hidden;}
#list-years .panel p{margin-bottom:1em;max-width:900px;margin: auto;/*text-align: left;*/}
#list-years .cover{position:absolute;top:0;right:0;display:block;height: 600px;width: 300px;z-index:100;text-align: right;background: url(../history/images/bg-list-cover.png) right repeat-y;outline:none;cursor: pointer;}
#list-years .panel.hover.disable{background:#fefdfa;}
#list-years .panel.disable .cover{cursor:inherit;}

.smart #list-history,
.smart #list-history .inner,
.smart #list-years .panel{min-height:auto;height: auto;}
.smart #cover{display: none;}
.smart #cover{height:100%;}
.smart #list-years{overflow:visible;}
.smart #list-years .panel:after{height:100%; width: 17px; background:url(../history/images/bg-list-history_2_sp.png) left 0 repeat-y;}
.smart #list-years .panel{float:none;min-height:10px;height:auto;padding:0;}
.smart #list-years .open2.panel{background:none;}
.smart #list-years .panel-wrap{padding:5px 0 0;background:#fefdfa url(../history/images/bg-list-years-item_sp.gif) 0 0 repeat !important;}
.smart #list-years .panel .list-h2{width:auto;display:block; padding: 12px 20px 17px;
background-image:url(../history/images/bg-panel_1_sp.png);
background-image:url(../history/images/bg-panel_1_sp.png);
background-image:url(../history/images/bg-panel_2_sp.png);
background-image:url(../history/images/bg-panel_3_sp.png);
background-image:url(../history/images/bg-panel_4_sp.png);
background-image:url(../history/images/bg-panel_5_sp.png);
background-image:url(../history/images/bg-panel_6_sp.png);
background:#fefdfa;
}
.smart #list-years .panel .panel-body{padding:6px 0;height:auto;}
.smart #list-years .panel .panel-body figure{width:90px;height:53px; overflow:hidden;padding:0; float:left;}
.smart #list-years .panel .panel-body figure img{width:100%;}
.smart #list-years .panel .list-info{border-width:2px;width:auto;height:auto;float: left;margin-left: 3px;}
.smart #list-years .panel .item-wrap{width: auto;height:auto;padding:9px 28px 9px 16px;background: url(../history/images/ico-list-years-arrow_sp.png) right center no-repeat;}
.smart #list-years .open .list-h2{padding-bottom:60px;}
.smart #list-years #panel1.open .list-h2{background:#fefdfa url(../history/images/bg-panel_1_sp.png) center bottom no-repeat;}
.smart #list-years #panel2.open .list-h2{background:#fefdfa url(../history/images/bg-panel_2_sp.png) center bottom no-repeat;}
.smart #list-years #panel3.open .list-h2{background:#fefdfa url(../history/images/bg-panel_3_sp.png) center bottom no-repeat;}
.smart #list-years #panel4.open .list-h2{background:#fefdfa url(../history/images/bg-panel_4_sp.png) center bottom no-repeat;}
.smart #list-years #panel5.open .list-h2{background:#fefdfa url(../history/images/bg-panel_5_sp.png) center bottom no-repeat;}
.smart #list-years #panel6.open .list-h2{background:#fefdfa url(../history/images/bg-panel_6_sp.png) center bottom no-repeat;}

.smart #list-years .panel h1{margin:0 auto;font-size:14px;width:133px;}
.smart #list-years .panel h1 span{height:auto;width:100%;display: block}
.smart #list-years .panel h1 br,
.smart #list-years .panel h2,
.smart #list-years .panel p{display: none;}
.smart #list-years .cover{top:auto;bottom:0;right:0;height: 100%;width: 100%;;
text-align: right;
background: url(../history/images/bg-list-cover_sp.png) right bottom repeat-x;
outline:none;cursor: pointer;
}
.smart #list-history .inner{position:relative;min-height:auto;padding:28px 0 80px;}
/*#list-history .panel.disable .cover{opacity:.7;filte
.smart #list-history{overflow:visible;height:auto;min-height: auto;}r:alpha(opacity=70);-ms-filter:alpha(opacity=70);cursor:default;}*/


/*    detail   */
#list-detail{
  /*position:absolute;*/
  z-index:1;left:-100%;display:block;overflow:hidden;}
#list-detail .list-data-wrap{overflow: auto;width:100%;
-webkit-overflow-scrolling: touch;
    background: #f9f6e4;
}
#list-detail .list-data{overflow: hidden;}
#list-detail:before{height: 17px; width: 100%; background:#fefdfa url(../history/images/bg-list-history_1.gif) 0 top repeat-x; position: absolute;top:0;display: block;content: "";z-index:500;}
#list-detail:after{height: 17px; width: 100%; background:#fefdfa url(../history/images/bg-list-history_2.gif) 0 bottom repeat-x; position: absolute; bottom: 0;display: block;content: "";z-index:500;}
#list-detail .list-body{position:relative;}
#list-detail .list-body h2{display: none;}
#list-detail .year {width: 430px;float: left;color: #43380f;background:#f9f6e4; outline:none;}
/*#list-detail .year:before{width: 430px;background:#f9f6e4;}
#list-detail .year:after {width: 430px;background:#f9f6e4;}*/
#list-detail .year:first-child {width:470px;}
#list-detail .description{padding:8px;}
#list-detail .headline{font-weight: 700;margin-bottom:1em}
#list-detail .lead{margin-bottom:1em}
#list-detail .years{background:#736325 url(../history/images/bg-list-years.png) right 0 no-repeat;font-size:15px;font-weight: bold;color:#fff;text-align: center; padding: 4px 0 0;line-height:1;position:relative;height: 21px; cursor: pointer; text-indent: -20px;left: 20px;}
#list-detail .years:after{background:url(../history/images/bg-list-years.png) 0 0 no-repeat;display: block; content:" ";position:absolute;left: -27px; height:25px;top:0; width:67px;z-index: 10;outline:none;}
#list-detail .odd .years{background-color:#9a8944;background-position: right -25px;}
#list-detail .odd .years:after{background-position:0 -25px;}
#list-detail .year:hover .years{background-color:#ff7800;background-position: right -50px;}
#list-detail .year:hover .years:after{background-position:0 -50px;}
#list-detail .year:first-child .years:after{width: 87px;left: -47px;}

#list-detail ul{background:url(../history/images/line-list.png) 0 top no-repeat;position:relative;margin:0 40px 0 2px;padding:8px 0 0 10px;}
#list-detail .year:first-child ul{margin:0 40px 0 42px;}
#list-detail li{list-style: none;margin-left:0;}

#list-detail .year:hover{ color:#b59b21;}
#list-detail .year:hover ul{ background-image:url(../history/images/line-list_o.png);}
#list-detail .trend{padding:16px 0 20px;display:table-cell;vertical-align: bottom;background:#fefdfa;width:480px;position:relative; cursor: pointer;}
#list-detail .year:first-child .trend {padding-left:8px;}
#list-detail .trend ul{padding-top: 8px;margin: 0 9px;position: relative;}
#list-detail .trend li{background:url(../history/images/ico-trend.png) 0 0 no-repeat;padding-left:24px;}
#list-detail .history{margin-bottom:20px;padding:20px 8px 16px;position:relative; cursor: pointer;}
#list-detail .history ul{padding-bottom: 8px;background-position:0 bottom;position: relative;}
#list-detail .history ul li{display: none;}
#list-detail .trend ul:after{width: 500px;background: #e5dfc7;display: block;height:21px;content: "";position: absolute;bottom: -20px;margin: 0 0 0 -70px;}
#list-detail .history ul:after {width: 500px;background:#aba386;display: block;height:21px;content: "";position: absolute;top: -20px;margin: 0 0 0 -70px;}
/*#list-detail .year:first-child .trend:after{width: 500px;left:-20px;}
#list-detail .year:first-child .history:after {width: 500px;left:-20px;}*/

/*#list-detail .history .empty{display: none;}*/
/*#list-detail .history .loading{background: url(../history/images/loading.gif) center no-repeat;}*/
/*#list-detail .history .loading p{visibility:hidden;}*/
#list-detail li{background:url(../history/images/ico-trend.png) 0 0 no-repeat;padding-left:24px;}
#list-detail li.event{background-image:url(../history/images/ico-trend.png);}
#list-detail li.fashion{background-image:url(../history/images/ico-fashion.png);}
#list-detail li.hot{background-image:url(../history/images/ico-hot.png);}
#list-detail li.vogue{background-image:url(../history/images/ico-vogue.png);}
#list-detail li.book{background-image:url(../history/images/ico-book.png);}
#list-detail li.music{background-image:url(../history/images/ico-music.png);}
#list-detail li.theater{background-image:url(../history/images/ico-theater.png);}
#list-detail li.tv{background-image:url(../history/images/ico-tv.png);}
#list-detail li.game{background-image:url(../history/images/ico-game.png);}


#list-detail li.sf{background-image:url(../history/images/ico-sf.png);}
#list-detail li.latetv{background-image:url(../history/images/ico-latetv.png);}
#list-detail li.rhythm{background-image:url(../history/images/ico-rhythm.png);}
#list-detail li.pops{background-image:url(../history/images/ico-pops.png);}



#list-detail li.empty{background:none;text-align: center; padding: 80px 0 0; color:rgb(240,240,240);font-weight: 700;font-size:5em;}



/*  ctrl  */
.list-horizon-ctrl{position:absolute;top: 50%;left:0;width:100%;height: 1px;z-index: 501;}
#list-years .list-horizon-ctrl{position:fixed;}
.list-horizon-ctrl .btnBox{position:absolute;top:0;height: 1px;width: 100%;}
/*.ss .list-horizon-ctrl .btnBox{display: none;}*/
.list-horizon-ctrl .btnBox p{position:absolute;height: 58px;width: 57px;overflow: hidden;top:18px;cursor: pointer;background: url(../history/images/btn-prev.png) center no-repeat;text-indent: -9999px; outline: none;}
/*.list-horizon-ctrl .btnBox p:hover,.list-horizon-ctrl .btnBox p:focus{opacity:.7;filter:alpha(opacity=70);-ms-filter:alpha(opacity=70);}*/
.list-horizon-ctrl .btnBox p.btn-prev{left: 15px}
.list-horizon-ctrl .btnBox p.btn-next{right:15px;background-image: url(../history/images/btn-next.png);}
.list-horizon-ctrl p{position: absolute;}
.list-horizon-ctrl p.title{background: url(../history/images/title-title1.png) 60px center no-repeat;overflow: hidden;height: 21px;width: 190px;font-weight: bold;text-indent: -9999px;}
.list-horizon-ctrl p.title2{bottom: -66px;background-image: url(../history/images/title-title2.png) ;}
#list-years-ctrl{position:absolute;width:100%;top:16px;z-index:10;color:#84732e;border-bottom:1px solid #000;   background-color: #fff;}
#list-years-ctrl li.select{background: url(../history/images/bg-list-years-ctrl.png) center bottom no-repeat;color:#84732e;}
#list-years-ctrl li.disable{ color:#ccc; cursor:inherit;}
#list-detail-ctrl{position:absolute;width:100%;bottom:19px;z-index:1000;color:#fff;font-weight:bold;text-align: center;}
#list-detail-ctrl .list-ctrl-npdy{padding-bottom:12px;}
#list-detail-ctrl .list-ctrl-wrap{border-radius:4px;}
.avail_html5 #list-detail-ctrl .list-ctrl-wrap{-webkit-box-shadow: 1px 5px 10px 1px rgba(5,5,5,.5);box-shadow: 1px 5px 10px 1px rgba(5,5,5,.5);}
.list-ctrl-body{z-index:100;overflow:hidden;position:relative;width:100%;margin:auto;}
.list-ctrl-wrap{list-style:none;padding: 0;;line-height: 1;margin: 0;position: relative;/*float: left;left: 50%;*/font-size: 11px; text-align: center;}
#list-detail-ctrl .list-ctrl-wrap{background: #3a300b;display:inline-block;}
.list-ctrl-wrap .btn {margin:4px;padding:8px;font-size:1.2em;/*float:left;*/white-space: nowrap;cursor: pointer;display: inline-block;}
#list-years-ctrl .list-ctrl-wrap .btn {width:122px;border-left: 1px dotted #84732e;text-align: center;font-weight: bold;}

.sm #list-years-ctrl .list-ctrl-wrap .btn {width:auto;}
.ss .list-ctrl-wrap{position: static;float: none;left: auto;width:100%;}
.ss .list-ctrl-wrap:after{clear:both;content:"";display:block;}
.ss #list-years-ctrl .list-ctrl-wrap .btn {width:auto;border-bottom: 1px dotted #84732e;margin: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;bottom: -1px;position: relative;}
#list-years-ctrl .list-ctrl-wrap .btn:first-child {border-left:none;}
#list-detail-ctrl .list-ctrl-wrap .btn {display: none;}
#list-detail-ctrl .list-ctrl-wrap .btn.btn-topic{display:inline-block!important;}
.list-ctrl-wrap .btn.select{color:#ff7800;}
#list-detail-ctrl li{background:url(../history/images/ico-trend.png) 0 2px no-repeat;padding-left:24px;}
#list-detail-ctrl li.btn-topic{background-image:url(../history/images/ico-all.png);}
#list-detail-ctrl li.btn-event{background-image:url(../history/images/ico-event.png);}
#list-detail-ctrl li.btn-fashion{background-image:url(../history/images/ico-fashion.png);}
#list-detail-ctrl li.btn-hot{background-image:url(../history/images/ico-hot.png);}
#list-detail-ctrl li.btn-vogue{background-image:url(../history/images/ico-vogue.png);}
#list-detail-ctrl li.btn-book{background-image:url(../history/images/ico-book.png);}
#list-detail-ctrl li.btn-music{background-image:url(../history/images/ico-music.png);}
#list-detail-ctrl li.btn-theater{background-image:url(../history/images/ico-theater.png);}
#list-detail-ctrl li.btn-tv{background-image:url(../history/images/ico-tv.png);}
#list-detail-ctrl li.btn-game{background-image:url(../history/images/ico-game.png);}



#list-detail-ctrl li.btn-sf{background-image:url(../history/images/ico-sf.png);}
#list-detail-ctrl li.btn-latetv{background-image:url(../history/images/ico-latetv.png);}
#list-detail-ctrl li.btn-rhythm{background-image:url(../history/images/ico-rhythm.png);}
#list-detail-ctrl li.btn-pops{background-image:url(../history/images/ico-pops.png);}


.smart .list-data-wrap .year{width:100%;}
.smart .list-ctrl{display: none;}
.smart #list-detail .list-body{padding:0 20px;}
.smart #list-detail .list-body h2{display: block;font-size: 14px;font-weight: bold;}
.smart #list-detail .list-body h2 em{font-size: 21px;}
.smart #list-detail:before{width:11px; height:100%;background:url(../history/images/bg-list-history_1_1_sp.png) left 0 repeat-y; position: absolute;top:auto; left:0;z-index:500;}
.smart #list-detail:after{width:11px; height:100%;background:url(../history/images/bg-list-history_1_2_sp.png) right 0 repeat-y; position: absolute;top:0;bottom:auto;right:0;z-index:500;}
.smart #list-detail-ctrl{/*height: 29px;*/display: none;/*position:relative;*/bottom:auto;background:#645c3f;top: 28px;
padding: 0 0 4px}
.smart #list-detail-ctrl .list-ctrl-body{min-height: 29px;/*opacity: 0;*/}
.smart #list-detail-ctrl .list-ctrl-wrap{-webkit-box-shadow: none;box-shadow: none;border-radius: 0;background: #645c3f;}
.smart #list-detail-ctrl li{background: 0 0 no-repeat;background-size:29px;padding:0;margin:0 5px;text-indent: -9999px; overflow: hidden;height: 29px;width: 29px;/* display: inline-block!important; */display: none;}
.smart #list-detail-ctrl .list-ctrl-wrap .btn.btn-topic{display: none!important;}
.smart #list-detail-ctrl li.btn-event{background-image:url(../history/images/ico-event_sp.png);}
.smart #list-detail-ctrl li.btn-fashion{background-image:url(../history/images/ico-fashion_sp.png);}
.smart #list-detail-ctrl li.btn-hot{background-image:url(../history/images/ico-hot_sp.png);}
.smart #list-detail-ctrl li.btn-vogue{background-image:url(../history/images/ico-vogue_sp.png);}
.smart #list-detail-ctrl li.btn-book{background-image:url(../history/images/ico-book_sp.png);}
.smart #list-detail-ctrl li.btn-music{background-image:url(../history/images/ico-music_sp.png);}
.smart #list-detail-ctrl li.btn-theater{background-image:url(../history/images/ico-theater_sp.png);}
.smart #list-detail-ctrl li.btn-tv{background-image:url(../history/images/ico-tv_sp.png);}
.smart #list-detail-ctrl li.btn-game{background-image:url(../history/images/ico-game_sp.png);}


.smart #list-detail-ctrl li.btn-sf{background-image:url(../history/images/ico-sf_sp.png);}
.smart #list-detail-ctrl li.btn-latetv{background-image:url(../history/images/ico-latetv_sp.png);}
.smart #list-detail-ctrl li.btn-rhythm{background-image:url(../history/images/ico-rhythm_sp.png);}
.smart #list-detail-ctrl li.btn-pops{background-image:url(../history/images/ico-pops_sp.png);}


.smart #list-detail .trend ul:after,
.smart #list-detail .history ul:after,
.smart #list-detail .years{display: none;}
.smart #list-detail .year{background: none;}
.smart #list-years-ctrl {background:#3a300b url(../history/images/bg-list-years-ctrl_sp.gif) 0 center no-repeat; height: 27px;top:0; position: relative;float: none}
.smart #list-years-ctrl li{display: none;padding-left:24px;font-size: 9px;color:#fff;}
.smart #list-years-ctrl li em{font-size: 14px;}
.smart #list-years-ctrl li.select{display: block;background: none;}
.smart #list-years-ctrl li.btn.btn-list-top{display:block;width:64px;height: 18px;position: absolute;top:5px;right: 9px;background: url(../history/images/btn-list-top.png) no-repeat; text-indent: -9999px; overflow: hidden;background-size:64px 18px;border:none; }
/*.smart .list-ctrl.list-horizon-ctrl{position: relative;top: 0;height: auto;}*/
.smart .list-ctrl.list-horizon-ctrl{top: auto!important;bottom:0!important;height: 40px;}

.smart .list-ctrl.list-horizon-ctrl .title{display: none;}
.smart .list-ctrl.list-horizon-ctrl .btnBox{display: block;position: relative;height: 40px;top:auto;bottom:0;}
.smart .list-ctrl.list-horizon-ctrl .btnBox:after{position:absolute;top: 0;left: 50%; height: 40px; width: 1px;background: url(../history/images/bg-btnbox.gif) center no-repeat;display: block;content: "";}
.smart .list-ctrl.list-horizon-ctrl .btnBox p{position:static;width: 50%; height: 40px; background: #3a300b url(../history/images/btn-next_sp.png) center no-repeat;float: left;}
.smart .list-ctrl.list-horizon-ctrl .btnBox p:first-child{background-image:url(../history/images/btn-prev_sp.png);}
.smart #list-detail .year,
.smart #list-detail .year:first-child {width:auto;}
.smart #list-detail ul{background:none;position:relative;margin:0;padding:0;}
.smart #list-detail .year:first-child ul{margin:0;}
.smart #list-detail .year:hover{ color:inherit;}
.smart #list-detail .year:hover ul{ background:inherit;}
.smart #list-detail .item{display: none;}
.smart #list-detail .item h2{background: 0 2px no-repeat;padding-left:18px;margin-bottom:8px;color:#736325;font-weight:bold;font-size:12px;background-size: 15px;}

.smart #list-detail .item.item-event h2{background-image:url(../history/images/ico-event2.png);}
.smart #list-detail .item.item-fashion h2{background-image:url(../history/images/ico-fashion2.png);}
.smart #list-detail .item.item-hot h2{background-image:url(../history/images/ico-hot2.png);}
.smart #list-detail .item.item-vogue h2{background-image:url(../history/images/ico-vogue2.png);}
.smart #list-detail .item.item-book h2{background-image:url(../history/images/ico-book2.png);}
.smart #list-detail .item.item-music h2{background-image:url(../history/images/ico-music2.png);}
.smart #list-detail .item.item-theater h2{background-image:url(../history/images/ico-theater2.png);}
.smart #list-detail .item.item-tv h2{background-image:url(../history/images/ico-tv2.png);}
.smart #list-detail .item.item-game h2{background-image:url(../history/images/ico-game2.png);}


.smart #list-detail .item.item-sf h2{background-image:url(../history/images/ico-sf2.png);}
.smart #list-detail .item.item-latetv h2{background-image:url(../history/images/ico-latetv2.png);}
.smart #list-detail .item.item-rhythm h2{background-image:url(../history/images/ico-rhythm2.png);}
.smart #list-detail .item.item-pops h2{background-image:url(../history/images/ico-pops2.png);}




.smart #list-detail .item .em{font-weight: bold;}
.smart #list-detail .list-data{padding:0 0px;}
/*.smart #list-detail .btnBox{opacity: 0;}*/

#modal {position: absolute;z-index: 1000;background: rgba(0,0,0,.4);width: 100%;height: 100%;top: 0;left: 0;display: none;}
.na_html5 #modal {background:url(../history/images/bg-modal.png);}
#modal .modal-body{width: 100%;height: 100%;display:table;position:fixed;}
#modal .modal-wrap{display: table-cell;vertical-align: middle;}
#modal .modal-inner{background: #fff url(../history/images/bg-modal.jpg) right 0 no-repeat;margin: auto;position: relative;padding-bottom: 40px;}
.ie #modal .modal-inner{scrollbar-base-width:6px;scrollbar-track-color:#f4e8b8;scrollbar-base-color:#ffae00;}
#modal .modal-inner{max-width:912px;-webkit-overflow-scrolling: touch;}

#modal .modal-list-wrap::-webkit-scrollbar{overflow:hidden;width:6px;background:#f4e8b8;}
#modal .modal-list-wrap::-webkit-scrollbar-button {display:none;}
#modal .modal-list-wrap::-webkit-scrollbar-thumb {overflow:hidden;background:#ffae00;}

#modal .modal-inner h1{font-size:27px;line-height: 1;margin:0;padding: 25px 48px;font-weight: bold;background:url(../history/images/bg-list-history_1.gif) 0 bottom repeat-x;}
#modal .modal-inner h1 em{font-size: 45px;font-weight: bold;text-shadow: 1px  solid #000;}
/*.ss #modal .modal-inner h1{padding:8px 16px 10px;}*/
#modal #modal-ctrl{background:url(../history/images/line-modal-ctrl.gif) 0 bottom repeat-x;overflow: hidden;width: 100%;margin-bottom:23px;padding-bottom: 10px;text-align: center;}
#modal #modal-ctrl:after{content:"";display: block;clear: both;}
#modal #modal-ctrl ul{list-style: none;padding:0 48px;margin: 0;}
.ss #modal #modal-ctrl ul{ padding: 0 16px}


#modal #modal-ctrl ul li{display:inline-block;margin:2px;color:#a6a3a3;padding:8px 4px 0;line-height: 20px;font-size: 11px;font-weight: bold;background: url(../history/images/ico-trend.png) 0 6px no-repeat;padding-left:24px;}
#modal #modal-ctrl ul li.btn{cursor: pointer;color:#000;}
#modal #modal-ctrl ul li.btn-topic{background-image:url(../history/images/ico-all.png);}
#modal #modal-ctrl ul li.btn-event{background-image:url(../history/images/ico-event.png);}
#modal #modal-ctrl ul li.btn-fashion{background-image:url(../history/images/ico-fashion.png);}
#modal #modal-ctrl ul li.btn-hot{background-image:url(../history/images/ico-hot.png);}
#modal #modal-ctrl ul li.btn-vogue{background-image:url(../history/images/ico-vogue.png);}
#modal #modal-ctrl ul li.btn-book{background-image:url(../history/images/ico-book.png);}
#modal #modal-ctrl ul li.btn-music{background-image:url(../history/images/ico-music.png);}
#modal #modal-ctrl ul li.btn-theater{background-image:url(../history/images/ico-theater.png);}
#modal #modal-ctrl ul li.btn-tv{background-image:url(../history/images/ico-tv.png);}
#modal #modal-ctrl ul li.btn-game{background-image:url(../history/images/ico-game.png);}


#modal #modal-ctrl ul li.btn-sf{background-image:url(../history/images/ico-sf.png);}
#modal #modal-ctrl ul li.btn-latetv{background-image:url(../history/images/ico-latetv.png);}
#modal #modal-ctrl ul li.btn-rhythm{background-image:url(../history/images/ico-rhythm.png);}
#modal #modal-ctrl ul li.btn-pops{background-image:url(../history/images/ico-pops.png);}


#modal .btn-close{cursor: pointer;color:#888;line-height: 1;font-size: 12px;background:#fff url(../history/images/btn-close.gif) center no-repeat;position: absolute;text-indent: -9999px;width: 23px;height: 23px;top:9px;right: 9px;}




#modal-list{padding: 16px;clear: both;margin: 0 48px;background:url(../history/images/bg-modal-list.png);}
.ss #modal-list{margin: 0;}
/*.ss #modal-list{padding:8px;margin: 0 16px;}*/
#modal-list .modal-list-wrap{overflow: auto;width: 100%;max-height: 611px;}
#modal-list .item{display: none;}
#modal-list .item h2{background: 0 2px no-repeat;padding-left:34px;margin-bottom:.3em;color:#fff;font-weight:bold;font-size:20px;}
#modal-list .item.item-event h2{background-image:url(../history/images/ico-event2.png);}
#modal-list .item.item-fashion h2{background-image:url(../history/images/ico-fashion2.png);}
#modal-list .item.item-hot h2{background-image:url(../history/images/ico-hot2.png);}
#modal-list .item.item-vogue h2{background-image:url(../history/images/ico-vogue2.png);}
#modal-list .item.item-book h2{background-image:url(../history/images/ico-book2.png);}
#modal-list .item.item-music h2{background-image:url(../history/images/ico-music2.png);}
#modal-list .item.item-theater h2{background-image:url(../history/images/ico-theater2.png);}
#modal-list .item.item-tv h2{background-image:url(../history/images/ico-tv2.png);}
#modal-list .item.item-game h2{background-image:url(../history/images/ico-game2.png);}


#modal-list .item.item-sf h2{background-image:url(../history/images/ico-sf2.png);}
#modal-list .item.item-latetv h2{background-image:url(../history/images/ico-latetv2.png);}
#modal-list .item.item-rhythm h2{background-image:url(../history/images/ico-rhythm2.png);}
#modal-list .item.item-pops h2{background-image:url(../history/images/ico-pops2.png);}


#modal-list .item ul{padding: 0;color:#fff;}
#modal-list .item li{margin-bottom:.5em;margin-left:10px;list-style:none;background:url(../history/images/ico-dot.png) 0 4px no-repeat;padding-left: 1em;}
#modal-list .item .em{font-weight: bold;}


.sm #header .wrap {width:auto;}
.sm #head_01 .socialBtn{left:320px;}
.sm #header .globalNav ul {width:100%}
.sm #header .globalNav li a{margin: 0!important;background-position: center 0 !important;}
.sm #header .globalNav li span{margin: 0!important;background-position: center center !important;}
.sm #header .globalNav li a:hover,
.sm #header .globalNav li a:focus{margin: 0!important;background-position: center bottom !important;}
/* .sm #header .globalNav .menu li.btn-nav_01 {width: 124px !important;}
.sm #header .globalNav .menu li.btn-nav_02 {width: 98px !important;}
.sm #header .globalNav .menu li.btn-nav_03 {width: 98px !important;}
.sm #header .globalNav .menu li.btn-nav_04 {width: 98px !important;}
.sm #header .globalNav .menu li.btn-nav_05 {width: 170px !important;}
.sm #header .globalNav .menu li.btn-nav_06 {width: 169px !important;} */