/*! Copyright (c) 2015 RICOH IMAGING COMPANY, LTD. */

/*--------------------------------------------------------------------------*/
/**
 * 汎用設定
 */

/**
 * ブラウザ設定
 */
body {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

body::-webkit-scrollbar {
	width: 0;
}

body {
	-ms-overflow-style: none;
}

/* 画像tapholdによる保存に対応 */
a[download] {
	-webkit-touch-callout: default;
}

/**
 * フォント
 */
h1 {
	font-family: sans-serif;
	font-weight: 700;
}

h2, body, input, textarea, select, button, .gr .ui-btn, .gr .ui-slider-label {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

h3, p, ul li, .gr a, .gr .ui-content, .gr label, .gr .ui-controlgroup-label, .gr .ui-table th, .gr .ui-table td {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

.gr a {
	text-decoration: none;
}

/* iOSでhover状態が残る現象を対策 */
.gr .ui-page-theme-a a:not(.ui-btn):hover, .gr .ui-body-a a:not(.ui-btn):hover {
	color: #38c;
}
.gr .ui-page-theme-b a:not(.ui-btn):hover, .gr .ui-body-a a:not(.ui-btn):hover {
	color: #2ad;
}

/**
 * アイコン
 */
.gr .ui-btn:not(.ui-checkbox-off):not(.ui-checkbox-on):not(.ui-radio-on):not(.ui-radio-off):after {
	background-color: transparent;
}

.gr .ui-alt-icon.ui-btn:after, .gr .ui-alt-icon .ui-btn:after {
	opacity: .4;
	filter: Alpha(Opacity=40);
}

.gr .ui-btn-icon-notext.ui-btn:not(.ui-btn-active),
.gr .ui-btn-icon-notext.ui-btn:not(.ui-btn-active):hover {
	background-color: transparent;
	border-color: transparent;
}

/**
 * ボタン
 */
.gr .ui-btn-icon-right {
	padding-right: 1em;
}

.gr .ui-header .ui-btn-icon-left {
	padding-left: 2em;
}

.gr .ui-header .ui-btn-icon-right {
	padding-right: 2em;
}

/* Chromeでhref="#"のフォーカスが残る現象を対策 */
body.gr .ui-btn:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/**
 * フォーム要素
 */
/* 上下要素との間隔を調整 */
.gr div.ui-slider-switch {
	display: block;
}

/**
 * レイアウト
 */
h3 {
	margin: 1em 0 .5em;
}

figure {
	margin: 0;
}

.gr .ui-content[role=main] {
	margin-bottom: 2.72em;
}

.ui-mini { /* JQM 1.4.5 横幅不正対策 */
	margin-left: 0;
	margin-right: 0;
}

/**
 * ヘッダ
 */
.gr .ui-header {
	height: 42px;
}

.gr .ui-header > .ui-nodisc-icon.ui-btn-icon-notext,
.gr .ui-header > .ui-nodisc-icon.ui-btn-icon-notext:hover,
.gr .ui-header > .ui-nodisc-icon.ui-btn-icon-notext:active {
	width: 2em;
	height: 2em;
	background: none;
	border: 0;
	top: 50%;
	margin-top: -1em;
}

.gr .ui-header .ui-btn:not(.ui-btn-active),
.gr .ui-header .ui-btn:not(.ui-btn-active):hover,
.gr .ui-header .ui-btn:not(.ui-btn-active):active {
	background-color: transparent;
	border-color: transparent;
}

.gr .ui-header .ui-title {
	margin: 0 10%;
}

/**
 * フッタ
 */
.gr .ui-footer {
	position: absolute;
	bottom: 0;
	width: 100%;
}

/**
 * リスト
 */
.gr .ui-listview > li h2  {
	font-weight: 400;
}

.gr .ui-listview > li p {
	font-weight: 300;
}

.gr .ui-li-count {
	font-weight: 400;
}

.gr .ui-listview > .ui-li-static, .gr .ui-listview > .ui-li-divider, .gr .ui-listview > li > a.ui-btn {
	border-width: 0;
}

.gr .ui-page-theme-a .ui-li-divider, .gr .ui-body-a .ui-li-divider {
	color: #666;
}

/**
 * テーブル
 */
.gr .ui-table-columntoggle-btn {
    display: none;
}

.gr .ui-table td {
	word-break: break-all;
}

/**
 * ポップアップ
 */
.gr .ui-popup {
	min-width: 120px;
}

/*--------------------------------------------------------------------------*/
/**
 * GR拡張設定
 */

/**
 * ツールバーボタン
 */
.ui-header .gr-controlgroup .ui-btn-icon-notext, .ui-footer .gr-controlgroup .ui-btn-icon-notext {
	margin: .17em 0;
}

.ui-header .gr-toggle-btn.ui-btn-icon-notext.ui-corner-all, .ui-footer .gr-toggle-btn.ui-btn-icon-notext.ui-corner-all {
	-webkit-border-radius: .3125em;
	border-radius: .3125em;
}

/**
 * アクティブ表示
 */
.gr .ui-page-theme-a .gr-active, .gr .ui-body-a .gr-active {
	color: #38c;
	text-shadow: 0 1px 0 #059;
}

.gr .ui-page-theme-b .gr-active, .gr .ui-body-b .gr-active {
	color: #2ad;
	text-shadow: 0 1px 0 #08b;
}

/**
 * FontAwesomeアイコン
 */
.gr .ui-page-theme-a .ui-btn .fa, .gr .ui-body-a .ui-btn .fa {
	opacity: .4;
	filter: Alpha(Opacity=40);
}

.gr .ui-page-theme-a .ui-btn-active .fa, .gr .ui-body-a .ui-btn-active .fa,
.gr .ui-page-theme-a .fa.gr-active, .gr .ui-body-a .fa.gr-active {
	opacity: 1;
	filter: Alpha(Opacity=100);
}

/* @todo ツールバー用アイコン */
.ui-header .gr-fa-icon-notext, .ui-footer .gr-fa-icon-notext {
	padding: .7em 0;
}

/**
 * 画像選択
 */
.gr-imgbox {
	position: relative;
}

.gr-imgbox.gr-focus img {
	opacity: .5;
	filter: Alpha(Opacity=50);
}

.gr-imgbox.gr-imgbox-icon::after {
	/* .ui-btn-icon-*:after */
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	content: "";
	position: absolute;
	display: block;
	width: 22px;
	height: 22px;
	left: auto;
	top: auto;
	right: .5625em;
	bottom: .5625em;
}

.ui-page-theme-a .gr-imgbox.gr-imgbox-icon::after, .ui-body-a .gr-imgbox.gr-imgbox-icon::after {
	background-color: #3388cc /*{a-active-background-color}*/;
}

.ui-page-theme-b .gr-imgbox.gr-imgbox-icon::after, .ui-body-b .gr-imgbox.gr-imgbox-icon::after {
	background-color: #22aadd /*{b-active-background-color}*/;
}

.gr-imgbox.gr-imgbox-icon.gr-imgbox-icon-weak::after {
	background-color: #666;
}

/*--------------------------------------------------------------------------*/
/**
 * 拡張機能
 */

/**
 * AppCache状態アイコン
 */
[class*=grist-on-appcache-] {
	display: none;
}

body:not([class*=grist-appcache-]) .grist-on-appcache-none,
body.grist-appcache-downloading .grist-on-appcache-downloading,
body.grist-appcache-error .grist-on-appcache-error,
body.grist-appcache-ready .grist-on-appcache-ready {
	display: inline-block;
}