@charset"UTF-8";
/* 共通ヘッダー */
/*冬バージョンヘッダー
#head{background:#fff url("../img/background/top_bk_20151224.png") repeat-x;border-top:5px solid #e50010;border-bottom:1px solid #ccccc6;min-width:980px;}*/
/*クリスマスバージョンヘッダー*/
#head{background:#fff;border-top:5px solid #e50010;border-bottom:1px solid #ccccc6;min-width:980px;}
#head .slogan{font-size:11px;margin:6px 10px 2px;float:left}
#head .head-link{margin:0px 10px 5px;float:left}
#head img.logo{float:left}
#head li{float:left}
#head .submenu{font-size:0.8em;margin:5px 7px;float:right}
#head .submenu li{line-height:1em;padding:0 4px;border-left:1px solid #fff}

/*問い合わせボタン 使わないときはコメント化してください*/
#head .submenu li.btn{width:8em; margin-top:-5px; padding:0.3em 0 0.1em 0.3em; text-align:center; background:#FFF; border:1px solid #E50012;}
#head .submenu li.btn a{display:block; padding:0; text-decoration:none; color:#333;}
#head .submenu li.btn a:before{content:"\0025B6"; color:#E50012; font-size:0.8em; margin:0 0.5em 0 -0.8em;}

/* ヘッダー背景にベタ塗りがある場合のみ */
/*#head .submenu li a{color:#0645ad}*/
/*クリスマス
#head .submenu li a{color:#fff}*/
/* ヘッダー背景にベタ塗りがある場合のみend */
#head ul.button{margin:16px 0 0 236px;width:714px}
#head ul.button a{color:#333;text-decoration:none;padding:4px 5px 4px 15px;background:url("../img/menu-marker.png") no-repeat 5px center;border-radius:2px}
#head ul.button a:hover{background:url("../img/menu-marker.png") no-repeat 5px center #eee}

/*店舗一覧*/
.head-list{border-bottom:1px solid #ccccc6;background:#f5f6f1;min-width:980px;}
/* 店舗一覧 */
.head-list{padding:4px 0;font-size:11px;text-align:center}
/* ドロップダウン表示 */
#ddb{margin:0;padding:0;list-style:none}
/* 共通 */
.large-list #ddb li,.list1 #ddb li,.list2 #ddb li{float:left;width:6.25%;position:relative}
.large-list #ddb li a,.list1 #ddb li a,.list2 #ddb li a{display:block;text-decoration:none;text-align:center;color:#333;border-bottom:1px solid #333;margin:0 3px}
.large-list #ddb li a:hover,.list1 #ddb li a:hover,.list2 #ddb li a:hover{border-bottom:1px solid #e50010;background:#fdd;font-weight:bold;color:#e50010}
.list1 #ddb li,.list2 #ddb li{font-size:11px}
.list1 #ddb li a,.list2 #ddb li a{padding:2px 0}
.large-list #ddb li{font-size:16px;z-index:500}
.large-list #ddb li a{padding:9px 0}
/* 上段下段設定 */
.list1 #ddb li{z-index:200}
.list2 #ddb li{z-index:100}
/* 拡張部 */

/* 読み込み時に一瞬子要素が見えてしまうのを防止2017.07.17 i */
#ddb ul.open,#ddb ul.large-open{display:none;}

#ddb ul.open,#ddb ul.large-open{position:absolute;left:0;width:102px;background:#fff;border:1px solid #999;padding:1px}
#ddb ul.right{left:-30px;top:23px}
#ddb ul.open li,#ddb ul.large-open li{font-size:11px;width:100px;margin:1px;padding:0;border-bottom:0;font-weight:normal}
#ddb ul.large-open li a,#ddb ul.open li a{display:block;padding:5px 0;margin:0;color:#333;border:none;background:#eee}
#ddb ul.large-open li a:hover,#ddb ul.open li a:hover{background:#ccc;font-weight:normal;border-bottom:0;background:#fdd}

.mobile{display:none}