あんスタSPP早見表 by tarina204

/* ==UserStyle==
@name         tarina204
@version      20220824.01.49
@namespace    userstyles.world/user/tarina204
@description  CSS調整
@author       tarina204
@license      No License
==/UserStyle== */

@-moz-document url("https://gamerch.com/ensemble-star-music/entry/142255") {
/* ================================================================================
ナビ調整
================================================================================ */


/* ========================================
不要なリンクを削除
======================================== */

.mu__list > li:nth-of-type(1),
.mu__list > li:nth-of-type(2),
.mu__list > li:nth-of-type(3),
.mu__list > li:nth-of-type(4),
.mu__list > li:nth-of-type(5) {
  display: none;
}



/* ========================================
クリッカブルエリアを拡大
======================================== */

li[class^="mu__list--"] {
  margin-bottom: 0 !important;
}

li[class^="mu__list--"] a {
  font-size: 16px;
  padding: 0.2em;
  display: block;
}



/* ========================================
マーカーをユニットアイコンに変更
======================================== */

.mu__index {
  background: #fff;
}

.mu__list {
  display: flex;
  flex-wrap :wrap;
  flex-direction: column;
  height: auto; /* 仮 */
}

li[class^="mu__list--"] {
  margin-left: 0;
  list-style: none;
  box-sizing: border-box;
}

li[class^="mu__list--"] a {
  padding: 5px 10px;
  text-align: center;
  color: #787878;
  font-size: 14px;
  letter-spacing: 0.1em;

  display: flex;
  justify-content: flex-start;
  align-items: center;
}

li[class^="mu__list--"] a::before {
  content: '';
  display: block;
  width: 80px;
  height: 40px;
  margin-right: 30px;

  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #fff;
}

/* hover設定  */
li[class^="mu__list--"] a:hover {
  text-decoration: none;
  color: #787878;
  background: rgba(120, 120, 120, 0.1);
}



/* ========================================
ユニット設定
======================================== */

/* fine */
li[class^="mu__list--"]:nth-of-type(6) a::before {
  background-image: url('https://ensemble-stars.jp/img/units/logo/fine.png');
}

/* Trickstar */
li[class^="mu__list--"]:nth-of-type(7) a::before {
  background-image: url('https://ensemble-stars.jp/img/units/logo/trickstar.png');
}

/* 流星隊 */
li[class^="mu__list--"]:nth-of-type(8) a::before {
  background-image: url('https://ensemble-stars.jp/img/units/logo/ryuseitai.png');
}

/* ALKALOID */
li[class^="mu__list--"]:nth-of-type(9) a::before {
  background-image: url('https://ensemble-stars.jp/img/units/logo/alkaloid.png');
}

/* Eden */
li[class^="mu__list--"]:nth-of-type(10) a::before {
  background-image: url('https://ensemble-stars.jp/img/units/logo/eden.png');
}

/* Valkyrie */
li[class^="mu__list--"]:nth-of-type(11) a::before {
  background-image: url('https://ensemble-stars.jp/img/units/logo/valkyrie.png');
}

/* 2wink */
li[class^="mu__list--"]:nth-of-type(12) a::before {
  background-image: url('https://ensemble-stars.jp/img/units/logo/2wink.png');
}

/* Crazy:B */
li[class^="mu__list--"]:nth-of-type(13) a::before {
  background-image: url('https://ensemble-stars.jp/img/units/logo/crazyb.png');
}

/* UNDEAD */
li[class^="mu__list--"]:nth-of-type(14) a::before {
  background-image: url('https://ensemble-stars.jp/img/units/logo/undead.png');
}

/* Ra*bits */
li[class^="mu__list--"]:nth-of-type(15) a::before {
  background-image: url('https://ensemble-stars.jp/img/units/logo/rabits.png');
}

/* 紅月 */
li[class^="mu__list--"]:nth-of-type(16) a::before {
  background-image: url('https://ensemble-stars.jp/img/units/logo/akatsuki.png');
}

/* Knights */
li[class^="mu__list--"]:nth-of-type(17) a::before {
  background-image: url('https://ensemble-stars.jp/img/units/logo/knights.png');
}

/* Switch */
li[class^="mu__list--"]:nth-of-type(18) a::before {
  background-image: url('https://ensemble-stars.jp/img/units/logo/switch.png');
}

/* MaM */
li[class^="mu__list--"]:nth-of-type(19) a::before {
  background-image: url('https://ensemble-stars.jp/img/units/logo/doubleface.png');
}

/* 教師 */
li[class^="mu__list--"]:nth-of-type(20) a::before {
  background:  #ccc;
}





/* ================================================================================
カードの表を調整
================================================================================ */

/* ========================================
中央のエリアを拡大
======================================== */

.layout {
  padding-left: 0;
  padding-right: 0;
}

.layout .main {
  width: auto;
}



/* ========================================
アコーディオンボタンのクリッカブルエリアを拡大
======================================== */

.mu__closebox > a {
  display: block !important;
}



/* ========================================
表全体の横幅を伸ばす
======================================== */

.mu__table--scroll_inside,
.mu__table--scroll_inside > table {
  width: 100% !important;
}



/* ========================================
カード画像を拡大
======================================== */
/*
td.mu__table--col1,
td.mu__table--col2 {
    width: 100px !important;
}
*/
.markup span.mu__img {
  width: 150px !important;
  height: 100px !important;
  overflow: hidden;
}

.mu__table--col1 a,
.mu__table--col2 a,
.mu__table--col1 picture,
.mu__table--col2 picture {
  width: 100%;
  display: block;
}

.mu__table--col1 img,
.mu__table--col2 img {
  width: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  height: 187px;
}



/* ========================================
カード名・レアリティを非表示
======================================== */

th.mu__table--col3,
td.mu__table--col3,
th.mu__table--col4,
td.mu__table--col4 {
  width: 0px !important;
  font-size: 0px !important;
  padding: 0 !important;
}



/* ========================================
曲名のフォントを大きく
======================================== */

th.mu__table--col5,
td.mu__table--col5 {
  width: 500px !important;
}

td.mu__table--col5 {
  font-size: 20px !important;
}





/* ================================================================================
不要なものを削除
================================================================================ */

/* ========================================
左右のメニューを削除
======================================== */

.menu-column {
  display: none;
}
.other {
  display: none;
}



/* ========================================
ジャック広告を非表示
======================================== */

.jack {
  opacity: 0;
}



/* ========================================
コメントボタンを非表示
======================================== */

.fixed_comment {
  opacity: 0;
}



/* ========================================
ページ上部の不要なものを削除
======================================== */

.global,
.breadcrumb,
.share,
.mu__box,
.mu__description {
  display: none;
}



/* ========================================
「Music楽曲一覧」を削除
======================================== */

.mu__index + .mu__closebox {
  display: none;
}



/* ========================================
「楽曲名順」を削除
======================================== */
/* 見出し「楽曲名順」を削除 */
.mu__index + .mu__closebox + .mu__box + .mu__h-large {
  display: none;
}

/* 表「全カード」を削除 */
.mu__index + .mu__closebox + .mu__box + .mu__h-large + .mu__closebox {
  display: none;
}



/* ========================================
「レアリティ別」を削除
======================================== */
/* 見出し「レアリティ別」を削除 */
.mu__index + .mu__closebox + .mu__box + .mu__h-large + .mu__closebox + .mu__h-large {
  display: none;
}

/* 見出し「☆5カード」を削除 */
.mu__index + .mu__closebox + .mu__box + .mu__h-large + .mu__closebox + .mu__h-large + .mu__h-middle {
  display: none;
}

/* 表「☆5」を削除 */
.mu__index + .mu__closebox + .mu__box + .mu__h-large + .mu__closebox + .mu__h-large + .mu__h-middle + .mu__closebox {
  display: none;
}

/* 見出し「☆4カード」を削除 */
.mu__index + .mu__closebox + .mu__box + .mu__h-large + .mu__closebox + .mu__h-large + .mu__h-middle + .mu__closebox + .mu__h-middle {
  display: none;
}

/* 表「☆4」を削除 */
.mu__index + .mu__closebox + .mu__box + .mu__h-large + .mu__closebox + .mu__h-large + .mu__h-middle + .mu__closebox + .mu__h-middle + .mu__closebox {
  display: none;
}
}