@charset "UTF-8";
/*-------------------------------
	footer
-------------------------------*/
footer{
background: #684d36;
color: #fff;
width: 100%;
line-height: 1;
}
footer a,footer i{
color:#fff;
cursor: pointer;
}
footer a:hover{
text-decoration: underline;
}
#pageTop{
position: fixed;
right: 15%;
bottom: 5%;
z-index: 9990;
max-width: 78px;
}
/*footer用のボタン*/
.footerBtnBlock{
max-width: 170px;
margin: 20px 0 0;
text-align: center;
}
.footerBtnBlock{
font-size: 0.75rem;
}
.footerBtnBlock .button{
color: #684d36;
background: rgba(255,255,255,0.8);
padding: 5.5% 6.7% 5.6% 7%;
font-size: 0.64rem;
}
.footerBtnBlock .button i{
color: #684d36;
}
.footerInner {
box-sizing: border-box;
max-width: 1128px;
width: 100%;
margin: 0 auto;
padding: 2.3% 5%;
}
.footerContentBlock {
margin: 0 0 5%;
box-sizing: border-box;
}
.footerLeftColBlock {
float: left;
width: 70%;
}
.footerRightColBlock {
float: right;
max-width: 282px;
width: 30%;
}
.footerNaviBlock01 {
float: left;
width: 32%;
margin: 0 0 0 2%;
font-size: 0.75rem;
}
.footerNaviBlock01:first-child{
margin: 0;
}
.footerNaviBlock01 dl {
 padding: 0 10px 0 0;
 margin:  0 0 15px;
}
.footerNaviBlock01 dt,
.footerNaviBlock01 dd {
line-height: 1;
margin: 0 0 5px;
}
.footerNaviBlock01 dt{
margin: 0 0 11px;
max-width: 182px;
}
.footerNaviBlock01 dd{
position:relative;
padding: 0 0 0 1rem;
}
.footerNaviBlock01 dd i{
position: absolute;
top: 0;
left:0;
}
footer .footerNaviBlock01 .gallery {
margin: 20px 0 5px;
}
.companyBlock {
background: #fff;
color:#684d36;
border: 2px solid #cac7af;
border-radius: 15px;
padding: 33px 27px 16px;
font-size: 0.68rem;
line-height: 1.2;
}
.companyBlock p{
margin: 0 0 5px;
color:#684d36;
}
.companyBlock a,
.companyBlock i{
color:#684d36;
}
.companyBlock .logo{
text-align: center;
margin: 0 0 29px;
}
.companyBlock .logo img{
max-width: 170px;
width: 100%;
}
.companyBlock .spTelBlock{
margin: 0 0 8px;
}
.calendarBlock {
margin: 11.5% 0 0;
color: #000;
}
.calendarBlock p.text{
text-align: center;
font-size: 0.75rem;
color: #fff;
}
.footerNaviBlock02 {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
letter-spacing: -0.4em;
padding: 1% 0;
margin: 0 0 2%;
text-align: center;
font-size: 0.75rem;
}
.footerNaviBlock02 li {
display: inline-block;
letter-spacing: normal;
margin: 0 3% 0 0;
}
.copyRightBlock {
text-align: center;
font-size: 0.625rem;
color: #fff;
}
@media screen and (max-width: 1000px) {
#pageTop {
bottom: 2%;
right: 30px;
}
.footerLeftColBlock {
  width: 65%;
}
.footerBtnBlock{
  margin: 20px 0 0;
}
.footerBtnBlock .button{
font-size: 1.15vw;
line-height: 1.5;
}
}
@media screen and (max-width: 599px) {
.footerInner{padding: 5% 0;}
.footerLeftColBlock,
.footerRightColBlock,
.footerNaviBlock01{
float: none;
width: 100%;
max-width: 100%;
margin: 0;
}
.footerContentBlock {
padding: 0 5%;
width: 100%;
}
.footerNaviBlock01 dl{
display: none;
}
.footerBtnBlock{
max-width: 100%;
margin: 0 0 5%;
}
.footerBtnBlock .button{
background: rgba(255,255,255,0.4);
font-size: 1.3rem;
border-radius: 5px;
padding: 5.5% 2.7% 5.6% 2%;
display: block;
width: 100%;
}
.footerNaviBlock02{
margin: 0 0 4%;
padding: 0;
}
.footerNaviBlock02 li{
display: block;
text-align: left;
margin: 0;
}
.footerNaviBlock02 li a{
display: block;
width: 90%;
padding: 4% 5%;
}
.footerNaviBlock02 li:nth-child(2){
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}
.calendarBlock p.text{
font-size: 1rem;
}
.companyBlock {
font-size: 3.5vw;
}
}