/* BASIC css start */
#fix_left {position:fixed; bottom:20px; right:15px; z-index:100; display:none; text-align: right;}
#fix_left a {display:block; margin-bottom:4px;opacity: 0.6;}
#fix_left a:last-child {margin-bottom:0}
#fix_left a img {height:35px; }
#fix_left span {display:flex;justify-content: center;}
#fix_left span a {margin-bottom:0; }
#fix_left span a:nth-child(1) {margin-right:4px; }

#footer {padding-bottom:60px; margin-top:60px;  }
#footer .top_box {display:flex;justify-content: center;flex-direction: column;align-items: center;}
#footer .top_box span { font-size: 1.5rem; font-weight: 600; letter-spacing: 2px; text-align: center; margin-bottom: 20px;}

#footer .sns_box {display:flex;justify-content: center; align-items: center; box-sizing:border-box; padding:0 10px}
#footer .sns_box a {position: relative; display: inline-block; width: 40px; height: 40px; line-height: 50px; text-align: center; margin: 0 12px; border: 2px solid #000;  border-radius: 50%; margin-bottom:30px}
#footer .sns_box a  img { position: absolute; top: 50%; left: 50%; width: 50%; transform: translate(-50%,-50%); }

#footer .info_box {display:flex;justify-content: center; align-items: flex-start; box-sizing:border-box; padding:15px 0px}
#footer .info_box .info_con {width:50%; text-align:center;box-sizing:border-box; padding:10px;  }
#footer .info_box .tt {font-size: 1.3rem; font-weight: bold; letter-spacing: 1px; color: #202020; margin-bottom:25px;}
#footer .info_box .tel {font-size:1.6rem; letter-spacing: 1px;  font-weight: bold; margin-bottom:10px; }
#footer .info_box .txt { font-size: 1.1rme;; display: block; color: #202020; letter-spacing: 0.5px; }

#footer .shopinfo_btn_box {display:flex;justify-content: center; align-items: flex-start; box-sizing:border-box; padding:10px 10px 20px}
#footer .shopinfo_btn_box a {display: block;flex: 1;height: 40px;padding: 0px 10px;margin: 0 10px;line-height: 40px;}
#footer .shopinfo_btn_box a span { display: block; border-radius: 4px; text-align: center; font-size: 1.5rem; font-weight: 400; color: #202020; background: #fededf; }

#footer .exchange_box {text-align:center; padding:30px 10px}
#footer .exchange_box .tt { margin-bottom:10px; font-weight:400; font-size: 1.6rem; color: #202020; letter-spacing: 1px;}
#footer .exchange_box .txt {font-size:1.1rem; color: #202020; letter-spacing: 0.5px;}

#footer .icon_box .icon_list {font-size:0;  border-top: 1px solid #eaeaea; box-sizing:border-box; }
#footer .icon_box .icon_list li {display:inline-block; width:20%; vertical-align:top; box-sizing:border-box; border-right: 1px solid #eaeaea;  border-bottom: 1px solid #eaeaea;}
#footer .icon_box .icon_list li:nth-child(5n) {border-right:0}
#footer .icon_box .icon_list li a { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 12px 5px;}
#footer .icon_box .icon_list li .footer-ico { display: inline-block; width: 22px; height: 22px; background-repeat: no-repeat; background-size: contain; background-position: center;}
#footer .icon_box .icon_list li .menu-title { margin-top: 5px; font-weight: normal; font-size: 1.1rem; color: #686868; text-align: center; }
#footer .icon_box .icon_list li .footer-ico.ico-wish { background-image: url('/design/iloveje/custom/img/icon_menu_wish.png'); }
#footer .icon_box .icon_list li .footer-ico.ico-cart { background-image: url('/design/iloveje/custom/img/icon_menu_cart.png');}
#footer .icon_box .icon_list li .footer-ico.ico-mypage { background-image: url('/design/iloveje/custom/img/user.svg');}
#footer .icon_box .icon_list li .footer-ico.ico-recent-view {background-image: url('/design/iloveje/custom/img/icon_menu_recent_view.png');}
#footer .icon_box .icon_list li .footer-ico.ico-order { background-image: url('/design/iloveje/custom/img/icon_menu_order.png'); }
#footer .icon_box .icon_list li .footer-ico.ico-review { background-image: url('/design/iloveje/custom/img/icon_menu_review.png');}
#footer .icon_box .icon_list li .footer-ico.ico-reserve { background-image: url('/design/iloveje/custom/img/icon_menu_reserve.png');}
#footer .icon_box .icon_list li .footer-ico.ico-qna { background-image: url('/design/iloveje/custom/img/icon_menu_qna.png');}
#footer .icon_box .icon_list li .footer-ico.ico-shop-info { background-image: url('/design/iloveje/custom/img/icon_menu_shop_info.png');}
#footer .icon_box .icon_list li .footer-ico.ico-company-info { background-image: url('/design/iloveje/custom/img/icon_menu_company_info.png'); }

#footer .shopinfo_box .privacy_list { display: flex; justify-content: center; align-items: center;border-bottom: 1px solid #eaeaea; }
#footer .shopinfo_box .privacy_list li {width:25%; text-align:center;  }
#footer .shopinfo_box .privacy_list li a {height:40px; display: flex; justify-content: center; align-items: center; font-size:1.1rem; }

#footer .shopinfo_box .shopinfo_list {padding:20px 15px; box-sizing:border-box; }
#footer .shopinfo_box .shopinfo_list li {font-size:1rem; display:inline-block; }
#footer .shopinfo_box .shopinfo_list li:nth-child(4) {margin-bottom:8px; }
#footer .shopinfo_box .copyright {padding:0 15px; box-sizing:border-box; font-size:1.1rem;  }
#footer .shopinfo_box .renew {padding:0 15px; box-sizing:border-box; margin-top: 5px;; font-size:1rem; }
/* BASIC css end */

