2016年8月5日 (金) 20:57時点における版

/* ここに記述したCSSはすべての外装に反映されます */
#mw-head {
    top: 0;
    height: 2.5em;
    background-color: #404348;
    background-position: bottom left;
    background-repeat: repeat-x;
    background-image: url(http://xn--rckvb8axj.wikimatome.net/skins/Metrolook/images/page-fade.png?1ddc2);
    background-color: #5c6067;
    background-image: -moz-linear-gradient(top,#404348 50%,#5c6067 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#404348),color-stop(100%,#5c6067));
    background-image: -webkit-linear-gradient(top,#404348 50%,#5c6067 100%);
    background-image: linear-gradient(#404348 50%,#5c6067 100%);
    min-width: 100%;
    position: fixed;
    top: 0px;
    z-index: 3;
}


.toc, #toc { display: none; }

.character *{
max-width:100%;
}

.character:after{
content:"";
display:block;
font-size:0;
clear:both;
}


#content > h1{
font-weight:bold;
font-family: メイリオ, 'Comic Sans MS', Verdana, Impact, Haettenschweiler, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', Osaka;
    font-size: 22px;
    padding: 6px;
    color: #fff;
    background-color: #404348;
    border-bottom: #C9AD6F 3px solid;
}

#content h1 a{
    color: #fff;
}

#mw-content-text > h2{
font-weight:bold;
font-family: メイリオ, 'Comic Sans MS', Verdana, Impact, Haettenschweiler, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', Osaka;
    font-size: 18px;
    padding: 6px;
    color: #fff;
    background-color: #404348;
}

#mw-content-text h2 a{
    color: #fff;
}

#mw-content-text > h3{
font-family: メイリオ, 'Comic Sans MS', Verdana, Impact, Haettenschweiler, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', Osaka;
    font-size: 14px;
    color: #fff;
    padding: 6px;
    background-color: #a8a8a8;
}


#mw-content-text h3 a{
    color: #fff;
}

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

#mw-page-base{
border-bottom:4px solid #C9AD6F;
background:#404348;
}

div.vectorMenu h5 a{
background:#404348;
}

.onhoverbg:hover{
background:#C9AD6F;
}

div.vectorTabs li.new a, 
div.vectorTabs li.new a:visited{
color:#fff;
}

div.vectorMenu:hover h5 a {
    background-color: #C9AD6F;
}

div.vectorMenu:hover {
    background-color: #C9AD6F;
}

#p-cactions-label a:before{
    display: inline-block;
    content: "…";
    color: #fff;
    margin-top: 7px;
}

#left-navigation{
    background-color: #404348;
}

img.downarrow:hover{
    position: inherit;
background:#C9AD6F;

}

.mw-body p {
    line-height: 1.8;
}


div.vectorTabs a:hover {
    background: #C9AD6F;
}

div.vectorMenu ul{
    border: solid 2px #C9AD6F;
}

@media screen and ( max-width: 768px){
.char-image-link {
  display: block;
  text-align: center;
  margin-bottom: 8px;
}

.char-image {
  display: inline-block;
}
.table_float table{
float:none;
width:100%;
}

.table_topbox{
width:95%;
width:calc(100% - 20px);
float:none;
padding:10px;
margin:0;
}

.table_topbox table{
width:95%;
width:calc(100% - 20px);
margin:0 auto;
}

.table_slide{
margin-top:10px;
overflow-x:auto;
padding:8px;
border:3px solid #404348;
}

.table_slide table{
width:700px;
white-space:nowrap;
}

.table_card{
width:100%;
border-collapse:collapse;
}

#mw-head #main-title {
font-size: 12px !important;
}

}





/* テーブル  */
.table-char {
  font-size: 14px;
  border: 1px solid #000;
  margin: 16px auto;
  padding: 8px;
}

.char-image-link {
  display: inline-block;
  margin-right: 8px;
}

.char-image {
  display: block;
}

.char-body {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.char-status {
  display: inline-block;
  width: 100%;
  background: #fafafa;
}

table {
  text-align: center;
  width: 100%;
  border-collapse: collapse;
}

caption {
  background: #efccff;
  padding: .4em;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 8px;
}

th,
td {
 padding: 4px; 
}

th {
}

td {
}


.dl-voice dd {
display: none;
}