@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
@import url('https://fonts.googleapis.com/earlyaccess/sawarabimincho.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@font-face {
  font-family: 'HanSans';
  src: url(../../font/SourceHanSansJP-Light.otf);
}

@font-face {
  font-family: 'HanSansBold';
  src: url(../../font/SourceHanSansJP-Medium.otf);
}

img {
  image-rendering: -webkit-optimize-contrast;
}

header #headerMain .LH .right {
  image-rendering: -webkit-optimize-contrast;
}

html {
  scroll-behavior: smooth;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  padding: 0;
  margin: 0
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

fieldset, img {
  border: 0
}

address, caption, cite, code, dfn, em, th, var, i {
  font-style: normal;
  font-weight: normal
}

ol, ul {
  list-style: none
}

caption, th {
  text-align: left
}

h1, h2, h3, h4, h5, h6, em {
  font-size: 100%;
  font-weight: normal
}

q:before, q:after {
  content: ''
}

abbr, acronym {
  border: 0
}

a:focus {
  -moz-outline-style: none;
  outline-style: none
}

div img {
  vertical-align: bottom
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden
}

.clearfix {
  min-height: 1px
}

* html .clearfix {
  height: 1px
}

.clearfix li {
  float: left;
}

.inprogress {
  opacity: 0.3;
  filter: alpha(opacity=70)
}

a {
  text-decoration: none;
  color: #069
}

a:hover {
  color: #C33;
  text-decoration: underline
}

a:visited {
  text-decoration: none
}

a.btn {
  background-position: left bottom;
  background-repeat: no-repeat;
  display: block;
  text-indent: -9999px
}

a.btn:hover {
  background-position: left top
}

a.btn:hover {
  background-position: left top
}

#wrapper {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1rem
}

header h1, header h2 {
  font-feature-settings: "palt";
  color: #3A3939
}

main {
  display: block
}

main article h1, main article h2, main article h3, main article h4, main article h5, main article p, main section h1, main section h2, main section h3, main section h4, main section h5, main section p {
  /*font-family: 'EB Garamond', 'Sawarabi Mincho', "Adobe Garamond Pro", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif" !important;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
font-weight: 500;*/
  color: #5C6164;
}

.imgphoto, .imgphoto {
  font-family: 'Noto Sans JP', "Adobe Garamond Pro", "Times New Roman", Times, "serif" !important;
  display: block;
}

.imgphoto::after, .imgphoto::after {
  content: "image photo";
}

main article div img, main section div img {
  vertical-align: bottom !important
}

main article div.imgphoto, main article div.imgillust, main section div.imgphoto, main section div.imgillust {
  font-family: 'Noto Sans JP', "Adobe Garamond Pro", "Times New Roman", Times, "serif" !important
}

main article div.imgphoto::after, main article div.imgillust::after, main section div.imgphoto::after, main section div.imgillust::after {
  display: block;
  text-align: right
}

main article div.imgillust::after, main section div.imgillust::after {
  content: "image illustration"
}

main article div.impBL::after, main article div.impWL::after, main section div.impBL::after, main section div.impWL::after {
  text-align: left !important;
  padding-left: 1em
}

main article div.impB, main article div.impBL, main section div.impB, main section div.impBL {
  color: #000 !important
}

main article div.impW, main article div.impWL, main section div.impW, main section div.impWL {
  color: #fff !important
}

footer #information {
  margin-bottom: 3em
}

footer #information p {
  text-align: center;
  color: #3F559E !important;
  margin-bottom: 1em;
  font-family: 'Sawarabi Mincho', "Adobe Garamond Pro", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif" !important;
  transform: rotate(0.1deg);
  font-feature-settings: "palt";
  letter-spacing: -0.03em
}

.gothic {
  font-family: 'HanSans', 'Noto Sans JP', sans-serif !important;
}

.gothic_bold {
  font-family: 'HanSansBold', sans-serif !important;
}

.mincyo {
  font-family: 'EB Garamond', 'Sawarabi Mincho', "Adobe Garamond Pro", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif" !important;
  transform: rotate(0.1deg);
  font-feature-settings: "palt";
}

#neighborhood {
  text-align: left
}

#neighborhood .nTitle {
  border-bottom: 1px #000 solid
}

#neighborhood .nTitle p {
  text-align: left;
  border-left: 5px solid #0064A7
}

#neighborhood ul {
  background-color: #E8E8E0
}

#neighborhood ul li .nArea {
  text-align: center;
  background-color: #5C8934;
  color: #fff
}

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

#menu_back_button {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 40px;
  bottom: 50px;
  opacity: 0.6;
  border-radius: 50%;
}

#menu_back_button a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
  text-align: center;
  z-index: 3;
}

#menu_back_button a img {
  width: 30px;
  height: auto;
  margin-top: 8px;
}

#menu_back_button {
  background: #D0EDFB;
}

nav.main_menu {
    background: #F1F4F6;
}
nav.main_menu div ul li {
    background: #F1F4F6;
}

#headerMain #hMenu>ul>li:nth-of-type(1) img {
  background: #F1F4F6;
}

#headerMain #hMenu>ul>li:nth-of-type(2) img {
  background: #F1F4F6;
}

footer .tel {
  border-top: 1px solid #0082DC!important;
  border-bottom: 1px solid #0082DC!important;
  background-color: #0082DC!important;
}

footer .tel img {
  max-width: 960px;
  margin: auto;
}

.drawer_menu .drawer_nav li.li01 {
  background-color: #F1F4F6 !important;
}

.drawer_menu .drawer_nav li.li09 a {
  background-color: #F1F4F6 !important;
}

.drawer_menu .drawer_nav li.li10 a {
  background-color: #F1F4F6 !important;
}

footer #ftFix ul li.li02 img {
    background-color: #333951;
    opacity: 0.8;
}

footer #ftFix ul li.li03 img {
  background-color: #753445;
  opacity: 0.8;
}



#bottom_reserve{
  width:100%;
}
#bottom_reserve ul{
  max-width:530px;
  width:98%;
  overflow: hidden;
  margin:50px auto
}
#bottom_reserve ul li{
  max-width:250px;
  width:47.16981132%;
  float:left;
}
#bottom_reserve ul li + li{
  float:right;
}

#bottom_reserve ul li img{
  display: block;
  width: 100%;
}


@media screen and (max-width: 767px){
  #bottom_reserve ul{
    max-width:250px;
  }

  #bottom_reserve ul li{
    max-width:250px;
    width:100%;
    float:none;
  }
  #bottom_reserve ul li + li{
    float:none;
    margin:30px auto 0;
  }
}

#foter_tel_box{
  overflow: hidden;
  font-family: 'Noto Serif JP', sans-serif;
}
#foter_tel_box {
    overflow: hidden;
    max-width: 540px;
    margin: 30px auto;
}
#foter_tel_box .tel_box {
    margin: 5px auto;
    float: left;
    width: 130px;
}

#foter_tel_box .tel_box + .tel_box {
    float: right;
    max-width: 378px;
    margin: 0 auto;
    width: 378px;
}
#foter_tel_box .tel_box .txt01, #foter_tel_box .tel_box .txt03, #foter_tel_box .tel_box .txt04 {
    font-size: 14px;
    text-align: left;
}

#foter_tel_box .tel_box .txt02 {
    font-size: 50px;
    background: url(../../imgs/index/freeicon.png) no-repeat left bottom;
    vertical-align: bottom;
    padding-left: 45px;
    line-height: 1;
    margin: 5px auto;
    letter-spacing: 2px;
}
#foter_tel_box .tel_box .txt02 a{
  pointer-events: none;
  text-decoration: none;
  color:#000;
}


@media screen and (max-width: 767px){

  #foter_tel_box .tel_box {
      float: none;
      margin: 30px auto 20px;
  }


  #foter_tel_box .tel_box + .tel_box {
      float: none;
  }
  #foter_tel_box .tel_box .txt01, #foter_tel_box .tel_box .txt03, #foter_tel_box .tel_box .txt04 {
      font-size: 12px;
      text-align: center;
  }
  #foter_tel_box .tel_box .txt02 {
    font-size: 40px;
    text-align: center;
    width: 272px;
}
#foter_tel_box .tel_box .txt02 a{
  pointer-events: inherit;
}
}






















/**/