@charset "UTF-8";

:root {
  --theme-color: #006bd3;
}

#header-page {
	position: relative;
	color: white;
	padding: 8px 8px 0;
}

#sitetitle_box-contact {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
	& .box-contact {
		background-color: white;
		padding: .5em 1em;
		font-size: 18px;
		border-radius: .1em;
		z-index: 1;
		& a {
			color: var(--theme-color);
		}
		& .gosodan {
			position: relative;
			display: block;
			&::before {
				content: '';
				border-top: 1px solid var(--theme-color);
				position: absolute;
				display: block;
				width: 100%;
				left: 0;
				top: 50%;
			}
			& .txt {
				display: inline-block;
				background-color: white;
				padding: 0 .3em;
				position: relative;
				z-index: 1;
			}
		}
		& .tel {
			display: block;
			font-size: 1.5em;
		}
	}
}

#nav-main {
	& ul {
		display: flex;
		& li {
			& a {
				font-size: 18px;
				display: block;
				padding: .5em 1em;
				position: relative;
				font-weight: 500;
				margin-left: -1px;
				&::after {
					content: '';
					display: block;
					border-right: 1px solid white;
					position: absolute;
					top: 50%;
					right: 0;
					transform: translateY(-50%);
					height: 1em;
				}
				&:hover {
/*					background-color: rgba(255, 255, 255, .2);*/
					background-color: white;
					color: var(--theme-color);
					border-radius: .1em .1em 0 0;
				}
			}
			&:first-child {
				& a {
					&::before {
						content: '';
						display: block;
						border-right: 1px solid white;
						position: absolute;
						top: 50%;
						left: 0;
						transform: translateY(-50%);
						height: 1em;
					}
				}
			}
		}
	}
}

.home #header-page .home-navitem a,
.page-id-296 #header-page .page-id-296-navitem a,
.category-case #header-page .category-case-navitem a,
.page-id-13 #header-page .page-id-13-navitem a,
.page-id-21 #header-page .page-id-21-navitem a,
.page-id-146 #header-page .page-id-146-navitem a {
	background-color: white;
	color: var(--theme-color);
	border-radius: .1em .1em 0 0;
}