/****** ブランドストーリー ******/




#brandstory {
	color: #977D40;
	margin: 0 -25px;
	padding: 60px 25px;
	position: relative;
}

#brandstory_bg {
	width: 100%;
	height: 100%;
	background: url(../brandstory/bg_brandstory.png) repeat-y;
	background-size: 97.5%;
	background-position: top center;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.75;
}

#brandstory_text {
	position: relative;
}

#Blur {
	position: absolute;
	width: calc(100% - 10px);
	height: 60px;
	background-color: #fff;
	filter: blur(10px);
	left: 50%;
	transform: translate(-50%,0);
	bottom: -20px;
}
.titleBrand {
	margin: 0 auto;
	margin-bottom: 60px;
	max-width: 360px;
}
.titleBrand img {
	margin: 0 -25px;
	display: block;
	width: calc(100% + 50px);
}
.titleBrandSub img {
	width: 50%;
	max-width: 160px;
	margin-bottom: 40px;
}
.brandbtn {
	width: 80%;
	margin: 40px auto;
	max-width: 240px;
}
.brandbtn img {
	width: 100%;
}
.brandhr {
	width: 90%;
	margin: 40px auto;
	max-width: 410px;
}




@media screen and (min-width:768px) {

	#brandstory {
		background-size: 100%;
		line-height: 2;
		margin: 0 30px;
		padding: 60px 0 120px;
	}
	#Blur {
		width: calc(100% - 60px);
	}
	

	/****** ブライダル パッケージ ******/


	#BridalContentsPackage {
	}
	.BPackageBox {
		padding: 80px 0;
	}
	.BPItemTitle {
		font-size: 16px;
		padding-bottom: 40px;
	}
	.BPackageImg {
		margin: 40px auto;
		max-width: none;
		width: 390px;
	}
	.BPMini {
		font-size: 12px;
	}

	.titleBrand {
		max-width: none;
		width: 430px;
	}
	
	
}

@media screen and (min-width:980px) {

	
	#BridalMenu {
		max-width: none;
	}
	
	
	#BridalMenu a {
		max-width: none;
		width: 250px;
		display: block;
	}
	
	#BridalMenu #EngageMenu {
		margin-left: 50px;
	}
	#BridalMenu #MarriageMenu {
		margin-right: 50px;
	}
	
	

	/****** ブライダル パッケージ ******/

	#BridalContentsPackage {
	}
	.BPackageBox {
		padding: 100px 0;
	}
	.BPackageBox {
		font-size: 17px;
	}
	.BPItemTitle {
		font-size: 20px;
	}
	.BPMini {
		font-size: 14px;
	}

	
	
	
	
	
}