@charset "UTF-8";
/* 楽曲閲覧詳細画面スタイルシート */
/* 楽曲検索ボックス上部背景 */
div#background_music_search_top {
  background: whitesmoke;
  border-top: 1px #e6e6e6 solid;
  border-bottom: 1px #e6e6e6 solid;
}

/* 楽曲検索ボックス上部 */
div#box_music_search_top {
  height: 53px;
  line-height: 53px;
  margin: 0 calc(50% - 490px) 0;
  padding-left: 14px;
}

/* 楽曲検索対象 */
div#music_search_target {
  margin-left: 20px;
}
div#music_search_target select {
  height: 18px;
  width: 145px;
}

/* 楽曲検索方法 */
div#music_search_method {
  margin-left: 14px;
}
div#music_search_method select {
  height: 18px;
  width: 145px;
}

/* 楽曲検索キーワード */
div#music_search_keyword {
  width: calc(100% - 619px - 1px);
  margin-left: 14px;
}
div#music_search_keyword input {
  height: 26px;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 1px #cccccc solid;
  border-right: none;
}

/* 楽曲検索ボタン */
div#music_search input {
  height: 28px;
  width: 80px;
  border-style: none;
  cursor: pointer;
  background: url("/img/btn/btn_search.png") left top no-repeat;
}

/* 詳細楽曲検索ボックス開閉ボタン */
div#detail {
  margin-left: 10px;
}
div#detail input#detail_hide {
  display: none;
}

/* 詳細楽曲検索ボックス背景 */
div#background_music_detail_search {
  display: none;
  background: whitesmoke;
  border-bottom: 1px #e6e6e6 solid;
}

/* 詳細楽曲検索ボックス */
div#box_music_detail_search {
  margin: 0 calc(50% - 476px) 0;
  padding: 16px 14px 0;
  font-size: 13px;
}

/* 検索範囲ボックス */
div#box_search_scope {
  padding-bottom: 16px;
  border-bottom: 1px #d0d0d0 dotted;
}

/* お気に入り登録済み楽曲チェックボックス */
div#favorite_music label {
  margin-left: 24px;
}

/* オリジナル曲ラジオボタン */
div#original_music label {
  margin-left: 116px;
}
div#original_music label input {
  margin-bottom: 3px;
}

/* カバー曲ラジオボタン */
div#cover_music label {
  margin-left: 23px;
}
div#cover_music label input {
  margin-bottom: 3px;
}

/* 楽曲検索ジャンルボックス */
div#box_music_search_genre {
  padding: 15px 0;
  font-size: 13px;
  border-bottom: 1px #d0d0d0 dotted;
}

/* 全楽曲検索ジャンルチェックボックス */
div#all_music_genre label {
  margin-left: 25px;
}

/* 楽曲検索ジャンルチェックボックス */
div#music_genre div {
  width: 190px;
}
div#music_genre div label {
  font-size: 12px;
}

/* 楽曲詳細検索ボタンボックス */
div#box_music_detail_search_btn {
  width: 186px;
  padding: 10px 0;
  margin: 0 auto;
}

/* クリアボタン */
div#clear {
  width: 88px;
}

/* 楽曲詳細検索ボタン */
div#music_detail_search {
  width: 88px;
  margin-left: 10px;
}
div#music_detail_search input {
  height: 28px;
  width: 88px;
  border: none;
  cursor: pointer;
  background: url("/img/btn/btn_search_detail.png") left top no-repeat;
}

/* 楽曲検索ボックス下部背景 */
div#background_music_search_bottom {
  margin-bottom: 20px;
  background: whitesmoke;
  border-bottom: 1px #e6e6e6 solid;
}

/* 楽曲検索ボックス下部 */
div#box_music_search_bottom {
  height: 48px;
  line-height: 48px;
  margin: 0 calc(50% - 361px) 0;
}

/* 楽曲検索区切り線 */
div#music_search_line {
  height: 28px;
  width: 0;
  margin: 10px 0 10px 10px;
  padding-right: 10px;
  border-left: 1px #e6e6e6 solid;
}

/* お気に入り登録済み楽曲ボタン */
input#btn_favorite_music_list {
  margin-left: 9px;
}

/* 楽曲詳細表示ボックス */
div.box_music_show {
  margin: 0 calc(50% - 490px) 0;
}

/* 楽曲ボックス */
div#box_music {
  border: 1px #e6e6e6 solid;
  margin-bottom: 41px;
}

/* 楽曲ボックス上部 */
div#box_music_top {
  height: 42px;
  line-height: 42px;
  padding-left: 13px;
  border-bottom: 1px #e6e6e6 solid;
}

/* 楽曲検索ボックス下部 */
div#box_music_bottom {
  padding: 0 13px;
}

/* 楽曲名 */
div#music_name {
  margin: 17px 0 13px;
  border-bottom: 1px #d9d9d9 dotted;
  font-size: 17px;
  word-break: break-all;
  word-wrap: break-word;
}

/* プレイヤー背景 */
div#background_player {
  background: #f5f5f5;
  line-height: 0;
  padding-bottom: 30px;
}

/* プレイヤー背景 */
div#background_player_flash {
  background: #f5f5f5;
  line-height: 0;
}

/* プレイヤーボックス */
div#box_player {
  margin: 0 calc(50% - 383px);
}
div#box_player > img {
  width: 100%;
  max-width: 640px;
  display: block;
  margin: 0 auto;
}

/* プレイヤー */
div#player {
  padding-top: 60.78%;
  position: relative;
}

/* ダミープレイヤーボックス */
div#dummy_movie_player {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
}

/* 楽曲情報ボックス */
div#box_music_info {
  margin-top: 40px;
  margin-bottom: 35px;
}

/* 楽曲情報 */
div#music_info {
  margin-bottom: 12px;
  padding-bottom: 6px;
  border-bottom: 1px #e6e6e6 solid;
}

/* 楽曲情報テーブル */
table#music_info_table {
  table-layout: fixed;
  width: 100%;
  margin-bottom: 24px;
  font-size: 14px;
}
table#music_info_table tr:nth-child(odd) {
  background-color: #fff;
}
table#music_info_table tr:nth-child(even) {
  background-color: #f5f5f5;
}
table#music_info_table tr th {
  width: 111px;
  border-top: 1px #e6e6e6 solid;
  border-bottom: 1px #e6e6e6 solid;
  text-align: right;
  vertical-align: middle;
}
table#music_info_table tr td {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 21px;
  border-top: 1px #e6e6e6 solid;
  border-bottom: 1px #e6e6e6 solid;
  vertical-align: middle;
  word-wrap: break-word;
}
table#music_info_table tr#artist td {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0;
}

/* PC版サムネイル */
table#music_info_table tr td#thumbnil {
  width: 180px;
  padding-left: 14px;
  padding-right: 26px;
  background: #fff;
  border: none;
  vertical-align: top;
  font-size: 0;
}
table#music_info_table tr td#thumbnil img {
  height: auto;
  width: 100%;
}

/* SP版サムネイル */
div#thumbnil_sp {
  display: none;
  text-align: center;
}

/* サムネイル更新リンク */
div.thumbnail_update {
  margin-top: 10px;
  text-align: center;
  font-size: 12px;
}
div.thumbnail_update a {
  text-decoration: none;
  color: #0094de;
}

/* PC版アーティストボックス */
div#box_artist_pc {
  display: block;
}
div#box_artist_pc div.artist_picture {
  display: inline-block;
  margin-right: 9px;
}
div#box_artist_pc p.artist_name {
  display: inline-block;
  width: calc(100% - 99px);
}

/* SP版アーティストボックス */
div#box_artist_sp {
  display: none;
}
div#box_artist_sp div.artist_picture {
  width: 100px;
  margin-top: 10px;
  text-align: center;
}

/* アーティスト写真 */
div.artist_picture img {
  height: auto;
  width: 90px;
}

/* アーティスト写真更新更新リンク */
.artist_picture_update {
  font-size: 12px;
}
.artist_picture_update a {
  text-decoration: none;
  color: #0094de;
}

/* アーティスト名 */
p.artist_name {
  font-size: 14px;
  vertical-align: middle;
}

/* 認証済みアカウント */
a#authenticated_account {
  text-decoration: none;
  color: #0094de;
}

/* コメントボックス */
div#box_comment span {
  display: block;
  height: 26px;
  line-height: 26px;
  padding-left: 8px;
  background: #f5f5f5;
  font-size: 14px;
}

/* コメント */
div#comment {
  margin-top: 15px;
  padding: 10px 13px 10px 19px;
  border: 1px #e6e6e6 solid;
  border-radius: 5px;
  background-color: #f5f5f5;
  font-size: 14px;
  word-break: break-all;
  word-wrap: break-word;
}

/* 上部 ボタンリスト*/
div#btn_list_top {
  font-size: 0;
}
div#btn_list_top div {
  display: inline-block;
  vertical-align: middle;
}
div#btn_list_top div ul {
  font-size: 0;
}
div#btn_list_top div ul li {
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 4px;
}

/* 下部ボタンリスト*/
div#btn_list_bottom ul {
  text-align: center;
  font-size: 0;
}
div#btn_list_bottom ul li {
  display: inline-block;
  margin-right: 9px;
  margin-bottom: 17px;
}
div#btn_list_bottom ul li:last-child {
  margin-right: 0;
}

/* 楽曲通報ボタン */
div#music_report {
  width: calc(100% - 332px);
  margin-bottom: 8px;
  text-align: right;
}
div#music_report a {
  color: #0094de;
  text-decoration: none;
  font-size: 12px;
}

/* 楽曲一覧ボタン */
#btn_music_list {
  height: 28px;
  width: 230px;
  border: none;
  cursor: pointer;
  background: url("/img/btn/btn_music_list.png") left top no-repeat;
}

/* 同配信ユーザー楽曲検索ボタン */
input#btn_producer_delivery_music {
  height: 28px;
  width: 230px;
  border: none;
  cursor: pointer;
  background: url("/img/btn/btn_producer_delivery_music.png") left top no-repeat;
}

/* 共有ボタンリスト */
ul#share_btn_list {
  list-style: none;
  text-align: center;
  font-size: 0;
  margin-right: 3px;
}

ul#share_btn_list li {
  display: inline-block;
  padding-right: 3px;
}

ul#share_btn_list li a img {
  width: 37px;
}

ul#share_btn_list li.sp_only {
  display: none;
}

/* EinyIDテーブル */
table#einy_id_table {
  table-layout: fixed;
  width: 100%;
  margin-bottom: 12px;
  font-size: 14px;
}

table#einy_id_table tr:nth-child(odd) {
  background-color: #ffffff;
}

table#einy_id_table tr:nth-child(even) {
  background-color: #f5f5f5;
}

table#einy_id_table th:first-child {
  width: 20px;
}

table#einy_id_table th:nth-child(3) {
  width: 60px;
}

table#einy_id_table tr th {
  padding-top: 10px;
  padding-bottom: 10px;
  vertical-align: center;
  text-align: center;
}

table#einy_id_table tr td {
  padding-top: 10px;
  padding-bottom: 10px;
  vertical-align: center;
  word-wrap: break-word;
  text-align: left;
}

.overray_text_box {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -1em;
  font-size: 26pt;
  color: #fff;
  text-align: center;
}

/************************************************************************************/
/************************************************************************************/
/*-----------------------------------------------------------
	画面サイズ 1015px以下
		1.楽曲詳細表示ボックス左右マージン変更
		2.楽曲検索ボックス上部左右マージン変更
-----------------------------------------------------------*/
@media screen and (max-width: 1015px) {
  /*----*/
  /* 1. */
  /*----*/
  /* 楽曲詳細表示ボックス */
  div.box_music_show {
    margin: 0 10px;
  }

  /*----*/
  /* 2. */
  /*----*/
  /* 楽曲検索ボックス上部 */
  div#box_music_search_top {
    margin: 0 10px;
  }
}
/*-----------------------------------------------------------
	画面サイズが970px以下
		1.詳細楽曲検索ボックス左側マージン削除
-----------------------------------------------------------*/
@media screen and (max-width: 970px) {
  /*----*/
  /* 1. */
  /*----*/
  /* 詳細楽曲検索ボックス */
  div#box_music_detail_search {
    margin: 0;
  }
}
/*-----------------------------------------------------------
	画面サイズが830px以下
		1.プレイヤーボックス左右マージン削除
-----------------------------------------------------------*/
@media screen and (max-width: 830px) {
  /*----*/
  /* 1. */
  /*----*/
  /* プレイヤーボックス */
  div#box_player {
    margin-left: 0;
    margin-right: 0;
  }
}
/*-----------------------------------------------------------
	画面サイズ 768px以下
		1.楽曲検索ボックス上下部、詳細楽曲検索ボックス非表示
		2.楽曲詳細表示ボックス、楽曲ボックス上下マージン設定
		3.サムネイル切り替え
		4.アーティスト写真切り替え
		5.通報ボタンを改行して幅を変更
-----------------------------------------------------------*/
@media screen and (max-width: 768px) {
  /*----*/
  /* 1. */
  /*----*/
  /* 楽曲検索ボックス上部背景 */
  div#background_music_search_top {
    display: none;
  }

  /* 詳細楽曲検索ボックス */
  div#box_music_detail_search {
    display: none;
  }

  /* 楽曲検索ボックス下部背景 */
  div#background_music_search_bottom {
    display: none;
  }

  /*----*/
  /* 2. */
  /*----*/
  /* 楽曲詳細表示ボックス */
  div.box_music_show {
    margin: 15px 10px;
  }

  /* 楽曲ボックス */
  div#box_music {
    margin-bottom: 0;
  }

  /*----*/
  /* 3. */
  /*----*/
  /* PC版サムネイル */
  table#music_info_table tr td#thumbnil {
    display: none;
  }

  /* SP版サムネイル */
  div#thumbnil_sp {
    display: block;
    margin-bottom: 24px;
  }

  /*----*/
  /* 4. */
  /*----*/
  /* PC版アーティストボックス */
  div#box_artist_pc {
    display: none;
  }

  /* SP版アーティストボックス */
  div#box_artist_sp {
    display: block;
  }

  /*----*/
  /* 5. */
  /*----*/
  /* 上部 ボタンリスト*/
  div#btn_list_top div {
    display: block;
  }

  /* 楽曲通報ボタン */
  div#music_report {
    width: 100%;
  }
}
/*-----------------------------------------------------------
	 画面サイズが495px以下
-----------------------------------------------------------*/
@media screen and (max-width: 495px) {
  /*----*/
  /* 1. */
  /*----*/
  ul#share_btn_list li.sp_only {
    display: inline-block;
  }
}
/************************************************************************************/
/*-------------------------*/
/* Safari、Chromeにスタイル指定 */
/*-------------------------*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* 楽曲検索キーワード */
  div#music_search_keyword input {
    height: 28px;
  }
}