@charset "UTF-8";

/* TUTTI 第2号専用マストヘッダ
   PDF第2号のヘッダ：TUTTI／第2号／2016.4.8. の横一列。
   03号以降の発行元表記付きヘッダとは独立させる。 */

.masthead-02 {
	display: grid;
/*	grid-template-columns: minmax(0, 1fr) auto auto;
*/	grid-template-columns: 50% 25% 25%;
	align-items: end;
	column-gap: clamp(1.2rem, 4vw, 2.4rem);
	width: 100%;
	max-width: 760px;
	margin: .2rem auto 2.7rem;
	padding: 0;
	color: #111;
	white-space: nowrap;
}

.masthead-02 .masthead-logo {
	font-family: "Bodoni MT", Didot, "Times New Roman", "Yu Mincho", serif;
	font-size: clamp(3.8rem, 12vw, 5.1rem);
	font-weight: 550;
	line-height: .94;
	letter-spacing: -.01em;
/*	transform: scaleX(1.1) scaleY(0.85);
*/	transform:scaleX(1.025) scaleY(0.8);
	transform-origin: left bottom;
}

.masthead-02 .masthead-issue {
	font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
	font-size: clamp(1.65rem, 4vw, 4.15rem);
	font-weight: 700;
	line-height: 1;
	margin-bottom: .03em;
	text-align:left;
}

.masthead-02 .masthead-date {
	font-family: "Times New Roman", "Yu Mincho", serif;
	font-size: clamp(1.05rem, 3.2vw, 2.45rem);
	font-weight: 600;
	line-height: 1;
	margin-bottom: .12em;
	text-align:left;
}

@media (max-width: 600px) {
	.masthead-02 {
		column-gap: .55rem;
		margin-bottom: 2rem;
	}

	.masthead-02 .masthead-logo {
		font-size: clamp(2.4rem, 13vw, 3.8rem);
	}

	.masthead-02 .masthead-issue {
		font-size: clamp(1rem, 4.5vw, 1.5rem);
	}

	.masthead-02 .masthead-date {
		font-size: clamp(.72rem, 3vw, 1rem);
	}
}

@media (max-width: 360px) {
	.masthead-02 {
		column-gap: .35rem;
	}

	.masthead-02 .masthead-logo {
		font-size: 2.25rem;
	}

	.masthead-02 .masthead-issue {
		font-size: .9rem;
	}

	.masthead-02 .masthead-date {
		font-size: .68rem;
	}
}