@charset "UTF-8";

/* ----------------------------------------------------------------
	01. デフォルトスタイル
----------------------------------------------------------------- */
strong{color:#f8090f;font-weight:bold;}


/* ----------------------------------------------------------------
	02. ヘッダーの文字色/背景色
----------------------------------------------------------------- */
.mapple-header-common{
color:#111;
background:-webkit-gradient(linear, left top, left bottom,
from(#fefefc),
to(#e9e9e9));
}

/* ----------------------------------------------------------------
	03. ヘッダー内のボタン　文字色/背景色
----------------------------------------------------------------- */
/* --	mapple-btn-menu -- *//* メニューボタン */
.mapple-header-common .mapple-btn-menu a{
color:#fff;
background:url("../img/mapple-btn-menu-bg-01.gif") no-repeat 10% 50%,
-webkit-gradient(linear, left top, left bottom,
from(#5d6268),
color-stop(0.5, #262d37),
color-stop(0.5, #171e28),
to(#252e37));
}
/* --	mapple-btn-menu -- *//* タップ時のボタン背景色 */
.mapple-header-common .mapple-btn-menu .ui-btn-down-a,
.mapple-header-common .mapple-btn-menu .ui-btn-active{
background:url("../img/mapple-btn-menu-bg-01.gif") no-repeat 10% 50%,
-webkit-gradient(linear, left top, left bottom,
from(#888),
to(#575757));
}
/* --	mapple-btn -- *//* ツールボタン */
.mapple-header-common .mapple-btn a{
color:#fff;
background:-webkit-gradient(linear, left top, left bottom,
from(#83a4d2),
color-stop(0.5, #5d88b8),
color-stop(0.5, #4372ae),
to(#4c72a4));
}
/* --	mapple-btn -- *//* タップ時のボタン背景色 */
.mapple-header-common .mapple-btn .ui-btn-down-a,
.mapple-header-common .mapple-btn .ui-btn-active{
background:-webkit-gradient(linear, left top, left bottom,
from(#4f77b3),
color-stop(0.5, #426aa4),
color-stop(0.5, #39619e),
to(#3c6199));
}

/* --	mapple-list-btn-01 -- *//* 条件を絞り込むボタン・リスト表示ボタン */
.mapple-header-map .mapple-list-btn-01 li a{
border:1px rgba(55,80,116,0.8) solid;
color:#fff;
-webkit-box-shadow:0 -1px 2px rgba(48,56,65,0.2),0 1px 1px rgba(255,255,255,0.5);
background:-webkit-gradient(linear, left top, left bottom,
from(#869dbc),
color-stop(0.5, #5778a5),
color-stop(0.5, #4b6a98),
to(#4a6c9a));
}
/* --	mapple-list-btn-01 -- *//* タップ時のボタン背景色 */
.mapple-header-map .mapple-list-btn-01 .ui-btn-down-a,
.mapple-header-map .mapple-list-btn-01 .ui-btn-active{
background:-webkit-gradient(linear, left top, left bottom,
from(#6a7e96),
color-stop(0.5, #465f82),
color-stop(0.5, #3a557b),
to(#375074));
}

/* ----------------------------------------------------------------
	04. フッターのボーダー色/文字色/背景色/
----------------------------------------------------------------- */
.mapple-footer-common{
border-color:#babbbf;
color:#212224;
background:#eeeff3;
}

/* ----------------------------------------------------------------
	05. メインコンテンツの背景色
----------------------------------------------------------------- */
.mapple-main-content{
background:-webkit-gradient(linear, left top, left bottom,
from(#def1ff),
color-stop(0.4, #f7fcff),
to(#fbfcff));
}

/* ----------------------------------------------------------------
	06. 見出しレベル1の文字色/背景色/背景画像
----------------------------------------------------------------- */
/* --	hdg-l1-01 -- */
.mapple-main-content .mapple-hdg-l1-01{
color:#fff;
background:url("../img/mapple-hdg-l1-01-bg-01.png") no-repeat 100% 0,
-webkit-gradient(linear, left top, left bottom,
from(#8bc1f9),
to(#5b9cde));
}
/* --	hdg-l1-02 -- */
.mapple-main-content .mapple-hdg-l1-02-container{
color:#fff;
background:url("../img/mapple-hdg-l1-01-bg-01.png") no-repeat 100% 0,
-webkit-gradient(linear, left top, left bottom,
from(#8bc1f9),
to(#5b9cde));
}

/* ----------------------------------------------------------------
	07. 見出しレベル2の文字色/背景色
----------------------------------------------------------------- */
/* --	hdg-l2-02 -- *//* 周辺のガイド情報 */
.mapple-main-content .mapple-hdg-l2-02{
border-width:1px 0;
border-color:#717d85 transparent #acadad;
border-style:solid;
color:#fff;
background:-webkit-gradient(linear, left top, left bottom,
from(#8a9ba7),
to(#a5b2bd));
}

/* ----------------------------------------------------------------
	08. 検索結果件数の文字色/文字サイズ
----------------------------------------------------------------- */
.mapple-main-content [class^="mapple-form-result-"] span{
color:#f82909;
font-size:20px;
}

/* ----------------------------------------------------------------
	09. コンテンツ内のボタン　文字色/背景色
----------------------------------------------------------------- */
/* --	mapple-list-btn-01 -- *//* 条件を絞り込むボタン・地図表示ボタン */
.mapple-main-content .mapple-hdg-l1-02-container .mapple-list-btn-01 li a{
border:1px rgba(55,80,116,0.8) solid;
color:#fff;
background:-webkit-gradient(linear, left top, left bottom,
from(#869dbc),
color-stop(0.5, #5778a5),
color-stop(0.5, #4b6a98),
to(#4a6c9a));
}
/* --	mapple-list-btn-01 -- *//* タップ時のボタン背景色 */
.mapple-main-content .mapple-hdg-l1-02-container .mapple-list-btn-01 li .ui-btn-down-c,
.mapple-main-content .mapple-hdg-l1-02-container .mapple-list-btn-01 li .ui-btn-active{
background:-webkit-gradient(linear, left top, left bottom,
from(#6a7e96),
color-stop(0.5, #465f82),
color-stop(0.5, #3a557b),
to(#375074));
}
/* --	mapple-btn-prev -- *//* 店舗詳細・詳細地図へ戻るボタン */
.mapple-main-content [class^="mapple-btn-prev"] a{
border:1px #b9bbbd solid;
background:-webkit-gradient(linear, left top, left bottom,
from(#fff),
color-stop(0.5, #fff),
color-stop(0.5, #f6f6f6),
to(#e9eaec));
}
/* --	mapple-btn-prev -- *//* タップ時のボタン背景色 */
.mapple-main-content [class^="mapple-btn-prev"] .ui-btn-down-c,
.mapple-main-content [class^="mapple-btn-prev"] .ui-btn-active{
background:-webkit-gradient(linear, left top, left bottom,
from(#f3f3f3),
to(#e5e5e5));
}

/* ----------------------------------------------------------------
	10. ルート概要/ルート詳細タブ　文字色/背景色
----------------------------------------------------------------- */
/* --	mapple-nav-tab-01 -- *//* 通常時のタブ表示 */
.mapple-main-content .mapple-nav-tab-01{border-bottom:4px #4e87ca solid;}
.mapple-main-content .mapple-nav-tab-01 li a{
color:#fff;
background:-webkit-gradient(linear, left top, left bottom,
from(#a5bcd7),
color-stop(0.5, #89a6c2),
color-stop(0.5, #7897bb),
to(#7b95b3));
}
/* --	mapple-nav-tab-01 -- *//* タブ選択時のタブ表示 */
.mapple-main-content .mapple-nav-tab-01 li a.selected{
background:-webkit-gradient(linear, left top, left bottom,
from(#80b3f0),
color-stop(0.5, #5c9ddc),
color-stop(0.5, #458bd9),
to(#4e87ca));
}
/* --	mapple-nav-tab-01 -- *//* 下向きタブのボーダー色 */
.mapple-main-content .mapple-nav-tab-01.mapple-tab-under{border-top:4px #7fb2ef solid;}

/* ----------------------------------------------------------------
	11. フォームの検索ボタン　文字色/背景色
----------------------------------------------------------------- */
/* --	mapple-btn-02 -- *//* 通常の検索ボタン・再検索ボタン */
.mapple-main-content .mapple-btn-02 a{
color:#fff;
background:-webkit-gradient(linear, left top, left bottom,
from(#484f57),
color-stop(0.5, #474e56),
color-stop(0.5, #18212a),
to(#18212a));
}
/* --	mapple-btn-02 -- *//* タップ時のボタン背景色 */
.mapple-main-content .mapple-btn-02 .ui-btn-down-c,
.mapple-main-content .mapple-btn-02 .ui-btn-active,
.mapple-content-dialog .mapple-btn-02 .ui-btn-active{
background:-webkit-gradient(linear, left top, left bottom,
from(#34393f),
color-stop(0.5, #30353a),
color-stop(0.5, #18212a),
to(#18212a));
}
/* --	mapple-form-btn-01 -- *//* input[type="text"]要素と横並びの検索ボタン */
.mapple-main-content .mapple-form-search-container .mapple-form-btn-01{
background:-webkit-gradient(linear, left top, left bottom,
from(#484f57),
color-stop(0.5, #474e56),
color-stop(0.5, #18212a),
to(#18212a));
}
/* --	mapple-form-btn-01 -- *//* タップ時のボタン背景色 */
.mapple-main-content .mapple-form-search-container .ui-btn-down-c,
.mapple-main-content .mapple-form-search-container .ui-btn-active{
background:-webkit-gradient(linear, left top, left bottom,
from(#34393f),
color-stop(0.5, #30353a),
color-stop(0.5, #18212a),
to(#18212a));
}

/* ----------------------------------------------------------------
	12. Page Section 背景色
----------------------------------------------------------------- */
div[data-role="page"], section[data-role="page"] {
    background-color:#fbfcff;
}

/* ----------------------------------------------------------------
	13. チェックボックス表示位置調整
----------------------------------------------------------------- */
.ui-checkbox input, .ui-radio input {
position: absolute;
left: 5px;
top: 50%;
width: 10px;
height: 10px;
margin: -5px 0 0 0;
outline: 0!important;
}

/* ----------------------------------------------------------------
	14. 地図一覧物件情報表示高さ調整
----------------------------------------------------------------- */
.mapple-box-info-min .mapple-list-link-result-01 li a{
height:102px;
}
.mapple-box-info-min .mapple-list-link-result-01 li a div.mapple-info-inner{
height:102px;
}


/* ----------------------------------------------------------------
	12_観光情報APIのSuite反映対応「ルートを引く」修正
----------------------------------------------------------------- */
.cz_balloon_close{
	padding: 5px;	
	text-align: right;
}
cz_balloon_close img{
	border: none !important;
}
.cz_mapple-btn-01{
margin:0;
border:1px #b9bbbd solid;
border-radius:8px;
-webkit-border-radius:8px;
box-shadow:1px 0 2px rgba(0,0,0,0.2);
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
background:-webkit-gradient(linear, left top, left bottom,
from(#fff),
color-stop(0.5, #fff),
color-stop(0.5, #f6f6f6),
to(#e9eaec));
}