@charset "UTF-8";

html {
    scroll-behavior: smooth;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  }
  section{
      margin-top: 0!important;
      margin-bottom: 0!important;
      }
  
  section .mainbody{
      max-width: 1200px;
      margin: 0 auto;
  }
@media screen and (max-width:1280px){
      section .mainbody{
          max-width: 1000px;
          margin: 0 auto;
      }
  }

@media screen and (max-width:1050px){
    section .mainbody{
        padding: 0 2%;
        margin: 0 auto;
    }
}

img{
    max-width: 100%;
    vertical-align: bottom;
}
.pt2em{
    padding-top: 2em;
}
.pt3em{
  padding-top: 3em;
}
.pt4em{
  padding-top: 4em;
}
a{
    transition-duration:1s;
}

#main{
	margin: 0;
	padding: 0;
}

.pad2em{
	padding: 2em 0;
}
.pad3em{
	padding: 3em 0;
}
.pad4em{
	padding: 4em 0;
}
.pad5em{
	padding: 5em 0;
}
@media print, screen and (min-width: 892px) {	
.sp{
    display: none;
}
}
@media screen and (max-width: 891px) { 
    .pc{
        display: none;
    }

}

.site-footer{
    margin-top: 0!important;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

footer{
    margin: 0;
    width: 100%;
    max-width: 100%!important;
	background-image: url(../chintaikanri_img/titlebackimg.jpg);
background-size: cover;
}

.footerbox01{
    /* width: 100%; */
    /* margin: 0 auto; */
    padding-top: 4em;
    max-width: 500px;
    padding: 3em;
    padding-bottom: 0em;
}
.footerbox02{
  padding-top: 2em;
}



/* *************************************************************************************************
   * スマホ 下部固定ナビ
************************************************************************************************* */

#fixed-nav {
    width: 100%;
    background-color: #fff;
    position: fixed;
    z-index: 2;
    left: 0;
    bottom: 0;
  }
  
  /* :::::::: ブレイクポイント :::::::: */
  
  @media print, screen and (min-width:737px) {
  
    #fixed-nav {
      display: none;
      position: static;
    }
  
  }
  
  /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
     * リスト
  /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
  
  #fixed-nav ul.list,
  #fixed-nav ul.list li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  #fixed-nav ul.list {
    width: 100%;
    max-width: none;
    font-size: 0.8em;
    display: table;
    border-collapse: collapse;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  
  #fixed-nav ul.list li {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    vertical-align: middle;
    display: table-cell;
  }
  
  #fixed-nav ul.list li:first-child {
    border-left: none;
  }
  
  #fixed-nav ul.list li:last-child {
    border-right: none;
  }
  
  #fixed-nav ul.list li:nth-last-child(2) {
    width: 50%;
  }
  
  #fixed-nav ul.list li:nth-last-child(3) {
    width: 110px;
  }
  
  #fixed-nav ul.list li a {
    padding: 0.5em 0.25em;
    color: inherit;
    text-align: center;
    text-decoration: none;
    display: block;
  }
  
  #fixed-nav ul.list li .icon {
    margin-bottom: 2px;
    display: block;
    text-align: center;
  }
  
  #fixed-nav ul.list li.bookings {
    width: 7.5em;
    color: inherit;
    letter-spacing: 1px;
    font-weight: 600;
    background: url("../../_image/_common/button-bg-1.png");
    background-size: 100% auto;
  }


  /*  グロナビ */
#gnav .menu2 {
    position: fixed;
    top: 0;
    right: 0;
    text-align: center;
    width: 100%;
    transform: translateY(-100%);
    transition: all 0.8s;
    z-index: 2;
  }
#gnav .menu__ul {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background-color: #87705B;
  }
#gnav .menu__ul--item {
    list-style-type: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #333;
  }
#gnav .menu__ul--item a {
    display: block;
    padding: 0.5em 0;
    color: #fff;
    text-decoration: none;
  }
  
#gnav .active {
    transform: translateY(-7%);
  }
  
#gnav .icon2 {
    display: block;
    position: fixed;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 3;
    color: #FFFFFF;
  }

.icon2box{
    position: fixed;
    display: block;
    position: fixed;
    top: 0px;
    right: 0;
    width: 70px;
    height: 60px;
    cursor: pointer;
    z-index: 3;
    background-color: #87705B;
    border-left: 1px solid #695645;
    border-bottom: 1px solid #655444;
  }

#gnav .icon2 span {
    display: block;
    position: absolute;
    width: 30px;
    border-bottom: solid 2px;
    -webkit-transition: .30s;
    -moz-transition: .30s;
    transition: .30s;
  }
#gnav .icon2 span:nth-child(1) {
    top: 10px;
  }
#gnav .icon2 span:nth-child(2) {
    top: 20px;
  }
#gnav .icon2 span:nth-child(3) {
    top: 30px;
  }
  
#gnav .active span:nth-child(1) {
    top: 20px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
#gnav .active span:nth-child(2) {
    top: 20px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }
#gnav .active span:nth-child(3) {
    top: 20px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }