/*ページを構成するヘッダーやメインのコンテンツエリア、サイドバーやフッターといったプロジェクト共通のコンテナーブロックのスタイルを定義します。
このレイヤー以降はクラスセレクタのみを指定します。
例外として、このLayoutレイヤーにだけは必要に応じてIDセレクタを指定することもできます。
*/
.l-page_wrapper {
	position: relative;
}

.l-page_wrapper.recipe {
	position: static;
}

.l-page_wrapper.privacy,.l-page_wrapper.company,.l-page_wrapper.contact,.l-page_wrapper.complete {
	position: relative;
}
.l-product-area {
	padding: 3.9vw 0 8.7vw;
	background: url(../images/common/commonbg.png);
}

.l-product-cooking-area {
	padding: 7.4vw 0 5.4vw;
	border-top: 8px solid #00693e;
	background: url(../images/common/shadedbg.png);
}

.l-footer_wrapper{
	position: relative;
	background: url(../images/common/footer-bg.png)100% bottom /100% no-repeat,url(../images/common/footer-common.png);;
}

.l-footer_wrapper.top {
	/*background: url(../images/common/footer-bg.png)100% bottom /100% no-repeat;*/
	background: url(../images/common/footer-bg.png)100% bottom /100% no-repeat,url(../images/top/info_bg.png);
}

.l-privacy-area {
	padding: 3.9vw 0 21.3vw;
	background: url(../images/common/footer-bg.png)100% bottom /100% no-repeat,  url(../images/common/commonbg.png);
}

.l-company-area {
	padding: 0 0 19vw;
	background: url(../images/common/footer-bg.png)100% bottom /100% no-repeat,  url(../images/common/commonbg.png);
}

.l-recruit-area {
	padding: 0 0 19vw;
	background: url(../images/common/footer-bg.png)100% bottom /100% no-repeat,  url(../images/common/commonbg.png);
}

.l-contact-area  {
	padding: 4.1vw 0 16.3vw;
	background: url(../images/common/footer-bg.png)100% bottom /100% no-repeat,  url(../images/common/commonbg.png);
}

.l-complete-area  {
	padding: 8.2vw 0 15.5vw;
	background: url(../images/common/footer-bg.png)100% bottom /100% no-repeat,  url(../images/common/commonbg.png);
}

.l-footer_wrapper.privacy,.l-footer_wrapper.company,.l-footer_wrapper.contact,.l-footer_wrapper.complete {
	background: none;
	padding: 0;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.l-content_wrapper {
	padding-top: 0;
}

.l-effect-area {
    padding: 3.9vw 0 4.7vw;
    background: url(../images/common/commonbg.png);
}

.l-effect-comment-area {
	padding: 5.1vw 0;
	background: url(../images/common/shadedbg.png);
}

.l-flow_area {
	/*position: relative;
    z-index: -2;*/
    padding: 0 0 108px;
	background: url(../images/common/commonbg.png);
}

.l-retail-area {
    padding: 5.1vw 0 8.2vw;
    background: url(../images/common/commonbg.png);
}


@media screen and (max-width: 1000px) {

.l-company-area {
	padding: 4.4vw 0 30vw;
}
.l-recruit-area {
	padding: 0 0 30vw;
}
.l-contact-area {
	padding: 4.1vw 0 24.3vw;
}

.l-complete-area {
	padding: 8.1vw 0 24.3vw;
}

.l-flow_area {
	padding: 0 0 10.8vw;
}

}


@media screen and (max-width: 768px) {
.l-content_wrapper {
	padding-top: 130px;
}

.l-footer_wrapper {
	padding: 16vw 0 0;
	background: url(../images/common/sp-footer-bg.png)100% bottom /100% no-repeat, url(../images/common/footer-common.png);
}

.l-footer_wrapper.top {
	padding: 0;
	background: url(../images/common/sp-footer-bg.png)100% bottom /100% no-repeat, url(../images/common/footer-common.png);
}

.l-product-area {
	padding: 11.8vw 0 17.4vw;
}

.l-product-cooking-area {
	padding: 7.4vw 0 13.2vw;
    border-top: 16px solid #00693e;
}

.l-privacy-area {
	padding: 8.9vw 0 46.3vw;
	background: url(../images/common/sp-footer-bg.png)100% bottom /100% no-repeat, url(../images/common/commonbg.png);
}

.l-company-area {
	padding: 8.4vw 0 56.7vw;
	background: url(../images/common/sp-footer-bg.png)100% bottom /100% no-repeat,  url(../images/common/commonbg.png);
}
.l-recruit-area {
	padding: 0 0 56.7vw;
	background: url(../images/common/sp-footer-bg.png)100% bottom /100% no-repeat,  url(../images/common/commonbg.png);
}
.l-contact-area {
	padding: 8.4vw 0 56.7vw;
	background: url(../images/common/sp-footer-bg.png)100% bottom /100% no-repeat,  url(../images/common/commonbg.png);
}

.l-complete-area {
	padding: 10vw 0 52vw;
	background: url(../images/common/sp-footer-bg.png)100% bottom /100% no-repeat,  url(../images/common/commonbg.png);
}

.l-effect-area {
	padding-bottom: 0;
}

.l-retail-area {
	padding: 12vw 0 18.2vw;
}

.l-flow_area {
    padding: 0 0 19vw;
}

}

@media screen and (max-width: 680px) {
.l-content_wrapper {
	padding-top: 100px;
}

}

@media screen and (max-width: 488px) {
.l-content_wrapper {
	padding-top: 80px;
}


}