@charset "UTF-8";
/* ------------------------------------------------------ */
/* Updated: 2014/11 */
/* ------------------------------------------------------ */

/* Reset --------------------------------- */
#suntory_header_pc .scroll {
	z-index: 1200;
}
#suntory_contents h1,
#suntory_contents p.h1,
#suntory_contents h2 {
	font-family: 'suntory syntax', Arial, Helvetica, sans-serif;
}
#suntory_contents table {
	border-collapse: collapse;
	border-spacing: 0;
}
#suntory_contents a {
	text-decoration: none;
}
#suntory_contents a:hover {
	text-decoration: underline;
}
/* #suntory_contents {
	margin-top: 15px;
} */
#suntory_contents #container {
	width: auto;
	font: 13px/1.4 Arial, Helvetica, sans-serif;
}
#suntory_contents #bc {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 20px;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif,'suntory syntax';
	font-size: 14px;
}
#suntory_contents .inner {
	padding: 0;
}
#suntory_contents .history_page_title {
	width: 960px;
	margin: 0 auto;
}
@media only screen and (max-width: 768px) {
	#suntory_contents {
		min-width: 960px;
	}
	#suntory_contents #container {
		width: 960px;
	}
	#suntory_contents .inner {
		padding: 20px 0;
	}
	#suntory_contents h1, h2 {
		font-size: 21px;
	}
}





/* .timeline_nav --------------------------------- */
#timeline_follow_nav {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
	padding-top: 34px;
	background: #0c0c0c;
	visibility: hidden;
}
#timeline_head_nav {
	position: relative;
	height: 96px;
}
.timeline_nav p.switch {
	display: none;
}
#timeline_follow_nav .timeline_nav_in {
	position: relative;
	width: 960px;
	height: 96px;
	margin: 0 auto;
}
.timeline_nav .timeline_nav_line {
	position: absolute;
	left: 95px;
	top: 58px;
	width: 961px;
	height: 1px;
	background: #6f6f6f;
}
.timeline_nav ul {
	position: relative;
	margin: 0;
	padding: 0;
}
.timeline_nav ul li {
	position: absolute;
	top: 23px;
	width: 85px;
	height: 48px;
	overflow: hidden;
}
.timeline_nav ul li.nav_1 { left: 53px; }
.timeline_nav ul li.nav_2 { left: 245px; }
.timeline_nav ul li.nav_3 { left: 437px; }
.timeline_nav ul li.nav_4 { left: 629px; }
.timeline_nav ul li.nav_5 { left: 821px; }
.timeline_nav ul li.nav_6 { left: 1013px; }
.timeline_nav ul li a {
	display: block;
	width: 85px;
	height: 48px;
	background-repeat: no-repeat;
	text-indent: -999px;
}
.timeline_nav ul li.nav_1 a { background-image: url(../img/ind_btn_nav_1899.png); }
.timeline_nav ul li.nav_2 a { background-image: url(../img/ind_btn_nav_1980.png); }
.timeline_nav ul li.nav_3 a { background-image: url(../img/ind_btn_nav_1990.png); }
.timeline_nav ul li.nav_4 a { background-image: url(../img/ind_btn_nav_2000.png); }
.timeline_nav ul li.nav_5 a { background-image: url(../img/ind_btn_nav_2010.png); }
.timeline_nav ul li.nav_6 a { background-image: url(../img/ind_btn_nav_2020.png); }
.timeline_nav ul li a:hover,
.timeline_nav ul li a:active {
	background-position: 0 -50px;
}
.timeline_nav ul li.cr a:link,
.timeline_nav ul li.cr a:visited,
.timeline_nav ul li.cr a:hover,
.timeline_nav ul li.cr a:active {
	background-position: 0 -100px;
}
.timeline_nav p.btn,
.timeline_nav p.close {
	display: none;
}





/* #timeline --------------------------------- */
#suntory_contents #timeline h1,
#suntory_contents #timeline h2 {
	margin: 0;
	border-bottom: none;
	font-size: 100%;
}
#timeline h3 {
	margin: 0;
	font-size: 100%;
}
#suntory_contents #timeline p {
	margin: 0;
}
#timeline {
	color: #333;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	line-height: 1;
	overflow: hidden;
}
	/* .timeline_head */
	#timeline .timeline_head {
		position: relative;
		margin-bottom: 65px;
		background: #0c0c0c;
	}
	#timeline .timeline_head_in {
		position: relative;
		width: 1164px;
		height: 145px;
		margin: 0 auto;
		background: #0c0c0c;
	}
	#timeline .timeline_head .page_title {
		position: relative;
        margin: 0 auto;
		width: 960px;
		height: 48px;
		border-bottom: solid 1px #3d3d3d;
	}
	#timeline .timeline_head .page_title h1 {
		position: absolute;
		left: 0;
		top: 17px;
		width: 153px;
		height: 24px;
		background: url(../img/ind_ttl_timeline_01.png) no-repeat;
		text-indent: -999px;
		overflow: hidden;
	}
	#timeline .timeline_head .page_title p.btn {
		position: absolute;
		right: 0;
		top: 10px;
		width: 124px;
		height: 33px;
		overflow: hidden;
	}
	#timeline .timeline_head .page_title p.btn a {
		display: block;
		width: 124px;
		height: 24px;
		padding-top: 9px;
		background-image: url(../img/ind_btn_w124_01.png);
		background-repeat: no-repeat;
		color: #333 !important;
		text-align: center;
	}
	#timeline .timeline_head .page_title p.btn a:hover,
	#timeline .timeline_head .page_title p.btn a:active {
		background-position: 0 -50px;
		color: #fff !important;
		text-decoration: none !important;
	}
	#timeline .timeline_head .page_title p.btn a .arrow {
		display: inline-block;
		padding: 1px 14px 0 1px;
		background: url(../img/ind_icon_arrow_02_r.png) no-repeat 100% 1px;
	}
	#timeline .timeline_head .page_title p.btn a:hover .arrow,
	#timeline .timeline_head .page_title p.btn a:active .arrow {
		background-position: 100% -49px;
	}
	#timeline .timeline_head .page_title p.switch {
		display: none;
	}
	/* .timeline_body */
	#timeline .timeline_body {
		position: relative;
		width: 1160px;
		height: 2000px;
		margin: 0 auto;
		visibility: hidden;
	}
	#timeline .timeline_body .timeline_vline {
		position: absolute;
		left: 580px;
		top: 0;
		width: 1px;
		height: 100%;
		background: #ccc;
	}
	#timeline .timeline_body .timeline_set {
		position: absolute;
		width: 580px;
	}
	#timeline .timeline_body .timeline_set_left { left: 0; }
	#timeline .timeline_body .timeline_set_right { right: 0; }
	#timeline .timeline_body .timeline_set .timeline_circle {
		position: absolute;
		top: -3px;
		width: 7px;
		height: 7px;
		background: url(../img/ind_icon_circle_01.png) no-repeat;
	}
	#timeline .timeline_body .timeline_set_left .timeline_circle { right: -4px; }
	#timeline .timeline_body .timeline_set_right .timeline_circle { left: -3px; }
	#timeline .timeline_body .timeline_set .timeline_line {
		position: absolute;
		top: 0;
		width: 28px;
		height: 1px;
		background: #7f7f7f;
	}
	#timeline .timeline_body .timeline_set_left .timeline_line { right: 0; }
	#timeline .timeline_body .timeline_set_right .timeline_line { left: 0; }
	#timeline .timeline_body .timeline_set .timeline_year {
		position: absolute;
		top: -15px;
	}
	#timeline .timeline_body .timeline_set_left .timeline_year { right: 29px; }
	#timeline .timeline_body .timeline_set_right .timeline_year { left: 30px; }
	#timeline .timeline_body .timeline_set .timeline_year img {
		width: 105px;
		height: 29px;
	}
	#timeline .timeline_body .timeline_set .timeline_set_body {
		position: absolute;
		top: -15px;
		width: 430px;
		line-height: 1.3;
	}
	#timeline .timeline_body .timeline_set_left .timeline_set_body { left: 0; text-align: right; }
	#timeline .timeline_body .timeline_set_right .timeline_set_body { right: 0; text-align: left; }
	#suntory_contents #timeline .timeline_body .timeline_set .timeline_set_body p {
		margin-bottom: 15px;
	}
	#suntory_contents #timeline .timeline_body .timeline_set .timeline_set_body p.break {
		height: 6px;
		margin: 0;
	}
	#timeline .timeline_body .timeline_set .timeline_set_body table.img_txt {
		width: 430px;
	}
	#timeline .timeline_body .timeline_set .timeline_set_body table.img_txt th {
		width: 1%;
		white-space: nowrap;
	}
	#timeline .timeline_body .timeline_set_left .timeline_set_body table.img_txt th { padding: 0 0 20px 15px; }
	#timeline .timeline_body .timeline_set_right .timeline_set_body table.img_txt th { padding: 0 15px 20px 0; }
	#timeline .timeline_body .timeline_set .timeline_set_body table.img_txt th img {
		vertical-align: bottom;
	}
	#timeline .timeline_body .timeline_set .timeline_set_body table.img_txt td {
		width: 99%;
		padding: 0 0 20px;
		font-size: 86%;
	}
	/* .timeline_neighbor */
	#timeline .timeline_neighbor {
		position: relative;
		width: 213px;
		height: 83px;
		margin: -31px auto 0;
	}
	#timeline .timeline_neighbor .ptn_2 .line {
		position: absolute;
		left: 31px;
		top: 31px;
		width: 151px;
		height: 1px;
		background: #ccc;
	}
	#timeline .timeline_neighbor p {
		position: absolute;
		top: 0;
		width: 64px;
		height: 83px;
		overflow: hidden;
	}
	#timeline .timeline_neighbor .ptn_1 p { left: 74px; }
	#timeline .timeline_neighbor .ptn_2 p.back { left: 0; }
	#timeline .timeline_neighbor .ptn_2 p.next { left: 149px; }
	#timeline .timeline_neighbor p a {
		display: block;
		width: 64px;
		height: 83px;
		background-repeat: no-repeat;
		text-indent: -999px;
	}
	#timeline .timeline_neighbor p.back a { background-image: url(../img/ind_btn_back_01.png); }
	#timeline .timeline_neighbor p.next a { background-image: url(../img/ind_btn_next_01.png); }
	#timeline .timeline_neighbor p a:hover,
	#timeline .timeline_neighbor p a:active {
		background-position: 0 -100px;
	}
	/* .timeline_foot */
	#timeline .timeline_foot {
		position: relative;
		margin-top: 55px;
		background: #0c0c0c;
	}
	#timeline .timeline_foot_in {
		position: relative;
		width: 960px;
		height: 53px;
		margin: 0 auto;
		background: #0c0c0c;
	}
	#timeline .timeline_foot p.btn {
		position: absolute;
		right: 0;
		top: 10px;
		width: 124px;
		height: 33px;
		overflow: hidden;
	}
	#timeline .timeline_foot p.btn a {
		display: block;
		width: 124px;
		height: 24px;
		padding-top: 9px;
		background-image: url(../img/ind_btn_w124_01.png);
		background-repeat: no-repeat;
		color: #333 !important;
		text-align: center;
	}
	#timeline .timeline_foot p.btn a:hover,
	#timeline .timeline_foot p.btn a:active {
		background-position: 0 -50px;
		color: #fff !important;
		text-decoration: none !important;
	}
	#timeline .timeline_foot p.btn a .arrow {
		display: inline-block;
		padding: 1px 14px 0 1px;
		background: url(../img/ind_icon_arrow_02_r.png) no-repeat 100% 1px;
	}
	#timeline .timeline_foot p.btn a:hover .arrow,
	#timeline .timeline_foot p.btn a:active .arrow {
		background-position: 100% -49px;
	}

@media screen and (min-width:961px){
/*=============================================================
  [PC] width 961px -
============================================================ */
    #suntory_contents #bc {
	width: 100%;
    max-width: 1164px;
    }
    #timeline .timeline_head .page_title {
    width: 100%;
    max-width: 1164px;
    }
}



/* ------------------------------------------------------ */
/* End */
/* ------------------------------------------------------ */