@charset "utf-8";

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


  ◇◆◇ ワイナリーについて ◇◆◇
  
  
========================================================================================================================*/

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


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

  はちのへワイナリーの目的
  
----------------------------------------------------------------------------------------------------*/

.mokuteki__headline {
  background:url(../image/mokuteki_pc.png) no-repeat center center;
  height:120px;
  margin-bottom:30px;
}

.mokuteki p {
  line-height:2;
}

@media screen and (max-width:767px) {
  .mokuteki__headline {
    max-width:500px;
    margin-left:auto;
    margin-right:auto;
    background:url(../image/mokuteki_sp.png) no-repeat center center;
    margin-bottom:0;
    background-size:100% auto;
    height:inherit;
  }
  
  .mokuteki__headline:after {
    content:"";
    display:block;
    padding-top:40.2%;
  }
  
  .mokuteki {
    text-align:left;
  }
  
  .mokuteki p {
    line-height:inherit;
    margin-top:1.5em;
  }
  
  .mokuteki p br.sp-none {
    display:none;
  }
}

@media screen and (max-width:500px) {
  .mokuteki p {
    margin-top:1.25em;
  }
}


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

  醸造長からの挨拶
  
----------------------------------------------------------------------------------------------------*/

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

.aisatsu:before {
  content:url(../image/aisatsu-cut.png);
  width:1100px;
  height:178px;
  position:absolute;
  left:50%;
  top:0;
  margin-left:-550px;
  text-align:right;
}

.aisatsu__photo {
  max-width:440px;
  line-height:0;
  float:left;
}

.aisatsu__txt {
  margin-left:535px;
  padding-top:15px;
  text-align:left;
}

.aisatsu__headline {
  background:url(../image/aisatsu_pc.png) no-repeat left center;
  height:111px;
  margin-bottom:20px;
  margin-left:-45px;
}

@media screen and (max-width:767px) {
  .aisatsu:before {
    display:none;
  }
  
  .aisatsu__photo {
    width:100%;
    float:none;
    margin-left:auto;
    margin-right:auto;
  }
  
  .aisatsu__txt {
    margin-left:0;
    padding-top:2em;
  }
  
  .aisatsu__headline {
    background-position:center top;
    margin-bottom:0;
    margin-left:0;
  }

  .aisatsu__headline {
    background:url(../image/aisatsu_sp.png) no-repeat left center;
    max-width:510px;
    margin-left:auto;
    margin-right:auto;
    background-size:100% auto;
    height:inherit;
  }
  
  .aisatsu__headline:after {
    content:"";
    display:block;
    padding-top:19.8%;
  }

  .aisatsu__txt p:not(.aisatsu__headline) {
    padding-top:1.25em;
  }
  
  .aisatsu__txt br.sp-none {
    display:none;
  }
}

@media screen and (max-width:500px) {
  .aisatsu__txt {
    padding-top:1.75em;
  }

  .aisatsu__txt p:not(.aisatsu__headline) {
    padding-top:1em;
  }
}


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

  ワイナリー
  
----------------------------------------------------------------------------------------------------*/

.winery-wrap {
  width:100%;
  background-color:rgba(255,255,255,0.5);
  box-sizing:border-box;
  position:relative;
}
.no-rgba .winery-wrap { background-color:#f9f5f0; }

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

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

.winery__photo {
  list-style:none;
  margin-left:-25px;
}

.winery__photo li {
  width:50%;
  float:left;
  padding-left:25px;
  margin-top:25px;
  box-sizing:border-box;
}

.winery__photo li img {
  vertical-align:bottom;
}

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

.winery address {
  padding-top:1.75em;
  padding-bottom:1.75em;
}

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

@media screen and (max-width:767px) {
  .winery__photo { margin-left:-0.75em; }
  .winery__photo li {
    padding-left:0.75em;
    margin-top:0.75em;
  }

  .winery__photo li a {
    pointer-events:inherit;
    cursor:pointer;
  }
  
  .winery address {
    padding-top:1.5em;
    padding-bottom:1.5em;
  }
}

@media screen and (max-width:640px) {
  .winery__headline { padding-bottom:1.25em; }
  .winery__headline .pc-none { display:inherit; }
}

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


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

  農園紹介
  
----------------------------------------------------------------------------------------------------*/

.nouen-photo { line-height:0; }

.nouen__headline {
  font-family:"Harenosora";
  line-height:1.4;
  font-size:137.5%;
  padding-top:1.5em;
  margin-bottom:1.25em;
}

.nouen__headline b {
  font-weight:normal;
  display:inline-block;
  margin-left:0.25em;
  margin-right:0.25em;
  font-size:140%;
}

.nouen p {
  padding-top:1.5em;
}

.nouen p.start {
  padding-top:inherit;
}

@media screen and (max-width:767px) {
  .nouen__headline {
    padding-top:1.25em !important;
    margin-bottom:1em;
  }
  
  .nouen p:not(.nouen__headline) {
    text-align:left;
  }
  
  .nouen p br.sp-none {
    display:none;
  }
}

@media screen and (max-width:640px) {
  .nouen__headline {
    margin-bottom:0.8em;
  }
  
  .nouen__headline span:after {
    content:"\A";
    white-space:pre;
  }
}

@media screen and (max-width:500px) {
  .nouen__headline {
    font-size:131.3%;
  }
}

@media screen and (max-width:420px) {
  .nouen__headline {
    font-size:125.0%;
  }
}


/*-----------------------------------------------------------------------------------
  栽培方法
-----------------------------------------------------------------------------------*/

.saibai {
  list-style:none;
  margin-top:40px;
  margin-left:-25px;
}

.saibai li {
  width:375px;
  float:left;
  padding-left:25px;
  box-sizing:border-box;
}

.saibai__block {
  width:100%;
  height:100%;
  box-sizing:border-box;
  background-color:#fff;
  padding:30px 20px;
}

.saibai__headline {
  padding:5px 0 20px 0;
  line-height:1;
}

.saibai__headline b {
  font-family:"Harenosora";
  font-weight:normal;
  color:#9b7d4b;
  font-size:156.2%;
}

.saibai__headline img {
  max-width:60px;
  max-height:60px;
  margin-bottom:15px;
}

.saibai li p {
  font-size:87.5%;
}

@media screen and (max-width:767px) {
  .saibai {
    margin-top:1.25em;
    margin-left:-0.75em;
  }
  
  .saibai li {
    width:50%;
    margin-top:0.75em;
    padding-left:0.75em;
  }
  
  .saibai li:last-child {
    width:100%;
  }
  
  .saibai__block {
    padding:1.5em;
  }
  
  .saibai__headline {
    padding:0.25em 0 1em 0;
  }
  
  .saibai__headline img {
    margin-bottom:0.75em;
  }
  
  .saibai li p br.sp-none {
    display:none;
  }
}

@media screen and (max-width:640px) {
  .saibai {
    margin-left:0;
  }
   
  .saibai li {
    width:100%;
    padding-left:0;
  }
  
  .saibai__block {
    padding:1.5em 1em;
  }
  
  .saibai__headline {
    padding-top:0;
  }
  
  .saibai__headline img {
    max-width:50px;
    max-height:50px;
  }
  
  .saibai li p {
    font-size:100%;
  }
}

@media screen and (max-width:500px) {
  .saibai {
    margin-top:1em;
  }
  
  .saibai__headline img {
    max-width:40px;
    max-height:40px;
  }
}


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

  はちのへワイナリー株式会社
  
----------------------------------------------------------------------------------------------------*/

.unei-wrap {
  padding-top:0 !important;
}

.unei {
  border:1px solid rgba(79,65,55,0.6);
  padding:1.5em;
}

.no-rgba .unei { border:1px solid #958d87; }

.unei--mei {
  font-family:"Harenosora";
  font-weight:normal;
  font-size:131.3%;
  line-height:1.2;
  padding-bottom:0.5em;
}

@media screen and (max-width:767px) {
  .unei .telLink {
    text-decoration:underline;
  }
  
  .unei {
    padding:1.25em 1em;
  }
}

@media screen and (max-width:640px) {
  .unei {
    font-size:87.5%;
  }
}