@charset "utf-8";

/* style.css (Cascading Style Sheets, level 3)
 Create 1999/07/31
 Update 2000/04/28
 Update 2012/12/25
 Update 2014/08/17
 Update 2014/11/19
 Update 2016/06/13
 Update 2017/02/06
 Update 2017/03/16
 Update 2019/07/04
 Update 2020/12/04
 Update 2024/03/22
 A.Shigehara (c)info@underground-bsl.net */


/* body */

body {
  background: fixed #000000 url(../img/background/ubsl.png);
  color: #dcdcdc;
  font: medium/1.6 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  letter-spacing: 0;
  margin: 0 auto;
  font-size: 62.5%;
}


/* small */

small {
  font-size: 0.8em;
}


/* strong */

strong {
  font-size: 1.2em;
}


/*段落*/

p {
  margin: 10px 10px 10px 10px;
}


/* コンテナ */

.container {
  background: fixed #000000 url(../img/background/ubsl.png);
  clear: both;
  margin: 0 auto;
  text-align: center;
  width: 95%;
}


/* ミニメニュー */

.mini-menu {
  text-align: center;
}

h1 {
  font-size: 1.4em;
  text-shadow: #c0c0c0 2px 2px 2px;
}

h2 {
  font-size: 1.2em;
  text-shadow: #c0c0c0 2px 2px 2px;
}

h3 {
  font-size: 1.2em;
  margin: 10px 0px 0px 0px;
}


/* ナビ */

nav {
  position: relative;
  overflow: hidden;
}

nav ul {
  margin: 10px 10px 10px 10px;
  position: relative;
  left: 50%;
  float: left;
}

nav li {
  margin: 10px 10px 0px 10px;
  position: relative;
  left: -50%;
  float: center;
}


/* hr */

hr {
  border-top: solid;
  /* 'border-bottom' could also have been used */
  display: block;
}


/* リンク */

a {
  -moz-transition: 500ms;
  -ms-transition: 500ms;
  -o-transition: 500ms;
  -webkit-transition: 500ms;
  transition: 500ms;
  padding: 5px 10px 5px 10px;
}

a:link {
  color: #ffd700;
  text-decoration: none;
}

a:visited {
  color: #ffa500;
  text-decoration: none;
}

a:hover,
a:active {
  color: #ffff00;
  text-decoration: none;
  box-shadow: 0px 0px 5px 0px #ffff00;
  -moz-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

a:focus {
  outline: none;
}

a:hover img,
a:active img {
  color: #ffff00;
  text-decoration: none;
  box-shadow: 0px 0px 5px 0px #ffff00;
  -moz-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

a.img:hover,
a.img:active {
  box-shadow: 0px 0px 0px 0px black;
}


/* アフィリエイト */

.affiliate a:hover,
.affiliate a:active {
  box-shadow: 0px 0px 0px 0px black;
}


/* プロフィール画像 */

td img {
  vertical-align: middle;
}


/* テーブル */

table {
  margin: 10px 10px 10px 10px;
  padding: 0px 0px 0px 0px;
  margin: 0 auto;
}

th {
  text-align: center;
  margin: 10px 10px 10px 10px;
  padding: 10px 10px 10px 10px;
  font-weight: normal;
}

td {
  margin: 10px 10px 10px 10px;
  padding: 10px 10px 10px 10px;
}

.link tr {
  border: 1px solid;
}


/* セットリスト */

.setlist th {
  text-align: right;
  border: 0px none;
  padding: 0px 10px 0px 10px;
  white-space: nowrap;
}

.setlist td {
  border: 0px none;
  padding: 0px 10px 0px 10px;
}

.setlist thead td {
  text-align: center;
  border: 1px solid;
}

.setlist cite {
  font-size: 1.2em;
  font-weight: bold;
  padding: 10px 10px 10px 10px;
}


/* ツアーリスト */

.tourlist th {
  text-align: right;
  border-width: 0px;
  padding: 0px 10px 0px 10px;
  white-space: nowrap;
}

.tourlist td {
  border-width: 0px;
  padding: 10px 10px 10px 10px;
}

.tourlist thead td {
  border-width: 1px;
}


/* バンド */

.band table {
  width: 50%;
  border-width: 0px;
}

.band th {
  text-align: center;
}

.band td {
  border-width: 0px;
  text-align: center;
  padding: 0px 10px 0px 10px;
}

.band .artist {
  font-size: 1.4em;
}

.track td {
  padding: 0px 10px 0px 10px;
  text-indent: 1.0em;
}

.track ul {
  list-style: none;
}


/* ジャケット */

.jacket ul {
  margin: 10px 10px 10px 10px;
}

.jacket li {
  margin: 10px 10px 10px 10px;
  display: inline;
}

.jacket img {
  vertical-align: middle;
}


/* 発売日 */

.release {
  font-size: 1.2em;
  margin: 10px 10px 10px 10px;
}


/* 曲 */

.track {
  font-size: medium;
  margin: 10px 10px 10px 10px;
  padding: 10px 10px 10px 10px;
}

.track cite {
  font-size: 1.2em;
  font-weight: bold;
  padding: 10px 10px 10px 10px;
}

.track .member {
  text-align: left;
}


/* cgi */

.analyse {
  width: 80%;
}

.analyse table {
  margin: 0 auto;
  border: 1px solid;
}

.analyse th {
  margin: 10px 10px 10px 10px;
  padding: 10px 10px 10px 10px;
  border: 1px solid;
}

.analyse td {
  margin: 10px 10px 10px 10px;
  padding: 10px 10px 10px 10px;
  border: 1px solid;
}


/* カバー */

.cover {
  font-size: 0.8em;
  text-align: left;
  list-style-type: decimal;
  list-style-position: inside;
}

.cover table {
  width: 50%;
}


/* 参考文献エリア */

.cite-area {
  text-align: right;
}


/* 著者エリア */

.author-area {
  font-size: 0.8em;
  text-align: right;
}


/* --- Fluid-img --- */

img {
  max-width: 100%;
  height: auto;
}


/* */


/* 文字サイズ */

.big {
  font-size: 1.2em;
}

.small {
  font-size: 0.8em;
}


/* 中央寄せ */

.center {
  clear: both;
  text-align: center;
}


/* 右寄せ */

.right {
  clear: both;
  text-align: right;
}


/* 左寄せ */

.left {
  clear: both;
  text-align: left;
}


/* --- 480px --- */

@media screen and (min-width:480px) {
  body {
    font-size: 12px;
  }
}


/* --- 768px --- */

@media screen and (min-width:768px) {
  body {
    font-size: 16px;
  }

  nav li {
    float: left;
  }
}


/* --- 1024px --- */

@media screen and (min-width:1024px) {
  body {
    width: 800px;
  }

  nav li {
    float: left;
  }
}

/* iframe */
iframe {
  border: none;
}