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

	Title : history/css/style.css

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


/***************************************************************
*
*	PC view
*	
****************************************************************/


/* pc 嫟捠------------------------------------------------------- */

.spNon {
	display: block;
}

/* 暡儈儖僋偺楌巎 */


#history #content {
	position: relative;
	margin: 0 auto;
	background-image: url(../image/top_bg02.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100%;
	text-align: center;
}

#history #content h1 {
	width: 361px;
	margin: 0 auto;
	padding: 40px 0 0;
}

#history #content p.milk_bnr {
	position: absolute;
	top: 106px;
	right: 345px;
}

#history #content .history_head {
	padding: 100px 0 30px;
}

#history #content .history_head p.head_tit {
	width: 460px;
	margin: 0 auto;
	padding: 0 31px 20px 0;
}

#history #content .history_head p.head_note {
	width: 664px;
	margin: 0 auto;
	padding: 0 0 42px;
}

#history #content .history_movie p.head_movie {
	width: 852px;
	height: 479px;
	margin: 0 auto;
	padding: 10px;
	background-color: #ffffff;
}

#history #content .history_start p.start_tit {
	width: 932px;
	margin: 0 auto;
	padding: 0 0 41px 221px;
}

#history #content .history_start .start_hirota {
	position: relative;
	width: 765px;
	line-height: 2;
	margin: 0 0 0 293px;
	padding: 40px 60px 45px 109px;
	border: solid 1px #ffffff;
	border-radius: 15px;
	background-color: #e6f1fc;
	box-sizing: border-box;
	text-align: left;
}
#history #content .history_start p{
  line-height: 2;
}

#history #content .history_start .start_hirota p.history_hirota {
	position: absolute;
	top: -113px;
	left: -122px;
}

#history #content .history_start .start_ohga {
	position: relative;
	margin: 87px 0 0 415px;
	padding: 48px 125px 40px 50px;
	width: 657px;
	line-height: 2;
	border: solid 1px #ffffff;
	border-radius: 15px;
	background-color: #e6f1fc;
	text-align: left;
}

#history #content .history_start .start_ohga p.history_ohga {
	position: absolute;
	top: -73px;
	right: -78px;
}

#history #content .history_start .start_ohga02 {
	position: relative;
	width: 858px;
	line-height: 2;
	margin: 89px 0 0 362px;
	padding: 45px 47px 37px 60px;
	border: solid 1px #ffffff;
	border-radius: 15px;
	background-color: #e6f1fc;
	text-align: left;
}

#history #content .history_start .start_ohga02 p.paragraph {
	padding: 0 0 15px 197px;
}

#history #content .history_start .start_ohga02 p.history_factory {
	position: absolute;
	top: -56px;
	left: -191px;
}

#history #content .history_item{
	background-color: #ebe7e6;
	padding: 10px;
	max-width: 1130px;
	margin: 40px auto 40px;
	position: relative;
	box-shadow: 2px 2px 6px #ccc;
}
#history #content .history_item > div{
	background-color: #fff;
	overflow: hidden;
	padding: 50px 30px;
}
#history #content .history_item.item1917::before{
	content: "";
	position: absolute;
	width: 120px;
	height: 36px;
	background: url(../image/history_1917.png) no-repeat center top #ebe7e6;
	left: 10px;
	top: 10px;
	border-radius: 0 0 20px 0;
}
#history #content .history_item .item_img{
	float: left;
}
#history #content .history_item .item_txt{
	float: right;
	width: 70%;
	text-align: left;
	font-size: 15px;
	line-height: 1.8;
	padding-top: 10px;
}
#history #content .history_item .item_txt p{
	margin-bottom: 10px;
}


#history #content .history_product {
	position: relative;
	margin-top: -40px;
}

#history #content .history_product dd.word {
	position: absolute;
}

#history #content .history_product p.product_tit {
	width: 611px;
	margin: 0 auto;
	padding: 95px 0 0 395px;
}

#history #content .history_product .product_content {
	position: absolute;
	z-index: 2;
	width: 459px;
	padding: 9px;
	background-image: url(../image/history_product_top.jpg),url(../image/history_product_bottom.jpg),url(../image/history_product_contents.png);
	background-position: center top,center bottom,center top;
	background-repeat: no-repeat,no-repeat,repeat-y;
	background-size: 459px 12px,459px 20px,459px 7px;
}

#history #content .history_product .product_content dl {
	position: relative;
	width: 400px;
	margin: 0 auto;
	padding: 25px 35px;
}

#history #content .history_product .product_content dl dt p.tit,
#history #content .history_product .product_content dl dt p.product_img,
#history #content .history_product .product_content dl dt p.product_img02 {
	display: inline-block;
}

#history #content .history_product .product_content dl dt p.tit {
	vertical-align: top;
}

#history #content .history_product .product_content dl dd {
	width: 375px;
	line-height: 1.8;
	padding: 30px 0 0;
	text-align: left;
}

#history #content .history_product .kinomi-ru {
	top: 206px;
	left: 162px;
}

#history #content .history_product .kinomi-ru dl dt {
	padding-right: 86px;
}

#history #content .history_product .kinomi-ru dl dt p.tit {
	width: 108px;
	padding: 60px 64px 0 0;
}

#history #content .history_product .kinomi-ru dl dt p.product_img {
	width: 137px;
}

#history #content .history_product .kinomi-ru dl dd {
	padding: 30px 0 0;
}

#history #content .history_product dl dd.word_kinomi-ru {
	top: -75px;
	left: 97px;
}

#history #content .history_product p.dotted_1917 {
	position: absolute;
	top: 354px;
	left: 623px;
}

#history #content .history_product .kinomi-ru02 {
	top: 270px;
	right: 164px;
}

#history #content .history_product .kinomi-ru02 dl dt {
	padding-right: 110px;
}

#history #content .history_product .kinomi-ru02 dl dt p.tit {
	width: 108px;
	padding: 60px 64px 0 0;
}

#history #content .history_product .kinomi-ru02 dl dt p.product_img {
	width: 104px;
}

#history #content .history_product .kinomi-ru02 dl dd {
	padding: 20px 0 0;
}

#history #content .history_product p.dotted_1940 {
	position: absolute;
	top: 639px;
	left: 817px;
}

#history #content .history_product .katou-milk {
	top: 670px;
	left: 162px;
}

#history #content .history_product .katou-milk dl dt {
	padding-right: 110px;
}

#history #content .history_product .katou-milk dl dt p.tit {
	width: 101px;
	padding: 60px 64px 0 0;
}

#history #content .history_product .katou-milk dl dt p.product_img {
	width: 120px;
}

#history #content .history_product .katou-milk dl dd {
	padding: 20px 0 0;
}

#history #content .history_product p.dotted_1942 {
	position: absolute;
	top: 784px;
	left: 623px;
}

#history #content .history_product .lebens-milk {
	top: 720px;
	right: 164px;
}

#history #content .history_product .lebens-milk dl dt {
	padding: 12px 60px 0 0;
}

#history #content .history_product .lebens-milk dl dt p.tit {
	width: 170px;
	padding: 60px 45px 0 0;
}

#history #content .history_product .lebens-milk dl dt p.product_img {
	width: 120px;
}

#history #content .history_product .lebens-milk dl dd {
	padding: 20px 0 0;
}

#history #content .history_product p.dotted_1953 {
	position: absolute;
	top: 953px;
	left: 818px;
}

#history #content .history_product .lebens-milk-a {
	top: 1055px;
	left: 162px;
}

#history #content .history_product .lebens-milk-a dl {
	position: relative;
}

#history #content .history_product .lebens-milk-a dl dt {
	padding-right: 52px;
}

#history #content .history_product .lebens-milk-a dl dt p.tit {
	width: 170px;
	padding: 60px 45px 0 0;
}

#history #content .history_product .lebens-milk-a dl dt p.product_img {
	width: 120px;
}

#history #content .history_product .lebens-milk-a dl dd {
	padding: 20px 0 0;
}

#history #content .history_product dl dd.word_lebens-milk-a {
	top: -73px;
	left: 46px;
}

#history #content .history_product p.dotted_1960 {
	position: absolute;
	top: 1060px;
	left: 622px;
}

#history #content .history_product .lebens-d {
	top: 1065px;
	right: 164px;
}

#history #content .history_product .lebens-d dl dt {
	padding: 10px 15px 0 0;
}

#history #content .history_product .lebens-d dl dt p.tit {
	width: 128px;
	padding: 60px 38px 0 0;
}

#history #content .history_product .lebens-d dl dt p.product_img {
	width: 97px;
}

#history #content .history_product .lebens-d dl dt p.product_img02 {
	width: 111px;
}

#history #content .history_product .lebens-d dl dd {
	padding: 20px 0 0;
}

#history #content .history_product dl dd.word_lebens-d {
	top: -55px;
	right: 21px;
}

#history #content .history_product p.dotted_1967 {
	position: absolute;
	top: 1192px;
	left: 818px;
}

#history #content .history_product .wakochan {
	top: 1420px;
	left: 162px;
}

#history #content .history_product p.dotted_1981 {
	position: absolute;
	top: 1412px;
	left: 622px;
}

#history #content .history_product .wakochan dl dt {
	padding-right: 52px;
}

#history #content .history_product .wakochan dl dt p.tit {
	padding: 60px 45px 0 0;
	width: 170px;
}

#history #content .history_product .wakochan dl dt p.product_img {
	width: 120px;
}

#history #content .history_product .wakochan dl dd {
	padding: 20px 0 0;
}

#history #content .history_product dl dd.word_wakochan {
	top: -54px;
	left: 61px;
}

#history #content .history_product p.dotted_1940 {
	position: absolute;
	top: 621px;
	left: 811px;
}

#history #content .history_product .lebens-f {
	top: 1410px;
	right: 164px;
}

#history #content .history_product .lebens-f dl dt {
	padding-right: 22px;
}

#history #content .history_product .lebens-f dl dt p.tit {
	padding: 50px 15px 0 0;
	width: 193px;
}

#history #content .history_product .lebens-f dl dt p.product_img {
	width: 89px;
}

#history #content .history_product .lebens-f dl dt p.product_img02 {
	width: 71px;
}

#history #content .history_product .lebens-f dl dd {
	padding: 40px 0 10px;
}

#history #content .history_product p.dotted_1990 {
	position: absolute;
	top: 1566px;
	left: 818px;
}

#history #content .history_product .haihaigungun01 {
	top: 1733px;
	left: 162px;
}

#history #content .history_product .haihaigungun01 dl dt {
	padding: 20px 6px 0 0;
}

#history #content .history_product .haihaigungun01 dl dt p.tit {
	width: 171px;
	line-height: 4.5;
	padding: 0 22px 0 0;
	text-align: left;
}

#history #content .history_product .haihaigungun01 dl dt p.product_img {
	width: 94px;
	padding-right: 6px;
}

#history #content .history_product .haihaigungun01 dl dt p.product_img02 {
	width: 91px;
}

#history #content .history_product .haihaigungun01 dl dd {
	padding: 35px 0 0;
}

#history #content .history_product p.dotted_2000 {
	position: absolute;
	top: 1722px;
	left: 622px;
}

#history #content .history_product .haihaigungun02 {
	top: 1775px;
	right: 164px;
}

#history #content .history_product .haihaigungun02 dl dt {
	padding: 20px 6px 0 0;
}

#history #content .history_product .haihaigungun02 dl dt p.tit {
	width: 171px;
	line-height: 4.5;
	padding: 0 22px 0 0;
	text-align: left;
}

#history #content .history_product .haihaigungun02 dl dt p.product_img {
	width: 91px;
	padding-right: 6px;
}

#history #content .history_product .haihaigungun02 dl dt p.product_img02 {
	width: 92px;
}

#history #content .history_product .haihaigungun02 dl dd {
	padding: 30px 0 0;
}

#history #content .history_product p.dotted_2003 {
	position: absolute;
	top: 1790px;
	left: 813px;
}

#history #content .history_product .haihaigungun03 {
	top: 2075px;
	left: 162px;
}

#history #content .history_product .haihaigungun03 dl dt {
	padding-right: 6px;
}

#history #content .history_product .haihaigungun03 dl dt p.tit {
	width: 171px;
	line-height: 4.5;
	padding: 0 15px 0 0;
	text-align: left;
}

#history #content .history_product .haihaigungun03 dl dt p.product_img {
	width: 94px;
	padding-right: 6px;
}

#history #content .history_product .haihaigungun03 dl dt p.product_img02 {
	width: 94px;
}

#history #content .history_product .haihaigungun03 dl dd {
	padding: 20px 0 0;
}

#history #content .history_product p.dotted_2006 {
	position: absolute;
	top: 1880px;
	left: 614px;
}

#history #content .history_product .haihaigungun04 {
	top: 2100px;
	right: 164px;
}

#history #content .history_product .haihaigungun04 dl dt {
	padding: 10px 6px 0 0;
}

#history #content .history_product .haihaigungun04 dl dt p.tit {
	width: 171px;
	line-height: 4.5;
	padding: 0 15px 0 0;
	text-align: left;
}

#history #content .history_product .haihaigungun04 dl dt p.product_img {
	width: 94px;
	padding-right: 6px;
}

#history #content .history_product .haihaigungun04 dl dt p.product_img02 {
	width: 94px;
}

#history #content .history_product .haihaigungun04 dl dd {
	padding: 45px 0 0;
}

#history #content .history_product p.dotted_2008 {
	position: absolute;
	top: 1945px;
	left: 787px;
}

#history #content .history_product p.dotted_2016 {
	position: absolute;
	top: 2055px;
	left: 745px;
}

#history #content .product_content02 {
	position: absolute;
	bottom: 88px;
	left: 273px;
	width: 960px;
	padding: 40px 0;
	background-image: url(../image/history_product_top02.jpg),url(../image/history_product_bottom02.jpg),url(../image/history_product_contents02.jpg);
	background-position: center top,center bottom,center top;
	background-repeat: no-repeat,no-repeat,repeat-y;
	background-size: 960px 21px,960px 21px,960px 5px;
}

#history #content .product_content02 dl,
#history #content .product_content02 p.haihai_new,
#history #content .product_content02 p.gungun_new {
	display: inline-block;
}

#history #content .product_content02 dl {
	position: relative;
	padding: 64px 13px 0;
	vertical-align: top;
}

#history #content .product_content02 dl dd.word_haihaigungun05 {
	position: absolute;
	top: -83px;
	left: 176px;
}

#history #content .product_content02 dl dt {
	padding-bottom: 15px;
}

#history #content .product_content02 p.haihai_new,
#history #content .product_content02 p.gungun_new {
	padding: 0 18px;
}

#history #content .product_content02 p.contents02_note {
	padding-top: 25px;
}

#history #content .history_start p.note{
	padding: 20px 0 0;
	font-size: 90%;
	text-align: left;
	margin-left: 360px;
}


@media screen and (min-width:1160px) and (max-width:1499px) {
	#history #content p.milk_bnr {
		right: 18%;
	}
	#history #content .history_start {
		width: 100%;
	}
	#history #content .history_start .start_hirota {
		margin: 0 auto;
	}
	#history #content .history_start .start_ohga {
		margin: 82px auto 0;
	}
	#history #content .history_start .start_ohga02 {
		margin: 85px auto 0 15%;
	}
	#history #content .history_start .start_ohga02 p.history_factory {
		left: -170px;
	}
	#history #content .history_product {
		width: 1159px;
		margin: 0 auto;
		margin-top: -32px;
	}
	#history #content .history_product .kinomi-ru,
	#history #content .history_product .katou-milk,
	#history #content .history_product .lebens-milk-a,
	#history #content .history_product .wakochan,
	#history #content .history_product .haihaigungun01,
	#history #content .history_product .haihaigungun03 {
		left: 0;
	}
	#history #content .history_product .kinomi-ru02,
	#history #content .history_product .lebens-milk,
	#history #content .history_product .lebens-d,
	#history #content .history_product .lebens-f,
	#history #content .history_product .haihaigungun02,
	#history #content .history_product .haihaigungun04 {
		right: 0;
	}
	#history #content .history_product p.dotted_1917 {
		left: 450px;
	}
	#history #content .history_product p.dotted_1940 {
		left: 640px;
	}
	#history #content .history_product p.dotted_1942 {
		left: 452px;
	}
	#history #content .history_product p.dotted_1953 {
		left: 645px;
	}
	#history #content .history_product p.dotted_1960 {
		left: 450px;
	}
	#history #content .history_product p.dotted_1967 {
		left: 645px;
	}
	#history #content .history_product p.dotted_1981 {
		left: 450px;
	}
	#history #content .history_product p.dotted_1990 {
		left: 645px;
	}
	#history #content .history_product p.dotted_2003 {
		left: 645px;
	}
	#history #content .history_product p.dotted_2000 {
		left: 455px;
	}
	#history #content .history_product p.dotted_2006 {
		left: 440px;
	}
	#history #content .history_product p.dotted_2008 {
		left: 614px;
	}
	#history #content .history_product p.dotted_2016 {
		left: 575px;
	}
	#history #content .product_content02 {
		left: 50%;
		margin-left: -476px;
	}
	#history #content .history_start p.note{
		margin-left: 15%;
	}
}
@media screen and (min-width:770px) and (max-width:1159px) {
	#history #content p.milk_bnr {
		right: 18%;
	}
	#history #content .history_start {
		width: 100%;
	}
	#history #content .history_start .start_hirota {
		margin: 0 auto;
	}
	#history #content .history_start .start_ohga {
		margin: 82px auto 0;
	}
	#history #content .history_start .start_ohga02 {
		margin: 85px auto 0 15%;
	}
	#history #content .history_start .start_ohga02 p.history_factory {
		left: -170px;
	}
	#history #content .history_product {
		width: 1159px;
		margin: 0 auto;
	}
	#history #content .history_product .kinomi-ru,
	#history #content .history_product .katou-milk,
	#history #content .history_product .lebens-milk-a,
	#history #content .history_product .wakochan,
	#history #content .history_product .haihaigungun01,
	#history #content .history_product .haihaigungun03 {
		left: 0;
	}
	#history #content .history_product .kinomi-ru02,
	#history #content .history_product .lebens-milk,
	#history #content .history_product .lebens-d,
	#history #content .history_product .lebens-f,
	#history #content .history_product .haihaigungun02,
	#history #content .history_product .haihaigungun04 {
		right: 0;
	}
	#history #content .history_product p.dotted_1917 {
		left: 450px;
	}
	#history #content .history_product p.dotted_1940 {
		left: 640px;
	}
	#history #content .history_product p.dotted_1942 {
		left: 452px;
	}
	#history #content .history_product p.dotted_1953 {
		left: 645px;
	}
	#history #content .history_product p.dotted_1960 {
		left: 450px;
	}
	#history #content .history_product p.dotted_1967 {
		left: 645px;
	}
	#history #content .history_product p.dotted_1981 {
		left: 450px;
	}
	#history #content .history_product p.dotted_1990 {
		left: 645px;
	}
	#history #content .history_product p.dotted_2003 {
		left: 645px;
	}
	#history #content .history_product p.dotted_2000 {
		left: 455px;
	}
	#history #content .history_product p.dotted_2006 {
		left: 440px;
	}
	#history #content .history_product p.dotted_2008 {
		left: 614px;
	}
	#history #content .history_product p.dotted_2016 {
		left: 575px;
	}
	#history #content .product_content02 {
		left: 50%;
		margin-left: -476px;
	}
	#history #content .history_start p.note{
		margin-left: 15%;
	}
}
/***************************************************************
*
*	SP view
*	
****************************************************************/

@media screen and (max-width:769px){
	.spNon {
		display: none;
	}
	/* 暡儈儖僋偺楌巎 SP */
	
	#history #content {
		margin: 0 auto;
		padding: 0 0 0;
		background-image: url(../image/sp_top_bg02.png);
		background-position:top center;
		background-repeat: no-repeat;
		background-size: contain;
		text-align: center;
	}
	
	#history #content h1 {
		width: 50%;
		margin: 0 auto;
		padding: 5% 0 0;
	}
	
	#history #content p.milk_bnr {
		position: absolute;
		top: 0.2%;
		right: 3.5%;
		width: 19%;
	}
	
	#history #content .history_head {
		margin: 13% auto 9%;
		padding: 0;
	}
	
	#history #content .history_head p.head_tit {
		width: 80%;
		margin: 0 auto;
		padding: 0;
	}
	
	#history #content .history_head p.head_note {
		width: 80%;
		margin: 8% auto 0;
		padding: 0;
	}
	
	#history #content .history_head .history_movie {
		width: 90%;
		margin: 8% auto 0;
		padding: 1.5%;
		background-color: #ffffff;
	}
	
	#history #content .history_head p.head_movie {
		position: relative;
		width: 100%;
		height: 0;
		padding: 0 0 56.25%;
		overflow: hidden;
	}
	
	#history #content .history_head p.head_movie iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	#history #content .history_start p.paragraph {
		font-size: 12px;
	}
	
	
	#history #content .history_start p.start_tit {
		width: 93%;
		margin: 0 auto;
		padding: 5% 0 0;
	}
	
	#history #content .history_start .start_hirota {
		width: 85%;
		margin: 13% 0 10% 10%;
		padding: 5% 3.1% 5% 3.6%;
		border-radius: 10px;
	}
	
	#history #content .history_start .start_hirota p.history_hirota {
		position: static;
		z-index: 1;
		float: left;
		width: 31%;
		margin: -10% 4% 1% -10%;
		border-radius: 10px;
	}
	
	#history #content .history_start .start_hirota p.paragraph {
		width: auto;
	}
	
	#history #content .history_start .start_ohga {
		width: 82%;
		margin: 0 0 13% 5%;
		padding: 5%;
		box-sizing: border-box;
	}
	
	#history #content .history_start .start_ohga p.paragraph:nth-of-type(2) {
		width: auto;
	}
	
	#history #content .history_start .start_ohga p.paragraph:nth-of-type(3) {
		float: left;
		width: 100%;
	}
	
	#history #content .history_start .start_ohga p.history_ohga {
		position: static;
		float: right;
		width: 34%;
		margin: -14% -16% 1% 7%;
	}
	
	#history #content .history_start .start_ohga02 {
		width: 90%;
		margin: 0 auto;
		padding: 40% 7% 6%;
		border-radius: 10px;
		box-sizing: border-box;
		text-align: left;
	}
	
	#history #content .history_start .start_ohga02 p.paragraph {
		padding: 0;
	}
	
	#history #content .history_start .start_ohga02 p.history_factory {
		top: -3%;
		left: 22%;
		width: 59%;
	}
	
	#history #content .history_product {
		width: 100%;
		margin: 12% auto 0;
		padding: 0;
		background-image:  url(../image/product_bg.png),url(/product/milk/history/images/sp_year_bg.png);
		background-position: top center,top center;
		background-repeat: no-repeat,repeat-y;
		background-size: contain,95%;
	}
	
	#history #content .history_product p.product_tit {
		width: 80%;
		margin: 0;
		padding: 0 0 0 9%;
	}
	
	#history #content .history_product .product_content {
		position: static;
		width: 95%;
		padding: 3% 0;
		background-image: url(../image/sp_history_product_top.jpg),url(/product/milk/history/images/sp_history_product_bottom.jpg),url(/product/milk/history/images/sp_history_product_contents.jpg);
		-webkit-background-size: 100%,100%,100%;
		-moz-background-size: 100%,100%,100%;
		-o-background-size: 100%,100%,100%;
		-ms-background-size: 100%,100%,100%;
		background-size: 100%,100%,100%;
		box-sizing: border-box;
	}
	
	#history #content .history_product p.history_year {
		width: 19%;
		padding-left: 2.8%;
	}
	
	#history #content .history_product p.history_year img {
		vertical-align: top;
	}
	
	#history #content .history_product .product_content dl {
		width: 100%;
		margin: 0;
		box-sizing: border-box;
	}
	
	#history #content .history_product .product_content dl dd {
		line-height: 2;
		font-size: 13px;
	}
	
	#history #content .history_product .kinomi-ru {
		margin: 5% auto;
	}
	
	#history #content .history_product .kinomi-ru dl {
		position: relative;
		padding: 3.5% 6.5%;
	}
	
	#history #content .history_product .kinomi-ru dl dt {
		padding-right: 6%;
	}
	
	#history #content .history_product .kinomi-ru dl dt p.tit {
		width: 31%;
		padding: 15% 12% 0 0;
	}
	
	#history #content .history_product .kinomi-ru dl dt p.product_img {
		width: 31%;
	}
	
	#history #content .history_product .kinomi-ru dl dd {
		width: 100%;
		padding: 6% 0 0;
	}
	
	#history #content .history_product dl dd.word_kinomi-ru {
		top: -19%;
		left: 29%;
		width: 20%;
	}
	
	#history #content .history_product .kinomi-ru02 {
		margin: 5% auto;
	}
	
	#history #content .history_product .kinomi-ru02 dl {
		padding: 3.5% 6.5%;
	}
	
	#history #content .history_product .kinomi-ru02 dl dt {
		padding-right: 6%;
	}
	
	#history #content .history_product .kinomi-ru02 dl dt p.tit {
		width: 31%;
		padding: 15% 12% 0 0;
	}
	
	#history #content .history_product .kinomi-ru02 dl dt p.product_img {
		width: 21%;
	}
	
	#history #content .history_product .kinomi-ru02 dl dd {
		width: 100%;
		padding: 6% 0 0;
	}
	
	#history #content .history_product .katou-milk {
		margin: 5% auto;
	}
	
	#history #content .history_product .katou-milk dl {
		padding: 3.5% 6.5%;
	}
	
	#history #content .history_product .katou-milk dl dt {
		padding-right: 6%;
	}
	
	#history #content .history_product .katou-milk dl dt p.tit {
		width: 27%;
		padding: 14% 12% 0 0;
	}
	
	#history #content .history_product .katou-milk dl dt p.product_img {
		width: 23%;
	}
	
	#history #content .history_product .katou-milk dl dd {
		width: 100%;
		padding: 6% 0 0;
	}
	
	#history #content .history_product .lebens-milk {
		margin: 5% auto;
	}
	
	#history #content .history_product .lebens-milk dl {
		padding: 3.5% 7.5%;
	}
	
	#history #content .history_product .lebens-milk dl dt {
		padding: 0 6% 0 0;
	}
	
	#history #content .history_product .lebens-milk dl dt p.tit {
		width: 43%;
		padding: 13% 6% 0 0;
	}
	
	#history #content .history_product .lebens-milk dl dt p.product_img {
		width: 27%;
	}
	
	#history #content .history_product .lebens-milk dl dd {
		width: 100%;
		padding: 6% 0 0;
	}
	
	#history #content .history_product .lebens-milk-a {
		margin: 5% auto;
	}
	
	#history #content .history_product .lebens-milk-a dl {
		position: relative;
		padding: 4.5% 6.5%;
	}
	
	#history #content .history_product .lebens-milk-a dl dt {
		padding: 0 6% 0 0;
	}
	
	#history #content .history_product .lebens-milk-a dl dt p.tit {
		width: 50%;
		padding: 14% 6% 0 0;
	}
	
	#history #content .history_product .lebens-milk-a dl dt p.product_img {
		width: 29%;
	}
	
	#history #content .history_product .lebens-milk-a dl dd {
		width: 100%;
		padding: 6% 0 0;
	}
	
	
	#history #content .history_product dl dd.word_lebens-milk-a {
		top: -32%;
		left: 21%;
		width: 38%;
	}
	
	#history #content .history_product .lebens-d {
		margin: 5% auto;
	}
	
	#history #content .history_product .lebens-d dl {
		position: relative;
		padding: 4.5% 6.5%;
	}
	
	#history #content .history_product .lebens-d dl dt {
		padding: 0 3% 0 0;
	}
	
	#history #content .history_product .lebens-d dl dt p.tit {
		width: 33%;
		padding: 14% 6% 0 0;
	}
	
	#history #content .history_product .lebens-d dl dt p.product_img {
		width: 20%;
	}
	
	#history #content .history_product .lebens-d dl dt p.product_img02 {
		width: 23%;
	}
	
	#history #content .history_product .lebens-d dl dd {
		width: 100%;
		padding: 6% 0 0;
	}
	
	#history #content .history_product dl dd.word_lebens-d {
		top: -31%;
		left: 26%;
		width: 34%;
	}
	
	#history #content .history_product .wakochan {
		margin: 5% auto;
	}
	
	#history #content .history_product .wakochan dl {
		position: relative;
		padding: 5.5% 8.5%;
	}
	
	#history #content .history_product .wakochan dl dt {
		padding: 0 4% 0 0;
	}
	
	#history #content .history_product .wakochan dl dt p.tit {
		width: 41%;
		padding: 12% 6% 0 0;
	}
	
	#history #content .history_product .wakochan dl dt p.product_img {
		width: 26%;
	}
	
	#history #content .history_product .wakochan dl dd {
		width: 100%;
		padding: 6% 0 0;
	}
	
	#history #content .history_product dl dd.word_wakochan {
		top: -27%;
		left: 21%;
		width: 33%;
	}
	
	#history #content .history_product .lebens-f {
		margin: 5% auto;
	}
	
	#history #content .history_product .lebens-f dl {
		padding: 5.5% 8.5%;
	}
	
	#history #content .history_product .lebens-f dl dt {
		padding: 0 3% 0 0;
	}
	
	#history #content .history_product .lebens-f dl dt p.tit {
		width: 45%;
		padding: 14% 5% 0 0;
	}
	
	#history #content .history_product .lebens-f dl dt p.product_img {
		width: 20%;
	}
	
	#history #content .history_product .lebens-f dl dt p.product_img02 {
		width: 17.5%;
	}
	
	#history #content .history_product .lebens-f dl dd {
		width: 100%;
		padding: 6% 0 0;
	}
	
	#history #content .history_product .haihaigungun01 {
		margin: 5% auto;
	}
	
	#history #content .history_product .haihaigungun01 dl {
		padding: 4.5% 8.5%;
	}
	
	#history #content .history_product .haihaigungun01 dl dt {
		padding: 0 3% 0 0;
	}
	
	#history #content .history_product .haihaigungun01 dl dt p.tit {
		width: 37%;
		line-height: 3.8;
		padding: 0 5% 0 0;
	}
	
	#history #content .history_product .haihaigungun01 dl dt p.product_img {
		width: 20%;
	}
	
	#history #content .history_product .haihaigungun01 dl dt p.product_img02 {
		width: 19%;
	}
	
	#history #content .history_product .haihaigungun01 dl dd {
		width: 100%;
		padding: 6% 0 0;
	}
	
	#history #content .history_product .haihaigungun02 {
		margin: 5% auto;
	}
	
	#history #content .history_product .haihaigungun02 dl {
		padding: 4.5% 8.5%;
	}
	
	#history #content .history_product .haihaigungun02 dl dt {
		padding: 0 3% 0 0;
	}
	
	#history #content .history_product .haihaigungun02 dl dt p.tit {
		width: 37%;
		line-height: 3.8;
		padding: 0 5% 0 0;
	}
	
	#history #content .history_product .haihaigungun02 dl dt p.product_img {
		width: 20%;
	}
	
	#history #content .history_product .haihaigungun02 dl dt p.product_img02 {
		width: 20%;
	}
	
	#history #content .history_product .haihaigungun02 dl dd {
		width: 100%;
		padding: 6% 0 0;
	}
	
	#history #content .history_product .haihaigungun03 {
		margin: 5% auto;
	}
	
	#history #content .history_product .haihaigungun03 dl {
		padding: 4.5% 8.5%;
	}
	
	#history #content .history_product .haihaigungun03 dl dt {
		padding: 0 3% 0 0;
	}
	
	#history #content .history_product .haihaigungun03 dl dt p.tit {
		width: 37%;
		line-height: 3.8;
		padding: 0 5% 0 0;
	}
	
	#history #content .history_product .haihaigungun03 dl dt p.product_img {
		width: 20%;
	}
	
	#history #content .history_product .haihaigungun03 dl dt p.product_img02 {
		width: 20%;
	}
	
	#history #content .history_product .haihaigungun03 dl dd {
		width: 100%;
		padding: 6% 0 0;
	}
	
	#history #content .history_product .haihaigungun04 {
		margin: 5% auto;
	}
	
	#history #content .history_product .haihaigungun04 dl {
		padding: 4.5% 8.5%;
	}
	
	#history #content .history_product .haihaigungun04 dl dt {
		padding: 0 3% 0 0;
	}
	
	#history #content .history_product .haihaigungun04 dl dt p.tit {
		width: 37%;
		line-height: 3.8;
		padding: 0 5% 0 0;
	}
	
	#history #content .history_product .haihaigungun04 dl dt p.product_img {
		width: 20%;
	}
	
	#history #content .history_product .haihaigungun04 dl dt p.product_img02 {
		width: 20%;
	}
	
	#history #content .history_product .haihaigungun04 dl dd {
		width: 100%;
		padding: 6% 0 0;
	}
	#history #content .product_content02 {
		position: relative;
		bottom: 0;
		left: 0;
		width: 95%;
		margin: 10% auto 0;
		padding: 10% 0;
		background-image: url(../image/sp_history_product_top.jpg),url(/product/milk/history/images/sp_history_product_bottom02.jpg),url(/product/milk/history/images/sp_history_product_contents.jpg);
		-webkit-background-size: 100%,100%,100%;
		-moz-background-size: 100%,100%,100%;
		-o-background-size: 100%,100%,100%;
		-ms-background-size: 100%,100%,100%;
		background-size: 100%,100%,100%;
	}
	
	#history #content .product_content02 p.haihai_new,
	#history #content .product_content02 p.gungun_new {
		width: 28%;
		padding: 0 8%;
	}
	
	#history #content .product_content02 p.word_haihaigungun05 {
		position: absolute;
		top: -7%;
		left: 3%;
		width: 45%;
	}
	
	#history #content .product_content02 dl {
		width: 40%;
		padding: 5% 2% 7%;
		vertical-align: bottom;
	}
	
	#history #content .product_content02 dl dt {
		width: 74%;
		margin: 0 auto;
		padding-bottom: 12%;
	}
	
	#history #content .product_content02 p.contents02_note {
		padding: 0 4% 0;
		text-align: left;
		line-height: 1.8;
	}
	#history #content .history_start p.note{
		margin: 0 5%;
		padding-top: 10px;
	}
	
	
	#history #content .history_item{
		margin: 40px 5% 40px;
		padding: 6px;
	}
	#history #content .history_item img{ max-width: 100% !important; width: auto !important; }
	#history #content .history_item > div{
		padding: 50px 5% 30px;
	}
	#history #content .history_item.item1917::before{
		background-position: center 3px;
		left: 6px;
		top: 6px;
	}
	#history #content .history_item .item_img{
		float: none;
	}
	#history #content .history_item .item_txt{
		float: none;
		width: 100%;
		text-align: left;
		font-size: 13px;
		line-height: 1.8;
		padding-top: 10px;
	}
	#history #content .history_item .item_txt p{
		text-align: left;
		padding: 0 !important;
	}

}