@charset "UTF-8";
/*---------------------------------------------------------------------
　CSS : colorBlack
---------------------------------------------------------------------*/

/*----------common----------*/
body.black {
  background: #000;
  color: #fff;
}

body.black a {
  color: #fff;
}

body.black #header {
  background: #000;
  border-bottom: 2px solid #fff;
}

body.black #searchArea button,
body.black a.submit {
  background: #fff;
  padding: 1px;
  border-radius: 20%;
}

body.black #changeArea .changeBtns .black a {
  border: 1px solid #fff;
}

body.black #footMenu {
  background-image: none;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

body.black footer {
  background-color: #000;
}

body.black #footLeft {
  border-right: 4px solid #fff;
}

/*----------top----------*/
body.black #about {
  background-image: none;
}

body.black #eventWrap {
  background-image: none;
  border-top: 2px solid #fff;
}

/*----------under----------*/
body.black#under {
  background: #000;
}

body.black #tabContArea {
  background: #000;
  border: 2px solid #fff;
}

body.black #tabMenu ul li a {
  border: 2px solid #fff;
}

body.black #tabContArea .tabSection h3 {
  border: 2px solid #fff;
  background: #000;
}

body.black #tabContArea h2 span:after {
  background: #fff;
  background-image: none;
}

/*----------about----------*/
body.black.about #galleryArea .galleryDetail li {
  border: 2px solid #fff;
  background: #000;
}

body.black #belongings h4 {
  background: #000;
}

body.black.about #areamap p.img svg {
  background: #fff;
}

body.black.about #galleryArea .galleryDetail li .ttl.genshi,
body.black.about #galleryArea .galleryDetail li .ttl.kodai,
body.black.about #galleryArea .galleryDetail li .ttl.tyusei,
body.black.about #galleryArea .galleryDetail li .ttl.kinsei,
body.black.about #galleryArea .galleryDetail li .ttl.kingendai {
  background: #000;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

body.black.about #icDesc {
  background: #000;
  border: 2px solid #fff;
}

/*----------quiz----------*/
body.black #quizWrap p.ttl:after {
  background-image: none;
}

body.black.quiz .quizQA .answer {
  background: #000;
  border: 2px solid #fff;
}

body.black.quiz .quizQA figure {
  border: 3px solid #fff;
}

body.black #anserArea li a {
  background: #000;
  border: 2px solid #fff;
  color: #fff;
}

/*----------puzzle----------*/
body.black.puzzle .puzzleIndex .column img {
  border: 2px solid #fff;
}

body.black.puzzle .puzzleIndex .column img:hover {
    border: 2px solid #EF858C;
}

body.black #puzzle-containment {
  background: #000 !important;
}

body.black.puzzle .puzzlePlay #pile {
  background: #000;
}

body.black #tabContArea #puzzle_right:before {
  background: #000;
}

body.black.puzzle .ichiranBack a {
  color: #fff;
}

body.black #tabContArea .blue-box01, #tabContArea .blue-box02 {
  background: #000;
  border: 2px solid #fff;
}

/*----------kousaku----------*/
body.black.kousaku .kousakuIndex .pdfWrap {
  border: 2px solid #fff;
  background: #fff;
}

body.black.kousaku .kousakuIndex .pdfWrap:hover {
  border: 2px solid #FFA444;
}

body.black.kousaku .kousakuDetail h3 {
  background: #000;
  border: 2px solid #fff;
}

body.black.kousaku .kousakuDetail ol > li:before {
  background: #000;
}

body.black.kousaku .kousakuDetail h4 {
  border-bottom: 2px dashed #fff;
}

body.black.kousaku .textImage_box .text a {
  color: #fff;
}

body.black.kousaku .ichiranBack a {
  color: #fff;
}

/*----------event----------*/
body.black.event #tabContArea .textArea table caption {
  background: #000;
}

body.black.event #tabContArea .textArea table th {
  background: #000;
}

body.black.event .dayTime {
  color: #fff;
  border-left: 5px solid #fff;
}

/*----------guide----------*/
body.black.guide #tabContArea h3 {
  background: #000;
  border: 2px solid #fff;
}

body.black.guide #tabContArea table caption,
body.black.guide #tabContArea table th {
  background: #000;
}

body.black.guide #tabContArea h4::before {
  background: #fff;
  border: none;
}

body.black.guide #tabContArea ul > li:before {
  background: #fff;
  border: none;
}

/*----------character----------*/
body.black.character .storyBox {
  background: #000;
  box-shadow: none;
  border: 2px solid #fff;
}

body.black.character h3 {
  background: #000;
  border: 2px solid #fff;
}

body.black.character .introItem1 .name,
body.black.character .introItem2 .name,
body.black.character .introItem3 .name,
body.black.character .introItem4 .name {
  border-bottom: 3px solid #fff;
}

body.black.character .fontRed {
  color: #fff;
}

/*----------qa----------*/
body.black .accbox label {
  background: #000;
  border: 2px solid #fff;
  color: #fff;
}

body.black .accbox label:hover {
  background: #fff;
  color: #000;
}

/*----------search----------*/
body.black.search .kensakuPage #searchArea button.search_submit img {
  border: none;
}

/*----------btnWrap----------*/
body.black .btnWrap li a {
  color: #000;
}
