/* Common */
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);

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

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

.hrc-wrap {
  width: 350px;
}

.hrc-wrap section {
  margin: 0;
}

.hrc-wrap img {
  height: auto;
  max-width: 100%;
}

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

.hrc-wrap h1 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 125%;
  padding: 0 2.5%;
  text-align: center;
  width: 95%;
}

.hrc-wrap h2 {
  color: #f15724;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 125%;
  margin: 1rem 0 !important;
  padding: 0 2.5%;
  text-align: center;
  width: 95%;
}

.hrc-wrap h3 {
  color: #f15724;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  margin: 1.5rem 0;
  padding: 0 2.5%;
  text-align: center;
  width: 95%;
}

.hrc-wrap h4 {
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
}

.hrc-wrap p {
  font-family: Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 150%;
  padding: 0 2.5%;
  width: 95% !important;
}

.hrc-wrap a {
  color: #fff;
  text-decoration: none;
}

.hrc-wrap a:not(.hrc-button):hover,
.hrc-wrap a:not(.hrc-button):focus {
  color: #f15724;
}

.hrc-button {
  border: 2px solid #f15724;
  background-color: #f15724;
  border-radius: 3rem;
  color: #fff !important;
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  margin: auto;
  padding: .5rem 1rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  max-width: 14rem;
}


.hrc-button:after {
  content: '\203A';
  right: .5rem;
  font-size: 3rem;
  font-weight: 100;
  position: absolute;
  top: 0;
}

.hrc-wrap .hrc-button-white {
  background-color: #fff;
  border: 2px solid #fff;
  color: #f15724 !important;
}

.hrc-button:hover,
.hrc-button:focus {
  border-color: #aaa;
}

.hrc-wrap .spacer-bar {
  border-bottom: 3px solid #f15724;
  content: '';
  display: block;
  margin: .5rem auto !important;
  max-width: 33%;
}

.hrc-header {
  background: -webkit-gradient(linear, left top, right top, from(#eb7738), color-stop(25%, #ed853d), color-stop(50%, #ed843d), color-stop(75%, #ed853d), to(#eb7738) );
  background: -webkit-linear-gradient(left, #eb7738, #ed853d 25%, #ed843d 50%, #ed853d 75%, #eb7738 );
  background: -o-linear-gradient(left, #eb7738, #ed853d 25%, #ed843d 50%, #ed853d 75%, #eb7738 );
  background: linear-gradient(to right, #eb7738, #ed853d 25%, #ed843d 50%, #ed853d 75%, #eb7738 );
  background-color: #eb7738;
  color: #fff;
}

.hrc-header .hrc-header-content {
  background: no-repeat url('/img/a-dv/hrc/2018/bg-header.jpg') center top !important;
  background-size: cover !important;
  color: #fff !important;
  padding: 10rem 0 4rem 0 !important;
}

.hrc-header .hrc-header-content p {
  color: #fff !important;
}

.hrc-header figure {
  text-align: center;
}

.hrc-header .hrc-button {
  margin-top: 2rem;
}

.hrc-location {
  background: no-repeat url('/img/a-dv/hrc/2018/bg-location-guitar.png') 1rem 1rem;
  background-color: #fff !important;
}

.hrc-location .hrc-location-map {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: 350px !important;
  margin: 0 auto 2rem !important;
  outline: 1px solid #f15724;
  width: 100%;
}

.hrc-location .hrc-location-map iframe {
  margin: 0 !important;
  width: 100% !important;
}

.hrc-location .hrc-location-map-badge {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, left top, right top, from(#eb7738), color-stop(25%, #ed853d), color-stop(50%, #ed843d), color-stop(75%, #ed853d), to(#eb7738) );
  background: -webkit-linear-gradient(left, #eb7738, #ed853d 25%, #ed843d 50%, #ed853d 75%, #eb7738 );
  background: -o-linear-gradient(left, #eb7738, #ed853d 25%, #ed843d 50%, #ed853d 75%, #eb7738 );
  background: linear-gradient(to right, #eb7738, #ed853d 25%, #ed843d 50%, #ed853d 75%, #eb7738 );
  background-color: #f15724;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 100;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 3px;
  padding: .5rem;
  position: relative;
  right: -8.5rem;
  top: 3rem;
  width: 40px;
  z-index: 2;
}

.hrc-location .hrc-location-panels > div {
  color: #fff !important;
  margin: 1rem 0 !important;
}

.hrc-location .hrc-location-panels > div p {
  color: #fff !important;
}

.hrc-location .hrc-location-panel-text {
  background: no-repeat url('/img/a-dv/hrc/2018/style-location-panel-box.png') !important;
  background-size: 100% 100% !important;
}

.hrc-food {
  background: no-repeat url('/img/a-dv/hrc/2018/bg-food-utensils.png') 50% 0 !important;
  background-size: 80% !important;
}

.hrc-food .hrc-food-menu1,
.hrc-food .hrc-food-menu2 {
  border: 1px solid #000;
  border-radius: .5rem;
  margin: 10% 2.5% 2.5% !important;
  padding: 2.5% !important;
  width: 90% !important;
}

.hrc-food .hrc-food-badge {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #000 !important;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: 100;
  height: 10rem !important;
  left: 4rem;
  padding: .5rem !important;
  position: relative !important;
  bottom: 2rem;
  width: 10rem !important;
}

.hrc-food .hrc-food-badge > div {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  border: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100% !important;
  width: 100% !important;
}

.hrc-food .hrc-food-badge > div span {
  position: relative;
  bottom: 5rem;
  left: 4.5rem;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 30px solid #f15224;
}

/* Hide first br or p injected by WP after span */
.hrc-food .hrc-food-badge span + br,
.hrc-food .hrc-food-badge span + p {
  display: none;
}

.hrc-food .hrc-food-badge p {
  color: #fff !important;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  margin: 0 !important;
  position: relative;
  right: .5rem;
  text-align: center;
}

.hrc-food .hrc-food-badge-orange {
  background-color: #f15224 !important;
}

.hrc-food .hrc-food-badge-orange > div span {
  border-top-color: #000;
}

.hrc-food .hrc-food-panels > div {
  margin-bottom: 2rem !important;
}

.hrc-food .hrc-food-panel-text > p {
  margin: 5% 0 !important;
  padding: 0;
}

.hrc-food .hrc-food-title {
  border: 3px solid #000;
  border-left: 0;
  border-right: 0;
  padding: 2%;
}

.hrc-food-menu2 {
  border-color: #f15724;
}

.hrc-food-menu2 .hrc-food-title {
  border-color: #f15724;
}

.hrc-service {
  padding: 2.5%;
}

.hrc-service > div {
  border-bottom: 4px solid #f15724;
  border-top: 4px solid #f15724;
  margin: 2rem 0 !important;
}

.hrc-service img {
  width: 100%;
}

.hrc-service .hrc-service-badge {
  background: -webkit-gradient(linear, left top, right top, from(#eb7738), color-stop(25%, #ed853d), color-stop(50%, #ed843d), color-stop(75%, #ed853d), to(#eb7738) ) !important;
  background: -webkit-linear-gradient(left, #eb7738, #ed853d 25%, #ed843d 50%, #ed853d 75%, #eb7738 ) !important;
  background: -o-linear-gradient(left, #eb7738, #ed853d 25%, #ed843d 50%, #ed853d 75%, #eb7738 ) !important;
  background: linear-gradient(to right, #eb7738, #ed853d 25%, #ed843d 50%, #ed853d 75%, #eb7738 ) !important;
  background-color: #eb7738 !important;
  bottom: 2rem;
  color: #fff !important;
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  height: 2rem !important;
  line-height: 200%;
  padding: 0 0 0 1rem !important;
  position: relative !important;
  width: 13rem !important;
}

.hrc-service .hrc-service-badge:after {
  content: "";
  display: block;
  border-top: 1rem solid #eb7738;
  border-bottom: 1rem solid #eb7738;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  left: 13rem;
  position: absolute;
  top: 0;
}

.hrc-service p {
  margin: 1rem 0 !important;
}

.hrc-shop > p {
}

.hrc-shop-cards > div {
  background-color: #fff !important;
  margin: 1.5% 2.5% !important;
  width: 95% !important;
}

.hrc-shop-cards > div .hrc-shop-card-text {
  background: no-repeat url('/img/a-dv/hrc/2018/style-shop-box.png') bottom !important;
  background-size: 100% 100% !important;
  min-height: 180px;
}

.hrc-shop-cards > div img {
  background-color: #333 !important;
  width: 100%;
}

.hrc-shop-cards > div h4 {
  color: #f15724 !important;
  padding: 1rem 0;
}

.hrc-shop-cards > div p {
  color: #fff !important;
  margin: 1rem 10% !important;
  padding: 0 !important;
  width: 80% !important;
}

.hrc-museum-cards > div {
  background: no-repeat url('/img/a-dv/hrc/2018/style-museum-box.png') center !important;
  background-size: 100% 100% !important;
  border: 1px solid #f15724;
  border-radius: .5rem;
  margin: 2.5% !important;
  padding: 0 !important;
  width: 95% !important;
}

.hrc-museum-cards > div img {
  background-color: rgba(246,241,225,.5);
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  max-height: 400px;
  width: 100%;
}

.hrc-museum-cards > div h3 {
  border: 1px solid #f15724;
  border-left: 0;
  border-radius: 0;
  margin: 0;
  padding: 1rem 0 !important;
  width: 100% !important;
}

.hrc-museum-cards > div p {
  margin: 0 !important;
  min-height: 100px;
  padding: 5%;
  width: 90% !important;
}

.hrc-trivia > div {
  border-bottom: 4px solid #f15724;
  border-top: 4px solid #f15724;
  margin: 2rem 0 !important;
}

.hrc-trivia > div > img {
  width: 100%;
}

.hrc-trivia .hrc-trivia-badge {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, left top, right top, from(#eb7738), color-stop(25%, #ed853d), color-stop(50%, #ed843d), color-stop(75%, #ed853d), to(#eb7738) ) !important;
  background: -webkit-linear-gradient(left, #eb7738, #ed853d 25%, #ed843d 50%, #ed853d 75%, #eb7738 ) !important;
  background: -o-linear-gradient(left, #eb7738, #ed853d 25%, #ed843d 50%, #ed853d 75%, #eb7738 ) !important;
  background: linear-gradient(to right, #eb7738, #ed853d 25%, #ed843d 50%, #ed853d 75%, #eb7738 ) !important;
  background-color: #eb7738 !important;
  border-radius: 50%;
  bottom: 2rem;
  color: #fff !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Noto Sans JP", sans-serif;
  height: 50px !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 1rem;
  padding: .5rem !important;
  position: relative !important;
  text-align: center;
  width: 50px !important;
}

.hrc-trivia h3 {
  font-size: 1.25rem;
  line-height: 100%;
  margin: 0 0 1.5rem 0;
}

.hrc-speech .hrc-speech-bubble {
  position: relative !important;
  background-color: #eb7738 !important;
  border-radius: .4em;
  font-family: "Noto Sans JP", sans-serif;
  margin: 2.5% !important;
  padding: 2.5% !important;
  width: 90% !important;
}

.hrc-speech .hrc-speech-bubble:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top-color: #eb7738;
  border-bottom: 0;
  margin-left: -20px;
  margin-bottom: -20px;
}

.hrc-speech .hrc-speech-bubble p {
  color: #fff !important;
  margin: 0 !important;
}

.hrc-speech .hrc-speech-portrait {
  text-align: center;
}

.hrc-speech img {
  border-radius: 50%;
  margin: 5% auto !important;
  width: 75%;
}

.hrc-speech p {
  text-align: center;
}

.hrc-footer-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.hrc-footer-info address {
  background-color: #000;
  font-style: normal;
  -webkit-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
  padding: 1rem 2.5%;
}

.hrc-footer-info h4 {
  color: #f15724;
}

.hrc-footer-info p {
  color: #fff !important;
}

.hrc-footer-info div {
  background-color: #000 !important;
  -webkit-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
  padding: 2.5%;
}

.hrc-footer-info div > img {
  width: 100%;
}

.hrc-footer-info .hrc-button {
  margin: 3rem auto;
}

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

  .hrc-wrap {
    width: 900px;
  }

  .hrc-wrap h2 {
    font-size: 2rem;
    margin: 3rem 0 !important;
  }

  .hrc-wrap h2:before,
  .hrc-wrap h2:after {
    content: '';
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: no-repeat url('/img/a-dv/hrc/2018/style-header-wings.png') center !important;
    height: 2rem;
    margin: 0 1rem;
    width: 14%;
  }

  .hrc-wrap p {
    font-size: 1rem;
  }


  .hrc-food > p,
  .hrc-shop > p,
  .hrc-trivia > p,
  .hrc-museum > p {
    padding: 0 10%;
    width: 80% !important;
  }

  .hrc-header .hrc-header-content {
    background-size: 100% 100% !important;
    padding: 10% !important;
  }

  .hrc-location {
    background-position: 38rem 10rem;
  }

  .hrc-location .hrc-location-map-wrapper {
    margin: 0 0 4rem 0;
    padding: 0 10%;
  }

  .hrc-location .hrc-location-map-badge {
    font-size: 1.5rem;
    padding: 1.25rem;
    right: 4rem;
    top: 3rem;
  }

  .hrc-location .hrc-location-panels > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .hrc-location .hrc-location-panels .hrc-location-panels-text {
    padding: 5%;
  }

  .hrc-food {
      background-position: 35em 0rem !important;
      background-size: 35% !important;
  }

  .hrc-food .hrc-food-menu-top {
    display: block;
  }

  .hrc-food .hrc-food-badge {
    bottom: 5rem;
    left: 2rem;
  }

  .hrc-food .hrc-food-menu-top > p {
    display: inline-block;
    float: right;
    margin: 0 !important;
    padding: 0 !important;
    width: 65% !important;
  }

  .hrc-food .hrc-food-panels > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }

  .hrc-food .hrc-food-panels > div > img {
    -webkit-box-flex: 1;
        -ms-flex: 1 50%;
            flex: 1 50%;
  }

  .hrc-food .hrc-food-panels > div > .hrc-food-panel-text {
    -webkit-box-flex: 1;
        -ms-flex: 1 50%;
            flex: 1 50%;
  }

  .hrc-food .hrc-food-title {
    margin: 0 0 0 5%;
    padding: 0 0 0 5%;
  }

  .hrc-food .hrc-food-title h3 {
    margin: 0;
  }

  .hrc-food .hrc-food-panel-text > p {
    margin: 5% 5% 0 5% !important;
  }

  .hrc-food .hrc-food-panels > div:nth-of-type(2n) > img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .hrc-food .hrc-food-panels > div:nth-of-type(2n) > .hrc-food-panel-text {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .hrc-food .hrc-food-panels > div:nth-of-type(2n) .hrc-food-title {
    margin: 0 5% 0 0;
    padding: 0 5% 0 0;
  }  

  .hrc-food .hrc-food-panels > div:nth-of-type(2n) p {
    margin: 5% 5% 5% 0 !important;
  }

  .hrc-food .hrc-button {
    margin: 0 2.5% 0 auto;
  }
  
  .hrc-service {
    padding: 0 10%;
  }

  .hrc-shop .hrc-shop-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }

  .hrc-shop .hrc-shop-cards > div {
    -webkit-box-flex: 1;
        -ms-flex: 1 45%;
            flex: 1 45%;
  }

  .hrc-museum .hrc-museum-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }

  .hrc-museum-cards > div {
    border-radius: .5rem;
    -webkit-box-flex: 1;
        -ms-flex: 1 40%;
            flex: 1 40%;
    margin: 2.5% !important;
  }

  .hrc-trivia > div p {
    margin: 1rem 0 !important;
  }

  .hrc-speech {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .hrc-speech .hrc-speech-bubble {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 60%;
            flex: 1 60%;
    padding: 3rem !important;
  }

  .hrc-trivia > div {
    margin: 2rem auto !important;
    width: 80%;
  }

  .hrc-speech {
    margin: auto !important;
    width: 80%;
  }

  .hrc-speech .hrc-speech-bubble:after {
    left: 103%;
    top: 50%;
    border: 20px solid transparent;
    border-left-color: #eb7738;
    margin-top: -20px;
    margin-right: -20px;
  }

  .hrc-speech .hrc-speech-portrait {
    -webkit-box-flex: 1;
        -ms-flex: 1 30%;
            flex: 1 30%;
  }

  .hrc-footer-info address {
    -webkit-box-flex: 1;
        -ms-flex: 1 40%;
            flex: 1 40%;
  }

  .hrc-footer-info div {
    -webkit-box-flex: 1;
        -ms-flex: 1 50%;
            flex: 1 50%;
  }

  .hrc-footer-info h4 {
    text-align: left;
  }
  
  .hrc-footer-info p {
    font-size: .9rem;
    margin-bottom: .5rem;
  }

  .hrc-footer-info .hrc-button {
    margin: 2.5rem 0;
  }

}

/* OLD STYLES FOR COMPATIBILITY  01/28/2019 */
@media screen and (max-width:759px) {

  .entry-content img {
    clear: both;
    float: none;
    display: block !important;
    max-width: 300px;
    width: auto;
    opacity: 1 !important;
    height: auto;
    margin: 0 auto !important;
    padding: 10px 0;
    position: static !important;
  }
  .entry-content div {
    display: inline-block;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #333 !important;
    overflow: visible !important;
    height: auto !important;
    position: static !important;
    background: none !important;
  }

}