@charset "utf-8";
/* CSS Document */

#wrapper p,
#wrapper li{
	color:#333;
	letter-spacing:0.1em;
}
/* ------------------------------------------

mv

------------------------------------------ */
/*20170710*/
#mv{
	padding: 30px 0;
	background: url(/item/howto/images/main_bg.png) repeat left top;
}

#mv .introduction_01{
	overflow: hidden;
	margin: 0px auto 10px auto;
	width: 850px;
}
#mv .introduction_01 .ttl01{
	float: left;
}
#mv .introduction_01 .ttl02{
	float: right;
	width: 430px;
}
#mv .introduction_02{
	overflow: hidden;
	width: 850px;
	margin: 30px auto 10px auto;
}
#mv .introduction_02 .text{
	float: left;
}
#mv .introduction_02 .btn{
	float: right;
}
#mv .locationbox{
	width: 940px;
	margin: 40px auto 0;
	padding-top: 5px;
	overflow: hidden;
}

#mv .locationbox li{
	float:left;
	width: 223px;
	margin: 0 0 0 12px;
}
#mv .locationbox li:first-child{
	margin-left:0px;
}
#mv a:hover{
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}
/* ------------------------------------------

kurashikirei

------------------------------------------ */
#kurashikirei{
	width:930px;
	background:url(/item/howto/images/kurashikirei_bg.gif) repeat-y left top;
	margin: 0 auto 36px;
}

#kurashikirei h2{
	margin: 0;
	padding: 33px 0 26px;
	background:url(/item/howto/images/kurashikirei_ttl_bg.png) no-repeat left top;
}

#kurashikirei .kireibox{
	padding: 0 0 23px 0;
	background:url(/item/howto/images/kurashikirei_bg_btm.gif) no-repeat left bottom;
}

#kurashikirei .kireibox .boxwrap{
	position:relative;
	background:url(/item/howto/images/kurashikirei_bg_top.jpg) no-repeat left top;
}

#kurashikirei .kireibox .boxwrap .new{
	width:95px;
	float:left;
	margin: 44px 0 0 70px;
}
#kurashikirei .kireibox .boxwrap .photo{
	width:561px;
	float:left;
	margin: 42px 0 0 17px;
}
#kurashikirei .kireibox .boxwrap .price{
	width:117px;
	float:left;
	margin: 152px 0 0 17px;
}

#kurashikirei .kireibox .boxwrap p.txt{
	clear:both;
	font-size:14px;
	padding: 20px 0;
}

#kurashikirei .kireibox .inner{
	padding: 50px 0 17px;
}

#kurashikirei .kireibox .inner ul.kurashikireibox{
	height:304px;
	padding: 0 0 0 40px;
}

#kurashikirei .kireibox .inner ul.kurashikireibox li{
	float:left;
	line-height:0;
}

#kurashikirei .kireibox .inner ul.kurashikireibox li:first-child{ margin: 0 20px 0 0;}
#kurashikirei .kireibox .inner ul.kurashikireibox li:nth-of-type(2){ margin: 0 32px 0 0;}
#kurashikirei .kireibox .inner ul.kurashikireibox li:nth-of-type(3){}
	#kurashikirei .kireibox .inner ul.kurashikireibox li:nth-of-type(4){ margin: 16px 11px 0 0;}
	#kurashikirei .kireibox .inner ul.kurashikireibox li:nth-of-type(5){ margin: 16px 16px 0 0;}
	#kurashikirei .kireibox .inner ul.kurashikireibox li:nth-of-type(6){ margin: 5px 0 0 0;}

	#kurashikirei .kireibox .inner .voice{
		margin: 38px auto 0;
		background:url(/item/howto/images/kurashikirei_voice_bg.gif) repeat;
		border-radius:12px ;
		-moz-border-radius:12px ;
		-webkit-border-radius:12px ;
		box-sizing:border-box;
		width:822px;
		padding: 0 0 10px;
	}

	#kurashikirei .kireibox .inner .voice h3{
		background:url(/item/howto/images/kurashikirei_sttl_bg.png) no-repeat top center;
		padding: 17px 0 0 0;
		text-align:center;
		width:500px;
		margin: -50px 0 0 161px;
		height: 59px;
		display:block;
		float:left;
	}

	#kurashikirei .kireibox .inner .voice ul{
		clear:both;
		padding: 23px 0 0 0;
	}

	#kurashikirei .kireibox .inner .voice ul li{
		text-align:left;
		background-color:#FFF;
		display: inline-block;
		padding: 17px 18px 17px;
		width:336px;
		font-size:14px;
		vertical-align:text-top;
		line-height:1.5;
		margin: 0 12px;
		/* box-shadow */
		box-shadow:0px 1px 3px 1px rgba(222,173,142,0.4);
		-moz-box-shadow:0px 1px 3px 1px rgba(222,173,142,0.4);
		-webkit-box-shadow:0px 1px 3px 1px rgba(222,173,142,0.4);
	}

	#kurashikirei .kireibox .inner .voice p{
		margin: 6px 22px 0;
		text-align:right;
		font-size:12px;
		color:#683f24;
	}

	#kurashikirei .kireibox .inner p.syousai{
		margin:23px 0 0 0;
	}

	#kurashikirei .kireibox .inner p.syousai a{
		background:url(/item/howto/images/kurashikirei_ico_arr.png) no-repeat left top;
		padding: 2px 0 2px 26px;
	}



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

	osoujiWrap common

	------------------------------------------ */
	.osoujiWrap{
		clear:both;
	}

	.osoujiWrap h2{
		margin: 45px auto 0;
		padding: 26px 0 0 0;
		height:60px;
		width:506px;
		text-align:center;
	}

	.osoujiWrap .ttlarea{
		padding: 0 0 33px;
	}

	.osoujiWrap .ttlarea p{
		margin: 30px auto 0;
		font-size:16px;
		line-height:1.68;
	}

	.osoujiWrap .howtoarea{
		background-color:#FFF;
		/* border-radius */
		border-radius:0px 0px 6px 6px ;
		-moz-border-radius:0px 0px 6px 6px ;
		-webkit-border-radius:0px 0px 6px 6px ;
		box-sizing:border-box;
		width:884px;
		padding: 0 35px 30px 35px;
		margin: 60px auto 0;
	}

	.osoujiWrap .howtoarea h3{
		font-size:28px;
		height:46px;
		display:block;
		color:#FFF;
		text-align:center;
		width:580px;
		margin: -46px auto 0;
		padding: 30px 0 0 0;
		line-height:0;
	}

	/* お掃除手順
	------------------------------------------ */
	.osoujiWrap ol{
		text-align:left;
		font-size:14px;
	}

	.osoujiWrap ol li{
		margin: 6px 0 0 0;
		padding: 0 0 0 23px;
		font-size:14px;
		line-height:1.5;
	}

	.osoujiWrap ol li:first-child{
		margin: 0 0 0 0;
	}

	.osoujiWrap ol li span{
		font-size:12px;
		line-height:1.5;
		display:block;
	}

	.osoujiWrap ol li img.liimg{
		float:right;
		padding: 0 0 0 10px;
	}

	/* 標準ボックス
	------------------------------------------ */
	.osoujiWrap .basicBox{
		clear:both;
		margin: 30px auto 0;
	}

	.osoujiWrap .basicBox2{
		clear:both;
		margin: 30px auto 0;
		padding: 30px 0 0 0;
	}

	.osoujiWrap .basicBox .leftbox,
	.osoujiWrap .basicBox2 .leftbox{
		float:left;
		width: 463px;
	}

	.osoujiWrap .basicBox .leftbox h4,
	.osoujiWrap .basicBox2 .leftbox h4{
		text-align:left;
	}

	.osoujiWrap .basicBox .leftbox ol,
	.osoujiWrap .basicBox2 .leftbox ol{
		margin: 20px 0 0 0;
	}

	.osoujiWrap .basicBox .rightbox,
	.osoujiWrap .basicBox2 .rightbox{
		float:right;
		width: 317px;
	}

	.osoujiWrap .basicBox .rightbox p,
	.osoujiWrap .basicBox2 .rightbox p{
		color:#666666;
		text-align:right;
		margin: 6px 0 0 0;
	}


	/* 標準ボックス(半分)
	------------------------------------------ */
	.osoujiWrap .harfBox{
		clear:both;
		margin: 30px auto 0;
	}

	.osoujiWrap .harfBox .leftbox{
		float:left;
		width: 390px;
	}

	.osoujiWrap .harfBox .leftbox h4{
		text-align:left;
	}

	.osoujiWrap .harfBox .leftbox ol{
		margin: 20px 0 0 0;
		padding: 0 20px 0 0;
	}

	.osoujiWrap .harfBox .rightbox{
		float:right;
		width: 409px;
	}

	/* ビフォーアフターボックス
	------------------------------------------ */
	.osoujiWrap .beforeafterBox{
		clear:both;
		margin: 30px auto 0;
	}

	.osoujiWrap .beforeafterBox .leftbox{
		float:left;
		width: 380px;
	}

	.osoujiWrap .beforeafterBox .leftbox p{
		text-align:left;
		padding: 0 0 10px;
	}

	.osoujiWrap .beforeafterBox .rightbox{
		width: 412px;
		float:right;
		background:url(/item/howto/images/osoujiWrap_doty.gif) repeat-y 4px top;
		min-height:285px;
	}

	.osoujiWrap .beforeafterBox .rightbox .itembox{
		width:170px;
		float:left;
		margin: 0 0 0 36px;
	}

	/* 画像のみ　--------- */
	.osoujiWrap .onlyBox{
		clear:both;
		margin: 30px auto 0;
		text-align: center;
	}

	.osoujiWrap .onlyBox p{
		padding: 0 0 10px;
	}

	/* 動画ボックス
	------------------------------------------ */
	.osoujiWrap .movieBox{
		clear:both;
		margin: 30px auto 0;
	}

	.osoujiWrap .movieBox2{
		clear:both;
		background:url(/item/howto/images/kitchen_dot.gif) repeat-x left top;
		margin: 30px auto 0;
		padding: 30px 0 0;
	}

	.osoujiWrap .movieBox .leftbox,
	.osoujiWrap .movieBox2 .leftbox{
		float:left;
		width: 222px;
		padding: 0 18px 0 0;
	}

	.osoujiWrap .movieBox .leftbox h4,
	.osoujiWrap .movieBox2 .leftbox h4{
		text-align:left;
	}

	.osoujiWrap .movieBox .leftbox ol,
	.osoujiWrap .movieBox2 .leftbox ol{
		margin: 20px 0 0 0;
		padding: 0 0 20px;
		background:url(/item/howto/images/osoujiWrap_dotx.gif) repeat-x left bottom;
	}

	.osoujiWrap .movieBox .rightbox,
	.osoujiWrap .movieBox2 .rightbox{
		float:right;
		width: 560px;
	}

	.osoujiWrap .movieBox .rightbox p,
	.osoujiWrap .movieBox2 .rightbox p{
		color:#666666;
		text-align:right;
		margin: 6px 0 0 0;
	}

	/* 商品が1つのボックス
	------------------------------------------ */
	.osoujiWrap .OneitemBox{
		clear:both;
		margin: 30px 0 0 0;
		padding: 34px 0 1px 0;
	}

	.osoujiWrap .OneitemBox .txtbox{
		float:left;
		width:632px;
	}

	.osoujiWrap .OneitemBox .txtbox h4{
		float:left;
		width:632px;
		text-align:left;
	}

	.osoujiWrap .OneitemBox .txtbox div{
		padding: 18px 0 0 0;
		clear:both;
	}

	.osoujiWrap .OneitemBox .txtbox img.boxphoto{
		float:left;
		width:234px;
	}

	.osoujiWrap .OneitemBox .txtbox ol{
		margin: 0 30px 0 250px;
	}

	.osoujiWrap .OneitemBox .itembox{
		float:left;
		width:170px;
	}


	/* 商品が2つのボックス
	------------------------------------------ */
	.osoujiWrap .TwoitemBox{
		clear:both;
		background:url(/item/howto/images/osoujiWrap_dotx.gif) repeat-x left top;
		padding: 30px 0 0;
		margin: 30px 0 0;
	}

	.osoujiWrap .TwoitemBox .Boxwrap{
		padding: 0 0 0 0;
		background:url(/item/howto/images/osoujiWrap_doty.gif) repeat-y center top;
	}


	/* 商品が3つのボックス
	------------------------------------------ */
	.osoujiWrap .ThreeitemBox{
		clear:both;
		background:url(/item/howto/images/osoujiWrap_dotx.gif) repeat-x left top;
		padding: 30px 0 0;
		margin: 30px 0 0;
	}

	.osoujiWrap .ThreeitemBox .Boxwrap{
		padding: 0 0 0 8px;
		background:url(/item/howto/images/osoujiWrap_dotyw.gif) repeat-y center top;
	}

	.osoujiWrap .ThreeitemBox .itembox{
		float:left;
		width:170px;
		margin: 0 0 0 70px;
	}

	/* 商品
	------------------------------------------ */
	.osoujiWrap .itembox{
		font-size:14px;
		text-align:left;
	}

	.osoujiWrap .itembox .itemimg img{
		border:#e7e3dd 1px solid;
	}

	.osoujiWrap .itembox a:hover .itemimg img{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
	}

	.osoujiWrap .itembox .itemtxt{
		display:block;
		margin: 12px 0 0 0;
	}

	.osoujiWrap .itembox .itemtxt2{
		display:block;
		margin: 12px 0 0 0;
		min-height: 38px;
	}

	.osoujiWrap .itembox .itemtxt a,
	.osoujiWrap .itembox .itemtxt2 a{
		color:#000;
	}

	.osoujiWrap .itembox .itembtn{
		display:block;
		margin: 8px 0 0 0;
	}

	.osoujiWrap .itembox .itemrepletion{
		display:block;
		margin: 8px 0 0 0;
		font-size:12px;
	}


	/* 2商品 -------------- */
	.osoujiWrap .TwoitemBox .itembox{
		width: 380px;
		padding: 0 24px 0 0;
		float: left;
	}

	.osoujiWrap .TwoitemBox .itembox+.itembox{
		width:360px;
		margin: 0 0 0 40px;
		padding: 0 0 0 0;
	}

	.osoujiWrap .TwoitemBox .itembox .itemimg{
		float: left;
	}

	.osoujiWrap .TwoitemBox .itembox .itemtxt{
		display:block;
		margin: 12px 0 0 186px;
	}

	.osoujiWrap .TwoitemBox .itembox .itemtxt2
	{	display:block;
		margin: 12px 0 0 186px;
		min-height:38px;
	}

	.osoujiWrap .TwoitemBox .itembox .itembtn{
		display:block;
		margin: 8px 0 0 186px;
	}

	.osoujiWrap .TwoitemBox .itemrepletion{
		display:block;
		margin: 8px 0 0 186px;
		font-size:12px;
	}
	.osoujiWrap .TwoitemBox .itembox .note {
		margin: 88px auto 10px;
	}


	/* ページTOP
	------------------------------------------ */
	.osoujiWrap .pagetopwrap{
		width:884px;
		margin: 10px auto 0;
	}

	.osoujiWrap .pagetopwrap p{
		text-align:right;
	}

	/* バナーエリア
	------------------------------------------ */
	.boxbnr{
		margin: 20px auto 60px;
		position:relative;
		width:896px;
		height:259px;
	}

	.boxbnr p.btn{
		position: absolute;
		top: 170px;
		left: 520px;
		width:277px;
		height:53px;
	}
	.boxbnr a:hover{
		-ms-filter: "alpha( opacity=70 )";
		filter: alpha( opacity=70 );
		opacity: 0.7;
	}

	/* 注釈
	------------------------------------------ */
	.note, .note1 {
		font-size: 12px;
		line-height: 1.5;
	}
	.note1 {
		margin-top: 20px;
	}
	@media screen and (max-width: 667px) {
		.note1 {
			margin: 7px 0 20px;
		}
	}

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

	osoujiWrapKitchen

	------------------------------------------ */
	#osoujiWrapKitchen{
		background:url(/item/howto/images/kitchen_wrap_bg.jpg) repeat-x left top;
		background-color:#f5ffdf;
		border-top:#aadb5f solid 5px;
		padding: 0 0 60px;
	}

	#osoujiWrapKitchen .osoujiWrap h2{
		background:url(/item/howto/images/kitchen_ttl_bg.png) no-repeat top center;
	}

	#osoujiWrapKitchen .ttlarea p{
		color:#325000;
		text-align: center;
	}

	#osoujiWrapKitchen .howtoarea h3{
		background:url(/item/howto/images/kitchen_sttl_bg.png) no-repeat left top;
	}

	#osoujiWrapKitchen .howtoarea{
		border: #add964 solid 4px;
		/* box-shadow */
		box-shadow:0px 0px 3px 1px rgba(150,192,80,0.5);
		-moz-box-shadow:0px 0px 3px 1px rgba(150,192,80,0.5);
		-webkit-box-shadow:0px 0px 3px 1px rgba(150,192,80,0.5);
	}

	#osoujiWrapKitchen .OneitemBox {
		margin: 30px 0 0 0;
		padding: 34px 0 1px 0;
		background:url(/item/howto/images/kitchen_dot.gif) repeat-x left top;
	}

	#osoujiWrapKitchen ol li:first-child{background:url(/item/howto/images/kitchen_num_01.gif) no-repeat left 2px;}
	#osoujiWrapKitchen ol li:nth-of-type(2){background:url(/item/howto/images/kitchen_num_02.gif) no-repeat left 2px;}
	#osoujiWrapKitchen ol li:nth-of-type(3){background:url(/item/howto/images/kitchen_num_03.gif) no-repeat left 2px}
	#osoujiWrapKitchen ol li:nth-of-type(4){background:url(/item/howto/images/kitchen_num_04.gif) no-repeat left 2px;}
	#osoujiWrapKitchen ol li:nth-of-type(5){background:url(/item/howto/images/kitchen_num_05.gif) no-repeat left 2px;}
	
	@media screen and (max-width: 667px) {
		#osoujiWrapKitchen .movieBox .rightbox.movie1 {
			margin-bottom: 0;
		}
	}




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

	osoujiWrapLiving

	------------------------------------------ */
	#osoujiWrapLiving{
		background:url(/item/howto/images/living_wrap_bg.jpg) repeat-x left top;
		background-color:#f9efff;
		border-top:#ca85eb solid 5px;
		padding: 0 0 20px;
	}

	#osoujiWrapLiving .osoujiWrap h2{
		background:url(/item/howto/images/living_ttl_bg.png) no-repeat top center;
	}

	#osoujiWrapLiving .ttlarea p{
		color:#553527;
		text-align: center;
	}

	#osoujiWrapLiving .howtoarea h3{
		background:url(/item/howto/images/living_sttl_bg.png) no-repeat left top;
	}

	#osoujiWrapLiving .howtoarea{
		border: #9920ca solid 4px;
		/* box-shadow */
		box-shadow:0px 0px 3px 1px rgba(210,129,243,0.5);
		-moz-box-shadow:0px 0px 3px 1px rgba(210,129,243,0.5);
		-webkit-box-shadow:0px 0px 3px 1px rgba(210,129,243,0.5);
	}

	#osoujiWrapLiving ol li:first-child{background:url(/item/howto/images/living_num_01.gif) no-repeat left 2px;}
	#osoujiWrapLiving ol li:nth-of-type(2){background:url(/item/howto/images/living_num_02.gif) no-repeat left 2px;}
	#osoujiWrapLiving ol li:nth-of-type(3){background:url(/item/howto/images/living_num_03.gif) no-repeat left 2px;}
	#osoujiWrapLiving ol li:nth-of-type(4){background:url(/item/howto/images/living_num_04.gif) no-repeat left 2px;}
	#osoujiWrapLiving ol li:nth-of-type(5){background:url(/item/howto/images/living_num_05.gif) no-repeat left 2px;}
	#osoujiWrapLiving ol li:nth-of-type(6){background:url(/item/howto/images/living_num_06.gif) no-repeat left 2px;}


	#osoujiWrapLiving .osoujiWrap .harfBox .leftbox{
		float:left;
		width: 317px;
		padding: 0 0 0 20px;

	}

	#osoujiWrapLiving .osoujiWrap .harfBox h4{
		margin: 10px 0 0 0;
		text-align:left;
	}

	#osoujiWrapLiving .osoujiWrap .harfBox ol{
		margin: 20px 0 0 0;
		padding: 0 20px 0 0;
	}

	#osoujiWrapLiving .osoujiWrap .harfBox .rightbox{
		float:right;
		width: 317px;
		margin: 0 20px 0 0;
		padding: 0 0 0 67px;
		background:url(/item/howto/images/living_doty.gif) repeat-y left top;
	}


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

	osoujiWrapBath

	------------------------------------------ */
	#osoujiWrapBath{
		background:url(/item/howto/images/bath_wrap_bg.jpg) repeat-x left top;
		background-color:#fff6ec;
		border-top:#ffd2c0 solid 5px;
		padding: 0 0 20px;
	}

	#osoujiWrapBath .osoujiWrap h2{
		background:url(/item/howto/images/bath_ttl_bg.png) no-repeat top center;
	}

	#osoujiWrapBath .ttlarea p{
		color:#553527;
		text-align: center;
	}

	#osoujiWrapBath .howtoarea h3{
		background:url(/item/howto/images/bath_sttl_bg.png) no-repeat left top;
	}

	#osoujiWrapBath .howtoarea{
		border: #f7906c solid 4px;
		/* box-shadow */
		box-shadow:0px 0px 3px 1px rgba(222,106,65,0.5);
		-moz-box-shadow:0px 0px 3px 1px rgba(222,106,65,0.5);
		-webkit-box-shadow:0px 0px 3px 1px rgba(222,106,65,0.5);
	}

	#osoujiWrapBath .osoujiWrap .basicBox2{
		background:url(/item/howto/images/bath_dotx.gif) repeat-x left top;
	}

	#osoujiWrapBath .OneitemBox {
		margin: 30px 0 0 0;
		padding: 34px 0 1px 0;
		background:url(/item/howto/images/bath_dotx.gif) repeat-x left top;
	}

	#osoujiWrapBath ol li:first-child{background:url(/item/howto/images/bath_num_01.gif) no-repeat left 2px;}
	#osoujiWrapBath ol li:nth-of-type(2){background:url(/item/howto/images/bath_num_02.gif) no-repeat left 2px;}
	#osoujiWrapBath ol li:nth-of-type(3){background:url(/item/howto/images/bath_num_03.gif) no-repeat left 2px;}
	#osoujiWrapBath ol li:nth-of-type(4){background:url(/item/howto/images/bath_num_04.gif) no-repeat left 2px;}
	#osoujiWrapBath ol li:nth-of-type(5){background:url(/item/howto/images/bath_num_05.gif) no-repeat left 2px;}
	#osoujiWrapBath ol li:nth-of-type(6){background:url(/item/howto/images/bath_num_06.gif) no-repeat left 2px;}


	#osoujiWrapBath .tipsarea{
		background-color:#FFF;
		/* border-radius */
		border-radius:6px ;
		-moz-border-radius: 6px ;
		-webkit-border-radius: 6px ;
		box-sizing:border-box;
		width:886px;
		padding: 0 25px 30px 25px;
		margin: 60px auto 0;

		border-top: #f7906c solid 16px;
		border-left: #f7906c solid 15px;
		border-right: #f7906c solid 15px;
		border-bottom: #f7906c solid 15px;
		/* box-shadow */
		box-shadow:0px 0px 3px 1px rgba(222,106,65,0.5);
		-moz-box-shadow:0px 0px 3px 1px rgba(222,106,65,0.5);
		-webkit-box-shadow:0px 0px 3px 1px rgba(222,106,65,0.5);
	}

	#osoujiWrapBath .tipsarea h3{
		font-size:28px;
		height:46px;
		display:block;
		color:#FFF;
		text-align:center;
		width:534px;
		margin: -46px auto 0;
		padding: 32px 0 0 0;
		line-height:0;

		background:url(/item/howto/images/bath_sttl_bg2.png) no-repeat left top;
	}



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

	osoujiWrapToilet

	------------------------------------------ */
	#osoujiWrapToilet{
		background:url(/item/howto/images/toilet_wrap_bg.jpg) repeat-x left top;
		background-color:#e8effe;
		border-top:#a1c6f8 solid 5px;
		padding: 0 0 20px;
	}

	#osoujiWrapToilet .osoujiWrap h2{
		background:url(/item/howto/images/toilet_ttl_bg.png) no-repeat top center;
	}

	#osoujiWrapToilet .ttlarea p{
		color:#002158;
		text-align: center;
	}

	#osoujiWrapToilet .howtoarea h3{
		background:url(/item/howto/images/toilet_sttl_bg.png) no-repeat left top;
	}

	#osoujiWrapToilet .howtoarea{
		border: #408ae1 solid 4px;
		/* box-shadow */
		box-shadow:0px 0px 3px 1px rgba(64,138,225,0.5);
		-moz-box-shadow:0px 0px 3px 1px rgba(64,138,225,0.5);
		-webkit-box-shadow:0px 0px 3px 1px rgba(64,138,225,0.5);
	}
	#osoujiWrapToilet .osoujiWrap .howtoarea .OneitemBox .txtbox .note{
		width: 234px;
    margin-top: 99px;
	}

	#osoujiWrapToilet ol li:first-child{background:url(/item/howto/images/toilet_num_01.gif) no-repeat left 2px;}
	#osoujiWrapToilet ol li:nth-of-type(2){background:url(/item/howto/images/toilet_num_02.gif) no-repeat left 2px;}
	#osoujiWrapToilet ol li:nth-of-type(3){background:url(/item/howto/images/toilet_num_03.gif) no-repeat left 2px;}
	#osoujiWrapToilet ol li:nth-of-type(4){background:url(/item/howto/images/toilet_num_04.gif) no-repeat left 2px;}
	#osoujiWrapToilet ol li:nth-of-type(5){background:url(/item/howto/images/toilet_num_05.gif) no-repeat left 2px;}
	#osoujiWrapToilet ol li:nth-of-type(6){background:url(/item/howto/images/toilet_num_06.gif) no-repeat left 2px;}

	#osoujiWrapToilet .tipsarea{
		background-color:#FFF;
		/* border-radius */
		border-radius:6px ;
		-moz-border-radius: 6px ;
		-webkit-border-radius: 6px ;
		box-sizing:border-box;
		width:886px;
		padding: 0 25px 30px 25px;
		margin: 60px auto 0;

		border-top: #408ae1 solid 16px;
		border-left: #408ae1 solid 15px;
		border-right: #408ae1 solid 15px;
		border-bottom: #408ae1 solid 15px;
		/* box-shadow */
		box-shadow:0px 0px 3px 1px rgba(64,138,225,0.5);
		-moz-box-shadow:0px 0px 3px 1px rgba(64,138,225,0.5);
		-webkit-box-shadow:0px 0px 3px 1px rgba(64,138,225,0.5);
	}

	#osoujiWrapToilet .tipsarea h3{
		font-size:28px;
		height:46px;
		display:block;
		color:#FFF;
		text-align:center;
		width:534px;
		margin: -46px auto 0;
		padding: 32px 0 0 0;
		line-height:0;

		background:url(/item/howto/images/toilet_sttl_bg2.png) no-repeat left top;
	}

	.toiletdot{
		background:url(/item/howto/images/toilet_dotx.gif) repeat-x left top;
	}

	#osoujiWrapToilet .osoujiWrap .tipsarea .OneitemBox .txtbox div{
		padding:0;
	}

	#osoujiWrapToilet .osoujiWrap .tipsarea .OneitemBox .txtbox .inner{
		float:right;
		width:338px;
		text-align:left;
		margin: 0 40px 0 0;
	}

	#osoujiWrapToilet .osoujiWrap .tipsarea .OneitemBox .txtbox .inner h4{
		float:none;
		width:338px;
		margin: 0 0 10px;
	}

	#osoujiWrapToilet .osoujiWrap .tipsarea .OneitemBox .txtbox div.inner {
		padding: 0 0 0 0;
		clear: inherit;
	}

	#osoujiWrapToilet .osoujiWrap .tipsarea .OneitemBox .txtbox .inner p{
		font-size:14px;
		line-height: 1.5;
		padding: 0;
		margin:0;
	}

	#osoujiWrapToilet .osoujiWrap .tipsarea .OneitemBox .txtbox .inner p.dotline{
		padding: 0 0 30px;
		margin: 0 0 30px;
		background:url(/item/howto/images/osoujiWrap_dotx.gif) repeat-x bottom left;
	}
	#osoujiWrapToilet .osoujiWrap .tipsarea .OneitemBox .txtbox .note {
		width: 234px;
		float: left;
		margin-top: 8px;
	}
	


	/*====================================
	sideNavArea
	====================================*/
	.sideNavArea{
		position: fixed;
		top:70px;
		right:0;
		z-index: 9999;
	}
	.sideNavArea .sideNav li{
		margin:6px 0 0;
		padding:0;
	}
	.sideNavArea .sideNav li:first-child{
		margin-top: 0px;
	}
	.sideNavArea .sideNav li img{
		margin:0;
		padding:0;
		vertical-align:top;
	}

	.pcOnly {
		display: inline-block;
	}
	.spOnly {
		display: none;
	}

	@media screen and (max-width: 667px) {
		.pcOnly {
			display: none;
		}
		.spOnly {
			display: block;
		}
		#prdList .prdListTtl {
			background-color: #ffc000;
		}
		#prdList .prdListTtl {
			border-left: 4px solid #a24500;
		}
		.pageTop {
			background: #ffc000;
		}
		#wrapper ol li {
			font-size: 12px;
		}

		#wrapper img {
			width: 100%;
			height: auto;
		}
		#mv {
			padding: 0 0 20px;
			margin: 0 0 20px;
		}
		#mv .introduction_01 {
			margin: 0;
			width: auto;
		}
		#mv .introduction_01 .ttl01{
			float: none;
		}
		#mv .introduction_01 .ttl02 {
	    float: none;
	    width: auto;
		}
		#mv .introduction_02 {
			width: auto;
			margin: 0;
		}
		#mv .introduction_02 .btn {
			width: 50%;
			margin: 0 10px 15px 0;
		}
		#mv .locationbox {
			width: auto;
			margin: 0 10px;
			padding-top: 0;
		}
		#mv .locationbox li {
			width: 24%;
			margin: 0;
			padding: 0 0.5%;
		}

		.tabTop {
			padding: 0 10px;
			border-bottom: 4px solid #939c42;
			overflow: hidden;
		}
		.tabBtm {
			padding: 0 10px;
			border-top: 4px solid #939c42;
			overflow: hidden;
			margin: 0 0 20px;
		}
		.tabTop li,
		.tabBtm li {
			float: left;
			width: 24%;
			margin: 0;
			padding: 0 0.5%;
			line-height: 0;
			font-size: 0;
		}
		.sideNavArea {
			display: none !important;
      opacity: 0 !important;
		}

		.pagetopwrap {
			display: none;
		}
		.boxbnr {
			margin: 0 10px 20px;
			position: relative;
			width: auto;
			height: auto;
		}

		.osoujiWrap h2 {
			margin: 0;
			padding: 0;
			height: auto;
			width: auto;
			text-align: center;
		}
		.osoujiWrap .howtoarea {
			width: auto;
			padding: 0 20px 20px;
			margin: 0 20px 40px;
		}
		.osoujiWrap .howtoarea h3 {
			height: 23px;
			width: 290px;
			margin: -20px auto 0;
			padding: 15px 0 0 0;
			font-size: 15px;
			text-align: center;
		}
		.osoujiWrap .movieBox {
			clear: both;
			margin: 20px auto 0;
		}
		.osoujiWrap .movieBox .leftbox,
		.osoujiWrap .movieBox2 .leftbox {
			float: none;
			width: auto;
			padding: 0;
		}
		.osoujiWrap .movieBox .leftbox h4,
		.osoujiWrap .movieBox2 .leftbox h4 {
			text-align: center;
		}
		.osoujiWrap .movieBox .leftbox h4 img,
		.osoujiWrap .movieBox2 .leftbox h4 img {
			height: 17px !important;
			width: auto !important;
			margin: 0 auto;
		}
		.osoujiWrap .movieBox .leftbox ol,
		.osoujiWrap .movieBox2 .leftbox ol {
			background: none;
		}
		.osoujiWrap .movieBox .rightbox,
		.osoujiWrap .movieBox2 .rightbox {
			float: none;
			position: relative;
			width: 100%;
			height: 0;
			padding-bottom: 56.25%;
			overflow: hidden;
			margin-bottom: 20px;
		}
		.osoujiWrap .movieBox .rightbox iframe,
		.osoujiWrap .movieBox2 .rightbox iframe {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
		}
		.osoujiWrap .onlyBox {
			clear: both;
			margin: 0 auto 0;
		}

		.osoujiWrap .TwoitemBox {
			padding: 20px 0 0;
			margin: 20px 0 0;
		}
		.osoujiWrap .TwoitemBox .Boxwrap {
			background: none;
		}
		.osoujiWrap .TwoitemBox .itembox {
			width: auto;
			padding: 0;
			float: none;
			overflow: hidden;
			margin-bottom: 20px;
		}
		.osoujiWrap .TwoitemBox .itembox .itemimg {
			width: 35%;
		}
		.osoujiWrap .TwoitemBox .itembox .itemtxt {
			display: block;
			margin: 0 0 0 40%;
			min-height: 0;
			font-size: 12px;
		}
		.osoujiWrap .TwoitemBox .itembox .itemtxt2 {
			display: block;
			margin: 0 0 0 40%;
			min-height: 0;
			font-size: 12px;
		}
		.osoujiWrap .TwoitemBox .itembox .itembtn {
			display: block;
			margin: 8px 0 0 40%;
			width: 50%;
		}
		.osoujiWrap .TwoitemBox .itemrepletion {
			display: block;
			margin: 8px 0 0 40%;
			font-size: 12px;
		}
		.osoujiWrap .TwoitemBox .itembox+.itembox {
			width: auto;
			margin: 0;
			padding: 0;
		}
		.osoujiWrap .TwoitemBox .itembox .note {
			margin: clamp(2.75rem, -2.673rem + 24.1vw, 7.375rem) auto 20px;
		}
		.osoujiWrap .OneitemBox .txtbox h4 {
			float: none;
			width: auto;
			text-align: center;
		}
		.osoujiWrap .OneitemBox .txtbox h4 img {
			height: 17px !important;
			width: auto !important;
		}
		.osoujiWrap .OneitemBox .txtbox div {
			padding: 18px 0 0 0;
			clear: both;
		}
		.osoujiWrap .OneitemBox .txtbox {
			float: none;
			width: auto;
		}
		.osoujiWrap .OneitemBox .txtbox ol {
			margin: 0 0 20px;
		}
		.osoujiWrap .OneitemBox .txtbox img.boxphoto {
			float: none;
			width: 70% !important;
			margin: 0 auto 20px;
			display: block;
		}
		.osoujiWrap .OneitemBox .txtbox img.boxphoto.pcOnly {
			display: none;
		}
		.osoujiWrap .OneitemBox .itembox {
			float: none;
			width: auto;
			background: url(/item/howto/images/osoujiWrap_dotx.gif) repeat-x left top;
			padding: 20px 0 0 0;
		}
		.osoujiWrap .OneitemBox .itembox .item {
			overflow: hidden;
		}
		.osoujiWrap .OneitemBox .itembox .itemimg {
			display: block;
			width: 35%;
			float: left;
		}
		.osoujiWrap .OneitemBox .itembox .itemtxt {
			display: block;
			margin: 0 0 0 40%;
			min-height: 0;
			font-size: 12px;
		}
		.osoujiWrap .OneitemBox .itembox .itembtn {
			display: block;
			margin: 8px 0 0 40%;
			width: 50%;
		}
		#osoujiWrapToilet .osoujiWrap .howtoarea .OneitemBox .txtbox .note{
			margin: -15px 15% 20px;
			width: 70%;
		}

		.osoujiWrap .harfBox {
			margin: 20px auto 0;
		}
		.osoujiWrap .harfBox .leftbox {
			float: none;
			width: auto;
		}
		.osoujiWrap .harfBox .leftbox h4 {
			text-align: center;
		}
		.osoujiWrap .harfBox .leftbox h4 img {
			height: 17px !important;
			width: auto !important;
		}
		.osoujiWrap .harfBox .leftbox ol {
			margin: 20px 0 15px 0;
			padding: 0;
		}
		.osoujiWrap .harfBox .rightbox {
			float: none;
			width: 90%;
			margin: 0 auto 15px;
		}
		.osoujiWrap .ThreeitemBox {
			padding: 20px 0 0;
			margin: 20px 0 0;
		}
		.osoujiWrap .ThreeitemBox .Boxwrap {
			padding: 0;
			background: none;
		}
		.osoujiWrap .ThreeitemBox .itembox {
			float: none;
			width: auto;
			margin: 0;
		}
		.osoujiWrap .ThreeitemBox .itembox .item {
			overflow: hidden;
			margin: 0 0 20px;
		}
		.osoujiWrap .ThreeitemBox .itembox .itemimg {
			width: 35%;
			display: block;
			float: left;
		}
		.osoujiWrap .ThreeitemBox .itembox .itemtxt2 {
			display: block;
			margin: 0 0 0 40%;
			min-height: 0;
			font-size: 12px;
		}
		.osoujiWrap .ThreeitemBox .itembox .itembtn {
			display: block;
			margin: 8px 0 0 40%;
			width: 50%;
		}

		.osoujiWrap .movieBox2 {
			margin: 20px auto 0;
			padding: 20px 0 0;
		}
		.osoujiWrap .beforeafterBox {
			margin: 20px auto 0;
		}
		.osoujiWrap .beforeafterBox .rightbox {
			width: auto;
			float: none;
			background: none;
			min-height: 0;
		}
		.osoujiWrap .beforeafterBox .rightbox .itembox {
			width: auto;
			float: none;
			margin: 20px 0 0 0;
			background: url(/item/howto/images/osoujiWrap_dotx.gif) repeat-x left top;
			padding: 20px 0 0 0;
		}
		.osoujiWrap .beforeafterBox .rightbox .itembox .itemimg {
			width: 35%;
			display: block;
			float: left;
		}
		.osoujiWrap .beforeafterBox .rightbox .itembox .itemtxt {
			display: block;
			margin: 0 0 0 40%;
			min-height: 0;
			font-size: 12px;
		}
		.osoujiWrap .beforeafterBox .rightbox .itembox .itembtn {
			display: block;
			margin: 8px 0 0 40%;
			width: 50%;
		}
		.osoujiWrap .beforeafterBox .rightbox .itembox .itemrepletion {
			display: block;
			margin: 8px 0 0 40%;
			font-size: 12px;
		}
		.osoujiWrap .basicBox {
			clear: both;
			margin: 20px auto 0;
		}
		.osoujiWrap .basicBox2 {
			clear: both;
			margin: 20px auto 0;
			padding: 25px 0 0 0;
		}
		.osoujiWrap .basicBox .leftbox h4,
		.osoujiWrap .basicBox2 .leftbox h4 {
			text-align: center;
		}
		.osoujiWrap .basicBox .leftbox h4 img,
		.osoujiWrap .basicBox2 .leftbox h4 img {
			height: 17px !important;
			width: auto !important;
		}
		.osoujiWrap .basicBox .leftbox,
		.osoujiWrap .basicBox2 .leftbox {
			float: none;
			width: auto;
		}
		.osoujiWrap .basicBox .rightbox,
		.osoujiWrap .basicBox2 .rightbox {
			float: none;
			width: auto;
			width: 70% !important;
			margin: 20px auto;
		}

		.osoujiWrap .beforeafterBox .leftbox {
			float: none;
			width: auto;
		}

		/* キッチン */
		#osoujiWrapKitchen {
			border-top: none;
			padding: 36px 0 0 0;
			background-size: 47.5px;
		}
		#osoujiWrapKitchen .osoujiWrap h2 {
			background: none;
			width: 65%;
			margin: 0 auto;
		}

		#osoujiWrapKitchen .ttlarea p {
			color: #333333;
			text-align: center;
			margin: 20px auto 0;
			font-size: 12px;
		}

		#osoujiWrapKitchen .howtoarea h3 {
			background-size: 100%;
		}
		#osoujiWrapKitchen ol li {
			background-size: 17px;
		}

		#osoujiWrapKitchen .OneitemBox {
			margin: 20px 0 0 0;
			padding: 25px 0 1px 0;
		}

		#osoujiWrapKitchen ol li,
		#osoujiWrapLiving ol li,
		#osoujiWrapBath ol li,
		#osoujiWrapToilet ol li {
			background-size: 16px !important;
		}

		/* リビング */
		#osoujiWrapLiving {
			border-top: none;
			padding: 36px 0 0 0;
			background-size: 47.5px;
		}
		#osoujiWrapLiving .osoujiWrap h2 {
			background: none;
			width: 65%;
			margin: 0 auto;
		}
		#osoujiWrapLiving .ttlarea p {
			color: #333333;
			text-align: center;
			margin: 20px auto 0;
			font-size: 12px;
		}
		#osoujiWrapLiving  .howtoarea h3 {
			background-size: 100%;
		}
		.osoujiWrap ol li img.liimg {
			float: right;
			padding: 0 0 0 10px;
			width: 25% !important;
		}
		#osoujiWrapLiving .osoujiWrap .harfBox h4 {
			margin: 10px 0 0 0;
			text-align: center;
		}
		#osoujiWrapLiving .osoujiWrap .harfBox .leftbox {
			float: none;
			width: auto;
			padding: 0;
		}
		#osoujiWrapLiving .osoujiWrap .harfBox .rightbox {
			float: none;
			width: auto;
			margin: 0;
			padding: 0;
			background: none;
		}
		#osoujiWrapLiving .osoujiWrap .harfBox .leftbox img.spOnly,
		#osoujiWrapLiving .osoujiWrap .harfBox .rightbox img.spOnly {
			width: 70% !important;
			margin: 20px auto;
			display: block;
		}
		#osoujiWrapLiving .osoujiWrap .harfBox .rightbox h4 img {
			height: 38px;
			width: auto;
		}

		/* 浴室 */
		#osoujiWrapBath {
			border-top: none;
			padding: 36px 0 20px 0;
			background-size: 47.5px;
		}
		#osoujiWrapBath .osoujiWrap h2 {
			background: none;
			width: 65%;
			margin: 0 auto;
		}
		#osoujiWrapBath .OneitemBox {
	    margin: 20px 0 0 0;
	    padding: 25px 0 1px 0;
	}
		#osoujiWrapBath .ttlarea p {
			color: #333333;
			text-align: center;
			margin: 20px auto 0;
			font-size: 12px;
		}
		#osoujiWrapBath  .howtoarea h3 {
			background-size: 100%;
		}
		#osoujiWrapBath .osoujiWrap .basicBox2 .leftbox h4 img {
			height: 38px !important;
			width: auto !important;
			margin: 0 auto;
		}
		#osoujiWrapBath .tipsarea {
			width: auto;
			padding: 0 15px;
			margin: 0 20px;
			border-top: #f7906c solid 10px;
			border-left: #f7906c solid 10px;
			border-right: #f7906c solid 10px;
			border-bottom: #f7906c solid 10px;
		}
		#osoujiWrapBath .tipsarea h3 {
			height: 36px;
			width: 265px;
			margin: -24px auto 0;
			padding: 17px 0 0 0;
			background-size: 100%;
			font-size: 15px;
		}
		#osoujiWrapBath .tipsarea .basicBox {
			margin: 0 auto 0;
		}
		#osoujiWrapBath .tipsarea .basicBox .leftbox h4 img {
			height: 38px !important;
			width: auto !important;
			margin: 0 auto;
		}

		/* トイレ */
		#osoujiWrapToilet {
			border-top: none;
			padding: 36px 0 20px 0;
			background-size: 47.5px;
		}
		#osoujiWrapToilet .osoujiWrap h2 {
			background: none;
			width: 65%;
			margin: 0 auto;
		}
		#osoujiWrapToilet .ttlarea p {
			color: #333333;
			text-align: center;
			margin: 20px auto 0;
			font-size: 12px;
		}
		#osoujiWrapToilet  .howtoarea h3 {
			background-size: 100%;
		}
		#osoujiWrapToilet .tipsarea {
			width: auto;
			padding: 0 15px;
			margin: 0 20px;
			border-top: #408ae1 solid 10px;
			border-left: #408ae1 solid 10px;
			border-right: #408ae1 solid 10px;
			border-bottom: #408ae1 solid 10px;
		}
		#osoujiWrapToilet .tipsarea h3 {
			height: 36px;
			width: 265px;
			margin: -24px auto 0;
			padding: 17px 0 0 0;
			background-size: 100%;
			font-size: 15px;
		}
		#osoujiWrapToilet .tipsarea .basicBox {
			margin: 0 auto 0;
		}
		#osoujiWrapToilet .tipsarea .basicBox .leftbox h4 img {
			height: 38px !important;
			width: auto !important;
			margin: 0 auto;
		}
		#osoujiWrapToilet .osoujiWrap .tipsarea .OneitemBox .txtbox .inner {
			float: none;
			width: auto;
			margin: 0;
		}
		#osoujiWrapToilet .osoujiWrap .tipsarea .OneitemBox .txtbox .inner h4 {
			float: none;
			width: auto;
			margin: 0 0 20px;
		}
		#osoujiWrapToilet .osoujiWrap .tipsarea .OneitemBox .txtbox .inner p.dotline {
			padding: 0 0 20px;
			margin: 0 0 20px;
			font-size: 12px;
		}
		#osoujiWrapToilet .osoujiWrap .OneitemBox {
			margin: 0;
			padding: 20px 0 0 0;
		}
		#osoujiWrapToilet .osoujiWrap .OneitemBox .txtbox div {
			padding: 0;
		}
		#osoujiWrapToilet .osoujiWrap .OneitemBox .txtbox img.boxphoto {
			margin: 20px auto 20px;
		}
		#osoujiWrapToilet .osoujiWrap .OneitemBox .itembox {
			padding: 20px 0 20px 0;
		}
		#osoujiWrapToilet .osoujiWrap .tipsarea .OneitemBox {
			padding: 0;
		}
		#osoujiWrapToilet .osoujiWrap .OneitemBox.toiletdot {
			padding: 25px 0 0 0;
		}
		#osoujiWrapToilet .osoujiWrap .tipsarea .OneitemBox .txtbox .inner p {
	    font-size: 12px;
		}
		#osoujiWrapToilet .osoujiWrap .tipsarea .OneitemBox .txtbox .note {
			float: none;
    	width: 70%;
    	margin: -14px auto 20px;
		}
	}

@media screen and (max-width: 359px) {
		.osoujiWrap .TwoitemBox .itembox .note {
			margin: clamp(1.125rem, -12.208rem + 66.67vw, 2.75rem) auto 20px;
		}		
}

@media screen and (max-width: 667px) {
#osoujiWrapBath .tipsarea .basicBox .leftbox h4 .w100 {
	width: 100%!important;
}

.movie_txt{
font-size:12px;
}

}