@charset "UTF-8";


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

	ALL

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

body{
	max-width: 100%;
	color: #231815;
	margin: 0;
}

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

body a{
	text-decoration: none;
}

.spring_lp_main_bg{
	max-width: 100%;
	background-image: url("images/main_bg.jpg");
	background-repeat: repeat;
}


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

	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/hanabira.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: 768px){

		.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;
		}
			.menu_sp.is-active{
				display:block;
			}

		.menu_list{
			padding: 60px 0  0 10%;
			width: 100%;
		}
			/* メニュー黒ポチを花びらに */
			.menu_list li{
				list-style-type: none;
				background-image: url("images/hanabira.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　→　sale

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

	.title_area_sp{	display: none; }
	.title_area_pc{
		display: block;
		max-width: 1200px;
		margin: 0 auto;
		text-align: center;
	}
		.title_area_pc img{
			padding: 150px 0 150px;
			object-fit: contain;
			max-width: 100%;
		}

	.main_sale_sp{ display: none; }
	.main_sale_pc{
		display: block;
		max-width: 1000px;
		margin: 0 auto;
		text-align: center;
	}
		.main_sale_pc img{
			max-width: 100%;
		}
		.main_sale_pc img:nth-child(n+2){
			margin: 150px 0 0;
		}
		.main_sale_text{
			max-width: 100%;
			margin:15px auto 0;
		}
		.main_sale_text p{
			font-weight: 600;
			font-size: 13px;
			line-height: 19px;
		}


	@media screen and (max-width: 768px){
		.title_area_pc{	display: none; }
		.title_area_sp{
			display: block;
			max-width: 100%;
		}
		 	.title_area_sp img{
				padding: 100px 0;
				object-fit: contain;
				max-width: 100%;
			}

		.main_sale_pc{ display: none; }
		.main_sale_sp{
			display: block;
			max-width: 95%;
			margin: 0 auto;
			text-align: center;
		}
			.main_sale_sp img{
				max-width: 100%;
			}
			.main_sale_sp img:nth-child(n+2){
				margin: 100px 0 0;
			}
			.main_sale_text{
				max-width: 95%;
				margin:15px auto 0;
			}
			.main_sale_text p{
				font-weight: 600;
				font-size: 13px;
				line-height: 19px;
			}		

	}




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

	Induction　shuhai-shop

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

	.kochira{
		max-width: 1000px;
		margin: 150px auto;
		text-align: center;
	}
		.kochira img{
			object-fit: contain;
			max-width: 70%;
			padding: 50px 0;
		}


	 /*  バウンドアニメーション  */
	.bounce{
		animation: bounce-bounce 2s infinite;
	}
		@keyframes bounce-bounce {
			0% { transform: translateY(0); }
			50% { transform: translateY(10px); }
			100% { transform: translateY(0); }
		}

 			
		@media screen and (max-width: 768px){
			.kochira{
				max-width: 95%;
				margin: 100px auto;
			}
				.kochira img{
					max-width: 80%;
					padding: 30px 0;
				}			

			@keyframes bounce-bounce {
			50% { transform: translateY(5px); }
			}

		}



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

	Present Campaign

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

	.present-campaign_sp { display: none; }
	.present-campaign_pc {
		display: block;
		max-width: 1000px;
		margin: 0 auto 150px;
		text-align: center;
	}
		.present-campaign_pc img{
			max-width: 100%;
		}

	@media screen and (max-width: 768px){
		.present-campaign_pc { display: none; }
		.present-campaign_sp {
			display: block;
			max-width: 95%;
			margin: 0 auto 100px;
			text-align: center;
		}
			.present-campaign_sp img{
				max-width: 100%;
			}

	}


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

	sale-announcement

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

	.sale-announce_sp { display: none; }
	.sale-announce_pc {
		display: block;
		max-width: 1000px;
		margin: 0 auto 150px;
		text-align: center;
	}
		.sale-announce_pc img{
			max-width: 70%;
		}

	@media screen and (max-width: 768px){
		.sale-announce_pc { display: none; }
		.sale-announce_sp {
			display: block;
			max-width: 95%;
			margin: 0 auto 100px;
			text-align: center;
		}
			.sale-announce_sp img{
				max-width: 100%;
			}

	}


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

	empire-app

----------------------------------------------------------------------------*/ 
	.empire-app_mg{
		padding: 0 0 200px;
	}

	.empire-app_sp { display: none; }
	.empire-app_pc {
		display: block;
		max-width: 1000px;
		margin: 0 auto;
		text-align: center;
		position: relative;
	}
		.empire-app_pc img{
			max-width: 100%;
		}
		.app-kochira_pc {
			position: absolute;
			max-width: 90% !important;
			top: 86%;
			left: 50%;
			z-index: 10;
		}

	/*  バウンドアニメーション  */
	.bounce-app{
		animation: bounce-apppp 2s infinite;
	}
		@keyframes bounce-apppp {
			0% { transform: translate(-50%,-50%) translateY(0); }
			50% { transform: translate(-50%,-50%) translateY(10px); }
			100% { transform: translate(-50%,-50%) translateY(0); }
		}



	@media screen and (max-width: 768px){
		.empire-app_mg{
			padding: 0 0 150px;
		}

		.empire-app_pc { display: none; }
		.empire-app_sp {
			display: block;
			max-width: 98%;
			margin: 0 auto;
			text-align: center;
			position: relative;
		}
			.empire-app_sp img{
				max-width: 100%;
			}
			.app-kochira_sp {
				position: absolute;
				max-width: 90% !important;
				top: 86%;
				left: 50%;
				z-index: 10;
			}

			/*  バウンドアニメーション  */
			@keyframes bounce-apppp {
				0% { transform: translate(-50%,-50%) translateY(0); }
				50% { transform: translate(-50%,-50%) translateY(5px); }
				100% { transform: translate(-50%,-50%) translateY(0); }
			}
	}






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

	end area

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

.end_area_bg{
	max-width: 100%;
	background-color: #f9d6d3;
}

.end_area{
	max-width: 1000px;
	margin: 0 auto;
	padding: 150px 0;
	text-align: center;
}

.end_area img{
	max-width: 40%;
}


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

		.end_area{
			max-width: 95%;
			padding: 100px 0;
		}

		.end_area img{
			max-width: 50%;
		}
	

	}




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

	フッター

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

.footer{
	max-width: 100%;
	height: 50px;
	background-color: rgba(33, 176, 74, 0.8);
}

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