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

*{
		margin:0;
		padding:0;
}

#wrap{
		background-color:#fbf5e7;
		width: 1000px;
		margin:0px auto;
		padding-bottom: 40px;
}



/* フォント 全体 */
body {
font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
}


/* フォント タイトル*/
.noto-serif-jp {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}




	/* トップタイトル　左右 */

.parent{
		position:relative;
		background-color:#f8ebce;
		width:1000px;
		height:160px;
		text-align:left;
		margin-bottom: 20px;
}

			.child-left1{
					position:absolute;
					color: #4CAF50;
					font-weight:bold;
					font-size: 40px;
					margin: 20px 0px 0px 50px;
					filter: drop-shadow(5px 5px 5px #aaa);
			}

			.child-left2{
					position:absolute;
					font-family: "Domine", serif;
					font-optical-sizing: auto;
					font-weight: weight;
					font-style: normal;
					font-size: 18px;
					margin: 70px 0px 0px 50px;
					filter: drop-shadow(5px 5px 5px #aaa);
						/* p{ */
							/* color:#010202; */
						/* } */
			}

			.child-left3{
					position:absolute;
					color: #255c27;
					font-weight:bold;
					font-size: 20px;
					margin: 110px 0px 0px 50px;
					filter: drop-shadow(5px 5px 5px #aaa);
			}

			.child-right{
				position:absolute;
				right:0;
				margin-top: 70px;
				margin-right: 40px;
				filter: drop-shadow(5px 5px 5px #aaa);
				
				background-color: #f5fafc;
				border-radius: 5px 20px 5px 20px;
				padding: 5px 10px 5px 10px;
			}
			
				
			


			






/*　タグ------------------------------------------------------ */

/* HOME------------------ */
#home {
background-color:#fbf5e7;
width: auto;
height:35px;
float: left;
margin-left: 70px;
padding-top: 3px;
}
#home { /* マウスでボタン色変更 */
	display: inline-block;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
#home:hover {
	color: #4CAF50;
}

/* 治療について------------------ */
#treat {
background-color:#fbf5e7;
width: auto;
height:35px;
float: left;
float: left;
margin-left: 4%;
}
#treat { /* マウスでボタン色変更 */
	display: inline-block;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
#treat:hover {
	color: #4CAF50;
}

/* 訪問エリア------------------ */
#visit {
background-color:#fbf5e7;
width: auto;
height:35px;
float: left;
margin-left: 3%
}
#visit { /* マウスでボタン色変更 */
	display: inline-block;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
#visit:hover {
	color: #4CAF50;
}

/* 治療時間・料金------------------ */
#price {
background-color:#fbf5e7;
width: auto;
height:35px;
float: left;
margin-left: 3%;
}
#price { /* マウスでボタン色変更 */
	display: inline-block;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
#price:hover {
	color: #4CAF50;
}

/* 鍼灸師紹介------------------------ */
#director {
background-color:#fbf5e7;
width: auto;
height:35px;
float: left;
margin-left: 3%;
}
#director { /* マウスでボタン色変更 */
	display: inline-block;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
#director:hover {
	color: #4CAF50;
}


/* ご予約------------------ */
#reserve {
background-color:#fbf5e7;
width: auto;
height:35px;
float: left;
margin-left: 3%;
}
#reserve { /* マウスでボタン色変更 */
	display: inline-block;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
#reserve:hover {
	color: #4CAF50;
}

/* ブログ------------------ */
#blog {
background-color:#fbf5e7;
width: auto;
height:35px;
float: left;
margin-left: 3%;
}
#blog { /* マウスでボタン色変更 */
	display: inline-block;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
#blog:hover {
	color: #4CAF50;
}

/* お知らせ------------------ */
#notice{
background-color:#fbf5e7;
width: auto;
height:35px;
float: left;
margin-left: 3%;
}
#notice { /* マウスでボタン色変更 */
	display: inline-block;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
#notice:hover {
	color: #4CAF50;
}







/* せん------------------------------------------------------------------- */
#sen{
	background-color:#0eb3e6;
	width: 920px;
	height: 2px;
	clear:both;
	margin-top: 0px;
	margin-left: 40px;
}









	/* 大きい写真----------------------------------------------- */
.cont1{
	filter: drop-shadow(5px 5px 5px #aaa);
	width:900px;
	clear:both;
	margin-left: 40px;
	margin-top: 35px;
	
.picture {
  border-radius: 5px 5px 5px 5px;
}

/* 文字を重ねる */
      .cont1{
        width:920px;
        height: 400px;
        position: relative;
      }
      .container img{
        width:100%;
      }
      p{
        position: absolute;
        top: 100px;
        left: 500px;
        font-size:40px;
        color: #161b64;
        padding:0;
        margin:0;
		font-weight: bold;
			filter: drop-shadow(5px 5px 5px #837e7e);
      }


}






/* せん------------------------------------------------------------------- */
#sen2{
	background-color:#0eb3e6;
	width:920px;
	height: 1px;
	clear:both;
	margin: 35px 0px 0px 40px;

}







/* 左サイド---------------------------- */
		#cont2{
			p{
				background-color:#D4EFA6;
				border: #94c8b1 1px dotted;
				border-left: #d0e35b 5px solid;
				border-right: #d0e35b 5px solid;
				font-size: 15px;
				padding: 9px 10px;
				text-shadow: 1px 1px 2px #f0a5bb;
				border-radius: 5px 5px 5px 5px;
			}

					background-color:#eabcac;
					width:170px;
					float:left;
					/* padding: 8px 8px 8px 8px; */
					margin: 35px 26px 0px 40px;

					filter: drop-shadow(5px 5px 5px #aaa);
 					border-radius: 5px 5px 5px 5px;
		}

/* マウスでボタン色変更---------------------------- */
	.mouseover { 
			transition: all 0.3s ease 0s;
			cursor: pointer;
	}
		.mouseover:hover {
				color: #4CAF50;
		}






/* 文章--cont3-------------------------------------------cont3------------------------- */
#cont3{
	background-color:#f7dfd4;
	width: 724px;
	margin: 30px 0px 35px 0px;
	padding-top: 5px;
	float:left;
			filter: drop-shadow(5px 5px 5px #aaa);
			border-radius: 5px 5px 5px 5px;
}


/* ホーム ------------------------------------------------------------------ */
/* h2----------------------------------------------------- */
.home1{
   position: relative;
   padding: 0 .5em 0.1em 2em;
   border-bottom: 1px solid #B61C2C;
   margin: 0px 15px 0px 15px;
}

.home1::before,
.home1::after {
   position: absolute;
   content: '';
   border-radius: 100%
}
.home1::before {
   top: .3em;
   left: .3em;
   z-index: 2;
   width: 18px;
   height: 18px;
   background: rgba(203, 162, 164, .5);
}
.home1::after {
   top: .8em;
   left: .8em;
   width: 13px;
   height: 13px;
   background: rgba(182, 28, 44, .5);
}

.home1{
		font-weight: bold;
		color: #32485c;
		font-size: 23px;
}

		.home2 {
				font-size: 16px;
				line-height: 2.3; 

					padding: 20px 50px 40px 50px;
					margin: 0px 8px 8px 8px;
					border-radius: 5px 5px 5px 5px;
		}
		
		.home2 p{
			margin-bottom: 20px;
			width: 100%;
		}	

		.name{
			text-align: right;
		}
		.yoyaku{
			text-align: right;
		}


/* 院長紹介 */		
#profile{
	background-color:#f7dfd4;
	width:920px;
	margin: 0px 0px 35px 40px;
	padding-top: 5px;
	float:left;
	filter: drop-shadow(5px 5px 5px #aaa);
}


	.director{
		font-weight: bold;
		color: #32485c;
		font-size: 23px;

		padding: 5px 15px;
		margin: 8px 8px 4px 8px;
		border-radius: 5px 5px 5px 5px;
	}


			.director{
 				position: relative;
				padding: 0 .5em 0.1em 2em;
				margin: 0px 15px 0px 15px;
			}
				.director::before,
					.director::after {
   						position: absolute;
   						content: '';
   						border-radius: 100%
					}
							.director::before {
								top: .3em;
								left: .8em;
								z-index: 2;
								width: 18px;
								height: 18px;
								background: rgba(203, 162, 164, .5);
							}
					.director::after {
							top: .8em;
							left: .5em;
 							width: 13px;
							height: 13px;
							background: rgba(182, 28, 44, .5);
					}


		.director{
				font-weight: bold;
				color: #32485c;
				font-size: 23px;
		}


/* プロフィールのせん------------------------------------------------------------------- */
.sen3{
	clear:both;
	background-color:#0eb3e6;
	width:880px;
	height: 2px;

	padding: 0px 0px 1px 0px;
	margin: 0px 20px 0px 20px;
	background-image: repeating-linear-gradient(-45deg, #b80000, #b80000, 1px, transparent 2px, transparent 3px);

}


	/* 顔写真入り */
	.director2{
   		display:flex;
		padding: 15px 0px 20px 10px;
				margin: 0px 8px 8px 8px;
	}
		/* 写真 */
		.kao img {
    			width: 180px;
				height: auto;
				padding: 30px 0px 0px 10px;
				margin-right: 0px;
				filter: drop-shadow(5px 5px 5px #aaa);
				border-radius: 5px 5px 5px 5px;
		}
			.kao {
  				text-align: center;
			}

				.director4 {
						font-size: 16px;
						line-height: 2.3; 
						padding: 30px 30px 20px 20px;
						border: none;
						margin-left: 0px;
							p {
  								margin-bottom: 20px;
    							width: 100%;
							}
				}





/* 初めての方へ--------------------------------------------------------- */
.hajime {
		font-weight: bold;
		color: #32485c;
		font-size: 30px;
				background-color: #e7c2c2;
				border: #94c8b1 1px dotted;
				border-left: #d0e35b 10px solid;
						padding: 5px 15px;
						margin: 8px 8px 4px 8px;
						border-radius: 5px 5px 5px 5px;
}

/* h2----------------------------------------------------- */
.hajimete{
   position: relative;
   padding: 0 .5em 0.1em 2em;
   border-bottom: 1px solid #B61C2C;
   margin: 0px 15px 0px 15px;
}
.hajimete::before,
.hajimete::after {
   position: absolute;
   content: '';
   border-radius: 100%
}
.hajimete::before {
   top: .2em;
   left: .6em;
   z-index: 2;
   width: 18px;
   height: 18px;
   background: rgba(203, 162, 164, .5);
}
.hajimete::after {
   top: .8em;
   left: .2em;
   width: 13px;
   height: 13px;
   background: rgba(182, 28, 44, .5);
}

.hajimete{
		font-weight: bold;
		color: #32485c;
		font-size: 23px;
}

.hajimete2 {
		font-size: 16px;
		line-height: 2.3; 
		padding: 20px 40px 30px 40px;
		margin: 0px 8px 8px 8px;
		border-radius: 5px 5px 5px 5px;
}




/* マップ */
.pic-map{
.mapping{
    display:flex;
	float: left;
	height: auto;
	width: 270px;
	padding: 0px 0px 10px 0px;
	margin: 20px;
	}
				.area {
  					font-size: 16px;
					line-height: 2.3; 
					padding: 20px 40px 0px 0px;
					margin-bottom: 120px;
				}
}



/* 写真１ 治療について*/
.pic1{
.haripic {
    display:flex;
	float: left;
	height: auto;
	width: 270px;
	margin: 20px;
		}
				.chiryo {
  					font-size: 16px;
					line-height: 2.3; 
					padding: 20px 40px 0px 0px;
					margin-bottom: 150px;

				}
}



/* 写真２ 感染対策*/
.pic2{
.syoudoku1{
	float: left;
	height: auto;
	width: 270px;
	margin: 20px;
}

.syoudoku2{
	float: left;
	height: auto;
	width: 270px;
	margin: 150px 10px 10px -290px;
}

				.taisaku {
  					font-size: 16px;
					line-height: 2.3; 
					padding: 20px 30px 0px 0px;
					margin-bottom:20px;
				}
}






/* ご準備について---------------------------------------------------------- */
/* h2----------------------------------------------------- */
.visit {
   position: relative;
   padding: 0 .5em 0.1em 2em;
   border-bottom: 1px solid #B61C2C;
   margin: 0px 15px 0px 15px;
}
.visit::before,
.visit::after {
   position: absolute;
   content: '';
   border-radius: 100%
}
.visit::before {
   top: .7em;
   left: .8em;
   z-index: 2;
   width: 18px;
   height: 18px;
   background: rgba(203, 162, 164, .5);
}
.visit::after {
   top: .3em;
   left: .4em;
   width: 13px;
   height: 13px;
   background: rgba(182, 28, 44, .5);
}

.visit{
		font-weight: bold;
		color: #32485c;
		font-size: 23px;
}

		.visit1 {
			line-height: 2.5; 
			padding: 20px 0px 20px 30px;
			margin: 0px 8px 20px 8px;
			border-radius: 5px 5px 5px 5px;
		}

		.visit2 {
			line-height: 2.5; 
			padding: 20px 0px 20px 30px;
			margin: 0px 8px 20px 8px;
			border-radius: 5px 5px 5px 5px;
		}

		.visit3 {
			line-height: 2.5; 
			padding: 20px 0px 20px 30px;
			margin: 0px 8px 20px 8px;
			border-radius: 5px 5px 5px 5px;
		}

		.visit4 {
			line-height: 2.5; 
			padding: 20px 0px 20px 30px;
			margin: 0px 8px 20px 8px;
			border-radius: 5px 5px 5px 5px;
		}









/* 治療時間・料金-------------------------------------------------------------- */
/* h2----------------------------------------------------- */
.data {
   position: relative;
   padding: 0 .5em 0.1em 2em;
   border-bottom: 1px solid #B61C2C;
   margin: 0px 15px 0px 15px;
}

.data::before,
.data::after {
   position: absolute;
   content: '';
   border-radius: 100%
}
.data::before {
   top: .7em;
   left: .3em;
   z-index: 2;
   width: 18px;
   height: 18px;
   background: rgba(203, 162, 164, .5);
}
.data::after {
   top: .3em;
   left: .8em;
   width: 13px;
   height: 13px;
   background: rgba(182, 28, 44, .5);
}

.data {
		font-weight: bold;
		color: #32485c;
		font-size: 23px;
}


		.day {
			font-size: 16px;
			line-height: 2.3; 
			padding: 20px 0px 20px 30px;
			margin: 0px 8px 20px 8px;
		}

		.time {
			font-size: 16px;
			line-height: 2.3; 
			padding: 20px 0px 20px 30px;
			margin: 0px 8px 20px 8px;
		}

		.price {
			font-size: 16px;
			line-height: 2.3; 
			padding: 20px 0px 20px 30px;
			margin: 0px 8px 20px 8px;
		}

		.trafic {
			font-size: 16px;
			line-height: 2.3; 
			padding: 20px 0px 20px 30px;
			margin: 0px 8px 20px 8px;
		}










/* ご予約---------------------------------------------------------------------- */
/* .reserve{ */
	/* border: #94c8b1 1px dotted; */
	/* border-left: #d0e35b 10px solid; */
		/* padding: 5px 20px; */
		/* margin: 8px 8px 4px 8px; */

			/* font-weight: bold; */
			/* color: #32485c; */
			/* font-size: 22px; */
			/* line-height: 1.5;  */
/* } */

/* h2----------------------------------------------------- */
.reserve {
   position: relative;
   padding: 0 .5em 0.1em 2em;
   border-bottom: 1px solid #B61C2C;
   margin: 0px 15px 0px 15px;

}

.reserve::before,
.reserve::after {
   position: absolute;
   content: '';
   border-radius: 100%
}
.reserve::before {
   top: .3em;
   left: .3em;
   z-index: 2;
   width: 18px;
   height: 18px;
   background: rgba(203, 162, 164, .5);
}
.reserve::after {
   top: .8em;
   left: .8em;
   width: 13px;
   height: 13px;
   background: rgba(182, 28, 44, .5);
}

.reserve{
		font-weight: bold;
		color: #32485c;
		font-size: 23px;
}

	.reserve2 p{
		margin-bottom: 0px;
		width: 100%;
	}	

		.title {
			font-size: 16px;
			line-height: 2.3; 
			padding: 20px 0px 20px 40px;
			margin: 0px 8px 20px 0px;
		}
		
		.mail {
			font-size: 16px;
			line-height: 2.3; 
			padding: 20px 0px 20px 40px;
			margin: 0px 8px 20px 0px;
		}

		.tel {
			font-size: 16px;
			line-height: 2.3; 
			padding: 20px 0px 0px 40px;
			margin: 0px 8px 0px 0px;
		}
		
		.tyui {
			font-size: 16px;
			line-height: 2.3; 
			padding: 0px 200px 20px 70px;
			margin: 0px 8px 20px 0px;
		}








/* お知らせ cont4-------------------- */
#cont4{
	background-color:#f7dfd4;
	width: 724px;
	height: 780px;
	margin: 30px 0px 35px 0px;
	padding-top: 5px;
	float:left;
			filter: drop-shadow(5px 5px 5px #aaa);
			border-radius: 5px 5px 5px 5px;
}



/* h2----------------------------------------------------- */
.osirase {
   position: relative;
   padding: 0 .5em 0.1em 2em;
   border-bottom: 1px solid #B61C2C;
   margin: 0px 15px 0px 15px;

}

.osirase::before,
.osirase::after {
   position: absolute;
   content: '';
   border-radius: 100%
}
.osirase::before {
   top: .3em;
   left: .3em;
   z-index: 2;
   width: 18px;
   height: 18px;
   background: rgba(203, 162, 164, .5);
}
.osirase::after {
   top: .8em;
   left: .8em;
   width: 13px;
   height: 13px;
   background: rgba(182, 28, 44, .5);
}

.osirase{
		font-weight: bold;
		color: #32485c;
		font-size: 23px;
}

.osirase2 {
		font-size: 16px;
		line-height: 2.3; 
				padding: 20px 0px 20px 30px;
				margin: 0px 8px 20px 8px;
				 border-radius: 5px 5px 5px 5px;

}










#footer{
	background-color:#f6f6f6;
	clear:both;
}






/* せん------------------------------------------------------------------- */
#sen3{
	background-color:#0eb3e6;
	width:920px;
	height: 1px;
	clear:both;
	margin: 0px 0px 35px 40px;
}


/* フッター---------------------------- */
#footer{
		background-color: #efdaa6;
		width:920px;
		height: 80px;
		text-align: center;
		line-height: 80px;
		margin: 0px 15px 0px 40px;
}