@charset "utf-8";


/*------------------------------------------
■ 横幅
■ 文字色・背景色
■ 基本設定
■ title
■ MapiTopicpath
■ 地図のコピーライト
■ エラーテキスト
■ 検索結果テキスト
■ ページ送り
■ clearfix
■ Form
■ 閉じるボタン（共通）
■ 閉じるボタン（地図ページ再検索）
■ もっと表示する
■ caution
------------------------------------------*/

/*-----------------------------------------------------------------------------------
■ 横幅
-----------------------------------------------------------------------------------*/
/************************
　▼　共通
　　　※780px以下に設定する場合は各リストのページ送りと駅リストの調整が必要
 ************************/
#MapiHeader .MapiInner,#MapiTopicpath .MapiInner,#MapiContainer .MapiInner,#MapiFooter .MapiInner{width: 960px;}
/************************
　▼　TOP
 ************************/
.MapiFloatA1{float:left;width:510px;}
.MapiFloatA2{float:right;width:450px;}
/************************
　▼　地図エリアの横幅を変える場合のみ変更
　　　※横幅を変えても地図エリアを変更しない場合は修正不要
　　　※変更する横幅分各widthとmarginの数値を増減させる※
 ************************/
/*---【map】 ---*/
#MapiMapAndList #MapiMapArea{width:643px;margin-left:-643px;}
#MapiMapAndList #MapiResultList{margin-right:643px;}
#MapiMapAndList #MapiMapDiv{width:635px;}
/*---【info】 ---*/
#MapiInfoMapArea #MapiMapDiv{width:960px;}

/*----------------
文字色・リンク色
-----------------*/
body{color:#372f2b;}
.MapiListLink {color:#666;text-decoration:underline;}/* 駅リスト、FS地図リスト */
.MapiAttention{color:#f00;}
/* エリア絞り込み */
.MapiAreaSelect dd a:hover,.MapiAreaSelect dd.MapiSelect a.MapiSelect,
.MapiAreaSelect li.MapiSelect a,
.MapiAreaSelect dd.MapiSelect li a:hover{background-color:#ddd;color:#666;}/* マウスオーバー */
.MapiAreaSelect dd.MapiSelect div.MapiListCansel,
.MapiAreaSelect dd .MapiListCansel .MapiSelect{background-color:#ddd;color: #666;}/* 選択中 */

/* リストマウスオーバー：駅リスト・FS地図リスト */
.MapiTable tr.MapiMouseOver,
.MapiTable tr.MapiMouseOver a,
.MapiTable tr.MapiMouseOver .MapiListLink,
#MapiListMap .MapiListOver .MapiOdd,
#MapiListMap .MapiListOver .MapiEven,
#MapiListMap .MapiListOpen .MapiOdd,
#MapiListMap .MapiListOpen .MapiEven,
#MapiListMap .MapiListOver .MapiListLink,
#MapiListMap .MapiListOver a,
#MapiListMap .MapiListOpen a{background-color:#ddd;color:#666;}

/* ページャー */
.MapiPagerRight span span{background:#ddd;border:1px solid #eee;}
.MapiPagerRight a{border:1px solid #ddd;}
.MapiPagerRight a:hover{background:#ddd;color:#666;border:1px solid #eee;}/* マウスオーバー */


/*-----------------------------------------------------------------------------------
■ ブランド毎
-----------------------------------------------------------------------------------*/

/*-----------------
ホールディングス
 @brand_typeなし
-----------------*/
#saint-marc-hd.shop_top .MapiService,
#saint-marc-hd.shop_map .MapiService{background-color: #ece9e5;}
#saint-marc-hd #MapiGps .MapiBtn a:before{content :url(./../img/icon-nearshop-wh.png);}
#saint-marc-hd #MapiGps .MapiBtn a{background-image:url(./../img/icon-btn-right-wh.png);}
#saint-marc-hd #MapiGps .MapiBtn a,
#saint-marc-hd .MapiFormBtn,
#saint-marc-hd .MapiLightBox a p,
#saint-marc-hd #MapiFreewordClose{background-color: #6a625c;color: #fff;}
#saint-marc-hd #MapiGps .MapiBtn a:hover,
#saint-marc-hd input.MapiFormBtn:hover,
#saint-marc-hd .MapiLightBox a:hover p,
#saint-marc-hd #MapiFreewordClose:hover{background-color: #8b7b6f;}

#saint-marc-hd.shop_info #MapiContainer h2{background-color: #5e4f44;color:#fff;}

/*-----------------
サンマルク
 @brand_type=RST
-----------------*/
#RST.shop_top .MapiService,
#RST.shop_map .MapiService{background-color: #e5e4e2;}
#RST #MapiGps .MapiBtn a:before{content :url(./../img/icon-nearshop.png);}
#RST #MapiGps .MapiBtn a{background-image:url(./../img/icon-btn-right.png);}
#RST #MapiGps .MapiBtn a,
#RST .MapiFormBtn,
#RST .MapiLightBox a#MapiFreewordCloseTop p,
#RST #MapiFreewordClose{background-color: #ffffff;color: #372f2b;border:solid 1px #ccc;}
#RST #MapiGps .MapiBtn a:hover,
#RST input.MapiFormBtn:hover,
#RST .MapiLightBox a#MapiFreewordCloseTop:hover p,
#RST #MapiFreewordClose:hover{background-color: #dcd5cc;border:solid 1px #dcd5cc;}

#RST.shop_info #MapiContainer h2{background-color: #806e61;color:#fff;}

#RSTTxt{margin: 0 0 30px;}
/*-----------------
サンマルクカフェ
 @brand_type=CFE
-----------------*/
#CFE.shop_top .MapiService,
#CFE.shop_map .MapiService{background-color: #ebe1dd;}
#CFE #MapiGps .MapiBtn a:before{content :url(./../img/icon-nearshop-wh.png);}
#CFE #MapiGps .MapiBtn a{background-image:url(./../img/icon-btn-right-wh.png);}
#CFE #MapiGps .MapiBtn a,
#CFE .MapiFormBtn,
#CFE .MapiLightBox a p,
#CFE #MapiFreewordClose{background-color: #b56e48;color: #fff;}
#CFE #MapiGps .MapiBtn a:hover,
#CFE input.MapiFormBtn:hover,
#CFE .MapiLightBox a:hover p,
#CFE #MapiFreewordClose:hover{background-color: #ee7700;}

#CFE.shop_info #MapiContainer h2{background-color: #7b6154;color:#fff;}
/*-----------------
鎌倉パスタ
 @brand_type=PST
-----------------*/
#PST.shop_top .MapiService,
#PST.shop_map .MapiService{background-color: #ebdfdd;}
#PST #MapiGps .MapiBtn a:before{content :url(./../img/icon-nearshop-wh.png);}
#PST #MapiGps .MapiBtn a{background-image:url(./../img/icon-btn-right-wh.png);}
#PST #MapiGps .MapiBtn a,
#PST .MapiFormBtn,
#PST .MapiLightBox a p,
#PST #MapiFreewordClose{background-color: #9c4545;color: #fff;}
#PST #MapiGps .MapiBtn a:hover,
#PST input.MapiFormBtn:hover,
#PST .MapiLightBox a:hover p,
#PST #MapiFreewordClose:hover{background-color: #c91d1d;}

#PST.shop_info #MapiContainer h2{background-color: #57291e;color:#fff;}
/*-----------------
函館市場
 @brand_type=HKD
-----------------*/
#HKD.shop_top .MapiService,
#HKD.shop_map .MapiService{background-color: #ebe0dd;}
#HKD #MapiGps .MapiBtn a:before{content :url(./../img/icon-nearshop-wh.png);}
#HKD #MapiGps .MapiBtn a{background-image:url(./../img/icon-btn-right-wh.png);}
#HKD #MapiGps .MapiBtn a,
#HKD .MapiFormBtn,
#HKD .MapiLightBox a p,
#HKD #MapiFreewordClose,
#HKD .MapiLightBox a p,
#HKD #MapiFreewordClose{background-color: #6e4b57;color: #fff;}
#HKD #MapiGps .MapiBtn a:hover,
#HKD input.MapiFormBtn:hover,
#HKD .MapiLightBox a:hover p,
#HKD #MapiFreewordClose:hover,
#HKD .MapiLightBox a:hover p,
#HKD #MapiFreewordClose:hover{background-color: #9a4049;}

#HKD.shop_info #MapiContainer h2{background-color: #3e071a;color:#fff;}
/*-----------------
石焼炒飯店・台湾小龍包
 @brand_type=CHN
-----------------*/
#CHN.shop_top .MapiService,
#CHN.shop_map .MapiService{background-color: #ebdfdd;}
#CHN #MapiGps .MapiBtn a:before{content :url(./../img/icon-nearshop-wh.png);}
#CHN #MapiGps .MapiBtn a{background-image:url(./../img/icon-btn-right-wh.png);}
#CHN #MapiGps .MapiBtn a,
#CHN .MapiFormBtn,
#CHN .MapiLightBox a p,
#CHN #MapiFreewordClose{background-color: #9d0a0a;color: #fff;}
#CHN #MapiGps .MapiBtn a:hover,
#CHN input.MapiFormBtn:hover,
#CHN .MapiLightBox a:hover p,
#CHN #MapiFreewordClose:hover{background-color: #520101;}

#CHN.shop_info #MapiContainer h2{background-color: #1f0000;color:#fff;}
/*-----------------
バケット
 @brand_type=BKT
-----------------*/
#BKT.shop_top .MapiService,
#BKT.shop_map .MapiService{background-color: #ebe1dd;}
#BKT #MapiGps .MapiBtn a:before{content :url(./../img/icon-nearshop-wh.png);}
#BKT #MapiGps .MapiBtn a{background-image:url(./../img/icon-btn-right-wh.png);}
#BKT #MapiGps .MapiBtn a,
#BKT .MapiFormBtn,
#BKT .MapiLightBox a p,
#BKT #MapiFreewordClose{background-color: #bf9595;color: #fff;}
#BKT #MapiGps .MapiBtn a:hover,
#BKT input.MapiFormBtn:hover,
#BKT .MapiLightBox a:hover p,
#BKT #MapiFreewordClose:hover{background-color: #af333d;}

#BKT.shop_info #MapiContainer h2{background-color: #9a3e45;color:#fff;}
/*-----------------
元町ドリア
 @brand_type=GRL
-----------------*/
#GRL.shop_top .MapiService,
#GRL.shop_map .MapiService{background-color: #ebe4dd;}
#GRL #MapiGps .MapiBtn a:before{content :url(./../img/icon-nearshop-wh.png);}
#GRL #MapiGps .MapiBtn a{background-image:url(./../img/icon-btn-right-wh.png);}
#GRL #MapiGps .MapiBtn a,
#GRL .MapiFormBtn,
#GRL .MapiLightBox a p,
#GRL #MapiFreewordClose{background-color: #d1964b;color: #fff;}
#GRL #MapiGps .MapiBtn a:hover,
#GRL input.MapiFormBtn:hover,
#GRL .MapiLightBox a:hover p,
#GRL #MapiFreewordClose:hover{background-color: #ca7f28;}

#GRL.shop_info #MapiContainer h2{background-color: #82554C;color:#fff;}
/*-----------------
倉式珈琲店
 @brand_type=KRS
-----------------*/
#KRS.shop_top .MapiService,
#KRS.shop_map .MapiService{background-color: #e2e3e5;}
#KRS #MapiGps .MapiBtn a:before{content :url(./../img/icon-nearshop-wh.png);}
#KRS #MapiGps .MapiBtn a{background-image:url(./../img/icon-btn-right-wh.png);}
#KRS #MapiGps .MapiBtn a,
#KRS .MapiFormBtn,
#KRS .MapiLightBox a p,
#KRS #MapiFreewordClose{background-color: #303a43;color: #fff;}
#KRS #MapiGps .MapiBtn a:hover,
#KRS input.MapiFormBtn:hover,
#KRS .MapiLightBox a:hover p,
#KRS #MapiFreewordClose:hover{background-color: #486580;}

#KRS.shop_info #MapiContainer h2{background-color: #0d2a44;color:#fff;}

/*------------------------------------------
■基本設定
------------------------------------------*/
/* 【element】 */
*{outline:none;}
body,form,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,textarea,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
img{border:none;vertical-align:top;}
input,select{vertical-align:middle;}
table{border-collapse:collapse;border:none;}
ul,li{margin:0;padding:0;list-style:none;}
input,textarea,select,table,th,td {font-size:100%}

/* 【font】 */
input,textarea,select,table,th,td{font-size:100%;}
em,address,cite{font-style:normal;}

/* 【display】 */
hr,.MapiDisplayNone{display:none;}
.MapiBgNone{background:none !important;}

/* 【共通】 */
body{font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;font-size:12px;line-height:1.5;text-align:center;}
#MapiHeader .MapiInner,#MapiTopicpath .MapiInner,#MapiContainer .MapiInner,#MapiFooter .MapiInner{margin:0 auto;}
#MapiContainer{margin: 0 0 30px;}
.MapiInner{margin:0;padding:0;text-align:left;}
ul.MapiClearfix li {float:left;margin:0 10px 0 0;white-space:nowrap;}
label img {cursor:pointer;}
.MapiFormBtn{
  width:90px;
  height:35px;
  padding-left:5px;
  padding-right:5px;
  border:none;
  cursor: pointer;
}

/* 【ゼブラ色】 */
.MapiOdd{background-color:#F4F4F4;}
.MapiEven{background-color:#fff;}

/*------------------------------------------
■　リセット
------------------------------------------*/
.MapiInner p{margin: 0;}


/*------------------------------------------
■　ページトップリンク
------------------------------------------*/
#page-top{z-index: 10000;}

/*------------------------------------------
■　現在地検索
------------------------------------------*/

#MapiGps .MapiBtn a:before{
  position: absolute;
  top:11px;
  left: 50px;
  z-index: 1;
}
#MapiGps .MapiBtn a{
  display: block;
  position: relative;
  width: 400px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: 325px 15px;
}
#MapiGps .MapiBtn a:hover{
  text-decoration: none;
}
#MapiGps .MapiBtn{
  position: relative;
}
#MapiGps .attention{
  margin: 7px 0 0;
  padding: 0 0 0 1em;
  text-indent: -1em;
  font-size: 12px;
}
#MapiGps .js_loading{
  display: none;
}
#MapiGps .secarea.loading a{
  opacity: 0.5;
  pointer-events:none;
}
#MapiGps .secarea.loading .js_loading{
  display: block;
  position: absolute;
  top:10%;
  left: 40%;
}
#MapiGps #error_txt{
  display: none;
  padding: 10px 0 0;
  font-weight: bold;
  font-size: 12px;
  color: #f00;
  text-align: center;
}
#MapiGps .secarea.js-error{
  padding:15px 15px 10px;
}
#MapiGps .js-error {
  width: 430px;
  background:#ffcccc;
  padding: 25px 25px 0;
}
#MapiGps .js-error #error_txt{
  display: block;
}

/*------------------------------------------
■　checkbox
------------------------------------------*/
#MapiSearch .MapiClearfix li{margin: 0;width:185px;}
.MapiService{padding: 12px 15px;}

#MapiContainer input[type=checkbox] {
  display: none;
}

.ckbox {
  margin: 3px 0;
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  padding: 0 0 0 25px;
  border-radius: 8px;
  vertical-align: middle;
  cursor: pointer;
  font-weight: normal;
}

.ckbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  content: '';
  background: #fff;
  z-index: 1;
}

.shop_attr .ckbox:after{
  border: 1px solid #372f2b;
}

.ckbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 47%;
  left: 5px;
  display: block;
  margin-top: -5px;
  width: 6px;
  height: 10px;
  border-right: 3px solid #282320;
  border-bottom: 3px solid #282320;
  content: '';
  opacity: 0;
  z-index: 2;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .ckbox:before {
  opacity: 1;
}



/*------------------------------------------
■MapiLightBox
------------------------------------------*/
/* 【地図ページ再検索】 */
.MapiLightBox{width:586px;height:386px;padding:2px;border:5px solid #ccc;display:none;overflow:hidden;background:#fff;text-align:center;}
* html .MapiLightBox{width:600px;height:400px;}
body#MapiLayoutLightBox{background:none;text-align:left;}

/*------------------------------------------
■　閉じるボタン（共通）
------------------------------------------*/
#MapiFreewordClose{display: block;}
.MapiClose{margin: 10px 0;}
#MapiCloseArea, #MapiCloseAreaB,#MapiFreewordClose {width:91px;height:32px;line-height:32px;margin:0 auto;cursor:pointer;}
.MapiCloseTop{margin:0 0 10px;padding:0 0 6px;border-bottom:1px solid #ccc;}
.MapiLightBox a:hover{text-decoration: none;}

/*------------------------------------------
■　title
------------------------------------------*/
#MapiContainer h1 {margin:0 0 20px;padding:20px 0;font-size:22px;font-weight:normal;line-height:1.3;border-bottom:solid 1px #bbb;border-top:solid 1px #bbb;}
#MapiTitleTxt{margin: 0 0 40px;}
#MapiContainer h2{font-size: 18px;padding: 7px 0 7px 35px;background-color: #fff;color:#372f2b;}

.shop_top #MapiContainer h2
.shop_map #MapiContainer h2,{
  margin:0 0 10px;
  padding:10px 0 10px 40px;
  text-align: left;
  line-height:1.1;
  background-image: url(./../img/menu_keyword.png);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}

/*------------------------------------------
■　予約専用TEL
------------------------------------------*/
.MapiInfoTable .MapiClearfix,
.MapiAddr .MapiClearfix{margin: 0;}
.MapiInfoTable .MapiClearfix li,
.MapiAddr .MapiClearfix li{margin:0 20px 0 0;line-height: 17px;}
.tel_reserve{font-size: 17px;}

/*------------------------------------------
■　MapiTopicpath
------------------------------------------*/
#MapiTopicpath{margin:0;padding:15px 0 0;overflow:hidden;text-align: center;}
#MapiTopicpath .MapiInner{text-align: left;}
#MapiTopicpath a {text-decoration:none;}
#MapiTopicpath a:hover{text-decoration:underline;}
#MapiTopicpath strong {background:none;}
#MapiTopicpath ul{overflow:hidden;}
#MapiTopicpath ul li{display:inline;margin:0 0 0 3px;padding:0 0 0 12px;background:url(../img/bg_topicpath.gif) no-repeat 0 50%;}
#MapiTopicpath ul li.home{margin:0;padding:0;background:transparent;}

/*------------------------------------------
■ 地図のコピーライト
------------------------------------------*/
#MapiMapDiv{color: #000;}

/*------------------------------------------
■　エラーテキスト
------------------------------------------*/
.MapiErrorTxt{font-weight:bold;color:#f00;}
.MapiError{padding:0 0 150px;text-align:center;}

/*------------------------------------------
■　検索結果テキスト
------------------------------------------*/
.MapiResultTxt{margin:0 0 10px;}
.MapiResultTxt p{margin:0;padding:0;}

/*------------------------------------------
■　ページ送り
------------------------------------------*/
.MapiPagerRight{margin:12px 0 0;padding:8px 0;text-align:right;}
.MapiPagerRight span span{padding:5px 6px;}
.MapiPagerRight a{padding:5px 6px;}
.MapiPagerRight span span.MapiPagerpath{background:#fff;border:1px solid #fff;}
#MapiPagerTop .MapiResultTxt{float: left;}
#MapiPagerTop .MapiPagerRight{float: right;}

/*------------------------------------------
■　clearfix
------------------------------------------*/
.MapiClearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.MapiClearfix{overflow:hidden;min-height:1em;}
* html .MapiClearfix{overflow:visible;height:1%;}
ul.MapiClearfix li.MapiLast{margin:0;}
.MapiClear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.MapiClear{overflow:hidden;min-height:1em;}
*html .MapiClear{overflow:visible;height:1%;}

/*------------------------------------------
■　Form
------------------------------------------*/
.MapiFormTxt{width:300px;height:35px;margin:0;padding:2px;line-height:35px;border: solid 1px #ccc;}
* html .MapiFormTxt{height:24px;}

/*------------------------------------------
■　閉じるボタン（地図ページ再検索）
------------------------------------------*/
#MapiFreewordCloseTop {display:block;width:91px;height:32px;margin:0 auto;}

/*------------------------------------------
■　もっと表示する
------------------------------------------*/
.MapiMore{margin:10px 5px 0;padding:0 0 0 16px;background:url(../img/icon_arrow.png) 0 3px no-repeat;}

/*------------------------------------------
■　caution
------------------------------------------*/
.MapiCaution{margin:5px 0 0 1em;line-height:1.2; text-indent:-1em;}

/*------------------------------------------
■　アイコンの説明リンク
------------------------------------------*/
.MapiIconLink{float:right;font-weight:normal;}