/**
 entry-title 基本CSS
----------------------------------------------------- **/
.main-title,
.sub-title,
.semi-aredate,
.tit-img,
.title-imgtxt { display: block; }

.sub-title {
	font-size: 1rem;
	font-weight: 400;
	margin-top: 0.5em;
}

.entry-txtwrap.text-white .a-def a:not(:hover),
.single-img-txt.text-white .a-def a:not(:hover) { color: var(--text-white); }

/**
シングルページタイトル
----------------------------------------------------- **/

.single-con-head.bg-img { position: relative; }

.single-con-head[style] { padding: 16px 8px; }

.single-img-wrap {
	background-repeat: no-repeat;
	background-size: contain;
}

.single-img-txt .single-meta { margin: 0.5em 0 0; }

@media screen and ( min-width: 641px )  {

	.single-con-head[style] { padding: 32px 24px; }

	.single-con-head[style] .single-img-wrap { margin: -32px -24px; }

	.single-img-wrap {
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 30% auto;
		min-height: 148px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		padding-top: 32px;
		padding-bottom: 32px;
	}

	.single-img-wrap.ritght-bg { background-position: right center; }

	.single-img-txt {
		padding: 0 24px;
		width: 100%;
	}

	.single-img-wrap .single-img-txt { padding-left: 20% }

	.single-img-wrap.ritght-bg .single-img-txt {
		padding-left: 24px;
		padding-right: 20%;
	}

	.single-img-txt .entry-title { font-size: 2em; }
}

@media screen and ( min-width: 980px )  {

	.layout-full .single-img-wrap {
		min-height: 200px;
		background-size: 25% auto;
	}

	.layout-full .single-img-txt { padding: 0 48px; }

	.layout-full .single-img-wrap.ritght-bg .single-img-txt { padding-left: 48px; }
}