﻿html {
  font-size: 62.5%;
  font-family: 'Sawarabi Mincho', "Adobe Garamond Pro", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif" !important;
}

.pc {
  display: none!important;
}

#wrapper {
  width: 100%;
  min-width: 320px;
  max-width: 767px;
  padding-top: 16%;
}
@media screen and (max-width: 452px){
  #wrapper {
    padding-top: 20%;
  }

}
#wrapper img {
  width: 100%;
  height: auto
}

header {
    position: fixed;
    z-index: 999;
    background: #fff;
    width: 100%;
    top: 0;
}

header .clearfix {
  border-bottom: 1px #DDD solid
}

header .clearfix li {
  margin-bottom: 1px
}

header .clearfix li.li00 {
  font-size: 0.9rem;
  padding-left: 0.5rem;
  font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #5d6164 !important;
  margin-top: 1em;
}

header .clearfix li.li01 {
  width: 88%
}

header .clearfix li.li02 {
  width: 20%
}

header .clearfix li.li03, header .clearfix li.li05 {
  width: 1%
}

header .clearfix li.li04 {
  width: 10%
}

main {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0 !important
}

main #pnkz {
  padding-top: 0.5rem;
  font-size: 1.1rem;
  padding-left: 0.5rem;
  font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #5d6164 !important;
  margin-bottom: 0.5rem
}

main .tiHead {
  padding-top: 1em
}

main .tiHead h1 {
  text-align: center;
  font-size: 4.53vw;
  margin-bottom: 1em
}

main .tiHead h1::before {
  font-size: 6.66vw;
  text-align: center
}

main .tiHead h2 {
  text-align: center;
  margin-bottom: 1.5em;
  font-size: 3.73vw
}

footer #information p:nth-of-type(1) {
  font-size: 5.6vw
}

footer #information p:nth-of-type(2) {
  font-size: 5.3vw
}

main section {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

main section#main {
  width: 100%;
}

footer #information p:nth-of-type(3) {
  font-size: 3.7vw;
  text-align: left;
  display: inline-block;
  margin-left: 7vw;
}

footer .tel {
  width: 96%;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 2rem;
  text-align: center;
  background-color: #871e33
}

footer .tel p {
  font-size: 1.1rem;
  color: #fff
}

footer #lMenu {
  margin-bottom: 2rem
}

footer #lMenu .left, footer #lMenu .right {
  width: 30%
}

footer #lMenu .left {
  float: left;
  margin-left: 17%
}

footer #lMenu .right {
  float: right;
  margin-right: 17%
}

footer .logo {
  width: 100%;
  text-align: center;
}
@media ( max-width:767px ){
  footer .logo img {
    width: 60% !important;
    height: auto !important;
  margin: 1rem auto 1.5rem;
  }
}

footer #footer_navi {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px #ccc dotted;
  font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

footer #footer_navi .clearfix li {
  font-size: 10px
}

footer #footer_navi .clearfix li.li01, footer #footer_navi .clearfix li.li03, footer #footer_navi .clearfix li.li05 {
  width: 35%;
  color: #5d6164 !important
}

footer #footer_navi .clearfix li.li02, footer #footer_navi .clearfix li.li04, footer #footer_navi .clearfix li.li06 {
  width: 60%
}

footer #footer_navi .clearfix li.li06, footer #footer_navi .clearfix li.li07 {
  margin-bottom: 1.5rem
}

footer #footer_navi .clearfix li.li07 {
  border-top: 1px #ccc dotted;
  border-bottom: 1px #ccc solid;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #5d6164 !important
}

footer #footer_navi .clearfix li.li08, footer #footer_navi .clearfix li.li09 {
  text-align: center;
  width: 100%
}

footer #footer_navi .clearfix li.li08 {
  border-bottom: 1px #ccc solid;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem
}

footer #footer_navi .clearfix li.li09 {
  margin-bottom: 1.5rem;
  color: #5d6164 !important
}

footer #footer_navi .clearfix li.li10 {
  width: 40%;
  padding-left: 60%;
  background-position: right bottom
}

footer #ftFix {
  width: 100%;
  position: fixed;
  bottom: 0px;
  left: 0px;
  padding-top: 2%;
  padding-bottom: 2%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 200;
}

footer #ftFix ul {
  width: 100%
}

footer #ftFix ul li.li01 {
  width: 5%
}

footer #ftFix ul li.li02, footer #ftFix ul li.li03 {
  width: 38%
}

footer #ftFix ul li.li02 {
  margin-right: 2%
}

footer #ftFix ul li.li03 {
  margin-right: 3.5%;
}

footer #ftFix ul li.li04 {
  width: 10%;
  margin: 2.3% 0 0 0;
}

footer #ftFix ul li.li05 {
  width: 1px
}

#neighborhood {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5vw;
  padding-top: 5vw
}

#neighborhood .nTitle {
  padding-bottom: 2vw;
  margin-bottom: 2.6vw
}

#neighborhood .nTitle p {
  padding-left: 3vw;
  font-size: 3.7vw;
  font-weight: bold
}

#neighborhood ul {
  width: 97%;
  margin: 0;
  padding: 4vw 0 4vw 3%
}

#neighborhood ul li {
  width: 48%;
  margin: 0 2% 3% 0;
  padding: 0
}

#neighborhood ul li .nArea {
  width: 5em;
  height: 2em;
  line-height: 2em;
  margin-bottom: 2vw;
  font-size: 3.2vw
}

#neighborhood ul li a:hover {
  text-decoration: none
}

#neighborhood ul li img {
  width: 100%;
  height: auto;
  margin-bottom: 0.5vw
}

#neighborhood ul li p {
  font-size: 3.4vw;
  line-height: 4.5vw
}

#campaignflyer1 {
  font-size: 3.8vw;
}

#campaignflyer2 {
  font-size: 3vw;
}

#campaignflyer3 {
  font-size: 3.1vw;
}

header .clearfix li.li01 {
  margin: 0.8vw 0 0 0.6vw;
}

header .clearfix li.li01>a:nth-of-type(1) {
  display: inline-block;
}

header .clearfix li.li01>a:nth-of-type(1) img {
  /* height: 8.5vw!important;
  width: auto!important; */
  height: 7.5vw !important;
  width: auto !important;
  margin: 1vw 2vw 0;
}

header .clearfix li.li01>a:nth-of-type(2) {
    display: inline-block;
    font-size: 16px;
    color: #6F9EA8;
}

header .clearfix li.li01>a:nth-of-type(2) img {
  height: 4.2vw !important;
  width: auto!important;
  vertical-align: baseline;
  margin: 0 0 0.5vw 2vw;
}

#menu_back_button {
  bottom: 21vw;
  right: 2vw;
  margin-bottom: 40px;
}

nav.main_menu {
  display: none;
}

#menu_back_button {
  display: none;
}

#common_footer {
  margin-bottom: 80px;
}
