@charset 'UTF-8';




/*

	common

*/
/*  layout  */
#c_content {
	width: 100%;
	margin: 2em auto;
}
#c_content #c_main {
	width: 100%;
}
#c_content #c_sub {
	width: 100%;
}
@media screen and (min-width: 800px) {
	#c_content {
		max-width: 1020px;
		overflow: hidden;
	}
	#c_content #c_main {
		float: left;
		width: 60%;
	}
	#c_content #c_sub {
		float: right;
		width: 35%;
	}
}

/*  headding  */
h1 {
	margin: 0 0 1em 0;
	font-size: 1.5em;
	color: #6B5D51;
}
h2 {
	margin: 0 0 1em 0;
	font-size: 1.5em;
	color: #6B5D51;
}
h2:before {
	display: inline-block;
	content: "";
	width: 1em;
	height: 1em;
	margin: 0 0.5em 0 0;
	background-image: url('./images/tree.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
h3 {
	margin: 1em 0;
	font-size: 1.25em;
	color: #6B5D51;
}

/*  link_btn  */
.link_btn {
	text-align: right;
}
.link_btn a {
	display: inline-block;
	padding: 0.5em 1em;
	border: 1px solid #6B5D51;
	color: #6B5D51;
	text-align: center;
	box-sizing: border-box;
}

/*  category  */
ul.categories {
	list-style: none;
}
ul.categories li {
	display: inline-block;
	margin: 0;
	padding: 0.5em;
	box-sizing: border-box;
}
ul.categories li a {
	display: inline-block;
	padding: 0.5em;
	box-shadow: 0.5em 0.5em 0.5em #eeeeee;
	border-left: 0.5em solid #7bc49b;
	background-color: #FFFFFF;
	color: #6B5D51;
	box-sizing: border-box;
}
/*
ul.categories li.heredity a { border-left-color: #7bc49b;}
ul.categories li.counseling a { border-left-color: #fbf49b;}
ul.categories li.antiaging a { border-left-color: #ffe75e;}
ul.categories li.hababo a { border-left-color: #fbb03b;}
ul.categories li.Sapli a { border-left-color: #facae8;}
ul.categories li.implantation a { border-left-color: #faa9dc;}
ul.categories li.IUI+AIH a { border-left-color: #ffaaa5;}
ul.categories li.endometrium a { border-left-color: #ff9ca6;}
ul.categories li.ovarian+function a { border-left-color: #71e4d1;}
ul.categories li.early+gestation a { border-left-color: #beebe9;}
ul.categories li.Frozen+Embryo+Transfer a { border-left-color: #8ac6d1;}
ul.categories li.treatment+plan a { border-left-color: #00a8cc;}
ul.categories li.next+visit a { border-left-color: #67cfee;}
ul.categories li.delivery+report a { border-left-color: #3282b8;}
ul.categories li.endometriosis a { border-left-color: #d7b9eb;}
ul.categories li.induction a { border-left-color: #bb93dd;}
ul.categories li.events a { border-left-color: #8cc63f;}
ul.categories li.ART a { border-left-color: #22b573;}
ul.categories li.uterus a { border-left-color: #00a99d;}
ul.categories li.data a { border-left-color: #ffd3b6;}
ul.categories li.tubal+factor a { border-left-color: #e5cec0;}
ul.categories li.other a { border-left-color: #c7b299;}
*/

/*  paging  */
ul.pagination {
	list-style: none;
	margin: 2em 0;
	text-align: center;
}
ul.pagination li {
	display: inline-block;
	margin: 0;
	padding: 0 0.5em;
	box-sizing: border-box;
}
ul.pagination li span,
ul.pagination li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 9999px;
	background-color: #d9f2e5;
	color: #7bc49b;
	text-align: center;
	line-height: 30px;
	box-sizing: border-box;
}
ul.pagination li span {
	background-color: #7bc49b;
	color: #ffffff;
}



/*

	#blog

*/

/*  article  */
#c_content #c_main #blog article {
	display: block;
	padding: 1.5em;
	box-sizing: border-box;
}
#c_content #c_main #blog article .content {
	position: relative;
	padding: 1em 1em 3em;
	background-color: #FFFFFF;
	box-shadow: 0.5em 0.5em 0.5em #eeeeee;
	box-sizing: border-box;
}
#c_content #c_main #blog article .content h3 {
	position: relative;
	margin: -2em 0 1em -2em;
	padding: 1em;
	background-color: #d9f2e5;
	box-sizing: border-box;
}
#c_content #c_main #blog article .content h3:after {
	position: absolute;
	left: 0;
	bottom: -1em;
	display: inline-block;
	content: "";
	border: 0.5em solid transparent;
	border-top: 0.5em solid #d9f2e5;
	border-right: 0.5em solid #d9f2e5;
}
#c_content #c_main #blog article .content time {
	display: block;
	font-size: 0.75em;
	color: #999999;
	text-align: right;
}
#c_content #c_main #blog article .content ul.categories {
	font-size: 0.75em;
}
/*
#c_content #c_main #blog article .content a.link {
	position: absolute;
	right: 1em;
	bottom: 1em;
	display: inline-block;
	content: "";
	border: 0.5em solid transparent;
	border-right: 0.5em solid #00a99d;
	border-bottom: 0.5em solid #00a99d;
}
*/
#c_content #c_main #blog article .content a.link {
	position: absolute;
	right: 1em;
	bottom: 1em;
	display: inline-block;
	padding: 0 0.5em;
	background-color: #00a99d;
	color: #ffffff;
	text-align: center;
}

/*  articles  */
#c_content #c_main #blog ul.articles {
	list-style: none;
}
#c_content #c_main #blog ul.articles li {
	margin: 0;
}

/*  cws  */
.piece.imagetext .image img {
	width: 100%;
	height: auto;
}




/*

	#message

*/
#c_content #c_main #message ul {
	list-style: none;
}
#c_content #c_main #message ul li {
	margin: 0;
	padding: 1em;
	box-sizing: border-box;
}
#c_content #c_main #message ul li .frame {
	position: relative;
	padding: 1em;
	background-color: #fffaf0;
	box-shadow: 0.5em 0.5em 0.5em #eeeeee;
	box-sizing: border-box;
}
#c_content #c_main #message ul li .frame a {
	display: block;
	color: inherit;
}
#c_content #c_main #message ul li .frame span.name {
	display: block;
	margin: 1em 0;
}
#c_content #c_main #message ul li .frame time {
	display: block;
	font-size: 0.75em;
	color: #999999;
	text-align: right;
}




/*

	#c_sub

*/

/* message  */
#c_content #c_sub #doctor .container p.message {
	padding: 1.5em;
	outline: 1px solid #FFFFFF;
	outline-offset: -0.5em;
	background-color: #7bc49b;
	color: #FFFFFF;
	box-sizing: border-box;
}

/*  doctor  */
#c_content #c_sub #doctor .profile {
	padding: 1.5em;
	background-color: #FFFFFF;
	box-sizing: border-box;
}
#c_content #c_sub #doctor .profile p {
	margin: 0 0 1em 0;
	font-size: 1.5em;
	font-weight: bold;
}
#c_content #c_sub #doctor .profile p span {
	margin: 0 0 0 1em;
	font-size: 0.5em;
	font-weight: normal;
}
#c_content #c_sub #doctor .profile ul {
	list-style: none;
	margin: 0;
}
#c_content #c_sub #doctor .profile ul li {
	position: relative;
	margin: 0 0 1em 0;
	padding: 0 0 0 40%;
	box-sizing: border-box;
}
#c_content #c_sub #doctor .profile ul li span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 40%;
}
@media screen and (min-width: 800px) {
	#c_content #c_sub #doctor .profile p span {
		display: block;
		margin: 0;
	}
}





/*

	#toppage

*/

/*  message  */
#toppage #c_content #c_main #message ul {
	overflow: hidden;
}
#toppage #c_content #c_main #message ul li {
	float: left;
	width: 50%;
}
#toppage #c_content #c_main #message ul li .frame {
	position: relative;
}
#toppage #c_content #c_main #message ul li .frame:after {
	position: absolute;
	right: 1em;
	bottom: 1em;
	content: "";
	display: inline-block;
	border: 0.5em solid transparent;
	border-right: 0.5em solid #6B5D51;
	border-bottom: 0.5em solid #6B5D51;
}
#toppage #c_content #c_main #message ul li .frame a {
	min-height: 150px;
}
#toppage #c_content #c_main #message ul li .frame a time {
	position: absolute;
	left: 1em;
	bottom: 1em;
	text-align: left;
}
@media screen and (min-width: 800px) {
	#toppage #c_content #c_main #message ul li {
		width: 33.33%;
	}
}
@media screen and (min-width: 1020px) {
	#toppage #c_content #c_main #message ul li {
		width: 25%;
	}
}