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

*{
		margin:0;
		padding:0;
}

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



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

.parent{
		position:relative;
		background-color:#fbf5e7;
		width:910px;
		height:120px;
		text-align:left;
		margin-left: 40px;
}
.child-left{
position:absolute;
					color: #4CAF50;
					font-weight:bold;
					font-size: 35px;
					margin-top: 20px;
					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-top: 70px;
				  margin-left: 0px;
				  filter: drop-shadow(5px 5px 5px #aaa);
						p{
							color:#32485c;
						}
}
.child-right{
position:absolute;
right:0;
margin-top: 60px;
margin-right: 40px;
filter: drop-shadow(5px 5px 5px #aaa);
}





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

			
			

			/* { 
			  font-family: "Kiwi Maru", serif;
			  font-weight: 590;
 			 font-style: normal;
			  font-size:45px;
			  color:#874e4c;
			}
*/


	/* タグ */
#header2{

#header2{
	list-style-type: none;
	width: 920px;
	margin: 10px 0px 10px 15px;
    display: inline-block;

	p {text-shadow: 1px 1px 2px #f0a5bb; }
	
	.noto-sans-jp-<uniquifier> {
	  font-family: "Noto Sans JP", sans-serif;
	  font-optical-sizing: auto;
	  font-weight: <weight>;
	  font-style: normal;
	}
}
	

/* HOME------------------ */
#home {
background-color:#fbf5e7;
width: auto;
height:35px;
float: left;
margin-left: 70px;
}
#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;
}


}









	/* 大きい写真----------------------------------------------- */
.cont1{
	filter: drop-shadow(5px 5px 5px #aaa);
	width:900px;
	clear:both;
	margin-left: 40px;
	margin-top: 35px;
	
.pic1 {
  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: 30px 0px 0px 40px;

}







/* 左サイド---------------------------- */
		#cont2{
				background-color:#eabcac;
				width:170px;
				float:left;
			
					padding: 8px 8px 8px 8px;
					margin:30px 10px 0px 40px;
					filter: drop-shadow(5px 5px 5px #aaa);
 					border-radius: 5px 5px 5px 5px;
					
						p{
							background-color:#D4EFA6;
							border: #94c8b1 1px dotted;
							border-left: #d0e35b 10px solid;
							font-size: 15px;
							padding: 9px 10px;
							text-shadow: 1px 1px 2px #f0a5bb;
							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 30px 0px;
	float:left;
			filter: drop-shadow(5px 5px 5px #aaa);
			border-radius: 5px 5px 5px 5px;
}


/* ホーム ------------------------------------------------------------------ */
.home1{
		font-weight: bold;
		color: #32485c;
		font-size: 22px;
				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;
}

		.home2 {
				font-size: 16px;
				line-height: 2.3; 
					background-color: #f1cbcb;
					border: #6d9e88 1px dotted;
					padding: 40px 40px 30px 40px;
					margin: 0px 8px 8px 8px;
					border-radius: 5px 5px 5px 5px;
		}
		
		.home2 p{
			margin-bottom: 20px;
			width: 100%;
		}	





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

	.director{
		font-weight: bold;
		color: #32485c;
		font-size: 22px;
				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;
	}

	/* 顔写真入り */
	.director2{
   		display:flex;
		/* padding: 15px 0px 20px 20px; */
					background-color: #f1cbcb;
				border: #6d9e88 1px dotted;
				margin: 0px 8px 8px 8px;
	}
		/* 写真 */
		.kao img {
    			width: 150px;
				height: auto;
				padding: 30px 0px 0px 0px;
				margin-right: 0px;
				filter: drop-shadow(5px 5px 5px #aaa);
				border-radius: 5px 5px 5px 5px;
		}
			.kao {
				width: 400px;
  				text-align: center;
				margin:0px 0px 0px 20px;
			}

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





/* 初めての方へ--------------------------------------------------------- */
.hajime {
		font-weight: bold;
		color: #32485c;
		font-size: 22px;
				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;
}

.hajime2 {
				font-size: 16px;
				line-height: 2.3; 
					background-color: #f1cbcb;
					border: #6d9e88 1px dotted;
					padding: 30px 40px 30px 40px;
					margin: 0px 8px 8px 8px;
					border-radius: 5px 5px 5px 5px;
}




/* マップ */
.pic-map{
    display:flex;
	background-color: #f1cbcb;
	border: #6d9e88 1px dotted;
			padding: 15px 30px 10px 0px;
			margin: 0px 8px 20px 8px;
			border-radius: 5px 5px 5px 5px;
		img {
 			 width: 200px;
  			float: left;
  			shape-margin: 50px;
			margin: 20px 20px 20px 30px;
		}
				p {
  					font-size: 16px;
					line-height: 2.3; 
					padding: 20px 40px 30px 10px;
					margin: 0px 8px 8px 8px;
					border-radius: 5px 5px 5px 5px;
				}
}



/* 写真１ */
.pic-chiryo1{
    display:flex;
	background-color: #f1cbcb;
	border: #6d9e88 1px dotted;
			padding: 15px 0px 20px 20px;
			margin: 0px 8px 20px 8px;
			border-radius: 5px 5px 5px 5px;
		img {
			width: 200px;
			float: left;
			shape-margin: 50px;
			margin: 20px 20px 20px 20px;
		}
				p {
  					font-size: 16px;
					line-height: 2.3; 
					padding: 20px 40px 30px 10px;
					margin: 0px 8px 8px 8px;
					border-radius: 5px 5px 5px 5px;
				}
}



/* 写真２ */
.pic-chiryo2{
    display:flex;
	background-color: #f1cbcb;
	border: #6d9e88 1px dotted;
			padding: 15px 0px 20px 20px;
			margin: 0px 8px 8px 8px;
			border-radius: 5px 5px 5px 5px;
		img {
			width: 200px;
			float: left;
			shape-margin: 50px;
			margin: 20px 20px 20px 20px;
		}
				p {
  					font-size: 16px;
					line-height: 2.3; 
					padding: 20px 40px 30px 10px;
					margin: 0px 8px 8px 8px;
					border-radius: 5px 5px 5px 5px;
				}
}






/* ご準備について---------------------------------------------------------- */
.visit{
		font-weight: bold;
		color: #32485c;
		font-size: 22px;
				background-color: #e7c2c2;
				border: #94c8b1 1px dotted;
				border-left: #d0e35b 10px solid;
						padding: 3px 15px;
						margin: 8px 8px 4px 8px;
						border-radius: 5px 5px 5px 5px;
}

.visit2 {
	background-color: #f1cbcb;
	border: #6d9e88 1px dotted;
			line-height: 2.5; 
			padding: 0px 0px 20px 30px;
			margin: 0px 8px 20px 8px;
			border-radius: 5px 5px 5px 5px;
}









/* 治療時間・料金-------------------------------------------------------------- */
.price{
	border: #94c8b1 1px dotted;
	border-left: #d0e35b 10px solid;
		padding: 5px 20px;
		margin: 8px 8px 4px 8px;

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

.price2 {
	background-color: #f1cbcb;
	border: #6d9e88 1px dotted;
		font-size: 16px;
		line-height: 2.5; 
				padding: 0px 0px 20px 30px;
				margin: 0px 8px 20px 8px;
				 border-radius: 5px 5px 5px 5px;
}










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

	font-weight: bold;
	color: #32485c;
	font-size: 20px;
	line-height: 1.5;
		padding: 5px 20px;
		margin: 8px 8px 4px 8px;
		border-radius: 5px 5px 5px 5px;
}

.reserve2 {
		background-color: #f1cbcb;
		border: #6d9e88 1px dotted;
				line-height: 2.5; 
				padding: 0px 0px 15px 30px;
				margin: 0px 8px 20px 8px;
				border-radius: 5px 5px 5px 5px;
}











/* お知らせのみcont3→cont4 */
#cont4{
	background-color:#f7dfd4;
	width: 724px;
	height: 700px;
	margin: 30px 0px 25px 0px;
	float:left;
	filter: drop-shadow(5px 5px 5px #aaa);
}

/* お知らせ */
.osirase{
		font-weight: bold;
		color: #32485c;
		/* font-size: 24px; */
				background-color: #e7c2c2;
				border: #94c8b1 1px dotted;
				border-left: #d0e35b 10px solid;
						/* padding: 10px 15px; */
						margin: 8px 8px 4px 8px;
						border-radius: 5px 5px 5px 5px;



		padding: 5px 20px;
		font-size: 22px;








	}











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






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


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