/*
使用色定義
*/
 
:root{
 --mainblue:#178cce;
 --thin-blue:#b5cde2;
 --cu-green:#006837;
 
 --cu-red:#c1272d;
 --scribbled-orange:#f49e4c;
 --third-blue:#0071bc;
 
 --bg:#f0f0e6;
}
 
/*
背景画像
*/
 
div#container-wrap{background:none !important;
}
 
/*
ヘッダ
*/
 
#header{padding-top:2em;
 height:130px;
 z-index:10;
 background: url(http://scp-jp.wdfiles.com/local--files/joicle-catalog-hub/q2.png) 10px40pxno-repeat, url(http://scp-jp-storage.wikidot.com/local--files/file:2278897-64-5ycj/q1_alt.png) calc(100% - 10px) calc(100% - 40px) no-repeat;
}div#headerh1{margin-left:0;
 width:273px;
 top:35px;
 min-height:100px;
 position:absolute;
}div#headerh1a{position:absolute;
 opacity:0;
 top:0;
 left:0;
 width:100%;
 height:100%;
 font-size:1px;
}div#headerh2{display:none;
}#top-bar{position:absolute;
 bottom:0px;
 margin-top:115px;
 height:auto;
 padding:0;
 z-index:20;
 font-size:90%;
}#top-barul{float:right;
 padding-right:5em;
}#top-bara{color:var(--thin-blue);
}#top-barullia{border-left:none;
 border-right:none;
}#top-barulli.sfhovera, #top-barulli:hovera{color:var(--mainblue);
 border-left:none;
 border-right:none;
}#search-top-box-input{display:none;
}#search-top-box-forminput[type=submit]{border:none;
 border-radius:0px;
 padding:2px5px;
 font-size:90%;
 font-weight:bold;
 color:var(--mainblue);
 background-color:#fff;
 background:none;
 box-shadow:none;
 cursor:pointer;
}#search-top-box-forminput[type=submit]:hover, #search-top-box-forminput[type=submit]:focus{border:none;
 color:var(--thin-blue);
 text-shadow:none;
 background-color:#fff;
 background:none;
 box-shadow:none;
}#search-top-box{position:absolute;
 top:auto;
 bottom:23px;
 right:8px;
 width:250px;
 text-align:right;
}#header::after{content: '';
 position:absolute;
 width:100%;
 margin:0auto;
 margin-top:130px;
 height:100px;
 background: url(http://scp-jp-storage.wikidot.com/local--files/file:2278897-41-qc2k/q3-min-minafdesign.png) topleftrepeat-x;
}
 
/*
コンテント
*/
 
/* ヘッダーにかぶせない */
 
#main-content{margin-top:100px;
}h1, #page-title{color:#000;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif;
}a{color:var(--thin-blue);
}#page-contenta{color:#00A;
}#page-contenth2{font-weight:bold;
}#page-contenth2:before{content:'■しかく';
 color:var(--cu-green);
}#page-content.rate-box-with-credit-button.creditButton{background-color:var(--mainblue);
 border:1pxsolid var(--mainblue);
}#page-content.creditButton.fa-info{color:#fff;
}div.page-rate-widget-box.rate-points{background-color:var(--mainblue);
 border:solid1px var(--mainblue);
}.page-rate-widget-box.rateup, .page-rate-widget-box.ratedown{background-color:var(--thin-blue);
 border-top:solid1px var(--mainblue);
 border-bottom:solid1px var(--mainblue);
}.page-rate-widget-box.cancel{background-color:var(--mainblue);
 border:solid1px var(--mainblue);
}.page-rate-widget-boxa{color:#fff !important;
}.page-rate-widget-box.rateupa:hover, .page-rate-widget-box.ratedowna:hover{background:var(--thin-blue);
 color:#fffff0;
}.page-rate-widget-box.cancela:hover{background:var(--thin-blue);
}
/*
リスト http://webnonotes.com/css/css-list/
*/
.defaultlist, .defaultlistli{padding:0px;
 margin:0px;
}.defaultlistli{list-style-type:none !important;
 list-style-image:none !important;
 margin:5px0px5px0px !important;
}.list1li{position:relative;
 padding-left:20px;
}.list1li:before{content:''; 
 display:block; 
 position:absolute; 
 box-shadow:002px2px rgba(255,255,255,0.2) inset;
 top:3px; 
 left:2px; 
 height:0; 
 width:0; 
 border-top:6pxsolidtransparent;
 border-right:7pxsolidtransparent;
 border-bottom:6pxsolidtransparent;
 border-left:9pxsolid#aaa;
}.list2li{position:relative;
 padding-left:20px;
}.list2li:before{content:''; 
 height:0; 
 width:0; 
 display:block; 
 border:5pxtransparentsolid; 
 border-right-width:0; 
 border-left-color:#aaa; 
 position:absolute; 
 top:5px; 
 left:8px;
}.list2li:after{content:''; 
 height:2px; 
 width:10px; 
 display:block; 
 background:#aaa; 
 position:absolute; 
 top:9px; 
 left:0px;
}.list4li{position:relative;
 padding-left:20px;
}.list4li:after, .list4li:before{content:''; 
 display:block; 
 position:absolute; 
 top:4px; 
 left:8px; 
 height:11px; 
 width:4px; 
 background:#aaa; 
 border-radius:10px;
 transform:rotate(45deg);
 -webkit-transform:rotate(45deg);
 -o-transform:rotate(45deg);
}.list4li:before{top:8px; 
 left:3px;
 height:8px; 
 transform:rotate(-45deg);
 -webkit-transform:rotate(-45deg);
 -o-transform:rotate(-45deg);
}.list5li{position:relative;
 padding-left:20px;
}.list5li:before{content:''; 
 height:0px; 
 width:90%;
 display:block; 
 position:absolute; 
 top:18px; 
 left:0px; 
 border-bottom:1pxdashed#aaa;
}.list5li:after{content:'';
 display:block; 
 position:absolute; 
 background:#aaa;
 width:5px;
 height:5px; 
 top:7px; 
 left:5px; 
 border-radius:5px;
}.list6li{position:relative;
 padding-left:20px;
}.list6li:after{content:'';
 display:block; 
 position:absolute; 
 background:#aaa;
 width:9px;
 height:9px; 
 top:5px; 
 left:5px; 
 transform:rotate(-45deg);
 -webkit-transform:rotate(-45deg);
 -o-transform:rotate(-45deg);
}.list7li{position:relative;
 display:block;
 padding:5px0px5px30px;
 background:#ccc;
 color:#444;
 border-radius:15px0px0px15px;
}.list7li:after{content:'';
 display:block; 
 position:absolute;
 width:14px;
 height:14px;
 top:7px;
 left:5px;
 background:#fff;
 border-radius:10px;
}
/*
表 http://tablestyler.com/#
*/
.defaultTtable{border-collapse:collapse;
 text-align:left;
 width:100%;
}.defaultTtabletd, .defaultTtableth{padding:3px10px;
}.defaultTtableth:first-child{border:none;
}.defaultTtableth:first-child{border:none;
}.defaultTtabletbodytd:first-child{background-color:var(--bg);
font-weight:bold;
 border-left:none;
}.defaultTtabletbodytr:last-childtd{border-bottom:none;
}.defaultT.wiki-content-table{margin:0;
}.defaultT{font:normal12px/150% Arial, Helvetica, sans-serif;
 background:#fff;
 overflow:hidden;
 -webkit-border-radius:3px;
 border-radius:3px;
}.defaultTtableth{color:#FFFFFF;
 font-size:15px;
 font-weight:bold;
}.defaultTtabletbodytd{font-size:12px;
 font-weight:normal;
}.blueT{border:1pxsolid#006699;
}.blueTtableth{background: -webkit-gradient( linear, lefttop, leftbottom, color-stop(0.05, #006699), color-stop(1, #00557F));
 background: -moz-linear-gradient( centertop, #0066995%, #00557F100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
 background-color:#006699;
 border-left:1pxsolid#0070A8;
}.blueTtabletbodytd{border-left:1pxsolid#E1EEF4;
}.blueTtabletbodytd:first-child{color:#00496B;
}.redT{border:1pxsolid#991821;
}.redTtableth{background: -webkit-gradient( linear, lefttop, leftbottom, color-stop(0.05, #991821), color-stop(1, #80141C));
 background: -moz-linear-gradient( centertop, #9918215%, #80141C100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#991821', endColorstr='#80141C');
 background-color:#991821;
 border-left:1pxsolid#B01C26;
}.redTtabletbodytd{border-left:1pxsolid#F7CDCD;
}.redTtabletbodytd:first-child{color:#80141C;
}.greenT{border:1pxsolid#36752D;
}.greenTtableth{background: -webkit-gradient( linear, lefttop, leftbottom, color-stop(0.05, #36752D), color-stop(1, #275420));
 background: -moz-linear-gradient( centertop, #36752D5%, #275420100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#36752D', endColorstr='#275420');
 background-color:#36752D;
 border-left:1pxsolid#36752D;
}.greenTtabletbodytd{border-left:1pxsolid#C6FFC2;
}.greenTtabletbodytd:first-child{color:#275420;
}
/*
ボックス
*/
.warning{position:relative;
 margin:2em0;
 padding:25px10px7px;
 border:solid2px#FFC107;
}.warningh1{position:absolute;
 margin-top:0;
 display:inline-block;
 top: -2px;
 left: -2px;
 padding:09px;
 height:25px;
 line-height:25px;
 vertical-align:middle;
 font-size:17px;
 background:#FFC107;
 color:#ffffff;
 font-weight:bold;
}.warningp{margin:0; 
 padding:0;
}.danger{display: inline-flex;
 justify-content:center;
 align-items:center;
 border-radius:20%;
 transform: rotate(45deg);
 flex-flow: column wrap; 
 vertical-align:top;
 width:1em;
 height:1em;
 border:2pxsolidred;
}.dangerp{font-weight:bold;
 transform: rotate(-45deg);
}
 
/*
サイド
*/
 
#side-bar{min-height: calc(100% + 7em);
 background-color:var(--thin-blue);
 transform: translateY(-6em);
}#side-bar.side-block{border:none;
 border-radius:0;
 box-shadow:none;
 background:transparent !important;
 margin-top:4em;
}#side-bar.heading{color:var(--mainblue);
 border-bottom:solid1px var(--mainblue);
}#side-bar.side-blocka{color:#fff;
}
 
/*
めであ
*/
 
@media (max-width: 767px) and (min-width:440px) {#container{border-left:9pxsolid var(--thin-blue);
 }#header{background-size:200px, 180px;
 }div#headerh1{width:200px;
 min-height:100px;
 }#side-bar{transform: translateY(0em);
}}@media (max-width: 440px) {#container{border-left:3pxsolid var(--thin-blue);
 }#header{background-size:130px, 140px;
 height:100px;
 }div#headerh1{width:200px;
 min-height:80px;
 }#header::after{margin-top:100px;
 height:100px;
 background: url(http://scp-jp-storage.wikidot.com/local--files/file:2278897-41-qc2k/q3-min-minafdesign.png) topleftrepeat-x;
 background-size:440px;
 }#top-bar{margin-top:33px;
 }#main-content{margin-top:30px;
 }}@media (max-width: 767px) {#side-bar:target.close-menu{min-width:100vw;
 min-height:100vh;
 }}img.close-menu{opacity:0 !important;
}

!

!