/* Rate＆Credit */
 
#container .page-rate-widget-box {
    border-radius: 0;
    background-color: #DDD;
    height: 18px;
}
 
#container .page-rate-widget-box .rate-points{
    background-color: #666 !important;
    color: #FFF;
    font-weight: bold;
    padding: 0 10px;
    border: none;
    border-radius: 0;
}
 
#container .page-rate-widget-box .rateup, #container .page-rate-widget-box .ratedown {
    border: none;
    background-color: transparent;
    height: 18px;
}
 
#container .page-rate-widget-box .rateup a:hover {
    color: #028760;
}
 
#container .page-rate-widget-box .ratedown a:hover {
    color: #e2041b;
}
 
#container .page-rate-widget-box .cancel a:hover {
    border-radius:0;
    color: #0095d9;
}
 
#container .page-rate-widget-box a{
    text-decoration: none;
    color: #000;
    padding: 0 5px;
}
 
#container .page-rate-widget-box a:hover {
    background-color: #DDD;
}
 
#container .page-rate-widget-box .cancel, .page-rate-widget-box .cancel a {
    -moz-border-radius:  0;
}
 
#container .page-rate-widget-box .cancel {
    background-color: transparent;
    border: none;
    padding: 0 2px;
}
 
#page-content  .rate-box-with-credit-button .creditButton {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 18px;
    background-color: #666;
    border: none;
    border-radius: 0;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 50%);
    margin-left: 0;
}
 
#page-content  .rate-box-with-credit-button .creditButton a:hover {
    font-size: large;
    color: #fff;
}
.modalbox {
    border: #000 solid 1px !important;
}
 
a.collapsible-block-link{
    color: #4B0091;
     font-size: 100%;
}
 
#page-title{
    color: #000;
}
 
div#container-wrap {
    background: url(https://img.vim-cn.com/46/8c9baa73507b6fd2b78d96790343a918faee2e.png) top left repeat-x;
}
 
body {
background: #f8f8f8;
}
 
a:link{
    color: #640125;
/!--
    text-decoration: underline;
--/
}
a:newpage{
    color: #640125;
}
a:visited{
    color: #640125;
}
a:hover{
    color: #fff;
    background: #640125;
}
 
/* ////////////////////////////////////////////////////////////
off-canvas-scp-sigma-9/style.css
//////////////////////////////////////////////////////////// */
 
/* COMMON */
 
#page-title {
    border-color: #bbb;
}
 
h1, #page-title {
    color: #901;
    padding: 0 0 0.25em;
    margin: 0 0 0.6em;
    font-weight: normal;
}
 
h1 {
    margin-top: 0.7em;
    padding: 0;
    font-weight: bold;
}
 
h2, h3, h4, h5, h6 {
    margin: 0.5em 0 0.4em;
    padding: 0;
    letter-spacing: 1px;
}
 
ul {
    /* list-style-image: url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/bullet.gif); */
    list-style: square;
}
 
li, p {
    line-height: 141%;
}
 
a {
    color: #b01;
    text-decoration: none;
    background: transparent;
}
 
a.newpage {
    color: #d61;
    text-decoration: none;
    background: transparent;
}
 
.form-control {
    width: 95%;
}
 
/* ========================================
GLOBAL WIDTH
======================================== */
#header, #top-bar {
    width: 100%;
    margin: 0 auto;
}
 
.mobile-top-bar {
    display: none;
    position: absolute;
    left: 1em;
    bottom: 0;
    z-index: 0;
}
 
body {
    background-color: #fff;
    font-size: 0.80em;
    color: #333;
}
 
/* ========================================
HEADER
======================================== */
 
#header {
    border-bottom: 21px solid #ddd;
    background:#333;
    background-size: auto 100%;
    padding-bottom: 0;
    height: 140px;
    max-width: none;
    width: 100%;
}
 
/* logo */
#header::before {
    content: ".";
    font-size: 0;
 
    display: block;
    position: absolute;
    top: 30px;
    left: 20px;
 
    width: 100px;
    height: 100px;
    background: url(http://05command-ja.wdfiles.com/local--files/component%3Atheme/Site-8181_logo.png) no-repeat;
}
 
#header h1 {
    margin-left: 140px;
    padding: 0;
    float: left;
    max-height: 95px;
}
 
#header h2 {
    margin-left: 140px;
    padding: 0;
    clear: left;
    float: left;
 
    font-size: 105%;
    max-height: 38px;
}
 
#header h1 a {
    display: block;
    margin: 0;
    padding: 80px 0 25px;
 
    line-height: 0;
    max-height: 0;
 
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 180%;
    text-decoration: none;
    letter-spacing: 1px;
}
 
#header h2 span {
    display: block;
    margin: 0;
    padding: 19px 0;
    line-height: 0;
    max-height: 0;
    font-weight: bold;
    color: #eee;
}
 
.printuser {
    color: #fff;
}
 
/* ========================================
TOP MENU
========================================*/
#top-bar {
    height: 21px;
    width: 100%;
    padding: 0;
    z-index: 20;
 
    position: absolute;
    top: 140px;
    right: 0;
 
    line-height: 18px;
    font-size: 90%;
    background: #ddd;
}
 
#top-bar ul {
    float: right;
    /* list-style-image: none; /* IE ONLY! IF list-style-image IS SET */
}
 
#top-bar li {
    margin: 0;
    background: #ddd;
}
 
#top-bar a {
    color: #333;
}
 
#top-bar ul li {
    border: 0;
    position: relative;
}
 
#top-bar ul li ul {
    border: solid 1px #666;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); /*card3*/
    border-top: 0;
    vertical-align: middle;
}
 
#top-bar ul li a {
    border-left: solid 1px rgba(64, 64, 64, .1);
    border-right: solid 1px rgba(64, 64, 64, .1);
 
    padding-top: 10px;
    padding-bottom: 10px;
 
    line-height: 1px;
    max-height: 1px;
    overflow: hidden;
 
    text-decoration: none;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: inherit;
    border-left: solid 1px rgba(64, 64, 64, 1);
    border-right: solid 1px rgba(64, 64, 64, 1);
    color: #333;
}
 
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    width: 150px;
    height: 2em;
    max-height: none;
 
    padding-top: 0;
    padding-bottom: 0;
 
    border-width: 0;
    border-top: 1px solid #666;
    line-height: 2em;
}
 
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: #fff;
    color: #a01;
    text-decoration: none;
}
 
#top-bar ul li ul {
    border-width: 0 1px 1px 1px;
    width: auto;
}
 
#top-bar ul li ul li, #top-bar ul li ul li.sfhover,
#top-bar ul li ul li, #top-bar ul li ul li:hover {
    border-width: 0;
}
 
#top-bar ul li ul li a {
    border-width: 0;
}
 
#top-bar ul li ul a, #top-bar a:hover {
    color: #a01;
}
 
.top-bar ul li:last-of-type ul {
    right: 0;
}
 
/* IE7 HACK */
#top-bar ul > li > ul {
    *margin-top: -4px;
}
 
/* ========================================
SIDE MENU
======================================== */
#side-bar {
    clear: none;
    float: none;
 
    position: absolute;
    top: 0.5em;
    left: 0;
 
    display: block;
    width: 17em;
    padding: 0;
 
    border-radius: 1px;
    border: none;
    background: #fff;
 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
 
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); /*card1*/
}
 
#side-bar .side-block {
    background: #fff;
    padding: 15px;
}
 
#side-bar h1,
#side-bar h2,
#side-bar h3,
#side-bar h4,
#side-bar h5 {
    color: #333;
    font-weight: normal;
}
 
#side-bar a {
    color: #333;
}
 
#side-bar h1 a {
    color: #901;
}
 
#side-bar p {
    margin: 0;
}
 
#side-bar ul {
    list-style-type: inherit;
}
 
/* ========================================
CONTENT
======================================== */
 
div#container-wrap {
    background: #eee;
}
 
#content-wrap {
    position: relative;
    margin: 2em auto 0;
    max-width: 1040px;
    min-height: 1300px;
    height: auto !important;
}
 
#main-content {
    margin: 0 4em 0 20em;
    padding: 1em;
    position: relative;
}
 
/* ========================================
FOOTER
======================================== */
#footer {
    clear: both;
    font-size: 77%;
    background: #444;
    color: #bbb;
    margin-top: 15px;
    padding: 3px 10px;
}
 
#footer .options {
    visibility: visible;
    display: block;
    float: right;
    width: 50%;
    font-size: 100%;
    text-align: right;
}
 
#footer a {
    color: #fff;
    background: transparent;
}
 
/* ========================================
Forum Customizations
======================================== */
 
.forum-thread-box .description-block {
    padding: .5em 1em;
    background: #fff;
    border-radius: 1px;
    border: none;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); /*card1*/
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}
 
.thread-container .post .head {
    padding: .5em 1em;
    background: #fff;
    border-radius: 1px;
    position: relative;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}
 
.forum-group table,
.forum-category-box table {
    border-collapse: collapse;
    border-spacing: 0;
    background: #fff;
}
 
/* ========================================
Wikidot System Customizations
======================================== */
 
#site-changes-list {
    border: 1px solid #ddd;
}
 
#site-changes-list .changes-list-item {
    border-top: 1px solid #ddd;
}
 
/* ========================================
webkit scrollbar
======================================== */
::-webkit-scrollbar {
    width: 9px; /* for vertical scrollbars */
    height: 9px; /* for horizontal scrollbars */
    border: solid 1px rgba(0, 0, 0, 0.1);
}
 
::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}
 
::-webkit-scrollbar-thumb {
    background: rgba(50, 50, 50, 0.3);
}
 
/* ========================================
Responsive Web Design
======================================== */
img, embed, video, object, iframe, table {
    max-width: 100%;
}
 
#page-content div,
#page-content div table {
    max-width: 100%;
}
 
#edit-page-comments {
    width: 100%;
}
 
/* ========================================
Wide Monitor Media Query
======================================== */
@media (min-width: 1400px) {
 
}
 
/* ========================================
Desktop Media Query
======================================== */
@media (min-width: 980px) and (max-width: 1399px) {
 
}
 
/* ========================================
Tablet Media Query
======================================== */
@media (min-width: 768px) and (max-width: 979px) {
    #main-content {
     /*margin: 0 4em 0 20em;*/
    }
 
    #header, #top-bar, #side-bar {
     max-width: 100%;
    }
 
    .top-bar li {
     margin: 0;
    }
 
    #top-bar ul li.sfhover ul li a,
    #top-bar ul li:hover ul li a {
     width: 110px;
    }
 
    .page-options-bottom a {
     padding: 0 7px;
    }
 
    #header h1 a {
     font-size: 160%;
    }
 
    .license-area {
     font-size: 0.95em;
    }
 
    #header {
     background-position: 1em 4em;
     background-size: 88px 88px;
    }
 
    #header h1,
    #header h2 {
     margin-left: 130px;
    }
 
    .content-panel.left-column,
    .content-panel.right-column {
     width: 99%;
     float: left;
    }
 
    #page-content div,
    #page-content div table {
     clear: both;
    }
}
 
/* ========================================
basic Query for mobile devices
======================================== */
 
@media (max-width: 767px) {
 
    .owindow {
     min-width: 80%;
     max-width: 99%;
    }
 
    .modal-body .table,
    .modal-body .table ~ div {
     float: left;
    }
 
    .owindow .button-bar {
     float: right;
    }
 
    .owindow div a.btn-primary {
     width: 100%;
     float: left;
    }
}
 
/* ----------------------------------------
off-canvas */
 
.close-menu {
    display: none;
}
 
@media (max-width: 767px) {
 
    /*.page-history tbody tr td:last-child {*/
    /*width: 35%;*/
    /*}*/
    .yui-navset {
     z-index: 1;
    }
 
    #header h2 {
     font-size: 10px;
    }
 
    /* logo */
    #header::before {
     content: ".";
     font-size: 0;
 
     position: absolute;
     top: 58px;
     left: 20px;
 
     display: block;
     width: 66px;
     height: 66px;
 
     background: url(http://05command-ja.wdfiles.com/local--files/component%3Atheme/Site-8181_logo.png) no-repeat;
     background-size: 66px 66px;
    }
 
    #navi-bar,
    #navi-bar-shadow {
     display: none;
    }
 
    .open-menu a {
     position: fixed;
     bottom: 15px;
     left: 15px;
 
     z-index: 15;
     width: 30px;
     height: 30px;
 
     border: 0.2em solid #888 !important;
     background-color: #fff !important;
     border-radius: 3em;
 
     font-size: 30px;
     font-weight: normal;
 
     line-height: 23px; /* height adjustment*/
     text-align: center;
 
     color: #888 !important;
     font-family: verdana, arial, helvetica, sans-serif;
 
     box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); /*card3*/
     transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    }
 
    .open-menu a:hover {
     bottom: 16px;
 
     text-decoration: none !important;
     box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); /*card5*/
    }
 
    #main-content {
     max-width: 90%;
     margin: 0 5%;
     padding: 0;
     -webkit-transition: 0.5s ease-in-out 0.1s;
     -moz-transition: 0.5s ease-in-out 0.1s;
     -ms-transition: 0.5s ease-in-out 0.1s;
     -o-transition: 0.5s ease-in-out 0.1s;
     transition: 0.5s ease-in-out 0.1s;
    }
 
    #side-bar {
     display: block;
     width: 17em;
     height: 100%;
     padding: 0;
 
     position: fixed;
     top: 0;
     left: -25em;
 
     z-index: 10;
     background: #eee;
     overflow: hidden;
     overflow-y: auto;
 
     -webkit-transition: left 0.5s ease-in-out 0.1s;
     -moz-transition: left 0.5s ease-in-out 0.1s;
     -ms-transition: left 0.5s ease-in-out 0.1s;
     -o-transition: left 0.5s ease-in-out 0.1s;
     transition: left 0.5s ease-in-out 0.1s;
    }
 
    #side-bar .side-block {
     padding: 15px;
     height: auto;
    }
 
    #side-bar:after {
     content: "";
     position: absolute;
     top: 0;
     width: 0;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.2);
    }
 
    #side-bar:target {
     display: block;
     left: 0;
     width: 17em;
     margin: 0;
     border: 1px solid #dedede;
     z-index: 10;
 
     box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); /*card3*/
    }
 
    #side-bar:target + #main-content {
     left: 0;
    }
 
    #side-bar:target .close-menu {
     display: block;
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: rgba(0, 0, 0, 0.3) 1px 1px repeat;
     z-index: -1;
    }
}
 
/* ========================================
Mini Tablet Media Query
======================================== */
@media (min-width: 581px) and (max-width: 767px) {
 
    #search-top-box-input {
     width: 8em;
    }
 
    #header {
     background-position: 1em 4em;
     background-size: 77px 77px;
    }
 
    #header h1,
    #header h2 {
     margin-left: 93px;
    }
 
    #header h1 a {
     font-size: 140%;
    }
 
    #main-content {
     max-width: 90%;
     margin: 0 3em 0 2em;
    }
 
    .top-bar {
     display: none;
    }
 
    .mobile-top-bar {
     display: block;
    }
 
    .page-options-bottom a {
     padding: 0 6px;
    }
 
    .license-area {
     font-size: 0.9em;
    }
}
 
/* ========================================
Note Media Query
========================================*/
@media (min-width: 480px) and (max-width: 580px) {
    #search-top-box-input {
     width: 7em;
    }
 
    #main-content {
     max-width: 90%;
     margin: 0 2em 0 2em;
    }
 
    #header {
     background-position: 0.5em 4.5em;
     background-size: 66px 66px;
    }
 
    #header h1,
    #header h2 {
     margin-left: 80px;
    }
 
    #container #header::before {
     left: 8px;
    }
 
    .top-bar {
     display: none;
    }
 
    .mobile-top-bar {
     display: block;
    }
 
    .page-options-bottom a {
     padding: 0 5px;
    }
 
    #header h1 a {
     font-size: 120%;
    }
 
    blockquote {
     margin: 0.5em;
    }
 
    .license-area {
     font-size: 0.85em;
    }
 
    td.title {
     width: 30%;
    }
 
    .content-panel.left-column, .content-panel.right-column {
     width: 99%;
     float: left;
    }
 
    #page-content div, #page-content div table {
     clear: both;
    }
}
 
/* ========================================
Mobile Media Query
======================================== */
@media (max-width: 479px) {
 
    #search-top-box {
     top: 3em;
    }
 
    #search-top-box-input {
     width: 5em;
    }
 
    #header {
     background-position: 0 5.5em;
     background-size: 55px 55px;
    }
 
    #header h1,
    #header h2 {
     margin-left: 66px;
    }
 
    #container #header::before {
     top: 67px;
     left: 4px;
     width: 54px;
     height: 54px;
     background-size: 54px 54px;
    }
 
    #page-content {
     font-size: 0.9em;
    }
 
    #main-content {
     max-width: 90%;
     margin: 0 2em 0 2em;
    }
 
    #recent-posts-category {
     width: 100%;
    }
 
    .top-bar {
     display: none;
    }
 
    .mobile-top-bar {
     display: block;
     padding: 0;
    }
 
    .page-options-bottom a {
     padding: 0 4px;
    }
 
    #header h1 a {
     font-size: 100%;
    }
 
    blockquote {
     margin: 1em 0;
    }
 
    .license-area {
     font-size: 0.8em;
    }
 
    table.form td,
    table.form th {
     float: left;
    }
 
    td.title {
     width: 30%;
    }
 
    table.form td,
    table.form th {
     padding: 0;
    }
 
    #edit-page-title {
     max-width: 90%;
    }
 
    .content-panel.left-column,
    .content-panel.right-column {
     width: 99%;
     float: left;
    }
 
    #page-content div,
    #page-content div table {
     clear: both;
    }
}
 
#html-body #header h1 a span {
  font-size: 0px;
  letter-spacing: 0px;
}
 
#html-body #header h1 a::after {
  content: "日本支部理事会";
  color: #ffffff;
}
 
#html-body #header h2 span {
  font-size: 0px;
}
 
#html-body #header h2 span::before {
  content: '  ';
  color: #f0f0c0;
  font-size: 15px;
}

#side-bar .side-block,
#interwiki .side-block {
    background-color: #fff !important;
    border-color: transparent;
    border-radius: 0px;
    box-shadow: none;
}
 
#side-bar .heading,
#interwiki .heading {
    color: black;
    border-bottom: solid 1px black;
}
 
@media (max-width: 767px) {   
    #side-bar {
         background-color: #fff;
    }
 
    #side-bar:target .close-menu {
         background: none;
    }
}
 
#side-bar .collapsible-block-unfolded-link {
    border-bottom: solid 1px black;
}
 
#side-bar .collapsible-block-unfolded-link .collapsible-block-link,
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: black;
}
 
#interwiki .menu-item img{
    filter: grayscale(100%) saturate(0%);
}
 
#search-top-box {
    top: 2rem;
    right: 0;
}