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

/* ヘッダー */
header {
	width: 100%;
	padding-top: 0.75em;
	background-color: #ffffff;
	position: sticky;	/* ヘッダーの固定 */
	top: 0px;	/* ヘッダーの固定 */
	z-index: 1000;	/* 固定されたヘッダーを最上面で表示 */
}

.header-top {
	padding-right: 1em;
	padding-left: 1em;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header-con {
	display: none;
}

/* グルーバルナビゲーション（ドロップダウンメニュー） ここから */
/* ナビゲーションメニュー */
.g-navi {
	background-color: #a757a8;
	margin-top: 0.25em;
}

.g-navi ul {
	padding-left: 0;
}

.g-navi li {
	padding: 0.5em 1em;
}

.menu-list {
	display: flex;
	justify-content: center;
}

.menu-item {
	border-left: 1px solid #edddee;
	position: relative;
	justify-content: center;
}

.menu-item:last-child {
	border-right: 1px solid #edddee;
}

/* メニューアイテムのホバースタイル */
.menu-item:hover .drop-menu-list {
	visibility: visible;
}

.menu-item a {
	align-items: center;
	font-size: 12px;
	color: #ffffff;
	display: flex;
	justify-content: center;
}

/* ドロップダウンメニュー */
.drop-menu {
	position: relative;
	cursor: pointer;
	font-size: 12px;
	align-items: center;
	color: #ffffff;
	display: flex;
	justify-content: center;
}

.drop-menu-list {
	background-color: #bd7ebe;
	left: 0;
	position: absolute;
	top: 100%;
	visibility: hidden;
	width: max-content;
	z-index: 1;
	padding-left: 0px;
}

.drop-menu-item {
	border-top: 1px solid #edddee;
}

.drop-menu-item a {
	justify-content: flex-start;
	padding-left: 0.75em;
	font-size: 12px;
}
/* グルーバルナビゲーション（ドロップダウンメニュー） ここまで */

/* パンくずリスト　ここから */
#breadcrumb-list {
	padding-bottom: 0.75em;
	padding-top: 0.25em;
	padding-left: 2.5em;
	color: #4f4f4f;
	font-size: 12px;
}

#breadcrumb-list a {
	color: #4f4f4f;
	font-size: 12px;
}
/* パンくずリスト　ここまで */

/* メイン */
main {
	clear: both;
	width: 100%;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

section {
	padding-top: 1.25em;
}

.bot {
	clear: both;
	margin-top: 0.75em;
	text-align: right;
}

.bot a {
	font-size: 12px;
	color: #5f5f5f;
}

/* フッター */
footer {
	clear: both;
	width: 100%;
	padding-top: 0.75em;
}

#footer-con {
	border-top: 2px solid #a757a8;
}

.clinic-info {
	padding: 0.75em;
}

.logo-clinic { /* 訪問鍼灸マッサージ院　 */
	font-family: kozuka-gothic-pro, sans-serif; 
	font-weight: 400;
	font-size: 14px;
}

.logo-abaraku { /* あばらく */
	font-family: hot-soshokk, sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #0094b3;
	letter-spacing: -0.1em;
}


.clinic-info-item {
	padding-top: 0.25em;
	font-size: 12px;
	line-height: 1.2em;
}

/* サイトマップ */
.sitemap {
	margin-top: 0.75em;
	margin-right: 0.75em;
	background-color: #edddee;
	border: 2px solid #d3a9d3;
}

.sitemap * {
	font-size: 12px;
}

.sitemap-label {
	background-color: #bd7ebe;
	padding: 0.5em 0.75em;
	margin-bottom: 0.5em;
	text-align: center;
	color: #ffffff;
}

.sitemap-label:last-child {
	margin-bottom: 0;
}

.sitemap-label a {
	color: #ffffff;
}

.sitemap-list {
	padding-left: 0;
	text-align: center;
}

.sitemap-list li {
	line-height: 1.5em;
}

/* コピーライト */
.copyright {
	margin-top: 1em;
	margin-bottom: 1em;
	color: #7f7f7f;
	text-align: center;
	font-size: 10px;
	line-height: 2.5em;
	background-color: #ffbfff;
}

/* margin・padding上下余白 */
.mb025 {
	margin-bottom: 0.25em;
}

.mb050 {
	margin-bottom: 0.5em;
}

.mb075 {
	margin-bottom: 0.75em;
}

.mb100 {
	margin-bottom: 1em;
}

.mb125 {
	margin-bottom: 1.25em;
}

.mb150 {
	margin-bottom: 1.5em;
}

.mb175 {
	margin-bottom: 1.75em;
}

.mb200 {
	margin-bottom: 2em;
}

.mt025 {
	margin-top: 0.25em;
}

.mt050 {
	margin-top: 0.5em;
}

.mt075 {
	margin-top: 0.75em;
}

.mt100 {
	margin-top: 1em;
}

.mt125 {
	margin-top: 1.25em;
}

.mt150 {
	margin-top: 1.5em;
}

.mt175 {
	margin-top: 1.75em;
}

.mt200 {
	margin-top: 2em;
}

.pb025 {
	padding-bottom: 0.25em;
}

.pb050 {
	padding-bottom: 0.5em;
}

.pb075 {
	padding-bottom: 0.75em;
}

.pb100 {
	padding-bottom: 1em;
}

.pb125 {
	padding-bottom: 1.25em;
}

.pb150 {
	padding-bottom: 1.5em;
}

.pb175 {
	padding-bottom: 1.75em;
}

.pb200 {
	padding-bottom: 2em;
}

.pt025 {
	padding-top: 0.25em;
}

.pt050 {
	padding-top: 0.5em;
}

.pt075 {
	padding-top: 0.75em;
}

.pt100 {
	padding-top: 1em;
}

.pt125 {
	padding-top: 1.25em;
}

.pt150 {
	padding-top: 1.5em;
}

.pt175 {
	padding-top: 1.75em;
}

.pt200 {
	padding-top: 2em;
}

/* 575px以下 */
@media screen and (max-width:575px) {
	#breadcrumb-list {
		display: none;
	}
	
	main {
		margin-top: 1em;
	}
}

/* 767px以下 */
@media screen and (max-width:767px) {
	.et768 {
		display: none;
	}

	.g-navi {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}

	.sitemap {
		display: none;
	}
}

/* 768px以上 */
@media screen and (min-width:768px) {
	.lt767 {
		display: none;
	}

	.menu-item {
		border-left-width: 2px;
	}

	.menu-item:last-child {
		border-right-width: 2px;
	}

	#footer-con {
		display: flex;
		justify-content: space-between;
	}
}

/* 768px以上959px以下 */
@media screen and (min-width:768px) and (max-width:959px) {
	.g-navi {
		padding-left: 1em;
		padding-right: 1em;
	}
}

/* 960px以上 */
@media screen and (min-width:960px) {
	header {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
	}

	.menu-item a, .drop-menu, .drop-menu-item a {
		font-size: 14px;
	}

	main {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
	}

	footer {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
	}

.clinic-info {
	padding-left: 0;
}

	.sitemap {
		display: flex;
		margin-right: 0;
}

	.sitemap-box {
		padding: 1em 1.25em;
	}

	.sitemap-list {
	text-align: left;
	}

	.sitemap-list li {
	margin-left: 0.5em;
	margin-right: 0.5em;
	}
}