@charset "utf-8";

.footer { padding:0; background:#004680; color:#fff; }
.footer .contents { width:100%; margin:0 auto; }
.footer_shoplist { width:100%; }
.footer_shoplist li { width:100%; border-bottom:1px solid #fff; padding:12.5px 0;}
.footer_shoplist li .shop_box { width:90%; display:flex; margin:0 5%; }
.footer_shoplist li .shop_box div:nth-child(1) .shop_name { font-size:18px; font-weight:bold; letter-spacing:0.1em; position:relative; padding-left:10px; }
.footer_shoplist li .shop_box div:nth-child(1) .shop_name::before {content: ""; width:10px; height:10px; display:inline-block; background-image:url("/img/common/icon_arrow_left.svg"); background-size:contain; background-repeat:no-repeat; position:absolute; left:0; top:10px; }
.footer_shoplist li .shop_box div:nth-child(1) { width:50%; } 
.footer_shoplist li .shop_box div:nth-child(2) { width:45%; display:flex; align-items:center; justify-content:space-between;}
.footer_shoplist li:nth-child(3) { margin-bottom:24px; }
.tel_sp { display:block; position:relative; }
.tel_sp::before {content: ""; display:inline-block; width:25px; height:25px; background-image:url("/img/common/icon_tel_white.svg"); background-size:contain; background-repeat:no-repeat; margin-right:8px; margin-bottom:2px; vertical-align:middle; }
.copyright { width:100%; font-size:12px; line-height:1.2em; text-align:center; margin:0 0 24px 0; letter-spacing:0.1em; }
.footer_link { width:90%; font-size:12px; margin:0 0 10px 5%; display:inline; letter-spacing:0.1em; line-height:1.5em; float:left; position:relative; }
.footer_link::before {content: ""; display:inline-block; width:4px; height:8px; background-image:url("/img/common/icon_arrow_left.svg"); background-size:contain; background-repeat:no-repeat; margin-right:5px; } 
.footer_link_wrap .inline_pc { display:none; }
@media screen and (min-width: 768px) {
    .footer { padding:56px 0 20px 0; }
    .footer .contents { width:90%; max-width:1320px; margin:0 auto; display:block; padding:0; }
    .footer_shoplist { display:none; }
    .footer_shoplist li { width:32%; height:70px; list-style:none; }
    .footer_shoplist li a { display:block; width:100%; height:75px; background:#fff; border-radius:10px; box-shadow:0px 3px 6px rgba(0,0,0,0.16); color:#222222; padding:10px 1% 20px ; font-size:14px; letter-spacing:0.1em; text-decoration:none; }
    .footer_shoplist li a:hover .shop_box div:nth-child(1) .shop_name { text-decoration:underline;}
    .footer_shoplist li .shop_box { width:100%; margin:0; }
    .footer_shoplist li .shop_box div:nth-child(1) { width:55%; border-right:1px solid #707070;}
    .footer_shoplist li .shop_box div:nth-child(1) .shop_name { width:100%; display:inline-block; color:#004680; background:none; }
    .footer_shoplist li .shop_box div:nth-child(2) { width:45%; padding-left:2%; }
    .footer_shoplist li .shop_box div:nth-child(1) span { padding-left:10px; }
    .tel_sp { display:none; }
    .copyright { margin-top:56px; margin-bottom:0; }
    .footer_link_wrap { width:100%; display:flex; border-top:1px solid #fff; padding-top:20px; }
    .footer_link { width:auto; margin:0 20px 10px 0; font-size:16px; }
    .footer_link_zeh a{ font-size:14px; }
    .footer_link:hover { text-decoration:underline; }
    .footer_link_wrap .inline_pc { display:block; }

}
@media (min-width: 768px) and (max-width: 1024px) {
  .footer_link_wrap { flex-wrap:wrap; }
}



@media screen and (min-width:1280px) {
  .footer_link_wrap { border-top:0; padding-top:0; }
.footer_shoplist { display:flex; justify-content:space-between; border-bottom:1px solid #fff; padding-bottom:20px; margin-bottom:20px; }
}


.footer_links_pc { display:none; }
.footer_links_pc_wrap { display:none; }
.logo_footer.inline_sp { width:48%; height:40px; display:block; margin:36px auto 0 26%; float:left; }
.logo_footer.inline_sp img { width:100%; }
@media screen and (min-width: 768px) {
   .footer_links_pc_wrap { width:100%; display:flex; flex-wrap:wrap; align-items:center;}
    .logo_footer.inline_pc { width:240px; margin:0 auto; display:block; }
    .footer_link_area { display:none; }
    .footer_link_area li { width: calc(100% / 6); display:flex; flex-wrap:wrap; margin-bottom:30px; }
    .footer_link_area li a:first-child { font-size:15px; font-weight:bold; margin-bottom:5px;}
    /* 空の li を消す（li 自体が完全に空）*/
    .footer_link_area li:empty { display:none; }
    .footer_link_area li a { width:100%; text-decoration:none; display:inline-block; font-size:13px; letter-spacing:0; line-height:1.7em; color:#cecccc;}
    .footer_link_area li a:hover { text-decoration: underline;}
    .footer_links_pc { width:100%; display:flex; justify-content: space-between; margin:0 auto; flex-direction: row;}
    .footer_links_pc li { width:auto; }
    .footer_links_pc_bottom { width:100%; display:flex; font-size:16px; letter-spacing:0.05em; }
    .footer_links_pc_bottom dt { width:15%; font-weight:600; }
    .footer_links_pc_bottom dd { width:85%; font-weight:400; }
    .footer_links_pc_bottom dd a:hover { text-decoration:underline;}
    .logo_footer.inline_sp { display:none; }

}
@media (min-width: 768px) and (max-width: 1024px) {
.footer_links_pc { padding-bottom:10px; }
}

@media screen and (min-width:1025px) {
 .footer_link_area { display:none; }
  .footer_links_pc { width:90%; max-width:900px; margin-bottom:20px; }
  .footer_links_pc li { width:auto; padding:0 10px;  }
  .footer_links_pc li.close { color:#666; }
  .footer_links_pc li a:hover { text-decoration:underline; }
}
@media screen and (min-width:1280px) {
    .footer_link_area { display:flex; flex-wrap:wrap; margin-top:20px; }
    .footer_links_pc { margin-bottom:0; }
}

/*ページトップ*/
  .page_top { display:none; }
@media screen and (min-width:1025px) { 
  .page_top { position:fixed; bottom:50px; right:5%; display:block; width:130px; height:130px; z-index:99; text-decoration:none; }
  #pagetop_lottie { width:100%; height:100%; transform:rotateY(0deg) translateY(0); transition:transform 0.8s ease 0.3s; }
  .page_top { bottom:0px; right:0px; }
  .page_top.active #pagetop_lottie { transform:rotateY(360deg) translateY(-200px); }
 }




