@charset "utf-8";

body  {font-family: '游明朝', 'ipaexm','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro',  'MS PMincho', 'ＭＳ Ｐ明朝', serif;
	margin: 0;
  width: 100%;
  height: 849px;
  overflow-x: hidden;
  background: #fff;}


	a:link { color: #000;
	    			text-decoration: none;}
	a:visited { color: #000; }

  .wrap {width:100%;
         height:100%;
         margin:0;}

         .pc-content-area {width:100%;
         height:92%;}

         .pc-site-name {
             width: 20%;
             font-size: 190%;
             margin: 0.8% 1%;
             float: left;
         }

				 .pc-leaf {
                	width: 20.5%;
    						height: auto;
    				float: left;
    		margin: 5% 0% 0% 3%;}

         			 .pc-site-logo {
    				 margin: 2% 0 0 25.7%;
    		 font-size: 84%;
			 }

               .pc-header {
                   background-color: #fff;
                   margin: 0 0 0;
                   padding: 0.5% 0 0;
                   position: fixed;
                   width: 100%;
                   height: 8.9%;
                   z-index: 100;
               }
							 .pc-header ol {
    				 padding: 0.5% 0% 0 0;
    		 		float: right;
    				width: 24.8%;
    				font-size: 90%;
}

							 .pc-header ol li {
    display: inline;
    font-size: 137%;
    margin-right: 10.5%;
    margin-left: 7%;}

               .pc-garden{}

               .pc-garden2 {}

                 .pc-topimage {
                   width: 100%;
                   /* height: 830px; */
                   padding-top: 45.8%;
                   background-image: url(http://komorebinoniwa.jp/wp/wp-content/uploads/2018/12/komorebinoniwa-top.jpg);
                   background-attachment: fixed;
                   background-size: 100%;
                   background-repeat: no-repeat;
                   margin: auto;
                   background-position: 0 127.4%;
                   overflow: hidden;
                   animation-name: fadein;
                   animation-duration: 2s;
                 }

               		@keyframes fadein {
               		from {
               		    opacity: 0;

               		}
               		to {
               		    opacity: 2;

               		}
               		}

                 /*.lazy{
               	overflow:hidden;

               	width:98%;
                 margin:0 1%;


               }*/



               .pc-toplogo {
                 width: 9%;
               position: absolute;
               top: 41.5%;
               left: 45.5%;
               }


                .pc-h2{text-align:center;
								       margin:0.5% 0;
										   font-size:144%;}
               .pc-access {
                   width: 100%;
                   height: 67%;
                   margin: 7.9% 0% 0%;
               }

               .pc-access-1 {

								 float: left;
    margin: 12.8% 21.6% 3.3% 24%;
    font-size: 144%;
    text-align: center;
    line-height: 49.5px;
    letter-spacing: 1px;
}

               .pc-postnumber{line-height: 38px;
               margin: -10px 0 10px;}

               .pc-access-2 {
                   position: relative;
                   width: 100%;
                   height: 0;
                   padding-bottom: 33%;
               }

               .pc-access-2:before{
                                  display:block;}
               .pc-access-2 iframe{-webkit-filter: grayscale(100%);

                 -moz-filter: grayscale(100%);

                 -ms-filter: grayscale(100%);

                 -o-filter: grayscale(100%);

                 filter: grayscale(100%);
               }
               .map{/*margin:30% auto;*/}
               .pc-gmap {    position: absolute;
    width: 35.4%;
    height: 108%;
    /* margin-left: 109px; */
    right: 9%;
    top: 4%;
               }

               .pc-footer {
								 text-align: center;
 							 border-top: 1px solid #eee;
 						 padding: 0.5% 0 0.9%;
 					 font-size: 126%;
 				 font-family: "Kozuka Gothic Pro ";
 			 	letter-spacing: 3px;
               }







/*スマートフォン用CSS*/

@media screen and (max-width:599px) and (orientation: portrait){

	body{font-family: '游明朝', 'ipaexm','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro',  'MS PMincho', 'ＭＳ Ｐ明朝', serif;
		margin: 0;
	  width: 100%;
	  height: 815px;
	  overflow-x: hidden;
	  background: #fff;}
}



.sp-h2 {
font-size: 65%;
text-align: center;
letter-spacing: 1px;
}

a:link {color:#000;
        text-decoration: none;}


				.sp-site-logo {
					width: 69%;
    height: 25px;
    font-size: 13px;
    margin: 0% 0% 0%;
    float: left;
			}
									.sp-site-name {
										width: 40%;
					    height: 25px;
					    font-size: 14px;
					    margin: 3% 1% 0%;
					    float: left;
			}
			.sp-leaf {
				width: 41px;
	    height: auto;
	    float: left;
	    margin: 0% 1% 1%;
			}

		 .sp-leaf img {width:100%;}
				 .site-menu{width:46%;}

				#masthead .wrap {
					position: relative;
				}


				.sp-header {
			background-color: #fff;
			margin: 0 0;
			position: fixed;
			width: 100%;
			height: 44px;
			z-index: 100;
	}
				.sp-header ol {
			padding-top: 0.5%;
			float: right;
			width: 43%;
			font-size: 71%;
			margin-right: 2%;
			margin-bottom:0;
			}
				.sp-header ol li {    display: inline;

						margin-right: 10%;}

						.sp-topimage {position:relative;
			width: 100%;
			padding-top: 60%;
			background-image: url(http://komorebinoniwa.jp/wp/wp-content/uploads/2018/12/komorebinoniwa-top.jpg);
			background-attachment: fixed;
			background-size: 100%;
			background-repeat: no-repeat;
			margin: auto;
			background-position: 0 42px;
			animation-name: fadein;
			animation-duration: 2s;
	}
							@keyframes fadein {
							from {
									opacity: 0;

							}
							to {
									opacity: 1;

							}
							}


					/*.lazy{
					overflow:hidden;

					width:98%;
					margin:0 1%;


				}*/
				.sp-content-area {
						height: 60%;
						width: 100%;
				}


				.sp-toplogo {
					width: 14%;
    position: absolute;
    top: 42.5%;
    left: 43%;

			}

				 .sp-access {height:100%;
									width:100%;}

									.sp-access-1 {
										width: 100%;
				line-height: 24px;
				margin: 17% 0;
				font-size: 65%;
				text-align: center;
				letter-spacing: 2px;
						}

						.sp-postnumber {
								margin: 0;
								margin-bottom: 1%;
								letter-spacing: 1px;
						}

				.sp-access-2 {
			width: 100%;
			height: 0;
			position: relative;
			padding-bottom: 100%;}
				.sp-access-2 iframe{-webkit-filter: grayscale(100%);

					-moz-filter: grayscale(100%);

					-ms-filter: grayscale(100%);

					-o-filter: grayscale(100%);

					filter: grayscale(100%);
				}

				.sp-gmap {
					width: 68%;
					height: 70%;
					margin: -18px 16%;
					position: absolute;
			}

			.sp-footer {
				text-align: center;
border-top: 1px solid #eee;
padding: 2.1% 0 0.9%;
font-size: 50%;
font-family: "Kozuka Gothic Pro ";
letter-spacing: 4px;
			}

			/*スマホ横用CSS*/
						@media screen and (orientation: landscape)and (min-width:600px) and ( max-width:812px) {

							body{font-family: '游明朝', 'ipaexm','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro',  'MS PMincho', 'ＭＳ Ｐ明朝', serif;
								margin: 0;
								width: 100%;
								height: 1771px;
								overflow-x: hidden;
								background: #fff;}




						.sp-h2 {
						font-size: 169%;
						text-align: center;
						letter-spacing: 1px;
						margin: 1% 0%;
						}

						a:link {color:#000;
										text-decoration: none;}


										.sp-site-logo {
											width: 50%;
    height: 37px;
    font-size: 29px;
    margin: 6.8% 0% 0% 0%;
    float: left;
    letter-spacing: 0px;
										}
.sp-site-name {
		width: 50%;
    height: 80px;
    font-size: 14px;
    margin: 0% -2% 0%;
    float: left;
									}
									.sp-leaf {
										width: 90px;
		height: auto;
		float: left;
		margin: 10% 1% 0% 6%;
									}

								 .sp-leaf img {width:100%;}
										 .site-menu{width:46%;}

										#masthead .wrap {
											position: relative;
										}


										.sp-header {
									background-color: #fff;
									margin: 0 0;
									position: fixed;
									width: 100%;
									height: 99px;
									z-index: 100;
							}
										.sp-header ol {

											float: right;
width: 45%;
font-size: 157%;
margin: 3% 0 0 0%;
letter-spacing: -1px;

									}
										.sp-header ol li {    display: inline;
											margin-right:12%;
  }

	.sp-topimage {position: relative;
		width: 100%;
		padding-top: 58%;
		background-image: url(http://komorebinoniwa.jp/wp/wp-content/uploads/2018/12/komorebinoniwa-top.jpg);
		background-attachment: fixed;
		background-size: 100%;
		background-repeat: no-repeat;
		margin: auto;
		background-position: 0 99px;
		animation-name: fadein;
		animation-duration: 2s;
							}
													@keyframes fadein {
													from {
															opacity: 0;

													}
													to {
															opacity: 1;

													}
													}


											/*.lazy{
											overflow:hidden;

											width:98%;
											margin:0 1%;


										}*/
										.sp-content-area {
											height: 60%;
			width: 100%;
										}


										.sp-toplogo {
											width: 14.5%;
	position: absolute;
	top: 44.5%;
	left: 43%;

									}

										 .sp-access {height:100%;
															width:100%;}

	.sp-access-1 {
		width: 50%;
    line-height: 54px;
    margin: 16.4% 25%;
    font-size: 169%;
    text-align: center;
    letter-spacing: 1px;
			}


												.sp-postnumber {
														margin: 0;
														margin-bottom: 1%;
														letter-spacing: 1px;
												}

										.sp-access-2 {
									width: 100%;
									height: 0;
									position: relative;
									padding-bottom: 96%;}
										.sp-access-2 iframe{-webkit-filter: grayscale(100%);

											-moz-filter: grayscale(100%);

											-ms-filter: grayscale(100%);

											-o-filter: grayscale(100%);

											filter: grayscale(100%);
										}

										.sp-gmap {
											width: 68%;
    height: 71%;
    margin: -2% 16%;
    position: absolute;
									}

									.sp-footer {
										text-align: center;
		border-top: 1px solid #eee;
		padding: 1.4% 0 0.9%;
		font-size: 125%;
		font-family: "Kozuka Gothic Pro ";
		letter-spacing: 4px;
					}

						}

/*タブレット縦用CSS*/
			@media screen and (orientation: portrait)and (min-width:813px) and ( max-width:1023px) {

				body{font-family: '游明朝', 'ipaexm','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro',  'MS PMincho', 'ＭＳ Ｐ明朝', serif;
					margin: 0;
				  width: 100%;
				  height: 1138px;
				  overflow-x: hidden;
				  background: #fff;}




			.sp-h2 {
			font-size: 65%;
			text-align: center;
			letter-spacing: 1px;
			margin: 1% 0%;
			}

			a:link {color:#000;
			        text-decoration: none;}


							.sp-site-logo {
								width: 69%;
    height: 25px;
    font-size: 18px;
    margin: 4% 0% 0% 2%;
    float: left;
    letter-spacing: 1px;
						}
												.sp-site-name {
													width: 40%;
    height: 25px;
    font-size: 14px;
    margin: 0% 1% 0%;
    float: left;
						}
						.sp-leaf {
							width: 53px;
height: auto;
float: left;
margin: 6% 1% 0% 4%;
						}

					 .sp-leaf img {width:100%;}
							 .site-menu{width:46%;}

							#masthead .wrap {
								position: relative;
							}


							.sp-header {
						background-color: #fff;
						margin: 0 0;
						position: fixed;
						width: 100%;
						height: 57px;
						z-index: 100;
				}
							.sp-header ol {

								float: right;
    width: 34%;
    font-size: 97%;
    margin-right: 2%;
    margin-bottom: 0px;
						}
							.sp-header ol li {    display: inline;

									    margin-right: 18%;}

									.sp-topimage {position:relative;
						width: 100%;
						padding-top: 48%;
						background-image: url(http://komorebinoniwa.jp/wp/wp-content/uploads/2018/12/komorebinoniwa-top.jpg);
						background-attachment: fixed;
						background-size: 100%;
						background-repeat: no-repeat;
						margin: auto;
						background-position: 0 42px;
						animation-name: fadein;
						animation-duration: 2s;
				}
										@keyframes fadein {
										from {
												opacity: 0;

										}
										to {
												opacity: 1;

										}
										}


								/*.lazy{
								overflow:hidden;

								width:98%;
								margin:0 1%;


							}*/
							.sp-content-area {
								height: 61.5%;
width: 100%;
							}


							.sp-toplogo {
								width: 9%;
	    position: absolute;
	    top: 48.5%;
	    left: 45.5%;

						}

							 .sp-access {height:100%;
												width:100%;}

												.sp-access-1 {
													width: 50%;
line-height: 30px;
margin: 34% 0px;
font-size: 88%;
text-align: center;
letter-spacing: 1px;
float: left;
padding-left: 7%;
}


									.sp-postnumber {
											margin: 0;
											margin-bottom: 1%;
											letter-spacing: 1px;
									}

							.sp-access-2 {
						width: 50%;
						height: 0;
						position: relative;
						padding-bottom: 96%;}
							.sp-access-2 iframe{-webkit-filter: grayscale(100%);

								-moz-filter: grayscale(100%);

								-ms-filter: grayscale(100%);

								-o-filter: grayscale(100%);

								filter: grayscale(100%);
							}

							.sp-gmap {
								width: 68%;
	height: 35%;
	margin: 52% -2%;
	position: absolute;
						}

						.sp-footer {
							text-align: center;
			border-top: 1px solid #eee;
			padding: 2.1% 0 0.9%;
			font-size: 81%;
			font-family: "Kozuka Gothic Pro ";
			letter-spacing: 4px;
		}

			}

			/*タブレット横用CSS*/
						@media screen and (orientation: landscape)and (min-width:1024px) and ( max-width:1366px) {

							body{font-family: '游明朝', 'ipaexm','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro',  'MS PMincho', 'ＭＳ Ｐ明朝', serif;
								margin: 0;
							  width: 100%;
							  height: 1525px;
							  overflow-x: hidden;
							  background: #fff;}




						.sp-h2 {
						font-size: 119%;
						text-align: center;
						letter-spacing: 1px;
						margin: 1% 0%;
						}

						a:link {color:#000;
						        text-decoration: none;}


										.sp-site-logo {
											width: 69%;
height: 25px;
font-size: 24px;
margin: 4% 0% 0% 1%;
float: left;
letter-spacing: 1px;
									}
															.sp-site-name {
																width: 40%;
			    height: 25px;
			    font-size: 14px;
			    margin: 0% 1% 0%;
			    float: left;
									}
									.sp-leaf {
										width: 74px;
    height: auto;
    float: left;
    margin: 7% 1% 0% 4%;
									}

								 .sp-leaf img {width:100%;}
										 .site-menu{width:46%;}

										#masthead .wrap {
											position: relative;
										}


										.sp-header {
									background-color: #fff;
									margin: 0 0;
									position: fixed;
									width: 100%;
									height: 77px;
									z-index: 100;
							}
										.sp-header ol {

											float: right;
    width: 34%;
    font-size: 128%;
    margin-right: 2%;
    margin-bottom: 0px;
		padding-top:0%;
									}
										.sp-header ol li {    display: inline;

												    margin-right: 19%;}

	.sp-topimage {position: relative;
    width: 100%;
    padding-top: 48.5%;
    background-image: url(http://komorebinoniwa.jp/wp/wp-content/uploads/2018/12/komorebinoniwa-top.jpg);
    background-attachment: fixed;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: auto;
    background-position: 0 77px;
    animation-name: fadein;
    animation-duration: 2s;
							}
													@keyframes fadein {
													from {
															opacity: 0;

													}
													to {
															opacity: 1;

													}
													}


											/*.lazy{
											overflow:hidden;

											width:98%;
											margin:0 1%;


										}*/
										.sp-content-area {
											height: 60.5%;
			width: 100%;
										}


										.sp-toplogo {
											width: 9%;
				    position: absolute;
				    top: 48.5%;
				    left: 45.5%;

									}

										 .sp-access {height:100%;
															width:100%;}

	.sp-access-1 {
	width: 50%;
	line-height: 42px;
	margin: 32% 0px;
	font-size: 119%;
	text-align: center;
	letter-spacing: 1px;
	float: left;
	padding-left: 6.5%;
			}


												.sp-postnumber {
														margin: 0;
														margin-bottom: 1%;
														letter-spacing: 1px;
												}

										.sp-access-2 {
									width: 50%;
									height: 0;
									position: relative;
									padding-bottom: 96%;}
										.sp-access-2 iframe{-webkit-filter: grayscale(100%);

											-moz-filter: grayscale(100%);

											-ms-filter: grayscale(100%);

											-o-filter: grayscale(100%);

											filter: grayscale(100%);
										}

										.sp-gmap {
											width: 68%;
	    height: 35%;
	    margin: 50% -1%;
	    position: absolute;
									}

									.sp-footer {
										text-align: center;
    border-top: 1px solid #eee;
    padding: 1.4% 0 0.9%;
    font-size: 125%;
    font-family: "Kozuka Gothic Pro ";
    letter-spacing: 4px;
					}

						}