@charset "utf-8";

/*__________________________________________________________________*/

/* @group Global Setting */

html { -webkit-text-size-adjust: none; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; }
body { margin: 0; padding: 0; font-family: sans-serif; font-size: 16px; line-height: 1.2; }
em,address { font-style: normal; }
img { max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body > header::after,
body > footer::after,
section[role="main"]::after,
section[role="main"] section::after,
section[role="main"] article::after,
section[role="main"] nav::after,
aside::after { content: ""; clear: both; }

/* .android * { -webkit-tap-highlight-color: rgba(0,0,0,0) !important; } */

.operamobi { max-width: 100%; }
.operamobi body { font-size: 1.45em !important; }
.operamini body { font-size: 0.8em !important; }

/* @end */


/* @group Contents Common */

section[role="main"] > section,
section[role="main"] > article,
section[role="main"] > nav { position: relative; word-wrap: break-word; }

header[role="banner"] > h1 > img:only-child { display: block; margin: auto; }

aside { margin: 1em 0 0; padding: 0 0.5em; }
aside ul { display: block; text-align: center; zoom: 0.75; }
aside ul li { display: inline-block; list-style: none; }
aside ul li a { display: block; width: 100%; height: 100%; text-decoration: none; font-size: 1.2em; }
aside ul li + li { padding-left: 10px; }
aside ul li a img  { padding-right: 10px; text-decoration: none; font-size: 1.2em; }

.firefox aside ul { margin-left: 0.3em; }
.firefox aside ul li { margin-left: -0.5em }
.firefox aside ul li a { margin: 0; padding: 0 }
.firefox aside ul li a img  { width: 75%; height: 75%; }

.opera aside ul { margin-left: 1em; }
.opera aside ul li { margin-left: -1em }
.opera aside ul li a { margin: 0; padding: 0 }
.opera aside ul li a img { width: 75%; height: 75%; }


/* @end */



/* @group Portraite Only Style */

.portrait.ios section[role="main"],
.portrait.ios nav[role="navigation"] { min-height: 20.5em; }
.portrait.android section[role="main"] { min-height: 18.8em; }
.portrait.android .detail section[role="main"] { min-height: 13.8em; }

/* @end */


/* @group Landscape Only Style */

.landscape.ios section[role="main"],
.landscape.ios nav[role="navigation"] { min-height: 10em; }
.landscape.android section[role="main"] { min-height: 9.5em; }
.landscape.android .detail section[role="main"] { min-height: 5.5em; }

/* @end */




/*__________________________________________________________________*/

/* @group Header */

header[role="banner"] { min-height: 40px; }
header[role="banner"] noscript { display: block; position: relative; top: -1em; margin: 2em 1em 0; padding: 0.5em; font-size: 0.85em; text-align: center; -webkit-border-radius: 8px; border-radius: 8px; }

body:not([id="top"]) header[role="banner"] hgroup { min-height: 30px; margin-top: 0.5em; }
body:not([id="top"]) header[role="banner"] hgroup h1 { text-indent: 0.5em; text-align: left; }
body:not([id="top"]) header[role="banner"] hgroup h1 img { max-width: 200px; }
body:not([id="top"]) header[role="banner"] hgroup:only-child h1 { margin-bottom: 1em; }
body:not([id="top"]) header[role="banner"] hgroup + figure { text-align: center; }
body:not([id="top"]) header[role="banner"] hgroup + figure img { vertical-align: bottom; }
body:not([id="top"]) header[role="banner"] p { margin: 0.5em; font-size: 0.8em; } 
body:not([id="top"]) header[role="banner"] ul { position: absolute; top: 0.8em; right: 0.5em; }
body:not([id="top"]) header[role="banner"] li.menu { position: relative; width: 5em; padding-left: 0; text-align: left; z-index: 1000; list-style: none; border: 1px solid #BBB; -webkit-border-radius: 8px; border-radius: 8px; }
body:not([id="top"]) header[role="banner"] li.menu span,
body:not([id="top"]) header[role="banner"] li.menu em,
body:not([id="top"]) header[role="banner"] li.menu a { position: relative; display: block; padding: 0.2em; text-align: center; text-decoration: none; border: 1px solid #FFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #FFF; }
body:not([id="top"]) header[role="banner"] li.menu em,
body:not([id="top"]) header[role="banner"] li.menu span { text-align: left; padding-left: 0.5em; }
body:not([id="top"]) header[role="banner"] li.menu:last-child { display: none; }
body:not([id="top"]) header[role="banner"] li.menu em::before,
body:not([id="top"]) header[role="banner"] li.menu span::before { content: ""; position: absolute; right: 6px; top: 4px; width: 16px; height: 16px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #FFF; background-color: #AAA; }
body:not([id="top"]) header[role="banner"] li.menu em::after { content: ""; position: absolute; right: 10px; top: 10px; width: 0; height: 0; border: solid transparent; border-width: 6px 4px; border-top-color: #FFF; }
body:not([id="top"]) header[role="banner"] li.menu span::after { content: "+"; position: absolute; right: 9px; top: 1px; font-size: 18px; line-height: 19px; font-weight: bold; }
body:not([id="top"]) header[role="banner"] li.menu span::after { -webkit-border-radius: 3px; border-radius: 3px; color: #FFF; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
body:not([id="top"]) #menubg { position: absolute; top: 0; width: 100%; min-height: 100%; background-color: rgba(0,0,0,0.5); }

body#top header[role="banner"] { padding-bottom: 1em; }
body#top header[role="banner"] h1 { margin: 0 0 0.5em; text-align: center; }
body#top header[role="banner"] h1 img { max-width: 290px;  }
body#top header[role="banner"] h1 img:only-child { margin: 1em auto; }
body#top header[role="banner"] h2 { margin-bottom: 1.5em; font-weight: normal; font-size: 0.8em; text-align: center; }
body#top header[role="banner"] h2 img { max-width: 90%; }
body#top header[role="banner"] > p { margin-bottom: 0.5em; font-weight: normal; font-size: 0.8em; text-align: center; }
body#top header li.gps_action a { padding: 0.4em 0.4em 0.5em 1em; font-size: 0.9em; }

.ios3 body:not([id="top"]) header[role="banner"] li.menu span::after { right: 8px; top: 1px; font-size: 22px; }
.android.webkit body:not([id="top"]) header[role="banner"] li.menu span::after { right: 7px; top: 2px; font-size: 20px; line-height: 20px; }
.firefox body:not([id="top"]) header[role="banner"] li.menu span::after { font-size: 19px; line-height: 20px; }
.operamobi body:not([id="top"]) header[role="banner"] li.menu span::after { content: "\002573"; right: 6px; font-size: 17px; }
.operamini body:not([id="top"]) header[role="banner"] h1 a img { max-width: 130px; max-height: 35px; }
.operamini body:not([id="top"]) header[role="banner"] li.menu { width: 4.5em; }
.operamini body:not([id="top"]) header[role="banner"] li.menu em::before,
.operamini body:not([id="top"]) header[role="banner"] li.menu span::before,
.operamini body:not([id="top"]) header[role="banner"] li.menu em::after,
.operamini body:not([id="top"]) header[role="banner"] li.menu span::after { margin-top: -0.2em; margin-right: -0.2em; }
.operamini body:not([id="top"]) header[role="banner"] li.menu span::after { content: "\002573"; right: 1em; font-size: 1.5em; }

/* @end */


/* @group Footer */

footer[role="contentinfo"] { padding: 10px 0; font-size: 0.8em; }
footer[role="contentinfo"] > p:last-of-type { clear: both; padding-top: 5px; text-align: center; font-size: 0.8em; }
footer[role="contentinfo"] dl { width: 14.5em; margin: 0.5em auto 5px; }
footer[role="contentinfo"] dl:after { content: " "; clear: both; display: block; height: 0; visibility: hidden; }
footer[role="contentinfo"] dt { float: left; margin-top: 0; padding-top: 0.35em; }
footer[role="contentinfo"] dd { float: right; font-size: 0.8em; border: 1px solid #FFF; border-radius: 12px; }
footer[role="contentinfo"] dd p { width: 4.6em; position: relative; display: block; padding: 0.3em; text-align: right; text-decoration: none; -webkit-border-radius: 11px; border-radius: 11px; }
footer[role="contentinfo"] dd p a { display: block; width: 100%; height: 100%; text-decoration: none; vertical-align: bottom; }
footer[role="contentinfo"] dd p em { position: absolute; display: block; top: 0; left: 0; width: 50%; padding: 0.3em 0; text-align: center; font-style: normal; vertical-align: bottom; }
footer[role="contentinfo"] dd p em { -webkit-border-top-left-radius: 11px; -webkit-border-bottom-left-radius: 11px; border-top-left-radius: 11px; border-bottom-left-radius: 11px; }
footer[role="contentinfo"] dd p span { display: block; padding-right: 0.2em; }

.ios4 footer[role="contentinfo"] dd { -webkit-box-shadow: 0 0 2px #666; }
.ios3 footer[role="contentinfo"] dd p { -webkit-border-radius: 1em; }
.ios3 footer[role="contentinfo"] dd p em { -webkit-border-top-left-radius: 0.85em; -webkit-border-bottom-left-radius: 0.85em; }
.operamini footer[role="contentinfo"] dd { margin-top: -0.2em; }
.operamini footer[role="contentinfo"] dd p { right: 1em; top: 0.42em; padding: 0; }
.operamini footer[role="contentinfo"] dd p a { font-size: 0.6em !important; }
.operamini footer[role="contentinfo"] dd p a em { padding: 0 !important; }
.operamini footer[role="contentinfo"] dd p a span { top: 0; right: 1em; }
.operamini footer[role="contentinfo"] { font-size: 0.8em; }

/* @end */


/* @group Contents Common */

section nav li { position: relative; margin: 1em 14px; list-style: none; border: 1px solid #BBB; -webkit-border-radius: 8px; border-radius: 8px; }
section nav li a { position: relative; display: block; padding: 0.2em 0.2em 0.4em; text-align: center; text-decoration: none; -webkit-border-radius: 8px; border-radius: 8px; }

section[role="main"] header h1,
section[role="main"] hgroup h1 { padding: 12px 14px; font-size: 1.0em; line-height: 1.2; }

body:not([id="top"]) nav[role="navigation"] { display: none; position: absolute; top: 53px; width: 100%; }
nav[role="navigation"] li { background-color: #FFF; font-weight: bold; z-index: 1000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
nav[role="navigation"] li > a,
nav[role="navigation"] li > span { display: block; width: 100%; min-height: 100%; padding: 0.7em 1em 0.8em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
nav[role="navigation"] > ul > li { position: relative; z-index: 1000; font-size: 1.0em; }
nav[role="navigation"] > ul > li > a,
nav[role="navigation"] > ul > li > span { text-decoration: none; border-bottom: 1px solid #FFF; }
nav[role="navigation"] > ul > li:last-child > * { border-bottom: none; }
nav[role="navigation"] > ul > li > ul { display: none; }
nav[role="navigation"] > ul > li > ul li { position: relative; font-size: 0.9em; font-weight: normal; z-index: 1000; }
nav[role="navigation"] > ul > li > ul li a { padding-left: 2.8em; padding-right: 2.2em; }
nav[role="navigation"] > ul > li > ul li:last-child { border-bottom: none !important; }
nav[role="navigation"] > ul > li > ul li::before { content: "\0030fb"; position: absolute; top: 1.25em; left: 1.25em; margin-top: -0.5em; font-weight: bold; }
nav[role="navigation"] > ul > li > a::before,
nav[role="navigation"] > ul > li > span::before,
nav[role="navigation"] > ul > li > ul::before { content: ""; position: absolute; right: 14px; top: 11px; width: 16px; height: 16px; -webkit-border-radius: 3px; border-radius: 3px; }
nav[role="navigation"] > ul > li > a::after { content: ""; position: absolute; right: 12px; top: 15px; width: 0; height: 0; border: solid transparent; border-width: 4px 6px; }
nav[role="navigation"] > ul > li > span::after { content: ""; position: absolute; right: 18px; top: 16px; width: 0; height: 0; border: solid transparent; border-width: 6px 4px; }
nav[role="navigation"] > ul > li > ul::after { content: "+"; position: absolute; right: 17px; top: 9px; font-size: 18px; line-height: 19px; font-weight: bold; }
nav[role="navigation"] > ul > li > ul::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
nav[role="navigation"] > ul > li > ul li::after { content: ">"; display: block; position: absolute; top: 50%; right: 17px; margin-top: -0.5em; font-size: 14px; text-shadow: none; font-weight: bold; }

section[role="main"] nav li a::before { content: ""; position: absolute; right: 16px; top: 6px; width: 16px; height: 16px; -webkit-border-radius: 3px; border-radius: 3px; }
section[role="main"] nav li a::after { content: ""; position: absolute; right: 20px; top: 12px; width: 0; height: 0; border: solid transparent; border-width: 6px 4px; }

.android nav[role="navigation"] > ul > li > ul li a { padding-left: 2.6em; }
.android1 nav[role="navigation"] li { border: 1px solid #FFF; }
.android.webkit nav[role="navigation"] > ul > li > ul::after { right: 16px; top: 10px; }
.firefox nav[role="navigation"] > ul > li > ul::after { right: 17px; top: 10px; }
.opera nav[role="navigation"] > ul > li > ul::after { content: "\002573"; right: 1em; top: 11px; font-size: 16px; font-weight: bold; }
.operamini nav[role="navigation"] > ul > li > ul::after { right: 18px; }
.operamini section[role="main"] nav li a::after { top: 0.5em; }
.operamini section[role="main"] nav li a::before { top: 0.2em; }

/* @end */


/* @group Contents List */

body.list section[role="main"] hgroup h2{ padding: 0.3em 1em; font-weight: bold; }
body.list menu li { position: relative; padding: 1em; list-style: none; }
body.list menu li::before { content: ""; position: absolute; right: 16px; top: 50%; width: 16px; height: 16px; margin-top: -8px; -webkit-border-radius: 3px; border-radius: 3px; }
body.list menu li::after { content: ""; position: absolute; right: 14px; top: 50%; width: 0; height: 0; margin-top: -4px; border: solid transparent; border-width: 4px 6px; }
body.list menu li a { text-decoration: none; }
body.list menu li a > * { margin-right: 1.5em; }
body.list menu li a h3 { font-weight: normal; }
body.list menu li a p time { display: block; font-size: 0.8em; margin-bottom:0.2em; font-weight: bold; }
body.list menu li.use_thumb { min-height: 4em; }
body.list menu li.use_thumb a { display: block; min-height: 100%; }
body.list menu li.use_thumb a:after { content: " "; clear: both; display: block; height: 0; visibility: hidden; }
body.list menu li.use_thumb p,
body.list menu li.use_thumb h3 { padding-left: 86px; }
body.list menu li.use_thumb a figure { float: left; margin: 0; min-width: 78px; min-height: 100%; overflow: hidden; }
body.list menu li.use_thumb a figure img { width: 100%;  }

body.list.map menu li a h3 { text-indent: 0.5em; }
body.list.map menu li a h3:before { content: url(./images/icon_house.png); position: relative; top: 0.2em; right: 0.5em; }
body.list.map section[role="main"] p { font-size: 0.7em; color: #333; }
body.list.map section[role="main"] p#info_area { margin: 1em; }
body.list.map section[role="main"] p#notice { position: relative; left: 30px; width: 296px; font-size: 0.65em; overflow-x: hidden; }
body.list.map section[role="main"] p#info_area em.alert { display: block; width: 92%; margin: 0 auto; padding: 0.8em; font-size: 1.1em; font-weight: bold; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; }

body.flick #flickbox ul li span,
body.flick #flickbox ul li a { border: 1px solid transparent; }

.opera .list menu li.use_thumb a figure { margin: 0; max-width: 78px; }

/* @end */


/* @group Contents Detail */

body.detail section[role="main"] article { padding: 10px; }
body.detail section[role="main"] article h1 { width: 97%; margin: 0 0 1em; padding: 0.5em 0 0.5em 0.5em; font-size: 0.9em; line-height: 1.4; -webkit-border-radius: 5px; border-radius: 5px; }
body.detail section[role="main"] article p { width: 99%; font-size: 0.8em; line-height: 1.4; }
body.detail section[role="main"] article figure { display: block; margin: 1em 1em 0; text-align: center; }
body.detail section[role="main"] article figure img { max-width: 260px; }
body.detail section[role="main"] article figure figcaption { display: block; text-align: center; font-size: 0.75em; }
body.detail.blog section[role="main"] article h1 { margin: 0; }

/* @end */


/* @group Contents Free */

body.free section[role="main"] > section { padding: 10px; }
body.free section[role="main"] > section h1 { margin: 0; background: none; -webkit-border-radius: 0; border-radius: 0; }
body.free section[role="main"] > section p,
body.free section[role="main"] > section li,
body.free section[role="main"] > section dt,
body.free section[role="main"] > section dd{ font-size: 0.8em; }
body.free section[role="main"] > section div { margin: 0.5em 0 1em; }
body.free section[role="main"] > section figure { display: block; margin: 1em 1em 0; text-align: center; }
body.free section[role="main"] > section figure img { max-width: 260px; border: 5px solid #DDD; }
body.free section[role="main"] > section figure figcaption { display: block; text-align: center; font-size: 0.6em; }

/* @end */




/* 基本文字色 ーリンク文字色、タッチハイライト色  */
.grape { color: #000; }
.grape a { color: #000; -webkit-tap-highlight-color: rgba(0,0,0,0.2); }



/* ヘッダ関連 */

/* __ ヘッダ 「Menuボタン」：グラデーション  */
.grape header[role="banner"] li span,
.grape header[role="banner"] li em,
.grape header[role="banner"] li a { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFDFD), to(#CFCFCF)); }

/* __ TOP「フッタ／メニュー境界」：グラデーション  */
.grape#top footer[role="contentinfo"] { background: -webkit-gradient(linear, 0% 0%, 0% 15%, from(#D9D9D9), to(#FFFFFF)); }

/* __ スマートフォン表示「/* __ スマートフォン表示「ON／OFFボタン」：ボーダー  */
.grape footer[role="contentinfo"] dd p { border: 1px solid #CCC; }

/* __ スマートフォン表示「ON／OFFボタン OFF部分 」：背景色、グラデーション ー 文字色 */
.grape footer[role="contentinfo"] dd p { background-color: #FFF; -webkit-box-shadow: inset 0 0 15px #BDBDBD; box-shadow: inset 0 0 15px #BDBDBD;}
.grape footer[role="contentinfo"] dd p a span { color: #777; }

 /* __ スマートフォン表示「ON／OFFボタン ON部分」：文字色、背景色、グラデーション */
.grape footer[role="contentinfo"] dd p a em { color: #FFF; background-color: #1d2a70; -webkit-box-shadow: inset 0 0 15px #1d2aa3; }



/* ナビゲーション */

/* __ メインカテゴリー：文字色、テキストシャドー、ベタ背景色（旧iPhoneで必要）、背景色グラデーション  */
.grape nav[role="navigation"] > ul > li > a,
.grape nav[role="navigation"] > ul > li > span { color: #FFF; text-shadow: none; background-color: #1d2a70; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1d2a70), to(#1d2aa3)); }

/* __ メインカテゴリー：▶ 色、背景色 */
.grape nav[role="navigation"] > ul > li > a::before { background-color: #FFF; }
.grape nav[role="navigation"] > ul > li > a::after { border-left-color: #1d2a70; background-color: transpearent; }

/* __ メインカテゴリー：▼ 色、背景色 */
.grape nav[role="navigation"] > ul > li > span::before { background-color: #FFF; }
.grape nav[role="navigation"] > ul > li > span::after { border-top-color: #1d2a70; background-color: transpearent; }

/* __ サブカテゴリー：＞ ボーダー、背景色 */
.grape nav[role="navigation"] > ul > li > ul li { border-bottom: 1px dotted #AAA; background-color: #FFF; }

/* __ サブカテゴリー：＞ 文字色 */
.grape nav[role="navigation"] > ul > li > ul li::after { color: #1d2a70; }

/* __ サブカテゴリー：X（閉じるボタン） 背景色、文字色 */
.grape nav[role="navigation"] > ul > li > ul::before { background-color: #FFF; }
.grape nav[role="navigation"] > ul > li > ul::after { color: #1d2a70; }



/* コンテンツ 共通タイトル */

/* __ ページタイトル：文字色、テキストシャドー、ベタ背景色（旧iPhoneで必要）、背景色グラデーション  */
.grape section header h1,
.grape section hgroup h1 { color: #FFF; text-shadow: rgba(0,0,0,0.2) -1px -1px 0; background-color: #1d2aa3; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1d2aa3), to(#1d2a70)); }

/* __ サブタイトル：文字色、ベタ背景色  */
.grape section hgroup h2 { color: #FFF; background-color: #777; }

/* __ 共通ボタン（More 等）：ボーダー、背景色グラデーション ー  ▶ 文字色、背景色  */
.grape section[role="main"] nav li a { border: 1px solid #FFF; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFDFD), to(#CFCFCF)); }
.grape section[role="main"] nav li a::before { background-color: #1d2a70; }
.grape section[role="main"] nav li a::after { border-top-color: #FFF; }

/* __ 共通ボタン（Form）：ボーダー、背景色グラデーション ー  ▶ 文字色、背景色  */
.grape.form section[role="main"] nav.common_btn li::before { background-color: #1d2a70; }
.grape.form section[role="main"] nav.common_btn li::after { border-left-color: #FFF; }
.grape.form section[role="main"] nav.common_btn + nav.common_btn li::after { border-right-color: #FFF; border-left-color: transparent !important;}
.grape.form section[role="main"] nav.common_btn li input[type=submit] { border: 1px solid #FFF; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFDFD), to(#CFCFCF)); }
.grape.form section[role="main"] > article dt,
.grape.form section[role="main"] > article dd { border-color: #FFF; }



/* コンテンツ リスト */

/* __ リンク：▶ 色、背景色 */
.grape.list menu li::before { background-color: #1d2a70; }
.grape.list menu li::after { border-left-color: #FFF; }

/* __ リンク奇数行：背景色 */
.grape.list menu li:nth-child(odd) { background-color: #FFF; }

/* __ リンク偶数行：背景色 */
.grape.list menu li:nth-child(even) { background-color: #F1F1F1; }

/* __ リスト内画像：ボーダー */
.grape.list menu li.use_thumb a figure img { border: 1px solid #AFAFAF; }

/* __ マップ「座標情報」：外側ボーダー ー 仕切り線 */
.grape.list.map section[role="main"] p#info_area dl { border: 1px solid #BBB; }
.grape.list.map section[role="main"] p#info_area dd { border-right: 1px solid #C9C9C9; }

/* __ ギャラリー：画像枠色、フリック補助矢印色、カレントページマーク色 */
.grape.flick #flickbox ul li span { border-color: #CCC; }
.grape.flick #flickbox ul li a { border-color: #1d2a70; }
.grape.flick #unflick_ui li span { color: #AAA; }
.grape.flick p#page_mark { color: #AAA; }
.grape.flick p#page_mark span.current_page { color: #1d2a70; }



/* コンテンツ 記事 */

/* __ 記事タイトル 背景色  */
.grape.detail section[role="main"] article h1 { background-color: #DDD; }

/* __ 記事タイトル下 日時：文字色  */
.grape.detail.blog section[role="main"] p time { color: #333; }

/* __ 記事内画像：ボーダー */
.grape.detail section[role="main"] article figure img { border: 5px solid #DDD; }

/* __ マップ内住所「区切り線」：ボーダー */
.grape.detail.map section[role="main"] p.adr { border-bottom: 1px solid #DDD; }

/* __ リスト内画像：ボーダー */
.grape.free section[role="main"] > section figure img { border: 5px solid #DDD; }

/* __ フリック「ページマーク」：文字色 ー 現在ページ色 */
.grape.flick section[role="main"] #flickable + p { color: #AAA; }
.grape.flick section[role="main"] #flickable + p span.current_page { color: #1d2a70; }

/* __ フリック画像：ボーダー、背景色 */
.grape.flick #flickable ul li { border: 1px solid #CCC; background-color: #EEE; }


/* アラート関連 */

/* __全ページ 「当サイトは、ブラウザのJavaScript設定を有効にしてご覧ください。」：文字色、ボーダー */
.grape header[role="banner"] noscript { color: #FF0000; border: 1px solid #BBB; }

/* __地図 「GPS情報を取得出来ませんでした」：文字色、背景色  */
.grape.list.map section[role="main"] p#info_area em.alert {  color: #FFF; background-color: #777; }


/* Save Japan */
body:not([id="top"]) header[role="banner"] { padding-bottom: 0; }
body > article { margin-bottom: 2em; }
body > article h1 { margin-left: 1.1em; margin-bottom: 0.2em; text-indent: -1.1em; font-size: 1.0em; color: #1d2a70; }
body > article h1:first-letter { padding-right: 0.1em; }

body#about h2 { margin-bottom: 1em; font-size: 1.1em; color: #1d2a70; }
body#about h3 { font-size: 1em; color: #1d2a70; }
body#about section[role="main"] dl { margin: 1em 0; }
body#about section[role="main"] dt,
body#about section[role="main"] dd { font-size: 1em; vertical-align: text-top; border: solid transparent; border-width: 0.3em 0; line-height: 1.0; }
body#about section[role="main"] ul { margin-bottom: 1em; }
body#about section[role="main"] li { font-size: 0.9em; }
body#about section[role="main"] dt {font-size: 1em; color: #1d2a70; font-weight: bold;}