@charset "utf-8";

#old-layout #contents {
	position: relative
}
#old-layout .topicPath {
	position: relative;
	z-index: 1;
}
#old-layout .actionArea {
	position: absolute;
	top: 0;
	left: 50%;
	width: 980px;
	height: 56px;
	margin-left: -490px;
}
#old-layout .actionArea > .snsWrap {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -10px;
	z-index: 100;
}
#old-layout .actionArea + .contentsWrap {
	margin-top: 0 !important;
  padding-top: 0 !important;
}

/*** historyArea ***/
#old-layout #historyArea{
	text-align:center;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, sans-serif;
	margin-bottom:120px;
}

#old-layout #historyArea img{
	border:none;
	height:auto;
	vertical-align: top;
}

/*** titleArea ***/
#old-layout #titleArea {
	margin-bottom: 45px;
	padding: 0 0 32px;
	border-bottom: solid 3px #435dd0;
	text-align: center;
	box-sizing: border-box;
}

/*** leadArea ***/
#old-layout #leadArea{
	position:relative;
	text-align:center;
}

#old-layout .lead_txt {
	text-align: center;
	font-size: 1.6rem;
	margin-bottom: 35px;
	line-height: 1.57;
}

/*** topArea ***/
#old-layout #topArea{
	position:relative;
}
#old-layout #top_img{
	width:100%;
}
#old-layout #top_period{
	position:absolute; left:39.08%; top:39.58%; width:21.63% !important; height:auto;
}




/*** timelineArea ***/
#old-layout #timelineArea{
	position:relative;
	height:60px;
	transform: translate3d(0, 0, 0);
}
#old-layout #timelineBar{
	position:relative;
	height:60px;
	background-color:#dcdfed;
	overflow:hidden;
}
#old-layout #timelineHolder{
	position:absolute;
	left:0; top:0;
	height:60px;
	overflow:hidden;
	max-width:980px;
	margin:0 auto;
}
#old-layout #timeline_bar{
	position:relative;
	width:980px !important;
	height:auto;
}
#old-layout #timeline_point{
	position:absolute;
	left:18px; top:25px;
	width:23px !important;
	height:23px;
	pointer-events:none;
}
#old-layout #timelineBottom{
	position:relative;
	height:10px;
	text-align:center;
}
#old-layout #timeline_arrow{
	height:10px;
	max-width:640px;
	display:none;
}

#old-layout #history_source{
	display:block;
	font-size:12px;
	margin:10px 20px 10px 40px;
	text-align:left;
	text-indent:-4em;
}

#old-layout .clear{
	clear:both;
}

/*** historyList ***/
#old-layout #historyMask{
	position:relative;
	padding:20px 20px 20px 20px;
	box-sizing:border-box;
	width:100%;
	height:600px;
	overflow:hidden;
}
#old-layout #historyMain{
	position:relative;
	max-width:820px;
	margin:0 auto;
}

#old-layout #historyList{
	position:relative;
	display:block;
	width:100%;
	height:1000px;
	background:url(../images/center_line.png) center repeat-y;
	padding-bottom: 100px;
}
#old-layout #historyList li{
	position:absolute;
	top:0;
	display:block;
	width:50%;
	border-top:#cacaca solid 2px;
	box-sizing:border-box;
}

#old-layout .h_left{
	left:0;
	text-align:right;
	padding:20px 20px 20px 20px;
}
#old-layout .h_right{	
	right:0;
	text-align:left;
	padding:20px 20px 20px 20px;
}
#old-layout .h_left2{
	left:0;
	text-align:right;
	padding:0px 20px 10px 20px;
	border-top:none !important;
}
#old-layout .h_right2{	
	right:0;
	text-align:left;
	padding:0px 20px 10px 20px;
	border-top:none !important;
}

#old-layout .h_left .h_year{
	display:inline;
	font-size:28px;
	color:#525ea3;
	float:right;
}
#old-layout .h_right .h_year{
	display:inline;
	font-size:28px;
	color:#525ea3;
	float:left;
}
#old-layout .h_left2 .h_year2{
	display:inline;
	font-size:28px;
	color:#525ea3;
	float:right;
	visibility:hidden;
}
#old-layout .h_right2 .h_year2{
	display:inline;
	font-size:28px;
	color:#525ea3;
	float:left;
	visibility:hidden;
}
#old-layout .h_left .h_event{
	display:block;
	padding-top: 10px;
	padding-right: 80px;
}
#old-layout .h_right .h_event{
	display:block;
	padding-top: 10px;
	padding-left: 80px;
}
#old-layout .h_link_icon{
	display:inline;
    vertical-align: middle !important;
	width:16px !important;/*32*/
	height:auto;
	padding-bottom: 2px;
}
#old-layout .h_place{
	color:#525ea3;	
}
#old-layout .h_desc{
	display:inline;
	font-size:14px;
	color:#575757;
	padding:0px 5px 10px 5px;
}
#old-layout .h_img{
	width:100%;
	box-sizing:border-box;
	padding:5px 0px 20px 0px;
}
#old-layout .h_img img{
	width:100%;
	border:#cacaca 2px solid;
	box-sizing:border-box;
}
#old-layout .h_right .event_point{
	position:absolute;
	top:-5px;
	left:-5px;
	width:10px !important;
	height:auto;
}
#old-layout .h_left .event_point{
	position:absolute;
	top:-5px;
	right:-5px;
	width:10px !important;
	height:auto;
}
#old-layout .h_detail{
	cursor:pointer;
}

#old-layout #history_point{
	position:absolute;
	top:44px;
	left:50%;
	margin-left: -16px;
	width:32px !important;
	height:auto;
}

#old-layout #history_scroll{
	padding-top:20px;
	width:120px !important;
	height:auto;
}


/*** modal ***/
#old-layout #modalBg{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.7);
	z-index:500;
	display:none;
}
#old-layout #modalArea{
	position:relative;
	width:100%;
	z-index:501;
	padding:150px 50px;
	box-sizing: border-box;
	display:none;
}

#old-layout #modalContents{
	position:relative;
	max-width:800px;
	min-height:360px;
	background-color:rgba(255,255,255,1);
	margin:0 auto;
	z-index:502;
	padding:40px;
}

#old-layout #modal_close{
	position:absolute;
	right:-50px;
	top:-50px;
	width:50px !important;
	height:auto;
	cursor:pointer;
	display:none;
}
#old-layout #modal_close_sp{
	display:block;
	left:50%;
	bottom:20px;
	width:200px;
	margin-left:-100px;
	position:absolute;
	text-align:center;
	font-size:30px;
	color:#525ea3;
	display:none;
}

#old-layout .d_year{
	font-size:44px;
	color:#525ea3;
	width:35%;
}
#old-layout .d_title{
	font-size:18px;
	color:#575757;
	line-height:1.5;
	width:35%;
	padding:5px 0;
}
#old-layout .d_place{
	font-size:14px;
	color:#525ea3;
	line-height:1.5;
	width:35%;
	padding:0 0 5px;
}
#old-layout .d_txt{
	font-size:14px;
	color:#575757;
	line-height:1.5;
	width:35%;
}
#old-layout .d_img{
	position:absolute;
	top:40px;
	right:40px;
	width:65%;
	padding-left: 80px;
    box-sizing: border-box;
}
#old-layout .d_img img{
	width:100%;
	/*border:#cacaca solid 1px;*/
	margin-bottom:10px;
	box-sizing: border-box;
}

#old-layout .pc{
	display:none;
}
#old-layout .sp{
	display:block;
}

/*** PCサイズ ***/
@media screen and (min-width:640px)
{
	#old-layout .pc{
		display:block;
	}
	#old-layout .sp{
		display:none;
	}
	#old-layout #titleBorder{
		height:35px;
	}
	#old-layout .lead_txt {
		font-size: 2.0rem;
	}
	#old-layout #timeline_arrow{
		display:inline;
	}
}

/* ======================================================
 * 
 * Override
 * 
====================================================== */
body #old-layout {
  width: 980px;
  margin: 0 auto;
}