@charset "utf-8";

/* =======================================

	Footer CSS

 -----------------------------------------
	INDEX
 -----------------------------------------

========================================== */

footer {
    margin-top: 100px;
}

footer .topicPath_wrap {
    width: 100%;
    min-height: 42px;
/*    border-bottom: 2px solid #fff;*/
    background-color: #f5f1e4;
}
footer .topicPath_wrap nav {
    display: block;
    margin: 0 auto;
	width: 980px;
    padding: 12px 0px 12px 0px;
}
footer .topicPath_wrap nav p,
footer .topicPath_wrap nav p a {
    font-size: 1.2rem;
    line-height: 1.3;
    text-align: left;
}
footer .topicPath_wrap nav p a {
    color: #999;
}
footer .topicPath_wrap nav p span {
    margin: 0px 1em 0px 1em;
}
footer .topicPath_wrap nav p a:hover {
    text-decoration: none;
}
footer .topicPath_wrap nav p strong {
    font-weight: normal;
}
footer .footer_inner {
  background-image: url(/images/base/bg_footer_leather3.jpg); 
  background-size: cover;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  footer {
      margin-top: 80px;
      position: relative;
  }
  footer .topicPath_wrap nav {
      padding-left:4%;
      padding-right: 4%;
      width: 92%;
  }
  footer .footer_inner {
    background-image: url(/images/base/bg_footer_leather3.jpg); 
    background-size: cover;
    background-position: center right;
  }
}



/* sns_wrap */
footer .sns_wrap  {
  position: absolute;
  right: 60px;
  top: 20px;
}
footer .sns_wrap .tit_sns_follow  {
  font-size: 1.4rem;
  color: #dabe74;
  display: inline-block;
  position: relative;
  top:-4px;
}
footer .sns_wrap ul  {
  display: inline-block;
}
footer .sns_wrap ul li.sns {
  float: left;
  font-size: 2.0rem;
  margin-left: 1em;
  position: relative;
}
footer .sns_wrap ul li.sns a {
  color: #dabe74;
}
@media screen and (max-width: 767px) {
  footer .sns_wrap  {
    display: flex;
    bottom:80px;
    top: auto;
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  footer .sns_wrap .tit_sns_follow  {
    font-size: 1.4rem;
    top:4px;
  }
  footer .sns_wrap ul  {
  }
  footer .sns_wrap ul li.sns {
    float: left;
    font-size: 2.0rem;
    margin-left: 1em;
    position: relative;
  }
  footer .sns_wrap ul li.sns a {
    color: #dabe74;
  }
}

/* menu_wrap */
footer .menu_wrap  {
  position: relative;
  width: 980px;
  margin: 0 auto 160px;
}
footer .menu_wrap:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}
footer p.logomark {
  position: absolute;
  left: 50%;
  top: 70px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  width: 240px;
}
footer p.logomark img {
    width: 100%;
}
footer .fNavi {
  padding-top: 172px;
}
footer .fNavi.box_01 {
  float: left;
}
footer .fNavi li {
  float: left;
}
footer .fNavi li a {
  color: #dabe74;
  margin-right: 1.5em;
  text-decoration: none;
}
footer .fNavi li:last-child a {
  margin-right: 0em;
}
footer .fNavi.box_02 {
  float: right;
}

footer .fNavi li a:hover,
#category_top footer      .fNavi li.fn00 a,
#category_concept footer  .fNavi li.fn06 a,
#category_about footer    .fNavi li.fn01 a,
#category_for_business footer .fNavi li.fn07 a,
#category_products footer .fNavi li.fn02 a,
#category_information  footer .fNavi li.fn03 a,
#category_contact footer  .fNavi li.fn04 a,
#category_privacy footer .fNavi li.fn08 a {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  footer .menu_wrap  {
    position: relative;
    width: 94%;
    margin: 0 auto 50px;
  }
  footer p.logomark {
    position: relative;
    margin-top: 40px;
    top: 0px;
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    display:inline-block;
    width: 50%;
  }
  footer .fNavi {
    display: none;
  }
}

/* address_wrap */
footer .address_wrap {
  width: 980px;
  margin: 0 auto 80px;
}
@media screen and (max-width: 767px) {
  footer .address_wrap {
    width: 94%;
    margin: 0 auto 0px;
  }
}

/* Style05 */
footer .address_wrap .tit_style05 {
  font-size: 2.4rem;
  padding-bottom: 12px;
  display: table;
  margin: 0 auto 30px;
  color: #dabe74;
}
footer .address_wrap .tit_style05::after {
  height: 1px;
  background: #dabe74;
}

footer .address_wrap .address_wrap_inner {
  display: flex;
/*  flex-wrap: wrap;*/
}
footer .address_wrap .box_01,
footer .address_wrap .box_02,
footer .address_wrap .box_03 {
  display: inline-block;
  padding-right: 30px;
  margin-right: 30px;
  border-right:1px solid #dabe74;
  min-height: 70px;
}
footer .address_wrap .box_03 {
  padding-right: 0px;
  margin-right: 0px;
  border-right:none;
}
footer .address_wrap p {
    line-height: 1.5;
    letter-spacing: 0px;
    color: #dabe74;
  text-align: left;
}
footer .address_wrap p.company {
    font-size: 1.4rem;
  margin-top: 8px;
}
footer .address_wrap p.company span.txt_hosoku {
    font-size: 1.2rem;
    margin-bottom: 3px;
  display: block;
}
footer .address_wrap p.address {
    font-size: 1.3rem;
}

footer .address_wrap p.tel {
    font-size: 3.0rem;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 300;
    letter-spacing: 0.05em;
    margin-bottom: 0px;
}
footer .address_wrap p.fax {
    font-size: 1.3rem;
}

footer .address_wrap div.btn_link_style01 {
    margin: 12px 0px 30px 0px;
}
footer .address_wrap div.btn_link_style01.wh a {
  border: 1px solid #dabe74;
  color: #dabe74 !important;
}
@media screen and (max-width: 767px) {
  /* Style05 */
  footer .tit_style05 {
    font-size: 2.0rem;
    padding-bottom: 12px;
    margin: 0 auto 20px;
  }
  footer .address_wrap .address_wrap_inner {
    display: inline-block;
  }
  footer .address_wrap .box_01,
  footer .address_wrap .box_02,
  footer .address_wrap .box_03 {
    display: block;
    padding-right: 0px;
    margin-right: 0px;
    border-right:none;
    min-height: 70px;
  }
  footer .address_wrap .box_03 {
    padding-right: 0px;
    margin-right: 0px;
    border-right:none;
  }
  footer .address_wrap p {
    text-align: center;
  }
  footer .address_wrap p.company {
    font-size: 1.4rem;
    margin-top: 8px;
  }
  footer .address_wrap p.company span {
    display: inline-block;
  }
  footer .address_wrap p.company span.txt_hosoku {
    font-size: 1.3rem;
    margin-bottom: 3px;
    display: block;
  }
  footer .address_wrap p.address {
    font-size: 1.3rem;
    margin-bottom: 15px;
  }

  footer .address_wrap p.tel {
    font-size: 3.0rem;
    margin-bottom: 0px;
  }
  footer .address_wrap p.fax {
    font-size: 1.3rem;
  }
  footer .address_wrap div.btn_link_style01 {
    margin: 12px 0px 30px 0px;
  }
}






/* Copyright
========================================== */
footer address {
    font-size: 1.0rem;
    color: #dabe74;
    padding: 0px 0px 40px 0px;
}

@media screen and (max-width: 767px) {
    footer address {
        font-size: 1.1rem;
        padding: 50px 0px 40px 0px;
    }
}


/* PageTop
========================================== */


#page_top {
  position: fixed;
  right:20px;
  bottom:20px;
  width:40px;
  height:46px;
/*  border:1px solid #ccc;*/
  border-radius:6px;
  background:rgba(222,112,38,1.0);
  text-indent:-9999px;
  opacity:1.0;
  z-index: 99999!important;
}
@media screen and (max-width: 767px) {
  #page_top {
    right:20px;
    bottom:27px;
  }
}

#page_top a {
  display:block;
  width:40px;
  height:46px;
}


#page_top:after {
  position:absolute;
  top:20px;
  left:50%;
  display:block;
  margin-left:-6px;
  width:12px;
  height:12px;
  border-top:1px solid #fff;
  border-right:1px solid #fff;
  content:"";
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
}

#page_top:hover {
  opacity:.6;
  transition:.3s;
}