@charset "UTF-8";

/* =========================================================
   Awashima Coffee Theme - Footer
========================================================= */
/* =========================================================
   detail / list footer breadcrumb
========================================================= */

.aw-detailFooterBreadcrumb {
  position: relative;
  top: -100px;
  z-index: 2;
  display: block;
  width: 100%;
  max-width: 1080px;
  margin: 42px auto -28px;
  padding: 0 0;
  box-sizing: border-box;
  color: #5a4b42;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: .04em;
  text-align: left;
}

.aw-detailFooterBreadcrumb a {
  color: #6e5a4c;
  text-decoration: none !important;
  transition:
    color .2s ease,
    opacity .2s ease;
}

.aw-detailFooterBreadcrumb a:hover {
  color: #793d12;
  opacity: .85;
  text-decoration: none !important;
}

.aw-detailFooterBreadcrumb span {
  display: inline-block;
  margin: 0 6px;
  color: #8a786d;
}

.aw-detailFooterBreadcrumb span:last-child {/* footer */
  color: #4a3d35;.aw-footer {
}  position: relative;
  z-index: 20;
@media screen and (max-width: 767px) {  margin-top: 0 !important;
  .aw-detailFooterBreadcrumb {  background: #fff !important;
    top: -16px;  color: #2f241d;
    margin: 34px auto -16px;  overflow: visible;
    padding: 0 20px;}
    font-size: 11px;
    line-height: 1.8;.aw-footer__inner {
  }  width: 100%;
  margin: 0;
  .aw-detailFooterBreadcrumb span {  padding: 0;
    margin: 0 4px;  background: #fff !important;
  }}
}
/* brand */
.aw-footer__brand {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 24px 44px !important;
  text-align: center;
  background: #fff !important;
}

.aw-footer__logo {
  display: block;
  margin: 0 0 14px !important;
}

.aw-footer__logo img {
  display: block;
  width: 220px;
  margin: 0 auto !important;
}

.aw-footer__message {
  margin: 0 !important;
  color: #3d3028 !important;
  font-size: 14px !important;
  line-height: 2 !important;
  letter-spacing: .12em;
}

/* navigation */
.aw-footer__nav {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 72px !important;
  max-width: 1120px;
  margin: 0 auto !important;
  padding: 26px 24px 48px !important;
  border-top: 1px solid rgba(61, 48, 40, .14);
  border-bottom: 1px solid rgba(61, 48, 40, .14);
  background: #fff !important;
  box-sizing: border-box;
}

.aw-footer__navGroup {
  padding: 0 !important;
}

.aw-footer__navGroup h3 {
  margin: 0 0 18px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(61, 48, 40, .34);
  color: #2f241d !important;
  font-size: 17px !important;
  font-weight: 400;
  letter-spacing: .16em;
}

.aw-footer__navGroup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.aw-footer__navGroup li {
  margin: 0;
}

.aw-footer__navGroup a {
  position: relative;
  display: block;
  padding: 9px 26px 9px 0 !important;
  color: #2f241d !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  letter-spacing: .1em;
  text-decoration: none;
  transition: color .25s ease;
}

.aw-footer__navGroup a::after {
  content: "›";
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 22px;
  transform: translateY(-50%);
}

.aw-footer__navGroup a:hover {
  color: #793d12 !important;
}

/* bottom */
.aw-footer__bottom {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 24px !important;
  padding: 24px 24px 30px !important;
  background: #fff !important;
  text-align: center;
}

.aw-footer__bottom a,
.aw-footer__copyright {
  color: #2f241d !important;
  font-size: 13px !important;
  letter-spacing: .08em;
  text-decoration: none;
}

.aw-footer__bottom a::after {
  content: "|";
  display: inline-block;
  margin-left: 24px;
  color: rgba(61, 48, 40, .45);
}

.aw-footer__bottom a:last-of-type::after {
  content: "";
}

/* responsive */
@media screen and (max-width: 767px) {
  .aw-detailFooterBreadcrumb {
    margin: 56px auto 72px !important;
    padding: 0 20px !important;
    font-size: 13px !important;
  }

  .aw-footer__brand {
    padding: 0 20px 38px !important;
  }

  .aw-footer__logo img {
    width: 190px;
  }

  .aw-footer__nav {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
    padding: 24px 20px 40px !important;
  }

  .aw-footer__bottom {
    padding: 22px 20px 28px !important;
  }
}

.aw-noFooterSpacer {
  height: 120px;
}

@media screen and (max-width: 767px) {
  .aw-noFooterSpacer {
    height: 88px;
  }
}

/* =====================================================
   link reset
===================================================== */

a,
a:hover,
a:focus,
a:active,
a:visited {
  text-decoration: none;
}

/* =====================================================
   focus reset
===================================================== */

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: none;
  box-shadow: none;
}

/* =====================================================
   select reset
===================================================== */

select:focus {
  border-color: #c9c3bd;
  box-shadow: none;
}

/* =====================================
   PAGE TOP
===================================== */

.aw-pageTop {
  position: fixed;
  right: 32px;
  bottom: 32px;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(75,40,23,.88);
  color: #fff;
  border-radius: 50%;
  text-decoration: none;
  box-shadow: 0 6px 20px rgba(0,0,0,.12);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition:
    background .3s ease,
    transform .3s ease,
    opacity .3s ease;
}

.aw-pageTop.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.aw-pageTop:hover {
  background: #793d12;
  transform: translateY(-4px);
}

.aw-pageTop svg {
  width: 22px;
  height: 22px;
}

@media (max-width: 767px) {

  .aw-pageTop {
    right: 18px;
    bottom: 18px;

    width: 48px;
    height: 48px;
  }

  .aw-pageTop svg {
    width: 18px;
    height: 18px;
  }

}

/* =====================================
   EC-CUBE 標準ページトップボタン非表示
===================================== */

.ec-blockTopBtn,
.ec-blockTopBtn.pagetop,
.pagetop {
  display: none !important;
}

.aw-footer,
.aw-footer *{
  font-family:"Noto Serif JP",serif !important;
}