@media only screen and (max-width: 40em) {
	html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{font-size: 12px;}
}

#archive_contents {
    padding-right: 0;
}

.history100 h2 {
	line-height: 1.2;
	font-size: 2.2rem !important;
	color: #fff;
	font-weight: 700;
}

.history100 h2 small {
	font-size: 1.2rem;
	color: #fff;
}

.history100.titlearea {
	background-color: #8F6355;
	padding: 3rem 2rem;
	display:flex;
	align-items: center;
	margin-bottom: 1rem;
}
.history_toppage  {
	margin-bottom: 5rem;
}
.history_toppage .history100.titlearea {
	justify-content: space-between;
}

.history100.titlearea-1 {
	background-color: #8F6355;
}
.history100.titlearea-2 {
	background-color: #8C833E;
}
.history100.titlearea-3 {
	background-color: #508289;
}
.history100.titlearea-4 {
	background-color: #5B6380;
}
.history100.titlearea-5 {
	background-color: #AB7375;
}

.history_toppage a:hover .history100.titlearea-1 {
	background-color: #5c3f36;
}
.history_toppage a:hover .history100.titlearea-2 {
	background-color: #554f26;
}
.history_toppage a:hover .history100.titlearea-3 {
	background-color: #2e4a4e;
}
.history_toppage a:hover .history100.titlearea-4 {
	background-color: #3c4155;
}
.history_toppage a:hover .history100.titlearea-5 {
	background-color: #704d4e;
}

.history100 .title-number {
	font-family: 'Crimson Text', serif;
	font-size: 64px;
	color: #fff;
	padding-right:2rem;
	line-height: 1
}

@media only screen and (max-width: 40em) {
	.history100.titlearea {
		align-items: flex-start;
	}
	.history100 h2 {
		font-size: 1.8rem;
	}
	.history100 h2 small {
		font-size: 1rem;
	}
	.history100 .title-number {
		font-size: 5rem;
	}
}

.history_toppage a:hover {
	text-decoration: none;
}

.history_toppage .history100 .title-number {
	flex:1;
}
.history_toppage .history100 .title-text{
	flex:8;
}
.history_toppage .history100 .title-arrow {
	flex:1;
}

p.history-top-text {
	margin: 2rem auto 3rem;
	font-size: 1.2rem;
	line-height: 2;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	max-width:700px;
}

div.title-arrow {
	color: #fff;
	text-align: right;
}
div.title-arrow .material-symbols-outlined {
	font-size: 38px;
}

.history100 h3 {
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 2rem;
}

.history100 h4 {
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 2rem;
}

.history100 p+h3,.history100 figure+h3,.history100 ul+h3 {
	margin-top: 5rem;
}

aside.history100 figure {
	margin-bottom: 2rem;
}




.history100 figure p.figimg {
	margin-bottom: 8px !important;
}

p.figimg + p.figimg {
	margin-top:2rem;
}


.history100 figure figcaption {
	margin-top:16px;
	margin-bottom: 32px;;
}

.history100 figure figcaption p {
	font-size: 14px !important;
    color:#595959;
    
}

.history100 figure figcaption p.figheader {
	font-weight: 600;
	font-size: 14px !important;
	line-height: 1.2 !important;
	margin-bottom: 8px;
}

.history100 figure figcaption p.figheader {
	font-weight: 600;
	font-size: 14px !important;
	line-height: 1.2 !important;
	padding-bottom: 16px;
	color:#595959;
	text-align: center;
}

.history100 ul.note li {
	font-size: 1rem !important;
	color:#595959;
}

.column,.column2 {
    padding: 2rem 3rem;
    margin-bottom: 2rem;
}

.column_img {
    max-width: 340px;
    float:right;
    padding:0 0 1rem 2rem
}

@media only screen and (max-width: 40.063em) {
    .column_img {
        float:none;
        display: block;
        padding:0 0 2rem 0;
        width: 100%;
        margin: 0 auto;
    }
}

.history100.column,
.history100 .column {
	background-color: rgba(255,255,255,0.60);
}


.history100 .column2 {
	background-color: rgba(235, 231, 202, 0.959);
    width:100%;
}

.history100 .column > :first-child,.history100 .column2 > :first-child {
	margin-top: 0; 
}
.history100 .column> :last-child,.history100 .column2> :last-child {
	margin-bottom: 0; 
}
.history100 .column p,.history100 .column2 p {
	text-align: justify;
    line-height: 1.8;
}
	
.sub {
    padding: 64px 0 0px 42px;;
	margin-bottom:1rem;
	text-align: justify;
}

.history100 {
    margin-top:3rem;
}



@media only screen and (max-width: 40.063em) {
    #contents #sub {
    padding:2rem 32px 0 32px;
	margin-bottom:1rem;
	text-align: justify;
    }
    
    #contents .large-8 .text_block.history100  {
        margin-right: 0;
    }
}

#contents .text_block.history100 p {
	margin-bottom: 1.2rem;
	text-align: justify;
    line-height: 1.8;
}


.history_pagenation {
	font-size: 1.2rem;
	font-weight: 500;

}
.history_pagenation a {
	border: 1px #8d8d8d solid;
	padding: 16px 32px;
	text-decoration: none;
}
.history_pagenation a:hover {
	background-color: #595959;
	color: #fff;
}

ul.histry_footlist {
	margin:1rem 0 4rem;
	color: #8F6355;
	list-style: none;
}

.histry_footnav {
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media only screen and (max-width: 40.063em) {
	.history_pagenation {
		font-size: 0.8rem;
	}
	.history_pagenation a {
		border: none;
		padding: 16px 32px;
		text-decoration: none;
	}
	.history_pagenation a:hover {
		background-color: #fff;
		color: #595959;
	}
}

.histry_topnav ul.histry_footlist {
	margin: 0;
}