/****************************************************

    ALL

****************************************************/

body {
  max-width: 100%;
}
/*
body img {
  backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;*/
}

p {
	font-size: 13px;
	line-height: 17px;
	font-weight: 500;
}


/****************************************************

    Header

****************************************************/

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

.lp_header_pc nav {
  display: flex;
  max-width: 100%;
  width: 100%;
}

.lp_header_pc nav ul{
  display: flex;
  align-items: center;
  height: 50px;
}

.nav_logo {
  max-width: 200px;
  width: 200px;
  margin-right: auto;
  padding: 0 0 0 30px;
}
	.nav_logo img{
		max-height: 25px;
	}

.nav_menu{
  padding: 0 25px 0 0;
}

.nav_menu li{
  	padding: 0 20px 0 23px;
	list-style-type: none;
	background-image: url("./images/nav_icon.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: auto 18px;
}

.nav_menu img{
  max-height: 20px;
  
}


.lp_header_pc nav ul li a:hover {
  opacity: 0.6;
}


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

	.lp_header_sp{
		display: flex;
		width: 100%;
		height: 40px;
		background-color: rgba(255, 255, 255, 0.8);
		background-image: none;
		border-bottom: none;
		position: absolute;
    top:0;
	}
	.lp_header_pc{ display: none; }

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

		position: fixed;
		top: 0;
		right: 0;
		z-index: 200;
		cursor: pointer;
	}
	.lp_nav_sp.is-active{
		background-image: url("./images/sp/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: 50px 50px;
		width: 100%;
	}

	/* メニュー黒ポチをアイコンに */
	.menu_list li{
		list-style-type: none;
		background-image: url("./images/nav_icon.png");
		background-repeat: no-repeat;
		background-position: left;
		background-size: auto 20px;
		font-weight: bold;
		font-size: 1.2em;
		padding-left: 25px;
		line-height: 3;
	} 
}


/****************************************************

    Shuhai Shop

****************************************************/

.shuhaishop_area{
	max-width: 1100px;
	margin: 150px auto;
}

.shuhaishop{
	max-width: 100%;
	text-align: center;
}

.shuhaishop ul{
	display: flex;
	max-width: 80%;	
	flex-basis: calc((100% - 5px) / 2);
	gap: 5px;
	justify-content: center;	
	margin: 0 auto 50px;
}
	.shuhaishop ul li {
		text-align: center;
	}
	.shuhaishop ul li img{
		max-width: 60%;
		animation: bounce 2s infinite;
	}
		
.other_sale{
	max-width: 80%;
	margin: 0 auto;
	text-align: center;
}

.other_sale img{
	max-width: 100%;
	animation: bounce 2s infinite;
}

	@keyframes bounce{
		0% { transform: translateY(0%); }
		50% { transform: translateY(5%); }
		100% { transform: translateY(0%); }
	}

	@media screen and (max-width: 779px){
		.shuhaishop_area{
		max-width: 95%;
		margin: 70px auto;
		}

		.shuhaishop ul{
			max-width: 90%;
			margin: 0 auto 20px;
		}
			.shuhaishop ul li img{
				max-width: 80%;
			}

		.other_sale{
			max-width: 90%;
		}

	}


/****************************************************

    Main title

****************************************************/

.title_area{
  max-width: 1100px;
  background: url("./images/title_bg.png") no-repeat;
  background-size: 70%;
  background-position: top right;
  margin: 70px auto 0;
}

.main_title{
  max-width: 90%;
  padding: 50px 0 100px 20px;
}

.title_img img{
	max-width: 100%;
	padding: 0 0 30px;
}

.day_img img{
  max-width: 80%;
}


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

	.title_area{
		max-width: 100%;
		background: url("./images/title_bg.png") no-repeat;
		background-size: 80%;
		background-position: top right;
		padding: 0 0 50px;
		margin: 70px auto 0;
	}

	.main_title{
	max-width: 100%;
	padding: 20px 10px;
	}

	.title_img img{
	padding: 0 0 10px;
}
	
	.day_img img{
	max-width: 85%;
	padding: 0 0 0 10px;
	}


}



/****************************************************

    Main sale

****************************************************/

.main_sale_area{
  max-width: 1100px;
  margin: 50px auto;
}

.main_sale{
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
}

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

.futon_price_pc {
	display: block;
	max-width: 100%;
	margin: 50px auto;
	text-align: center;
}
.futon_price_sp{ display: none; }

.futon_price_pc img{
  max-width: 90%;
}

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

	.main_sale_area{
		max-width: 100%;
		margin: 20px auto;
	}

	.main_sale{
		max-width: 95%;
		text-align: center;
	}

	.futon_price_sp {
		display: block;
		width: 95%;
		margin: 20px auto;
		text-align: center;
	}
	.futon_price_pc{ display: none; }
	
	.futon_price_sp img{
	  max-width: 100%;
	  padding: 0 0 5px;
	}


}


/****************************************************

    Sub sale

****************************************************/

.sub_sale_area{
	max-width: 1000px;
	margin: 100px auto;
}

.sub_sale {
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.sub_sale_flex{
	display: flex;
	flex-basis: calc((100% - 5px) / 2);
	justify-content: center;
	gap: 5px;
}

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


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

	.sub_sale_area{
		max-width: 95%;
		margin: 50px auto;
	}
	
}


/****************************************************

    Option Menu

****************************************************/

.option_area {
	max-width: 1100px;
	margin: 50px auto;
}

.option_img {
	text-align: center;
}
	.option_img img{
		max-width: 90%;
		padding: 20px 0 5px;
	}

.op_pc{
	display: block;
}
	.op_sp{	display: none; }

.op_p {
	max-width: 90%;
	margin: 0 auto;
}

	@media screen and (max-width: 779px){
	
		.oprion_area{
			max-width: 95%;
		}

		.option_img img{
			max-width: 95%;
			padding: 5px 0;
		}

		.op_sp{
			display: block;
		}
		.op_pc{	display: none; }

		.option_img img{
			padding: 12px 0 5px;
		}

		.op_p {
		max-width: 95%;
		margin: 0 auto;
		}
	}




/****************************************************

    洗浄工程

****************************************************/

.bluewave {
	display: block;
	max-width: 100%;
}

.bluewave img {
	width: 100%;
}


.senjo_area {
	display: block;
	max-width: 100%;
	width: 100%;
	background-color: rgb(49, 93, 153);
	margin: -1px auto -1px;
	padding: 100px 0;

}

.senjo_kotei {
	max-width: 1100px;
	margin: 0 auto;
	text-align: center;
}

.senjo_kotei img {
	max-width: 80%;
	padding: 100px auto;
}

	@media screen and (max-width: 779px){
		.senjo_kotei {
			max-width: 95%;
		}
		.senjo_kotei img {
			max-width: 95%;
		}
	}



/****************************************************

    Footer

****************************************************/

.footer{
	margin: 100px 0 0;
	max-width: 100%;
	height: 50px;
	background-color: rgb(49, 93, 153);
}

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