@charset "UTF-8";


/*----------------------------------------------------------------------------

	ALL

----------------------------------------------------------------------------*/

body{
	max-width: 100%;
}

body img{
	image-rendering: -webkit-optimize-contrast;
}

body a{
	text-decoration: none;
}

.peko :hover{
	transform: translateY(3px);
	opacity: 0.85;
}

.dppc { display: block !important; }
.dpsp { display: none !important }

	@media screen and (max-width: 750px){
		.dppc { display: none !important; }
		.dpsp { display: block !important; }
	}



/*----------------------------------------------------------------------------

	header

----------------------------------------------------------------------------*/

.lp_header_sp{ display: none; }
.lp_header_pc {
	position: fixed;
	top: 0;
	margin-top: 0;
	z-index: 100;
	max-width: 100%;
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	background-color: rgba(255, 255, 255, 0.8);
	background-image: none;
}

.lp_logopc { 
	display: block;
	padding: 0 0 0 15px;
}

.headmenu_area{
	margin: 0 15px 0 auto;
}

.lp_nav_pc{ display: block; }
	.lp_nav_pc ul{ display:flex; }
	.lp_nav_pc li{
		list-style-type: none;
		margin: 0 10px;
		background:url("images/leaf.png") no-repeat 0 0;
		background-size: auto 20px;
		padding-left: 20px;
	}
	.lp_nav_pc li p{
		font-weight: 700;
		font-size: 14px;
	}
	
#sale{
		scroll-margin-top:50px;
	}

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

		.lp_header_pc{ display: none; }
		.lp_header_sp{
			display: flex;
			width: 100%;
			height: 50px;
			background-color: rgba(255, 255, 255, 0.8);
			background-image: none;
			border-bottom: none;
			position: fixed;
			top: 0;
			margin-top: 0;
			z-index: 90;		
		}


		.lp_logosp{
			max-width: 50%;
			padding: 0 5px;
			margin: auto 0;
		}
			.lp_logosp img{
				width: 90%;
			}
		
		/* こっからバーガー */
		
		.lp_nav_sp{
			height: 50px;
			width: 50px;
			background-color: rgba(255, 255, 255, 0.8);
			background-image: url(images/burger.png);
			background-repeat: no-repeat;
			background-size: 28px;
			background-position: center;

			position: fixed;
			top: 0;
			right: 0;
			z-index: 200;
			cursor: pointer;
		}
			.lp_nav_sp.is-active{
				background-image: url(images/burger_close.png);
			}

		.menu_sp{
			height: 100vh;
			width: 70vw;
			background-color: rgba(255, 255, 255, 0.9);
			position: fixed;
			top: 0;
			right: 0;
			z-index: 100;
			/*display: none;*/
			transform: translateX(100%);
    		transition: transform 0.3s ease;
			pointer-events: none;
		}
			.menu_sp.is-active{
				/*display:block;*/
				transform: translateX(0);
				pointer-events: auto;
			}

		.menu_list{
			padding: 60px 0  0 10%;
			width: 100%;
		}
			.menu_list li{
				list-style-type: none;
				background-image: url("images/leaf.png");
				background-repeat: no-repeat;
				background-position: left;
				background-size: auto 20px;
				font-weight: bold;
				font-size: 15px;
				padding-left: 25px;
				line-height: 3;
			}

	}


	
/*----------------------------------------------------------------------------

	タイトル

----------------------------------------------------------------------------*/

.title_mainｰsale_bg{
	width: 100%;
	background: url("images/main_title_bg.png") repeat;
}

.main_title{
	max-width: 1000px;
	text-align: center;
	margin: 0 auto;
	padding: 100px 0 5%;
}

.main_title img{
	max-width: 100%;
}

.main_image img{
	width: 100%;
}

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

		.main_title{
			max-width: 95%;
		}

	}


/*----------------------------------------------------------------------------

	メインセール

----------------------------------------------------------------------------*/

.main_sale{
	max-width: 1000px;
	text-align: center;
	margin: 0 auto;
	padding: 5% 0;
}

.main_sale img{
	max-width: 100%;
}

.main_sale_txt{
	margin: 10px auto 0;
	font-size: 13px !important;
	color:#ffffff !important;
	font-weight: bolder !important;
	line-height: 20px !important;
}
	.main_sale_txt a{
		color:#ffffff !important;
	}


	@media screen and (max-width: 750px){
		.main_sale{
			max-width: 95%;
			margin:0 auto;
			padding:10% 0;
		}

		.main_sale_txt{
			line-height: 17px !important;
		}
		
	}


/*----------------------------------------------------------------------------

	サブセール・オプション

----------------------------------------------------------------------------*/

.sub_sale-option_bg{
	background-color: #fbc82b;
	max-width: 100%;
}

.sub_sale{
	max-width: 1000px;
	text-align: center;
	margin: 0 auto;
	padding: 5% 0;
}

.sub_sale img{
	max-width: 100%;
}

.sub_sale_txt{
	margin: 10px auto 0;
	font-size: 13px !important;
	color:#4c4948 !important;
	font-weight: bolder !important;
	line-height: 20px !important;
}

.sub_option{
	max-width: 700px;
	text-align: center;
	margin: 0 auto;
	padding: 0 0 5%;
}

.sub_option img{
	max-width: 100%;
}

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

		.sub_sale{
			max-width: 95%;
			padding: 10% 0;
		}

		.sub_sale_txt{
			line-height: 17px !important;
		}

		.sub_option{
			max-width: 70%;
			padding: 0 0 5%;
		}

	}


/*----------------------------------------------------------------------------

	集配・店舗　上
	
----------------------------------------------------------------------------*/

	.shuhai-shop {
		max-width: 1000px;
		margin: 0 auto ;
		padding: 0 0 5%;
	}
	.shuhai-shop ul{
		max-width: 100%;
		display: flex;
	}
	.shuhai-shop ul li{
		padding: 0 5%;
		text-align: center;
	}
	.shuhai-shop img{
		width: 70%;
	}

	@media screen and (max-width: 750px){
		.shuhai-shop {
			max-width: 100%;
			margin: 0 auto;
			padding:10% 0;
		}
		.shuhai-shop ul{
			padding: 0 10%
		}
		.shuhai-shop img{
			width: 100%;
		}

	}



	.sub_sale-option_bg-end{
		background-color: #fbc82b;
		max-width: 100%;
		width: 100%;
		height: 15vw;
		border-radius: 0 0 300vw 300vw / 0 0 100vw 100vw;
	}

	@media screen and (max-width: 750px){
		.sub_sale-option_bg-end{
			height: 20vw;
		}
	}


/*----------------------------------------------------------------------------

	アプリ

----------------------------------------------------------------------------*/

.app-bg{
	width: 100%;
	background: url("images/app_bg.png") repeat;
}

.app_area{
	position: relative;
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
	padding: 10% 0;
}

.app_area-main{
	position: relative;
	max-width: 100%;
}
	.app_area-main img{
		max-width: 100%;
	}

.app_area-btn{
	position: absolute;
	max-width: 60%;
	bottom: 40px;
	right: 27px;
}

	.app_area-btn img {
		width: 100%;
	}

.app_txt{
	position: absolute;
	margin: 5px auto 0;
	font-size: 15px !important;
	color:#4c4948 !important;
	font-weight: bolder !important;
	right: 20px;
}

	@media screen and (max-width: 750px){
		.app_area{
			max-width: 95%;
			padding: 15% 0;
		}

		.app_area-btn{
			max-width: 60%;
			bottom: 6vw;
			right: 4vw;
		}

		.app_txt{
			right: 5px;
		}

	}


/*----------------------------------------------------------------------------

	集配・店舗　下　上と共有以外
	
----------------------------------------------------------------------------*/

	.shuhai-shop_under{
		background-color: #fbc82b;
		max-width: 100%;
		padding: 10% 0;
	}

	.shuhai-shop_under .shuhai-shop {
		padding: 0;
	}

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

		.shuhai-shop_under{
			padding: 0;
		}

		.shuhai-shop_under .shuhai-shop {
			padding: 15% 0;
		}
	}


/*----------------------------------------------------------------------------

	エンド　エリア

----------------------------------------------------------------------------*/

.end_area-bg{
	width: 100%;
	background: url("https://www.empire1912.com/images/bg_03.gif") repeat;
	padding:3% 0;
}

.end_area{
	max-width: 1000px;
	margin: 0 auto; 
}

	.end_area ul{
		display: flex;
		max-width: 100%;
	}

	.end_area li{
		list-style-type: none;
		background:url("images/icon_01.png") no-repeat left center;
		background-size: auto 9px;
		margin: auto 0;
		padding: 0 3% 0 10px;

		font-weight: 700;
		font-size: 14px;
	}

	.end_area li:first-child{
		background: none;
		padding: 0 10% 0 0;
	}



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

		.end_area-bg{
			padding:10% 0 10%;
		}

		.end_area{
			max-width: 70%;
			margin: 0 0 0 5%;
		}

		.end_area ul{
			display: block;
		}

		.end_area li{
			list-style-type: none;
			background:url("images/icon_01.png") no-repeat left center;
			background-size: auto 9px;
			margin: 5px 0 0 3%;
			padding: 0 0 0 9px;

		}

		.end_area li:first-child{
			background: none;
			padding: 0 0 20px 0;
			margin: 0;
		}

		.end_area li img:first-child{
			max-width: 80%;
		}

}




/*----------------------------------------------------------------------------

	フッター

---------------------------------------------------------------------------*/

.footer{
	max-width: 100%;
	height: 50px;
	background-color:#169e3d;;
}

.footer p{
	font-size: 13px;
	color: #fff;
	text-align: center;
	line-height: 50px;
}

	@media screen and (max-width: 750px){
		.footer{
			height: 40px;
		}

		.footer p{
			line-height: 40px;
		}
	}