@media print {
	#D10_Menu {
		display: none;
	},
	#D10_AddressBar {
		display: none;
	},
	#D10_List {
		display: none;
	},
	#commonDialog {
		display: none;
	}
	#advanceInfoDialog {
		display: none;
	}
	#damageInfoDialog {
		display: none;
	}
	#measureDialog {
		display: none;
	}
	#drawListDialog {
		display: none;
	}
	#drawDialog {
		display: none;
	}
	#mapSearchDialog {
		display: none;
	}
	#mapSearchKiloDialog {
		display: none;
	}
}

.grayscale {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");*/
	filter: gray;
/*
	-ms-filter:grayscale(100%);
	-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	filter: grayscale(100%);
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
*/
}

textarea {
	resize: none;
}

/** メール画像一覧　サムネイル表示 */
.mail-image-list-thumb {
	display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100px;
    height: 100px;
}
.leaflet-container {
	background: #fff;
	outline: 0;
	}
/** TU17-020 yoshida start*/
.leaflet-container img.xrainnew {
	max-width: none !important;
	max-width: initial !important;
}

/* TU17-020 複数ポップアップ yoshida start*/
/*
.CCTVPopup > div > div.leaflet-popup-content {
	margin: 5px 5px 2px 5px;
}
*/
/* TU17-020 複数ポップアップ yoshida end*/

.earthquake-CCTV-list-thumb {
	display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 180px;
    height: 120px;
}

.selectedEarthQuakeCCTVMarker {
    border: 0px;
    /* どの要素よりも上に出す*/
    z-index: 2000 !important;
}
/** TU17-020 yoshida end*/

/* TU17-020 複数ポップアップ yoshida start*/
.CCTVPopup > div > div.leaflet-popup-content {
	margin: 20px 5px 2px 5px;
}
/* TU17-020 複数ポップアップ yoshida end*/

/* ヘッダー部分 */
.headerMenu {
}

.headerMenu .left {
	position: relative;
	display: inline-block;
	width: 48%;
}

.headerMenu .left .preset {
	font-size: 14px;
}

.headerMenu .right {
	position: relative;
	display: inline-block;
	width: 48%;
	text-align: right;
}

.headerMenu .buttonActive {
    background-image: none !important;
    background-color: orange !important;
    color: white !important;
}

/* ADIS Mapの移植用 */
/* マップ上のボタン */
.map-Control-button {
    padding: 0.5rem 1rem;
    margin: 5px;
    color: #FFF;
    background: #333;
    border-radius: .3rem;
    cursor: pointer;
	transition: color .1s, background .1s;
	width: 6rem;
	text-align: center;
}

.map-pane {
	border: none;
	margin: 0px;
	padding: 0px !important;
}

.map-Control-button.inline {
	display: inline-block;
	margin: 0px;
}

/* mapが入るcontainer */
.map-Container {
	height: 100%;
    position: relative;
}

.map-Container .map-Menu--subMenu {
	display: none;
}

.map-Container .is-subMenuShown .map-Control-button--subMenuButton {
	display: none;
}
.map-Container .is-subMenuShown .map-Menu--subMenu {
	display: block;
}

/* map上のボタンなどの操作要素 */
/* マップ上の上下左右のまとまり */
.map-Control {
    position: absolute;
    /* leafletのコントロールと同一にする */
    z-index: 1000;
}

.map-Control--top {
	top: 40px;
}

.map-Control--bottom {
	bottom: 50px;
}
.map-Control--left {
	left: 50px;
}

.map-Control--right {
	right: 10px;
}

.map-Control--left--bottom {
	left: 5px;
	bottom: 5px;
}

/* サブメニュー上のタイトル*/
.map-subTitle {
    position: absolute;
    top: 10px;
    font-size: 15px;
}

/* マップ上のメニュー */
.map-Menu {
    position: relative;
    display: inline-block;
    padding: 10px;
    padding-top: 35px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid black;
    border-radius: 5px;
}
    /* サブメニューは幅を固定 */
.map-Menu--subMenu {
	width: 10rem;
	height: 18rem;
	user-select: none;
}

/* 閉じるボタン */
.map-Menu .map-Menu-closeButton {
	position: absolute;
	top: 6px;
	right: 8px;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

/* ×アイコン */
.map-Menu .map-Menu-closeButton::before, .map-Menu .map-Menu-closeButton::after {
	content: '';
	position: absolute;
	/* 基準位置はアイコン内中央 */
	top: 12px;
	left: 12px;
	/* paddingでサイズ指定、marginで半分戻すことで中央に配置 */
	margin: -2px 0 0 -12px;
	padding: 2px 12px;
	background-color: #66C;
}

.map-Menu .map-Menu-closeButton::before {
	transform: rotate(45deg);
}
.map-Menu .map-Menu-closeButton::after {
	transform: rotate(-45deg);
}

/* サブメニュー上のボタン */
.map-Menu .map-Menu-button {
	display: block;
	margin-right: .1rem;
	margin-top: .2rem;
	padding: 0.4rem 1rem;
	color: black;
	background: #CCF;
	border: 1px solid #669;
	border-radius: .3rem;
	cursor: pointer;
}

.map-Menu .map-Menu-button .is-Activated {
background-color: #CCF;
}

/* 表示をトグルさせるボタン */
.map-Menu .map-Menu-button--check::before {
	/* is-checkedが付与されていなければ空欄を表示 */
	content: '\a0';
	display: inline-block;
	vertical-align: .2rem;
	margin-right: .2rem;
	border: 1px solid #999;
	border-radius: .2rem;
	width: .7rem;
	height: .7rem;
	color: #000;
	background: #FFF;
	line-height: .65;
}

/* is-checkedクラスが付与されていたらチェックマークを表示 */
.map-Menu .map-Menu-button--check.is-checked::before {
	content: '\2713';
}

/* 地図上部領域にある左右のボタン以外の空間がお知らせに使えるようにする */
.map-Control--notice {
	top: 10px;
	/* この要素自体は左右最大に広げる */
	width: 100%;
	/* 左右のボタンと被っている部分は余白とし、残りを子要素に与える */
	box-sizing: border-box;
	padding: 0 70px 0 140px;
	/* 内部のインライン要素を右寄せにする */
	text-align: right;
	/* 表示情報ボタン、ズームコントロールとz-indexを合わせて上にかぶらないようにする */
	z-index: auto;
}

.map-Control--notice .is-bottom {
	top: auto;
	bottom: 40px;
}

/* 河川キロポスト(地図表示)のアイコンのスタイル */
.map-layer-kilo-river-count-icon {
    background:#8888ff;
    border:5px solid rgba(255,255,255,0.5);
    color:#fff;
    font-weight:bold;
    font-size: 4px;
    text-align:center;
    border-radius:50%;
    line-height:20px;
}