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

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

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

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



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




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

	#hial1706:lang(zh) {
		font-family: "Microsoft YaHei","微软雅黑","黑体","无衬线","宋体","宋体","Tahoma","Helvetica","Ariel","STHeiti";
	}
	#hial1706:lang(en) {
		font-family: 'Roboto', 'Helvetica', 'Ariel', sans-serif;
	}
	#hial1706:lang(vi) {
		font-family: 'Times New Roman','Arial','Tahoma','Verdana','Arial Unicode MS','Roboto', 'Helvetica', 'Ariel', sans-serif; 
	}
	#hial1706 {
		display			: block;
		position		: relative;
		margin			: 0 0 0 10px;
		padding			: 0 0 80px;

		color			: #59493f;
		font-size		: 11pt;
		font-family		: "游明朝","YuMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		font-weight		: 500;
		line-height		: 2;
		background		: #fff9f7;

		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;
	}


	#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;
		font-size:20px;
		text-shadow: black 0 0 2px;
	}
	#hial1706 a.red:lang(en) {
		font-size:16px;
	}

	#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;
	}

#eriFooter {
	margin-top:30px!important;
}

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



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

	#hial1706 > header h3 {
		margin			: 0;
		padding			: 0;
		color			: #B7183F;
		font-size		: 12pt;
		font-weight		: 700;
	}

	#hial1706 > header h2 {
		margin			: 30px 0 0 0;
		padding			: 0;
		line-height		: 1.3;
		font-size		: 28pt;
		font-weight		: 500;
	}



	#hial1706 > .catch {
		display			: block;
		width			: 530px;
		float			: right;
		margin			: 10px 30px 0 20px;
		padding			: 0;
		line-height		: 1.8;
	}


	#hial1706 > .dreri {
		display			: block;
		width			: 300px;
		float			: left;
		margin			: 0 20px 0 30px;
		padding			: 0;
	}



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

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

	#hial1706 > .dreri dl dt img {
		width:90%;
	}
	#hial1706 > .dreri dl dd {
		margin			: -100px 0 20px 0;
		padding			: 10px;
		border			: 1px solid #f4f9ff;
	}

	#hial1706 > .dreri dl dd h3 {
		margin			: 0;
		padding			: 0;
		font-size		: 14pt;
		font-weight		: 700;
	}

	#hial1706 > .dreri dl dd p {
		font-size:12px;
		margin-top:0;
	}

	#hial1706 > .design {
		clear			: both;
		margin			: 30px;
		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-size		: 16pt;
		line-height		: 1.3;
	}

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


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

	#hial1706 > article {
		clear			: both;
		display			: block;
		position		: relative;
		margin			: 0;
		padding			: 0;
		zoom			: 1;
	}
	#hial1706 > article:after ,
	#hial1706 > article section:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	#hial1706 > article section {
		clear			: both;
		display			: block;
		position		: relative;
		margin			: 0 50px;
		padding			: 60px 0 0 0;
		zoom			: 1;
	}
	#hial1706 > article h2 {
		background		:#fff;
		padding			:30px 0;
		margin			:100px 0 0;
		text-align		:center;
		color			: #B7183F;
		border-top		: 1px solid #f3f3f3;
		border-bottom		: 1px solid #f3f3f3;
	}

	#hial1706 > article > section .line {
		text-align		: center;
		padding			: 20px 0;
		background		: url(/assets/special/img/title_bg.png) center top repeat-y;
		border-top		: 1px solid #deacb9;
		border-bottom	: 1px solid #deacb9;
	}

	#hial1706 > article > section .line h3{
		margin			: 0;
		padding			: 0;
		font-size		: 14pt;
		font-weight		: 500;
	}

	#hial1706 > article > section .line h3 strong {
		margin			: 0;
		padding			: 0;
		font-size		: 16pt;
		font-weight		: 700;
		color			: #B7183F;
	}

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

	#hial1706 > #certificate {
	}

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

	#hial1706 .image01 dl dd{
		margin-top:8px;
	}
	#hial1706 > #certificate .catch {
		margin			: 35px 0 0 0;
		color			: #B7183F;
		line-height		: 1.8;
	}

	#hial1706 > #certificate .catch strong {
		font-weight		: 700;
	}


	#hial1706 > #certificate .image02 {
		float			: right;
		margin			: 24px 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.衣理がガルデルマ社の「COMPLETED THE GALDERMA FACIAL ANATOMY COURSE」を取得 --------- */

	#hial1706 > #certificate3 .image01 {
		float : left;
		width : 282px;
		margin : 35px 30px 0 0;
		color : #B7183F;
		font-size : 10pt;
		line-height : 1.5;
	}
	#hial1706 .certificate3 dl dd {
		margin-top: 8px;
	}
	#hial1706 > #certificate3 .catch {
		margin : 35px 0 0 0;
		color : #B7183F;
		line-height : 1.8;
	}
	#hial1706 > #certificate3 .catch strong {
		font-weight : 700;
	}
	#hial1706 > #certificate3 .image02 {
		float : right;
		margin : 24px 0 10px 20px;
		line-height : 1.8;
	}
	#hial1706 > #certificate3 .detail {
		margin : 35px 0 0 0;
	}

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

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

	#hial1706 > #certificate4 .link-bnr {
		clear:both;
		padding-top:30px;
	}

	/* 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		: 18px;
		font-weight		: 500;
		line-height		: 1.5;
		color			: #B7183F;
	}


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

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

	/* ヒアルロン酸注入の世界的権威 --------------- */

	#hial1706 > #worldAuthority .youtube {
		text-align: center;
	}


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

	#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;
	}

	#hial1706 > #magazine .detail ul li span {
		padding-top: 5px;
		display: block;
	}

	/* 5つの理由 施術ステップ --------------------------------- */

	#hial1706 > #reason ,
	#hial1706 > #step {
	}

	#hial1706 > #reason > section ,
	#hial1706 > #step > section {
		display				: block;
		position			: relative;
		border-top			: 1px dashed #B7183F;
		zoom				: 1;
		padding				:30px 0;
	}
	#hial1706 > #reason > section:after ,
	#hial1706 > #step > section:after {
	 content:"."; display:block; height:0; clear:both; visibility:hidden; 
	 }

	#hial1706 > #reason > section.reason01 ,
	#hial1706 > #step > section.step01 {
		border-top			: 0;
	}

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

	#hial1706 > #reason > section h3 ,
	#hial1706 > #step > section h3 {
		margin			: 0;
		padding			: 0;
		font-size		: 15pt;
		font-weight		: 500;
		line-height		: 1.5;
		color			: #B7183F;
	}

	#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;
	}
	#hial1706 #samples ul li .height-c {
		height:52px;
	}
	#hial1706 #samples dl dd {
		margin-top:8px;
	}
	/* 料金 ------------------------------- */

	#hial1706 > #price table {
		box-shadow: 0 6px 3px #dedede;
		width: 100%;
		table-layout: fixed;
	}
	#hial1706 > #price table th ,
	#hial1706 > #price table td {
		border: 1px solid #a72c42;
		border-collapse:collapse;
		padding:2px;
		text-align:center;
		color: #a72c42;
		font-weight:bold;
		font-size: 16px;
	}

	#hial1706 > #price table {
		border: 1px solid #a72c42;
		border-collapse:collapse;
		text-align:center;
		padding:8px;
		font-size: 16px;
	}
	#hial1706 > #price table th {
		text-align:left;
		padding-left:10px;
	}
	#hial1706 > #price table td {
		color:#231815;
		text-align:right;
	}
	#hial1706 > #price table td .right {
		display:block;
		margin:0 auto;
		width:70px;
		border:none;
	}
	#hial1706 > #price tr:nth-child(2n+1) {
		background: #f6e9ec;
	}
	#hial1706 > article > section.back-none table {
		background:#fff;
	}


	/* 関連リンク ------------------------------- */
	#kanren .linkList li {
		width: 41%;
		display:inline-block;
		font-size: 18px;
		list-style-type: none;
		margin-left: 0;
		padding-left: 0;
		position: relative;
		padding-left: 2em;
	}
	#kanren .linkList li::after {
		position: absolute;
		top: 50%;
		left:0;
		transform:translateY(-50%);
		content: '';
		width: 10px;
		height:10px;
		border: solid 4px #EF8F7D;
		border-radius:100%;
	}

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



	@media (max-width: 767px) {


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

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

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



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

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

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

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



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

		#hial1706 > .dreri dl dt {
			text-align		: center;
			float:left;
			width:40%;
		}

		#hial1706 > .dreri dl dd {
			margin			: 0;
			float:right;
			width:59%;
			padding:10px 0 0;
		}
		#hial1706 > .dreri dl dd h3 {
			font-size		: 15pt;
		}

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

		#hial1706 > .dreri dl dt img {
			max-width			:100%;
			margin-top			:0;
		}
		/* ボタン ------------------------------------ */


		#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 > section {
			margin			: 20px 10px;
			padding			: 0;
		}

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

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

		#hial1706 > article h2 {
			margin:20px 0 0 ;
			font-size:13pt;
			padding:30px 10px;
		}
		#hial1706 > article > section .line h3 {
			font-size:12pt;
			padding:0 10px;
		}
		#hial1706 > article > section .line h3 strong {
			font-size:13pt;
		}
		/* 世界初の特別認定医に ------------------ */


		#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			: none;
			width			: auto;
			max-width		: 40%;
			margin			: 20px auto 10px;
			text-align		:center;
		}

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



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

		#hial1706 > #certificate2 .image {
			float			: none;
			width			: auto;
			max-width		: 40%;
			margin			: 20px auto 10px;
			text-align		:center;
		}

		#hial1706 > #certificate2 .detail {
			margin			: 35px 5% 0;
		}
        
		
		
		/* Dr.衣理はアラガン社の2018年「Expert Instructor（注入指導医）」 ------- */

		#hial1706 > #certificate3 .image {
			float			: none;
			width			: auto;
			max-width		: 40%;
			margin			: 20px auto 10px;
			text-align		:center;
		}

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

		#hial1706 > #certificate3 .image01 {
			float : none;
			width : auto;
			margin : 35px 10% 0;
			text-align : center;
		}
		#hial1706 > #certificate3 .catch {
			margin : 35px 5% 0;
			line-height : 1.5;
		}
		#hial1706 > #certificate3 .image02 {
			float : none;
			width : auto;
			max-width : 40%;
			margin : 20px auto 10px;
			text-align : center;
		}
		#hial1706 > #certificate3 .detail {
			margin : 35px 5% 0;
		}

		/* Dr.衣理がガルデルマ社の「COMPLETED THE GALDERMA FACIAL ANATOMY COURSE」を取得 ------- */

		#hial1706 > #certificate4 .image {
			float			: none;
			width			: auto;
			max-width		: 40%;
			margin			: 20px auto 10px;
			text-align		:center;
		}

		#hial1706 > #certificate4 .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			: #B7183F;
		}

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

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

		#hial1706 a.red, #hial1706 a.blue {
			font-size:16px;
		}

		/* ヒアルロン酸注入の世界的権威 --------------- */
		
		#hial1706 > #worldAuthority .youtube {
			text-align: center;
			display: block;
			position: relative;
			width: 100%;
			margin: 0 0 50px 0;
			padding: 56.25% 0 0 0;
		}
		#hial1706 > #worldAuthority .detail iframe {
			position: absolute;
			top: 0;
			right: 0;
			width: 100% !important;
			height: 100% !important;
		}

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

		#hial1706 > #magazine {

		}

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


		/* 5つの理由・施術ステップ --------------------------------- */

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

		#hial1706 > #reason > section .image ,
		#hial1706 > #step > section .image {
			float				: none;
			max-width			: 100%;
			margin				: 15px auto 0;
		}

		#hial1706 > #reason > section h3 ,
		#hial1706 > #step > section h3 {
			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;
		}
		#hial1706 #samples ul li .height-c {
			height:auto;
		}

		/* 画像表示順入れ替え ------------------------------- */

		#hial1706 > #reason > section.sp-order,
		#hial1706 > #step > section.sp-order {
			display:-webkit-box;
			display: -webkit-flex;
			display:-ms-flexbox;
			display: flex;
			-webkit-flex-wrap:wrap;
			-ms-flex-wrap:wrap;
			flex-wrap:wrap;
		}
		.order01{
			-webkit-box-ordinal-group:1;
			-ms-flex-order:1;
			-webkit-order:1;
			order:1;
		}
		.order02{
			-webkit-box-ordinal-group:2;
			-ms-flex-order:2;
			-webkit-order:2;
			order:2;
		}
		.order03{
			-webkit-box-ordinal-group:3;
			-ms-flex-order:3;
			-webkit-order:3;
			order:3;
		}
		#kanren .linkList li {
			width:auto;
			display:block;
			margin-bottom:5px;
		}
	}