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

windyfarm.jp/wedding/
teaser

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


/*================================
top_main
================================*/
.top_main{
   background-image: url(/images/wedding/main_01.jpg);
}
h1.contTtl {
   top: 160px;
}
h1.contTtl small{
   font-size: 1.6rem;
   letter-spacing: 0.03em;
   display: block;
}


/*================================
attention
================================*/
section.attention {
  padding: 0 2%;
    padding-bottom: 0px;
  padding-bottom: 10%;
}
.attention h2{
   margin-bottom: 18px;
}
.rect{
   margin: auto;
   max-width: 800px;
   text-align: left;
   padding: 2em;
   font-size: 1.2rem;
   line-height: 1.8em;
   background-color: #eee;
   border-radius: 20px;
}
.attention p{
   max-width: 650px;
   margin: auto;
}

@media screen and (max-width: 767px) {
 .attention h2{
   font-size: 1.6rem;
}  
  
}

/*================================
menu
================================*/
section.menu {
   padding: 0;
   margin-bottom: 100px;
}



/*================================
wd
================================*/
.wd {
   margin: auto;
   max-width: 1200px;
   font-size: 1.4rem;
  }

.wd .menu-detail-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 100px;
}
.menu-img{
   width: 48%;
}
.menu-img img{
   width: 100%;
   height: auto;
   padding: 0;
   border-radius: 20px;
}
.wd .menu-detail {
  width: 48%;
   /*margin: 0 auto;*/
   padding: 0 ;
   line-height: 1.8em;
}
.wd .sub{
   font-size: 1.1rem;
   color: #fff;
   background-color: #1C2A55;
    border-radius: 8px;
   padding: 5px 8px;
}
.wd h3{
   width: 100%;
   font-size: 3.2rem;
   line-height: 1.0em;
   padding-top: .4em;
   padding-bottom: .2em;
}
.wd h3 span{
   font-size: 1.4rem;
   line-height: 1.6em;
   display: block;
}
.wd .menu-name{
  width: calc(100% - 100px);
  margin-bottom: 20px;
}
.wd .price {
   font-size: 1.2rem;
  margin-bottom: 12px;
}
.wd .price span{
      font-size: 2.4rem;
      font-weight: bold;
}
.wd .menu-txt {
  width: 100%;
  padding: 0 10px 20px 0;
  font-size: 1.5rem;
   line-height: 1.8em;
}
.bg-ye{
   background-color: #FFDA00;
}
.wd .more{
   width: 100%;
   margin-right: 5%;
   padding-bottom: 1em;
   text-align: right;
}
.wd .btn06{
   padding: 30px 40px 30px 20px;
   border-radius: 15px;
   background-color: #4AB9D5;
   color: #fff;
   font-weight: bold;
}
.wd .btn06:hover{
   background-color: #777;
}


/*.wd-photo*/
.wd-photo{
  margin-bottom: 100px;
}
.wd-photo h2{
   font-size: 2.6rem;
   margin-bottom: 30px;
}
.wd-photo h2 small{
   font-size: 1.6rem;
}
.boxFlex{
   margin: 0 auto 0;
   /*width: 95%; */ 
   display: flex;
   flex-flow: wrap;
   /*justify-content:space-between;*/
   /*align-items: center;*/
}
.boxCont{
   width: 25%;
   padding: 0 .4%;
   /*padding: 2% 2.5% 6%;*/
   /*text-align: center;*/
}
.boxContImg{
   width: 50%;
   text-align: center;
   position: relative;
}
.boxContImg .photo{
   border-radius: 10%;
}

.local{
   position: absolute;
   margin: 30px -10px;
   display: flex;
   justify-content: center;
    align-items: center;
   text-align: center;
   background: #E94530;
   border-radius: 50%;
   width: 50px;
   height: 50px;
}
.local span{
   padding-top: .3em;
   font-size: 1.4rem;
   font-weight: bold;
   line-height: 1.0em;
   color: #fff;
}
.local small{
   font-size: .6em;
   display: block;
}

.boxCont .photo{
   width: 100%;
   height: auto;
   margin-bottom: 15px;
   border-radius: 12%;
}
.boxCont h3{
   font-size: 1.5rem;
   text-align: center;
   line-height: 1.5em;
   margin-bottom: .5em;
}
.boxCont h3 span{
   font-size: 1.2rem;
   display: block;
}
.boxCont p{
   font-size: 1.2rem;
   text-align: center;
}
.boxCont .size{
   padding: 0 0 .8em;
}
.boxCont .price{
   font-size: 1.2rem;
   padding: 0 0 1.5em;
   font-weight: bold;
}
.boxCont .price strong{
   font-size: 1.8rem;
}
.boxCont .comment{
   text-align: left;
   font-size: 1.2rem;
    line-height: 1.8em;
}
.boxCont span{
   /*font-size: 1.4em;*/
}


.size_price{
   width: 100%;
   background: #EA5514;
   color: #FFF;
   text-align: center;
   padding: 50px 4% 40px;
   font-size: 1.2rem;
   margin-bottom: 50px;
}
.size_price.frozen{
   width: 100%;
   background-color: #E8AF30;
}
.set{
   max-width: 700px;
   text-align: center;
   margin: 0 auto .6em;
   line-height: 1.4em;
   font-size: 2.2rem;
}
.size_price dl{
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
.size_price dt{
   width: 82%;
   padding-bottom: .5em;
}
.size_price dd{
   text-align: right;
   width: 18%;
   padding-bottom: .5em;
}

.size_price img{
   width: 100%;
   max-width: 700px;
   height: auto;
   margin-bottom: 20px;
   /*border-radius: 10%;*/
}

.size_price .note{
   font-size: 1.6rem;
   line-height: 1.6em;
   /*text-align: left;*/
   margin: 10px auto 0;
   max-width: 700px;
}
.menu h2{
   text-align: center;
   font-size: 3.2rem;
   line-height: 1.1em;
}
.menu h2 span{
   font-size: 1.4rem;
   padding-left: 0;
   display: block;
}
.size_price h2{
   margin: 0 0 20px;
}


@media screen and (max-width: 767px) {
   
.menu-detail, .wd .menu-detail {
   width: 100%;
  padding: 20px 20px 40px;
   }
.menu-img {
      width: 100%;
     padding: 20px 20px 0;
   }
.wd .menu-detail-wrap {
  margin-bottom: 50px;
}

/*.wd-photo*/
.wd-photo{
  margin-bottom: 50px;
}
   .wd-photo h2{
   font-size: 2.0rem;
   }
   .wd-photo h2 small{
   font-size: 1.3rem;
   line-height: 1.5em;
}
   
   .size_price .set{
      font-size: 2.0rem;
      text-align: left;
   }
.size_price .note{
   text-align: left;
   }

   .boxCont{
   padding: 5px 5px;
   }
   .boxCont, .boxContImg{
      width: 50%;
   }
   .boxCont h3{
   font-size: 1.8rem;
   }
   .boxCont .comment{
   font-size: 1.3rem;
   }

}