/*特大バナー用*/
.flexslider { margin:0;padding: 0; }
.flexslider .slides > li { display:none;-webkit-backface-visibility: hidden; }
.flexslider .slides img { width:100%; display: block; }
.flex-pauseplay span { text-transform: capitalize; }
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .slides { display: block; }
* html .slides { height: 1% }
.no-js .slides > li:first-child { display: block; }
.flexslider { width: 250px; height: 140px; margin: 0; position: relative; zoom: 1; }
.flex-viewport { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 140px }
.flexslider .slides { zoom: 1 }
.flex-caption { position: relative; bottom: 22px; width: 250px; padding: 3px 0; background: #1a1a1a; opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; color: #fff; text-align: center; }
.carousel li { margin-right: 5px }
.flex-control-nav { width: 100%; position: absolute; bottom: 15px; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 14px; height: 14px; display: block; text-indent: -9999px; background: url(../images/slide/slidenav.png) no-repeat; }
.flex-control-paging li a:hover { background: url(../images/slide/slidenav.png) no-repeat 0 -14px; }
.flex-control-paging li a.flex-active { background: url(../images/slide/slidenav.png) no-repeat 0 -14px; cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; display: block; cursor: pointer; }
	
#imageHeader { position: relative; width: 642px; height: 394px; margin: 0; zoom: 1; }
#imageHeader li img { border: 1px solid #ccc; }	

/*トップINFORMATION*/
#topInfoBox { display: block; clear: both; width: 642px; height: auto; color: #bbb; background: url(../images/head_info_top.png) no-repeat; padding: 18px 0 0 0; margin: 0; }
#topInfoBox header h1 { display: none; }
#topInfoBox ul { display: block; background: #1a1a1a; padding: 28px 22px; }
#topInfoBox ul li { list-style: none; padding: 0 0 1.5em 94px; }
#topInfoBox ul li:last-child { padding-bottom: 0;}

/*トップINFORMATIONのアイコン設定*/
#topInfoBox ul li.topics { background: url(../images/icon_topics.gif) no-repeat; }
#topInfoBox ul li.tv { background: url(../images/icon_tv.gif) no-repeat; }
#topInfoBox ul li.radio { background: url(../images/icon_radio.gif) no-repeat; }
#topInfoBox ul li.magazine { background: url(../images/icon_magazine.gif) no-repeat; }
#topInfoBox ul li.mobile { background: url(../images/icon_mobile.gif) no-repeat; }
#topInfoBox ul li.merch { background: url(../images/icon_merch.gif) no-repeat; }
#topInfoBox ul li.other { background: url(../images/icon_other.gif) no-repeat; }
#topInfoBox ul li.nn { background: url(../images/icon_nn.gif) no-repeat; }
#topInfoBox ul li.event { background: url(../images/icon_event.gif) no-repeat; }
/*NEWマーク*/	
#topInfoBox ul li span,#topNorikaNavi ul li span,#nntopNorikaNavi ul li span { height: 16px; color: #fff; font-size: 77%; font-family: "Libre Baskerville"; font-weight: 400; background: #f00; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding: 3px 10px 1px 10px; margin-left: 1em; }

/*トップMOVIE*/	
#topMovie { display: block; float: left; width: 310px; height: 231px; margin: 30px 0; }
#topMovie header h1 { display: block; height: 18px; text-indent: -9999px; background: url(../images/head_movie_top.png) no-repeat; }
#topMovieBox { display: block; height: 150px; background: #1a1a1a; padding: 30px; }
#topMovieBox .protect:hover { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }			
#topMovieBox p.caption { display: block; text-align: center; padding-top: 5px; }
	
/*トップPHOTO*/	
#topPhoto { position: relative; display: block; float: left; width: 310px; margin: 30px 0 33px 22px; }
#topPhoto header h1 { display: block; height: 18px; text-indent: -9999px; background: url(../images/head_photo_top.png) no-repeat; }
#topPhotoBox { background: #1a1a1a; height: 150px; padding: 30px; }
#topPhotoBox:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#topPhotoBox .flex-control-nav { bottom: -28px; }
/*トップNORIKA NAVI*/	
#topNorikaNavi,#nntopNorikaNavi { display: block; width: 642px; height: auto; margin-top: 30px; }

/*メンバートップNORIKA NAVI設定*/	
#nntopNorikaNavi{ margin-top: 0;}
#topNorikaNavi header h1,#nntopNorikaNavi header h1 { display: block; height: 18px; text-indent: -9999px; background: url(../images/head_norikanavi_top.png) no-repeat; }
#topNorikaNavi ul,#nntopNorikaNavi ul {display: block; background: #1a1a1a; padding: 28px 22px;}
#topNorikaNavi ul li,#nntopNorikaNavi ul li { list-style: none; padding-bottom: 1.5em; }
#topNorikaNavi ul li em,#nntopNorikaNavi ul li em { color: #74737c; font-size: 93%; font-family: "Libre Baskerville"; font-weight: 400; font-style: normal; padding-left: 0.5em; }
#topNorikaNavi ul li:last-child,#nntopNorikaNavi ul li:last-child  { padding-bottom: 0;}

@media screen and (max-width: 639px) {
#imageHeader { position: relative; width: 100%; height: auto; margin: 0; zoom: 1; z-index: -1; }
#imageHeader li img { width: 100%; border: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.flex-control-nav { bottom: -20px; }
.flex-caption { width: 100%; }
#topInfoBox { width: 98%; background: none; margin: 60px 0 0 0; }
#topInfoBox header h1 { display: block; width: 100%; color: #e74c3c; font-size: 153.9%; font-family: "Libre Baskerville"; font-weight: 400; letter-spacing: 0.2em; border-bottom: 1px solid #e74c3c; padding-left: 2%; }
#topInfoBox ul { padding: 14px 2%; }
#topInfoBox ul li { list-style: none; padding: 0 0 1.5em 60px; }
#topInfoBox ul li:last-child { padding-bottom: 0;}
/*NEWマーク*/	
#topInfoBox ul li span,#topNorikaNavi ul li span,#nntopNorikaNavi ul li span { height: 11px; color: #fff; font-size: 60%; padding: 2px 5px 1px 5px; margin-left: 1em; }
/*トップINFORMATIONのアイコン設定*/
#topInfoBox ul li.topics,
#topInfoBox ul li.tv,
#topInfoBox ul li.radio,
#topInfoBox ul li.magazine,
#topInfoBox ul li.mobile,
#topInfoBox ul li.merch,
#topInfoBox ul li.other,
#topInfoBox ul li.nn,
#topInfoBox ul li.event { background-size: 56px 12px; }
/*トップNORIKA NAVI*/	
#topNorikaNavi,#nntopNorikaNavi { width: 100%; }
#topNorikaNavi header h1,#nntopNorikaNavi header h1 { display: block; width: 98%; height: auto; color: #e74c3c; font-size: 153.9%; font-family: "Libre Baskerville"; font-weight: 400; background: none; text-indent: 0; letter-spacing: 0.2em; border-bottom: 1px solid #e74c3c; padding-left: 2%; margin: 20px 0 0 0; }
#topNorikaNavi ul,#nntopNorikaNavi ul { padding: 14px 2%; }
/*トップMOVIE*/	
#topMovie { float: none; width: 80%; height: auto; margin: 14px auto; }
#topMovie header h1,#topPhoto header h1 { display: block; width: 100%; height: auto; color: #e74c3c; font-size: 153.9%; font-family: "Libre Baskerville"; font-weight: 400; background: none; text-indent: 0; letter-spacing: 0.2em; border-bottom: 1px solid #e74c3c; }
#topMovieBox { height: auto; padding: 14px 10%; margin: 0 auto; }
#topMovieBox a { display: block; width: 100%; margin: 0 auto; }
#topMovieBox a img { width: 100%; margin: 0 auto;}
#topMovieBox .protect:hover { opacity:1; }			
#topMovieBox p.caption { display: block; text-align: center; padding-top: 5px; }
/*トップPHOTO*/	
#topPhoto { float: none; width: 80%; margin: 14px auto; }
#topPhotoBox { height: auto; padding: 14px 10%; margin: 0 auto; }
#topPhotoBox a { display: block; width: 100%; margin: 0 auto; }
#topPhotoBox a img { width: 100%; margin: 0 auto;}
#topPhotoBox .flexslider { width: 100%; height: auto; }
}