/*
 * 本文のブロック用の共通 CSS（includes/site/assets.php が全ページで読み込む）
 *
 * Spectra をやめた後も、Spectra で付けていた表示の出し分けと見た目を保つためのもの。
 * 置き換えは「MYDOO 移行ツール」の tools/spectra-convert.php。
 */

/* 表示の出し分け（Spectra と同じクラス名・同じ画面幅）
   uag-hide-desktop … PC（1025px 以上）で隠す
   uag-hide-tab     … タブレット（768〜1024px）で隠す
   uag-hide-mob     … スマホ（767px 以下）で隠す */
@media (min-width: 1025px) {
	.uag-hide-desktop { display: none !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
	.uag-hide-tab { display: none !important; }
}
@media (max-width: 767px) {
	.uag-hide-mob { display: none !important; }
}

/* アイコン（Spectra のアイコンブロックの置き換え。中は Font Awesome） */
.mydoo-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 40px;
	line-height: 1;
	color: #333;
}

/* 見出し・情報ボックス（Spectra の置き換え）の中の余白を、Spectra のころに合わせて詰める */
.mydoo-heading > .uagb-heading-text,
.mydoo-heading > .uagb-desc-text,
.mydoo-info-box > .uagb-ifb-title,
.mydoo-info-box > .uagb-ifb-desc {
	margin-top: 0;
	margin-bottom: 0;
}
.mydoo-info-box > .uagb-ifb-image-content {
	margin-top: 0;
	margin-bottom: 0.8em;
}