/* ----------------------------------------
mainWrap
----------------------------------------*/
.mainWrap{
	background-color:#e6f5fd;} 
	
.mainWrap .co-block{
	width:1180px;
	margin:0 auto;
	padding:100px 0 120px 0;}

.mainWrap .co-block h1{
	text-align:center;
	margin:0 0 40px;}

.mainWrap .co-block .mainImg{
	line-height:0;}
	
.mainWrap .co-block .mainProduct{
	display:flex;
	flex-wrap:nowrap;
	justify-content: center;}

.mainWrap .co-block .main-L{
	order:0;}

.mainWrap .co-block .main-L img{
	margin: -130px 0 0 0;}


.mainWrap .co-block .main-R{
	text-align:center;
	order:1;}
	
	.mainWrap .co-block .main-R .roompia{
		width:116px;
		margin: 0 auto 20px;
		padding:50px 0 0 0;
		line-height:0;}
		
		.mainWrap .co-block .main-R .roompia img{
			width:100%;
			height:auto;}
			
	.mainWrap .co-block .main-R p{
		width:370px;
		text-align:center;
		font-size:1.6rem;
		font-weight:bold;
		color:#fff;
		background-color:#008cd7;
		padding:6px;
		margin:0 0 30px 0;}
		
	.mainWrap .co-block .main-R h2{
		width:275px;
		margin: 0 auto;}
	
		.mainWrap .co-block .main-R h2 img{
			width:100%;
			height:auto;}

/* ----------------------------------------
lifestyleWrap
----------------------------------------*/
.lifestyleWrap{}
.lifestyleWrap .co-block{
	width:1180px;
	margin:0 auto;
	padding:120px 0 120px 0;}

.lifestyleWrap .co-block h3{
	text-align:center;
	font-size:3.6rem;
	line-height:5.4rem;
	color:#000;
	margin:0 0 30px 0;}
	
.lifestyleWrap .co-block ul{
	display:flex;
	flex-wrap:nowrap;
	justify-content: space-between;
	padding:0 130px 0 130px;
	margin:0 0 60px 0;} 

	.lifestyleWrap .co-block ul li{
		width:160px;
		text-align:center;
		}
		
		.lifestyleWrap .co-block ul li img{
			width:100%;
			height:auto;
			border-radius:10px;}


.lifestyleWrap .co-block .Txt{
	display:flex;
	flex-wrap:nowrap;
	justify-content: center;}
	
.lifestyleWrap .co-block .Txt .bgleft{
	content: "";
	display: inline-block;
    width: 105px;
    height: 180px;
    background-image: url(/products/roompia-wash-mist/images/bg_left.gif);
    background-repeat: no-repeat;
    background-size: contain;}
	
.lifestyleWrap .co-block .Txt .bgright{
	content: "";
	display: inline-block;
    width: 105px;
    height: 180px;
    background-image: url(/products/roompia-wash-mist/images/bg_right.gif);
    background-repeat: no-repeat;
    background-size: contain;}


.lifestyleWrap .co-block .Txt p{
	text-align:center;
	font-size:3.6rem;
	font-weight:bold;
	line-height:5.4rem;
	color:#e60012;}


/* ----------------------------------------
carWrap
----------------------------------------*/
.carWrap{}
.carWrap .co-block{
	width:1180px;
	margin:0 auto;
	padding:0 0 90px 0;}
	
.carWrap .co-block h3{
	text-align:center;
	font-size:3.6rem;
	color:#fff;
	background-color:#008cd7;
	padding:30px;
	margin:0 0 40px;
	border-radius:10px;}
	
.carWrap .co-block p{
	font-size:1.8rem;
	line-height:3.6rem;
	color:#333;
	margin:0 0 70px;}
	
.carWrap .co-block ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;} 

	.carWrap .co-block ul li{
		width:380px;
		text-align:center;
		margin:0 0 30px;}
		
		.carWrap .co-block ul li img{
			width:100%;
			height:auto;}
			
		.carWrap .co-block ul li span{
			font-size:1.4rem;
			color:#333;}



/* ----------------------------------------
washmistWrap
----------------------------------------*/
.washmistWrap{
	background-color:#e6f5fd;}
.washmistWrap .co-block{
	width:1180px;
	margin:0 auto;
	padding:120px 0 120px 0;}
	
.washmistWrap .co-block p:first-child{
	font-size:5.4rem;
	line-height:7.2rem;
	font-weight:bold;
	color:#081396;
	text-align:center;
	margin:0 0 20px 0;}
	
.washmistWrap .co-block h2{
	font-size:4.2rem;
	font-weight:normal;
	color:#081396;
	text-align:center;
	margin:0 0 40px 0;}
		
.washmistWrap .co-block .productImg{
	width:200px;
	margin:0 auto 20px;}
	
	.washmistWrap .co-block .productImg img{
		width:100%;	
		height:auto;}
	

.washmistWrap .co-block .point1Wrap .point-block,
.washmistWrap .co-block .point2Wrap .point-block{
	border:3px solid #008cd7;
	border-radius:10px;
	padding:60px 100px;}
	
	
.washmistWrap .co-block .point1Wrap{
	margin:0 0 80px 0;}
	.washmistWrap .co-block .point1Wrap img.point{
		width:87px;
		height:auto;
		margin:0 0 10px 0;}
		
	.washmistWrap .co-block .point1Wrap h3{
		font-size:2.6rem;
		color:#fff;
		background-color:#008cd7;
		padding:15px 30px;
		border-radius:10px;
		margin:0 0 30px 0;}
		
		.washmistWrap .co-block .point1Wrap h3 span{
			display:inline-block;
			line-height:0;
			margin: 0 20px 0 0;}
			
		.washmistWrap .co-block .point1Wrap h3 span img{
			margin: 0 0 -12px 0;}
		
		.washmistWrap .co-block .point1Wrap h3 + p{
			font-size:1.8rem;
			line-height:3.6rem;
			color:#333;
			margin:0 0 20px 0;}
			
			.washmistWrap .co-block .point1Wrap h3 + p sup{
				font-size:1rem;}
			
	.washmistWrap .co-block .point1Wrap .graph{
		width:100%;
		text-align:center;
		background-color:#fff;
		border-radius:8px;
		padding:60px 30px 30px 30px;
		margin:0 0 40px 0;}
		
		
	.washmistWrap .co-block .point1Wrap table{
		width:100%;
		border-collapse: collapse;
		border-spacing: 0;
		table-layout: fixed;
		margin:0 0 20px 0;}
		
	.washmistWrap .co-block .point1Wrap table th,
	.washmistWrap .co-block .point1Wrap table td{
		border:2px solid #008cd7;
		box-sizing: border-box;
		border-collapse: collapse;
		padding: 10px;}

	.washmistWrap .co-block .point1Wrap table th{
		font-size:1.8rem;
		color:#333;
		background-color:#84ccf3;}

	.washmistWrap .co-block .point1Wrap table td{
		text-align:center;
		font-size:1.8rem;
		font-weight:bold;
		color:#333;
		background-color:#fff;}	
		
	.washmistWrap .co-block .point1Wrap table td.note{
		font-weight:bold;
		color:#008cd7;
		background-color:#ffffd0;}

	.washmistWrap .co-block .point1Wrap ul{
		list-style-type:disc;
		margin:0 0 10px 17px;}

	.washmistWrap .co-block .point1Wrap ul li{
		font-size:1.6rem;
		color:#333;}

	.washmistWrap .co-block .point1Wrap p.note{
		font-size:1.2rem;
		color:#333;}
		
	
.washmistWrap .co-block .point2Wrap{}
	.washmistWrap .co-block .point2Wrap img.point{
		width:87px;
		height:auto;
		margin:0 0 10px 0;}

	.washmistWrap .co-block .point2Wrap h3{
		font-size:2.6rem;
		color:#fff;
		background-color:#008cd7;
		padding:15px 30px;
		border-radius:10px;
		margin:0 0 30px 0;}
		
		.washmistWrap .co-block .point2Wrap h3 span{
			display:inline-block;
			line-height:0;
			margin: 0 20px 0 0;}
			
		.washmistWrap .co-block .point2Wrap h3 span img{
			margin: 0 0 -12px 0;}

		.washmistWrap .co-block .point2Wrap h3 + p{
			font-size:1.8rem;
			line-height:3.6rem;
			color:#333;
			margin:0 0 20px 0;}
			
	.washmistWrap .co-block .point2Wrap table{
		width:100%;
		border-collapse: collapse;
		border-spacing: 0;
		table-layout: fixed;
		margin:0 0 20px 0;}
		
	.washmistWrap .co-block .point2Wrap table th,
	.washmistWrap .co-block .point2Wrap table td{
		border:2px solid #008cd7;
		box-sizing: border-box;
		border-collapse: collapse;
		padding: 10px;}

	.washmistWrap .co-block .point2Wrap table th{
		font-size:1.8rem;
		color:#333;
		background-color:#84ccf3;}

	.washmistWrap .co-block .point2Wrap table td{
		font-size:1.6rem;
		color:#333;
		background-color:#fff;}	
		
	.washmistWrap .co-block .point2Wrap table td.note{
		font-weight:bold;
		color:#008cd7;
		background-color:#ffffd0;}
		
	.washmistWrap .co-block .point2Wrap p.note{
		font-size:1.2rem;
		color:#333;}
		

/* ----------------------------------------
useWrap
----------------------------------------*/
.useWrap{}
.useWrap .co-block{
	width:1180px;
	margin:0 auto;
	padding:120px 0 120px 0;
	text-align:center;}

.useWrap .co-block p{
	font-size:4.2rem;
	color:#081396;}

	.useWrap .co-block p span{
		font-weight:bold;}

.useWrap .co-block h2{
	font-size:8.4rem;
	color:#081396;
	margin:0 0 20px 0;}

.useWrap .co-block h2 sup{
	font-size:2rem;
	vertical-align:top;
	display:inline-block;
	margin-top:18px;}

.useWrap .co-block p + img{
	width:580px;
	height:auto;
	margin:0 0 120px;} 

.useWrap .co-block h3{
	font-size:3.6rem;
	font-weight:normal;
	color:#081396;
	margin:0 0 60px;}

.useWrap .co-block ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;} 

	.useWrap .co-block ul li{
		width:380px;
		margin:0 0 18px;}
		
		.useWrap .co-block ul li img{
			width:100%;
			height:auto;}
	
.useWrap .co-block p.note{
	font-size:1.4rem;
	color:#333;
	text-align:left;
	margin:0 0 120px 0;}

.useWrap .co-block h2 + p.note{
	text-align:center;
	margin:0 0 30px 0;}
	
	
.useWrap .co-block .Movie{
	border-top:1px solid #e9ecee;
	padding:120px 0 0 0;}
	
.useWrap .co-block .Movie h3{
	font-size:3rem;
	font-weight:bold;
	color:#333;
	margin:0 0 20px 0;}	
	.useWrap .co-block .Movie .Movie-Box iframe{
		width:586px;
		height:330px;
		margin:0 auto;}
		
		
/* ----------------------------------------
shopWrap
----------------------------------------*/
.shopWrap{
	background-color:#e6f5fd;} 
	
.shopWrap .co-block{
	width:1180px;
	margin:0 auto;
	padding:100px 0 120px 0;}

.shopWrap .co-block p:first-child{
	text-align:center;
	margin:0 0 30px;}

.shopWrap .co-block h2{
	text-align:center;
	margin:0 0 40px;}

.shopWrap .co-block .mainProduct{
	display:flex;
	flex-wrap:nowrap;
	justify-content: center;}

.shopWrap .co-block .main-L{
	order:0;}

.shopWrap .co-block .main-L img{
	margin: 0 0 0 0;}


.shopWrap .co-block .main-R{
	order:1;
	text-align:center;}
	
	.shopWrap .co-block .main-R .roompia{
		width:116px;
		margin: 0 auto 20px;
		padding:50px 0 0 0;
		line-height:0;}
		
		.shopWrap .co-block .main-R .roompia img{
			width:100%;
			height:auto;}
			
	.shopWrap .co-block .main-R p{
		width:370px;
		text-align:center;
		font-size:1.6rem;
		font-weight:bold;
		color:#fff;
		background-color:#008cd7;
		padding:6px;
		margin:0 0 30px 0;}
		
	.shopWrap .co-block .main-R h3{
		width:275px;
		margin: 0 auto 50px;}
	
		.shopWrap .co-block .main-R h3 img{
			width:100%;
			height:auto;}
	
	
	.shopWrap .co-block .main-R p.onlineshop{
		width:370px;
		background:none;
		padding:0;
		margin:0;}		

	.shopWrap .co-block .main-R p.onlineshop a{
		display:block;
		text-align:left;
		font-size:2rem;
		font-weight:bold;
		color:#fff;
		line-height:2.4rem;
		background-color:#e60012;
		background-image:url(/products/roompia-wash-mist/images/icon-shop.png);
		background-repeat: no-repeat;
		background-size: 35px;
		background-position: left 30px center;
		padding:20px 15px 20px 90px;
		margin:0;
		border-radius:10px;
		box-shadow: 0px 2px 5px rgba(0,0,0,0.6);}
		
	.shopWrap .co-block .main-R p.onlineshop a.hover{
		box-shadow: none;}