@charset "utf-8";

html{
   font-size: 100%;
}

body{

     font-family:serif;
     color:rgb(0, 0, 0)
}

/*sen
---------------------------*/
h1{
   padding-top: 35px;
   padding-right: 20px;
   padding-bottom: 10px;
   padding-left: 90px;
   font-size: 20px;
   color: rgb(210, 200, 200)
}

/*南仏
----------------------------*/
h4{
      padding-right: 20px;
      padding-bottom: 10px;
      padding-left: 20px;
  }

/*ブラック
-----------------------------*/
h3{
   padding-top: 30px;
   padding-right: 20px;
   padding-left: 20px;
}

/*程よい
--------------------------*/
h5{
   padding-right: 20px;
   padding-bottom: 60px;
   padding-left: 20px;
   
   
}

/*大切な時間
--------------------------------*/
p{
   padding-top: 30px;
   padding-right: 20px;
   padding-bottom: 10px;
   padding-left: 20px;
}

img {
   max-width: 100%;
}

/*HEADER
---------------------------------------*/
.main-nav{
   display: flex;
   font-size: 1.25rem;
   text-transform: uppercase;
   margin-top: 34px;
   list-style: none;


   
}
.main-nav li {
   font-size: 18px;
   width: 940px;
   margin-right: auto;
   margin-left: auto;


}
.main-nav a {
   color: rgb(210, 200, 200)
  
   
}
.main-nav a:hover {
   color:rgb(60, 35, 10)
}



.wrapper {
   text-align: center;
   padding-top: 10px;
   padding-right: 10px;
   padding-bottom: 0.01px;
   padding-left: 10px;
   
}

.page-header{
   display: flex;
   justify-content: space-between;
   position: relative;
}

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

/* 見出し the tea
------------------------------------------*/

.pade-title {
   font-size: 1rem;
   font-family: serif;
   text-transform: uppercase;
   font-weight: normal;
   padding-top: 30px;
   padding-bottom: 25px;
}

/* ボタン
-------------------------------------------- */
.button {
   font-size: 0.9rem;
   background: rgb(60, 35, 10);
   color:rgb(255, 255, 255);
   border-radius: 5px;
   padding: 5px 23px;
   position: absolute;
   bottom: 9px;
   left: 50%;
   transform: translate(-50%, -50%);
}

.button:hover {
   background: rgb(210, 200, 200);
}


/*大きな背景画像
-------------------------------------f---------*/
.big-bg {
   background-size: cover;
   background-position: center top;
   background-repeat: no-repeat;
}

#home {
   background-image: url(image/photo.jpg);
   min-height: 100vh;
}
#home .page-title {
   text-transform: none;
}

/* フッター
--------------------------------------*/
html {
   font-family: sans;
 }
 a {
   color: #999;
   text-decoration: none;
 }
 ul {
   list-style: none;
   padding: 0;
 }
 
 .footer {
   padding-left:20px;
   padding-bottom:10px;
   font-size: 15px;
   color: rgb(210, 200, 200);
   border-top: 1px solid rgb(210, 200, 200);
   bottom: 0;
 }

 
 
/*モバイル版
-----------------------------------*/
@media (max-width: 600px) {
   
.page-title {
   font-size: 2.5rem;
} 

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


}