/* =========================================================

	ヒアルロン酸特集ページ /campaign/15hial_lp.html

	@create		: 2017/6/19
	@version	: 2.00
	@author		: K.Sekioka of HEVIZ Co.,Ltd.

============================================================ */



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




	/* ----------------------------------------------------
		Base
	------------------------------------------------------- */



	#hial1706 {
		display			: block;
		position		: relative;
		margin			: 0 0 0 10px;
		padding			: 0 0 80px;

		color			: #59493f;
		font-size		: 11pt;
		font-family		: 'Roboto', sans-serif;
/*		font-family		: 'Playfair Display', serif; */
		font-weight		: 400;
		line-height		: 1.5;

		background		: #e6eff8;
		zoom			: 1;
	}
	#hial1706:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


	#hial1706 a,
	#hial1706 a:visited { color:#59493f; text-decoration:underline; }
	#hial1706 a:hover   { color:#cc0000; text-decoration:underline; }


	#hial1706 dl,
	#hial1706 dl dt,
	#hial1706 dl dd,
	#hial1706 ul,
	#hial1706 ul li {
		margin			: 0;
		padding			: 0;
		list-style-type	: none;
	}
	.photos dl dd {
		height: 40px;
	}


	#hial1706 a.red,
	#hial1706 a.blue {
		display			: block;
		height			: 80px;
		line-height		: 80px;

		text-align		: center;
		color			: #ffffff;
		font-weight		: 700;
		text-decoration	: none;

		background			: #d899ad;
		background			: linear-gradient(to right, #f8cfd6 0%,#d899ad 100%);

		box-shadow			: 0px 0px 3px 1px #cccccc;
		-moz-box-shadow		: 0px 0px 3px 1px #cccccc;
		-webkit-box-shadow	: 0px 0px 3px 1px #cccccc;
	}
	#hial1706 a.blue {
		background			: #7db9e8;
		background			: linear-gradient(to right, #b3daea 0%,#7db9e8 100%);
	}

	#hial1706 a.blue:hover,
	#hial1706 a.red:hover {
		color				: #ffffff;
		text-decoration		: none;
		background			: #ed4951;
	}



	/* More -------------------------------------- */

	#hial1706 nav.mores {
		display				: block;
		position			: relative;
		margin				: 70px 50px 0;
		padding				: 0;
		zoom				: 1;
	}
	#hial1706 nav.mores:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

	#hial1706 nav.mores ul li{
		margin				: 10px 0 0 0;
	}



	/* -----------------------------------------------------
		Header
	-------------------------------------------------------- */



	#hial1706 > header {
		margin			: 0;
		padding			: 50px 0 0 50px;
		font-family		: 'Playfair Display', serif;
	}

	#hial1706 > header h2 {
		margin			: 0 400px 0 0;
		padding			: 0;
		color			: #5985aa;
		font-size		: 12pt;
		font-weight		: 400;
	}

	#hial1706 > header h1 {
		margin			: 30px 400px 0 0;
		padding			: 0;
		line-height		: 1.3;
		font-size		: 25pt;
		font-weight		: 400;
	}

	#hial1706 > .catch {
		display			: block;
		width			: 400px;
		float			: left;
		margin			: 30px 0 0 50px;
		padding			: 0;
/*		line-height		: 1.8; */
		font-weight		: 400;
	}


	#hial1706 > .dreri {
		display			: block;
		width			: 444px;
		float			: right;
		margin			: -200px 0 0 0;
		padding			: 0;
	}

	#hial1706 > .dreri dl {
		margin			: 0;
		padding			: 0;
	}

	#hial1706 > .dreri dl dt {
		margin			: 0;
		padding			: 0;
	}

	#hial1706 > .dreri dl dd {
		margin			: 0 50px 0 0;
		padding			: 30px 20px;
		border			: 1px solid #f4f9ff;
		font-size		: 10pt;
	}

	#hial1706 > .dreri dl dd h3 {
		margin			: 0;
		padding			: 0;

		font-family		: 'Playfair Display', serif;
		font-size		: 14pt;
		font-weight		: 700;
	}



	#hial1706 > .design {
		float			: left;
		width			: 460px;
		margin			: 30px 0 0 10px;
		padding			: 25px 50px;
		background		: #ffffff;
		text-align		: center;
		box-sizing		: border-box;
		zoom			: 1;
	}

	#hial1706 > .design dl {
		margin			: 0;
		padding			: 0;
	}

	#hial1706 > .design dl dt {
		margin			: 0;
		padding			: 0;

		font-family		: 'Playfair Display', serif;
		font-weight		: 400px;
		font-size		: 12pt;
		line-height		: 1.3;
	}

	#hial1706 > .design dl dd {
		margin			: 20px 0 0 0;
		padding			: 0;
	}



	/* -------------------------------------------
		article common
	---------------------------------------------- */

	#hial1706 > article {
		clear			: both;
		display			: block;
		position		: relative;
		margin			: 0 50px;
		padding			: 60px 0 0 0;
		zoom			: 1;
	}
	#hial1706 > article:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }



	#hial1706 > article > header {
		text-align		: center;
		padding			: 30px 0;
		background		: url(img/15hial_lp/title_bg.png) center top repeat-y;
		border-top		: 1px solid #a9bed3;
		border-bottom	: 1px solid #a9bed3;
		font-family		: 'Playfair Display', serif;
	}

	#hial1706 > article > header h1{
		margin			: 0;
		padding			: 0;
		font-size		: 15pt;
		font-weight		: 400;
	}

	#hial1706 > article > header h1 strong {
		margin			: 0;
		padding			: 0;
		font-size		: 18pt;
		font-weight		: 700;
		color			: #5985aa;
	}



	/* 世界初のヒアルロン酸注入の特別認定医に */

	#hial1706 > #certificate {
	}

	#hial1706 > #certificate .image01 {
		float			: left;
		width			: 282px;
		margin			: 35px 30px 0 0;
		color			: #5985aa;
		font-size		: 10pt;
		line-height		: 1.5;
	}

	#hial1706 > #certificate .catch {
		margin			: 35px 0 0 0;
		color			: #5985aa;
	}

	#hial1706 > #certificate .image02 {
		float			: right;
		margin			: 35px 0 10px 20px;
		line-height		: 1.8;
	}

	#hial1706 > #certificate .detail {
		margin			: 35px 0 0 0;
	}



	/* Dr.衣理は“ヒアルロン酸注入認定技術指導医” --------- */


	#hial1706 > #certificate2 .image {
		float			: right;
		margin			: 35px 0 10px 20px;
		line-height		: 1.8;
	}

	#hial1706 > #certificate2 .detail {
		margin			: 35px 0 0 0;
	}



    /* Dr.衣理はアラガン社の2018年「Expert Instructor（注入指導医）」 --------- */


	#hial1706 > #certificate3 .image {
		float			: right;
		margin			: 35px 0 10px 20px;
		line-height		: 1.8;
	}

	#hial1706 > #certificate3 .detail {
		margin			: 35px 0 0 0;
	}


	/* Dr.衣理主催の美容医療セミナー ----------------------- */

	#hial1706 > #seminar .detail {
		margin			: 35px 0 0 0;
	}


	#hial1706 > #seminar .report {
		display			: block;
		position		: relative;
		margin			: 35px 0 0 0;
		padding			: 0;
		zoom			: 1;
	}
	#hial1706 > #seminar .report:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }



	#hial1706 > #seminar .report .image {
		float			: right;
		margin			: 0 0 0 20px;
		padding			: 0;
	}

	#hial1706 > #seminar .report h2 {
		margin			: 0;
		padding			: 0;
		font-size		: 11pt;
		font-weight		: 400;
		line-height		: 1.5;
		color			: #5985aa;
	}


	#hial1706 > #seminar .report .link {
		width			: 400px;
		margin			: 35px 0 0 0;
	}

	#hial1706 > #seminar > footer {
		margin			: 50px 0 0 0;
		padding			: 0;
	}



	/* ベストドクターに選出！ -------------------- */

	#hial1706 > #magazine {

	}

	#hial1706 > #magazine .detail ul li {
		float				: left;
		width				: 320px;
		margin				: 35px 0 0 65px;
	}

	#hial1706 > #magazine .detail ul li img {
		display				: block;
		vertical-align		: bottom;
		margin				: 0 auto;
	}



	/* 5つの理由 --------------------------------- */

	#hial1706 > #reason {
	}

	#hial1706 > #reason > section {
		display				: block;
		position			: relative;
		margin				: 35px 0 0 0;
		padding				: 35px 0 0 0;
		border-top			: 1px dashed #5985aa;
		zoom				: 1;
	}
	#hial1706 > #reason > section:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

	#hial1706 > #reason > section.reason01 {
		margin				: 0;
		border-top			: 0;
	}

	#hial1706 > #reason > section .image {
		float				: right;
		margin				: 0 0 0 20px;
	}

	#hial1706 > #reason > section h2 {
		margin			: 0;
		padding			: 0;

		font-family		: 'Playfair Display', serif;
		font-size		: 12pt;
		font-weight		: 400;
		line-height		: 1.5;
		color			: #5985aa;
	}

	#hial1706 > #reason > section.reason04 .images ul li {
		float				: left;
		width				: 50%;
		margin				: 20px 0 0 0;
		text-align			: center;
	}



	/* 症例(一部) ------------------------------- */


	#hial1706 #samples ul {
		display				: block;
		position			: relative;
		margin				: 0;
		padding				: 0;
		letter-spacing		: -0.5em;
	}

	#hial1706 #samples ul li {
		display				: inline-block;
		vertical-align		: bottom;
		letter-spacing		: normal;
		width				: 50%;
		margin				: 35px 0 0 0;
		padding				: 0;
		text-align			: center;
		font-size			: 10pt;
	}






/* ---------------------------------------------------------
	レスポンシブ
------------------------------------------------------------ */



	@media (max-width: 767px) {


		/* Base --------------------------------- */

		#hial1706 {
			margin			: 0;
			padding			: 0 0 80px;
			font-size		: 10pt;
			line-height		: 1.5;
		}

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



		/* Header ------------------------------- */

		#hial1706 > header {
			margin			: 0 5%;
			padding			: 50px 0 0 0;
		}

		#hial1706 > header h2 {
			margin			: 0;
			font-size		: 12pt;
		}

		#hial1706 > header h1 {
			margin			: 30px 0 0 0;
			font-size		: 20pt;
		}


		#hial1706 > .catch {
			width			: auto;
			float			: none;
			margin			: 30px 5% 0;
			line-height		: 1.5;
		}



		#hial1706 > .dreri {
			width			: auto;
			float			: none;
			margin			: 30px 5% 0;
			padding			: 0;
		}

		#hial1706 > .dreri dl dt {
			text-align		: center;
		}

		#hial1706 > .dreri dl dd {
			margin			: 0;
		}
		#hial1706 > .dreri dl dd h3 {
			font-size		: 15pt;
		}

		#hial1706 > .dreri dl dd br{
			display			: none;
		}


		/* ボタン ------------------------------------ */


		#hial1706 a.red,
		#hial1706 a.blue {
			height			: auto;
			line-height		: 1.5;
			padding			: 20px 10px;
		}



		/* More -------------------------------------- */

		#hial1706 nav.mores {
			margin				: 70px 5% 0;
		}



		/* メスを使わず、この仕上がり -------------- */

		#hial1706 > .design {
			float			: none;
			width			: auto;
			margin			: 30px 5% 0;
			padding			: 10px;
		}

		#hial1706 > .design dl dt {
			font-size		: 12pt;
			line-height		: 1.5;
		}

		#hial1706 > .design dl dd {
			margin			: 20px 0 0 0;
			padding			: 0;
		}



		/* article common ----------------------- */

		#hial1706 > article {
			margin			: 50px 0 0 0;
			padding			: 0;
		}

		#hial1706 > article > header {
			padding			: 30px 5%;
		}

		#hial1706 > article > header h1{
			font-size		: 12pt;
		}
		#hial1706 > article > header h1 strong {
			font-size		: 12pt;
		}



		/* 世界初の特別認定医に ------------------ */


		#hial1706 > #certificate .image01 {
			float			: none;
			width			: auto;
			margin			: 35px 10% 0;
			text-align		: center;
		}

		#hial1706 > #certificate .catch {
			margin			: 35px 5% 0;
			line-height		: 1.5;
		}

		#hial1706 > #certificate .image02 {
			float			: right;
			width			: auto;
			max-width		: 40%;
			margin			: 0 5% 10px 20px;
		}

		#hial1706 > #certificate .detail {
			margin			: 35px 5% 0;
		}



		/* ヒアルロン酸注入認定技術指導医 ------- */

		#hial1706 > #certificate2 .image {
			margin			: 35px 5% 10px 10px;
		}

		#hial1706 > #certificate2 .detail {
			margin			: 35px 5% 0;
		}


		
		/* Dr.衣理はアラガン社の2018年「Expert Instructor（注入指導医）」------- */

		#hial1706 > #certificate3 .image {
			margin			: 35px 5% 10px 10px;
		}

		#hial1706 > #certificate3 .detail {
			margin			: 35px 5% 0;
		}


		/* 美容医療セミナー ---------------------- */

		#hial1706 > #seminar .detail {
			margin			: 35px 5% 0;
		}


		#hial1706 > #seminar .report {
			margin			: 35px 0 0;
		}

		#hial1706 > #seminar .report .image {
			display			: block;
			float			: none;
			max-width		: 90%;
			margin			: 15px auto 0;
			padding			: 0;
			text-align		: center;
		}

		#hial1706 > #seminar .report h2 {
			margin			: 15px 5% 0;
			font-size		: 12px;
			color			: #5985aa;
		}

		#hial1706 > #seminar .report .link {
			width			: auto;
			margin			: 15px 5% 0;
		}

		#hial1706 > #seminar > footer {
			margin			: 35px 5% 0;
		}



		/* ベストドクターに選出！ --------------- */

		#hial1706 > #magazine {

		}

		#hial1706 > #magazine .detail ul li {
			float				: none;
			width				: auto;
			margin				: 35px 5% 0;
			text-align			: center;
		}


		/* 5つの理由 --------------------------------- */

		#hial1706 > #reason > section {
			margin				: 35px 5% 0;
		}
		#hial1706 > #reason > section.reason01 {
			margin				: 0 5%;
		}

		#hial1706 > #reason > section .image {
			float				: right;
			max-width			: 40%;
			margin				: 0 0 0 10px;
		}

		#hial1706 > #reason > section h2 {
			font-size		: 12pt;
		}

		#hial1706 > #reason > section.reason04 .images ul li {
			float				: none;
			width				: auto;
			margin				: 20px 0 0 0;
			text-align			: center;
		}



		/* 症例(一部) ------------------------------- */

		#hial1706 #samples ul {
		}

		#hial1706 #samples ul li {
			display				: block;
			width				: auto;
			margin				: 35px 5% 0;
			text-align			: center;
		}
	}