/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* 動画詳細の Portfolio Meta:
   既定では .portfolio-meta li span がラベル固定幅の inline-block で、
   その後ろの値が長いと折り返して崩れる。各行を flex 化し、ラベル(固定幅)と
   値(残り幅で折り返し)を整列させる。 */
.portfolio-meta li {
	display: flex;
	align-items: baseline;
}

.portfolio-meta li > span {
	flex: 0 0 auto;
}

/* admin 自由記述コンテンツ（注意事項などのウィジェット本文）の箇条書き:
   Canvas のリセット ul,ol{padding:0} により list marker(・) が outside 配置で
   左にはみ出す。コンテンツ領域の通常リストにのみ左パディングを復元して防ぐ
   （portfolio-meta など list-style:none の UI リストは除外）。 */
.portfolio-single-image ul,
.portfolio-single-image ol,
.portfolio-single-content ul:not(.portfolio-meta):not(.portfolio-share),
.portfolio-single-content ol {
	padding-left: 1.5rem;
	list-style-position: outside;
}

/* 初期再生ボタン（実体は .vjs-big-play-button.vjs-bp-block）を動画枠の中央に配置する。
   Nuevo スキンは top:50% + margin-top:-30px（高さ60px 前提）で中央寄せするが、
   実際のボタン寸法が想定と異なると margin ベースの補正がずれて下寄りになる。
   実寸に依存しない transform 中央寄せで確実に中央化する。 */
.video-js .vjs-big-play-button {
	top: 50% !important;
	left: 50% !important;
	bottom: auto !important;
	margin: 0 !important;
	transform: translate(-50%, -50%) !important;
	/* ボタン内のアイコン（.vjs-svg-icon）を上下左右中央に。
	   既定は line-height:60px のインライン配置でベースライン基準になり下寄りになるため flex 中央寄せにする。 */
	display: flex !important;
	align-items: center;
	justify-content: center;
	line-height: 0;
}

.video-js .vjs-big-play-button .vjs-svg-icon {
	display: block;
}


/* ----------------------------------------------------------------
   認証系ページ（auth/*）共通スタイル
   - .auth-card: フォームを囲む四角いカードの最大幅
   - .auth-page-title: ページタイトル下側だけにカードと同じ影
     （左右・上に出ないよう負の spread で下方向に限定）
-----------------------------------------------------------------*/
.auth-card {
	max-width: 550px;
}

.auth-page-title {
	position: relative;
	z-index: 1;
	box-shadow: 0 8px 16px -8px rgba(0, 0, 0, .15);
}