@charset "Shift_JIS";

/* ---------------------------------------
 フッター
---------------------------------------- */
footer .footer { position: relative;}
footer .change_mode_ { display: none; position: absolute; top: 12px; right: 10px;}
footer .change_mode_ img { height: 35px;}
footer .footer_link { border-top: #DDD 1px solid; display: flex; flex-wrap: wrap; justify-content: space-between; background: #F2F2F2;}
footer .footer_link li { width: 50%; border-bottom: #DDD 1px solid;}
footer .footer_link li:nth-child(odd) { border-right: #DDD 1px solid;}
footer .footer_link li a { padding: 11px 10px; font-size: 10px; text-align: left; text-decoration: none; color: #333; display: block;}
footer .footer_link li a[target="_blank"] { background: url(../../img/usr/sp/icon_link.png) no-repeat right 20px center / 14px;}

/* ---------------------------------------
 公式アプリ
---------------------------------------- */
footer .footer_info .app_area { padding: 10px 20px 20px; border-bottom: #DDD 1px solid;}
footer .footer_info .app_head { text-align: center; line-height: 0;}
footer .footer_info .app_head img { width: 279px;}
footer .footer_info .app_area ul { padding: 0 3px; display: flex; align-items: center; justify-content: center;}
footer .footer_info .app_area li { height: 12.535vw; margin: 0 8px 0 0; line-height: 0;}
footer .footer_info .app_area li:last-child { margin: 0;}
footer .footer_info .app_area li a { height: 100%; display: block;}
footer .footer_info .app_area li img { height: 100%;}

/* ---------------------------------------
 SNS
---------------------------------------- */
footer .footer_info .sns_area { padding: 15px 20px; display: flex; align-items: center; justify-content: center;}
footer .footer_info .sns_area .sns_ttl { margin: 0 20px 0 0; font-size: 12px; font-weight: bold; letter-spacing: 1px; color: #c00;}
footer .footer_info .sns_area ul { display: flex; align-items: center; justify-content: center;}
footer .footer_info .sns_area li { width: 33px; margin: 0 15px 0 0;}
footer .footer_info .sns_area li:last-child { margin: 0;}
footer .footer_info .sns_area li a { line-height: 0; display: block;}
footer .footer_info .sns_area li img { width: 100%;}

/* ---------------------------------------
 コピーライト
---------------------------------------- */
footer .footer_btm { padding: 15px 0 65px; background: #CD0000;}
footer #sitelogo2 { width: 104px; margin: 0 auto 10px; line-height: 0;}
footer #sitelogo2 img { width: 100%;}
footer #copyright { font-size: 9px; text-align: center; color: #F9F9F9; display: block;}

/* ---------------------------------------
 ページの先頭へ戻る
---------------------------------------- */
#pagetop {
  width: 45px;
  height: 45px;
  text-indent: -9999px;
  background: url(../../img/usr/common/footer/pagetop.png) no-repeat;
  background-size: contain;
  position: fixed;
  bottom: 60px;
  right: 10px;
  z-index: 100;
}
.page-goods #pagetop { 
	bottom: 120px;
}