@charset "utf-8";
/* ==================================================================
CSS information
style info :「HISTORY」ページ用
================================================================== */


/* --------------------------------------------------------
#contents-lb
-------------------------------------------------------- */
#contents-lb { color:#dfdfdf; background:#000; /*float:left; margin-left:231px; min-height:600px;*/ position:relative; }

/* --------------------------------------------------------
#productsBox
-------------------------------------------------------- */
.history2005{background:url("../_img/bg_lb_2005.jpg") no-repeat left top; background-size:100% auto;padding:5% 0;}
.history2007{background:url("../_img/bg_lb_2007.jpg") no-repeat left top; background-size:100% auto;padding:4.7% 0;}
.history2014{background:url("../_img/bg_lb_2014.jpg") no-repeat left top; background-size:100% auto;padding:4.7% 0;}
.history1964{background:url("../_img/bg_lb_1964.jpg") no-repeat left top; background-size:100% auto;padding:4.7% 0;}
.history1974{background:url("../_img/bg_lb_1974.jpg") no-repeat left top; background-size:100% auto;padding:4.7% 0;}
.changed.history2005{background-image:url("../_img/bg_lb_2005_fig.jpg");padding:0;}
.changed.history2007{background-image:url("../_img/bg_lb_2007_fig.jpg");padding:0;}
.changed.history2014{background-image:url("../_img/bg_lb_2014_fig.jpg");padding:0;}
.changed.history1964{background-image:url("../_img/bg_lb_1964_fig.jpg");padding:0;}
.changed.history1974{background-image:url("../_img/bg_lb_1974_fig.jpg");padding:0;}
h1{margin-bottom:10px;}
.history2014 h1{margin-bottom:15px;}
h1 img{width:100%;}

#content,#lbFtr{padding:0 4.5%;}

.hdgStory{margin-bottom:3%;}
.hdgStory span{display:block;margin-bottom:10px;width:5%;}

.txtArea p{margin-bottom:3%; /*font-size:15px;*/ line-height:1.9;text-shadow:2px 2px 2px #000;}
.txtArea em{font-weight:bold;}

.history2005 .hdgTxt{width:60.584%;}
.history2007 .hdgTxt{width:71.098%;}
.history2014 .hdgTxt{width:74.7792%;}
.history1964 .hdgTxt{width:71.7402%;}
.history1974 .hdgTxt{width:44.87012%;}
.history2005 .txtArea{width:65%;}

.lytCol4:before,.lytCol4:after,.lytCol3:before,.lytCol3:after{content: " "; display: table;}
.lytCol4:after,.lytCol3:after{clear: both;}

.lytCol4{margin-left:-1.285%;margin-bottom:4%;}
.lytCol4 li{float:left;width:25%;padding-left:1.285%;box-sizing:border-box;}
.lytCol3{margin-left:-2.14285%;}
.lytCol3 li{float:left;width:33.3333%;padding-left:2.14285%;box-sizing:border-box;}
.lytCol2{margin-left:-2.14285%;}
.lytCol2 li{float:left;width:50%;padding-left:2.14285%;box-sizing:border-box;}

.lytCol3 li img,.lytCol4 li img{width:100%;}
.lytCol4 li img{border:1px solid #5A504E;box-sizing:border-box;}

#figBlock{padding-bottom:4%;}
.txtSale img{width:100%;}

@media screen and (max-width: 768px) { /* 768px以下の記述 */
.history2005{background-image:url("../_img/bg_lb_2005_sp.jpg");padding-top:0;}
.history2007{background-image:url("../_img/bg_lb_2007_sp.jpg");padding-top:0;}
.history2014{background-image:url("../_img/bg_lb_2014_sp.jpg");padding-top:0;}
.history1964{background-image:url("../_img/bg_lb_1964_sp.jpg");padding-top:0;}
.history1974{background-image:url("../_img/bg_lb_1974_sp.jpg");padding-top:0;}

.history2007 h1{margin-bottom:20px;}
.history2014 h1{margin-bottom:20px;}
.history1964 h1{margin-bottom:20px;}
.history1974 h1{margin-bottom:20px;}

.hdgStory{margin-bottom:20px;}
.hdgStory span{display:none;}
.txtArea{width:100%!important;}
.txtArea p{margin-bottom:20px;font-size:12px;}

.history2005 .hdgTxt{width:72%;}
.history2007 .hdgTxt{width:78%;}
.history2014 .hdgTxt{width:95%;}
.history1964 .hdgTxt{width:81.25%;}
.history1974 .hdgTxt{width:54.53125%;}

.lytCol4{margin-left:-10px;}
.lytCol4 li{width:50%;padding:0 0 10px 10px;}
.lytCol3{margin-left:0;}
.lytCol3 li{float:none;width:100%;padding-left:0;text-align:center;}
.lytCol3 li + li{padding-top:10px;}
.lytCol2{margin-left:0;}
.lytCol2 li{float:none;width:100%;padding-left:0;text-align:center;}
.lytCol2 li + li{padding-top:10px;}

#figBlock img.sp{width:100%;}

.txtSale{text-align:center;}
.txtSale .sp{display:inline-block;}

}