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



@import url(../styles2017/common_pc.css);
@import url(../styles2017/common_sp.css) only screen and (max-width: 760px);



/* =========================================================
	for PC
============================================================ */


	#heartPage {
		margin		: 0 0 0 10px;
		padding		: 0;
	}

	#heartPage a         { color:#231815; text-decoration:underline; }
	#heartPage a:visited { color:#444444; text-decoration:underline; }
	#heartPage a:hover   { color:#e82583; text-decoration:underline; }

	[lang="ja"] #heartPage > header {
		font-family		: "游明朝","YuMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	}
	#heartPage > header {
		display		: block;
		position	: relative;
		margin		: 0;
		padding		: 70px 0 70px 50px;
		background	: #e82583 url(img/heart/header.png) right 0 no-repeat;
		color		: #ffffff;
		font-weight		: normal;
	}

	#heartPage > header > h1 {
		margin			: 0;
		padding			: 0;
		font-size		: 12pt;
		font-weight		: bold;
		line-height		: 1;
	}

	#heartPage > header > h2 {
		margin			: 0;
		padding			: 10px 0 0 0;
		font-size		: 18pt;
		font-weight		: bold;
		line-height		: 1;
	}


	/* Block Common ----------------------------- */


	#heartPage > .block {
		margin			: 50px 0 0 0;
		padding			: 0;
	}

	#heartPage > .block h3 {
		margin			: 0;
		padding			: 15px 0 15px 50px;

		color			: #e82583;
		font-size		: 13pt;
		font-weight		: bold;
		background		: url(img/heart/heart01.png) left center no-repeat;
		line-height		: 1;
	}


	/* Catch ------------------------------------- */


	#heartPage > .catch {
/*		margin			: 30px 0 0 0; */
		font-size		: 12pt;
		line-height		: 1.8;
	}

	#heartPage > .catch .zu {
		float			: right;
		margin			: 0 0 20px 20px;
	}


	/* Recommend -------------------------------- */


	#heartPage > .recommend ul {
		margin			: 0 0 0 15px;
		padding			: 0;
	}

	#heartPage > .recommend ul li {
		margin			: 0;
		padding			: 5px 0 5px 30px;
		list-style-type	: none;
		background		: url(img/heart/heart02.png) left center no-repeat;
		font-weight		: bold;
	}


	/* anshin ------------------------------------ */


	#heartPage > .anshin {
		zoom			: 1;
	}
	#heartPage > .anshin:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


	#heartPage > .anshin p {
		width			: 250px;
		margin			: 10px 0 0 15px;
		float			: left;
	}

	#heartPage > .anshin ul {
		margin			: 10px 0 0 0;
		padding			: 0;
		zoom			: 1;
	}

	#heartPage > .anshin ul li {
		float			: left;
		margin			: 0 0 0 20px;
		padding			: 0;
		list-style-type	: none;
		font-size		: 9pt;
	}

	#heartPage > .anshin ul li.photo01 {
		width			: 305px;
	}


	/* 症例写真 --------------------------------- */


	#heartPage > .samples {
		zoom			: 1;
	}
	#heartPage > .samples:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


	#heartPage > .samples ul {
		margin			: 10px 0 0 0;
		padding			: 0;
		zoom			: 1;
	}

	#heartPage > .samples ul li {
		float			: left;
		width			: 50%;
		text-align		: center;
		margin			: 0;
		padding			: 0;
		list-style-type	: none;
	}

	#heartPage > .samples ul li p {
		text-align		: center;
		padding: 0 15px;
		margin: 0;
	}


	/* Price Table ------------------------------- */


	#heartPage .price table {
		margin			: 10px 0 0 15px;
		table-layout	: auto;
		border			: 1px solid #231815;
		border-spacing	: 0;
		border-collapse	: collapse;
	}

	#heartPage .price table thead {
		background		: #f0f0f0;
	}

	#heartPage .price table thead tr th,
	#heartPage .price table thead tr td {
		padding			: 5px 10px;
		border			: 1px solid #231815;
		text-align		: center;
		font-weight		: bold;
	}

	#heartPage .price table tbody {
		background		: #ffffff;
	}

	#heartPage .price table tbody tr th {
		padding			: 5px 10px;
		border			: 1px solid #231815;
		vertical-align	: top;
		font-weight		: medium;
		text-align		: left;
	}

	#heartPage .price table tbody tr td {
		padding			: 5px 10px;
		border			: 1px solid #231815;
		text-align		: right;
		font-weight		: bold;
		vertical-align	: top;
	}

	#heartPage .price table tbody tr td strong {
		font-size		: 8pt;
		color			: #ff0000;
	}



/* =========================================================
	for SP Extension
============================================================ */



	@media only screen and (max-width: 760px) {


		#heartPage {
			margin		: 0;
			padding		: 0;
		}

		#heartPage img {
			width		: auto;
			max-width	: 100%;
			vertical-align	: bottom;
		}

		#heartPage > header {
			padding		: 50px 5%;
		}

		#heartPage > header > h1 {
			font-size		: 12pt;
		}

		#heartPage > header > h2 {
			font-size		: 18pt;
		}


		/* Block Common ------------------------- */


		#heartPage > .block {
			margin			: 50px 0 0 0;
			padding			: 0;
		}

		#heartPage > .block h3 {
			margin			: 0 5% 0 0;
		}


		/* Catch -------------------------------- */


		#heartPage > .catch {
			font-size		: 10pt;
			line-height		: 1.5;
		}

		#heartPage > .catch p {
			margin			: 10px 5% 0;
		}

		#heartPage > .catch .zu {
			float			: none;
			margin			: 30px 15%;
		}


		/* Recommend -------------------------------- */


		#heartPage > .recommend ul {
			margin			: 0 5%;
			padding			: 0;
		}


		/* anshin ------------------------------------ */


		#heartPage > .anshin {
		}


		#heartPage > .anshin p {
			float			: none;
			width			: auto;
			margin			: 10px 5% 0;
		}

		#heartPage > .anshin ul {
			margin			: 0 5%;
		}

		#heartPage > .anshin ul li {
			float			: left;
			width			: 48%;
			margin			: 20px 1% 0;
			text-align		: left;
		}
		#heartPage > .anshin ul li.photo01 {
			float			: none;
			width			: 98%;
		}

		#heartPage > .anshin ul li img {
			display			: block;
			margin			: 0 auto;
		}


		/* 症例写真 --------------------------------- */


		#heartPage > .samples {
		}

		#heartPage > .samples ul {
			margin			: 0 5%;
		}

		#heartPage > .samples ul li {
			float			: none;
			width			: auto;
			margin			: 10px 0 0 0;
		}


		/* Price Table ------------------------------- */


		#heartPage .price table {
			display			: block;
			position		: relative;
			border			: 0;
			margin			: 10px 5% 0;
			padding			: 0;
		}

		#heartPage .price table thead {
			display			: none;
		}

		#heartPage .price table tbody,
		#heartPage .price table tbody tr,
		#heartPage .price table tbody tr th,
		#heartPage .price table tbody tr td {
			display			: block;
			position		: relative;
			margin			: 0;
			padding			: 0;
			border			: 0;
		}

		#heartPage .price table tbody tr {
			margin			: 30px 0 0 0;
		}
		#heartPage .price table tbody tr:first-child {
			margin			: 0;
		}

		#heartPage .price table tbody tr th {
			padding			: 5px 0;
			border-bottom	: 1px dotted #666;
		}

		#heartPage .price table tbody tr td {
			margin			: 5px 0 0 0;
			padding			: 5px 0;
			border-bottom	: 1px dotted #666;
		}

	}