@charset "utf-8";


/*=======================================================
	グーン プレママクリニック
=======================================================*/

/* ------- cmn ------- */
.flatbase{ margin-top: 0; }
main{
	font-size: 14px; /* ie8 */
	font-size: 1.5rem;
	line-height: 30px;
	background: url(../img/bg.png);
	color: #666;
}

/* ------- index ------- */
#premama_index_header {
	margin: 0;
	position: relative;
	background: url(../img/index_bg.png) no-repeat 100% 100%;
}
#premama_index_header h1{
	margin-bottom: -22px;
	background: url(../img/index_title.png) no-repeat 0 0;
	width: 970px;
	height: 168px;
	text-indent: -9999px;
}
#premama_index_header:after{
	content: '';
	width: 129px;
	height: 200px;
	background: url(../img/index_pencil.png) no-repeat 0 0;
	display: block;
	position: absolute;
	bottom: 50px;
	right: -9px;
}
#premama_index_header p{
	padding: 0 0 30px;
	text-align: center;
}

#premama_index_cont {
	padding: 5px;
	background: #fff;
}

#premama_index_cont nav {
	padding-bottom: 5px;
}
#premama_index_cont nav ul {
	display: table;
	width: 100%;
	table-layout: fixed;
	background: url(../img/nav_bg.jpg);
}
#premama_index_cont nav ul li {
	display: table-cell;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
}
#premama_index_cont nav ul span {
	display: block;
	padding: 19px 0 30px;
	text-align: center;
}
#premama_index_cont nav ul em {
	display: block;
	font-style: normal;
	font-weight: bold;
	font-size: 18px; /* ie8 */
	font-size: 1.8rem;
	line-height: 1.2;
}
#premama_index_cont nav ul a {
	display: block;
	background: url(../img/nav_link_bg.jpg);
	width: 100%;
	height: 141px;
	box-sizing: border-box;
	color: #fff;
}
#premama_index_cont nav ul ul {
	display: inline-block;
	width: auto;
	background: transparent;
	padding-bottom: 15px;
}
#premama_index_cont nav ul ul li {
	display: block;
	text-align: left;
	font-size: 15px; /* ie8 */
	font-size: 1.5rem;
	line-height: 1.6;
}
#premama_index_cont nav ul ul a {
	padding-left: 12px;
	display: inline;
	background: url(../img/nav_arrow.png) no-repeat 0 50%;
	width: auto;
	height: auto;
}

#doctor {
	padding: 9px 33px 9px 22px;
	background: url(../img/profile_bg.jpg) 0 0;
	line-height: 1.4;
	font-size: 13px; /* ie8 */
	font-size: 1.3rem;
	letter-spacing: -0.4em;
}
#doctor_photo {
	letter-spacing: normal;
	display: inline-block;
	width: 278px;
	vertical-align: middle;
}
#doctor_profile {
	letter-spacing: normal;
	display: inline-block;
	width: 627px;
	vertical-align: middle;
}
#doctor_profile h2 {
	margin-bottom: 5px;
	font-size: 17px; /* ie8 */
	font-size: 1.7rem;
	font-weight: normal;
}
#doctor_profile h2 {
	margin-bottom: 10px;
	font-size: 20px; /* ie8 */
	font-size: 2.0rem;
	font-weight: normal;
}
#doctor_profile h2 span { font-size: 0.8em; }

#doctor_profile em {
	font-style: normal;
	font-size: 12px; /* ie8 */
	font-size: 1.2rem;
	line-height: 1.4;
}

#doctor_profile p {
	line-height: 1.6;
}
#doctor_profile a{
	color: #666;
}


/* ------- bottom ------- */
/* bottom cmn */
#premama_btm_header {
	background: url(../img/btm_header_bg.png);
	min-height: 90px;
	position: relative;
	font-size: 18px; /* ie8 */
	font-size: 1.8rem;
}

#premama_btm_header p {
	position: absolute;
	left: 104px;
	top: 53px;
}
#premama_btm_header .premama_btm_content_ttl {
	padding-top: 53px;
	text-align: center;
	color: #000;
	font-size: 18px; /* ie8 */
	font-size: 1.8rem;
	font-weight: normal;
	vertical-align: bottom;
	position: static;
}
#premama_btm_header .premama_btm_content_ttl span {
	padding-right: 5px;
	top: -5px;
	position: relative;
}

/* 段落 */
.premama_btm_cont {
	padding: 22px 0 15px;
	overflow: hidden;
}
.premama_btm_ttl_wrap {
	padding-top: 15px;
	background: url(../img/btm_h2_bg.png) no-repeat 50% 0;
	height: 58px;
	text-align: center;
}
.premama_btm_ttl {
	font-size: 20px; /* ie8 */
	font-size: 2.0rem;
	line-height: 1.3;
	font-weight: normal;
	vertical-align: bottom;
}
.premama_time{
	font-size: 13px; /* ie8 */
	font-size: 1.3rem;
	line-height: 1.1;
	display: block;
}

/* 起こりやすい症状 */
.premama_btm_cont .case {
	margin: 0 auto;
	padding: 60px 40px 20px 10px;
	width: 840px;
	position: relative;
	background: url(../img/btm_case_bg.png) no-repeat 0 100%;
	letter-spacing: -.4em;
}
.premama_btm_cont .case h2 {
	position: absolute;
	left: -10px;
	top: -15px;
	letter-spacing: normal;
}
.premama_btm_cont .case .column {
	padding-left: 30px;
	display: inline-block;
	width: 250px;
	letter-spacing: normal;
	vertical-align: top;
}
.premama_btm_cont .case h3 {
	margin-bottom: 10px;
	width: 250px;
	text-align: center;
	color: #6f4e4e;
	background: url(../img/btm_h4_bg.png) no-repeat;
	font-size: 16px; /* ie8 */
	font-size: 1.6rem;
	line-height: 33px;
}

.premama_btm_cont .case .double,
.premama_btm_cont .case .double h3 {
	width: 530px;
}
.premama_btm_cont .case .double h3 {
	background: url(../img/btm_h4_double_bg.png) no-repeat;
}

.premama_btm_cont .case p {
	margin-bottom: 20px;
	line-height: 1.6;
}
.premama_btm_cont .case .fetalsize {
	text-align: center;
}

.img_float p {
	overflow: hidden;
}

.img_float img {
	margin-bottom: 15px;
	float: right;
}


/* ママ */
.premama_btm_cont .mama {
	margin: 15px auto;
	padding: 0;
	width: 884px;
	min-height: 98px;
	display: table;
}
.premama_btm_cont .mama h2 {
	display: table-cell;
	vertical-align: middle;
	width: 167px;
}
.premama_btm_cont .mama p {
	padding-right: 7px;
	display: table-cell;
	vertical-align: middle;
	width: 710px;
}
.premama_btm_cont .mama strong,
.premama_btm_cont .baby strong {
	font-weight: normal;
	background: url(../img/mark_yellow.png) repeat-x 0 110%;
}

/* ドクター */
.premama_btm_cont .advice {
	margin: 15px auto;
	padding: 15px 0;
	width: 870px;
	min-height: 120px;
	position: relative;
	background: url(../img/btm_advice_footer.png) no-repeat 0 100%;
}
.premama_btm_cont .advice h2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 119px;
	text-indent: -9999px;
	background: url(../img/btm_advice.png) no-repeat 0 0;
}
.premama_btm_cont .advice p {
	padding: 0 30px;
	width: 680px;
	min-height: 120px;
	color: #036;
	background: url(../img/btm_advice_mid.png) repeat-y;
}
.premama_btm_cont .advice strong {
	font-weight: normal;
	background: url(../img/mark_yellow.png) repeat-x 0 110%;
}

/* 赤ちゃん */
.premama_btm_cont .baby {
	margin: 15px auto;
	padding: 0;
	width: 884px;
	min-height: 98px;
	display: table;
}
.premama_btm_cont .baby h2 {
	display: table-cell;
	vertical-align: middle;
	width: 167px;
}
.premama_btm_cont .baby p {
	padding-right: 7px;
	display: table-cell;
	vertical-align: middle;
	width: 710px;
}
.premama_btm_cont .baby .baby_size {
	font-weight: normal;
	background: url(../img/mark_orange.png) repeat-x 0 110%;
}

/* 母子手帳 */
.premama_btm_cont .handbook {
	margin: 15px auto;
	padding: 0;
	width: 900px;
}
.premama_btm_cont .handbook h2 {
	font-size: 20px; /* ie8 */
	font-size: 2.0rem;
	color: #fff;
	background: url(../early_pregnancy/img/column_h3_bg.png) no-repeat 0 0;
	line-height: 76px;
	padding-left: 10px;
}
.premama_btm_cont .handbook h3 {
	font-size: 15px; /* ie8 */
	font-size: 1.5rem;
	background: url(../early_pregnancy/img/column_h4_bg.png) no-repeat 30px 0;
	line-height: 34px;
	padding-left: 45px;
	color: #000;
}
.premama_btm_cont .handbook p {
	padding: 7px 45px 20px;
	text-indent: 1em;
	overflow: hidden;
}
.premama_btm_cont .handbook p img {
	float: right;
}
.premama_btm_cont .handbook .banner img {
	float: none;
}

.banner {
	margin-top: -15px;
	text-indent: 0 !important;
}

/* bottom footer, nav */
#premama_btm_footer {
	padding: 5px;
	background: url(../img/btm_footer_bg.png) no-repeat 50% -10px #fff;
}

#premama_btm_footer ul {
	display: table;
	table-layout: fixed;
}
#premama_btm_footer li {
	display: table-cell;
	box-sizing: border-box;
	font-weight: bold;
}
#premama_btm_footer a {
	color: #fff;
}

#pagenation {
	margin: 15px auto 20px;
	width: 340px;
}
#pagenation li {
	font-size: 16px; /* ie8 */
	font-size: 1.6rem;
	line-height: 50px;
	color: #fff;
	vertical-align: middle;
}
#pagenation li a {
	padding: 0 10px 4px;
	background: url(../img/btm_pagenation_link_bg.png) no-repeat 100% 0;
	display: block;
}
#pagenation li span {
	padding: 0 10px 4px;
	background: url(../img/btm_pagenation_bg.png) no-repeat 100% 0;
	display: block;
}
#pagenation .pagenation_back {
	text-align: right;
}
#pagenation li.pagenation_back a,
#pagenation li.pagenation_back span {
	background-position: 0 0;
}
#pagenation li a:hover {
	opacity: 0.7;
}

#premama_btm_footer nav ul {
	width: 100%;
	background: url(../img/btm_nav_bg.jpg);
}
#premama_btm_footer nav ul li {
	color: #fff;
	font-size: 12px; /* ie8 */
	font-size: 1.2rem;
	line-height: 1.2;
	text-align: center;
	vertical-align: top;
}
#premama_btm_footer nav ul li a {
	padding: 15px 0 0 60px;
	height: 62px;
	color: #fff;
	position: relative;
	display: block;
	box-sizing: border-box;
	text-align: left;
}
#premama_btm_footer nav ul #premama_to_top {
	font-size: 17px; /* ie8 */
	font-size: 1.7rem;
	vertical-align: middle;
}
#premama_btm_footer nav ul #premama_to_top a {
	padding: 0;
	text-align: center;
	height: auto;
}
#premama_btm_footer nav ul span {
	display: block;
	position: absolute;
	left: 15px;
	top: 16px;
}
#premama_btm_footer nav ul em {
	display: block;
	font-style: normal;
	font-size: 17px; /* ie8 */
	font-size: 1.7rem;
}

#premama_btm_footer nav ul li.current {
	background: url(../img/btm_nav_current_bg.jpg);
	color: #f4917d;
}
#premama_btm_footer nav ul li.current a {
	color: #f4917d;
}
#premama_btm_footer nav ul li.current a:after {
	content: "";
	display: block;
	width: 36px;
	height: 29px;
	position: absolute;
	left: 15px;
	top: 16px;
}
#premama_btm_footer nav ul li.cul01 a:after {
	background: url(../img/nav_current_01.png);
}
#premama_btm_footer nav ul li.cul02 a:after {
	background: url(../img/nav_current_02.png);
}
#premama_btm_footer nav ul li.cul03 a:after {
	background: url(../img/nav_current_03.png);
}

#premama_btm_footer nav ul ul {
	padding-bottom: 10px;
	display: inline-block;
	width: auto;
	background: transparent;
}
#premama_btm_footer nav ul ul li {
	display: block;
	font-size: 14px; /* ie8 */
	font-size: 1.4rem;
	line-height: 1.6;
	text-align: left;
}
#premama_btm_footer nav ul ul li a {
	padding: 0 0 0 12px;
	display: inline;
	background: url(../img/nav_arrow.png) no-repeat 0 50%;
	height: auto;
	font-weight: normal;
}
#premama_btm_footer nav ul ul span {
	display: inline;
	position: relative;
	left: auto;
	top: auto;
	font-size: 12px; /* ie8 */
	font-size: 1.2rem;
}
#premama_btm_footer nav ul li.current ul a:after {
	display: none;
}
#premama_btm_footer nav ul li.current ul a {
	background: url(../img/nav_current_arrow.png) no-repeat 0 50%;
}

/* ------- 下部 関連リンク バナー配置 調整 ------- */
#brand .banner_cont{
	margin-top: 10px;
}


/* ===========================================
	MediaQueries
=========================================== */

/* スマホ----------------------------- */
@media screen and (max-width: 767px) {

/* ------- cmn ------- */
.flatbase{ margin-bottom: 50px; }
	main{
		font-size: 1.2rem;
		line-height: 24px;
		background-size: auto 24px;
	}

/* ------- index ------- */
	#premama_index_header {
		padding-top: 10px;
		background: url(../img/index_sp_bg.png) no-repeat 100% 100%;
		background-size: 60px auto;
	}
	#premama_index_header h1{
		margin-bottom: 0;
		background: url(../img/index_sp_title.png) no-repeat 0 0;
		background-size: contain;
		width: 100%;
		height: auto;
		padding-top: 25%;
		line-height: 1px;
	}
	#premama_index_header:after{
		display: none;
	}
	#premama_index_header p{
		padding-bottom: 24px;
	}

/* nav */
	#premama_index_cont nav ul {
		display: block;
		background: url(../img/nav_sp_bg.jpg);
	}
	#premama_index_cont nav ul li {
		display: block;
		font-size: 1.2rem;
		text-align: left;
		line-height: 40px;
		border-image: url(../img/nav_sp_border.png) 14 round;
		border-style: solid;
		border-width: 7px; 
		border-left: 0;
		border-right: 0;
	}
	#premama_index_cont nav ul span {
		display: inline-block;
		padding: 0 8px;
	}
	#premama_index_cont nav ul a {
		display: block;
		background: transparent;
		width: auto;
		height: auto;
	}
	#premama_index_cont nav ul em {
		padding-right: 0.5rem;
		display: inline;
	}
	#premama_index_cont nav ul span img {
		width: 24px;
		height: auto;
		vertical-align: middle;
	}
	#premama_index_cont nav ul ul {
		padding: 0 0 0 40px;
	}
	#premama_index_cont nav ul ul li {
		line-height: 2;
		border: 0;
	}

/* 監修 */
	#doctor {
		padding: 9px;
		letter-spacing: normal;
		font-size: 1.1rem;
	}
	#doctor_photo {
		text-align: center;
		display: block;
		width: 100%;
	}
	#doctor_photo img {
		max-width: 100%;
		height: auto;
	}
	#doctor_profile {
		display: block;
		width: 100%;
	}

	#doctor_profile h2 {
		font-size: 1.7rem;
		border-bottom: 1px dotted #fff;
	}

	#doctor_profile em {
		font-style: normal;
		font-size: 12px; /* ie8 */
		font-size: 1.2rem;
		line-height: 1.4;
	}

	#doctor_profile p {
		line-height: 1.6;
	}


/* ------- bottom ------- */
/* bottom cmn */
	#premama_btm_header {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 0 100%;
		min-height: auto;
		position: relative;
		padding: 5px 10px;
	}
	
	#premama_btm_header p {
		position: relative;
		left: auto;
		top: auto;
		font-size: 1.2rem;
	}
	#premama_btm_header .premama_btm_content_ttl {
		padding: 10px 0 2px;
		font-size: 1.5rem;
	}
	#premama_btm_header .premama_btm_content_ttl span img {
		width: 24px;
		height: auto;
	}

/* 段落 */
	.premama_btm_cont {
		padding: 22px 0 0;
		overflow: hidden;
	}
	.premama_btm_ttl_wrap {
		padding: 6px 0;
		background-size: 95% 100%;
		height: auto;
	}
	.premama_btm_ttl { font-size: 1.45rem; }
	.premama_time { font-size: 1.3rem; }

/* 起こりやすい症状 */
	.premama_btm_cont .case {
		margin: 0;
		padding: 0 10px;
		width: 100%;
		box-sizing: border-box;
		background: transparent;
	}

	.premama_btm_cont .case h2 {
		top: -5px;
		left: 0;
	}
	.premama_btm_cont .case h2 + .column {
		padding-top: 60px;
	}
	.premama_btm_cont .case .column,
	.premama_btm_cont .case .double {
		padding :10px;
		display: block;
		width: 100%;
		box-sizing: border-box;
		background: #ffebeb;
	}

	.premama_btm_cont .case h3 {
		margin: 0 auto 10px;
		width: 250px;
		font-size: 1.4rem;
	}

	.premama_btm_cont .case h3 {
		background: url(../img/btm_h4_double_bg.png) no-repeat;
		background-position: 50% 50%;
		width: 100%;
		margin: 0 auto 10px;
		font-size: 1.4rem;
	}

	.premama_btm_cont .case .double h3 {
		background-position: 50% 50%;
		width: 100%;
	}

	.premama_btm_cont .case p {
		margin-bottom: 0;
		padding-bottom: 20px;
	}

	.premama_btm_cont .img_float img {
		float: none !important;
		display: block;
		margin: 0 auto;
	}

/* ママ */
/* 赤ちゃん */
	.premama_btm_cont .mama,
	.premama_btm_cont .baby {
		margin: 12px 0;
		padding: 0 10px;
		width: 100%;
		box-sizing: border-box;
		display: block;
	}
	.premama_btm_cont .mama h2,
	.premama_btm_cont .baby h2 {
		display: block;
	}
	.premama_btm_cont .mama p,
	.premama_btm_cont .baby p {
		padding-right: 0;
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

/* ドクター */
	.premama_btm_cont .advice {
		margin: 0;
		padding: 12px 10px 0;
		width: 100%;
		box-sizing: border-box;
		background: transparent;
	}
	.premama_btm_cont .advice h2 {
		position: relative;
		left: auto;
		top: auto;
		box-sizing: border-box;
		height: 115px;
		background: url(../img/btm_sp_advice.png) no-repeat 0 0;
	}
	.premama_btm_cont .advice p {
		padding: 0;
		width: 100%;
		box-sizing: border-box;
		background: transparent;
		border-image: url(../img/btm_sp_advice_bg.png) 15 round;
		border-style: solid;
		border-width: 15px; 
	}

/* 母子手帳 */
	.premama_btm_cont .handbook {
		margin: 12px auto;
		width: 100%;
	}
	.premama_btm_cont .handbook h2 {
		font-size: 1.7rem;
		background-size: auto 50px;
		line-height: 57px;
		padding-left: 10px;
	}
	.premama_btm_cont .handbook h3 {
		padding: 10px;
		background: url(../early_pregnancy/img/column_h4_bg.png) repeat-y 50% 0;
		font-size: 1.4rem;
		line-height: 1.2;
		min-height: 34px;
		box-sizing: border-box;
		text-align: center;
	}
	.premama_btm_cont .handbook p {
		padding: 7px 10px 20px;
	}


/* bottom footer, nav */
	#premama_btm_footer {
		padding: 5px;
		background: url(../img/btm_footer_bg.png) no-repeat 50% -10px #fff;
	}

	#pagenation {
		margin: 15px auto 20px;
		width: 340px;
		background: url(../img/btm_pagenation_bg.png) no-repeat 0 0;
	}
	#pagenation li {
		font-size: 1.4rem;
	}

/* nav */
	#premama_btm_footer nav {
		display: block;
	}
	#premama_btm_footer nav ul {
		display: block;
		background: url(../img/nav_sp_bg.jpg);
	}
	#premama_btm_footer nav ul li {
		display: block;
		text-align: left;
		line-height: 40px;
		border-image: url(../img/nav_sp_border.png) 14 round;
		border-style: solid;
		border-width: 7px; 
		border-left: 0;
		border-right: 0;
	}
	#premama_btm_footer nav ul li span {
		display: inline-block;
		padding: 0 8px;
		position: relative;
		left: auto;
		top: auto;
	}
	#premama_btm_footer nav ul em {
		padding-right: 0.5rem;
		display: inline;
		font-size: 1.2rem;
	}
	#premama_btm_footer nav ul li a {
		padding: 0;
		height: auto;
	}
	#premama_btm_footer nav ul span img {
		width: 24px;
		height: auto;
		vertical-align: middle;
	}
	#premama_btm_footer nav ul li.current {
		background: url(../img/btm_nav_current_sp_bg.jpg);
	}
	#premama_btm_footer nav ul li.current a:after {
		width: 24px;
		height: 20px;
		background-size: contain;
		position: absolute;
		left: 8px;
		top: 11px;
	}

	#premama_btm_footer nav ul ul {
		padding: 0 0 0 40px;
	}
	#premama_btm_footer nav ul ul li {
		font-size: 1.2rem;
		line-height: 2;
		border: 0;
	}







}