@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ 醸造工場 ◇◆◇
  
  
========================================================================================================================*/

#hv-wrap {
  background-image:url(../image/hv.jpg);
}


/*----------------------------------------------------------------------------------------------------

  案内
  
----------------------------------------------------------------------------------------------------*/

.guide__headline {
  font-family:"Harenosora";
  line-height:1.4;
  font-size:137.5%;
  padding-bottom:2.5em;
}

.guide__headline .pc-none { display:none; }

.guide .txt { padding:50px 0; }

@media screen and (max-width:767px) {
  .guide__headline { padding-bottom:2em; }
  .guide__headline .pc-none { display:inherit; }
  .guide .txt { text-align:left; padding:1em 0 1.75em 0; }
}

@media screen and (max-width:640px) {
  .guide__headline { padding-bottom:1.75em; }
}

@media screen and (max-width:500px) {
  .guide__headline { padding-bottom:1.5em; }
}


.guide .photo {
  list-style:none;
  margin-left:-25px;
  padding-top:0.5em;
}

.guide .photo li {
  width:50%;
  float:left;
  padding-left:25px;
  box-sizing:border-box;
}

.guide .photo li:nth-child(n+3) {
  margin-top:25px;
}

.guide .photo li img {
  vertical-align:bottom;
}

.guide .photo li a {
  pointer-events:none;
  cursor:default;
}

@media screen and (min-width:768px) {
  .pswp { display:none; }
}

@media screen and (max-width:767px) {
  .guide .photo { margin-left:-0.75em; }
  .guide .photo li { padding-left:0.75em; }
  
  .guide .photo li:nth-child(n+3) {
    margin-top:0.75em;
  }

  .guide .photo li a {
    pointer-events:inherit;
    cursor:pointer;
  }
}


/*----------------------------------------------------------------------------------------------------

  地図
  
----------------------------------------------------------------------------------------------------*/

.map-wrap {
  background-color:rgba(155,125,75,0.12);
  position:relative;
}
.no-rgba .map-wrap { background-color:#e6dccd; }

.map__headline {
  font-family:"Harenosora";
  font-weight:normal;
  font-size:156.2%;
  line-height:1.5;
  padding-bottom:0.75rem;
}

#gmap {
  overflow:hidden;
  box-sizing:border-box;
}

#gmap iframe {
  width:100%;
  height:100%;
  vertical-align:bottom;
}

#gmap {
  width:100%;
  height:600px;
  margin-top:50px;
}

@media screen and (max-width:767px) {
  #gmap {
    height:500px;
    margin-top:2em;
  }
}

@media screen and (max-width:500px) {
  #gmap {
    height:400px;
  }
}