/* appweb */
body {
	padding-top: env(safe-area-inset-top);
	padding-right: env(safe-area-inset-right);
	padding-bottom: env(safe-area-inset-bottom);
	padding-left: env(safe-area-inset-left);
}

/* v-cloak */
[v-cloak] {
	display: none;
}

/* v-btnの英字を大文字にしない */
.v-btn {
	text-transform: none;
}

/* 強制改行(タグ内のインデント空白も適用される) */
.word-wrap {
	white-space: pre-wrap !important;
	word-break: break-all !important;
}

/* v-rowの連続で勝手に↑マージンを付けない */
.row+.row {
	margin-top:inherit !important;
}

.v-btn[data-debug-btn],.v-btn[data-debug-btn]:hover,.v-btn[data-debug-btn]:before{
	background-color: #fff;
}
.v-btn[data-debug-btn] .v-btn__content{
	color: #fff;
}

/* ------------------------------
v-img, v-carouselの背景を黒に統一
------------------------------ */
.v-image:not(.contain-no-bg) .v-image__image--contain,
.v-carousel {
	background-color: #000;
}
/* ------------------------------
leaflet
------------------------------ */
/* マウスオーバー時にmarkerを指アイコンにする */
.leaflet-interactive {
	cursor: pointer !important;
}

/* ふきだしの位置をmarker分上げる */
[class*="pixi-popup-"] {
	bottom: 30px !important; /* DOMに直接書かれるのでimportant付ける */
}

/* ------------------------------
全ての要素に対してスマホの拡大縮小を無効
meda viewport user-scalable=no はiOS10から無効
------------------------------ */
* {
	touch-action: manipulation;
}

/* ------------------------------
checkbox-black: チェックボックス文字色を強制的に黒に
------------------------------ */
.checkbox-black .theme--light.v-label {
	color: rgba(0, 0, 0, 0.87);
}

/* dark系のボタンだと単なるdisabled属性にすると真っ白になってしまう */
[data-disabled="true"]{
	opacity: .5;
	pointer-events: none;
}

/* ヘッダーメニューバー下部の線
（<v-app-bar>に直接つけても駄目で、その下に動的に生成されるこの要素でないと高さが無い） */
.v-toolbar__content {
	/* .theme--light.v-divider */
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
/* ラジオボタン黒文字 */
.v-radio label {
	color: #000 !important;
}

/* v-row>v-col の中身を上下中央に揃える */
.aic {align-items: center;}

/* --------------------------------------------------
iframe dialog
https://qiita.com/Shoesk/items/9f81ef1fd7b3a0b516b7
-------------------------------------------------- */
.iframe-parent iframe {
	width:100%;
	height:100%;
	border:none; /* 追加で指定 */
	display:block; /* 追加で指定 */
}

.iframe-parent {
	width:100%;
	height:calc(100vh - 250px);
	-webkit-overflow-scrolling:touch;
	overflow-y:auto; /* scrollからautoに変更 */
}

/* --------------------------------------------------
md->html
--------------------------------------------------*/
.md-parse table {
	border-collapse: collapse;
}
.md-parse table td,.md-parse table th {
	border: 1px solid #000;
	padding: 3px;
}
.md-parse img {
	width: 100%;
	border: 1px solid #ccc;
}