/*
Theme Name: SYN Ownd V2R Child
Template: syn-ownd
Theme URI: https://v2r.cc-c3.com/
Author: キャリコンC3
Description: V2R（The Vision-to-Reality Career Library）専用のSYN Ownd子テーマ
Version: 1.0.0
Text Domain: syn-ownd-v2r-child
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

@charset "utf-8";

/* =========================================================
 * V2R専用スタイル
 * ========================================================= */


/* =========================================================
 * V2Rトップページ：スマホ表示調整
 * ========================================================= */

@media screen and (max-width: 767px) {

	/* -----------------------------------------------------
	 * 1. サイトタイトルをスマホでは少し小さく
	 * ----------------------------------------------------- */
	body.home .site-title,
	body.home .site-title a,
	body.home .site-branding,
	body.home .site-branding a {
		font-size: 24px !important;
		line-height: 1.25 !important;
	}


	/* -----------------------------------------------------
	 * 2. 本文上部の余白を縮める
	 * ----------------------------------------------------- */
	body.home .entry-content {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	body.home .entry-content > *:first-child {
		margin-top: 0 !important;
	}


	/* -----------------------------------------------------
	 * 3. メインビジュアル周辺の余白
	 * ----------------------------------------------------- */
	body.home .entry-content > .wp-block-image:first-child {
		margin-top: 0 !important;
		margin-bottom: 18px !important;
	}


	/* -----------------------------------------------------
	 * 4. 「見る」「参加する」2枚のカード
	 *    スマホでは縦並びになるので間隔を縮める
	 * ----------------------------------------------------- */
	body.home .wp-block-columns {
		gap: 14px !important;
		row-gap: 14px !important;
		margin-top: 0 !important;
		margin-bottom: 22px !important;
	}

	body.home .wp-block-column {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	body.home .wp-block-column .wp-block-image {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}


	/* -----------------------------------------------------
	 * 5. カード画像を横幅いっぱいに
	 * ----------------------------------------------------- */
	body.home .wp-block-column .wp-block-image img {
		width: 100% !important;
		height: auto !important;
		display: block;
	}

}