@charset "utf-8";

/* 基本スタイルはbaseのcss/style.cssで指定している */
/* 上書きしたいものだけここに追加する */

.map {
  box-sizing: border-box;
}

.map_contents {
  width: 400px;
  height: 400px;

}

.map_info_window {
  position: relative;
  width: 180px;
  padding: 10px;
  border-radius: 5px;
  background-color: #ffffff;
  overflow: hidden;
  font-size: 8pt;
}

.map_info {
}

.map_footer {
  padding: 5px;
}

.chien_color1 {
  background-color: #ffc0c0 !important;
}
.chien_color2 {
  background-color: #ffe0c0 !important;
}

.nippou {
  display: none;
  width: 100%;
  padding: 20px;
  background-color: #f0f0f0;
  border: solid 1px #d0d0d0;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.nippou i {
  font-size: 16pt;
}

.max_map {
  position: fixed;
  z-index: 4;
  left: 0px;
  top: 0px;
  margin: 0px;
}
.max_map_footer {
  margin-top: -50px;
  position: relative;
  z-index: 10;
}















.msj_color1 {
  color: #00b0f0;
}
.msj_color2 {
  color: #ff0000;
}

.title {
  display: flex;
  overflow: hidden;
/*
  color: #aa8f7b;
  font-family: 'Josefin Sans', sans-serif;
*/
  font-family: times new roman;
  font-style: oblique;
  font-weight: bold;
}
.title_fix {
  font-family: times new roman;
  font-style: oblique;
  font-weight: bold;
}

.title span {
  display: block;
  transform: translate(0, 105%);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  font-size: 40px;
}
.title_fix span {
  transform: translate(0, 105%);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  font-size: 40px;
}
.title_fix_big span {
  font-size: 80px;
}

.title.-visible span {
  transform: translate(0, 0);
}

.title span:nth-child(2) {
  transition-delay: 0.06s;
}
.title span:nth-child(3) {
  transition-delay: 0.12s;
}
.title span:nth-child(4) {
  transition-delay: 0.18s;
}
.title span:nth-child(5) {
  transition-delay: 0.24s;
}
.title span:nth-child(6) {
  transition-delay: 0.30s;
}
.title span:nth-child(7) {
  transition-delay: 0.36s;
}
.title span:nth-child(8) {
  transition-delay: 0.42s;
}
.title span:nth-child(9) {
  transition-delay: 0.48s;
}
.title span:nth-child(10) {
  transition-delay: 0.54s;
}
.title span:nth-child(11) {
  transition-delay: 0.6s;
}
.title span:nth-child(12) {
  transition-delay: 0.66s;
}
.title span:nth-child(13) {
  transition-delay: 0.72s;
}
.title span:nth-child(14) {
  transition-delay: 0.78s;
}

div.driver {
  width: 100%;
}

body,div,p,h1,h2,h3,h4,a,span,td {
  box-sizing: border-box;
}

.flex {
  display: flex;
  justify-content: space-between;
}

.button_mobile {
  text-align: center;
  display: inline-block !important;
  height: 40px;
  font-size: 20px;
  lihe-height: 40px;
}

.button_quarter {
  width: calc(25% - 10px);
}
.button_half {
  width: calc(50% - 10px);
}
.button_full {
  width: 100%;
}

a.button_gray_force {
  background-color: #a0a0a0 !important;
  color: #ffffff !important;
}
a.button_gray_force:hover {
  background-color: #808080 !important;
  color: #dddddd !important;
}

.with_unit {
  max-width: calc(100% - 40px);
}
.form_msg {
  font-size: 20px !important;
}

.grid th, .grid td {
  white-space: unset !important;
}

@media(max-width: 400px) {
  a.button {
    font-size: 16px;
    line-height: 32px;
  }
}