@charset "utf-8";

/*---page_coolsculpting---*/

@media screen and (min-width:768px){
/*pc・タブレットcss*/

#maincolumn {
	color: #6a6a6a;
}
#maincolumn h3 {
	margin: 0;
}
#maincolumn .main-title {
	position:relative;
	width: 720px;
	height: 370px;
	margin-bottom:27px;
}
#maincolumn .text {
	position:absolute;
	left:23px;
	top:210px;
	width: 520px;
	line-height:180%;
}
#maincolumn .block {
	width: 720px;
	font-size:14px;
	line-height:180%;
}
#maincolumn #cool1 {
	width: 720px;
	padding:19px 0 30px 0;
}
#maincolumn #cool1 .read {
	width: 439px;
	float:right;
	display:block;
}
#maincolumn #cool2 {
	width: 700px;
	height: 210px;
	padding: 35px 0 0 20px;
	margin-bottom:44px;
	background: url(../images/coolsculpting/bk1.jpg) no-repeat;
}
#maincolumn #cool3 {
	width: 720px;
	padding:18px 0 35px 0;
	background: url(../images/coolsculpting/bk2.jpg) no-repeat right 18px;
}
#maincolumn #cool4 {
	width: 451px;
	height: 147px;
	padding: 28px 23px 0 246px;
	margin-bottom:34px;
	line-height:220%;
	background: url(../images/coolsculpting/bk3.jpg) no-repeat;
}
#maincolumn #cool5 {
	position:relative;
	width: 560px;
	height:467px;
	padding:20px 0 0 160px;
	margin:7px 0 36px 0;
	background: url(../images/coolsculpting/bk4.png) no-repeat;
}
#maincolumn #cool5 .step1 {
	width: 560px;
	height:113px;
}
#maincolumn #cool5 .step2 {
	width: 560px;
	height:107px;
}
#maincolumn #cool5 .step3 {
	width: 560px;
	height:107px;
}
#maincolumn #cool5 .step4 {
	width: 560px;
	height:103px;
}
#maincolumn #cool5 .text2 {
	position:absolute;
	left:23px;
	bottom:10px;
	width:auto;
	font-size:12px;
}
#maincolumn #cool6 {
	width: 697px;
	height: 572px;
	padding:0 0 0 23px;
	line-height:170%;
	background: url(../images/coolsculpting/bk05.jpg) no-repeat;
}
#maincolumn #cool6 .step1 {
	width: 364px;
	height: 152px;
	padding:0 0 0 30px;
	background: url(../images/coolsculpting/step-bk1.png) no-repeat;
}
#maincolumn #cool6 .step2 {
	width: 364px;
	height: 170px;
	padding:0 0 0 30px;
	background: url(../images/coolsculpting/step-bk2.png) no-repeat;
}
#maincolumn #cool6 .step3 {
	width: 364px;
	height: 134px;
	padding:0 0 0 30px;
	background: url(../images/coolsculpting/step-bk3.png) no-repeat;
}
#maincolumn #cool7 {
	width: 700px;
	padding:19px 0 32px 20px;
}
#maincolumn #cool7 .box {
	width: 700px;
}
#maincolumn #cool7 .boxR {
	width: 314px;
	float:right;
	display:block;
	font-size:12px;
}
#maincolumn #cool8 {
	width: 607px;
	padding: 25px 60px 0 53px;
	background: url(../images/coolsculpting/qa-bk.jpg) repeat-y;
}
#maincolumn #cool8 dl {
	clear: both;
	width: 607px;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #D6D6D6;
}
#maincolumn #cool8 dt {
	width: 575px;
	padding: 0 0 0 32px;
	margin-bottom:10px;
	font-size:16px;
	background: url(../images/coolsculpting/img-q.jpg) no-repeat left center;
}
#maincolumn #cool8 dd {
	width: 575px;
	padding: 0 0 0 32px;
	background: url(../images/coolsculpting/img-a.jpg) no-repeat left 6px;
}



}
@media screen and (max-width:767px){
/*pc・タブレット用cssを丸々コピーしたものを編集していく（スマホ用css）*/

	#maincolumn {
		color: #6a6a6a;
	}
	#maincolumn h3 {
		margin: 0;
	}
	#maincolumn .main-title {
		position:relative;
		margin-bottom:27px;
	}
	#maincolumn .text {
		padding-top:5vw;
		line-height:180%;
	}
	#maincolumn .block {
		font-size:14px;
		line-height:180%;
	}
	#maincolumn #cool1 {
		padding:19px 0 30px 0;
	}
	#maincolumn #cool1 .read {
		display:block;
	}
	#maincolumn #cool2 {
		padding: 5vw;
		margin-bottom:5vw;
		background: url(../images/sp/coolsculpting/bk1.jpg) no-repeat bottom right;
		border: solid 1px #C9DEE1;
	}
	#maincolumn #cool2 .cool2-ttl{
		color:#6084BD;
		font-weight:bold;
		font-size:16px;
	}
	
	#maincolumn #cool3 {
		padding:5vw 0 5vw 0;
	}
	#maincolumn #cool4 {
		padding: 55% 5vw 5vw;
		margin-bottom:5vw;
		background: url(../images/sp/coolsculpting/bk3.jpg) no-repeat top 5vw center;
		border: solid 1px #B0DDF4;
		border-radius:10px;
	}
	#maincolumn #cool5 {
		position:relative;
		margin:3vw 0 5vw 0;
		padding-top:40%;
		background: url(../images/sp/coolsculpting/bk4.png) no-repeat top center;
		background-size:100% auto;
		line-height:1.5;
	}
	#maincolumn #cool5 br {
		display:none;
	}
	#maincolumn #cool5 .step1 {
		padding-left:45%;
		min-height:30vw;
		background: url(../images/sp/coolsculpting/bk4_step01.jpg) no-repeat;
		background-size:40% auto;
	}
	#maincolumn #cool5 .step2 {
		padding-left:45%;
		min-height:30vw;
		background: url(../images/sp/coolsculpting/bk4_step02.jpg) no-repeat;
		background-size:40% auto;
	}
	#maincolumn #cool5 .step3 {
		padding-left:45%;
		min-height:30vw;
		background: url(../images/sp/coolsculpting/bk4_step03.jpg) no-repeat;
		background-size:40% auto;
	}
	#maincolumn #cool5 .step4 {
		padding-left:45%;
		min-height:30vw;
		background: url(../images/sp/coolsculpting/bk4_step04.jpg) no-repeat;
		background-size:40% auto;
	}
	
	
	
	
	
	#maincolumn #cool5 img {
		width:auto;
	}
	#maincolumn #cool5 .text2 {
		font-size:12px;
	}
	#maincolumn #cool6 {
		margin-bottom:10vw;
		padding:0 3vw;
		line-height:170%;
		border: solid 1px #C9DEE1;
		border-top:none;
	}
	#maincolumn #cool6 .step-txt {
		margin-bottom:5vw;
	}
	#maincolumn #cool7 {
		padding:19px 0 32px 20px;
	}
	#maincolumn #cool7 .box {
	}
	#maincolumn #cool7 .boxR {
		display:block;
		font-size:12px;
	}
	#maincolumn #cool8 {
		margin-bottom:5vw;
		padding: 5vw;
		background: url(../images/sp/coolsculpting/qa-bk.jpg) repeat;
		border: solid 1px #D9D9D9;
		border-top:none;
	}
	#maincolumn #cool8 dl {
		clear: both;
		padding: 3vw;
		margin: 0 0 3vw;
		border: 1px solid #D6D6D6;
		background-color:#fff;
	}
	#maincolumn #cool8 dt {
		padding: 0 0 0 32px;
		margin-bottom:10px;
		font-size:16px;
		background: url(../images/coolsculpting/img-q.jpg) no-repeat left center;
	}
	#maincolumn #cool8 dd {
		padding: 0 0 0 32px;
		background: url(../images/coolsculpting/img-a.jpg) no-repeat left 6px;
	}
	#maincolumn .sp-ttl01{
		padding-bottom:3vw;
		margin-bottom:3vw;
		border-bottom: solid 1px #D7D7D3;
	}
	#maincolumn .photo01{
		float:none;
		width:70%;
		margin: 0 auto 5vw;
	}

	#maincolumn .b{
		display:none;
	}
}