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

windyfarm.jp/
shop

///////////////////////*/

.page_title{
    width: 100%;
    margin: 8% auto 5%;
}

.page_title h1{
    font-size: 5rem;
    text-align: center;
}

/*================================
top_main
================================*/
.top_main{
   border-radius: 40px;
   margin: auto;
   margin-top: 10px;
   width: 94%;
   height: 80vh;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   /*display: flex;
   justify-content: center;
   align-items: center;*/
   padding: 0;
}

.top_main_bk{
   /*margin-top: -60px;*/
  /* background: rgba(0,0,0,0.40);*/
   width: 100%;
   height: 100%;
   /*display: flex;
  justify-content: flex-start;
  align-items: flex-end;*/
   /*flex-direction: column*/
   position: relative;
}
.top_main_bk .mainLogo{
   position: absolute;
   bottom: 5%;
   text-align: center;
   width: 100%;
  /*justify-content: center;
  align-items: center;*/
}
.top_main_bk .mainLogo img{
   max-width: 15%;
   min-width: 200px;
   height: auto;
}
.top_main h1{
   text-align: center;
   /*color: #fff;*/
   font-weight:600;
}

section{
   letter-spacing: 0.1em;
}

h1.contTtl {
  text-align: center;
  font-size: 5.8rem;
  padding: 1% 1% .4em .4em;
  line-height: 1.0em;
  letter-spacing: 0.05em;
   position: inherit;
   top: 70px;
   color: #4AB9D5;
}
h1.contTtl span{
   font-size: 8.0rem;
   display: block;
}
@media screen and (max-width: 767px) {
   
.top_main{
   border-radius: 0;
   width: 100%;
   }
   .top_main_bk{
   margin-top: -72px;
   }
   h1.contTtl{
       top: 70px;
   font-size: 4.0rem;
   }
   h1.contTtl span{
   font-size: 4.0rem;
}
}


/*================================
concept catch
================================*/
section.concept{
   padding: 0 2%;
   padding-bottom: 3%;
}
.concept h2.ttl{
   font-size: 3.5rem;
   text-align: center;
   line-height: 1.2em;
   margin-bottom: 35px;
}
.concept h2.ttl span{
   font-size: 1.5rem;
   line-height: 1.4em;
   display: block;
}
.concept .openTime{
   text-align: center;
   margin: 0 auto 30px;
   width: 90%;
   font-size: 1.6rem;
   font-weight:bold;
}
.catch{
   text-align: center;
   margin: auto;
   max-width: 800px;
   font-size: 2.6rem;
   font-weight:bolder;
   padding: 20px 0 20px;
   letter-spacing: .05em;
   line-height: 2.5em;
}
.catchSub{
   margin: auto;
   max-width: 750px;
   text-align: left;
   padding:1em;
   /*font-weight:bold;*/
   font-size: 1.6rem;
   line-height: 1.8em;
}
.catchTxt{
   max-width: 800px;
   margin: 1em auto 3em;
    font-weight:bold;
}

@media screen and (max-width: 767px) {
   section.concept{
      padding-top: 4%;
}
   .concept h2.ttl{
   font-size: 2.0rem;
   }
   .concept h2.ttl span{
   font-size: 1.4rem;
   }
   .catch{
      font-size: 2.0rem;
      line-height: 2.2em;
   }
   .catchSub{
      text-align: left;
   }
}




/*================================
shop_info
================================*/
section.shop_info{
   padding: 0;
   margin-bottom: 120px;
}
.shop_info h2{
   text-align: center;
   font-size: 3.5rem;
   line-height: 1.1em;
   margin-bottom: -.5em;
}
.shop_info .cont{
   padding: 60px 4% 50px;
   background: #E2E2DA;
}