@charset "utf-8";
.gallery_base {
		max-width: 1000px;
		box-sizing: border-box;
		margin: 0 auto;
		position: relative;
		border-radius: 24px;
		background: #ffffd8;
		box-shadow: #AE000E 8px 8px 0px;
		min-height: 2450px;
}
@media(max-width: 767px) {
		.gallery_base {
				border-radius: 16px;
		}
}
.gallery_base .timeline, .gallery_base .col {
		position: absolute;
}
.gallery_base .timeline {
		left: 453px;
		top: 81px;
		width: 94px;
		height: 1973px;
		background: url(../img/gallery/new/timeline_bar2_pc.png) no-repeat 0 90px;
}
.timeline div {
		position: absolute;
		left: 0;
}
.timeline .year_1 {
		top: 0;
}
.timeline .year_2 {
		top: 175px;
}
.timeline .year_3 {
		top: 300px;
}
.timeline .year_4 {
		top: 624px;
}
.timeline .year_5 {
		top: 764px;
}
.timeline .year_6 {
		top: 1074px;
}
.timeline .year_7 {
		top: 1232px;
}
.timeline .year_8 {
		top: 1277px;
}
.timeline .year_9 {
		top: 1437px;
}
.timeline .year_10 {
		top: 1717px;
}
.gallery_base img {
		border: none;
		vertical-align: top;
}
.gallery_base .col {
		width: 388px;
		box-sizing: border-box;
		padding: 15px;
		border: 1px solid #D40012;
		border-radius: 7px;
		background: #FFF;
		z-index: 5;
}
.gallery_base .col.col10 {
		padding: 15px;
		border: none;
		border-radius: 7px;
		background: url(../img/gallery/new/bg_10.png);
		background-size: 426px 200px;
		background-position: 50% 80%;
		vertical-align: top;
		text-align: center;
}
.gallery_base .col1, .gallery_base .col3, .gallery_base .col5, .gallery_base .col7, .gallery_base .col8, .gallery_base .col11 {
		left: 30px;
		box-shadow: -4px 4px 0 #d40012;
}
.gallery_base .col1:after, .gallery_base .col3:after, .gallery_base .col5:after, .gallery_base .col7:after, .gallery_base .col8:after, .gallery_base .col11::after {
		content: '';
		display: block;
		width: 53px;
		height: 96px;
		background: url(../img/gallery/new/serif_left.png) no-repeat 0 0;
		position: absolute;
		top: 52px;
		right: -46px;
}
.gallery_base .col2, .gallery_base .col4, .gallery_base .col6, .gallery_base .col9, .gallery_base .col10, .gallery_base .col12 {
		right: 30px;
		box-shadow: 4px 4px 0 #d40012;
}
.gallery_base .col2:after, .gallery_base .col4:after, .gallery_base .col6:after, .gallery_base .col9:after, .gallery_base .col10:after, .gallery_base .col12::after {
		content: '';
		display: block;
		width: 53px;
		height: 96px;
		background: url(../img/gallery/new/serif_right.png) no-repeat 0 0;
		position: absolute;
		top: 52px;
		left: -46px;
}
.gallery_base .col.col10:after {
		top: -16px;
		background: url(../img/gallery/new/serif_60th.png) no-repeat 0 0;
}
.gallery_base .col1 {
		top: 130px;
}
.gallery_base .col2 {
		top: 305px;
}
.gallery_base .col3 {
		top: 430px;
}
.gallery_base .col4 {
		top: 754px;
}
.gallery_base .col5 {
		top: 894px;
}
.gallery_base .col6 {
		top: 1205px;
}
.gallery_base .col7 {
		top: 1361px;
}
.gallery_base .col8 {
		top: 1408px;
}
.gallery_base .col9 {
		top: 1569px;
}
.gallery_base .col.col10 {
		top: 2070px;
		padding: 45px 15px;
}
.gallery_base .col.col11 {
		top: 1846px;
}
.gallery_base .col.col12 {
		top: 1846px;
}
.gallery_base .gallery_footer {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		text-align: center;
}
.col1_inner, .col2_inner, .col5_inner {
		position: relative;
}
.col1:before, .col2:before, .col5:before, .col6:before, .col9:before {
		content: '';
		display: block;
		position: absolute;
}
.ataru {
		position: absolute;
}
.gallery_base .ataru {
		position: absolute;
}
.gallery_base .ataru.ataru1 {
		top: 28px;
		left: 51px;
		background: url(../img/gallery/new/timeline_col1_ataru.png) no-repeat 0 0;
		width: 109px;
		height: 108px;
		z-index: 5;
}
.gallery_base .ataru.ataru2 {
		top: 197px;
		right: 41px;
		background: url(../img/gallery/new/timeline_col2_ataru.png) no-repeat 0 0;
		width: 163px;
		height: 113px;
		z-index: 5;
}
.gallery_base .ataru.ataru5 {
		top: 802px;
		left: 46px;
		background: url(../img/gallery/new/timeline_col5_ataru.png) no-repeat 0 0;
		width: 150px;
		height: 94px;
		z-index: 0;
}
.col6:before {
		/*
	top: -123px;
	right: 23px;
	width: 119px;
	height: 122px;
	background: url(../img/gallery/new/timeline_col6_ataru.png) no-repeat 0 0;
	z-index: -1;
	*/
}
.col5 {
		z-index: 2 !important;
}
.col6 {
		z-index: 10;
}
.gallery_base .ataru.ataru6 {
		top: 1084px;
		right: 54px;
		background: url(../img/gallery/new/timeline_col6_ataru.png) no-repeat 0 0;
		width: 119px;
		height: 122px;
		z-index: 5;
}
.col9:before {
		/* top: -115px;
	left: 13px;
	width: 168px;
	height: 118px;
	background: url(../img/gallery/new/timeline_col9_ataru.png) no-repeat 0 0;
	z-index: -1;
	*/
}
.gallery_base .ataru.ataru9 {
		top: 1294px;
		left: 44px;
		background: url(../img/gallery/new/timeline_col9_ataru.png) no-repeat 0 0;
		width: 168px;
		height: 118px;
		z-index: 5;
}
p.col_lead {
		color: #000;
		font-size: 18px;
		text-align: left;
		line-height: 28px;
		margin: 0 0 15px;
}
.col_lead span {
		border-bottom: 2px solid #D40012;
}
.col_lead:first-letter, .col_lead.extra strong.thirteen {
		font-size: 26px !important;
}
.col_lead.extra:first-letter {
		font-size: 18px;
}
.col_lead.extra strong.thirteen {
		font-weight: bold !important;
}
.col .figure {
		text-align: center;
}
@media(max-width: 1000px) {
		.gallery_base .timeline {
				left: calc(50% - 47px);
		}
		.gallery_base .col1, .gallery_base .col2, .gallery_base .col3, .gallery_base .col4, .gallery_base .col5, .gallery_base .col6, .gallery_base .col7, .gallery_base .col8, .gallery_base .col9, .gallery_base .col10, .gallery_base .col11, .gallery_base .col12 {
				width: 38%;
		}
		.gallery_base .col1, .gallery_base .col3, .gallery_base .col5, .gallery_base .col7, .gallery_base .col8, .gallery_base .col11 {
				left: 2.5%;
		}
		.gallery_base .col2, .gallery_base .col4, .gallery_base .col6, .gallery_base .col9, .gallery_base .col10, .gallery_base .col12 {
				right: 2.5%;
		}
		.gallery_base img {
				max-width: 100%;
				height: auto;
		}
		.gallery_base .col12 br {
				display: none;
		}
}
@media(max-width: 767px) {
		.gallery_base .col {
				padding: 12px;
		}
		p.col_lead {
				font-size: 16px;
		}
		.col_lead:first-letter {
				font-size: 24px;
		}
		.gallery_base .col1:after, .gallery_base .col3:after, .gallery_base .col5:after, .gallery_base .col7:after, .gallery_base .col8:after, .gallery_base .col11:after {
				width: 43px;
				height: 77px;
				background: url(../img/gallery/new/serif_left.png) no-repeat 0 0;
				background-size: 43px;
				position: absolute;
				top: 48px;
				right: -38px;
		}
		.gallery_base .col2:after, .gallery_base .col4:after, .gallery_base .col6:after, .gallery_base .col9:after, .gallery_base .col12:after {
				width: 43px;
				height: 77px;
				background: url(../img/gallery/new/serif_right.png) no-repeat 0 0;
				background-size: 43px;
				position: absolute;
				top: 48px;
				left: -38px;
		}
		.gallery_base .col.col10:after {
				width: 43px;
				height: 79px;
				background: url(../img/gallery/new/serif_60th.png) no-repeat 0 0;
				background-size: 43px;
				position: absolute;
				top: -16px;
				left: -42px;
		}
}
@media(max-width: 640px) {
		.gallery_base {
				padding: 40px 3% 0;
		}
		.gallery_base .col, .gallery_base .col.col11, .gallery_base .col.col12, .gallery_base .col.col10 {
				position: static;
				width: 100%;
				padding: 15px;
				box-shadow: 0 4px 0 #d40012;
				position: relative;
				top: inherit;
				left: inherit;
				right: inherit;
				bottom: inherit;
		}
		.gallery_base .col.col10 {
				padding: 45px 15px;
		}
		.gallery_base .col1:after, .gallery_base .col2:after, .gallery_base .col3:after, .gallery_base .col4:after, .gallery_base .col5:after, .gallery_base .col6:after, .gallery_base .col7:after, .gallery_base .col8:after, .gallery_base .col9:after, .gallery_base .col11::after, .gallery_base .col12::after, .gallery_base .col.col10:after, .timeline {
				display: none;
		}
		.gallery_base .ataru {
				position: static;
				display: none;
		}
		.sp_year {
				text-align: center;
				padding: 45px 0 15px;
				background: url(../img/gallery/new/timeline_bar_pc.png) no-repeat center 0;
		}
		.sp_year.year_1 {
				padding-top: 0;
				background: url(../img/gallery/new/timeline_bar_pc.png) no-repeat center 30px;
		}
		.sp_year.year_10 {
				text-align: center;
				background: url(../img/gallery/new/timeline_bar_sp.png) no-repeat center bottom;
		}
		.sp_year.year_12 {
				padding: 5px 0;
		}
		.gallery_base .gallery_footer {
				width: 70%;
				position: static;
				margin: 50px auto 0;
		}
		.gallery_footer img {
				width: 100%;
				height: auto;
		}
		p.col_lead {
				font-size: 18px;
		}
		.col_lead:first-letter {
				font-size: 26px;
		}
		.col1:before {
				top: -81.5px;
				left: 5px;
				background: url(../img/gallery/new/timeline_col1_ataru.png) no-repeat 0 0;
				background-size: cover;
				width: 86px;
				height: 85px;
		}
		.col2:before {
				top: -75px;
				right: 5px;
				background: url(../img/gallery/new/timeline_col2_ataru.png) no-repeat 0 0;
				background-size: cover;
				width: 112px;
				height: 77px;
		}
		.col5:before {
				top: -72px;
				left: 5px;
				width: 110px;
				height: 71px;
				background: url(../img/gallery/new/timeline_col5_ataru.png) no-repeat 0 0;
				background-size: cover;
				z-index: -1;
		}
		.col6:before {
				top: -93px;
				right: 5px;
				width: 90px;
				height: 92px;
				background: url(../img/gallery/new/timeline_col6_ataru.png) no-repeat 0 0;
				background-size: cover;
				z-index: -1;
		}
		.col8::before {
				content: '';
				display: block;
				position: absolute;
				top: -75.5px;
				left: 5px;
				width: 110px;
				height: 77px;
				background: url(../img/gallery/new/timeline_col9_ataru.png) no-repeat 0 0;
				background-size: cover;
				z-index: -1;
		}
}
@media(min-width: 641px) {
		.sp_year {
				display: none;
		}
}