@charset "UTF-8";

/* =========================================================
   一日密着動画（daily-vlog）一覧
   ベースは style.css の .q-buddy を流用し、差分のみ記述する
   ========================================================= */

/* mp4直リンクが入力された場合のみ、16:9のアスペクト比指定を打ち消す */
.q-daily-vlog .buddy .link__movie._file {
	padding-bottom: 0;
	height: auto;
	line-height: 0;
	background: #000;
}

.q-daily-vlog .buddy .link__movie._file video {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: contain;
}

/* 事業部ラベル */
.q-daily-vlog .buddy .link__desc .desc__top {
	margin-bottom: 10px;
}

/* YouTubeボタン分の余白を確保（ボタンはカード下部に絶対配置される） */
.q-daily-vlog .buddy .link__desc {
	padding-bottom: 60px;
}

/* 既存の button_flex は「View More」と2つ並ぶ前提のため右寄せに調整 */
.q-daily-vlog .buddy .link .button_flex {
	justify-content: flex-end;
	padding-left: 0;
}

.q-daily-vlog .buddy .link .youtube__button {
	transition: opacity 0.3s;
}

.q-daily-vlog .buddy .link .youtube__button:hover {
	opacity: 0.8;
	text-decoration: none;
}

/* 動画タイトルは複数行になる想定のため、英字タイトルとの横並びを解除 */
.q-daily-vlog .buddy .link__desc .buddy-head__heading {
	display: block;
}

/* font-size は上書きしない（style.css の PC 20px / SP 16px をそのまま使用） */
.q-daily-vlog .buddy .link__desc .buddy-head__title {
	margin-right: 0;
}

/* カード全体（YouTubeボタンを除く）クリックで詳細ページへ */
.q-daily-vlog .buddy .link__inner {
	display: block;
	color: inherit;
	text-decoration: none;
	transition: opacity 0.3s;
}
.q-daily-vlog .buddy .link__inner:hover {
	opacity: .8;
}