@charset "utf-8";
/*----共通部分---*/
html{
	font-size: 100%;
}
body{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	line-height: 1.7;
	color: #432;
    }
a{
 text-decoration: none;
}
img{
	max-width: 100%;
}




/*--header----*/
.logo{
	width: 120px;
	margin-top: 10Px
}
.main-nav{
	display: flex;
	font-size: 1.25rem;
	text-transform: uppercase;
	margin-top: 34px;
	list-style: none;
	}
.main-nav li{
	margin-left: 36px;
}
.main-nav a{
	color: #432;
}
.main-nav a:hover{
	color:#0bd;
}
.wrapper{
	max-width: 1100px;
	margin:0 auto;
	padding:0 4%;
}
.page-header{
	display: flex;
	justify-content: space-between;
	
}




/*---HOME----*/
.home-content{
	text-align: center;
	margin-top: 10%;
}
.home-conetent p{
	font-size: 1.125rem;
	margin: 10px 0 42px;
	color: #FFFFFF;
            }




/*----見出し---*/
.page-title{
	font-size: 5rem;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	text-transform:  uppercase;
	font-weight: normal;
}
.home-content p{
	font-size: 200%;
}
.home-content p{color:#FAF8F8;}




/*-----ボタン-----*/
.button{
	font-size: 1.375rem;
	background: #0bd;
	color: #fff;
	border-radius: 5px;
	padding: 18px 32px;
}
.button:hover{
	background:  #0090aa;
}




/*-------大きな背景画像-----*/
.big-bg{
	background-size: cover;
	background-position: center top;
}
#home{
	background-image: url("yakitori.jpg");
	min-height: 100vh;
	}
#home .page-title{
	text-transform: none;
}



/*--news----*/
#news{
	background-image: url("yakitori.jpg");
	height: 270px;
	margin-bottom: 40px;
}
#news .page-title{
	text-align: center;
	position: relative;
    bottom: 150px;
    left: px;
}
.page-title{
	margin:100px 0 0 100px;
	}
.news-contents{
	position: relative;
    bottom: 110px;
	}
}




/*-----フッター---*/
footer{
    background: #432;
	text-align: center;
	padding: 26px 0 ;
	}
footer p{
	color: #BC2A2D;
	font-size:0.875rem;
}



/*-----記事部分------*/
airticle{
	width: 74%;
}



/*--------サイドバー---------*/
aside{
	width:22%;
}

.news-contents{
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
.post-info{
	position: relative;
	padding-top: 4px;
	margin-bottom: 40px;
}
.post-date{
	background: #0bd;
	border-radius:  50%;
	color:#fff;
	width: 100px;
	height: 100px;
	font-size: 1.625rem;
	text-align: center;
	position: absolute;
	top: 0;
	padding-top: 10px;
	}
.post-date span{
	font-size: 1rem;
	border-top:1px rgba(255,255,255,.5)solid;
	padding-top: 6px;
	display: block;
	width: 60%;
	margin: 0 auto;
}
.post-title{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 2rem;
	font-weight: normal;
}
.post-title,.post-cat{
	margin-left: 120px;
  }
airticle img{
	maigin-bottom: 20px;
}
airticle p{
	margin-bottom: 1rem;
}
.sub-title{
	font-size: 1.375rem;
	padding:  0 8px 8px;
	border-bottom: 2px #0bd solid;
	font-weight: normal;
}
aside P{
	padding:  12px 10px;
}
.sub-menu{
	margin-bottom: 60px;
	list-style: none;
	}
.sub-menu li{
	border-bottom: 1px #ddd solid;
}
.sub-menu a{
	color: #432;
	padding: 10px;
	display: block;
}
.sub-menu a:hover{
	color: #0bd
}





					/*-----モバイル版‐‐‐‐*/
					@media (max-width:600px){
						h1{
							color: #0bd;
						}
						.page-title　h2{
							color: #FDF9F9;
							margin-top: 0px;
						}
						.sub-title{width: 100%;
								   margin-bottom: 0%;
								   margin-top: 20%;
									}
						.location-info p{width: 333px;
										 margin-bottom: 30px
						}
					.page-title{
							font-size: 2.5rem;
							color: #FEFCFC
							}



						/*---header-----*/
						 .main-nav{
							  font-size: 1rem;
							  margin-top: 10px;
							}
						  .main-nav li{
							  margin:  0 20px;
							  }



					 /*--home--*/
						   .home-content{
							  margin-top: 20%;
						   }
						.page-header{
							flex-direction: column;
							align-items:center;
							}



					/*--NEWS--*/
						.news-contents{
							flex-direction: column;
							}
						#news h2{
							color: black;

						}
						#news .page-title{
							position: relative;
							bottom: 10px;

						}

						 article,
						   aside{
						   width: 100%;
							   }



						#news.page-title{
							margin-top:  30px;
						}

						aside{
							margin-top: 60px;
							}
						.post-info{
							margin-bottom: 30px;
						}
						.post-date{
							width: 70px;
							height: 70px;
							font-size: 1rem;
							}
						.post-date span{
							font-size: 0.825rem;
							padding-top: 2px;
						}
						.post-title{
							font-size: 1.375rem;
						}
						.post-cat{
							font-size: 0.825rem;
							margin-top: 10px;
						}
					.post-title,
						.post-cat{
							margin-left: 80px;
						}




						.news-contents{
							margin-top: 100px;
						}
						.news-contents{
							flex-direction: column;
						}
						artticle,
						aside{
							width: 100%;
						}	


					#news.page-title{
						 margin-top: 30px;
						}
					aside{
						margin-top: 60px;
						}
						.post-info{
							margin-bottom: 30px;
						}
						.post-date{
							width: 70px;
							height: 79px;
							font-size: 1rim;
						}
						.post-date span{
							font-size: 0.875rem;
							padding-top: 2px;
						}
						.post-title{
							font-size: 1.375rem;
							margin-top: 10px;
						}
						.post-cat{
							font-size: 0.875rem;
							margin-top: 10px;
						}
						.page-title,
						.post-cat{
							margin-left: 80px;
						}

					.page-title {
						margin:50px;
							}



					/*---contact---*/
						#contact.page-title{
							margin-top: 40px;
						}




						.home-content p{
							color: #FAF8F8;
							 }

						/*店舗情報・地図/sns*/	
						#location .wrapper{
							flex-direction: column;
						}
					}



/*------menu--------*/
#menu{
	background-image: url("yakitori.jpg");
    height: 400px;
}
#menu .page-title {
	   position: relative;
        bottom:100px;
         }
#menu .menu-content{
	max-width: 560px;
	margin-top: 10%;
	}

#menu .menu-content p{
font-size: 1.125rem;
	margin-left: 10px 0 0;
	position: relative;
        bottom: 140px;
        color: #EDE5E5;
}

#menu.logo{
	margin-right: 300px;
	}

.grid{
	display: grid;
	gap:26px;
	grid-template-columns: 1fr 1fr 1fr;
	margin-top: 6%;
	margin-bottom: 50%;
}



/*---contact--*/
#contact{
		background-image: url("yakitori.jpg");
	    height: 270px;
	  }
#contact .page-title{
	   position: relative;
        bottom: 130px;
         }
	


/*店舗情報・地図*/
#location{
	padding: 4% 0;
}
#location .wrapper{
	display: flex;
	justify-content: space-between;
}
.location-info{
	width: 22%;
}
.location-info P{
	width:12px 10px;
}
.location-map{
	width :74%;
}
iframe {
	width: 100%}
	



/* CSS Document */