body {
  background-color: #dcd64b;
  background-image: url(../img/bgYellow.png);
  /* font-family: Verdana, Geneva, Tahoma, sans-serif; */
  font-family: 'M PLUS Rounded 1c', sans-serif;
}
.tokyoContainer {
  background-color: #dcd64b;
  background-image: url(../img/bgYellow.png);
}
.osakaContainer {
  background-color: #70ba99;
  background-image: url(../img/bgGreen.png);
}
.headAlert {
  margin-bottom: 0;
}
.headAlert {
  margin : 0 auto;
  width : 100%;
  font-size : 1.5rem;
  text-align : center;
  overflow : hidden;
}
.headAlert > a,
.headAlert > span {
  margin:0;
  display : inline-block;
  padding-left: 100%;
  white-space : nowrap;
  line-height : 1.5rem;
  animation : scrollHeadAlert 10s linear infinite;
}
@keyframes scrollHeadAlert {
  0% { transform: translateX(0)}
  100% { transform: translateX(-100%)}
}

.headText {
  display: block;
  position: absolute;
  left: 10px;
  top: 10px;
  width: 30%;
}
.headBadge {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30%;
}
.mainlogoWrapper {
  width: 100%;
  overflow: hidden;
}
.rollingLogo {
  position: relative;
  /* width: 100% !important; */
  width: 150% !important;
  left: -20%;
  top: 30px;
}
.flipBox {
  width: 90%;
  margin: 1rem auto;
}
@media only screen and (min-width: 1024px) {
  .headText {
    width: auto;
  }
  .headBadge {
    width: auto;
  }
  .flipBox {
    width: 40%;
    margin: 1rem auto;
  }
}

.information-container > .card {
  /* color:#2f3b4f; */
  color: #0966b2;
  /* font-family: "M PLUS 1p"; */
  max-width: 40rem;
  margin: 0 auto;
  background-color: inherit;
}
.information-container > .card .card-body {
  border: solid 3px #0966b2;
  border-radius: inherit;
}
.information-container > .card dl > dt {
  text-align: left;
  font-weight: 700;
}
.information-container > .card dl > dd h6 {
  margin: 0.25rem 0 0.25rem;
  border-bottom: #0966b2 1px dashed;
}
@media only screen and (min-width: 1024px) {
  .information-container > .card dl > dt {
    text-align: right;
  }
}
footer {
  margin-top: 1rem;
}
/* カウントダウンライブラリ用 */
.tick {
  font-size: 1rem;
  white-space: nowrap;
  font-family: arial, sans-serif;
}

.tick-flip,
.tick-text-inline {
  font-size: 2.5em;
}

.tick-label {
  margin-top: 1em;
  font-size: 1em;
}

.tick-char {
  width: 1.5em;
}

.tick-text-inline {
  display: inline-block;
  text-align: center;
  min-width: 1em;
}

.tick-text-inline + .tick-text-inline {
  margin-left: -0.325em;
}

.tick-group {
  margin: 0 0.5em;
  text-align: center;
}

body {
  background-color: rgb(255, 255, 255) !important;
}

.tick-text-inline {
  color: rgb(90, 93, 99) !important;
}

.tick-label {
  color: rgb(90, 93, 99) !important;
}

.tick-flip-panel {
  color: rgb(255, 255, 255) !important;
}

/* .tick-flip {
  font-family: !important;
} */

.tick-flip-panel-text-wrapper {
  line-height: 1.45 !important;
}

.tick-flip-panel {
  background-color: rgb(59, 61, 59) !important;
}

.tick-flip {
  border-radius: 0.12em !important;
}