/* iOS webview のナビゲーションバーが無い時ヘッダー文字が白になる対策 ここから
https://qiita.com/keeey/items/c175bd8ef12ee65ac3fc */
html {
	/* background-color: #00A2CB; */
	padding-top: constant(safe-area-inset-top);
	padding-bottom: constant(safe-area-inset-bottom);
	padding-left: constant(safe-area-inset-left);
	padding-right: constant(safe-area-inset-right);
	padding-top: env(safe-area-inset-top);
	padding-bottom: env(safe-area-inset-bottom);
	padding-left: env(safe-area-inset-left);
	padding-right: env(safe-area-inset-right);
}
.v-application {
	background-color: #fff;
}
/* iOS webview のナビゲーションバーが無い時ヘッダー文字が白になる対策 ここまで */

.v-application {
	font-family: "Helvetica Neue",
	Arial,
	"Hiragino Kaku Gothic ProN",
	"Hiragino Sans",
	Meiryo,
	sans-serif;
}

/* 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-imgの背景を黒に統一
-> v-carousel は一旦保留＠2022/10/19
/* ,.v-carousel */
------------------------------ */
/* .v-image:not(.contain-no-bg) .v-image__image--contain
 {
	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);
}

/* v-row>v-col の中身を上下中央に揃える */
.aic {align-items: center;}
/* 右下影 アクセント3 #FBE8A9 */
.shadow-yellow{box-shadow:3px 3px 5px 3px rgb(251 232 169 / 60%) !important;}
/* 右下影 プライマリ3 #99DAEA */
.shadow-blue{box-shadow:3px 3px 5px 3px rgb(152 218 234 / 60%) !important;}
/* 右下影 灰色 #E9E9E9 */
.shadow-gray{box-shadow:3px 3px 5px 3px rgb(233 233 233 / 100%) !important;}
/* text-caption .75rem より小さい文字 */
.text-caption-2 {font-size: .5rem !important;}

/* ブログタイトルを２行省略表示
	対象：トップカルーセル、人気記事ランキング、おすすめ記事
	人気記事ランキングはビュー側で以下追加設定
	・v-card：pb-1
	・v-card-title：ma-2 pa-0 overflow: hidden; */
.v-card__title.title-2line {
  text-overflow: ellipsis;
  white-space:normal;
  display : -o-box;
  display : -ms-box;
  display : -moz-box;
  display : -webkit-box;
  -o-box-orient : vertical;
  -ms-box-orient : vertical;
  -moz-box-orient : vertical;
  -webkit-box-orient : vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
}

/* ラジオボタン黒文字 */
.v-radio label {
	color: #000 !important;
}

/* ひょうご子育て応援の店 は最大幅960(前サイトに合わせる) */
div.container{
	max-width:960px;
}

/* チェックボックス文言は黒字 */
.v-input--checkbox label {
	color: #000 !important;
}

/* v-btnのdisabled属性だと真っ白になる */
[data-disabled="true"] {
	opacity: .5;
	pointer-events: none;
}

.title-blue
{
	border-left: 5px solid #44b7e0;
}

.title-green
{
	border-left: 5px solid rgb(85, 174, 88);
}

.gradient-blue {
	background: linear-gradient(to bottom, #72cdf0 0%, #44b7e0 100%);
}
.gradient-green {
	background: linear-gradient(to bottom, #84d784 0%,#55ae58 100%);
}

/* table */
.row.dl {
	border-top: 1px solid #DEDCD3;
	border-right: 1px solid #DEDCD3;
}
.row.dl.last-row {
	border-bottom: 1px solid #DEDCD3;
}
.col.dt {
	background-color: #F6F4EC;
	border-left: 1px solid #DEDCD3;
}
.col.dd {
	border-left: 1px solid #DEDCD3;
}

/*v-inputでhide-detailsしない場合messagesが使えるが、そのときに下に余白ができる＠2024/03/06*/
.v-text-field.v-text-field--enclosed .v-text-field__details {
	margin-bottom:0;
}