@charset "UTF-8";
/*================================================
フッター専用CSS
================================================*/

/* ------------------------------------------------------*/
/* FooterArea */
/* ------------------------------------------------------*/
#footer{
  clear: both;
}
#FooterArea{
	width: 100%; 
  max-width: 980px;
  background: #888;
  color: #fff;
}

.footer-corp-nav a,
.footer-nav-list a {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
}
.footer-corp-nav a:hover,
.footer-nav-list a:hover {
  text-decoration: underline;
}

#FooterArea > .ftContents {
  max-width: 1000px;
  margin: 0 auto;
  padding: 32px 0 30px;
}
#FooterArea a {
  color: #fff;
}
footer.footer .footer-inner {
    max-width: 940px;
    width: 100%;
    padding: 32px 10px 30px;
    margin: 0 auto;
}

.footer-inner {

}
.footer-corp-nav {
  line-height: 2.3;
  text-align: center;
}

.footer-brand-info {
  margin: 32px auto;
}

.footer-brand-info > div {
  padding: 0 60px 40px;
  border-bottom: solid 1px;
  border-color: inherit;
}

.footer-brand-info ul {
  margin: 0 auto 22px;
  padding: 40px 0 0;
  display: -webkit-flex; display: flex; flex-wrap: wrap; 
}

@media (max-width: 767px)	{ 
	.footer-brand-info > div { padding: 0 10px 40px; margin: 0 auto; text-align: center; }
	ul.cf	{ display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 0 auto; justify-content: space-between; }
.footer-brand-info ul { margin: 0 auto; }
}

.footer-brand-info li {
  position: relative;
  width: 84px;
  height: 54px;
  float: left;
  margin: 0 7px 10px !important;
}
.footer-brand-info li.speedo {
  width: 9.621993127%;
}
.footer-brand-info li.aps {
  margin: 0 0.572737686% 25px 2.290950744%;
}
.footer-brand-info li.ccc{
  margin: 0 1.718213058% 25px 0.458190148%;
}
.footer-brand-info li.nw {
  margin: 0 1.603665521% 25px 2.290950744%;
}
.footer-brand-info li.alite{
  margin-bottom: 0;
}



.footer-brand-info .more-txt{
  text-align: center;
}

.footer-brand-info .more-txt a:hover {
  text-decoration: none;
}
.footer-brand-info .more-txt a:hover::after {
  opacity: 0;
}

.footer-brand-info-btn {
  width: 230px;
  margin: 0 auto !important;
}
.footer-brand-info-btn a {
  display: block;
  position: relative;
  height: 30px;
  line-height: 30px;
  border: solid 1px;
  border-color: inherit;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  margin: 0 auto;
}
.footer-brand-info-btn a:hover {
  text-decoration: none;
}
.footer-brand-info-btn a.arrow::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 6px;
  height: 6px;
  margin: auto;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.footer-brand-info-btn a.active.arrow::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.footer-nav-list {
  text-align: center;
  font-size: 0;
  letter-spacing: 0;
  word-spacing: 0;
  height: 23px;
  line-height: 23px;
}
.footer-nav-list > li {
  position: relative;
  display: inline-block;
  font-size: 12px;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: middle;
}
.footer-nav-list > li + li {
  position: relative;
}
.footer-nav-list > li + li::before {
  font-size:inherit;
  content: "|";
  display: block;
  position: absolute;
  height:1em;
  line-height: 1em;
  overflow:hidden;
  top: 0;
  bottom:0;
  left: 0;
  margin:auto 0;
  color: inherit;
}

.footer-nav-list > li > a {
  display: block;
  padding: 0 10px;
  font-size: 12px;
  line-height: 1;
  color: inherit;
}

.footer-info {
  color: inherit;
  margin-top: 15px;
}
.footer-info-inner {
  height: 52px;
  padding: 11px;
  text-align: center;
}


.more-txt a::after {
    display: block;
    width: 100%;
    height: 1px;
    background: #666;
    content: "";
}
#footer {
    background: #141414 none repeat scroll 0 0;
    color: #ffffff;
	width: 100%; 
    font-size: 12px;
    padding-top: 34px;
}
#footer a:link {
    color: inherit;
    text-decoration: none;
}
footer.footer .footer-inner .footer-brand-info .footer-brand-info-btn a.fade {
  opacity:1;
}
#FooterArea > .ftContents {
    margin: 0 auto;
    max-width: 1000px;
    padding: 32px 0 30px;
}
.more-txt a {
    display: inline-block;
    color: inherit;
}

.MyListEachBlock a img,
.MyListEachBlock img{
  max-width: 100%;
  height: auto;
  border: none;
  vertical-align: bottom;
}
/* 2017/07/28 upd start  商品詳細余白対応 */
#imgR3SnvaJp img {
    height: 1px;
    width: 1px;
}
/* 2017/07/28 upd end  商品詳細余白対応 */

.snsBtn .fb a {
    position: relative;
}
.snsBtn .fb a::after {
    border-color: #ffffff #ffffff currentcolor currentcolor;
    border-style: solid solid none none;
    border-width: 1px 1px medium medium;
    width: 5px;
    height: 5px;
    top: -2px;
}

.snsBtn .tw a {
    position: relative;
}
.snsBtn .tw a::after {
    border-color: #ffffff #ffffff currentcolor currentcolor;
    border-style: solid solid none none;
    border-width: 1px 1px medium medium;
    width: 5px;
    height: 5px;
    top: -2px;
}


.DetailRightBox .icn-area li.sale {
    background: #e72b1e !important;
}
.DetailRightBox .icn-area li.new {
    background: #00ccff !important;
}
.DetailRightBox .icn-area li.outlet {
    background: #000000 !important;
}

#VariationInventoryListMain img {
    height: auto;
    width: 100%;
}
@media (max-width: 767px) { 
	.footer-brand-info { justify-content: space-between; }
	.footer-brand-info li { width: calc(33% - 10px)!important; height: auto; padding: 0; margin: 0!important; float:none!important; }
	.footer-nav-list { display: -webkit-flex; display: flex; flex-direction: column; align-items: center; height: auto; }
	.footer-nav-list > li + li::before { display: none; }
	.footer-nav-list > li > a { display: inline-block; font-size: 13px; padding: 10px 0; }
	.more-txt	{ padding-top: 20px; }
}