/*********************************************************************
  TAG
*********************************************************************/

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

html,body {
  height:100%;
  margin:0;
  padding:0;
  background:#fff;
}

body {
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
  font-size:14px;
  color:#4b4b4b;
}

h1, h2, h3, h4, h5, h6 {
  font-weight:bold;
}

a {
  color:#000;
  text-decoration:none;
}

a:hover {
  color:#ccc;
  text-decoration:none;
}


/*********************************************************************
  CLASS
*********************************************************************/

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  overflow:hidden;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.rebuchet {
  font-family:"Trebuchet MS";
  letter-spacing:0;
  font-weight:bold;
}

/*********************************************************************
  ID
*********************************************************************/

#site-wrapper {
  position:relative;
  width:100%;
  padding-bottom:140px;
  z-index:999;
}

/* サイトヘッダ
*************************************/

#site-header {
  width:352px;
  height:131px;
  padding:13px 33px 34px 23px;
  background:url(../images/logo_bg.png)
}

/* グローバルナビ
*************************************/

#global_navi {

}

#global_navi li {
  margin-bottom:4px;
  padding:2px 0 0 30px;
  height:17px;
}

#global_navi li.current {
  background:url(../images/menu_active.png) no-repeat;
}

#global_navi li a {
  font-size:18px;
  font-weight:bold;
}

#global_navi li a img {
  display:block;
}

#global_navi {
  padding:0px 0px 18px 0;
  width:290px;
}

#global_navi li a {
  display:inline-block;
}

#global_navi li a:hover {
  border:none;
}

#global_navi .menu_sub-contents {
  margin-top: 18px;
}

#global_navi .menu_sub-contents .bgh {
  background-position: 0 2px;
}

/* サイトフッタ
*************************************/

#site-footer {
  width:100%;
  min-width:700px;
  padding:10px 0 6px;
  background:rgba(0,0,0,0.5);
  position:fixed;
  bottom:0;
  left:0;
  z-index:1001;
}

/* ページタイトル
*************************************/

#page-title {
  position:absolute;
  right:0;
  top:0;
}

#right-title {
  width:120px;
  height:100%;
  position:fixed;
  top:0;
  right:0;
  z-index:2;
}

/* コピーライト
*************************************/

#site-footer .copyright {
  color:#fff;
  font-size:10px;
  float:left;
  padding:6px 0 0 20px;
}

#site-footer .copyright li {
  display:inline;
  margin-right:10px;
}

/* コーポレートロゴ
*************************************/

#site-footer .logo_list {
  float:right;
  padding-right:20px;
}

#site-footer .logo_list li {
  display:inline-block;
  margin-left:24px;
}

#site-footer .logo_list li:first-child {
  margin-left:0;
}


/* ソーシャルブックマーク
*************************************/

#site-footer .social_btns {
  float:right;
  padding:6px 50px 0 0;
}

#site-footer .social_btns li {
  display:inline-block;
  margin-left:10px;
}

#site-footer .social_btns li:first-child {
  margin-left:0;
}

/* レイアウト
*************************************/

#main {
  min-width:1280px;
  margin-top:-23px;
}

#left_container {
  width:300px;
  float:left;
  padding:0 0 0 0;
  position:relative;
}

#contents-wrapper {
  position:relative;
  float:right;
  min-width:960px;
  margin-top:-50px;
}

#background {
  width:100%;
  height:100%;
  min-width:1280px;
  position:fixed;
  top:0;
  left:0;
  z-index:0;
}

#page-home #background2 {
  width:100%;
  height:200px;
  min-width:1280px;
  position:fixed;
  bottom:0;
  left:0;
  z-index:0;
  background:-moz-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.3));
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),color-stop(0.5, rgba(0,0,0,0.3)),to(rgba(0,0,0,0.3)));
}

#background_on {
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:1;
  opacity:0;
}

/*********************************************************************
  HOME
*********************************************************************/

#page-home #background {
  background:url(../images/top_main_visual.jpg) top left no-repeat #290000;
  background-size:cover;
}

#page-home #site-wrapper {
  min-height: 750px;
}

/* バナーエリア
*************************************/

#banner_area {
  width:190px;
  padding:0 0 0 30px;
}

#banner_area li {
  margin-bottom:6px;
}

/* メインエリア
*************************************/

#page-home .top_main_area {
  width:100%;
  min-width:1220px;
  position:absolute;
  bottom:60px;
  z-index:1000;
}

#page-home .top_main_area .top_main_copy {
  width:570px;
  float:left;
  margin:0 20px 0 30px;
}

/* スタッフ
*************************************/

#page-home .top_main_area .top_staff_list {
  float:left;
  width:234px;
  padding-top:10px;
}

#page-home .top_main_area .top_staff_list li {
  float:left;
  padding-top:18px;
}

#page-home .top_main_area .top_staff_list li.long {
  width:160px;
  margin-right:14px;
}

#page-home .top_main_area .top_staff_list li.short {
  width:60px
}

/* twitter
*************************************/
#twitter_timeline {
  width:250px;
  height:280px;
  background:url(../images/twitter_bg.png) no-repeat;
  position:absolute;
  right:30px;
  bottom:230px;
  z-index:1000;
  padding:30px 0px 60px 50px;
}

#twitter-widget-holder {
  max-height:300px; max-width:250px;
}

#twitter-widget-0 {
  padding:20px 0;
}

/* ニュース
*************************************/

#top_news_area {
  width:250px;
  position: absolute;
  top: -45px;
  right: 30px;
}

#top_news_area h2 {
  color:#fff;
}

.top_news_list li {
  margin-bottom:10px;
  color:#fff;
}

.top_news_list .news_date {
  font-size:12px;
}

.top_news_list li a {
  color:#fff;
}

.top_news_list li a:hover {
  border-bottom:1px dotted #fff;
}

.top_news_list .news_date .new {
  font-size:10px;
  background:#dfdfdf;
  padding:1px 3px;
  margin-left:4px;
  color:#000;
}

/* ムービー
*************************************/

#movie_area {
  position:absolute;
  top:30px;
  right:30px;
}

#movie_area li {
  margin-bottom:20px;
  width:198px;
}

#movie_area h2 {
  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  margin-bottom:4px;
  font-size:14px;
  color:#fff;
  font-weight:bold;
  text-shadow:0 0 4px rgba(5,3,13,0.73),0 0 4px rgba(5,3,13,0.73);
}

#movie_area li a img {
  display:block;
  margin:0 auto;
}


/*********************************************************************
  NEWS
*********************************************************************/

#page-news #background {
  background:url(../images/news_main_visual.jpg) top left no-repeat #290000;
  background-size:cover;
}

.category-news #right-title {
  background:url(../images/news_right.png) left top no-repeat;
  background-size:cover;
}

#news_contents {
  padding-top:60px;
  width:928px;
  margin:0 auto;
}

.news_main {
  width:580px;
  float:left;
  margin-right:128px;
  color:#fff;
}

.news_container {
  margin-bottom:40px;
  padding-top:10px
}

.news_header {
  border:1px solid #666;
  border-right:none;
  border-left:none;
  padding:30px 0 25px;
  margin-bottom:20px;
}

.post-date {
  font-size:14px;
  display:block;
  margin-bottom:2px;
}

.post-date span {
  background:#fff;
  color:#000;
  font-size:11px;
  padding:0 4px;
}

.news_header h1 {
  font-size:20px;
}

.news_body {
  line-height:1.5em;
}

.news_body img {
  margin-bottom:10px;
}

.news_body a {
  color:#39c0ff !important;
  border-bottom:1px dotted #39c0ff !important;
}

.news_body a:hover {
  border-bottom:none !important;
}

.news_body p {
  margin-bottom:0.5em;
}

/*SIDE*/

.sidemenu {
  width:220px;
  float:left;
  position:relative;
}

.sidemenu_container {
  position:absolute;
  top:0;
  left:0;
}

.sidemenu h3 {
  margin-bottom:14px;
}

.recent-news {
  margin-bottom:40px;
}

.recent-news li {
  margin-bottom:18px;
}

.category_list li {
  margin-bottom:4px;
}

.recent-news li a,
.category_list li a {
  color:#fff;
  border-bottom:1px dotted #fff;
}

.recent-news li a:hover,
.category_list li a:hover {
  border-bottom:none;
}

#goto_pagetop {
  width:62px;
  height:40px;
  position:fixed;
  bottom:70px;
  left:1200px;
  opacity:0;
}

.news-navi {
  text-align:center;
}

/*********************************************************************
  INTRODUCTION
*********************************************************************/

#page-introducrion #background {
  background:url(../images/introduction_main_visual.jpg) top left no-repeat #290000;
  background-size:cover;
}

#page-introducrion #right-title {
  background:url(../images/introduction_right.png) left top no-repeat;
  background-size:cover;
}

.introduction_text {
  padding:126px 0 0 0;
  text-align:center;
}

/*********************************************************************
  STORY
*********************************************************************/

.category-story #background {
  background:url(../images/story_main_visual.jpg) top left no-repeat #290000;
  background-size:cover;
}

.category-story #right-title {
  background:url(../images/story_right.png) left top no-repeat;
  background-size:cover;
}

#story_contents {
  width:920px;
  margin:0 auto;
  padding-top:62px;
}

.story_list {
  width:920px;
}

.story_list li {
  width:190px;
  float:left;
  margin:0 40px 30px 0;
}

.story_list li .story_thumb {
  margin-bottom:2px;
}

.story_list li h3.story_title {
  font-size:16px;
  font-weight:normal !important;
  font-family:Arial, Helvetica, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
  color:#fff;
  letter-spacing:-0.5px;
}

.story_list li em {
  display:block;
  text-align:right;
  color:#fff;
  font-size:16px;
  font-family:Arial, Helvetica, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
}

.story_list li span {
  display:block;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
}

.story_list li .story_title a {
  color:#fff;
}

.story_list li .story_title a:hover {
  border-bottom:1px dotted #fff;
}

#page-story h2.story_title {
  font-size:20px;
  margin-bottom:20px;
  font-weight:normal;
}

.story_container {
  width:720px;
  margin:0 auto 30px;
  color:#fff;
}

#story_contents .story_container:last-child {
  margin-bottom:0;
}

.story_container .story_info {
  width:370px;
  padding-left:4px;
  float:left;
}

.story_container .story_info .story_main_text {
  margin-bottom:18px;
}

.story_container .story_info .story_sub_text {
  font-size:12px;
}

.story_container .youtube_thumb {
  width:332px;
  padding-right:4px;
  float:right;
}

.story_thumb_list {
}

.story_thumb_list li {
  float:left;
  margin:0 5px 10px;
}

.story_thumb_list li img {
  display:block;
}


/*********************************************************************
  STAFF & CAST
*********************************************************************/

#page-staff_cast #background {
  background:url(../images/sc_main_visual.jpg) top left no-repeat #290000;
  background-size:cover;
}

#page-staff_cast #right-title {
  background:url(../images/sc_right.png) left top no-repeat;
  background-size:cover;
}

#staff_cast_contents {
  padding-top:96px;
  width:900px;
}

#staff_cast_contents dl {
  color:#fff;
  font-size:18px;
}

#staff_cast_contents dl.staff_text {
  float:left;
  width:420px;
}

#staff_cast_contents dl.cast_text {
  float:left;
  width:480px;
}

#staff_cast_contents dl dt {
  margin-bottom:12px;
}

#staff_cast_contents dl dd {
  line-height:1.5em;
}

#staff_cast_contents .staff_list_l {
  float:left;
  margin-right:0px;
  width: 160px;
  overflow: hidden;
}

#staff_cast_contents .staff_list_r {
  float:left;
}

#staff_cast_contents .staff_text .staff_list_l {
  width: 220px;
}

#staff_cast_contents .staff_text .staff_list_r {
  width: 200px;
}



#staff_cast_contents .staff_list_l li,
#staff_cast_contents .staff_list_r li {
  margin-bottom:10px;
}

#page-staff_cast .overlay {
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.8);
  display:none;
  position:fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  overflow:auto;
}

.overlayChild {
  display:none;
}

.overlay_container {
  width: 788px;
  margin: 0 auto;
  position: relative;
}

.overlay_container .overlay_text p {
  color:#fff;
  margin-bottom: 1em;
}

.overlay_container h3 {
  margin-bottom: 14px;
}

.overlay_container h4 {
  margin-bottom: 50px;
}

.overlay_container h5 {
  margin-bottom: 20px;
}

.overlay_container .overlay_text {
  width: 600px;
  margin: 0 auto 74px;
}

#overlay_01 .overlay_container .overlay_text {
  margin-bottom: 0px;
}

.overlay_container .sc_sign {
  width: 600px;
  margin: 0 auto;
  text-align: right;
}

.overlay_container .overlay-close {
  position: absolute;
  top: 0;
  right: 0;
}

.overlay .overlay-prev {
  width: 40px;
  height: 62px;
  display: block;
  position: absolute;
  top: 50%;
  left: 30px;
}

.overlay .overlay-next {
  width: 40px;
  height: 62px;
  display: block;
  position: absolute;
  top: 50%;
  right: 30px;
}


/*********************************************************************
  CHARACTER
*********************************************************************/

#page-character_index #background {
  background:url(../images/character_main_visual.jpg) top left no-repeat #290000;
  background-size:cover;
}

.category-character #right-title {
  background:url(../images/character_right.png) left top no-repeat;
  background-size:cover;
}

/*  インデックス
******************************/
#character_index {
  text-align:center;
  padding-top:34px;
  width:910px;
  margin: 0 auto;
}

#character_list_wrapper {
  width:830px;
  float:left;
}

#character_move {
  width:749px;
  height: 620px;
  margin:0 auto;
  overflow: hidden;
  padding:0 0 0 0;
}

#character_index .character_list {
  display:inline-block;
  text-align:center;
  padding-right:160px;
  position: relative;
}

#character_index .character_list li {
  width:77px;
  height:436px;
  padding-top:184px;
  margin:0 15px;
  float:right;
}

#character_index .character_list li#character_list_01 {
  background:url(../images/character_btn_01_bg_off.png) no-repeat;
}

#character_index .character_list li#character_list_02 {
  background:url(../images/character_btn_02_bg_off.png) no-repeat;
}

#character_index .character_list li#character_list_03 {
  background:url(../images/character_btn_03_bg_off.png) no-repeat;
}

#character_index .character_list li#character_list_04 {
  background:url(../images/character_btn_04_bg_off.png) no-repeat;
}

#character_index .character_list li#character_list_05 {
  background:url(../images/character_btn_05_bg_off.png) no-repeat;
}

#character_index .character_list li#character_list_06 {
  background:url(../images/character_btn_06_bg_off.png) no-repeat;
}

#character_index .character_list li#character_list_07 {
  background:url(../images/character_btn_07_bg_off.png) no-repeat;
}

#character_index .character_list li#character_list_08 {
  background:url(../images/character_btn_08_bg_off.png) no-repeat;
}

#character_index .character_list li#character_list_09 {
  background:url(../images/character_btn_09_bg_off.png) no-repeat;
}

#character_index .character_list li#character_list_10 {
  background:url(../images/character_btn_10_bg_off.png) no-repeat;
}

#character_index .character_list li#character_list_11 {
  background:url(../images/character_btn_11_bg_off.png) no-repeat;
}

#character_index .character_list li#character_list_12 {
  background:url(../images/character_btn_12_bg_off.png) no-repeat;
}

#character_index .character_list li#character_list_13 {
  background:url(../images/character_btn_13_bg_off.png) no-repeat;
}

#character_index .character_list li#character_list_14 {
  background:url(../images/character_btn_14_bg_off.png) no-repeat;
}

#character_index .character_list li#character_list_15 {
  background:url(../images/character_btn_15_bg_off.png) no-repeat;
}

#character_index .character_list li#character_list_16 {
  background:url(../images/character_btn_16_bg_off.png) no-repeat;
}

#character_index .character_list li#character_list_17 {
  background:url(../images/character_btn_17_bg_off.png) no-repeat;
}

#character_index .character_list li#character_list_18 {
  background:url(../images/character_btn_18_bg_off.png) no-repeat;
}

#character_index .character_list li#character_list_19 {
  background:url(../images/character_btn_19_bg_off.png) no-repeat;
}


#page-character_01 #background {
  background:url(../images/character_main_visual_01.jpg) top left no-repeat #290000;
  background-size:cover;
}

#page-character_02 #background {
  background:url(../images/character_main_visual_02.jpg) top left no-repeat #290000;
  background-size:cover;
}

#page-character_03 #background {
  background:url(../images/character_main_visual_03.jpg) top left no-repeat #290000;
  background-size:cover;
}

#page-character_04 #background {
  background:url(../images/character_main_visual_04.jpg) top left no-repeat #290000;
  background-size:cover;
}

#page-character_05 #background {
  background:url(../images/character_main_visual_05.jpg) top left no-repeat #290000;
  background-size:cover;
}

#page-character_06 #background {
  background:url(../images/character_main_visual_06.jpg) top left no-repeat #290000;
  background-size:cover;
}

#page-character_07 #background {
  background:url(../images/character_main_visual_07.jpg) top left no-repeat #290000;
  background-size:cover;
}

#page-character_08 #background {
  background:url(../images/character_main_visual_08.jpg) top left no-repeat #290000;
  background-size:cover;
}

#page-character_09 #background {
  background:url(../images/character_main_visual_09.jpg) top left no-repeat #290000;
  background-size:cover;
}

#page-character_10 #background {
  background:url(../images/character_main_visual_10.jpg) top left no-repeat #290000;
  background-size:cover;
}

#page-character_11 #background {
  background:url(../images/character_main_visual_11.jpg) top left no-repeat #290000;
  background-size:cover;
}

#page-character_12 #background {
  background:url(../images/character_main_visual_12.jpg) top left no-repeat #290000;
  background-size:cover;
}

#page-character_13 #background {
  background:url(../images/character_main_visual_13.jpg) top left no-repeat #290000;
  background-size:cover;
}

#page-character_14 #background {
  background:url(../images/character_main_visual_14.jpg) top left no-repeat #290000;
  background-size:cover;
}

#page-character_15 #background {
  background:url(../images/character_main_visual_15.jpg) top left no-repeat #290000;
  background-size:cover;
}

#page-character_16 #background {
  background:url(../images/character_main_visual_16.jpg) top left no-repeat #290000;
  background-size:cover;
}

#page-character_17 #background {
  background:url(../images/character_main_visual_17.jpg) top left no-repeat #290000;
  background-size:cover;
}

#page-character_18 #background {
  background:url(../images/character_main_visual_18.jpg) top left no-repeat #290000;
  background-size:cover;
}

#page-character_19 #background {
  background:url(../images/character_main_visual_19.jpg) top left no-repeat #290000;
  background-size:cover;
}


/* 詳細ページメインブロック
***************/
#character_detail {
  width:960px;
  margin:0 auto;
}

#roll_scroller li {
  float:left;
  margin-right: 8px;
}

/* 詳細ページサイドメニュー
***************/
#thumbnail_area {
  padding-left:30px;
}

#thumbnail_area h3 img {
  display:block;
  margin-bottom:10px;
}

#thumbnail_area ul li {
  float:left;
  margin:0;
}

#thumbnail_area ul li img {
  display:block;
}

#thumbnail_area ul li.c_thumbnail_right {
  margin-right:0;
}

/* 詳細ページメイン
***************/
.character_arrow {
  width:40px;
  padding-top:254px;
  float:left;
}


/*キャラ切替*/

.character_container {
  width:830px;
  float:left;
  position:relative;
  padding:20px 0 0 0;
}

#img_roll_wrap {
  width:830px;
  height:662px;
  overflow:hidden;
  position:relative;
  margin-top:-80px;
}

#img_roll_wrap #img_roll {
  width:960px;
  height:650px;
  position:absolute;
  top:0;
}

#img_roll li {
  width:830px;
  float:left;
  position:relative;
}

.la,.ra {
  display:inline-block;
  background:#000;
  color:#fff;
  padding:5px 10px 6px;
  font-size:16px;
  margin-right:10px;
}

.la:hover,.ra:hover {
  color:#999;
}


/*キャラ紹介*/

.character_info_container {
  width:250px;
  height:560px;
  position:absolute;
  top:0;
  left:320px;
}

.character_info {
  position:absolute;
  left:0;
  bottom:32px;
  color:#fff;
}

.character_info .cv {
  margin-bottom:14px;
  font-size:18px;
}

.character_info .cv span {
  font-size:14px;
}

.chara_text {
  margin-bottom:10px;
  line-height:1.4em;
}

/* キャラメインコピー・動画リンク */

.chara_movie_container {
  width:206px;
  height:560px;
  position:absolute;
  top:0;
  left:590px;
}

.mov_thumb {
  position:absolute;
  bottom:32px;
  left:0;
}

.mov_thumb h5 {
  color:#fff;
  font-weight:normal;
  margin-bottom:2px;
  text-align:right;
}

.main_copy {
  position:absolute;
  left:66px;
  top:78px;
}

/* キャラクター固有スタイル */

#page-character_03 .character_info {
  bottom: 0;
}

#page-character_03 #roll_scroller {
  margin-top: 30px;
}

#page-character_05 .main_copy {
  left:48px;
}

#page-character_11 .character_info {
  bottom: 0;
}

#page-character_11 #roll_scroller {
  margin-top: 30px;
}

#page-character_12 .chara_text,
#page-character_12 .character_info .cv {
  text-shadow:0 0 4px #000,0 0 4px #000,0 0 2px #000;
}

#page-character_13 #img_roll_wrap #img_roll {
  top:-8px;
}

#page-character_14 #img_roll_wrap #img_roll {
  top:-9px;
}

#page-character_14 .character_info_container  {
  left:570px;
}

#page-character_14 .character_info {
  bottom:88px;
}

#page-character_14 .chara_text {
  text-shadow:0 0 4px #000,0 0 4px #000,0 0 2px #000;
}

#page-character_15 #img_roll_wrap #img_roll {
  top:-8px;
}

#page-character_15 .character_info {
  bottom:88px;
}

#page-character_15 .chara_text,
#page-character_15 .character_info .cv {
  text-shadow:0 0 4px #000,0 0 4px #000,0 0 2px #000;
}

#page-character_16 .chara_text,
#page-character_16 .character_info .cv {
  text-shadow:0 0 4px #000,0 0 4px #000,0 0 2px #000;
}

#page-character_18 .chara_text,
#page-character_18 .character_info .cv {
  text-shadow:0 0 4px #000,0 0 4px #000,0 0 2px #000;
}

#page-character_19 .chara_text,
#page-character_19 .character_info .cv {
  text-shadow:0 0 4px #000,0 0 4px #000,0 0 2px #000;
}

#page-character_16 .main_copy {
  left:30px;
}

#page-character_18 .main_copy {
  top:70px;
}

/*GO TO TOP*/

.goto_list {
  display:inline-block;
  position:absolute;
  right:76px;
  top:36px;
  z-index:999;
}

.goto_list a {
  color:#fff;
  font-size:12px;
}

.goto_list a:after {
  display:inline-block;
  content:'>';
  position:absolute;
  top:0;
  right:-16px;
}

.goto_list a:hover {
  border-bottom:1px dotted #fff;
}


/*********************************************************************
  MOVIE
*********************************************************************/

#page-movie #background {
  background:url(../images/movie_main_visual.jpg) top left no-repeat #290000;
  background-size:cover;
}

#page-movie #right-title {
  background:url(../images/movie_right.png) left top no-repeat;
  background-size:cover;
}

#movie_contents {
  width:920px;
  margin:0 auto;
  padding-top:76px;
}

.movie_subtitle {
  margin-bottom: 20px;
}

.movie_list {
  width:920px;
  margin-bottom: 60px;
}

.movie_list:last-child {
  margin-bottom: 0;
}

.movie_list li {
  width:190px;
  float:left;
  margin:0 40px 30px 0;
}

.movie_list li em {
  display:block;
  text-align:right;
  margin-bottom:3px;
}

.movie_list li .movie_thumb {
  margin-bottom:2px;
}

.movie_list li .movie_title {
  font-size:14px;
  font-weight:normal;
  color:#fff;
  letter-spacing:-0.5px;
}

.movie_list li .movie_date {
  color:#999;
  font-size:12px;
}

/*********************************************************************
  MUSIC
*********************************************************************/

.category-music #background {
  background:url(../images/music_main_visual.jpg) top left no-repeat #290000;
  background-size:cover;
}

.category-music #right-title {
  background:url(../images/music_right.png) left top no-repeat;
  background-size:cover;
}

#music_contents {
  padding-top:60px;
  width:928px;
  margin:0 auto;
}

.music_main {
  width:760px;
  color:#fff;
}

.music_list li {
  margin-bottom: 88px;
}

.music_list li a,
.music_list li span {
  display: block;
  float:left;
  margin-right: 20px;
}

.music_list li span em {
  padding-left: 14px;
}

.music_container {
  margin-bottom:40px;
  padding-top:25px;
  padding-bottom: 44px;
  background:url(../images/music_border.png) left bottom no-repeat;
}

.music_container:last-child {
  background:none;
  padding-bottom: 0;
  margin-bottom:0;
}

.music_container h2 {
  margin-bottom: 25px;
}

.music_container .music_image {
  margin-bottom: 18px;
}

.music_container .music_image_s {
  float:left;
  width:300px;
}

.music_container .music_info_s {
  float:left;
  width:428px;
  margin-left:25px;
}

.music_container h3 {
  margin-bottom: 1em;
}

.music_container h4 {
  margin-bottom: 0.5em;
}

.music_container .text {
  margin-bottom: 2em;
}

.music_container .text p {
  font-weight:bold;
  margin-bottom: 1em;
}

.music_container .text p.txt-right {
  text-align: right;
}

.music_container .text p a {
  color:#39c0ff !important;
  border-bottom:1px dotted #39c0ff !important;
}

.music_container .text p a:hover {
  border-bottom:none !important;
}

.music_container .text h4 {
  font-size:16px;
  margin-bottom:0.2em;
}

.music_container .text p .font-12 {
  font-size:12px;
}


/*********************************************************************
  ONAIR
*********************************************************************/

#page-onair #background {
  background:url(../images/onair_main_visual.jpg) top left no-repeat #290000;
  background-size:cover;
}

#page-onair #right-title {
  background:url(../images/onair_right.png) left top no-repeat;
  background-size:cover;
}

.onair_text {
  padding:80px 90px 0 0;
  text-align:center;
}

.onair_text p:first-child {
  margin-bottom:40px;
}

#page-onair .onair_box {
  margin-bottom: 50px;
}

#page-onair h3 {
  margin-bottom: 25px;
}


/*********************************************************************
  Blu-ray
*********************************************************************/

#page-bd #background {
  background:url(../images/bd_main_visual.jpg) top left no-repeat #290000;
  background-size:cover;
}

.category-bd #right-title {
  background:url(../images/bd_right.png) left top no-repeat;
  background-size:cover;
}

.bd_content {
  width:840px;
  /*margin: 0 auto;*/
  padding-top:80px;
}

.bd_content h2 {
  margin-bottom: 34px;
}

.disc_list {
  margin-bottom: 34px;
}

.disc_list > li {
  width: 190px;
  float:left;
  margin: 0 11px;
}

.disc_list > li:first-child {
  margin-left: 0;
}

.disc_list > li .bd_image {
  margin-bottom: 16px;
}

.disc_list > li .bd_image img {
  display: block;
}

.disc_list > li h3 {
  color:#fff;
  font-weight: normal;
  margin-bottom: 10px;
  letter-spacing: -1px;
  line-height: 1.2em;
}

.bd_text {
  margin-bottom: 18px;
  color:#aaa;
  font-size: 12px;
  line-height: 1.2em;
}

.bd_text.uls {
  text-indent: -1em;
  margin-left: 1em;
  letter-spacing: -1px;
}

.bd_content .ex {
  font-size:10px;
  color: #aaa;
}


/*********************************************************************
  SHADOW BOX
*********************************************************************/

#sb-title-inner,
#sb-info-inner,
#sb-loading-inner,
div.sb-message {
  font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight:200;
  color:#fff;
}

#sb-container {
  position:fixed;
  margin:0;
  padding:0;
  top:0;
  left:0;
  z-index:9998;
  text-align:left;
  visibility:hidden;
  display:none;
}

#sb-overlay {
  position:relative;
  height:100%;
  width:100%;
  z-index:9999;
}

#sb-wrapper {
  position:absolute;
  visibility:hidden;
  width:100px;
  z-index:9999;
}

#sb-wrapper-inner {
  position:relative;
  border:1px solid #303030;
  overflow:hidden;
  height:100px;
}

#sb-body {
  position:relative;
  height:100%;
}

#sb-body-inner {
  position:absolute;
  height:100%;
  width:100%;
}

#sb-player.html {
  height:100%;
  overflow:auto;
}

#sb-body img {
  border:none;
}

#sb-loading {
  position:relative;
  height:100%;
}

#sb-loading-inner {
  position:absolute;
  font-size:14px;
  line-height:24px;
  height:24px;
  top:50%;
  margin-top:-12px;
  width:100%;
  text-align:center;
}

#sb-loading-inner span{
  background:url(../images/shadowbox-loading.gif) no-repeat;
  padding-left:34px;
  display:inline-block;
}

#sb-body,
#sb-loading {
  background-color:#060606;
}

#sb-title,
#sb-info {
  position:relative;
  margin:0;
  padding:0;
  overflow:hidden;
}

#sb-info {
  position:absolute;
  top:-44px;
  width:100%;
}

#sb-title {
  background:url(../images/shadowbox-title.png) no-repeat;
  padding-left:82px;
}

#sb-title,
#sb-title-inner {
  height:26px;
}

#sb-title-inner {
  font-size:16px;
}

#sb-info,
#sb-info-inner{
  height:60px;
}

#sb-info-inner {
  font-size:12px;
}

#sb-nav{
  float:right;
  position:relative;
}

#sb-nav a {
  display:block;
  float:right;
  height:60px;
  width:60px;
  cursor:pointer;
  background-repeat:no-repeat;
}

#sb-nav-close {
  background-image:url(../images/shadowbox-close.png);
  position:absolute;
  right:0;
}

#sb-nav-next {
  background-image:url(../images/shadowbox-next.png);
}

#sb-nav-previous {
  background-image:url(../images/shadowbox-previous.png);
}

#sb-nav-play {
  background-image:url(../images/shadowbox-play.png);
}

#sb-nav-pause {
  background-image:url(../images/shadowbox-pause.png);
}

#sb-counter {
  float:left;
  width:45%;
}

#sb-counter a{
  padding:0 4px 0 0;
  text-decoration:none;
  cursor:pointer;
  color:#fff;
}

#sb-counter a.sb-counter-current {
  text-decoration:underline;
}

div.sb-message {
  font-size:12px;
  padding:10px;
  text-align:center;
}

div.sb-message a:link,
div.sb-message a:visited {
  color:#fff;
  text-decoration:underline;
}


/*********************************************************************
  MEDIA QUERY
*********************************************************************/

@media screen and (max-width:1279px){
/*  #page-home #background {
    background-size:1280px 780px;
  }*/
}