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

.l-header_wrapper {
	position: fixed;
	z-index: 1001;
}

.l-header_wrapper.p-top {
	display: block;
	position: static;
}

.l-header-in nav,.l-top-store-service,.l-top-contact,.l-category_wrapper,.l-shop-service-area {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

.l-topcurtain_wrapper {
	background-color: #f5f5f5;
	padding-bottom: 48px;
}

.l-top-store {
	background: url(../images/bg-top-store.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-size: cover;
}

.l-top-gide {
	padding: 104px 0 80px;
	background: url(../images/bg-top-gide.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-size: cover;
}

.l-top-servicearea {
	margin-bottom: 69px;
	padding: 82px 0 76px;
	background: url(../images/bg-top-servicearea.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-size: cover;
}

.l-header-in {
	background-color: #fff;
	position: fixed;
	top: 0;
	width: 100%;
}

.l-header-in-box {
	/*position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 10;*/
}

.l-header-in.p-top {
	position: static;
}

.l-header-in.follow {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2;
}

.l-main_wrapper {
	overflow: hidden;
}

.l-shop-service-area {
	margin-bottom: 100px;
}

.l-footer_wrapper {
	background-color: #f4f4f4;
}

@media screen and (max-width: 1200px){
	.l-header-in nav,.l-top-store-service,.l-top-contact,.p-footer-box,.l-category_wrapper{
		max-width: 100%;
		width: 96%;
		margin: 0 auto;
	}

	.l-top-servicearea {
		background-position: left center;
		background-size: cover;
	}
}



@media screen and (max-width: 768px){
	.l-header-in.follow  {
		position: initial;
	}
	.l-topcurtain_wrapper {
		padding-bottom: 9.74%;
	}

	.l-top-store {
		background: url(../images/sp-bg-top-store.png);
		background-repeat: no-repeat;
		background-position: center bottom;
    	background-size: 100%;
	}

	.l-top-gide {
		padding: 15.4% 0 20%;
		background: url(../images/sp-bg-top-gide.png);
		background-repeat: no-repeat;
		background-position: 100% 100%;
	}

	.l-top-contact {
		width: 92%;
	}

	.l-top-servicearea {
		margin-bottom: 0;
		padding: 13.4% 0;
		background: url(../images/sp-bg-top-servicearea.png);
		background-repeat: no-repeat;
		background-size: cover;
	}

	.l-shop-service-area {
		padding: 4%;
		margin-bottom: 5%;
	}

}