@charset "UTF-8";
/*------------------------------------
/cp/ 配下のLP用 共通フッター調整
・LPはdestyle.cssやページ専用CSS（body・footer・a等の指定）を読み込むため、
  共通フッターがトップページと異なる表示になるのを打ち消す
・stoa_new.css のフッター部分を含む
・ページ専用CSSの後に読み込むこと（include/_footer_cp_css.ejs）
-------------------------------------*/
.footer {
  margin-left: 0;
  margin-right: 0;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  font-feature-settings: normal;
  color: #303030;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .footer {
    font-size: 13px;
  }
}

.footer *,
.footer *::before,
.footer *::after {
  box-sizing: content-box;
}

.footer a {
  display: block;
  font-size: inherit;
  text-decoration: none;
}

/* LP側の要素指定（span・li等の文字色）を打ち消す（詳細度は要素セレクタ相当） */
:where(.footer) :is(p, span, li, small) {
  color: inherit;
}

.footer li {
  list-style: none;
}

.footer img {
  vertical-align: top;
}

/* パンくず（common_class.css の指定に戻す） */
.footer .pan_area {
  display: block;
}

.footer .pan_area a,
.footer .pan_area span {
  display: inline-block;
  font-size: 12px;
  vertical-align: -1em;
}
@media screen and (max-width: 767px) {
  .footer .pan_area a,
  .footer .pan_area span {
    font-size: 10px;
  }
}

.footer .pan_area a.logo {
  font-size: 0px;
}

/* SP用改行（LP側の .sp 指定を打ち消す） */
@media screen and (max-width: 767px) {
  .footer .sp {
    display: inherit !important;
  }
}

/* ▼stoa_new.css より */
.footer .nav_contents_in {
  width: calc(100% - 40px);
  max-width: 1695px;
  margin: 0px auto;
}

.footer nav {
  gap: 15px 1.6%;
}

.footer nav .nav_list_wrap {
  flex-wrap: nowrap;
}
@media screen and (max-width: 1366px) {
  .footer nav .nav_list_wrap {
    flex-wrap: wrap;
  }
}
.footer nav .nav_list_wrap .category_list > li {
  margin-bottom: 2em;
}
.footer nav .nav_list_wrap .category_list > li .nav_list {
  padding-left: 1em;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .footer nav .nav_list_wrap .category_list > li .nav_list {
    padding-left: 0px;
  }
}
.footer nav .nav_list_wrap .category_tit {
  font-weight: bold;
  margin-bottom: 1em;
  font-size: 13px;
}
.footer nav .nav_list_wrap .category_tit a {
  color: #303030;
}

.footer nav .nav_list_wrap .nav_list {
  font-size: 13px;
}

@media screen and (max-width: 1366px) {
  .footer nav .photobook_goods {
    width: 65.94%;
  }
}
@media screen and (max-width: 767px) {
  .footer nav .photobook_goods {
    width: 100%;
    max-width: 100%;
  }
}
/* ▲stoa_new.css より */