@charset "utf-8";
/*------------------------------------------------------------
	PCページ
------------------------------------------------------------*/
#main {
	background: #fff;
	font-size: 16px;
	color: #626262;
}

#main .SP {
	display: none;
}

#main .subBox {
	margin: 0 auto;
	width: 1280px;
}

#main .subBox .Item li{
	display: block;
	float: left;
}

#main .subBox .Item {
	padding-top: 70px;
}

#main .subBox .Item .ItemPhoto {
	margin-left: 30px;
}

#main .subBox .Item .ItemText {
	margin: 20px 0 0 40px;
	width: 715px;
}

#main .subBox .Item .ItemText .Price {
	font-size: 18px;
	margin: 20px 0;
}

#main .subBox .Item .ItemText .Text {
	font-size: 16px;
}

#main .subBox .Item .ItemText .Price span, #main .subBox .Item .ItemText .Text span,
#main .subBox .Use span {
	font-size: 13px;
}

#main .subBox .Item .ItemText .Btn {
	margin: 20px 0 30px;
}

#main .subBox .Use {
	margin: -100px 0 100px 520px;
	width: 535px;
	padding: 30px;
	background: #ffeaef;
}

#main .subBox .Kodawari {
	width: 988px;
	border: 1px dotted #614c3f;
	padding: 50px;
	margin: 0 auto 55px;
}

#main .subBox .Kodawari .KodawariText {
	margin: 20px 0 0;
}

#main .subBox .Kodawari ul li {
	float: left;
	display: block;
}

#main .subBox .Kodawari .KodawariPhoto {
	display: block;
	width: 532px;
	margin: 0 0 0 0;
}

#main .subBox .Monitor {
	width: 1086px;
	background: #FFFAFB;
	font-size: 14px;
	margin: 70px auto;
	padding: 40px 40px 70px;
}

#main .subBox .Monitor .MonitorTtl {
	width: 415px;
	margin: 0 auto 30px;
}

#main .subBox .Monitor ul li {
	display: block;
	float: left;
	width: 465px;
	border: 1px solid #5a5a5a;
	padding: 20px;
}

#main .subBox .Monitor ul li:nth-child(2n) {
	margin-left: 70px;
}


#main .subBox .Monitor .Atten {
	margin-top: 10px;
	float: right;
	width: 400px;
	display: block;
	font-size: 12px;
}

#main .subBox .Seibun {
	border: 1px solid #d3d3d3;
	padding: 20px;
	width: 1168px;
	margin: 0 auto 60px;
	font-size: 14px;
}



@media all and (min-width: 0) and (max-width: 768px) {
	
	#main {
		font-size: 14px;
	}
	
	#main .PC {
		display: none;
	}
	
	#main .SP {
		display: block;
	}
	
	#main img {
		width: 100%;
	}
	
	#main .subBox {
		width: auto;
	}

	#main .subBox .Item li{
	display: block;
	float: none;
	}

	#main .subBox .Item {
	padding-top: 15px;
	}

	#main .subBox .Item .ItemPhoto {
	margin-left: 0;
	width: 100%;
	}
	
	#main .subBox .Item .ItemPhoto img {
	width: 50%;
	display: block;
	margin: 0 auto;
	}

	#main .subBox .Item .ItemText {
	margin: 0 auto;
	width: 95%;
	}
		
	#main .subBox .Item .ItemText .Text {
	font-size: 14px;
	}

	#main .subBox .Item .ItemText .Price {
	font-size: 15px;
	}

	#main .subBox .Item .ItemText .Price span {
	font-size: 12px;
	}

	#main .subBox .Item .ItemText .Btn {
	width: 35%;
	}

	#main .subBox .Use {
		margin: 0 3% 25px;
		padding: 1% 2% 2%;
		width: auto;
		background: #ffeaef;
	}
	
	#main .subBox .Use p img {
		width: 26%;
	}
	
	#main .subBox .Kodawari {
		width: 88%;
		border: 1px dotted #614c3f;
		padding: 3%;
		margin: 0 auto 25px;
	}
	
	#main .subBox .Kodawari ul {
		display: none;
	}

	#main .subBox .Kodawari .Ttl {
		width: 80%;
	}
	
	#main .subBox .Kodawari .KodawariPhoto {
		width: 70%;
		margin: 0 auto;
	}
	
	#main .subBox .Kodawari p img {
		width: 100%;
	}
	
	#main .subBox .Kodawari .KodawariText img {
		display: none;
		margin: 0;
	}
	
	#main .subBox .Kodawari .SP span {
		font-size: 10px;
	}

	#main .subBox .Monitor {
    width: 88%;
    padding: 3%;
    margin: 25px auto;
	}
	
	#main .subBox .Monitor .MonitorTtl {
		width: auto;
	}
	
	#main .subBox .Monitor ul li {
		width: 94%;
		padding: 3%;
	}
	
	#main .subBox .Monitor ul li:nth-child(2n) {
		width: auto;
		margin-top: 10px;
		margin-left: 0;
	}
		
	#main .subBox .Monitor .Atten {
	margin-top: 5px;
	width: 100%;
	float: left;
	display: block;
	font-size: 12px;
	}
	
	#main .subBox .Seibun {
		padding: 2%;
		font-size: 12px;
		margin-bottom: 25px;
		width: 90%;
	}
	

}