@charset "utf-8";

/* CSS Document */

.facts #mainContainer {
  color: #ec733d;
}

.subcopy {
  opacity: 0;
  text-align: center;
  font-size: .9rem;
}

@media screen and (max-width: 320px) {
  .subcopy {
    letter-spacing: 0;
    font-size: .8rem;
  }
  .subcopy .none-pc {
    display: none !important;
  }
}

h3 {
  margin-top: 60px;
  margin-bottom: 25px;
  font-weight: 600;
  font-size: 1.4rem;
  color: #ec733d;
  letter-spacing: 0;
}

h3 .note {
  font-weight: 400;
  font-size: .9rem;
  letter-spacing: .05rem;
}

.storySwitcher {
  margin-bottom: 40px;
}


/*

loading

*/

.double-bounce1,
.double-bounce2 {
  background-color: #ec733d;
}


/*

navi

*/

.currentSQ {
  border-color: rgba(236, 115, 61, 0.8);
}


/*

graph

*/

.graphs {
  opacity: 0;
}

#stacked text,
#prefecture text {
  font-family: "Noto Sans JP";
  font-weight: 400;
  font-feature-settings: "palt";
  letter-spacing: .07rem;
  font-size: 15px;
}

#prefecture text.answer_text {
  font-weight: 600;
}

.facts .graph {
  position: relative;
  width: 100%;
}

.facts .graph svg {
  width: 100%;
}

.facts .graph .axis path,
.facts .graph .axis line {
  fill: none;
  stroke: #666;
  shape-rendering: crispEdges;
}

.facts .graph .y.axis line,
.facts .graph .x.axis line {
  opacity: .1;
}

.facts .graph .y.axis path {
  display: none;
}

.facts .stacked-number {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 600;
  font-size: 2.1rem;
}

.facts .graph_navi {
  margin-right: 8px;
  float: left;
  cursor: pointer;
  color: #ccc;
}

.facts .stacked_text {
  display: none;
}

.facts nav.graphLink {
  width: 100%;
  height: 50px;
}

.facts .graph_navi {
  font-weight: 500;
  font-size: 1.15rem;
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  #mainContainer .txt.subcopy {
    line-height: 1.75;
  }
  #stacked text {
    font-weight: 400;
    font-size: 20px;
  }
  #prefecture text {
    font-weight: 400;
    font-size: 25px;
  }
  #prefecture text.answer_text {
    font-weight: 600;
    font-size: 25px;
  }
  h3 {
    margin-top: 50px;
    margin-bottom: 15px;
  }
}


/*

bg

*/

.bg {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.books1,
.books2 {
  opacity: 0;
}


/*

booksSet

*/

.booksSet div {
  position: fixed;
}

.booksSet img {
  position: absolute;
  left: -1055px;
  top: -1091px;
}

@media screen and (max-width: 767px) {
  .bg {
    display: none;
  }
}