@charset "utf-8";

/* =======================================

	History CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.

========================================== */

/* 1.
========================================== */


/* Base */

/* detail_block   */
.detail_block {
  text-align: center;
}


.timeline_wrap {
	margin-top: 70px;
	padding-top: 70px;
	padding-bottom: 70px;
	margin-bottom: 70px;
	text-align: center;
  background-color: #e7dede;
}

@media print,screen and (min-width: 768px) {
	#contents .tit_style02.line {
    margin: 0 auto 20px;
  }
	.history_table {
    width: 980px;
		margin: 0 auto;
  }
  .history_table tr th {
		text-align: center;
		position: relative;
		padding-top: 4em;
		padding-bottom: 4em;
  }
  .history_table tr th span {
		position: relative;
		z-index: 3;
		font-size: 1.6rem;
  }
	.history_table tr th::after {
		content: '';
    display: inline-block;
    width: 90px;
    height: 90px;
    background: url(/images/base/bg_circle_white.png) no-repeat 0px 0px;
    background-size: auto;
    background-size: contain;
		position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
  }
	.history_table tr th:nth-child(2)::after {
		display: none;
	}

	#contents .history_table tr td[colspan] {
		display: none;
  }
  #contents .history_table tr td {
  	text-align: left;
		line-height: 1.8;
		position: relative;
  }
	#contents .history_table tr td:first-child {
		width: 41%;
		padding-right: 1.5em;
		text-align: right;
  }
  #contents .history_table tr td:nth-child(2) {
		width: 18%;
		border-left:1px solid #999;
		border-right:1px solid #999;
		text-align: center;
		padding-bottom: 2em;
		color: #a6763f;
  }
  #contents .history_table tr td:nth-child(3) {
		width: 41%;
		padding-left: 1.5em;
  }
	
	.history_table tr td img.ph_tate {
		width: 120px;
		border:2px solid #fff;
		margin-top: 7px;
		margin-bottom: 7px;
  }
	.history_table tr td img.ph_yoko {
		width: 190px;
		border:2px solid #fff;
		margin-top: 7px;
		margin-bottom: 7px;
  }
	.history_table tr td img.ph_tate.ph_1892 {
		position: absolute;
		bottom:85px;
		right:20px;
	}
}


footer {
    margin-top: 0px;
}


@media screen and (max-width: 767px) {
	#contents .inner_wrap_fit.timeline_wrap {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.detail_block {
  	text-align: left;
  }
	#contents .tit_style02.line {
    margin: 0 auto 30px;
  }
	.history_table {
    width: 100%;
  }
  .history_table tr th {
		text-align: center;
		position: relative;
		padding-top: 2em;
		padding-bottom: 2em;
  }
	.history_table tr th:nth-child(2) {
		display: none;
	}
  .history_table tr th span {
		position: relative;
		z-index: 3;
		letter-spacing: 0px;
  }
	.history_table tr th::after {
		content: '';
    display: inline-block;
    width: 70px;
    height: 70px;
    background: url(/images/base/bg_circle_white.png) no-repeat 0px 0px;
    background-size: auto;
    background-size: contain;
		position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
  }
	#contents .history_table tr td[colspan] {
		color: #a6763f;
		text-align: center !important;
		padding-top: 1.5em;
		padding-bottom: 0.5em;
  }
  #contents .history_table tr td {
		width: 50%;
  	text-align: left;
		line-height: 1.6;
		letter-spacing: 0px;
  }
	.history_table tr td:nth-child(2) {
		display: none;
  }
  .history_table tr td:nth-child(3) {
		border-left:1px solid #999;
		padding-left: 0.8em;
  }
  .history_table tr td:first-child {
		padding-right: 0.5em;
  }
	
	.history_table tr td img.ph_tate {
		width: 45%;
		border:2px solid #fff;
		margin-top: 7px;
  }
	.history_table tr td img.ph_yoko {
		width: 90%;
		border:2px solid #fff;
		margin-top: 7px;
  }
	
}