@charset "utf-8";
/* ------------------------------
JAL user0005 ordercheese footer 202304 sz

2023/04/19 13:36
------------------------------ */

/* PC ***********************/
html[data-browse-mode="P"] #shop_footer { padding: 60px 0; border-top: #E0E0E0 1px solid;}
html[data-browse-mode="P"] #shop_footer .shop-footer-inner { width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
html[data-browse-mode="P"] #shop_footer .shop-footer-logo { width: 260px; padding: 0 40px 0 0; border-right: #E0E0E0 1px solid;}
html[data-browse-mode="P"] #shop_footer .shop-footer-logo img { width: 220px; vertical-align: top;}
html[data-browse-mode="P"] #shop_footer .shop-footer-menu { width: calc(100% - 260px); display: flex; flex-wrap: wrap; align-items: center;}
html[data-browse-mode="P"] #shop_footer .shop-footer-menu li { width: 270px; margin: 0 0 0 40px; font-size: 16px;}
html[data-browse-mode="P"] #shop_footer .shop-footer-menu li a { padding: 0 0 0 20px; transition: 0.3s; position: relative; display: block;}
html[data-browse-mode="P"] #shop_footer .shop-footer-menu li a::before { content: ""; width: 8px; height: 8px; border-right: 1px solid #111; border-top: 1px solid #111; display: inline-block; transform: rotate(45deg); position: absolute; top: calc(50% - 4px); left: 0;}
html[data-browse-mode="P"] #shop_footer .shop-footer-menu li a:hover { text-decoration: underline;}


/* sp ***********************/
html[data-browse-mode="S"] #shop_footer_banners { margin: 40px 15px; text-align: center;}
html[data-browse-mode="S"] #shop_footer_banners ul li + li { margin: 15px 0 0 0;}

html[data-browse-mode="S"] #shop_footer { margin: 60px 0; background: none;}
html[data-browse-mode="S"] #shop_footer .footer-inner { margin: 0 auto;}
html[data-browse-mode="S"] #shop_footer .shop-footer-guide { margin: 0 auto 40px; border-top: #CCCCCC 1px solid;}
html[data-browse-mode="S"] #shop_footer .shop-footer-guide .shop-nav-switch { height: 51px; padding: 0 15px; margin: 0; font-size: 14px; display: flex; align-items: center; box-sizing: border-box; position: relative;}
html[data-browse-mode="S"] #shop_footer .shop-footer-guide .shop-nav-switch::before,
html[data-browse-mode="S"] #shop_footer .shop-footer-guide .shop-nav-switch::after { content: ''; width: 14px; height: 2px; display: block; background: #976F11; position: absolute; top: calc(50% - 1px); right: 15px; transition: 0.3s;}
html[data-browse-mode="S"] #shop_footer .shop-footer-guide .shop-nav-switch::after { transform: rotate(-90deg);}
html[data-browse-mode="S"] #shop_footer .shop-footer-guide .shop-nav-switch.open::after { transform: rotate(0deg);}
html[data-browse-mode="S"] #shop_footer .shop-footer-guide ul.shop-nav-list.list01 { display: none;}
html[data-browse-mode="S"] #shop_footer .shop-footer-guide li a { height: 51px; padding: 0 0 0 20px; border-bottom: #CCCCCC 1px solid; font-size: 14px; font-weight: bold; display: flex; align-items: center; text-decoration: none; position: relative; box-sizing: border-box;}
html[data-browse-mode="S"] #shop_footer .shop-footer-guide li:not(.child) a:after { content: ""; width: 8px; height: 8px; border-right: 2px solid #976F11; border-top: 2px solid #976F11; position: absolute; right: 15px; top: calc(50% - 4px); display: block; transform: rotate(45deg);}
html[data-browse-mode="S"] #shop_footer .shop-footer-guide li.child { padding: 0 15px; margin: 0; background: #F8F8F8;}
html[data-browse-mode="S"] #shop_footer .shop-footer-guide li.child:last-child a { border-bottom: none;}
html[data-browse-mode="S"] #shop_footer .shop-footer-guide li.child a { height: 41px; border-bottom: #CCCCCC 1px dashed; font-size: 12px; font-weight: normal;}
html[data-browse-mode="S"] #shop_footer .shop-footer-guide ul.list02 { border-top: #CCCCCC 1px solid;}
html[data-browse-mode="S"] #shop_footer .shop-footer-logo { padding: 0; margin: 0; text-align: center;}
html[data-browse-mode="S"] #shop_footer .shop-footer-logo { padding: 0; margin: 0; text-align: center;}
html[data-browse-mode="S"] #shop_footer .shop-footer-logo img { width: 174px; vertical-align: top;}