@charset "utf-8";
/*===================
 Footer iframe
=====================*/
body,html{ height:430px !important; background:#d5dada;}
/*↓キャンペーン掲載時変更*/
/*body,html{ height:600px !important; background:#A78A5E;}*/
/*↓キャンペーン・休業のお知らせ掲載時変更*/
/*body,html{ height:640px !important; background:#A78A5E;}*/

#Footer-shoplist{ height:420px; background:#d5dada; }
#Footer-shoplist { width:960px\9; *width:960px; margin:0 auto; overflow:hidden\9; *overflow:hidden; z-index:1;}
@media screen and (min-width: 1201px) { #Footer-shoplist { max-width:1200px;}}
@media screen and (max-width: 1200px) { #Footer-shoplist { width:100%; float:left; margin:0;}}
#Footer-shoplist > * { width:100%; float:left;}
#Footer-shoplist .listMenu dd, 
#Footer-shoplist .footer-shop ul li a:hover .more { -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
#Footer-shoplist .listMenu { padding-bottom:25px;}
#Footer-shoplist .listMenu dt,
#Footer-shoplist .listMenu dd { width:20%; height:40px; float:left; display:inline; line-height:40px; text-align:center;}
#Footer-shoplist .listMenu dt{ background:#44380c; color:#fff; *height:20px; height:20px\9; *line-height:20px; line-height:20px\9; *padding:10px 0; padding:10px 0\9;}
#Footer-shoplist .listMenu img{ height:10px; width:auto; padding-right:8px;}
#Footer-shoplist .listMenu dd{ background:#F8F5F1; color:#52595a; position:relative; margin:0 -1px 0 0; border-left: solid 1px #A78A5E; cursor:pointer;}
#Footer-shoplist .listMenu dd:hover { color:#44380c; background:#fff;}
#Footer-shoplist .listMenu dd span { width:11px; height:7px; position:absolute; left:50%; bottom:0px; margin:0 0 0 -5px;}
#Footer-shoplist .listMenu dd span img{ width:11px; height:0px;}
#Footer-shoplist .listMenu dd.now:hover,
#Footer-shoplist .listMenu dd.now { background:#fff; color:#44380c; cursor:default;}
#Footer-shoplist .listMenu dd.now span{ bottom:-7px;}
#Footer-shoplist .listMenu dd.now span img{ width:11px; height:7px;}

#Footer-shoplist .footer-shop { display:none;}
#Footer-shoplist .footer-shop.view{ display:block;}

#Footer-shoplist .footer-shop ul { width:100%; float:left;}
#Footer-shoplist .footer-shop ul li { width: 24%; height:140px; float:left; display:inline; margin:2px 0.5%; position:relative;}
/* #Footer-shoplist .footer-shop ul li a:hover { box-shadow: 0 0 0 3px #FF7A7A; background:#FDFAF2;} */
#Footer-shoplist .footer-shop ul li a{ height:120px; display:block; padding:10px 1% 0 4%; background:#fff; /* box-shadow:0 1px 3px #111; */}
#Footer-shoplist .footer-shop ul li a > * { width:100%; float:left;}
#Footer-shoplist .footer-shop ul li a h3 { padding-bottom:5px; font-weight:bold; color:#52595a;}
#Footer-shoplist .footer-shop ul li a dl > * { display:inline; line-height:1.8em;}
#Footer-shoplist .footer-shop ul li a dl dt{ width:26%; float:left;}
#Footer-shoplist .footer-shop ul li a dl dt img { width:100%; height:auto;}
#Footer-shoplist .footer-shop ul li a dl dd{ width:50%; float:right; padding-left:20%; display:inline; font-size:12px; text-align:left; position:relative; color:#52595a;}
#Footer-shoplist .footer-shop ul li a dl dd{ *width:70%; width:70%\9; *padding-left:0%; padding-left:0%\9;}

#Footer-shoplist .footer-shop ul li a dl dd span { position:absolute; left:0; top:0; font-size:12px; letter-spacing:0; position:static\9; *position:static; display:inline; color:#52595a;}
#Footer-shoplist .footer-shop ul li a p { width:20px; height:12px; position:absolute; right:5px; bottom:18px; *bottom:8px; bottom:13px\9; z-index:3; border-bottom: solid 1px #7b8384; background:url(../../img/common/footer/line.png) right bottom no-repeat;}
#Footer-shoplist .footer-shop ul li a p .more { display:none; width:160px; font-size:10.5px; line-height:12px; color:#7b8384}
#Footer-shoplist .footer-shop ul li a:hover{}
#Footer-shoplist .footer-shop ul li a:hover p{ width:160px; line-height:20px;}
#Footer-shoplist .footer-shop ul li a:hover .more{ display:block; float:right;} 
#Footer-shoplist .footer-shop ul li a dl dd br{ display:block;}

/*キャンペーンバナー*/
#campaign{ width: 100%; margin-top: 30px; margin-left:0; margin-right:0; height:150px;}
/*#campaign{ width: 99%; height:150px; margin: 20px auto auto 0; padding:0 0.5%;}*/
#campaign a{ display:block;}
#campaign a:hover{ box-shadow:0 0 0 5px #B7B5A8;}
#campaign a img{ max-width:100%;width:100%; height:auto;}
#campaign li a:hover{ box-shadow:0 0 0 5px #e6df27;}
#campaign ul li {width:99%; height:auto; padding: 0 0.5%; margin-right:2.4%; float:left;}
 /*#campaign ul li { width:47.8%; padding: 0 0.5%; height:auto; float:left; margin-right:2.4%; float:left;}*/
#campaign ul li.last-child{ margin-right:0;}
#campaign li:last-child a:hover{ box-shadow:0 0 0 5px #E19927;}

/*スクロールバー消す*/
#footer .iFrame iframe { overflow: hidden;}

/*休業日のお知らせ*/
.info_holiday{ background:#F7F3EB; padding:7px 5%; width: 90.1%!important; margin: 0 0 7px 0;}
.info_holiday a:link, .info_holiday a:visited, .info_holiday a:hover, .info_holiday a:active{ text-decoration:underline; text-align:left;}
.info_holiday a span{ display:block; font-weight:bold; letter-spacing:3px; float:left; font-family:normal; background:#333; border-radius: 100%; color:#F7F3EB; height:20px; line-height:20px; text-align:center; width:16px; padding-left:3px; padding-right:1px; margin-right:30px; font-size:12px; }

@media screen and (max-width: 1200px) {
#Footer-shoplist .listMenu dt { font-size:11.5px;}
#Footer-shoplist .footer-shop ul li a dl *{ font-size:10.5px;}
#Footer-shoplist .footer-shop ul li a dl dd br{ display:none;}
}