@charset "UTF-8";
/* ***********************************************************************
    Pediatric Meimei Clinic - <Nav>
*********************************************************************** */
/*
    1 : Global Nav
	2 : Header Nav
	3 : Local Nav
	4 : Footer Nav
	5 : Fixed Nav
*/

/* ***********************************************************************
    1 : Global Nav
*********************************************************************** */
/**[ SP ]**/

@media (min-width:896px) {
/**[ PC ]**/
	#globalNav,
	#globalNav ul.parent {
		position: relative;
		display : block;
		width   : 1080px;
		height  : 56px;
	}
	
	/** .parent **/
	#globalNav ul.parent li {
		float      : left;
		display    : block;
		width      : 208px;
		height     : 56px;
	}
	#globalNav ul.parent li#gn02,
	#globalNav ul.parent li#gn03,
	#globalNav ul.parent li#gn04,
	#globalNav ul.parent li#gn05 {
		margin-left: 10px;
	}
	#globalNav ul.parent > li a {
		display       : block;
		width         : 208px;
		height        : 56px;
		line-height   : 56px;
		text-align    : center;
		color         : #fff;
		font-family   : "Shin Maru Go Regular", sans-serif;
		letter-spacing: 0.05em;
		font-size     : 18px;
		border-top-left-radius : 8px;
		border-top-right-radius: 8px;
	}
	#globalNav ul.parent li#adjust,
	#globalNav ul.parent li.spImg,
	#globalNav ul.parent li#gn00,
	span.instaBtn                  { display: none; }
	#globalNav ul.parent li#gn01 a { background-color: #eb6ea0; }
	#globalNav ul.parent li#gn02 a { background-color: #50a5dc; letter-spacing: -1px; }
	#globalNav ul.parent > li#gn02 a img {
		display: inline-block;
		width  : 12px;
		height : 8px;
		margin : 26px 0 22px 6px;
	}
	#globalNav ul.parent li#gn03 a { background-color: #f39800; }
	#globalNav ul.parent li#gn04 a { background-color: #6b9e3d; }
	#globalNav ul.parent li#gn05 a { background-color: #e5673a; }

	/** .child **/
	#globalNav ul.parent li:hover ul.child {
		visibility: visible;
	}
	#globalNav ul.parent li ul.child li a {
		opacity     : 1.0;
		filter      : alpha(opacity=100);
		-moz-opacity: 1.0;
	}
	#globalNav ul.parent li ul.child {
		background: #50a5dc; 
		width     : 98%!important;
		position  : absolute;
		top       : 100%; 
		left      : 0;
		height    : 0;
		height    : auto;
		padding   : 28px 1% 32px;
		color     : #fff;
		text-align: center;
		visibility: hidden;
		z-index: 100000;
	}
	#globalNav ul.parent li ul.child span {
		display  : block;
		position : relative;
		max-width: 100%;
		height   : auto;
		margin   : 0 auto;
	}
	#globalNav ul.parent li ul.child span li {
		height: 0;
		padding: 0;
		margin: 0;
		/***/
		float : left;
		width : 25%;
		height: 50px;	
	}
	#globalNav ul.parent li ul.child span li:nth-child(4n+1) {
		clear: both;
	}
	#globalNav ul.parent li ul.child > span li a {
		border-top-left-radius : 0;
		border-top-right-radius: 0;
		letter-spacing: inherit;
		height: 0;
		/***/
		width         : 100%;
		height        : 50px;
		margin        : 0;
		padding       : 0!important;
		text-align    : center;
		font-size     : 16px;
		font-family   : "Shin Maru Go Regular", sans-serif;
		line-height   : 50px;
		letter-spacing: 0.05em!important;
		overflow      : hidden;
		white-space   : nowrap;
		text-overflow : ellipsis;
		/*
		border: solid 1px red;*/
	}
	#globalNav ul.parent li ul.child li a:hover { 
		opacity         : 0.6;
		filter          : alpha(opacity=60);
		-moz-opacity    : 0.6;
	}
	/* arrowアイコンはデザインが崩れる*/
	#globalNav ul.parent li ul.child > span li a img {
		width: 0;
		height: 0;
		margin: 0!important;
		display: inline;
		width  : 5px!important;
		height : 10px!important;
		padding: 20px 6px 20px 0;
	}
	#globalNav ul.parent li ul.child span.spImg {
		display: none;
	}
}
@media screen and (max-width: 1280px) and (min-width: 896px) and (orientation: portrait) {
/**[ TABLET ]**/
	#globalNav,
	#globalNav ul {
		max-width: 980px;
		width: 100%;
	}
	/** .parent **/
	#globalNav ul.parent li {
		width: 188px;
	}
	#globalNav ul.parent > li a {
		width: 188px;
	}	
}


/* ***********************************************************************
	2 : Header Nav
*********************************************************************** */
/**[ SP ]**/
#headerNav {
	display: none;
}
	
@media (min-width:896px) {
/**[ PC ]**/
	#headerNav {
		display : block;
		position: absolute;
		top     : 0;
		right   : 0;
		width   : 640px;
		height  : 64px;
	}
	#headerNav ul {
		position: relative;
		width   : 640px;
		height  : 64px;
	}
	#headerNav ul li {
		float      : left;
		margin-left: 10px;
	}
	#headerNav ul li:first-child {
		margin-left: 0;
	}
	#headerNav ul li a {
		display   : block;
		text-align: center;
	}
	#headerNav ul #hn00 a,
	#headerNav ul #hn01 a,
	#headerNav ul #hn02 a {
		width         : 182px;
		height        : auto;
		border-radius : 8px;
		color         : #fff;
		font-family   : "Shin Maru Go Regular", sans-serif;
		letter-spacing: 0.05em;
		font-size     : 17px;
	}
	#hn00 a { background: #ff4c76; line-height: 19px; padding: 13px 0;}
	#hn01 a { background: #99c826; line-height: 64px;}
	#hn02 a { background: #a67437; line-height: 64px;}
	#hn03 a {
		background   : #b8b8b8;
		width        : 32px;
		height       : 32px;
		padding      : 16px;
		border-radius: 32px;
	}
	#hn03 a img {
		width : 32px;
		height: 32px;
	}
}
@media screen and (max-width: 1280px) and (min-width: 896px) and (orientation: portrait) {
/**[ TABLET ]**/
	#headerNav,
	#headerNav ul {
		max-width: 574px;
	}
	#headerNav ul li {
		margin-left: 10px;
	}
	#headerNav ul #hn00 a,
	#headerNav ul #hn01 a,
	#headerNav ul #hn02 a {
		max-width     : 160px;
		letter-spacing: 0;
	}
}




/* ***********************************************************************
	3 : Local Nav
*********************************************************************** */
/**[ SP ]**/
#localNav {
	background   : #f1f9fe;
	width        : 100%;
	border-top   : solid 2px #9fd9f6;
	border-bottom: solid 1px #9fd9f6;
	text-align   : center;
}
#localNav ul {
	width     : 90%;
	min-height: 40px;
	padding   : 0 5%;
	border-top: solid 1px #fff;
	text-align: left;
}
#localNav ul:first-child {
	border-top: none;
}
#localNav ul li {
	float: left;
	margin-left: 20px;
}
#localNav ul li:first-child {
	margin-left: 0;
}
#localNav ul li a {
	display        : block;
	background     : url(../images/arrow_localNav.png) left center no-repeat;
	background-size: 12px 12px;
	padding-left   : 18px;
	font-family   : "Shin Maru Go Regular", sans-serif;
	font-size      : 14px;
	line-height    : 40px;
	color          : #333;	
}
@media (min-width:896px) {
/**[ PC ]**/
	#localNav {
		width       : 1048px;
		min-height  : 52px;
		margin      : 0 auto;
		border-style: solid;
		border-color: #9fd9f6;
		border-width: 16px;
		border-top-width: 12px;
	}
	#localNav div {
		margin: 0 auto;
	}
	#greeting #localNav div    { width: 580px; } 
	#subjects #localNav div    { width: 780px; /*border: solid 1px red;*/ } 
	#enuresis #localNav div    { width: 340px; } 
	#sublingual #localNav div  { width: 320px; }
	#warts #localNav div       { width: 410px; }
	#influenza #localNav div   { width: 920px; /*border: solid 1px red;*/ }
	#facility #localNav div    { width: 140px; } 
	#access #localNav div      { width: 380px; } 
	#reservation #localNav div { width: 610px; }
	/*#reservation #localNav div { width: 360px; }インフルなし*/
	#to_patients #localNav div { width: 320px; }
	#online #localNav div      { width: 910px; } 
	#news #localNav div        { width: 140px; }
	#cough #localNav div       { width: 960px; }
	#headshape #localNav div   { width: 620px; }
	#acne #localNav div        { width: 960px; }
	#vaccination #localNav div { width: 670px; /*border: solid 1px red;*/ }

	#localNav ul {
		float     : left;
		width     : auto;
		min-height: 52px;
		padding   : 0;
		border-top: none;
	}
	#localNav ul li,
	#localNav ul:last-child li:first-child {
		margin-left: 40px;
	}
	/**/
	#cough #localNav ul li,
	#cough #localNav ul:last-child {
		margin-left: 14px;
	}
	#vaccination #localNav ul li,
	#vaccination #localNav ul:last-child li {
		margin-left: 24px;
	}
	#vaccination #localNav ul:first-child li:first-child {
		margin-left: 0;
	}
	/**/
	#localNav div ul:first-child li:first-child {
		margin-left: 0;
	}
	#localNav ul li a {
		background-size: 16px 16px;
		padding-left   : 26px;
		font-size      : 17px;
		line-height    : 52px;
		letter-spacing : 0.01em;
	}
	
	
	
}
@media screen and (max-width: 1280px) and (min-width: 896px) and (orientation: portrait) {
/**[ TABLET ]**/
	#localNav {
		width: 948px;
	}
}



/* ***********************************************************************
	4 : Footer Nav
*********************************************************************** */
/**[ SP ]**/
#footerNav {
	background: #90c31f;
	width     : 100%;
}
#footerNav div {
	position: relative;
	width   : 100%;
}
#footerNav div ul {
	width: 100%;
}
#footerNav div ul li {
	float     : left;
	width     : 49.82%;
	height    : 50px;
	border-top: solid 1px #fff;
}
#fnMain li:nth-child(2n) {
	border-left: solid 1px #fff;
}
#fnMain li a {
	display    : block;
	min-width  : 100%;
	height     : 50px;
	text-align : center;
	font-family: "Shin Maru Go Regular", sans-serif;
	font-size  : 16px;
	line-height: 50px;
	color      : #fff;
}
#fnMain li:nth-child(8) a {
	letter-spacing: -0.01em;
}
#fnMain li a img {
	display       : inline-block;
	width         : 10px;
	height        : auto;
	padding-right : 4px;
	padding-bottom: 2px;
	vertical-align: middle;
}
#fnMain li a img.pcImg, 
#dispChange{
	display: none;
}


@media (min-width:896px) {
/**[ PC ]**/
	#footerNav {
		width: 100%;
	}
	#footerNav div {
		width     : 1080px;
		max-height: 64px;
		margin    : 0 auto;
		padding   : 14px 0 16px;
		text-align: left;
	}
	#footerNav div #fnMain {
		width: 1080px;
	}
	#footerNav div ul li {
		width      : 0;
		width      : auto;
		height     : 32px;
		border-top : none;
	}
	#fnMain li:first-child {
		display    : block;
		margin-left: 0;
	}
	#fnMain li:nth-child(2n) {
		border-left: none;
	}
	#fnMain li {
		margin-left: 32px;
	}
	#fnMain li:nth-child(8) {
		margin-left: 0;
	}
	#fnMain li:nth-child(8) a {
		letter-spacing: 0.01em;
	}
	#dispChange {
		display: inline;
	}
	#fnMain li a {
		width         : 0;
		line-height   : 0;
		width         : auto;
		max-height    : 32px;
		text-align    : left;
		font-family   : "UD Shin Go Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		letter-spacing: 0.02em;
		white-space   : nowrap;
	}
	#fnMain li a {
		font-size  : 18px;
		line-height: 32px;
	}
	#fnMain li a img {
		width         : 7px;
		height        : 12px;
		padding-right : 8px;
		padding-bottom: 2px;
	}
}
@media screen and (max-width: 1280px) and (min-width: 896px) and (orientation: portrait) {
/**[ TABLET ]**/
	#footerNav div {
		width: 980px;
	}
	#footerNav div #fnMain {
		width: 980px;
	}
	#fnMain li {
		margin-left: 20px;
	}
	#fnMain li a {
		letter-spacing: normal;
	}
	#fnMain li a {
		font-size: 17px;
	}
}



/* ***********************************************************************
	5 : Fixed Nav
*********************************************************************** */
/**[ SP ]**/
#fixed_sp {
	position  : fixed;
	bottom    : 0;
	left      : 0;
	background: #90c132;
	width     : 100%;
	height    : 48px;
	filter    : drop-shadow(0 0 0.2rem black);
}
#fixed_sp a {
	float       : left;
	display     : block;
	background  : #388314;
	width       : 42.75%;
	height      : 48px;
	border-right: solid 1px #fff;
	text-align  : center;
}
#fixed_sp a img {
	display   : block;
	max-height: 48px;
	max-width : 100%;
	height    : auto;
	width     : auto;
	margin    : 0 auto;
}
#fixed_sp #fixedTop {
	float       : right;
	width       : 0;
	max-width   : 14%;
	width       : auto;
	border-right: none;
}
#fixed_sp #fixedTop img {
	heigh  : 48px;
	width  : auto;
	margin : 0 auto;
}

@media (min-width:896px) {
/**[ PC ]**/
	#fixed_sp {
		position : fixed;
		bottom   : 18px;
		left     : auto;
		right    : 0;
		max-width: 60px;
		height   : 60px;
		filter   : none;
	}
	#fixed_sp a {
		display   : none;
		background: none;
		border    : 0;
	}
	#fixed_sp a img {
		display: none;
	}
	#fixed_sp #fixedTop {
		display  : block;
		width    : 60px;
		max-width: 60px;
	}
	#fixed_sp #fixedTop img {
		display   : block;
		width     : 60px;
		min-height: 60px;
	}
}