@charset "UTF-8";
/* ***********************************************************************
    Pediatric Meimei Clinic - <Home>
*********************************************************************** */
/*
    1 : MAIN IMAGE
    2 : latestNews
    3 : CONTENTS
    4 : FOOTER
    5 : ADDITION
*/

/* ******************************************
    1 : MAIN IMAGE
******************************************* */
/**[ SP ]**/
#mainImg {
	display        : block;
	background     : url(../images/bg_pattern.gif) left bottom repeat-x;
	/*background-size: 206px 344px;*/
	background-size: 206px 827px;
	width          : 100%;
	min-height     : 444px;
	height         : auto;
	padding-bottom : 28px;
	text-align     : center;
}
#mainImg img {
	width : 100%;
	height: auto;
}
@media (min-width:896px) {
/**[ PC ]**/
	#mainImg {
		background     : url(../images/bg_pattern.gif) left bottom repeat-x;
		background-size: 400px 1600px;
		background-color: #fffbe9;
		min-height     : 668px;
		height         : auto;
		padding-bottom : 32px;
	}
	#mainImg img {
		width : 1080px;
		height: 444px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 1280px) and (min-width: 896px) and (orientation: portrait) {
/**[ TABLET ]**/
	#mainImg img {
		width : 980px;
	}
}


/* ******************************************
    2 : latestNews
******************************************* */
/**[ SP ]**/
#latestNews {
	width     : 100%;
	height    : auto;
	margin-top: 10px;
	text-align: center;
}
#latestNews .innerBox {
	display         : block;
	background-color: #fff;
	width           : 92%;
	height          : auto;
	margin          : 0 auto;
	padding         : 8px 2% 8px;
	border          : solid 1px #fff6d2;
	border-radius   : 10px;
	text-align      : left;
}
h2#oshirase {
	float           : left;
	background      : url(../images/h2_mark.png) center top no-repeat;
	background-size : 22px 22px;
	width           : 8%;
	height          : auto;
	margin          : 0;
	padding         : 28px 0 0 0;
	border          : none;
	text-align      : center;
}
h2#oshirase span {
	display         : block;
	width           : 18px;
	height          : auto;
	margin          : 0 auto;
	font-size       : 18px;
	line-height     : none;
	-ms-writing-mode: tb-rl;
	writing-mode    : vertical-rl;
}
#oshiraseList {
	float      : right;
	width      : 86%;
	height     : auto;
	padding    : 0 0 0 3%;
	border-left: solid 1px #8fc31f;
}
#oshiraseList dl {
	display: block;
	width  : 100%;
	heigh  : 38px;
}
#oshiraseList dl dt,
#oshiraseList dl dd {
	text-align    : left;
	line-height   : 38px;
	letter-spacing: normal;
}
#oshiraseList dl dt {
	float    : left;
	width    : 28%;
	color    : #333;
	font-size: 12px;
}
#oshiraseList dl dd {
	float    : left;
	width    : 72%;
	font-size: 14px;
}
#oshiraseList dl dd a {
	display      : inline-block;
	width        : 100%;
	height       : 38px;
	line-height  : 38px;
	overflow     : hidden;
	white-space  : nowrap;
	text-overflow: ellipsis;
}
#oshiraseList dl dd a a:hover {
	text-decoration: none;
}
#toNewsPage {
	position  : relative;
	width     : 100%;
	height    : 28px;
	margin-top: 4px;
}
#toNewsPage a.rightLink {
	position        : absolute;
	right           : 0;
	bottom          : 0; 
	display         : block;
	background-color: #8fc31f;
	border-radius   : 14px;
	width           : auto;
	height          : 28px;
	padding         : 0 12px 0 14px;
	color           : #fff;
	font            : normal 16px/28px "Shin Maru Go Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}
#toNewsPage a.rightLink img {
	display: inline-block;
	width  : auto;
	height : 11px;
	margin : 5px 0 0;
}
@media (min-width:896px) {
/**[ PC ]**/
	#latestNews {
		margin-top: 20px;
	}
	#latestNews .innerBox {
		width        : 1048px;
		padding      : 18px 16px;
		border-radius: 16px;
	}
	h2#oshirase {
		background     : url(../images/h2_mark.png) left top 2px no-repeat;
		background-size: 26px 26px;
		width          : 134px;
		padding        : 2px 0 0 32px;
		font-size      : 22px;
		line-height    : 26px;
	}
	h2#oshirase span {
		width           : auto;
		margin          : 0;
		font-size       : 22px;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode    : lr-tb;
		writing-mode    : horizontal-tb;
		text-align      : left;
	}
	#oshiraseList {
		width       : 848px;
		padding     : 0 0 0 32px;
		border-width: 2px;
	}
	#oshiraseList dl {
		width : 848px;
		height: 0;
		height: 36px;
	}
	#oshiraseList dl dt {
		width    : 120px;
		font-size: 16px;
		height   : 36px;
	}
	#oshiraseList dl dd {
		width    : 728px;
		font-size: 16px;
		height   : 36px;
	}
	#oshiraseList dl dd a {
		width      : 728px;
		height     : 36px;
		line-height: 36px;
	}
	#toNewsPage {
		width     : 848px;
		height    : 32px;
		margin-top: -10px;
	}
	#toNewsPage a.rightLink {
		border-radius: 16px;
		height       : 32px;
		padding      : 0 14px 0 16px;
		line-height  : 32px;
	}
}
@media screen and (max-width: 1280px) and (min-width: 896px) and (orientation: portrait) {
/**[ TABLET ]**/
	#latestNews .innerBox {
		width: 948px;
	}
	#oshiraseList {
		width: 748px;
	}
	#oshiraseList dl {
		width: 748px;
	}
	#oshiraseList dl dd {
		width: 628px;
	}
	#oshiraseList dl dd a {
		width: 628px;
	}
	#toNewsPage {
		width: 748px;
	}
}

/* ******************************************
    3 : CONTENTS
******************************************* */ 
/**[ SP ]**/
#mainContainer {
	position    : relative;
	width       : 100%;
	margin-left : auto;
	margin-right: auto;
	text-align  : center;
}

/**[ RightColumn ]**/
.RightColumn {
	width       : 90%;
	margin-top  : 24px;
	margin-left : auto;
	margin-right: auto;
}
/**[ special banner ]**/
#fluvaccineBtn,
#covid,
#bnrOnline {
	width     : 96%;
	height    : auto;
	margin    : 24px auto 20px;
	text-align: center;
}
#fluvaccineBtn a,
#covid a {
	display      : block;
	width        : 100%;
	height       : auto;
	border-radius: 10px;
}
#fluvaccineBtn a {
	background-color: #348301;
}
#fluvaccineBtn a img,
#bnrOnline a img {
	display: block;
	height : 75px;
	width  : auto;
	margin : 0 auto;
}
#covid a {
	background-color: #e00;
	/*background-color: #ff4c76;
	background: #ea693f;*/
	padding-top     : 17px;
	padding-bottom  : 17px;
	color           : #fff;
	font-family     : "UD Shin Go Medium", sans-serif;
	font-size       : 17px;
	line-height     : 1.25;
	letter-spacing  : normal;
}
#covid a span {
	display  : block;
	font-size: 16px;
}
#bnrOnline a {
	display         : block;
	background      : url(../images/bnr_03_s_bg.png) right top no-repeat;
	background-size : auto 75px;
	background-color: #fdeed7;
	border          : solid 2px #348301;
	width           : 100%;
	height          : 75px;
	text-align      : center;
}
/** 240527 **/
#familydoctor {
	display         : block;
	background      : #f39800;
	width           : 100%;
	height          : 17px;
	border-radius   : 10px;
	margin-top      : 24px;
	padding-top     : 17px;
	padding-bottom  : 17px;
	color           : #fff;
	text-align      : center;
	font-family     : "UD Shin Go Medium", sans-serif;
	font-size       : 17px;
	line-height     : 1.0;
	letter-spacing  : normal;
}

/***/
#timeTable {
	margin-top: 32px;
}

#closeDay {
	width     : 100%;
	height    : 30px;
	margin-top: 8px;
}
#closeDay img {
	width : 100%;
	height: auto;
}

/**[ normalList ]**/
.RightColumn .normalList {
	text-align : left;
	font-size  : 15px;
}
.RightColumn .normalList li {
	background-position: 2px 0.35em;
	line-height        : 1.4;
	margin-top         : 8px;
}
.RightColumn .normalList li.darkPink {
	font-size      : 16px;
	line-height    : 1.4;
}

/**[ monshin_ippan ]**/
#btnMonshin {
	width     : 88%;
	margin    : 40px auto 80px;
	text-align: center;
}
#btnMonshin .monshinBtn {
	display      : block;
	background   : #f8fbeb;
	width        : 100%;
	height       : 56px;
	margin-top: 12px;
	border-radius: 8px;
	border       : solid 2px #6d9f40;
	text-align   : center;
}
#btnMonshin .monshinBtn img {
	height: 56px;
	width : auto;
}
#btnMonshin p {
	margin-top : 12px;
	text-align : center;
	font-size  : 14px;
	line-height: 1.4;
	color      : #6d9f40;
}


/**[ LeftColumn ]**/
.LeftColumn {
	position  : relative;
	width     : 100%;
	margin-top: 42px;
}
#calendar_bg {
	background: #e3f0c7;
	padding   : 24px 0;
}
#calendar {
	background: #fff;
	width     : 80%;
	margin    : 0 10%;
}
#hitsuji {
	position: absolute;
	top     : -26px;
	right   : 10%;
	width   : auto;
	height  : 50px;	
}
#hitsuji .spImg {
	width : auto;
	height: 50px;
}
#hitsuji .pcImg {
	display: none;
}
#bnrBox {
	display: none;
}

/*当院の特徴、予防接種、夜尿症・便秘症、舌下免疫療法、水いぼ治療*/
#characteristic,
#vaccination,
#enuresis,
#sublingual,
#warts,
#kodomo {
	display      : block;
	width        : 90%;
	padding      : 16px 5% 32px;
	border-radius: 16px;
}
#characteristic {
	background-color: #ccecfb;
}
#vaccination {
	background-color: #fce5e9;
	margin-top      : 12px;
}
#kodomo,
#enuresis,
#sublingual,
#warts {
	background-color: #fcf7cc;
	margin-top      : 12px;
}
#characteristic dt h2,
#vaccination dt h2,
#kodomo dt h2,
#enuresis dt h2,
#sublingual dt h2,
#warts dt h2 {
	background : none;
	margin     : 0;
	padding    : 0;
	line-height: none;
	border     : none;
}
#characteristic dt h2,
#vaccination dt h2,
#kodomo dt h2,
#enuresis dt h2,
#warts dt h2 {
	width : 100%;
	height: 58px;
}
#sublingual dt h2 {
	width : 100%;
	height: 65px;
}
#characteristic dt h2 img,
#vaccination dt h2 img,
#kodomo dt h2 img,
#enuresis dt h2 img,
#sublingual dt h2 img,
#warts dt h2 img {
	max-height: 58px;
	width     : auto;
}
#sublingual dt h2 img {
	max-height: 65px;
	width     : auto;
}
#characteristic dd,
#vaccination dd,
#kodomo dd,
#enuresis dd,
#sublingual dd,
#warts dd {
	width : 100%;
	margin: 16px auto 0;
}
#characteristic dd p,
#vaccination dd p,
#kodomo dd p,
#enuresis dd p,
#sublingual dd p,
#warts dd p {
	text-align : left;
	line-height: 1.6em;
}
/*#enuresis dd p.orange {
	margin-top  : 12px;
	text-indent : -14px;
	padding-left: 14px;
}*/
/** 夜尿症問診票 **/
#enuresis #btnBlock {
	width : 100%;
	margin: 20px auto 0;
}
#enuresis #btnBlock p.orange {
	text-align  : left;
	text-indent : -14px;
	padding-left: 14px;
	font-size   : 14px;
	line-height : 1.5em;
}
#enuresis #btnBlock #monshin_enu {
	display      : block;
	background   : #fff;
	width        : 88%;
	height       : 56px;
	margin       : 12px auto 0;
	border-radius: 8px;
	border       : solid 2px #ee7700;
	text-align   : center;
}
#enuresis #btnBlock #monshin_enu img {
	height: 56px;
	width : auto;
	margin: 0 auto;
}
.btn_more {
	display         : block;
	background      : url(../images/arrow_main.png) right 6px center no-repeat;
	background-size : 8px 11px;
	background-color: #f39800;
	width        : 90%;
	height       : auto;
	margin       : 32px auto 0;
	padding-right: 1%;
	text-align   : center;
	border-radius: 8px;
}
.btn_more img {
	display: block;
	height : 54px;
	width  : auto;
	margin : 0 auto;
}

/*[ #relatedLinks SP ]***/
#relatedLinksSP {
	background-color: #eee;
	width           : 90%;
	height          : auto;
	margin-top      : 40px;
	padding         : 0 5% 16px;
}
#relatedLinksSP 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;
}
#relatedLinksSP ul li {
	background-color: #fff;
	width           : 100%;
	height          : auto;
	border-top      : solid 2px #eee;
}
#relatedLinksSP ul li a {
	display        : block;
	background     : url(../images/arrow_gray.png) left 8px top 18px no-repeat;
	background-size: 7px 11px;
	width          : 92%;
	height         : auto;
	padding        : 10px 1% 16px 7%;
	text-align     : left;
	font-size      : 16px;
	line-height    : 1.5em;
	text-decoration: none;
}
#relatedLinks {
	display: none;
}

@media (min-width:896px) {
/**[ PC ]**/
	#mainContainer {
		width: 1080px;
	}
	/**[ RightColumn ]**/
	.RightColumn {
		float       : right;
		width       : 768px;
		margin-top  : 56px;
		margin-left : 0;
		margin-right: 0;
	}
	/**[ special banner ]**/
	#fluvaccineBtn,
	#covid {
		width : 500px;
		margin: 0 auto 32px;
	}
	#fluvaccineBtn a,
	#covid a {
		width: 500px;
	}
	#fluvaccineBtn a {
		padding: 4px 0;
	}
	#fluvaccineBtn a img {
		height : 88px;
	}
	#covid a {
		height        : 60px;
		padding-top   : 0;
		padding-bottom: 0;
		font-size     : 22px;
		line-height   : 60px;
	}
	#covid a:hover {
	  opacity : 0.6;
	  filter  : alpha(opacity=60);
	}
	#covid a span {
		display: inline;
	}
	#bnrOnline {
		display: none;
	}
	/** 240527追加 **/
	#familydoctor {
		width: 500px;
		margin-left : auto;
		margin-right: auto;
	}
	/***/
	#timeTable {
		width : 720px;
		height: 148px;
		margin: 40px 24px 0;
	}
	#timeTable img {
		width : 100%;
		height: 148px;
	}
	#closeDay {
		width : 720px;
		height: 32px;
		margin: 14px 24px 0;
	}
	.RightColumn .normalList {
		width       : 720px;
		margin-left : 24px;
		margin-right: 24px;
	}
	/**[ monshin_ippan ]**/
	#btnMonshin {
		max-width    : 720px;
		width        : 100%;
		margin-bottom: 0;
	}
	#btnMonshin .monshinBtn {
		float      : left;
		max-width  : 48%;
		width: 47.5%;
		height     : 56px;
		margin-top : 0;
		margin-left: 3%;
	}
	#btnMonshin a:first-child {
		margin-left: 0;
	}
	#btnMonshin p {
		font-size  : 15px;
		line-height: 1.5em;
	}
	
	/**[ LeftColumn ]**/
	.LeftColumn {
		width      : 280px;
		margin-top : -14px;
		padding-top: 96px;
	}
	#calendar_bg {
		padding: 0;
		padding: 16px;
	}
	#calendar {
		width : 248px;
		margin: 0;
	}
	#hitsuji {
		top   : 0;
		right : 0;
		width : 280px;
		height: 96px;	
	}
	#hitsuji .spImg {
		display: none;
	}
	#hitsuji .pcImg {
		display: block;
		width  : 280px;
		height : 96px;	
	}
	#bnrBox {
		display   : block;
		width     : 280px;
		margin-top: 32px;
	}
	#bnrBox a,
	#bnrBox span {
		display   : block;
		width     : 280px;
		margin-top: 12px;
	}
	#bnrBox a:last-child {
		margin-top: 32px;
	}
	/**[ #relatedLinks ]**/
	#relatedLinksSP {
		display: none;
	}
	#relatedLinks {
		display: block;
	}
	/*当院の特徴、予防接種、夜尿症・便秘症*/
	#topics {
		/*margin-top: 40px;*/
		margin-top: -80px;
/*border: solid 1px red;*/
	}
	#characteristic,
	#vaccination {
		width  : 324px;
		padding: 20px 24px 24px;
	}
	#vaccination {
		min-height: 324px;
	}
		/* 最新のsafari用 */
		_::-webkit-full-page-media, _:future, :root #vaccination {
			min-height: 0;
		}
		/* 古いsafari用*/
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			::i-block-chrome, #vaccination {
			min-height: 0;
			}
		}
	#kodomo,
	#enuresis,
	#sublingual,
	#warts {
		padding   : 20px 24px 24px;
		margin-top: 24px;
	}
	#characteristic {
		float: left;
	}
	#vaccination {
		float     : right;
		margin-top: 0;
	}
	#kodomo,
	#enuresis {
		width: 720px;
	}
	#sublingual { 
		float: left;
		width: 324px;
	}
	#warts {
		float: right;
		width: 324px;
	}
	#characteristic dt h2,
	#vaccination dt h2,
	#kodomo h2,
	#enuresis dt h2,
	#sublingual dt h2,
	#warts dt h2 {
		height: 65px;
		width : auto;
	}
	#characteristic dt h2 img,
	#vaccination dt h2 img,
	#kodomo h2 img,
	#enuresis dt h2 img,
	#sublingual dt h2 img,
	#warts dt h2 img {
		max-height: 65px;
		width     : auto;
		max-width: 100%;
	}
	#characteristic dd,
	#vaccination dd,
	#kodomo dd,
	#enuresis dd,
	#sublingual dd,
	#warts dd {
		margin-top: 8px;
	}
	#characteristic dd p,
	#vaccination dd p,
	#kodomo dd p,
	#enuresis dd p,
	#sublingual dd p,
	#warts dd p {
		line-height: 1.75em;
	}
	#vaccination dd p {
		min-height: 196px;
		height    : auto;
	}
	/** 夜尿症問診票 **/
	#enuresis #btnBlock {
		width: 100%;
		max-width: 720px;
	}
	#enuresis #btnBlock p.orange {
		float     : left;
		width     : 50%;
		text-align: left;
	}
	#enuresis #btnBlock #monshin_enu {
		width: 0;
		/***/
		float        : right;
		max-width    : 320px;
		width        : 44%;
		height       : 56px;
		border-radius: 10px;
	}
	#enuresis #btnBlock #monshin_enu img {
		height: 56px;
		width : auto;
	}
	#kodomo .btn_more,
	#enuresis .btn_more {
		width: 360px;
	}
}
@media screen and (max-width: 1280px) and (min-width: 896px) and (orientation: portrait) {
/**[ TABLET ]**/
	#mainContainer {
		width: 980px;
	}
	/**[ RightColumn ]**/
	.RightColumn {
		width: 668px;
	}
	#timeTable {
		width : 620px;
		height: auto;
	}
	#timeTable img {
		width : 100%;
		height: auto;
	}
	#closeDay {
		width : 620px;
		height: auto;
	}
	.RightColumn .normalList {
		width: 620px;
	}
	/*当院の特徴、予防接種、夜尿症・便秘症*/
	/*#topics {
		margin-top: -20px;
	}*/
	#characteristic,
	#vaccination {
		width: 274px;
	}
	#kodomo,
	#enuresis,
	#sublingual,
	#warts {
		width: 620px;
	}
}


/* ******************************************
    4 : FOOTER
******************************************* */
footer {
	margin-top: 64px;
}


/* ******************************************
    5 : ADDITION
******************************************* */
/**[ SP ]**/
/**220414 駐車場診療 追加**/
.calling {
	background   : #fce5e9;
	border       : solid 2px #eb6ea0;
}
.calling,
.myNumber {
	border-radius: 8px;
	max-width    : 99.7%;
	width        : 92.2%;
	margin       : 16px auto 0;
	padding      : 10px 3.6% 14px;
	text-align   : center;
	color        : #000;
	font-family  : "Shin Maru Go Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
	overflow     : hidden;
}
.calling h5 {
	font-size     : 16px;
	line-height   : 20px;
	letter-spacing: normal;
	padding-bottom: 8px;
	border-bottom : solid 1px #000;
	font-feature-settings: "palt";
}
.calling #redText {
	color      : #fa106d;
	font-size  : 16px;
	line-height: 1.25em;
	margin     : 18px auto 10px;
	text-align : center;
}
.calling #redText #num {
	font-size: 24px;
}
.calling p,
.myNumber p {
	font-size   : 14px;
	line-height : 1.25em;
	margin-left : auto;
	margin-right: auto;
	text-align  : left;
	font-feature-settings: "palt";
}

/**230419 マイナンバー追加**/
.myNumber {
	background : #f8fbec;
	border     : solid 2px #6d9d43;
	margin-top : 16px;
	padding-top: 14px;
}

@media (min-width:896px) {
/**[ PC ]**/
	.calling,
	.myNumber {
		max-width: 668px;
		width    : 668px;
		padding  : 12px 24px 16px;
	}
	.calling h5 {
		width         : 370px;
		font-size     : 17px;
		line-height   : 17px;
		margin-left   : auto;
		margin-right  : auto;
		padding-bottom: 4px;
	}
	.calling #redText {
		font-size: 17px;
		margin   : 16px auto 10px;
	}
	.calling #redText #num {
		font-size: 26px;
	}
	.calling p,
	.myNumber p {
		font-size  : 15px;
		line-height: 1.5em;
	}
	.myNumber {
		margin-top : 16px;
		padding-top: 16px;
	}
}
@media screen and (max-width: 1280px) and (min-width: 896px) and (orientation: portrait) {
/**[ TABLET ]**/
	.calling,
	.myNumber {
		max-width: 568px;
		width    : 568px;
	}
}