@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "AXIS Std";
  font-weight: light !important;
  font-weight: 100 !important;
}
.p-inner i {
  font-family: "p-ico";
  vertical-align: text-bottom;
}
/*--=========================
  #p-footer
=========================--*/
#p-footer {
  font-size: 14px;
  text-align: left;
}
#p-footer a {
  text-decoration: none;
}
#p-footer strong {
  font-size: 18px;
  font-weight: 300 !important;
  line-height: 1.35;
}

/*--=========================
  .utility-section
  [ フッターのバナー群 ]
=========================--*/
#p-footer .utility-section {
 width: 100%
  margin: 0 auto;
  padding-top: 60px;
}
#p-footer .utility-section .p-inner {
  padding: 0 5%;
}
#p-footer .utility-section strong {
  font-size: 18px;
}
#p-footer .utility-section strong span {
  font-family: "gotham book";
  font-weight: 300 !important;
}

/*-- .guide-unit [ 発送・定期便のボタン ] --*/
#p-footer .guide-unit {
  height: 100%;
}
#p-footer .guide-unit p:last-child {
  margin-top: 40px;
}
#p-footer .guide-unit a {
  width: 100%;
  height: 100%;
  padding: 34px 15px 36px 20px;
  border: solid 1px;
  display: flex;
  flex: 41px 100% 10px;
  justify-content: space-between;
  align-items: center;
  color: #000;
}
#p-footer .guide-unit a i:first-child {
  flex-grow: 41px;
  font-size: 41px;
}
#p-footer .guide-unit a strong {
  padding: 0 20px;
  flex-grow: 1;
}
#p-footer .guide-unit a i:last-child {
  flex-grow: 10px;
  font-size: 20px;
}

/*--  .contact-unit [ お問い合わせ ] --*/
#p-footer .contact-unit {
  margin-top: 40px;
  padding: 24px 20px 25px;
  border: solid 1px #000;
  text-align:center;
}
#p-footer .contact-unit .phone {
  margin: 12px 0 14px;
  font-family: "gotham";
  font-weight: bold;
  font-size: 24px;
  line-height: 0.8;
}
#p-footer .contact-unit .phone i {
  margin-right: 6px;
  font-size: 29px;
}
#p-footer .contact-unit .reception-time {
  line-height: 1.5;
}
#p-footer .contact-unit .button a {
  max-width: 300px;
  margin: 17px auto 0;
  padding: 5px 12px 7px;
  display: block;
  background: #000;
  font-size: 16px;
  color: #fff;
}
#p-footer .contact-unit .button a i:first-child {
  margin-right: 10px;
  font-size: 18px;
}
#p-footer .contact-unit .button a i:last-child {
  margin-left: 20px;
  display: none;
  font-size: 10px;
  vertical-align: middle;
}
/*-- .add-button --*/
#p-footer .add-button {
  margin-top: 40px;
}
#p-footer .add-button a {
  width: 100%;
  height: 100%;
  padding: 36px 20px;
  display: flex;
  flex: 41px 100% 10px;
  justify-content: space-between;
  position: relative;
  background: #000;
  color: #fff;
}
#p-footer .add-button a i:first-child {
  margin-top: 4px;
  flex-grow: 41px;
  font-size: 41px;
}
#p-footer .add-button a div {
  padding: 0 20px;
  flex-grow: 1;
  font-weight: 100 important; /*-- CSS入れ替え後に削除テスト --*/
}
#p-footer .add-button a p {
  display: none;
}
#p-footer .add-line a i:first-child {
  height: 41px;
  background: #fff;
  border-radius: 10px;
  color: #00b900;
}
#p-footer .add-button i:last-child {
  flex-grow: 10px;
  font-size: 20px;
  position: absolute;
  top: 46%;
  right: 20px;
}


/*--=========================
  .main-section
  [ 黒背景のエリア ]
=========================--*/
#p-footer .main-section {
  background: #000;
  color: #fff;
  font-size: 14px;
}
#p-footer .main-section a {
  color: #fff !important;
}
#p-footer .main-section li {
  list-style: none;
}
#p-footer .main-section .p-inner {
  width: 100%;
  margin: 120px auto;
  padding: 60px 5% 50px;
}
#p-footer .ec-pay-unit {
  margin: 0 auto 60px;
  text-align: center;
}
#p-footer .ec-pay-unit li:last-child {
  margin-top: 20px;
}
#p-footer .site-id {
  max-width: 152px;
  height: 80px;
  margin: 0 auto;
}
#p-footer .main-section dl {
  margin-top: 40px;
}
#p-footer .global-navigation li {
  margin-top: 6px;
}
#p-footer .main-section dt {
  margin-top: 40px;
  font-size: 18px;
}
#p-footer .main-section dt:first-child {
  margin-top: 0px;
}
#p-footer .main-section .footer-navigation-sns {
  text-align: center;
}
#p-footer .main-section .footer-navigation-sns dt {
  font-family: gotham book;
}
#p-footer .main-section .footer-navigation-sns li {
  max-width: 41px;
  margin: 30px 0 0 20px;
  display: inline-block;
}
#p-footer .main-section .footer-navigation-sns li:first-child {
  margin-left: 0px;
}
#p-footer .main-section .footer-navigation-sns i {
  font-size: 40px;
}
#p-footer .primary-section {
  margin-top: 40px;
  text-align: center;
}
#p-footer .primary-section li {
  display: inline-block;
}
#p-footer .primary-section li:before {
  content: "　";
}
#p-footer .primary-section li:first-child:before {
  content: none;
}
#p-footer .primary-section p {
  margin-top: 60px;
}