/* ----------------------------------------
mainWrap
----------------------------------------*/
.mainWrap{} 
.mainWrap .co-block{
	width:100%;
	margin:0;
	padding:40px 0 60px;}

.mainWrap .co-block h1{
	margin:0 15px 20px 15px;}

.mainWrap .co-block h1 img{
	width:100%;
	height:auto;}

.mainWrap .co-block .mainImg img{
	width:100%;
	height:auto;
	margin:0 0 30px 0;}
	
.mainWrap .co-block .mainProduct{
	display:block;}	
	
.mainWrap .co-block .main-L{
	text-align:center;}

.mainWrap .co-block .main-L img{
	margin: 0;
	max-width:35%;
	height:auto;}
	
.mainWrap .co-block .main-R{
	padding:0 15px;}
	
		.mainWrap .co-block .main-R .roompia{
		width:116px;
		margin: 0 auto 20px;
		padding:0;}
		
		.mainWrap .co-block .main-R .roompia img{
			width:100%;
			height:auto;}
			
	.mainWrap .co-block .main-R p{
		width:100%;
		margin:0 0 30px;}
		
	.mainWrap .co-block .main-R h2{
		width:100%;
		padding:0 35px ;
		margin:0 0 20px;}
	
		.mainWrap .co-block .main-R h2 img{
			width:100%;
			height:auto;}


/* ----------------------------------------
lifestyleWrap
----------------------------------------*/
.lifestyleWrap{}
.lifestyleWrap .co-block{
	width:100%;
	margin:0;
	padding:60px 15px 60px 15px;}

.lifestyleWrap .co-block h3{
	font-size:2.0rem;
	line-height:3.0rem;
	margin:0 0 20px 0;}
	
.lifestyleWrap .co-block ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	padding:0;
	margin:0 0 30px 0;
	line-height:0;} 

	.lifestyleWrap .co-block ul li{
		width:calc((100% - 20px) / 3);
		margin:0 10px 10px 0;}
		
		.lifestyleWrap .co-block ul li:nth-child(3n){
			margin:0 0 10px 0;}
		
		.lifestyleWrap .co-block ul li img{
			width:100%;
			height:auto;
			border-radius:6px;}

.lifestyleWrap .co-block .Txt{}
	
.lifestyleWrap .co-block .Txt .bgleft{
	display:none;}
	
.lifestyleWrap .co-block .Txt .bgright{
	display:none;}

.lifestyleWrap .co-block .Txt p{
	font-size:2.0rem;
	line-height:3.0rem;}


/* ----------------------------------------
carWrap
----------------------------------------*/
.carWrap{}
.carWrap .co-block{
	width:100%;
	margin:0;
	padding:0 15px 30px 15px;}

.carWrap .co-block h3{
	text-align:center;
	font-size:2.0rem;
	color:#fff;
	background-color:#008cd7;
	padding:10px 5px;
	margin:0 0 30px;
	border-radius:6px;}
	
.carWrap .co-block p{
	font-size:1.5rem;
	line-height:2.8rem;
	margin:0 0 30px;}

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

	.carWrap .co-block ul li{
		width:calc((100% - 10px) / 2);
		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.2rem;}


/* ----------------------------------------
washmistWrap
----------------------------------------*/
.washmistWrap{}
.washmistWrap .co-block{
	width:100%;
	margin:0;
	padding:50px 15px 60px 15px;}
		
.washmistWrap .co-block p:first-child{
	font-size:3.8rem;
	line-height:4.6rem;
	text-align:center;
	margin:0 0 10px 0;}
	
.washmistWrap .co-block p span{
	font-size:2.0rem;
	font-weight:normal;}
	
.washmistWrap .co-block h2{
	font-size:2.0rem;
	font-weight:normal;
	color:#081396;
	text-align:center;
	margin:0 0 40px 0;}
	
.washmistWrap .co-block .productImg{
	width:auto;
	margin:0 0 30px 0;
	text-align:center;}
	
	.washmistWrap .co-block .productImg img{
		max-width:35%;
		height:auto;}

.washmistWrap .co-block .point1Wrap .point-block,
.washmistWrap .co-block .point2Wrap .point-block{
	border:none;
	padding:0;}

.washmistWrap .co-block .point1Wrap{
	margin:0 0 40px 0;
	padding:0 0 40px 0;
	border-bottom:1px solid #84ccf3;}
	
	.washmistWrap .co-block .point1Wrap h3{
		font-size:1.8rem;
		padding:10px;
		border-radius:6px;
		margin:0 0 30px 0;}
		
		.washmistWrap .co-block .point1Wrap h3 + p{
			font-size:1.5rem;
			line-height:2.8rem;
			margin:0 0 30px 0;}

	.washmistWrap .co-block .point1Wrap .graph{
		width:100%;
		text-align:center;
		background-color:none;
		padding:0;
		margin:0 0 30px 0;}

	.washmistWrap .co-block .point1Wrap .graph img{
		max-width:100%;
		height:auto;
		border-radius:6px;}


	.washmistWrap .co-block .point1Wrap table{}
		
	.washmistWrap .co-block .point1Wrap table th,
	.washmistWrap .co-block .point1Wrap table td{
		border:1px solid #008cd7;
		box-sizing: border-box;
		border-collapse: collapse;
		padding: 10px 6px;}

	.washmistWrap .co-block .point1Wrap table th{
		font-size:1.2rem;}
		
	.washmistWrap .co-block .point1Wrap table th span{
		font-size:1.0rem;
		font-weight:normal;}
		
	.washmistWrap .co-block .point1Wrap table td{
		font-size:1.2rem;}	
		
	.washmistWrap .co-block .point1Wrap table td.note{}

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

	.washmistWrap .co-block .point1Wrap ul li{
		font-size:1.2rem;}

	.washmistWrap .co-block .point1Wrap p.note{}

.washmistWrap .co-block .point2Wrap{}
	.washmistWrap .co-block .point2Wrap h3{
		font-size:1.8rem;
		padding:10px;
		border-radius:6px;
		margin:0 0 30px 0;}
	
		.washmistWrap .co-block .point2Wrap h3 + p{
			font-size:1.5rem;
			line-height:2.8rem;
			margin:0 0 30px 0;}
			

	.washmistWrap .co-block .point2Wrap table{
		width:100%;
		border-collapse: collapse;
		border-spacing: 0;
		table-layout: auto;
		margin:0 0 20px 0;
		border-bottom:1px solid #008cd7;}
		
	.washmistWrap .co-block .point2Wrap table th,
	.washmistWrap .co-block .point2Wrap table td{
		display:block;
		border:1px solid #008cd7;
		border-bottom:none;
		box-sizing: border-box;
		border-collapse: collapse;
		padding: 10px;}

	.washmistWrap .co-block .point2Wrap table th{
		font-size:1.5rem;}

	.washmistWrap .co-block .point2Wrap table td{
		font-size:1.2rem;}
		.washmistWrap .co-block .point2Wrap table td:last-child{
			}
		
	.washmistWrap .co-block .point2Wrap table td.note{}

	.washmistWrap .co-block .point2Wrap p.note{}

/* ----------------------------------------
useWrap
----------------------------------------*/
.useWrap{}
.useWrap .co-block{
	width:100%;
	margin:0;
	padding:60px 15px 60px 15px;}
		
.useWrap .co-block p{
	font-size:2rem;}
	
	.useWrap .co-block p:first-child{
		margin:0 0 10px 0;}
		
.useWrap .co-block h2{
	font-size:3.6rem;
	margin:0 0 20px 0;}

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

.useWrap .co-block p + img{
	width:100%;
	height:auto;
	margin:0 0 60px;} 

.useWrap .co-block h3{
	font-size:2rem;
	font-weight:bold;
	line-height:3rem;
	margin:0 0 30px;}

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

	.useWrap .co-block ul li{
		width:calc((100% - 10px) / 2);
		margin:0 0 10px;}
		
		.useWrap .co-block ul li img{
			width:100%;
			height:auto;}
	
.useWrap .co-block p.note{
	font-size:1.2rem;
	margin:0 0 60px 0;
	text-indent:-1.2rem;
	padding-left:1.2rem;}

.useWrap .co-block h2 + p.note{
	margin:0 0 20px 0;}
	
.useWrap .co-block .Movie{
	border-top:1px solid #e9ecee;
	padding:60px 0 0 0;}
	
.useWrap .co-block .Movie h3{
	font-size:1.8rem;}
	
	.useWrap .co-block .Movie .Movie-Box{
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;}
		
	.useWrap .co-block .Movie .Movie-Box iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;}


/* ----------------------------------------
shopWrap
----------------------------------------*/
.shopWrap{} 
.shopWrap .co-block{
	width:100%;
	margin:0;
	padding:60px 15px 80px 15px;}

.shopWrap .co-block p:first-child{
	margin:0 0 20px;}

	.shopWrap .co-block p:first-child img{
		width:100%;
		height:auto;}

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

.shopWrap .co-block h2 img{
	width:100%;
	height:auto;}

.shopWrap .co-block .mainProduct{
	display:block;}
	
.shopWrap .co-block .main-R{
	padding:0;}
	
		.shopWrap .co-block .main-R .roompia{
		width:116px;
		margin: 0 auto 20px;
		padding:0;}
		
		.shopWrap .co-block .main-R .roompia img{
			width:100%;
			height:auto;}
			
	.shopWrap .co-block .main-R p{
		width:100%;
		margin:0 0 30px;}
		
	.shopWrap .co-block .main-R h3{
		width:100%;
		padding:0 35px ;
		margin:0 0 20px;}
	
		.shopWrap .co-block .main-R h3 img{
			width:100%;
			height:auto;}
			
		.shopWrap .co-block .main-R img.sp{
			margin: 0 0 30px 0; 
			max-width:35%;
			height:auto;}

	.shopWrap .co-block .main-R p.onlineshop{
		width:100%;
		background:none;
		padding:0 15px 0 15px;
		margin:0;}		

	.shopWrap .co-block .main-R p.onlineshop a{
		font-size:1.8rem;
		line-height:2.1rem;
		background-image:url(/products/roompia-wash-mist/images/icon-shop.png);
		background-repeat: no-repeat;
		background-size: 30px;
		background-position: left 20px center;
		padding:20px 10px 20px 60px;
		border-radius:6px;}
		
	.shopWrap .co-block .main-R p.onlineshop a.hover{
		box-shadow: none;}