/* CSS Document */
#location h1 {
  color: #0089b3;
}

#location .section1 h2 {
  color: #459d35;
}

#location .section1 p {
  color: #231815;
}

#location .section1 h3 {
  color: #459d35;
}

#location .section1 .genre {
  max-width: 1008px;
  margin: 3em auto 0;
  background: url(../images/location/line.png) no-repeat 0 0;
  background-size: 100%;
  font-family: YakuHanMP, 'Noto Serif JP', YuMincho, 'Yu Mincho', "Hiragino Mincho ProN", serif;
}

@media screen and (min-width: 640px), print {
  #location .section1 .genre {
    padding: 2.5em 0 2em;
  }
}

#location .section1 .genre .top {
  width: 100%;
  margin: 0 0 1em;
  overflow: hidden;
  padding: 1em 0 0;
}
@media screen and (min-width: 640px), print {
  #location .section1 .genre .top {
    margin: 0 0 2em;
    padding: 0;
  }
}


#location .section1 .genre .top .name {
  background: url(../images/location/ico.png) no-repeat 0 0;
  background-size: 15%;
  padding: 0 0 0 25%;
  box-sizing: border-box;
  float: none;
  width: 100%;
}
#location .section1 .genre .top dl {
  float: none;
  width: 100%;
}
@media screen and (min-width: 640px), print {
  #location .section1 .genre .top .name {
    background-size: 106px;
    padding: 0 4em 0 150px;
    float: left;
    width: 58%;
  }
  #location .section1 .genre .top dl {
    float: right;
    width: 42%;
  }
}

#location .section1 .genre h4 {
  padding: 0;
  text-align: left;
  margin: 0 0 1em;
}
#location .section1 .genre h4 [lang] {
  display: block;
}
#location .section1 .genre h4 [lang="ja"] {
  font-size: 16px;
  line-height: 1em;
}
#location .section1 .genre h4 [lang="en"] {
  font-size: 24px;
  line-height: 1.5em;
}
@media screen and (min-width: 640px), print {
  #location .section1 .genre h4 {
    margin: 0 0 2em;
  }
  #location .section1 .genre h4 [lang="ja"] {
    font-size: 24px;
  }

  #location .section1 .genre h4 [lang="en"] {
    font-size: 42px;
  }
}

#location .section1 .genre h5 {
  font-size: 16px;
  margin: 0 0 1em;
  line-height: 1.3;
}
#location .section1 .genre p {
  font-size: 12px;
}

@media screen and (min-width: 640px), print {
  #location .section1 .genre h5 {
    font-size: 24px;
    margin: 0 0 2em;
  }
  #location .section1 .genre p {
    font-size: 16px;
  }
}

@media screen and (min-width: 1280px), print {
}

@media screen and (min-width: 640px), print {
  #location .section1 .genre.medical .top .name,
  #location .section1 .genre.parkother .top .name {
    background: url(../images/location/ico.png) no-repeat 100% 0;
    background-size: 106px;
    padding: 0 150px 0 4em;
    float: right;
  }
  #location .section1 .genre.medical .top dl,
  #location .section1 .genre.parkother .top dl {
    float: left;
  }
}

#location .section1 .genre.shopping h4 [lang="en"] {
  color: #FFBD91;
}
#location .section1 .genre.shopping h4 [lang="ja"],
#location .section1 .genre.shopping h5 {
  color: #FF893B;
}

#location .section1 .genre.medical h4 [lang="en"] {
  color: #93C6FF;
}
#location .section1 .genre.medical h4 [lang="ja"],
#location .section1 .genre.medical h5 {
  color: #3990E1;
}

#location .section1 .genre.education h4 [lang="en"] {
  color: #F1A4ED;
}
#location .section1 .genre.education h4 [lang="ja"],
#location .section1 .genre.education h5 {
  color: #C863C8;
}

#location .section1 .genre.parkother h4 [lang="en"] {
  color: #89DC89;
}
#location .section1 .genre.parkother h4 [lang="ja"],
#location .section1 .genre.parkother h5 {
  color: #35B63C;
}

#location .section1 .genre dl {
  margin-top: 1em;
}

#location .section1 .genre dd {
  font-size: 12px;
  line-height: 1.25em;
  font-family: YakuHanMP, 'Noto Serif JP', YuMincho, 'Yu Mincho', "Hiragino Mincho ProN", serif;
  margin-top: 0.5em;
}

@media screen and (min-width: 1280px), print {
  #location .section1 .genre dd {
    font-size: 14px;
    margin-top: 0.5em;
  }
}

#location .section1 .genre dd small {
  font-size: 12px;
}

#location .section1 .genre .btm {
  overflow: hidden;
}
#location .section1 .genre .btm dl {
  width: 50%;
  float: left;
  padding: 0 1%;
  box-sizing: border-box;
}
#location .section1 .genre .btm dl:nth-of-type(2n-1) {
  clear: left;
}
@media screen and (min-width: 640px), print {
  #location .section1 .genre .btm dl {
    width: 25%;
  }
  #location .section1 .genre .btm dl:nth-of-type(2n-1) {
    clear: none;
  }
}


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