/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */

/* Common */
/* Hides injected WP p from lazy load fallback noscript */
img + p,
img + br,
noscript + p,
noscript + br {
  display: none !important;
}

#main-row-flow-detailpc #adv-content.wide_adv {
  padding: 0;
}

#main-row-flow-detail .container, 
#main-row-flow-detailpc .container {
  overflow: unset;
}

.hh-wrap {
  color: #401e1e;
  margin: auto;
  min-width: 310px;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.hh-wrap * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.hh-wrap img {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

.hh-wrap img, 
.hh-wrap iframe {
  border: 0;
  padding: 0;
}

.hh-wrap iframe {
  text-align: center;
}

.hh-wrap .hh-location iframe {
  height: 400px;
  padding: 0 5%;
  width: 100% !important;
}

.hh-wrap h1,
.hh-wrap h2,
.hh-wrap h3,
.hh-wrap h4 {
  font-family: "Noto Sans JP","Hiragino Kaku Gothic Pro",Osaka, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: normal;
  text-align: center;
}

.hh-wrap h3 {
  margin-bottom: 1rem;
}

.hh-wrap p {
  margin-bottom: 1rem;
}

.hh-wrap a {
  color: #401e1e;
  text-decoration: none;
}

.hh-wrap .hh-btn {
  background-color: #decb8b;
  color: #401e1e;
  display: inline-block;
  font-weight: 500;
  margin: 1rem auto;
  min-width: 10rem;
  padding: .5rem 1rem;
  text-decoration: none;
  position: relative;
  white-space: nowrap;
}

.hh-wrap .hh-btn:after {
  background: no-repeat url('/img/a-dv/hawaiianhost/2019/hh-btn-arrow.png');
  content: '';
  display: inline-block;
  height: 1rem;
  position: relative;
  right: -.5rem;
  top: .25rem;
  width: 1rem;
}

.txt-center {
  text-align: center;
}

.hh-wrap .hh-header-main {
  background: no-repeat url('/img/a-dv/hawaiianhost/2019/hh-main-header-bg.jpg');
  background-color: #ba9652;
  background-size: 100% 100%;
}

.hh-wrap .hh-header-main-title {
  background-color: #fff !important;
  padding: 2rem;
  text-align: center;
}

.hh-wrap .hh-header-main .hh-header-sub-text {
  color: #fff !important;
  font-size: 1em;
  font-weight: 300;
  margin: 0 !important;
  padding: .5rem;
}

.hh-wrap .hh-header-main-text {
  background: no-repeat url('/img/a-dv/hawaiianhost/2019/hh-section-header-bg.jpg');
  background-color: #401e1e;
  color: #fff;
  left: 0;
  margin: 1rem 0;
  padding: 1rem;
  text-align: center;
  top: -1.75rem;
  position: relative;
}

.hh-wrap .hh-header-main-text:before,
.hh-wrap .hh-header-main-text:after {
  background-position: center;
  background-repeat: repeat-x;
  background-size: cover;
  content: '';
  height: 1rem;
  left: 0;
  position: absolute;
  width: 100%;
}


.hh-wrap .hh-header-main-text:before {
  background-image: url('/img/a-dv/hawaiianhost/2019/hh-border-pattern-top.png');
  top: -1rem;
}

.hh-wrap .hh-header-main-text:after {
  background-image: url('/img/a-dv/hawaiianhost/2019/hh-border-pattern-bottom.png');
  bottom: -1rem;
}

.hh-wrap .hh-header-main-video p {
  color: #fff !important;
  padding: 1rem;
}

.hh-wrap .hh-header-main-video > div {
  padding-bottom: 4rem;
  text-align: center;
}

.hh-wrap .hh-header-flair {
  background: no-repeat url(/img/a-dv/hawaiianhost/2019/hh-header-flair.png);
  background-size: 100% 100%;
  font-size: 1.25rem;
  font-weight: 600;
  height: 5rem;
  line-height: 1.4;
  margin: 0 auto 1rem;
  padding: 1rem;
  text-align: center;
}

.hh-wrap .hh-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hh-wrap .hh-card {
  margin: .5rem;
  max-width: 18rem;
  position: relative;
}

.hh-wrap .hh-card .hh-card-img {
  border: 1px solid #401e1e;
}

.hh-wrap .hh-card .hh-card-img img {
  width: 100%;
}

.hh-wrap .hh-card .hh-card-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 2.5rem;
  margin: .5rem 0;
  padding: 0 .75rem;
  position: relative;
}

.hh-wrap .hh-card .hh-card-title h5 {
  font-weight: 800;
  font-size: .9rem;
}

.hh-wrap .hh-card .hh-card-title:before {
  content: '';
  background: no-repeat url('/img/a-dv/hawaiianhost/2019/hh-card-title-flair.png');
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 6px;
}

.hh-wrap .hh-section01-header {
  background: no-repeat url('/img/a-dv/hawaiianhost/2019/hh-section01-header-bg.png');
  background-size: 100% 100%;
  background-position-x: .5rem;
  position: relative;
  margin-bottom: 1rem;
  padding: 1rem 2rem 2rem;
}

.hh-wrap .hh-section01-header h2 {
  margin: 0;
}

.hh-wrap .hh-section01 p {
  padding: 1rem;
}

.hh-wrap .hh-islands {
  padding: 1rem;
  text-align: center;
}

.hh-wrap .hh-product-group {
  position: relative;
  z-index: 0;
  background: repeat url('/img/a-dv/hawaiianhost/2019/hh-bg-main.jpg');
  background-color: #dbcfc7;
}

.hh-wrap .hh-product-group:after {
  content: '';
  background: -o-linear-gradient(transparent, 20%, rgba(255,255,255,.75));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%), to(rgba(255,255,255,.75)));
  background: linear-gradient(transparent, 20%, rgba(255,255,255,.75));  
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.hh-wrap .hh-section02-header {
  background: no-repeat url('/img/a-dv/hawaiianhost/2019/hh-section-header-bg.jpg');
  background-color: #dbcfc7;
  background-size: 100% 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 2rem;
  padding: 0;
}

.hh-wrap .hh-section02-header-text {
  color: #fff !important;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 !important;
  padding: .5rem;
}

.hh-wrap .hh-section05-header,
.hh-wrap .hh-section06-header {
  font-size: 1rem;
  line-height: 1.2;
  line-break: normal;
  padding: .75rem 4rem;
}

.hh-wrap .hh-section07 {
  border: 2px solid #c8a813;
  border-radius: 1rem;
  margin: 4rem auto;
  position: relative;
}

.hh-wrap .hh-section07 h2 {
  margin: 0;
}

.hh-wrap .hh-section07-header {
  background: no-repeat url('/img/a-dv/hawaiianhost/2019/hh-text-bubble.png');
  background-size: 100% auto;
  color: #fff;
  font-size: .5rem;
  height: 4rem;
  padding: .75rem;
  padding-left: 3rem;
  position: absolute;
  text-align: center;
  top: -2rem;
}

.hh-wrap .hh-section07 p {
  padding: 2rem 1rem;
}

.hh-wrap .hh-section07 .hh-text-recipe-title {
  margin-bottom: 1rem;
  text-align: center;
}

.hh-wrap .hh-section08 {
  background: no-repeat url('/img/a-dv/hawaiianhost/2019/hh-bg-section08.jpg');
  background-size: 100% auto;
  border: 2px solid #401e1e;
  border-radius: 1rem;
  padding: 1rem;
  position: relative;
}

.hh-wrap .hh-section08 h2 {
  font-size: 1.5rem;
}

.hh-wrap .hh-section08-flower {
  text-align: center;
}

.hh-wrap .hh-section08 .hh-videos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.hh-wrap .hh-info {
  margin: 2rem auto;
}

.hh-wrap .hh-info-box {
  padding: 3rem 1rem;
  position: relative;
}

.hh-wrap .hh-info-box:before,
.hh-wrap .hh-info-box:after {
  background-position: center;
  background-repeat: repeat-x;
  background-size: cover;
  content: '';
  height: 1rem;
  left: 0;
  position: absolute;
  width: 100%;
}

.hh-wrap .hh-info-box:before {
  background-image: url('/img/a-dv/hawaiianhost/2019/hh-border-pattern-top.png');
  top: 0;
}

.hh-wrap .hh-info-box:after {
  background-image: url('/img/a-dv/hawaiianhost/2019/hh-border-pattern-bottom.png');
  bottom: 0;
}

.hh-wrap .hh-info .hh-logo {
  margin-bottom: 2rem;
  text-align: center;
}

.hh-wrap .hh-info-text p {
  margin: 0 !important;
}

.hh-wrap .hh-info .hh-footer-title {
  font-size: 1.2rem;
  font-weight: 600;
}

.hh-wrap .hh-info-img01,
.hh-wrap .hh-info-img02 {
  margin-bottom: 1rem;
  text-align: center;
}

.hh-wrap .hh-info ul {
  margin: 2rem auto;
  text-align: center;
}

.hh-wrap .hh-info ul li {
  display: inline-block;
}

/* Media Target <Med+ */
/*@media screen and (orientation: portrait) and (max-width: 759px)  {
  .entry-content .hh-wrap div {
    display: block;
  }

}
*/

/* Media Target >Medium+ */
@media screen and (min-width: 759px)  {

  .hh-wrap .hh-header-main-title img {
    max-width: 25rem;
  }

  .hh-wrap .hh-header-main-text {
    font-size: 1.5rem;
    margin: 1.5rem .5rem;
    top: 0;
  }

  .hh-wrap .hh-header-main-text:before,
  .hh-wrap .hh-header-main-text:after {
    background-position: initial;
  }

  .hh-wrap .hh-header-main-video p {
    margin: 2rem auto !important;
    width: 80%;
  }

  .hh-wrap .hh-section01-header-wrapper {
    display: inline-block;
    padding: 1rem;
    width: 60%;
  }

  .hh-wrap .hh-islands {
    display: inline-block;
    padding: 2rem 0;
    vertical-align: top;
    width: 35%;
  }

 .hh-wrap .hh-section01 {
    padding: 4rem 0;
  }  

  .hh-wrap .hh-section02 {
    background: bottom right / auto no-repeat url('/img/a-dv/hawaiianhost/2019/hh-section02-bg-flavor1.png');
  }

  .hh-wrap .hh-section03 {
    background: bottom 15% left / auto no-repeat url('/img/a-dv/hawaiianhost/2019/hh-section03-bg-flavor1.png'),
      bottom 40% right / auto no-repeat url('/img/a-dv/hawaiianhost/2019/hh-section03-bg-flavor2.png'),
      bottom right / auto no-repeat url('/img/a-dv/hawaiianhost/2019/hh-section03-bg-flavor3.png');
  }

  .hh-wrap .hh-section04 {
    background: top right / auto no-repeat url('/img/a-dv/hawaiianhost/2019/hh-section04-bg-flavor1.png');
  }

  .hh-wrap .hh-section05 {
    background: bottom left / auto no-repeat url('/img/a-dv/hawaiianhost/2019/hh-section05-bg-flavor1.png'),
      /*linear-gradient(transparent, 20%, rgba(255,255,255,.75)),*/
      bottom right / auto no-repeat url('/img/a-dv/hawaiianhost/2019/hh-section05-bg-flavor2.png');
  }

  .hh-wrap .hh-section02-header-text {
    font-size: 1.75rem;
    line-height: 1.4;
    padding: 2rem 1rem !important;
    text-align: left;
  }  

  .hh-wrap .hh-header-flair {
    width: 20rem;
  }

  .hh-wrap .hh-header-flair br {
    display: none;
  }

  .hh-wrap .hh-card {
    -webkit-box-flex: 1;
        -ms-flex: 1 33%;
            flex: 1 33%;
    margin: 1.5rem;
    max-width: 15rem;
  }

  .hh-wrap .hh-section05-header,
  .hh-wrap .hh-section06-header {
    background-image: url('/img/a-dv/hawaiianhost/2019/hh-header-flair-long.png');
    font-size: 1.25rem;
    padding: 1rem;
    width: 40rem;
  }

  .hh-wrap .hh-section06 {
    padding: 4rem 0;
  }

  .hh-wrap .hh-section05 > p,
  .hh-wrap .hh-section06 > p {
    margin: 0 auto;
    width: 80%;
  }

  .hh-wrap .hh-section06 .hh-full-image {
    padding: 1rem;
    text-align: center;
  }

  .hh-wrap .hh-section07 {
    margin: 7rem auto;
    padding: 5rem;
  }

  .hh-wrap .hh-section07-header {
    background-size: auto;
    background-position: top center;
    font-size: 1.1rem;
    height: 10rem;
    left: 0;
    padding: 1.5rem 1.5rem 1.5rem 6rem;
    top: -3rem;
    width: 100%;
  }

  .hh-wrap .hh-section08 {
    margin-bottom: 4rem;
    padding: 2rem;
  }

  .hh-wrap .hh-section08 h2{
    font-size: 1.75rem;
    margin-bottom: 2rem;
  }

  .hh-wrap .hh-section08 > p {
    width: 65%;
    margin: 0 auto 2rem;
  }

  .hh-wrap .hh-section08-flower {
    position: absolute;
    top: -5rem;
    left: 10rem;
  }

  .hh-wrap .hh-section08 .hh-videos > div {
    -webkit-box-flex: 46%;
        -ms-flex: 46%;
            flex: 46%;
    padding: 2%;
  }

  .hh-wrap .hh-section08 .hh-videos > div iframe {
    width: 100%;
  }

  .hh-wrap .hh-info-box div:not(.hh-btn) {
    display: inline-block;
    vertical-align: top;
    width: 15% !important;
  }

  .hh-wrap .hh-info-box .hh-info-img01,
  .hh-wrap .hh-info-box .hh-info-img02 {
    width: 20% !important;
  }

  .hh-wrap .hh-info .hh-info-box .hh-info-text {
    padding: 0 1rem;
    width: 44% !important;
  }

  .hh-wrap .hh-info .hh-info-box .hh-info-img02 {
    vertical-align: bottom;
  }

}