/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 21 2026 | 05:01:50 */
/*平和会館の歴史*/
.history-bg {
background-image :url("https://heiwakaikan.com/wp-content/uploads/2022/02/bg_honkan.png"), url("https://heiwakaikan.com/wp-content/uploads/2022/02/bg_naha.png"), url("https://heiwakaikan.com/wp-content/uploads/2022/02/pattern.jpg");
background-repeat:no-repeat, no-repeat, repeat;
background-size:50%, 50%, 10%;
background-position:left top, right bottom, center;
background-attachment:fixed, fixed, local;
padding-bottom:50px;
}
#history-body {
margin-bottom:-100px;
}
.history-title {
text-align:center;
margin-bottom:100px;
}
.history-title h2 {
	font-size:80px!important;
	text-decoration:underline white;
	color:#000000;
}
.history-title h3 {
	font-size:24px!important;
	font-style:italic!important;
	color:#000000;
}
.history-title p {
	text-align:center!important;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif!important;
	font-style:italic!important;
	line-height:1.7em!important;
	letter-spacing:0.1em!important;
}
.history-title2 {
	margin-bottom:60px;
}
.history-title2 h3{
	text-align:center;
	border-bottom:solid 1px #14813B;
	color:#000000;
} 
.history-box {
	width:100%;
	height:90vh;
	max-height:800px;
	position: relative;
	margin-bottom:30px;
}
.history-box2 {
	width:100%;
	height:100vh;
	max-height:1000px;
	position: relative;
	margin-bottom:30px;
}
.history-flex {
display:flex;
justify-content:space-between;
-webkit-justify-content:space-between;
-ms-justify-content:space-between;
align-items:flex-start;
-webkit-align-items:flex-start;
-ms-align-items:flex-start;
padding-bottom:150px;
}
.history-flex img {
width:55%;
height:auto;
}
.history-cont {
width:40%;
}
.history-cont h3 {
			text-align:justify;
text-justify:inter-ideograph;
	color:#000000;
}
.history-cont p .caption {
	font-size:0.8em;
}
.history-cont .alphabet {
	color:#E60012;
	display:inline-block;
	border-bottom:3px solid #ffffff;
}
.history-cont .alphabet span {
	font-size:0.7em;
}
.history-yearsname p {
	font-size:250px!important;
	position:absolute;
  left: 0;
	top:250px;
}
.history-yearsname p span {
	font-size:0.5em;
}
.history-line-height p {
	line-height:0.7em!important;
} 

/*歴史のサイドバー*/
.history-side {
	position:fixed;
	right:0;
	top:0;
		padding-top:10vh;
	height:78vh;
	width:140px;
	background: linear-gradient(red 78%, transparent);
	overflow:scroll;
	z-index:10;
}
.history-side p {
	font-family: 'Playfair Display', serif!important;
	padding-left:20px;
}
.history-side p a {
	color:#ffffff;
}
.history-side p a span {
	font-size:0.7em;
}
.history-side-title p {
	color:#000000!important;
	border-bottom:1px solid #000000;
	margin-bottom:20px;
}
/***メディアクエリ***/
@media only screen and (max-width: 750px) {
	.history-title h2 {
	font-size:60px!important;
	text-decoration:underline white;
}
	.history-title h3 {
	font-size:21px!important;
}
.history-title {
margin-bottom:50px;
}
		.history-box {
	height:auto;
	max-height:2000px;
			width:88%;
			margin-bottom:100px;
}
			.history-box2 {
	height:auto;
	max-height:auto;
				width:88%;
				margin-bottom:100px;
}
.history-flex {
flex-direction:column;
-webkit-flex-direction:column;
-ms-flex-direction:column;
padding-bottom:100px;
}
.history-flex img {
width:100%;
height:auto;
	margin-bottom:20px;
}
.history-cont {
width:100%;
}
	.history-yearsname p {
	font-size:120px!important;
	top:300px;
}
	.history-box2 .history-yearsname p {
			font-size:120px!important;
	top:300px;
	}

/*歴史のサイドバーSP用*/
	#history-body {
		width:90%;
	}
.history-side {
	width:10%;
	background: linear-gradient(red 85%, transparent);
	}
	.history-side p {
		writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode:vertical-rl;
			padding-left:0;
		line-height:0!important;
	}
}