@charset "utf-8";
/* CSS Document */

html {
	font-size: 62.5%;
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/*body*/
body {
	color: #66482E;
	font-size: 1.5rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(../img/common/bg_body.jpg) repeat center top;
}

/*common*/
.c-imgReplace {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.c-text {
	font-style: normal;
	font-size: 1.5rem;
	line-height: 2.4rem;
}
.c-content {
	display: inline-block;
	vertical-align: top;
	margin: 20px;
	padding: 30px;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 3px rgba(102, 72, 46, 0.3);
	border-radius: 8px;
	font-size: 0;
}
.c-cnt100 {
	width: 900px;
}
.c-cnt50 {
	width: 420px;
}
.c-border {
	border: none;
	width: 100%;
}
.c-contentTitle {
	color: #855F3E;
	font-weight: bold;
	font-size: 2.0rem;
	line-height: 2.8rem;
	padding: 0 0 12px 34px;
	border-bottom: #EF9809 dotted 2px;
	margin: 0 0 15px;
	background: url(../img/common/icon_contentTitle.png) no-repeat left 3px;
	background-size: 22px 22px;
}
.c-contentSubTitle {
	color: #50A925;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 2.4rem;
}
.c-table th {
	border: #66482E solid 1px;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 2.4rem;
	padding: 0.5em 1em;
	background-color: rgba(80,169,37,0.35);
}
.c-table td {
	border: #66482E solid 1px;
	text-align: center;
	vertical-align: middle;
	font-size: 1.5rem;
	line-height: 2.4rem;
	padding: 0.5em 1em;
}

@media screen and (max-width: 1023px) {
	
	.c-content {
		display: block;
		margin: 10px;
		padding: 20px;
	}
	.c-cnt100 {
		width: auto;
	}
	.c-cnt50 {
		width: auto;
	}

}

/*pageTitle*/
.p-main .p-pageTitle {
	position: relative;
	width: 100%;
	height: 252px;
	margin: 0 0 25px;
}
.p-main .p-pageTitle:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 45px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
	width: 100%;
	height: 155px;
}
@media screen and (max-width: 767px) {
	
	.p-main {
		margin-top: -50px;
	}
	.p-main .p-pageTitle {
		height: 100px;
	}
	.p-main .p-pageTitle:before {
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	
}

.p-headerPage {
	position: relative;
	z-index: 1;
	height: 100px;
}
.p-headerPage .p-logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.p-headerPage .p-address {
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 10;
}

.p-header .p-logo {
	width: 262px;
	height: 84px;
	background: url(../img/common/logo_s.png) no-repeat;
}
.p-header .p-logo a {
	display: block;
	width: 262px;
	height: 84px;
}
.p-header .p-address {
	width: 262px;
	height: 60px;
	background: url(../img/common/tel_number.png) no-repeat;
}

.p-header .p-btnMenu {
	display: none;
}
.p-header .p-navigation {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 54px;
	margin: 0 0 20px;
	text-align: center;
}
.p-header .p-navigation .c-menu {
	display: table-cell;
	font-size: 0;
	width: 16.66%;
	height: 54px;
	vertical-align: middle;
	background: url(../img/common/bg_dashed.png) no-repeat left 2px;
}
.p-header .p-navigation .c-menu:last-child {
	background: url(../img/common/bg_dashed.png) no-repeat left 2px, url(../img/common/bg_dashed.png) no-repeat right 2px;
}
.p-header .p-navigation .c-menu a {
	display: block;
	width: 100%;
	height: 54px;
	font-size: 0;
	background-size: auto 34px !important;
}
.p-header .p-navigation .c-menu a:hover {
	opacity: 0.6;
}
.p-header .p-navigation .c-menu.home.is-current a {	
	background: url(../img/common/nav_home_current.png) no-repeat center;	
	/*background-size: 104px 38px;*/
}
.p-header .p-navigation .c-menu.keiji.is-current a {	
	background: url(../img/common/nav_keiji_current.png) no-repeat center;	
	/*background-size: 156px 38px;*/
}
.p-header .p-navigation .c-menu.guide.is-current a {	
	background: url(../img/common/nav_guide_current.png) no-repeat center;
	/*background-size: 112px 38px;*/	
}
.p-header .p-navigation .c-menu.aboutus.is-current a {	
	background: url(../img/common/nav_aboutus_current.png) no-repeat center;	
	/*background-size: 120px 38px;*/
}
.p-header .p-navigation .c-menu.contactlens.is-current a {	
	background: url(../img/common/nav_contactlens_current.png) no-repeat center;	
	/*background-size: 156px 38px;*/
}
.p-header .p-navigation .c-menu.access.is-current a {	
	background: url(../img/common/nav_access_current.png) no-repeat center;	
	/*background-size: 120px 38px;*/
}
.p-header .p-navigation .c-menu.home a {	
	background: url(../img/common/nav_home.png) no-repeat center;	
	/*background-size: 104px 38px;*/
}
.p-header .p-navigation .c-menu.keiji a {	
	background: url(../img/common/nav_keiji.png) no-repeat center;	
	/*background-size: 156px 38px;*/
}
.p-header .p-navigation .c-menu.guide a {	
	background: url(../img/common/nav_guide.png) no-repeat center;	
	/*background-size: 112px 38px;*/
}
.p-header .p-navigation .c-menu.aboutus a {	
	background: url(../img/common/nav_aboutus.png) no-repeat center;	
	/*background-size: 120px 38px;*/
}
.p-header .p-navigation .c-menu.contactlens a {	
	background: url(../img/common/nav_contactlens.png) no-repeat center;	
	/*background-size: 156px 38px;*/
}
.p-header .p-navigation .c-menu.access a {	
	background: url(../img/common/nav_access.png) no-repeat center;	
	/*background-size: 120px 38px;*/
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	
	.p-header .p-navigation .c-menu a,
	.p-header .p-navigation .c-menu.is-current a {	
		/*background-size: contain;*/
		background-size: auto 30px !important;
	}
	.p-header .p-navigation .c-menu, 
	.p-header .p-navigation .c-menu:last-child {
		background: none;
	}
	
}
@media screen and (max-width: 767px) {
	
	.p-header .p-logo {
		position: fixed !important;
		top: 0;
		left: 0;
		z-index: 50;	
		width: 100%;
		height: 60px;
		box-shadow: 0 9px 12px -9px #66492F;
		background: url(../img/common/logo_b.png) no-repeat 10px 9px, #FFFFFF;
		background-size: auto 42px;
	}
	.p-header .p-logo a {
		width: 220px;
		height: 60px;
	}
	.p-header .p-address {
		display: none;
	}
	.p-header .p-btnMenu {
		cursor: pointer;
		display: block;
		position: fixed;
		top: 8px;
		right: 8px;
		z-index: 151;
		width: 45px;
		height: 45px;
		background: url(../img/common/btn_menu.png) no-repeat;
		background-size: 45px 45px;
	}
	.p-header .p-navigation {
		display: none;
		position: fixed;
		z-index: 70;
		top: 60px;
		right: 0;
		width: 100vw;
		height: auto;
		border-bottom: #87613E solid 1px;
		background: url(../img/common/bg_footer_navigation.jpg) repeat;
	}
	.p-header .p-navigation .c-menu {
		display: block;
		width: 100%;
		background: none;
		border-top: #87613E dotted 1px;
	}
	.p-header .p-navigation .c-menu:last-child {
		background: none;
	}
	.p-header .p-navigation .c-menu a,
	.p-header .p-navigation .c-menu.is-current a {	
		/*background-size: contain;*/
		background-size: auto 38px !important;
	}
}

/*footer*/
.p-footer .p-pagetop {
	position: fixed;
	bottom: 90px;
	right: 45px;
	width: 122px;
	height: 26px;
	background: url(../img/common/btn_pagetop.png) no-repeat center;
	background-size: 122px 26px;
}
.p-footer .p-pagetop a {
	display: block;
	width: 122px;
	height: 26px;
	font-size: 0;
}
@media screen and (max-width: 767px) {
	
	.p-footer .p-pagetop {
		position: static;
		width: 100%;
		height: 80px;
	}
	.p-footer .p-pagetop a {
		text-align: center;
		vertical-align: middle;
		width: 100%;
		height: 80px;
	}
	
}

.p-footer .p-navigation {
	text-align: center;
	vertical-align: middle;
	min-height: 16px;
	margin: 40px 0 0;
	padding: 22px 0;
	background: url(../img/common/bg_footer_navigation.jpg) repeat center;
}
.p-footer .p-navigation .c-menu {
	display: inline-block;	
	border-left: #66482E solid 1px;
}
.p-footer .p-navigation .c-menu a {
	color: #66482E;
	font-size: 1.3rem;
	line-height: 1.6rem;
	padding: 0 1.25em;
}
.p-footer .p-navigation .c-menu:last-child {
	border-right: #66482E solid 1px;
}
@media screen and (max-width: 767px) {
	
	.p-footer .p-navigation {
		display: none;
	}
	
}

.p-footer .p-address {
	height: auto;
	padding: 38px 0;
	background: url(../img/common/bg_footer_address.jpg) repeat center;
}
.p-footer .p-address .p-logo {
	display: inline-block;
	vertical-align: top;
	width: 314px;
	height: 64px;
	margin: 0 34px 0 20px;
	background: url(../img/common/logo_b.png) no-repeat left top;
	background-size: 314px 64px;
}
.p-footer .p-address .p-outline {
	vertical-align: top;
	display: inline-block;
	height: 64px;
	padding: 0 0 0 30px;
	background: url(../img/common/bg_dashed.png) no-repeat top left;
}
.p-footer .p-address .p-outline .p-tel {
	color: #EA5353;
	font-weight: bold;
	font-size: 1.8rem;
	vertical-align: bottom;
}
.p-footer .p-address .p-outline .p-tel img {
	position: relative;
	top: 1px;
}
.p-footer .p-address .p-outline .p-tel a {
	color: #EA5353;
}
@media screen and (max-width: 1023px) {
	
	.p-footer .p-address {
		text-align: center;
	}
	.p-footer .p-address .p-logo {
		background-position: center;
		margin: 0 0 10px;
	}
	.p-footer .p-address .p-outline {
		width: 100%;
		height: auto;
		padding: 0;
		background: none;
	}
		
}

.p-footer .p-copyright {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.3rem;
	line-height: 1.6rem;
	text-align: center;
	vertical-align: middle;
	min-height: 16px;
	padding: 17px 0;
	background: url(../img/common/bg_footer_copyright.jpg) repeat center;
}