@charset "UTF-8";
/*! フッター */
#sns, #f-top, #f-sitemap-list, #f-sitemap-list dd, #f-btn {
  display: inline-block;
  min-height: 1%;
  display: block;
  *zoom: 1;
}
#sns:after, #f-top:after, #f-sitemap-list:after, #f-sitemap-list dd:after, #f-btn:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
* html #sns, * html #f-top, * html #f-sitemap-list, * html #f-sitemap-list dd, #f-sitemap-list * html dd, * html #f-btn {
  height: 1%;
}

/*----------------------------------
sns
----------------------------------*/
#sns {
  position: fixed;
  width: 410px;
  right: 0;
  z-index: 999;
  background: #eef4f9;
}
#sns dl {
  float: left;
  display: table;
}
#sns dt, #sns dd {
  display: table-cell;
  height: 50px;
  vertical-align: middle;
}
#sns dt {
  position: relative;
  width: 100px;
  padding-left: 45px;
  color: #fff;
  box-sizing: border-box;
  background: #12449d url(2020/images/footer-ico-share-on.png) 14px 50% no-repeat;
}
#sns dt:before {
  content: " ";
  position: absolute;
  top: 0;
  right: -41px;
  width: 0;
  height: 0;
  border: 25px solid transparent;
  border-left: 16px solid #12449d;
}
#sns ul {
  margin-top: 3px;
}
#sns li {
  float: left;
  margin-left: 20px;
}
#sns li:first-child {
  margin-left: 40px;
}
#sns p {
  float: right;
  width: 20px;
  margin: 13px 20px 0 0;
}
#sns .fb_reset {
  background: transparent none repeat scroll 0% 0%;
  border: 0 none;
  border-spacing: 0;
  color: #000;
  cursor: auto;
  direction: ltr;
  font-family: "lucida grande",tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
  font-size: 11px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1;
  margin: 0 0 0 20px;
  overflow: visible;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-spacing: normal;
}
@media only screen and (max-width: 736px) {
  #sns {
    width: 100%;
    box-sizing: border-box;
  }
  #sns dt, #sns dd {
    height: 42px;
  }
  #sns dt {
    width: 70px;
    padding-left: 25px;
    font-size: 85.71429%;
    background: #12449d url(2020/images/footer-ico-share-on.png) 10px 50% no-repeat;
    background-size: 12px auto;
  }
  #sns dt:before {
    right: -36px;
    border: 21px solid transparent;
    border-left: 16px solid #12449d;
  }
  #sns ul {
    margin-top: 3px;
  }
  #sns li {
    margin-left: 5px;
  }
  #sns li:first-child {
    margin-left: 25px;
  }
  #sns p {
    margin: 10px 10px 0 0;
  }
  #sns .fb_reset {
    margin-left: 5px;
  }
}

/*----------------------------------
footer
----------------------------------*/
footer {
  margin-top: 50px;
}
#f-top {
  padding: 17px 0;
  font-size: 85.71429%;
  line-height: 1;
  border: solid #e7eced;
  border-width: 1px 0;
}
#f-top li {
  float: left;
  margin-left: 20px;
  padding-right: 20px;
  border-right: 1px solid #d0d8dc;
}
#f-top li:first-child {
  margin-left: 0;
  padding-left: 20px;
  border-left: 1px solid #d0d8dc;
}
@media only screen and (max-width: 736px) {
  footer {
    margin-top: 30px;
  }
  #f-top {
    padding: 0;
    border-color: #d0d8dc;
  }
  #f-top li {
    float: left;
    width: 50%;
    margin-left: 0;
    padding-right: 0;
    border-right: none;
    box-sizing: border-box;
    text-align: center;
  }
  #f-top li a {
    display: block;
    padding: 15px 0;
  }
  #f-top li:nth-child(2) {
    border-left: 1px solid #d0d8dc;
  }
  #f-top li:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: 1px solid transparent;
  }
  #f-top li:nth-child(3) {
    width: 100%;
    border-top: 1px solid #d0d8dc;
  }
  #f-top .wrap {
    padding: 0;
  }
}

/*----------------------------------
f-sitemap-list
----------------------------------*/
#f-sitemap-list {
  padding: 35px 0;
}
#f-sitemap-list .f-sitemap-wrap {
  float: left;
  width: 320px;
  padding-left: 15px;
  box-sizing: border-box;
  background: url(2020/common/images/footer/1509footer-f-sitemap-sep.png) no-repeat;
}
#f-sitemap-list .f-sitemap-wrap:first-child {
  padding-left: 0;
  background: none;
}
#f-sitemap-list .f-sitemap-wrap:first-child dl {
  margin-top: 34px;
}
#f-sitemap-list .f-sitemap-wrap:first-child dl:first-child {
  margin-top: 0;
}
#f-sitemap-list .f-sitemap-wrap:first-child + .f-sitemap-wrap dl {
  margin-top: 34px;
}
#f-sitemap-list .f-sitemap-wrap:first-child + .f-sitemap-wrap dl:first-child {
  margin-top: 0;
}
#f-sitemap-list .f-sitemap-wrap:first-child + .f-sitemap-wrap dl:first-child ul {
  width: 100%;
}
#f-sitemap-list .f-sitemap-wrap:first-child + .f-sitemap-wrap + .f-sitemap-wrap dl {
  margin-top: 34px;
}
#f-sitemap-list .f-sitemap-wrap:first-child + .f-sitemap-wrap + .f-sitemap-wrap dl:first-child {
  margin-top: 0;
}
/*
#f-sitemap-list .f-sitemap-wrap:first-child + .f-sitemap-wrap + .f-sitemap-wrap ul {
  width: 100%;
}
*/
#f-sitemap-list dt {
  font-weight: bold;
}
#f-sitemap-list dd {
  font-size: 85.71429%;
}
#f-sitemap-list ul {
  float: left;
  width: 50%;
}
#f-sitemap-list li {
  margin-top: 5px;
}
@media only screen and (max-width: 736px) {
  #f-sitemap-list {
    display: none;
  }
}

/*----------------------------------
copyright / f-btn
----------------------------------*/
#copyright {
  position: relative;
  padding: 13px;
  border-top: 1px solid #d0d8dc;
}
#copyright > p {
  text-align: center;
}
#f-btn {
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 0 20px;
  background: #fff;
  z-index: 5;
}
#f-btn p {
  float: left;
  font-weight: bold;
}
#f-btn p:first-child {
  height: 49px;
  margin-right: 27px;
  line-height: 49px;
}
#f-btn p:first-child a {
  display: block;
  padding-right: 40px;
  background: url(2020/images/footer-ico-share.png) 100% 50% no-repeat;
}
@media only screen and (max-width: 736px) {
  #copyright {
    position: relative;
    padding: 0;
    border-top: none;
  }
  #copyright > p {
    padding: 12px 0 13px;
    font-size: 71.42857%;
    border-bottom: 1px solid #d0d8dc;
  }
  #f-btn {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 4.6875%;
    font-size: 85.71429%;
    border-bottom: 1px solid #d0d8dc;
  }
  #f-btn p {
    float: left;
  }
  #f-btn p:first-child {
    height: auto;
    margin: 8px 0 0;
    line-height: 1.4;
  }
  #f-btn p:first-child a {
    display: block;
    padding-right: 20px;
    background: url(2020/images/footer-ico-share.png) 100% 50% no-repeat;
    background-size: 12px auto;
  }
  #f-btn p:nth-child(even) {
    float: right;
    width: 20px;
  }
}