@charset "utf-8";

.ir_commonbtn{float:right;margin-bottom:30px;}
.ir_commonbtn_big{padding:12px 40px!important;font-size:16px!important;}

/* history */
.history_nav { width:100%; height:64px; margin:40px auto; padding:10px 0; background:#0070a5; box-sizing:border-box;clear:both;}
.history_nav.fixed { position:fixed; top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%); width:100%;max-width:1156px; margin:0; z-index:100; }
.history_nav nav { width:640px; margin:auto; position:relative; }
.history_nav_line { width:544px; height:1px; background:#fff; position:absolute; top:33px; left:23px; z-index:0; }
.history_nav ul { text-align:center; z-index:10; position:relative; }
.history_nav li { float:left; width:64px; height:44px; margin-right:45px; }
.history_nav li:last-child { margin:0; }
.history_nav li a { display:block; width:100%; height:100%; text-indent:-9999px; }
.history_nav li:nth-child(1) a { background:url("../img/history/nav1.png") 0 0 no-repeat; }
.history_nav li:nth-child(2) a { background:url("../img/history/nav2.png") 0 0 no-repeat; }
.history_nav li:nth-child(3) a { background:url("../img/history/nav3.png") 0 0 no-repeat; }
.history_nav li:nth-child(4) a { background:url("../img/history/nav4.png") 0 0 no-repeat; }
.history_nav li:nth-child(5) a { background:url("../img/history/nav5.png") 0 0 no-repeat; }
.history_nav li:nth-child(6) a { background:url("../img/history/nav6.png") 0 0 no-repeat; }
.history_nav li a:hover  { background-position: 0 -44px; }
.history_nav li a.active { background-position: 0 -88px; }

.history { padding:0 24px;clear:both;}
.history.fixed { padding-top:144px; }
.history_title { padding-bottom:15px; border-bottom:3px solid #0070a5; }
.history_title h4 { width:50%; float:left; text-align:center; color:#0070a5; font-size:20px; font-weight:bold; }
.timeline { padding:50px 0; border-bottom:3px solid #0070a5; background:url("../img/history/tl_bg.png") top center repeat-y; }
.year_box { padding-top:40px; margin-top:-40px; }
.year_box .year {width:80px; height:80px; margin:0 auto -52px; line-height:76px; color:#0070a5; text-align:center;font-weight:bold; font-size:15px; white-space:nowrap; z-index:20; position:relative;background:#fff; border:3px solid #0070a5; border-radius:50%;font-family:"游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; }
.year_box .year span { font-size:19px; margin-left:2px; }
.news_box { margin-bottom:30px; font-weight:500; z-index:10; position:relative; }
.news_box:last-child { margin-bottom:0; }
.news_box dt { color:#0070a5; background:#fff; }
.news_box dd img { margin-top:10px; }

@media (min-width: 768px){
	.no-pc { display:none; }
	.no-sp { display:block; }

	/* history */
	.year_box .left  { width:544px; float:left;max-width:49.5%; }
	.year_box .right { width:544px; float:right;max-width:49.5%; }
	.year_box .left  .news_box dl { padding-right:65px; }
	.year_box .right .news_box dl { padding-left:65px; }
	.year_box .right .news_box dt { width:19%; padding-left:10px; }
	.year_box .right .news_box dd { margin-left:19%;width:81%; background:#fff; }
	.news_box.line { background:url("../img/history/line.png") 0 0 repeat-x; }
	.news_box dt { width:23%; float:left; }
	.news_box dd { margin-left:23%;width:77%; }
	.news_box dd span { background:#fff; padding-right:5px; display:inline-block; }
	.news_box.product dd.txt { width:60%; margin:0; float:left; }
	.news_box.product dd.bottle { width:21%; margin:0; float:right; text-align:center; }
	.news_box.product dd.bottle img { margin:0; }

	#news1972 { margin-top:50px; }
	#news1974 { margin-top:70px; }
	#news1981 { margin-top:50px; } #news1981 .bottle { margin-top:-10px; }
	#news1991 { margin-top:50px; } #news1991 .bottle { margin-top:-40px; }
	#news1992 { margin-top:0px; } #news1992 .bottle { margin-top:-10px; }
	#news1999 { margin-top:150px;margin-bottom:-50px; }
	#news2004 { margin-top:60px; } #news2004 .bottle { margin-top:-55px; }
	#news2006 { margin-top:30px; } #news2006 .bottle { margin-top:-20px; }
	#news2009 { margin-top:200px;margin-bottom:-70px; }
	#news2011 { margin-top:70px; }
	#news2012 { margin-top:150px; } #news2012 .bottle { margin-top:-40px; }
	#news2013 { margin-top:54px; }
	#news2013_2 { margin-top:32px; } #news2013_2 .bottle { margin-top:-20px; }
	#news2015 { margin-top:30px; }
	#news2015_2 { margin-top:313px; } #news2015_2 .bottle { margin-top:-10px; }
	#news2017_2 { margin-top:134px; }

}

@media (max-width: 767px){
	.no-pc { display:block; }
	.no-pc img { max-width:100%; height:auto; }
	.no-sp { display:none; }

	.ir_commonbtn_big{padding:10px 20px!important;font-size:14px!important;line-height:1.4!important;}

	/* history */
	.history_nav { display:none; }
	.history { padding:0!important; }
	.history_title { display:none; }
	.timeline { background-size:200px auto; padding:15px 0; text-align:center; border-top:3px solid #0070a5; }
	.year_box { padding-bottom:25px; }
	.year_box .year { margin-bottom:15px; }
	.news_box { background:#fff; margin-bottom:20px; }
	.news_box.product dd.txt { width:auto; }
	.news_box.product dd.txt br { display:none; }

}