@charset "utf-8";

body {
	background-image: url("../../img/bg_general.svg");
}

/* メニュー下なおるん
----------------------------------------------------------------------------------------------------*/
.sidebar .sticky img.naorun {
	text-align: center;
	width: 50%;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

/* スマホ用メニュー
----------------------------------------------------------------------------------------------------*/
#drawer-icon {
	background-image: linear-gradient(#b26e0d, #d68200);
}
#drawer-checkbox:checked ~ #drawer-icon {
	background-image: linear-gradient(#b26e0d, #d68200);
}
@media screen and (max-width:896px) { 
	#drawer-content::-webkit-scrollbar-thumb {
		background-image: linear-gradient(#b26e0d, #d68200, #b26e0d);
		border-radius: 2px;
		border-radius: 5px;
	}
}

#menu  h2 {
	background: url("../../img/menu_general.png"),linear-gradient(to top, #b26e0d, #d68200);
	background-position: 0% 50%; 
	background-repeat: no-repeat;
	background-size: 100% auto;
}

body:not(#index) article h1:before {
	background: url("../../img/circle_general.png");
	background-position: left middle;
	background-repeat: no-repeat;
	background-size: 16px 16px;
}

body:not(#index) article h1 {
	background: #fafafa url("../../img/h1_general.png");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	transition: 0.3s;
}

@media screen and (min-width: 481px) {
	body:not(#index) article h1 {
		background-size: 480px auto;
		transition: 0.3s;
	}
}

@media screen and (min-width: 769px) {
	body:not(#index) article h1:before {
		width: 22px;
		height: 22px;
		width: 32px;
		background-size: 22px 22px;
		background-position: left top;
	}
	body:not(#index) article h1 {
		background-size: 100% auto;
		transition: 0.3s;
	}
}

body:not(#index) h3:before {
	background: url("../../img/h3_general.png") left 4px no-repeat;
	background-size: 10px 10px;
	vertical-align: top;
}

h4 {
	color: #b26e0d;
}

#toTop {
	background-image: url("../../img/totop_general.png"), linear-gradient(#b26e0d, #d68200);
}
@media screen and (min-width:481px) {
	#toTop {
	background: url("../../img/totop_general.png") left top no-repeat;
	background-size: 100% auto;
	}
}

/* なおるん配置用
----------------------------------------------------------------------------------------------------*/
.naorun_top,
.naorun_specialist {
	width: 220px;
	margin-left: 0;
}
.naorun_specialist {
	margin-top: -25px;
}
@media screen and (max-width:481px) {
	.naorun_top,
	.naorun_specialist {
		width: 50%;
		margin-top: 10px;
	}
}


/* 疾患ページ下部リンク
----------------------------------------------------------------------------------------------------*/
.bottom {
	margin: 20px 20px 0;
}
.bottom .disease_list div {
	margin-right: 0;
	margin-left: 0;
}

@media screen and (min-width: 481px) {
	.bottom .disease_list > div {
		width: 100%;
	}
	.bottom .disease_list > div ul {
		overflow: hidden;
		margin-left: -10px;
	}
	.bottom .disease_list > div ul li {
		float: left;
		margin-left: 20px;
	}
}
@media screen and (min-width: 769px) {
}