@charset "UTF-8";
/* ***********************************************************************
    Yuzu Pharmacy - <Nav>
*********************************************************************** */
/*
    1 : Global Nav
	2 : Header Nav
	3 : LINE BUTTON
	4 : Local Nav
	5 : Footer Nav
	6 : Fixed Nav
*/
/* ***********************************************************************
    1 : Global Nav
*********************************************************************** */
/**[ SP ]**/

@media screen and (min-width: 1080px) {
/** [ PC ] **/
	.meanArw {
		display: none;
	}
	#globalNav {
		float  : left;
		display: block;
		width  : 56%;
		height : 120px;
		/*
		border: solid 1px red;*/
	}
	#globalNav #mainNav {
		min-width: 500px;
		max-width: 580px;
		width    : auto;
		margin   : 65px auto 0;
		/*
		border: solid 1px yellow;*/
	}
	#globalNav #mainNav li {
		float       : left;
		display     : block;
		min-width   : 60px;
		max-width   : 160px;
		width       : auto;
		margin-left : 1.25em;
		margin-right: 1.25em;
	}
	#globalNav #mainNav li a {
		display       : block;
		padding-bottom: 36px;
		text-align    : center;
		color         : #2f714a;
		font-family   : "UD Shin Go Medium","ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
		font-size     : 18px;
		line-height   : 20px;
		letter-spacing: 0.01em;
		white-space   : nowrap;
		/*
		border: solid 1px red;*/
	}
	#globalNav #mainNav #gn00,
	#globalNav #mainNav #gn05,
	#globalNav #mainNav #gn06,
	#globalNav #mainNav #gn07,
	#globalNav #mainNav #gn08 {
		display: none;
	}
	#globalNav #mainNav #gn03 {
		background      : url(../images/arrow_btm_green.png) center bottom 10px no-repeat;
		background-size : 12px auto;
	}
	/****/
	#globalNav ul.parent li#gn03 ul.child {
		position        : absolute;
		top             : 120px;
		left            : 49%;
		display         : none;
		background-color: #fff;
		max-width       : 160px!important;
		min-width       : 160px!important;
		width           : auto;
		padding         : 0!important;
		border-radius   : 8px;
		border          : solid 2px #007346;
		text-align      : center;
	}
	#globalNav ul.parent li#gn03 ul.child li {
		float     : none;
		width     : 100%;
		margin    : 0;
		padding: 0;
		border-top: solid 1px #007346;
	}
	#globalNav ul.parent li#gn03 ul.child li:first-child {
		border-top: none;
	}
	#globalNav ul.parent li#gn03 ul.child li a {
		padding-bottom : 0;
		display        : block;
		background     : url(../images/arrow_right.png) left 10px center no-repeat;
		background-size: auto 10px;
		width          : 86%;
		height         : auto;
		margin: 0;
		padding        : 8px 0 8px 14%;
		font           : normal 16px/1.5em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif!important;
		color          : #007346;
		text-align     : left;
		white-space    : nowrap;
	}
}



/* ***********************************************************************
	2 : Header Nav
*********************************************************************** */
/**[ SP ]**/
#headerNav {
	display: none;
}
	
@media screen and (min-width: 1080px) {
/** [ PC ] **/
	#headerNav {
		position : absolute;
		top      : 0;
		right    : 0;
		display  : block;
		height   : 36px;
		width    : auto;
		z-index  : 100;
		/*
		border: solid 1px red;*/
	}
	#headerNav ul {
		position: relative;
		height  : 36px;
		width   : auto;
	}
	#headerNav ul li {
		float  : right;
		display: block;
		height : 36px;
		width　: auto;
		margin-left: 1.5em;
	}
	#headerNav ul li a {
		display    : block;
		height     : 36px;
		text-align : center;
		font-family: "UD Shin Go Regular","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
		font-size  : 14px;
		line-height: 36px;
		white-space: nowrap
	}
	#headerNav ul li#hn00 a {
		background: #1467aa;
		width     : 150px;
		color     : #fff;
	}
	#headerNav ul li#hn01 a,
	#headerNav ul li#hn02 a,
	#headerNav ul li#hn03 a {
		color  : #007346;
		padding: 0 1%;
	}
	#headerNav ul li#hn03 {
		margin-left: 0;
	}
}


/* ***********************************************************************
	3 : RESERVE BUTTON
*********************************************************************** */
/**[ SP ]**/
#to_reserve {
	display: none;
}
@media screen and (min-width: 1080px) {
/** [ PC ] **/
	#to_reserve {
		display: block;
		float  : left;
		width  : 22%;
		height : 120px;
	}
	#to_reserve ul {
		float : right;
		width : 190px;
		height: 60px;
		margin: 48px 12% 0 0;
	}
	#to_reserve ul li a {
		display      : block;
		/*background   : #1db442; LINE用緑**/
		background   : #f4872e;
		width        : 190px;
		height       : 58px;
		padding      : 1px 0;
		text-align   : center;
		border-radius: 30px;
	}
	#to_reserve ul li a img {
		height: 58px;
		width : auto;
	}
}


/* ***********************************************************************
	4 : Local Nav
*********************************************************************** */
/**[ SP ]**/
#localNav {
	background: #fff;
	width     : 100%;
	text-align: center;
}
#localNav ul {
	width     : 90%;
	min-height: 40px;
	margin    : 0 auto;
}
#localNav ul li {
	float      : left;
	width      : auto;
	height     : 40px;
	margin-left: 16px;
}
#localNav ul li:first-child {
	margin-left: 0;
}
#localNav ul li a {
	display        : block;
	background     : url(../images/arrow_btm.png) left center no-repeat;
	background-size: 9px 6px;
	min-width      : 16px;
	width          : auto;
	height         : 40px;
	padding-left   : 16px;
	text-align     : left;
	color          : #000;
	font-size      : 12px;
	line-height    : 40px;
}
#localNav ul li a:visited {
	opacity: 1.0;
	filter : alpha(opacity=100);
}
#localNav ul .brSP {
	clear     : both;
	width     : 100%;
	height    : 40px;
	border-top: solid 1px #fff; 
}

@media screen and (min-width:768px) {
/** [ TABLET ] **/
	#localNav ul .brSP li {
		float : left;
		width : auto;
		border: none;
		margin-left: 16px;
	}
	#about #localNav ul      { width: 400px; }
	#allstores #localNav ul  { width: 195px; }
	#asakura #localNav ul,
	#tsunatori #localNav ul,
	#nishiguchi #localNav ul { width: 80px; }
	#wellness #localNav ul   { width: 600px; }
	#company #localNav ul    { width: 280px; }
	#link #localNav ul       { width: 110px; }
	#recruit #localNav ul    { width: 70px; }
	#privacy #localNav ul    { width: 145px; }
}
@media screen and (min-width: 1080px) {
/** [ PC ] **/
	#localNav ul {
		width : auto;
		height: 56px;
	}
	#localNav ul li,
	#localNav ul .brSP li {
		margin-left: 40px;
	}
	#localNav ul li,
	#localNav ul li a {
		height: 56px;
	}
	#localNav ul li a {
		background-size: 15px 10px;
		padding-left   : 24px;
		font-size      : 16px;
		line-height    : 56px;
	}
	#about #localNav ul      { width: 590px; }
	#allstores #localNav ul  { width: 285px; /*border: solid 1px red;*/ }
	#asakura #localNav ul,
	#tsunatori #localNav ul,
	#nishiguchi #localNav ul { width: 90px; }
	#wellness #localNav ul   { width: 850px; }
	#company #localNav ul    { width: 420px; }
	#link #localNav ul       { width: 140px; }
	#recruit #localNav ul    { width: 95px; }
	#privacy #localNav ul    { width: 190px; }
}






/* ***********************************************************************
	5 : Footer Nav
*********************************************************************** */
/**[ SP ]**/
#footerNav nav {
	width : 90%;
	margin: 32px auto 0;
	text-align: center;
	/*
	border: solid 1px red;*/
}
#footerNav nav #fnMain {
	width : 100%;
	height: auto;
}
#footerNav nav #fnMain li {
	float : left;
	width : 50%;
	height: 45px;
}
#footerNav nav #fnMain li a {
	display    : block;
	width      : 100%;
	height     : 45px;
	text-align : center;
	color      : #007641;
	font-family: "UD Shin Go Medium","ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size  : 16px;
	line-height: 45px;
}
#footerNav nav #fnMain li a:hover {
	text-decoration: none;
}
/** #fn01 **/
#footerNav nav #fnMain #fn00 {
	display: none;	
}
/****************** 
	#fnSub 
******************/
#footerNav nav #fnSub {
	width : 100%;
	margin: 8px auto 0;
	/*
	border: solid 1px blue;*/
}
#footerNav nav #fnSub li {
	display: inline-block;
	width  : auto;
	height : 40px;
	padding: 0 0.5em;
	margin : 0;
	/*
	border: solid 1px blue;*/
}
#footerNav nav #fnSub li a {
	height     : 40px;
	text-align : center;
	color      : #007641;
	font-family: "UD Shin Go Regular","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size  : 14px;
	line-height: 40px;
}

@media screen and (min-width:768px) {
/** [ TABLET ] **/
	#footerNav nav #fnMain {
		width : 100%;
		margin: 0 auto;
	}
	#footerNav nav #fnMain li {
		width: 20%;
	}
	/** #fn01 **/
	#footerNav nav #fnMain #fn00 {
		display: block;	
	}
}
@media screen and (min-width: 1080px) {
/** [ PC ] **/
	#footerNav nav {
		max-width: 1280px;
		min-width: 1080px;
		width    : 98%;
	}
	#footerNav nav #fnMain {
		width : 60%;
	}
	/****************** 
		#fnSub 
	******************/
	#footerNav nav #fnSub {
		width     : 60%;
		margin-top: 0;
	}
	#footerNav nav #fnSub li {
		padding: 0 1em;
	}
}


/* ***********************************************************************
	6 : Fixed Nav
*********************************************************************** */
/**[ SP ]**/
#ftmFixed { /* pageTOP 含む */
	position : fixed;
	bottom   : 0;
	right    : 0;
	max-width: 100%;
	width    : 100%;
	height   : 140px;
	overflow : visible;
	z-index  : 100000;
}
#pcFixed {
	display: none;
}

/** 固定ナビ **/
#fixedNav {
	position  : fixed;
	bottom    : 0;
	left      : 0;
	/*background: #007346;*/
	background: #967350;
	max-width : 100%;
	width     : 100%;
	height    : 60px;
	box-shadow: 0 -5px 5px 0 rgba(128, 128, 128, 0.30);
}
#fixedNav a {
	float     : left;
	display   : block;
	width     : 100%;
	height    : 60px;
	text-align: center;
}
#fixedNav a:first-child { /**予約ボタン**/
	background: #f4872e;
	min-width : 59%;
	max-width : 60%;
	width     : auto;
	/*
	background: #1db442;
	min-width : 78.5%;
	max-width : 79%;*/
}
#fixedNav a img {
	height      : 60px;
	width       : auto;
	margin-right: auto;
	margin-left : auto;
}
#fixedNav a:nth-child(2) { /**LINEボタン**/
	background : #967350;
	width      : 21.5%;
	border-left: solid 1px #fff;
}
#fixedNav a:last-child { /**インスタボタン**/
	background : #967350;
	/*width      : 21%;*/
	width      : 18.5%;
	border-left: solid 1px #fff;
}
/*
#fixedNav a:last-child img {
	height : 30px;
	padding: 15px 0;
}*/

/** pageTop **/
#fixedTop {
	position : fixed;
	right    : 2%;
	bottom   : 80px;
	width    : 56px;
	height   : 56px;
	z-index  : 100;
	max-width: 56px;
}
#fixedTop img {
	height: 56px;
	width : auto;
}

@media screen and (min-width:1080px) {
/** [ PC ] **/
	#ftmFixed {
		height: 96px;
		width : 64px;
	}
	#fixedNav {
		display: none;
	}
	/** pageTop **/
	#fixedTop {
		right   : 48px;
		bottom  : 64px;
		width   : 64px;
		height  : 64px;
	}
	#fixedTop img {
		height: 64px;
		width : auto;
	}
	/** pcFixed **/
	#pcFixed {
		display : block;
		position: fixed;
		right   : 0;
		top     : 190px;
		width   : 80px;
		height  : 168px;
		z-index : 100000;
	}
	#pcFixed ul li,
	#pcFixed ul li a {
		display   : block;
		width     : 80px;
		height    : 80px;
		text-align: center;
	}
	#pcFixed ul li a {
		background               : #967350;
		border-bottom-left-radius: 16px;
		border-top-left-radius   : 16px;
	}
	#pcFixed ul li a img {
		display: inline-block;
	}
	#pcFixed ul li:nth-child(1) img {
		width  : 38px;
		height : auto;
		padding: 20px 0 22px 2px;
	}
	#pcFixed ul li:nth-child(2) {
		margin-top: 8px;
	}
	#pcFixed ul li:nth-child(2) img {
		height : 20px;
		width  : auto;
		padding: 30px 0 30px 2px;
	}
}