/*
Theme Name:   Twenty Seventeen Child (kaiteki365)
Template:     twentyseventeen
Description:  kaiteki365.com 用の Twenty Seventeen 子テーマ。親テーマ（1.6）に直接加えられていた変更を移したもの。
Version:      1.0.1
Text Domain:  twentyseventeen-child
*/

/* ==========================================================
   親テーマ style.css に直接追記されていたCSSを移植
   （親の style.css は functions.php で先に読み込み）
   ========================================================== */

/* ロゴ（※現在 site-branding.php でロゴ出力は停止中） */
.site-branding a.custom-logo-link {
	width: 50%;
}
.site-branding a.custom-logo-link img {
	background: rgba(255, 255, 255, 0.7);
}

/* トップページのヘッダー高さ 75vh → 43vh（スマホ幅のみ。PC幅は親テーマどおり画面いっぱい） */
@media screen and (max-width: 47.9375em) {
	.has-header-image.twentyseventeen-front-page .custom-header,
	.has-header-video.twentyseventeen-front-page .custom-header,
	.has-header-image.home.blog .custom-header,
	.has-header-video.home.blog .custom-header {
		height: 300px;
		height: 43vh;
	}
}

body.home .has-header-image .custom-header-media img {
	min-height: 60%;
}

/* スマホ幅：トップのヘッダー画像 */
@supports ( object-fit: cover ) {
	.has-header-image.home .custom-header-media img {
		height: 60%;
		min-height: 60%;
	}
}

@media screen and (min-width: 48em) {

	/* PC幅：ヘッダー画像を枠いっぱいに表示 */
	@supports ( object-fit: cover ) {
		.has-header-image .custom-header-media img,
		.has-header-video .custom-header-media video,
		.has-header-video .custom-header-media iframe,
		.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
			height: 100%;
			min-height: 100%;
			left: 0;
			-o-object-fit: cover;
			object-fit: cover;
			top: 0;
			-ms-transform: none;
			-moz-transform: none;
			-webkit-transform: none;
			transform: none;
			width: 100%;
		}
		.has-header-image.home .custom-header-media img {
			height: 100%;
			min-height: 100%;
		}
	}

	.site-branding a.custom-logo-link {
		width: auto;
	}
}