@charset "UTF-8";

/* ==================================================
    開発事例（WordPress）専用スタイル

    サイト共通CSS（/dist/css/style.css）の後に読み込み、
    WordPress化に伴って必要な差分のみを定義します。
================================================== */

/* --------------------------------------------------
    共通
-------------------------------------------------- */
/* 管理バー用の余白（html / body の margin-top）を打ち消す */
html,
body {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* ヘッダー高さ分の余白（ste.js で実際の高さに更新されるまでの初期値） */
main {
	margin-top: var(--header-height, 66px);
}


/* --------------------------------------------------
    ヘッダー
-------------------------------------------------- */
header {
	position: relative;
}

#header {
	transition: box-shadow 0.25s ease-in-out;
}

#header.active,
#header.is-scrolled {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
}


/* --------------------------------------------------
    開発事例詳細
-------------------------------------------------- */
/* WPが出力するheight属性で縦に伸びるのを防ぎ、比率を維持 */
.img-system {
	height: auto;
}

/* 本文ブロックは div で出力するため、要素を限定せずに指定 */
.case-inner-text {
	color: #0D2851;
}


/* --------------------------------------------------
    開発事例カード
-------------------------------------------------- */
.case-img-link {
	display: block;
}