@charset "UTF-8";
/* ***********************************************************************
   Pediatric Meimei Clinic - <Common>
*********************************************************************** */
/*
    1 : Initialize (html5)
    2 : Format (header, main, footer, etc.)
    3 : Text  (h1~, p, etc.)
    4 : Space (margin, padding, etc)
	5 : Frequent Parts (rightLink, list, page-top, etc.)
	6 : Behavior (transition)
	7 : Table
	8 : Clear
	9 : UnderConst
*/

/* ***********************************************************************
    1 : Initialize (html5)
*********************************************************************** */ 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section, main,
time, mark, audio, video {
	margin        : 0;
	padding       : 0;
	border        : 0;
	outline       : 0;
	font-size     : 100%;
	vertical-align: baseline;
	background    : transparent;
}
body {
	line-height: 1;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section, main {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a {
	margin        : 0;
	padding       : 0;
	border        : 0;
	font-size     : 100%;
	vertical-align: baseline;
	background    : transparent;
}
ins {
	background-color: #ff9;
	color           : #000;
	text-decoration : none;
}
mark {
	background-color: #ff9;
	color           : #000;
	font-style      : italic;
	font-weight     : bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor       : help;
}
table {
	border-collapse: collapse;
	border-spacing : 0;
}
hr {
    display   : block;
    height    : 1px;
    border    : 0;
	background: #ccc;
}
input, select {
	vertical-align: middle;
}
img {
	vertical-align: bottom;
}
a {
	outline-style: none;
	cursor       : pointer;
}
a img {
	border: none;
}
ul {
	list-style         : none;
	list-style-image   : none;
	list-style-position: outside;
}
ol {
	list-style-type    : decimal;
	list-style-image   : none;
	list-style-position: outside;
}




/* ***********************************************************************
    2 : Format (header, main, footer, etc.)
*********************************************************************** */
* {
	font-size               : 16px; /* 基準のフォントサイズを16pxとする */
    -webkit-text-size-adjust: 100%; /* ブラウザ側での自動調整をなしにする */
}
body {
	-webkit-text-size-adjust: none;
	color                   : #333;
	font-family             : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
	text-align              : center;
}
/* ******************************************
	COMMON
******************************************* */
/**[ SP ]**/
/**[ OUTER FRAME ]**/
header,
main,
footer {
	width     : 100%;
	height    : auto;
	text-align: center;
}
header {
	max-height : 80px;
}
footer {
	background    : #e1f1c8;
	padding-bottom: 12px;
}

/**[ INNER FRAME ]**/
header .innerBox,
main .innerBox,
footer .innerBox {
	position    : relative;
	display     : block;
	width       : 90%;
	margin-left : auto;
	margin-right: auto;
}
header .innerBox {
	height       : 45px;
	padding-top  : 17px;
	margin-bottom: 18px;
	text-align   : left;
}
/**[ h1 SITE NAME ]**/
h1#siteName {
	width : auto;
	height: 45px;
}
h1#siteName a {
	display: block;
	height : 45px;
	width  : 250px;
}
h1#siteName a img {
	width  : 250px;
	height : 45px;
}


@media (min-width:896px) {
/**[ PC ]**/
	/**[ OUTER FRAME ]**/
	header {
		max-height: none;
		height    : auto;
	}
	footer {
		padding-bottom: 40px;
	}
	/**[ INNER FRAME ]**/
	header .innerBox,
	main .innerBox,
	footer .innerBox {
		width: 1080px;
	}
	header .innerBox {
		height       : auto;
		padding-top  : 0;
		margin-bottom: 0;
	}
	/**[ h1 SITE NAME ]**/
	h1#siteName,
	h1#siteName a,
	h1#siteName a img {
		width : 384px;
		height: 68px;
	}
	h1#siteName {
		margin: 32px 0 28px;
	}
	/*[ #relatedLinks ]***/
	#relatedLinks {
		background-color: #eee;
		width           : 250px;
		height          : auto;
		margin-top      : 40px;
		padding         : 0 15px 16px 15px;
	}
	#relatedLinks h5 {
		width      : 100%;
		height     : 40px;
		text-align : center;
		font       : normal 20px/40px "Jun 201", "Shin Maru Go Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
		line-height: 40px;
	}
	#relatedLinks ul {
		background-color: #fff;
	}
	#relatedLinks ul li {
		width : 250px;
		height: auto;
		border-top: solid 2px #eee;
	}
	#relatedLinks ul li a {
		display        : block;
		background     : url(../images/arrow_gray.png) left 8px top 19px no-repeat;
		background-size: 7px 11px;
		width          : 230px;
		padding        : 12px 0 12px 20px;
		text-align     : left;
		font-size      : 16px;
		line-height    : 1.5em;
		text-decoration: none;
	}
}
@media screen and (max-width: 1280px) and (min-width: 896px) and (orientation: portrait) {
/**[ TABLET ]**/
	/**[ INNER FRAME ]**/
	header .innerBox,
	main .innerBox,
	footer .innerBox {
		width       : 980px;
		margin-left : auto;
		margin-right: auto;
	}
}

/* ******************************************
	FOOTER
******************************************* */
/**[ SP ]**/
footer .LeftColumn {
	width         : 100%;
	margin-top    : 20px;
	text-align    : left;
}
footer .LeftColumn h5 {
	font-family: "Shin Go Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	font-size  : 18px;
	line-height: 1.0;
}
footer .LeftColumn #telBtn {
	display: block;
	width  : 100%;
	height : auto;
	margin : 12px 0;
}
footer .LeftColumn div {
	margin-top: 8px;
}
footer .RightColumn {
	width        : 100%;
	margin-top   : 32px;
	margin-bottom: 10px;
}
footer .RightColumn iframe {
	display: block;
	width  : 100%;
	height : 225px;
}
footer .RightColumn p {
	margin-top: 10px;
	text-align: center;
	font-size : 14px;!important
}
footer .RightColumn p img {
	display: inline-block;
	width  : auto;
	height : 20px;
	margin-bottom : -2px;
	vertical-align: bottom;
}
#ftrBtm {
	position     : relative;
	width        : 100%;
	padding      : 10px 0 66px;
	text-align   : center;
	border-bottom: solid 1px #999;
}
#ftrBtm h6#ftrLogo {
	display: none;
}
#ftrBtm h6 {
	width     : 15%;
	min-height: 32px;
	margin    : 0 auto 2px;
}
#ftrBtm h6 a,
#ftrBtm h6 a img {
	display: block;
	width  : 100%;
	height : auto;
}
#ftrBtm address {
	margin    : 0 auto;
	font-size : 12px;
	font-style: normal;!important
}
@media (min-width:896px) {
/**[ PC ]**/
	footer .LeftColumn {
		float      : left;
		width      : 520px;
		margin-top : 0;
		padding-top: 38px;
	}
	footer .LeftColumn h5 {
		font-size: 26px;
	}
	footer .LeftColumn #telBtn {
		margin : 18px 0 16px;
	}
	footer .LeftColumn div {
		margin-top: 10px;
	}
	footer .RightColumn {
		float: right;
		width: 520px;
		margin-top: 40px;
	}
	footer .RightColumn iframe {
		height : 281px;
	}
	footer .RightColumn p {
		margin-top: 14px;
		font-size : 18px;
	}
	footer .RightColumn p .pcImg {
		display: inline-block;
	}
	footer .RightColumn p img {
		height: 24px;
		width : auto;
	}
	#ftrBtm {
		width  : 1080px;
		margin : 0 auto;
		padding: 16px 0 12px;
		border : none;
	}
	#ftrBtm h6#ftrLogo {
		position: absolute;
		left    : 0;
		top     : 24px;
		display : block;
		height  : 48px;
		width   : 200px;
		margin  : 0;
	}
	#ftrBtm h6#ftrLogo img {
		height  : 48px;
		width   : 200px;
	}
	#ftrBtm h6 {
		width : 78px;
		margin: 0 auto 2px;
	}
	#ftrBtm h6 a,
	#ftrBtm h6 a img {
		min-width : 78px;
		min-height: 52px;
		height    : auto;
	}
}
@media screen and (max-width: 1280px) and (min-width: 896px) and (orientation: portrait) {
/**[ TABLET ]**/
	footer .LeftColumn {
		width: 470px;
	}
	footer .RightColumn {
		width: 470px;
	}
	#ftrBtm {
		width: 980px;
	}
}



/* ***********************************************************************
    3 : Text  (h1~, p, etc.)
*********************************************************************** */
/********************************
	H1 ページタイトル
********************************
( h1#siteName → 2 : Format内 )*/
h1#pageTitle {
	width     : 100%;
	height    : 100px;
	text-align: center;
	color     : #333;
	font      : 28px/100px "Jun 201", "Shin Maru Go Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
	letter-spacing : 0.01em;
}
#sublingual h1#pageTitle {
	height        : auto;
	font-size     : 27px;
	line-height   : 36px;
	padding-top   : 14px;
	padding-bottom: 14px;
	letter-spacing: -2px;
}

@media (min-width:896px) {
/**[ PC ]**/
	h1#pageTitle {
		width      : 1080px;
		height     : 160px;
		margin     : 0 auto;
		font-size  : 40px;
		line-height: 160px;
	}
	#sublingual h1#pageTitle {
		font-size: 39px;
		line-height   : 50px;
		padding-top   : 30px;
		padding-bottom: 30px;
		letter-spacing: 0;
	}
}
@media screen and (max-width: 1280px) and (min-width: 896px) and (orientation: portrait) {
/**[ TABLET ]**/
	h1#pageTitle {
		width: 980px;
	}
}

/**************************
	H2 大見出し
**************************/
h2 {
	background     : url(../images/h2_mark.png) left top 3px no-repeat;
	background-size: 24px 24px;
	width          : 91.5%;
	height         : auto;
	margin-top     : 60px;
	padding        : 0 0 12px 8.5%;
	text-align     : left;
	color          : #333;
	font           : 24px/1.25 "Shin Maru Go Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
	letter-spacing : 0.01em;
	border-bottom  : solid 3px #8fc31f;
}
h2:first-child {
	margin-top: 0;
}
@media (min-width:896px) {
	h2 {
		background-size    : 26px 26px;
		background-position: left top 5px;
		width       : 720px;
		padding     : 0 8px 12px 40px;
		font-size   : 28px;
		border-width: 4px;
	}
}


/**************************
	H3 中見出し
**************************/
h3 {
	background      : url(../images/h3_mark.gif) left 1% top 14px no-repeat;
	background-size : 6px 12px;
	background-color: #f5fae6;
	width           : 93%;
	min-height      : 24px;
	height          : auto;
	margin          : 48px auto 24px;
	padding         : 8px 1% 8px 6%;
	font            : 22px/1.25 "Shin Maru Go Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
	border-bottom   : solid 2px #90c31f;
	text-align      : left;
}
h3:first-child {
	margin-top: 0;
}
@media (min-width:896px) {
	h3 {
		background-position: left 2px top 18px;
		width          : 717px;
		min-height     : 30px;
		height         : auto;
		padding        : 11px 8px 7px 27px;
		font-size      : 23px;
	}
}

/**************************
	H4 小見出し
**************************/
h4 {
	width         : 98%;
	min-height    : 25px;
	height        : auto;
	/*margin-top    : 32px;*/
	margin-top: 40px;
	padding       : 0 1% 7px;
	color         : #90c31f;
	font          : 20px/1.25 "Shin Maru Go Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
	border-bottom : solid 1px #90c31f;
	text-align    : left;
}
h4:first-child {
	margin-top: 0;
}
@media (min-width:896px) {
	h4 {
		max-width     : 752px;
		width         : auto;
		margin-top    : 32px;
		padding-bottom: 6px;
	}
}

/******************************
	H5 場面に合わせたタイトル
*******************************

( h5 → page.css内 )*/

/*****************************
	H6 FOOTER 見出し、ロゴ
******************************

( h6#ftr_mark → 2 : Format内 )*/


/**************************
	TEXT
**************************/
main .innerBox {
	letter-spacing: 0.01em;
}

p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}

a {
	font-family    : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
	color          : #009de1;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	opacity        : 0.6;
	filter         : alpha(opacity=60);
	-moz-opacity   : 0.6;
}
a:visited {
	color       : #009de1;
	opacity     : 1.0;
	filter      : alpha(opacity=100);
	-moz-opacity: 1.0;
}


/****************
  TEXT ALIGN
*****************/
.align_right {
	text-align: right;
}
.align_center {
	text-align: center;
}
.align_left {
	text-align: left;
}
.align_middle {
  position: absolute;
  display : inline-block;
  top: 50%; left: 0;
  transform: translate(-50%, 0);
}
@media (min-width:896px) {
	.pcCenter {
		text-align: center;
	}
}

/****************
  SISE CHANGE
*****************/
.biggest {
	font-size: 125%;/* 16pxの場合 → 20px */
}
.bigger {
	font-size: 112%;/* 16pxの場合 → 18px */
}
.smaller {
	font-size: 88%;/* 16pxの場合 → 14px */
}
.smallest {
	font-size: 75%;/* 16pxの場合 → 12px */
}
.size-1 {
	font-size: smaller;
}

/*******************
  TEXT DECORETION
********************/
.thick { font-weight: bold; color: #000; }
.underline { text-decoration: underline; }
.minchoh { font-family: "リュウミン M-KL", "Ryumin Medium KL", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
.yellowMarker { /*黄色のマーカー風*/
	display   : inline-block;
	background: url(../images/bg_underline.gif) left bottom 4px repeat-x;
	background-size: 18px 18px;
}
@media (min-width:896px) {
	.yellowMarker {
		background-position: left bottom 6px;
	}
}

/*******************
  TEXT COLOR
********************/
.green    { color: #90c31f; }
.orange   { color: #ee7700; }
.pink     { color: #e53f95; }
.darkPink { color: #e5005a; }
.black    { color: #333; }
.gray     { color: #999; }
.red      { color: red; }

/****************
  TEXT INDENT
*****************/
.indent-1 {
	padding-left: 1em;
	text-indent : -1em;
}
.indent-bit {
	padding-left: 0!important;
	padding-left: 5%!important;
	text-indent : -5%!important;
}

@media (min-width:896px) {
	.indent8 {
		width: auto;
		margin-left : 8px;
		margin-right: 8px;
	}
	.indent16 {
		width: auto;
		margin-left : 16px;
		margin-right: 16px;
	}
}

/********************
  BULLET
*********************/
.pinkBullet {
	background     : url(../images/bullet.png) 2px 0.65em no-repeat;
	background-size: 8px 8px;
	padding-left   : 16px;
}


/**************
	   BR
***************/
.br {
	display: inline;
}
.brSP {
	display: block;
}
/**[ NO br ]**/
.no_br {
	word-break: keep-all;
}
@media (min-width:896px) {
	.br {
		display: block;
	}
	.brSP {
		display: inline;
	}
}
/**************
	ruby
***************/
ruby rt {
	font-size: 10px;
}

/* ***********************************************************************
    4 : Space (margin, padding, etc)
*********************************************************************** */
/****************
   MARGIN TOP
*****************/
/** Basic **/
.mgn_top_4 {
	margin-top: 4px;
}
.mgn_top_8 {
	margin-top: 8px;
}
.mgn_top_12 {
	margin-top: 12px;
}
.mgn_top_16 {
	margin-top: 16px;
}
.mgn_top_20 {
	margin-top: 20px;
}
.mgn_top_24 {
	margin-top: 24px;
}
.mgn_top_32 {
	margin-top: 32px;
}
.mgn_top_40 {
	margin-top: 40px;
}
.mgn_top_48 {
	margin-top: 48px;
}
.mgn_top_56 {
	margin-top: 56px;
}
.mgn_top_60 {
	margin-top: 60px;
}



/* ***********************************************************************
	5 : Frequent Parts (rightLink, LIST, page-top, etc.)
*********************************************************************** */
/********************
  POSITION
*********************/
.left {
	float: left;
}
.right {
	float: right;
}
.center_middle {
  position : absolute;
  display  : inline-block;
  top      : 50%;
  left     : 50%;
  transform: translate(-50%, -50%);
}

/********************
  RIGHT LINK
*********************/
.rightLink {
	float      : right;
	height     : auto;
	text-align : right;
	font-family: "リュウミン M-KL", "Ryumin Medium KL", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 24px;
}
.rightLink img {
	display       : inline-block;
	width         : 6px;
	height        : auto;
	padding-bottom: 7px;
	margin-left   : 4px;
	vertical-align: middle;
}
@media (min-width:896px) {
/**[ PC ]**/
	.rightLink {
		font-size  : 16px;
		line-height: 24px;
	}
	.rightLink img {
		width         : 8px;
		height        : 12px;
		padding-bottom: 6px;
		margin-left   : 8px;
	}
}


/********************
  COLOR BOX
*********************/
.grayBox {
	background   : #f5f5f5;
	padding      : 24px;
	border-radius: 16px;
}


/********************
  NORMAL LIST
*********************/
.normalList {
	margin-top     : 1em;
	margin-bottom  : 1em;
	list-style-type: none;
}
.normalList li {
	background     : url(../images/bullet.png) 2px 0.5em no-repeat;
	background-size: 8px 8px;
	margin-top     : 12px;
	padding-left   : 18px;
	line-height    : 1.5;
	text-align     : left;
}
.normalList li:first-child {
	margin-top: 0;
}
.normalList li.graybullet {
	background: none;
	background: url(../images/bullet_gray.png) 2px 0.5em no-repeat;
	background-size: 8px 8px;
}
.normalList li.greenbullet {
	background: none;
	background: url(../images/bullet_green.png) 2px 0.5em no-repeat;
	background-size: 8px 8px;
}

@media (min-width:896px) {
/**[ PC ]**/
	.normalList li {	
		background     : url(../images/bullet.png) 0 12px no-repeat;
		background-size: 8px 8px;
		margin-top     : 8px;
		margin-left    : 0.5em;
		padding-left   : 18px;
		line-height    : 2.0;
	}
	.normalList li.graybullet {
		background: none;
		background: url(../images/bullet_gray.png) 0 12px no-repeat;
		background-size: 8px 8px;
	}
	.normalList li.greenbullet {
		background: none;
		background: url(../images/bullet_green.png) 0 12px no-repeat;
		background-size: 8px 8px;
	}
}


/********************
  KOME LIST
*********************/
.komeList {
	width      : 100%;
	height     : auto;
	margin-top : 16px;
	color      : #ee7700;
	font-size  : 14px;
	line-height: 1.25em;
	text-align : left;
}
.komeList li {
	margin-top  : 8px;
	padding-left: 1em;
	text-indent : -1em;
}
.komeList li:before {
	content:"※";	
}


/********************
  CHECBOX LIST
*********************/
.checkBox {
	margin-top     : 1em;
	margin-bottom  : 1em;
	list-style-type: none;
}
.checkBox li {
	background     : url(../images/checkbox.gif) 0 0.17em no-repeat;
	background-size: 18px 18px;
	margin-top     : 12px;
	padding-left   : 26px;
	line-height    : 1.5em;
	text-align     : left;
}





/* ***********************************************************************
	6 : Behavior (transition)
*********************************************************************** */
/**************************
	Show/Hide 
**************************/
.pcImg {
	display: none;
}
.spImg {
	display: block;
}
@media (min-width:896px) {
/**[ PC ]**/
	.pcImg {
		display: block;
	}
	.spImg {
		display: none;
	}
}


/**************************
   IMG ON MOUSE
**************************/
a:hover img {
	opacity: 1;
	filter : alpha(opacity=100);
}
@media (min-width:896px) {
/**[ PC ]**/
	a {
		text-decoration: none;
	}
	a:hover img {
		opacity     : 0.6;
		filter      : alpha(opacity=60);
		-moz-opacity: 0.6;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition   : 0.3s ease-in-out;
		-o-transition     : 0.3s ease-in-out;
		transition        : 0.3s ease-in-out;
	}
}



/* ***********************************************************************
	7 : Table
*********************************************************************** */
.normalTable {
	width: 100%;
    border-collapse: collapse;
}
.normalTable th,
.normalTable td {
    border        : solid 1px #91c132;
    text-align    : center;
	vertical-align: middle;
}
.normalTable th.cel01 {
	background: #c7e18f;
}
.normalTable th.cel02 {
	background: #e5f1c9;
}
.normalTable td {
	background: #fff;
}



/* ***********************************************************************
	8 : Clear
*********************************************************************** */
.clear {
	clear: both;
}
.clearfix:after {
	content   : "."; 
	display   : block; 
	height    : 0; 
	clear     : both; 
	visibility: hidden;
}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix {
	display: block;
}
/* End hide from IE-mac */



/* ***********************************************************************
	9 : UnderConst
*********************************************************************** */
#underConst {
	width     : 80%;
	height    : auto;
	margin    : 40px auto 0;
	padding   : 48px 0;
	color     : #ccc;
	text-align: center;
	border    : solid 2px #ccc;
}
#underConst p.bigger {
	font-family: "Shin Go Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	text-align : center;
	font-size  : 18px;
}
#underConst p {
	width: 100%;
}
.yetImg {
	opacity     : 0.3;
	filter      : alpha(opacity=30);
	-moz-opacity: 0.3;
}
@media (min-width:896px) {
/**[ PC ]**/
	#underConst {
		width    : 400px;
		margin   : 80px auto 0;
		padding  : 56px 0;
		font-size: 20px;
	}
}