@charset "utf-8";
/*------------------------------------
	高島屋史料館 TOKYO(tojin-gyouretsu)
--------------------------------------*/
/*----------------------------
	PC
------------------------------*/
.tojin-gyouretsu {
	padding-top: 2em;
}
.tojin-gyouretsu .list .item > .itemTtl {
	padding: 1em 0 0.7em;
	border-top: 1px solid #4d4948;
	border-bottom: solid 1px #4d4948;
	font-size: 155%;
	line-height: 1.33;
	text-align: center;
}
.tojin-gyouretsu .list .item > .itemTtl span {
	display: block;
	margin-top: 0.2em;
	font-size: 135%;
}
.tojin-gyouretsu .list .item > .itemTtl .txt {
	margin-top: 1.2em;
}

/* event */
.tojin-gyouretsu .list .event > .eventTtl {
	font-size: 155%;
	line-height: 1.33;
	text-align: center;
}
.tojin-gyouretsu .list .event > .eventTtl .txt01 {
	padding: 0.5em;
	font-size: 75%;
	border: solid 1px #000;
}
.tojin-gyouretsu .list .event > .eventTtl h1 {
	margin-top: 1em;
}
.tojin-gyouretsu .list .event > .eventTtl h1 span {
	display: block;
	margin-top: 0.2em;
	font-size: 135%;
}
.tojin-gyouretsu .list .event > .eventTtl .txt02 {
	margin-top: 0.5em;
	font-size: 75%;
	font-weight: bold;
}
.tojin-gyouretsu .list .event > .eventTtl .btn {
	margin: 1em auto 0;
	text-align: center;
}
.tojin-gyouretsu .list .event > .eventTtl .btn a {
	display: inline-block;
	padding: 10px;
	background-color: #000;
	font-size: 75%;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

/* mainVisual */
.mainVisual {
	margin-top: 1.5em;
}
.mainVisual .caption {
	margin-top: 0.5em;
	font-size: 85%;
	text-align: right;
}

/* eventDtl */
.eventDtl a:hover {
	text-decoration: underline;
}
.eventDtl dl {
	margin-top: 3em;
}
.eventDtl dl dt {
	font-size: 115%;
	font-weight: bold;
}
.eventDtl dl dd {
	margin-top: 0.5em;
}
.eventDtl .info {
	margin-top: 2em;
	border-bottom: solid 1px #ccc;
}
.eventDtl .info .line {
	padding: 1em;
	border-top: solid 1px #ccc;
}
.eventDtl .info .wrap {
	display: flex;
	gap: 0 1.5em;
}
.eventDtl .info .wrap *:first-child {
	flex-shrink: 0;
}
.eventDtl .info div:not(.wrap) > p + div {
	margin-top: 0.5em;
	margin-left: 1em;
}
.eventDtl .info .txtIndent3 {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
.eventDtl .info .wrap02 {
	display: flex;
	gap: 0 1.5em;
}
.eventDtl .info .txtWrap {
	width: 75%;
}
.eventDtl .info .pic {
	margin-left: auto;
	margin-bottom: 5px;
	width: 17%;
}
.eventDtl .btn {
	margin: 1em 0;
	width: 250px;
}
.eventDtl .btn a {
	display: block;
	padding: 10px;
	background-color: #000;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
/*----------------------------
	SP
------------------------------*/
@media (max-width: 768px) {
	.eventDtl .info .line {
		padding: 1em 0;
	}
	.eventDtl .info .wrap02 {
		flex-direction: column-reverse;
	}
	.eventDtl .info .txtWrap {
		width: 100%;
	}
	.eventDtl .info .pic {
		margin: 5px auto 15px;
		width: 40%;
	}
}