/* =======================================
   ~ footer-nav
   ======================================= */
#footer {
  position:relative;
  margin:0 auto;
  text-align:left;
  z-index:0;
  padding:24px;
  background:#666;
  box-sizing:border-box !important;
  width:100%;
  padding:24px 10px 48px;
}
#footer-nav { width: 980px; margin: 0 auto; }
#footer > nav { min-height:160px; }
#footer-nav > dl {
  display: inline-block;
  width: 23.5%;
  margin: 0 0 24px 0.9%;
  vertical-align: top;
  text-align: left;
}
#footer-nav dl dt {
  width:96%;border-bottom:solid 1px #999999;margin-bottom:10px;color:#fff;
  font-size: 13px; font-size: 0.8125rem;
  font-family: Roboto,"Hiragino Kaku Gothic ProN",HiraKakuPro-W3,Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-weight: bold;
  line-height: 1.8;
}
#footer-nav dl dt a { color:inherit;text-decoration:none; }
#footer-nav dl dd {
  margin:0;padding:0;line-height:1.75em;color:#fff;
  font-size: 13px; font-size: 0.8125rem;
  font-family: Roboto,"Hiragino Kaku Gothic ProN",HiraKakuPro-W3,Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-weight: normal;
  line-height: 1.7;
  margin-bottom: 5px;
}
#footer-nav dl dd a { color:inherit;text-decoration:none; }
#footer-nav dl dd a:hover { text-decoration:underline; }
#footer-nav dl dd ul { margin:0 0 0 1em; padding: 0;}
#footer-nav dl dd ul li {margin:0;padding: 0;list-style-type: none;}
#footer .copyright {
  text-align: center;
  margin: 16px 0 16px 0;
  color: #fff;
  font-size: 13px; font-size: 0.8125rem;
  font-family: Roboto,Helvetica,sans-serif;
  font-weight: light;
  letter-spacing:1px;
  line-height: 1.35;
}
#footer .chart-type {
  padding-left: 1em;
  display: block;
}
#footer .copyright > a { color:#fff;font-weight:normal;text-decoration:none; }
#footer .license {
  text-align:center;color:#bbb;
  font:normal 10px sans-serif;
  text-shadow:0 0 2px rgba(0,0,0,.75);
}
#footer .lead-sentence {
  text-align: center;
  margin: 0 0 16px 0;
  color: #fff;
  font-size: 13px; font-size: 0.8125rem;
  font-family: Roboto,Helvetica,sans-serif;
  font-weight: light;
  letter-spacing:1px;
  line-height: 1.35;
}
#footer #scroll-sentinel {
  height: 1px;
}

/* iTunes and Googple Play icons and social widgets */
.social-widgets {
  margin: 0 auto 24px;
  padding: 0;
  text-align:center;
}
.social-widgets > li {
  list-style:none;
  display:inline-block;
  margin: 5px;
  vertical-align:top;
  position:relative;
  border-radius: 6px;
}
.social-widgets > li.widget_news,
.social-widgets > li.widget_rss,
.social-widgets > li.widget_yt,
.social-widgets > li.widget_sp,
.social-widgets > li.widget_ig,
.social-widgets > li.widget_tw,
.social-widgets > li.widget_fb {
  width:40px;
  height:40px;
  line-height:40px;
  background:#404040;
  color: #ffffff;
}
.social-widgets > li.widget_tw:hover { background:#000000;cursor:pointer; }
.social-widgets > li.widget_fb:hover { background:#1877F2;cursor:pointer; }
.social-widgets > li.widget_ig:hover { background:#e1306c;cursor:pointer; }
.social-widgets > li.widget_sp:hover { background:#1DB954;cursor:pointer; }
.social-widgets > li.widget_yt:hover { background:#ff0000;cursor:pointer; }
.social-widgets > li.widget_rss:hover { background:#f26522;cursor:pointer; }
.social-widgets > li.widget_news:hover { background:#ba14d4;cursor:pointer; }
.social-widgets > li.widget_rss {
  display:none;
}
.social-widgets > li > a {
  display:block;
  height:40px;
  line-height:40px;
  color:#fff;
  position:relative;
  text-align:center;
  border-radius: 6px;
}
.social-widgets > li > a:hover {
  text-decoration: none;
}
.social-widgets > li > a > i {
  display: block;
  vertical-align:middle !important;
  line-height:40px;
  font-size:26px;
}
.social-widgets > li.widget_yt > a > i,
.social-widgets > li.widget_news > a > i {
  font-size:20px;
}
.social-widgets > li.widget_tw img {
  width : 20px;
  height : 20.45px;
}
li.store-banner-itunes > a {
  display:block;
  height:40px;
  text-indent:-9999px;
  border-radius: 0;
  background-position: center;
  background-size: cover;
}
li.store-banner-itunes > a.ja {
  width:109px;
  background-image: url(/common/images/App_Store_Badge_JP.svg);
}
li.store-banner-itunes > a.en {
  width:120px;
  background-image: url(/common/images/App_Store_Badge_US.svg);
}
li.store-banner-itunes > a.fr {
  width:127px;
  background-image: url(/common/images/App_Store_Badge_FR.svg);
}
li.store-banner-google > a {
  display:block;
  width:134px;
  height:40px;
  text-indent:-9999px;
  border-radius: 0;
  background-position: center;
  background-size: 153px 59px;
}
li.store-banner-google > a.ja {
  background-image: url(/common/images/google-play-badge_ja.png);
}
li.store-banner-google > a.en {
  background-image: url(/common/images/google-play-badge_en.png);
}
li.store-banner-google > a.fr {
  background-image: url(/common/images/google-play-badge_fr.png);
}
.toapp-btn a{
  with: auto;
  height: 40px;
  background: #404040;
  border-radius: 6px;
  line-height: 40px;
  padding-left: 6px;
  font-size: 0px;
}
.toapp-btn a:hover {
  text-decoration: none;
  background-color: #303030;
}
.toapp-btn img {
  width: 40px;
  height: 40px;
  position: absolute;
}
.toapp-btn span {
   font-size: 13px;
   padding: 10px;
   padding-left: 45px;
   color: #fff;
}
.locale-btn-wrapper {
  text-align: center;
}
.locale-btn {
  height: 40px;
  display: inline-block;
  margin: 0 auto 22px;
  max-width: 300px;
}
.locale-btn, .locale-btn a {
  color: #fff;
  font-size: 13px;
}
.locale-btn a {
  padding: 0 16px;
  line-height:40px;
  display: block;
  background:#404040;
  border-radius: 6px;
}
.locale-btn a:hover {
  background: #303030;
  text-decoration: none;
}

/**
 ** ~~ Footer Media queries
 **/

@media screen and (max-width: 1000px){
  #footer-nav { width: 100%; margin: 0 auto; }
  #footer-nav > dl {width: 23%; margin: 0 0 2% 1.4%; }
  #footer-nav > dl dt {width: 80%; }
}

@media screen and (max-width: 680px){
  #footer { width:auto; }
  #footer-banners { display:none; }
  #footer-nav { width: 100%; margin: 0 auto; }
  #footer-nav > dl {width: 44%; margin: 0 0 4% 5%}
  #footer-nav dl dt { width:90%; }
  #footer .license {padding: 0 32px;}
  .social-widgets { width: 100%; }
}