@charset "utf-8";
/* CSS Document */

.salad-cafe h1 {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  text-align: center;
  margin-top: 30px;
  margin-bottom:20px;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.6;
} 

  .salad-cafe .bg_font h1 {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  text-align: center;
  margin-top: 30px;
  margin-bottom:20px;
  font-size: 39px;
  font-weight: bold;
  line-height: 1.6;
} 

.salad-cafe h2 {
  font-size:15px;
}

.cafe_news_lead{max-width: 768px; margin: auto; padding: 0;}
.salad_bwd {font-size:16px; line-height: 1.6; text-align: left; margin-bottom:30px;}
.salad_bwdw {font-size:18px; line-height: 1.6; text-align: left; margin-bottom:30px;}
.salad_bwd_last {font-size:16px; line-height: 1.6; text-align: left; margin-top:10px;}

.menu .salad_wd {
 text-align: center;
 font-size: 14px;
 padding: 10px;
}

.menu img {
  margin: 0 auto;width:300px;height: auto;
}

.box_okazu {padding: 10px; margin-bottom: 50px;}


.recipe-container.recipeclub {
  background: url(../images/recipe01.png) top left no-repeat;
  background-size: contain;
}
.recipe-container2.recipeclub2 {
  background: url(../images/recipe02.png) top left no-repeat;
  background-size: contain;
}

.cafe_news_lead.col-sm-12 {
  padding-left: 0;
  padding-right: 0;
}

.recipe-container {
  position: relative;
  height: 80%;
}

.recipe-container2 {
  position: relative;
  height: 80%;
}

.recipe-container .inner {
  position: static;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: none;
  background: #fff;
  padding: 2em;
  float:left;
}

.recipe-container2 .inner {
  position: static;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: none;
  background: #fff;
  padding: 2em;
  float:left;
}

.back_to_list{ margin:30px 0 30px 0; text-align:center;}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 5;
left: 0;
width: 100%;
height: 100%;
}



@media (min-width: 768px) {
  .recipe-container {
  position: relative;
  height: 460px;
}

.recipe-container .inner {
  position: absolute;
  width: 60%;
  top: 70%;
  left: 80%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 2em;
  float:none;
  text-align: left;
}

  .recipe-container2 {
  position: relative;
  height: 460px;
}

.recipe-container2 .inner {
  position: absolute;
  width: 60%;
  top: 70%;
  left: 80%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 2em;
  float:none;
  text-align: left;
}

}




@media (max-width: 640px) {

  .salad-cafe h1 {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  text-align: center;
  margin-top: 30px;
  margin-bottom:20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
} 

  .salad-cafe .bg_font h1 {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  text-align: center;
  margin-top: 30px;
  margin-bottom:20px;
  font-size: 27px;
  font-weight: bold;
  line-height: 1.6;
} 


.salad_bwd {font-size:13px; line-height: 1.6; text-align: left; margin-bottom:30px;}
.salad_bwd_last {font-size:13px; line-height: 1.6;margin-top:10px;}
.salad_bwdw {font-size:15px; line-height: 1.6; text-align: left; margin-bottom:30px;}

}


@media screen and (max-width:767px) {
.cafe_smp {
  text-align: center;
}

}