.text-takamatsu, .txt-takamatsu {
  color: #ed945c;
}

.text-eastern, .txt-eastern {
  color: #a4cf3a;
}

.text-central, .txt-central {
  color: #6ba6d1;
}

.text-western, .txt-western {
  color: #e6c300;
}

.text-shodoshima, .txt-shodoshima {
  color: #60c76e;
}

.mainslider {
  padding: 3px;
  height: 400px;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.mainslider .flex-direction-nav a {
  display: block;
  width: 40px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  background: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mainslider .flex-direction-nav a:before {
  color: #004ea2;
  font-size: 20px;
  margin-top: 30px;
}
.mainslider .flex-direction-nav .flex-prev {
  left: 15px;
  -moz-border-radius: 0 40px 40px 0;
  -webkit-border-radius: 0;
  border-radius: 0 40px 40px 0;
}
.mainslider .flex-direction-nav .flex-prev:before {
  padding-right: 10px;
}
.mainslider .flex-direction-nav .flex-next {
  right: 15px;
  -moz-border-radius: 40px 0 0 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px 0 0 40px;
}
.mainslider .flex-direction-nav .flex-next:before {
  padding-left: 10px;
}
.mainslider .bannerContent img {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
}

.commonContentBox .page-header-wrapper {
  background: #fff;
}
.commonContentBox .page-header-wrapper ul.nav {
  width: 100%;
  margin: 0;
  padding: 0;
  border-width: 5px;
}
.commonContentBox .page-header-wrapper ul.nav li {
  display: flex;
  width: 33.33333%;
  margin: 0;
  padding: 0;
  letter-spacing: normal;
}
.commonContentBox .page-header-wrapper ul.nav li.active a {
  background-color: #80ba4e;
  color: #fff;
}
.commonContentBox .page-header-wrapper ul.nav li a {
  width: 100%;
  margin: 0;
  padding: 10px 5px;
  font-size: 11px;
  border-radius: 0;
  border: none;
  background-color: #EEE;
  color: #1A1A1A;
  font-weight: normal;
}
.commonContentBox .page-header-wrapper ul.nav li a:hover, .commonContentBox .page-header-wrapper ul.nav li a.active {
  border: none;
  background-color: #80ba4e;
  color: #fff;
}
.commonContentBox .content {
  width: 100% !important;
  padding-top: 0 !important;
}

.wifiAreaLs ul {
  background-color: #009946;
}
.wifiAreaLs ul li {
  margin: 0;
  width: 50%;
}
.wifiAreaLs ul li a {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 1px solid #fff;
  border-top: none;
  border-left: none;
}
.wifiAreaLs ul li:last-child a {
  border-bottom: none;
}

section.wifiArea {
  padding: 0 5px;
}
section.wifiArea .googleMap {
  height: 300px;
}

.wifiCtsBox {
  padding: 0 5px;
}
.wifiCtsBox section.condition table, .wifiCtsBox section.condition thead, .wifiCtsBox section.condition tbody, .wifiCtsBox section.condition tr, .wifiCtsBox section.condition th, .wifiCtsBox section.condition td, .wifiCtsBox section.flow table, .wifiCtsBox section.flow thead, .wifiCtsBox section.flow tbody, .wifiCtsBox section.flow tr, .wifiCtsBox section.flow th, .wifiCtsBox section.flow td {
  display: block !important;
  width: 100% !important;
}
.wifiCtsBox section.condition table tr th, .wifiCtsBox section.condition table tr td, .wifiCtsBox section.flow table tr th, .wifiCtsBox section.flow table tr td {
  padding: 10px 20px !important;
}
.wifiCtsBox section.condition table tr th img, .wifiCtsBox section.condition table tr td img, .wifiCtsBox section.flow table tr th img, .wifiCtsBox section.flow table tr td img {
  width: auto;
  max-width: 100%;
}
.wifiCtsBox section.condition table tr th br, .wifiCtsBox section.flow table tr th br {
  display: none;
}

/*# sourceMappingURL=layout.css.map */