@charset "UTF-8";
/* CSS Document */
/* CSS Document */
html {
  font: 10px/1.5 "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  /* 基本文字設定 */
  *font-size: small;
  /* Win IE7およびWin IE6標準準拠モード向け */
  *font-size: x-small;
  /* Win IE 5-5.5､6(後方互換モード)向け */
  letter-spacing: 0;
  background-color: #fff;
  color: #fff;
  font-weight: normal; }

* {
  outline: none; }

a {
  color: #000;
  outline: none;
  text-decoration: none;
  transition: opacity 300ms ease-in-out; }
  a:after {
    text-decoration: none; }
  a:hover, a:focus {
    opacity: 0.8; }
    a:hover img, a:focus img {
      opacity: 0.8; }
  a:focus-visible {
    outline: dotted 2px #000;
    outline-offset: -2px;
    color: #00633D;
    box-shadow: 0 0 0 2px #00633D; }
  a img {
    background: url(../image/share/transparent.png);
    transition: opacity 300ms ease-in-out; }
  .main-wpcontent a {
    color: #828181;
    text-decoration: underline; }

/* ============================================ */
/*ヘッター*/
/* ============================================ */
#header {
  z-index: 400;
  width: 100%;
  height: 120px;
  background-color: #fff; }
  @media screen and (max-width: 600px) {
    #header {
      height: 26.667vw; } }
  #header__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1260px;
    height: 120px;
    margin: 0 auto;
    padding: 0 30px; }
    @media screen and (max-width: 600px) {
      #header__inner {
        height: 26.667vw;
        max-width: inherit;
        padding: 0 5.333vw; } }

#identity-area {
  flex: 0 0 200px;
  margin: 0 auto;
  line-height: 1; }
  #identity-area img {
    width: 100%;
    height: auto; }

/* ============================================ */
/*メインビジュアル*/
/* ============================================ */
#mainScroll {
  overflow-x: hidden; }

main {
  position: relative; }

#main {
  margin: 0 0 60px; }
  @media screen and (max-width: 600px) {
    #main {
      margin-bottom: 10.667vw; } }
  #main__inner {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto; }
    @media screen and (max-width: 600px) {
      #main__inner {
        max-width: inherit; } }
    #main__inner h1 {
      inline-height: 1; }
      #main__inner h1 img {
        object-fit: cover;
        width: 100%;
        height: 500px; }
        @media screen and (max-width: 1055px) {
          #main__inner h1 img {
            width: 100%;
            height: auto; } }

/* ============================================ */
/*導入文とフェア詳細*/
/* ============================================ */
#intro {
  margin: 0 0 55px;
  padding: 0; }
  @media screen and (max-width: 600px) {
    #intro {
      margin-bottom: 10.667vw; } }
  #intro__inner {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 30px; }
    @media screen and (max-width: 600px) {
      #intro__inner {
        max-width: inherit;
        padding: 0 5.333vw; } }
    #intro__inner .intro--text01 {
      text-align: center;
      margin: 0 0 38px;
      font-size: 43px;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 1.512;
      color: #000; }
      @media screen and (max-width: 600px) {
        #intro__inner .intro--text01 {
          font-size: 6.4vw;
          line-height: 1.5;
          margin-bottom: 5.334vw; } }
      #intro__inner .intro--text01 span {
        display: inline-block; }
        @media screen and (max-width: 600px) {
          #intro__inner .intro--text01 span {
            display: block; } }
    #intro__inner .intro--text02 {
      max-width: 970px;
      margin: 0 auto 36px;
      text-align: center;
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0;
      line-height: 1.5;
      color: #000; }
      @media screen and (max-width: 600px) {
        #intro__inner .intro--text02 {
          max-width: inherit;
          font-size: 3.773vw;
          margin-bottom: 8vw; } }
    #intro__inner .intro--period {
      max-width: 970px;
      padding: 18px 20px;
      margin: 0 auto 85px;
      background-color: #AA8534;
      display: flex;
      flex-wrap: wrap;
      gap: 0 25px;
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 600px) {
        #intro__inner .intro--period {
          gap: 1.334vw 0;
          max-width: inherit;
          width: 100%;
          padding: 2.667vw 0;
          margin-bottom: 10.667vw; } }
      #intro__inner .intro--period dt {
        padding: 10px 20px;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: 0;
        background-color: #fff;
        color: #AA8534; }
        @media screen and (max-width: 600px) {
          #intro__inner .intro--period dt {
            padding: 1.334vw 6.667vw;
            font-size: 3.2vw;
            line-height: 1.75; } }
      #intro__inner .intro--period dd {
        font-size: 30px;
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: 0;
        color: #fff; }
        @media screen and (max-width: 600px) {
          #intro__inner .intro--period dd {
            font-size: 4.8vw;
            line-height: 1.667; } }

/* ============================================ */
/*ナビゲーション*/
/* ============================================ */
#nav {
  margin: 0 0 82px;
  padding: 0; }
  @media screen and (max-width: 600px) {
    #nav {
      margin-bottom: 13.334vw; } }
  #nav__inner {
    margin: 0 auto;
    padding: 0 30px; }
    @media screen and (max-width: 600px) {
      #nav__inner {
        padding: 0; } }

#nav-list {
  max-width: 850px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 1360px) {
    #nav-list {
      gap: 0 30px; } }
  @media screen and (max-width: 600px) {
    #nav-list {
      max-width: inherit;
      gap: 0; } }
  #nav-list .nav-list--link {
    flex: 0 1 385px;
    height: 90px; }
    @media screen and (max-width: 600px) {
      #nav-list .nav-list--link {
        flex: 0 0 50%;
        height: 22.934vw; } }
    #nav-list .nav-list--link a {
      padding: 0 20px;
      display: flex;
      width: 100%;
      height: 100%;
      justify-content: space-between;
      align-items: center; }
      #nav-list .nav-list--link a:where(.nav-list--hidagyu *) {
        background-color: #C81525; }
      #nav-list .nav-list--link a:where(.nav-list--ayu *) {
        background-color: #7FCAF1; }
      @media screen and (max-width: 1360px) {
        #nav-list .nav-list--link a {
          font-size: 21px; } }
      @media screen and (max-width: 600px) {
        #nav-list .nav-list--link a {
          flex-direction: column;
          justify-content: center;
          font-size: 4.8vw; } }
      #nav-list .nav-list--link a img {
        width: auto;
        height: 80px; }
        @media screen and (max-width: 600px) {
          #nav-list .nav-list--link a img {
            height: 10.667vw; } }
      #nav-list .nav-list--link a::after {
        content: "";
        display: inline-block;
        background: url("../image/share/chevron.svg") center center no-repeat;
        background-size: contain;
        flex: 0 0 24px;
        height: 13px;
        margin-top: 14px; }
        @media screen and (max-width: 1360px) {
          #nav-list .nav-list--link a::after {
            flex: 0 0 18px;
            height: 10px; } }
        @media screen and (max-width: 600px) {
          #nav-list .nav-list--link a::after {
            display: block;
            width: 100%;
            height: 3.2vw;
            margin-top: 1.334vw; } }

/* ============================================ */
/*飛騨牛フェア・鮎フェア　見出しとテキスト*/
/* ============================================ */
.category {
  padding: 80px 0 100px; }
  @media screen and (max-width: 600px) {
    .category {
      padding: 16vw 0 13.333vw; } }
  .category:where(#hidagyu) {
    background-color: #C81525; }
  .category:where(#ayu) {
    background-color: #7FCAF1; }
  .category__inner {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 30px; }
    @media screen and (max-width: 600px) {
      .category__inner {
        max-width: inherit;
        padding: 0 5.333vw; } }

.category--title {
  text-align: center;
  line-height: 1;
  margin: 0 0 60px;
  width: 1920px;
  margin-left: calc(50% - 960px);
  background-repeat: no-repeat;
  background-position: top center; }
  @media screen and (max-width: 600px) {
    .category--title {
      margin-bottom: 5.3vw;
      margin-left: 0;
      width: 100%; } }
  .category--title:where(#hidagyu *) {
    background-image: url("../image/share/backdesign-hidagyu.svg");
    background-size: 1920px; }
    @media screen and (max-width: 600px) {
      .category--title:where(#hidagyu *) {
        background: none; } }
  .category--title:where(#ayu *) {
    background-image: url("../image/share/backdesign-ayu.svg");
    background-size: 1920px; }
    @media screen and (max-width: 600px) {
      .category--title:where(#ayu *) {
        background: none; } }
  .category--title img {
    width: 350px;
    max-width: 100%;
    height: auto; }
    @media screen and (max-width: 600px) {
      .category--title img {
        max-width: inherit;
        width: 46.667vw; } }
.category--text01 {
  margin: 0 auto 70px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5; }
  @media screen and (max-width: 600px) {
    .category--text01 {
      margin-bottom: 10.667vw;
      font-size: 3.733vw; } }
  .category--text01:where(#ayu *) {
    color: #000; }

/* ============================================ */
/*飛騨牛と岐阜の鮎　説明文*/
/* ============================================ */
.category-description {
  margin: 0 auto 60px;
  display: grid;
  grid-template-columns: 1fr 2fr; }
  @media screen and (max-width: 1055px) {
    .category-description {
      display: flex;
      flex-direction: column; } }
  @media screen and (max-width: 600px) {
    .category-description {
      margin: 0 auto 8vw; } }
  .category-description:where(.hidagyu-description) {
    background: #84000C; }
  .category-description:where(.ayu-description) {
    background: #54A2C9; }
  .category-description--title {
    grid-row: 1;
    grid-column: 2;
    padding: 0 0 15px 0;
    margin: 40px 35px 15px 40px;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.125;
    border-bottom: 1px solid #fff; }
    @media screen and (max-width: 600px) {
      .category-description--title {
        font-size: 4.8vw;
        line-height: 1.5;
        padding-bottom: 4vw;
        margin: 6.667vw 6.667vw 4vw 6.667vw;
        border-bottom: 0.267vw solid #fff; } }
  .category-description--text {
    grid-row: 2;
    grid-column: 2;
    padding: 0;
    margin: 0 40px 40px;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.75; }
    @media screen and (max-width: 600px) {
      .category-description--text {
        font-size: 3.73vw;
        line-height: 1.5;
        margin: 0vw 6.667vw 6.667vw 6.667vw; } }
  .category-description--img {
    grid-row: 1 / 3;
    grid-column: 1;
    width: 100%;
    height: 197px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: auto; }
    @media screen and (max-width: 1055px) {
      .category-description--img {
        order: -1;
        margin: 35px 0 0px;
        height: auto; } }
    @media screen and (max-width: 600px) {
      .category-description--img {
        margin: 0;
        flex: 0 0 44vw; } }
    .category-description--img img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
      @media screen and (max-width: 1055px) {
        .category-description--img img {
          height: 100%; } }
      @media screen and (max-width: 1055px) {
        .category-description--img img {
          width: auto;
          height: 100%; } }
      @media screen and (max-width: 600px) {
        .category-description--img img {
          width: 100%;
          height: auto; } }

/* ============================================ */
/*フェア対象商品一覧　外枠*/
/* ============================================ */
.category-item-list__outer {
  position: relative; }
  @media screen and (max-width: 1360px) {
    .category-item-list__outer {
      margin: 0 45px; } }
  @media screen and (max-width: 1055px) {
    .category-item-list__outer {
      margin: 0 auto;
      padding: 0; } }

.category-item-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  position: relative; }
  @media screen and (max-width: 1360px) {
    .category-item-list {
      justify-content: center; } }
  @media screen and (max-width: 600px) {
    .category-item-list {
      justify-content: space-between;
      gap: 4vw 0; } }

/*各リストの調整*/
#hidagyu-item-list--restaurant, #ayu-item-list--restaurant {
  margin: 0 auto 53px; }
  @media screen and (max-width: 600px) {
    #hidagyu-item-list--restaurant, #ayu-item-list--restaurant {
      margin-bottom: 13.334vw; } }

@media screen and (max-width: 1360px) {
  #hidagyu-item-list--restaurant::before, #hidagyu-item-list--restaurant::after {
    content: "";
    flex: 0 0 270px;
    order: 2; } }
@media screen and (max-width: 949px) {
  #hidagyu-item-list--restaurant::after {
    display: none; } }
@media screen and (max-width: 1055px) {
  #hidagyu-item-list--restaurant::before {
    display: block; } }
@media screen and (max-width: 639px) {
  #hidagyu-item-list--restaurant::before {
    display: none; } }
#hidagyu-item-list--restaurant li:nth-child(4) {
  position: relative; }
  #hidagyu-item-list--restaurant li:nth-child(4)::after {
    content: "";
    position: absolute;
    width: 66px;
    height: 600px;
    top: 0;
    display: block;
    right: -66px;
    background: url("../image/share/backtext-hidagyu.svg") center top no-repeat;
    background-size: 100% auto; }
    @media screen and (max-width: 1360px) {
      #hidagyu-item-list--restaurant li:nth-child(4)::after {
        display: none; } }
#hidagyu-item-list--restaurant li:nth-child(3) {
  position: relative; }
  @media screen and (max-width: 1360px) {
    #hidagyu-item-list--restaurant li:nth-child(3)::after {
      right: -66px;
      background: url("../image/share/backtext-hidagyu.svg") center top no-repeat;
      background-size: 100% auto;
      content: "";
      position: absolute;
      width: 66px;
      height: 600px;
      top: 0;
      display: block; } }
  @media screen and (max-width: 1360px) and (max-width: 1055px) {
    #hidagyu-item-list--restaurant li:nth-child(3)::after {
      display: none; } }

@media screen and (max-width: 1360px) {
  #hidagyu-item-list--sales::before, #hidagyu-item-list--sales::after {
    content: "";
    flex: 0 0 270px;
    order: 2; } }
@media screen and (max-width: 949px) {
  #hidagyu-item-list--sales::before, #hidagyu-item-list--sales::after {
    display: none; } }

#ayu-item-list--restaurant {
  justify-content: center; }
  @media screen and (max-width: 600px) {
    #ayu-item-list--restaurant {
      justify-content: space-between; } }
  @media screen and (max-width: 949px) {
    #ayu-item-list--restaurant::before {
      content: "";
      flex: 0 0 270px;
      order: 2; } }
  @media screen and (max-width: 639px) {
    #ayu-item-list--restaurant::before {
      display: none; } }
  #ayu-item-list--restaurant li:nth-child(1) {
    position: relative; }
    #ayu-item-list--restaurant li:nth-child(1)::after {
      content: "";
      position: absolute;
      width: 66px;
      height: 600px;
      top: 0;
      display: block;
      left: -66px;
      background: url("../image/share/backtext-ayu.svg") center top no-repeat;
      background-size: 100% auto; }
      @media screen and (max-width: 1055px) {
        #ayu-item-list--restaurant li:nth-child(1)::after {
          display: none; } }

#ayu-item-list--sales {
  max-width: 890px;
  justify-content: center;
  margin: 0 auto; }
  @media screen and (max-width: 1360px) {
    #ayu-item-list--sales {
      max-width: inherit;
      width: 100%; } }
  @media screen and (max-width: 600px) {
    #ayu-item-list--sales {
      justify-content: space-between; } }
  #ayu-item-list--sales::before {
    content: "";
    flex: 0 0 270px;
    order: 2; }
    @media screen and (max-width: 639px) {
      #ayu-item-list--sales::before {
        display: none; } }

.category-item-list--text {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
  margin: 0 auto 32px;
  text-align: center; }
  .category-item-list--text:where(#ayu *) {
    color: #000; }
  @media screen and (max-width: 600px) {
    .category-item-list--text {
      font-size: 4.8vw;
      line-height: 1.444;
      margin-bottom: 8vw; } }

/* ============================================ */
/*◇◆一覧詳細とポップアップの共通CSSクラス◇◆*/
/* ============================================ */
/*カテゴリー*/
.category-item-list li .category-item-list--cat, .hidden-content__inner .hidden-content--cat {
  align-self: flex-start;
  padding: 2px 20px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0;
  color: #fff; }
  @media screen and (max-width: 600px) {
    .category-item-list li .category-item-list--cat, .hidden-content__inner .hidden-content--cat {
      padding: 0.533vw 5.333vw;
      border-radius: 13.333vw;
      font-size: 2.934vw;
      line-height: 1.636; } }

.cat-title--restaurant {
  background: #FD8D51; }
.cat-title--foodsales {
  background: #F04876; }
.cat-title--productsales {
  background: #295FC6; }

/*タイトル*/
/*施設名*/
.category-item-list li .category-item-list--place, .hidden-content__inner .hidden-content--place {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1.5;
  margin-bottom: 9px; }
  @media screen and (max-width: 600px) {
    .category-item-list li .category-item-list--place, .hidden-content__inner .hidden-content--place {
      font-size: 2.934vw;
      margin-bottom: 2.4vw; } }

.place-text--linebreak {
  display: block; }

/*店舗名*/
.category-item-list li .category-item-list--shopname, .hidden-content__inner .hidden-content--shop {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1.5; }
  @media screen and (max-width: 600px) {
    .category-item-list li .category-item-list--shopname, .hidden-content__inner .hidden-content--shop {
      font-size: 3.2vw;
      line-height: 1.5; } }

.shopname-text--small {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1.5;
  display: inline-block; }
  @media screen and (max-width: 600px) {
    .shopname-text--small {
      font-size: 2.934vw; } }
.shopname-text--space {
  margin-left: 0.3vw; }
  @media screen and (max-width: 600px) {
    .shopname-text--space {
      margin-left: 1vw; }
      .shopname-text--space:where(.category-item-list--shopname *) {
        margin-left: 0em; }
      .shopname-text--space:where(.shopname-text--space--sp) {
        margin-left: 0.5vw; } }
.shopname-text--linebreak {
  width: 100%;
  display: inline-block; }
@media screen and (max-width: 600px) {
  .shopname-text--linebreak--sp {
    width: 100%;
    display: inline-block; } }

/* ============================================ */
/*フェア対象商品一覧　詳細*/
/* ============================================ */
.category-item-list li {
  margin: 0;
  padding: 0;
  flex: 0 0 270px;
  min-height: 460px;
  background: #fff; }
  @media screen and (max-width: 600px) {
    .category-item-list li {
      flex: 0 0 42.667vw;
      min-height: 80vw; } }
  .category-item-list li a {
    position: relative;
    display: block;
    height: 100%; }
    .category-item-list li a::after {
      position: absolute;
      right: 20px;
      bottom: 20px;
      transition: all 0.5s ease;
      content: "";
      background-image: url("../image/share/modal_icon.svg");
      background-repeat: no-repeat;
      background-size: contain;
      display: block;
      width: 15px;
      height: 15px; }
      @media screen and (max-width: 600px) {
        .category-item-list li a::after {
          right: 2.667vw;
          bottom: 2.667vw;
          width: 4vw;
          height: 4vw; } }
    .category-item-list li a:hover dl dd img {
      transform: scale(1.1, 1.1); }
      @media screen and (max-width: 600px) {
        .category-item-list li a:hover dl dd img {
          transform: none; } }
    .category-item-list li a:hover::after {
      transform: rotate(90deg); }
      @media screen and (max-width: 600px) {
        .category-item-list li a:hover::after {
          transform: none; } }
  .category-item-list li dl {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 0 45px; }
    @media screen and (max-width: 600px) {
      .category-item-list li dl {
        padding-bottom: 9.333vw; } }
  .category-item-list li .category-item-list--title {
    flex: 1 1 0;
    font-size: 22px;
    font-weight: normal;
    letter-spacing: 0.1em;
    line-height: 1.5;
    margin: 0 20px 15px; }
    @media screen and (max-width: 600px) {
      .category-item-list li .category-item-list--title {
        font-size: 4vw;
        line-height: 1.4;
        margin: 0 2.667vw 4vw; } }
  .category-item-list li .category-item-list--cat {
    order: -1;
    margin: 0 20px 10px; }
    @media screen and (max-width: 600px) {
      .category-item-list li .category-item-list--cat {
        margin: 0 2.667vw 1.333vw; } }
  .category-item-list li .category-item-list--shopinfo {
    margin: 0 20px; }
    @media screen and (max-width: 600px) {
      .category-item-list li .category-item-list--shopinfo {
        margin: 0 2.667vw; } }
  .category-item-list li .category-item-list--place {
    display: inline-block;
    width: 100%;
    margin: 0 0 5px; }
    @media screen and (max-width: 600px) {
      .category-item-list li .category-item-list--place {
        margin-bottom: 1.334vw; } }
  .category-item-list li .category-item-list--shopname {
    display: inline-block;
    width: 100%; }
  .category-item-list li .category-item-list--image {
    order: -2;
    width: 270px;
    height: 240px;
    margin: 0 0 20px;
    overflow: hidden; }
    @media screen and (max-width: 600px) {
      .category-item-list li .category-item-list--image {
        width: 100%;
        height: auto;
        margin-bottom: 2.667vw; } }
    .category-item-list li .category-item-list--image img {
      transition: all 0.5s ease;
      width: 100%;
      height: auto; }

.hidden-content {
  width: 100%;
  max-width: 1120px;
  min-height: 600px;
  padding: 100px 40px 40px; }
  @media screen and (max-width: 1055px) {
    .hidden-content {
      max-width: inherit;
      width: 80%;
      min-height: 80vh; } }
  @media screen and (max-width: 600px) {
    .hidden-content {
      width: 89.333vw;
      padding: 14.667vw 4vw 5.333vw; } }
  .hidden-content .fancybox-close-small {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 40px;
    right: 40px;
    width: 60px;
    height: 60px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    z-index: 10;
    cursor: pointer; }
    @media screen and (max-width: 1055px) {
      .hidden-content .fancybox-close-small {
        top: 20px;
        right: 20px; } }
    @media screen and (max-width: 600px) {
      .hidden-content .fancybox-close-small {
        top: 5.333vw;
        right: 4vw;
        width: 5.333vw;
        height: 5.333vw; } }
    .hidden-content .fancybox-close-small:hover {
      color: #555;
      background: #eee; }
    .hidden-content .fancybox-close-small svg {
      display: none; }
    .hidden-content .fancybox-close-small::after {
      content: "";
      display: block;
      width: 40px;
      height: 40px;
      background-image: url(../image/share/close_icon.svg);
      background-size: auto;
      background-repeat: no-repeat;
      background-color: transparent;
      transition: background-color .25s;
      box-sizing: border-box; }
      @media screen and (max-width: 600px) {
        .hidden-content .fancybox-close-small::after {
          width: 5.333vw;
          height: 5.333vw;
          background-size: contain; } }
  .hidden-content__inner {
    display: flex;
    flex-direction: row-reverse;
    gap: 0 30px;
    color: #000; }
    @media screen and (max-width: 1055px) {
      .hidden-content__inner {
        flex-direction: column-reverse;
        justify-content: flex-start; } }
    .hidden-content__inner .hidden-content--textarea {
      flex: 0 0 470px;
      display: flex;
      flex-direction: column; }
      @media screen and (max-width: 1055px) {
        .hidden-content__inner .hidden-content--textarea {
          flex: 1 1 0; } }
    .hidden-content__inner .hidden-content--title {
      font-size: 36px;
      font-weight: normal;
      letter-spacing: 0;
      line-height: 1.5;
      margin: 0 0 40px; }
      @media screen and (max-width: 600px) {
        .hidden-content__inner .hidden-content--title {
          font-size: 5.333vw;
          margin-bottom: 5.333vw; } }
    .hidden-content__inner .hidden-content--cat {
      order: -1;
      margin: 0 0 10px; }
      @media screen and (max-width: 600px) {
        .hidden-content__inner .hidden-content--cat {
          margin-bottom: 2.667vw; } }
    .hidden-content__inner .hidden-content--price {
      font-size: 20px;
      font-weight: normal;
      letter-spacing: 0;
      line-height: 1.5;
      margin: 0 0 10px; }
      @media screen and (max-width: 600px) {
        .hidden-content__inner .hidden-content--price {
          font-size: 4.8vw;
          margin-bottom: 2.667vw; } }
      .hidden-content__inner .hidden-content--price--text {
        font-size: 20px;
        font-weight: normal;
        letter-spacing: 0;
        line-height: 1.5;
        margin-bottom: 0px; }
        @media screen and (max-width: 600px) {
          .hidden-content__inner .hidden-content--price--text {
            font-size: 4.8vw; } }
    .hidden-content__inner .hidden-content--time {
      font-size: 14px;
      font-weight: normal;
      letter-spacing: 0;
      line-height: 1.5;
      margin: 0 0 40px; }
      @media screen and (max-width: 600px) {
        .hidden-content__inner .hidden-content--time {
          font-size: 3.733vw;
          margin-bottom: 5.333vw; } }
      .hidden-content__inner .hidden-content--time--note {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1;
        margin: 10px 0 0;
        padding: 0; }
        @media screen and (max-width: 600px) {
          .hidden-content__inner .hidden-content--time--note {
            font-size: 3.2vw;
            margin-top: 1.333vw; } }
        .hidden-content__inner .hidden-content--time--note > li + li {
          margin-top: 5px; }
          @media screen and (max-width: 600px) {
            .hidden-content__inner .hidden-content--time--note > li + li {
              margin-top: 0.8vw; } }
        .hidden-content__inner .hidden-content--time--note > li::before {
          content: "※"; }
    .hidden-content__inner .hidden-content--text {
      font-size: 16px;
      font-weight: normal;
      letter-spacing: 0;
      line-height: 1.5;
      margin: 0 0 20px;
      padding: 0 0 20px;
      border-bottom: 1px solid #CCC; }
      @media screen and (max-width: 600px) {
        .hidden-content__inner .hidden-content--text {
          font-size: 3.733vw;
          margin-bottom: 5.333vw;
          padding-bottom: 5.333vw; } }
      .hidden-content__inner .hidden-content--text--note {
        display: block;
        text-align: justify;
        text-justify: inter-ideograph;
        font-size: 14px;
        font-weight: normal;
        letter-spacing: 0;
        line-height: 1.5;
        margin: 0.5em 0 0; }
        .hidden-content__inner .hidden-content--text--note::before {
          content: "※"; }
        @media screen and (max-width: 600px) {
          .hidden-content__inner .hidden-content--text--note {
            font-size: 3.2vw; } }
    .hidden-content__inner .hidden-content--place {
      font-size: 12px;
      margin: 0 0 9px; }
      @media screen and (max-width: 600px) {
        .hidden-content__inner .hidden-content--place {
          font-size: 3.2vw;
          margin-bottom: 2.4vw; } }
    .hidden-content__inner .hidden-content--shop {
      font-size: 16px;
      margin: 0 0 3px; }
      @media screen and (max-width: 600px) {
        .hidden-content__inner .hidden-content--shop {
          font-size: 4.267vw;
          margin-bottom: 0.8vw; } }
    .hidden-content__inner .hidden-content--tel {
      font-size: 14px;
      font-weight: normal;
      letter-spacing: 0;
      line-height: 1.5; }
      @media screen and (max-width: 600px) {
        .hidden-content__inner .hidden-content--tel {
          font-size: 3.734vw; } }
    .hidden-content__inner .hidden-content--imagearea {
      flex: 0 1 540px; }
      @media screen and (max-width: 1055px) {
        .hidden-content__inner .hidden-content--imagearea {
          flex: 1 1 0;
          text-align: center;
          margin: 0 0 40px; } }
      @media screen and (max-width: 600px) {
        .hidden-content__inner .hidden-content--imagearea {
          flex: 1 1 100%;
          margin-bottom: 5.6vw; } }
      .hidden-content__inner .hidden-content--imagearea img {
        width: 100%;
        height: auto; }
        @media screen and (max-width: 1055px) {
          .hidden-content__inner .hidden-content--imagearea img {
            width: 80%; } }
        @media screen and (max-width: 600px) {
          .hidden-content__inner .hidden-content--imagearea img {
            width: 100%; } }

.category-item-list--text {
  text-align: center;
  padding: 8px 20px;
  border-radius: 30px;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0; }
  .category-item-list--text:where(#hidagyu *) {
    background-color: #84000C; }
  .category-item-list--text:where(#ayu *) {
    background-color: #54A2C9;
    color: #fff; }
  @media screen and (max-width: 600px) {
    .category-item-list--text {
      padding: 4vw 0;
      border-radius: 8vw;
      font-size: 4.267vw;
      font-weight: 500; } }

/*デフォルト以外のポップアップテンプレート*/
/*.hidden-content-list{ //#ayu-list01
  &--title{
    font-size: 18px;
    font-weight: $fw_bold;
    letter-spacing: 0;
    line-height: 1.5;
    margin: 0 0 5px;
    @include mq('sm') {
      font-size: 4.8vw;
    }
  }
  &--price{
    font-size: 18px;
    font-weight: $fw_normal;
    letter-spacing: 0;
    line-height: 1.5;
    margin: 0 0 5px;
    @include mq('sm') {
      font-size: 4.8vw;
    }
  }
  &--description{
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.5;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #CCCCCC;
    @include mq('sm') {
      font-size: 3.733vw;
      margin-bottom: 5.333vw;
      padding-bottom: 5.333vw;
    }
  }
}*/
/* ============================================ */
/*フッター*/
/* ============================================ */
#pagetop {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 300; }
  #pagetop a {
    display: block;
    width: 70px;
    height: 70px;
    background: #AA8534 url("../image/share/pagetop_icon.svg") center center no-repeat;
    background-size: 26px auto; }
    @media screen and (max-width: 600px) {
      #pagetop a {
        display: none; } }

#footer {
  position: relative;
  background: #fff;
  margin: 80px 0 0;
  padding: 0; }
  @media screen and (max-width: 600px) {
    #footer {
      margin-top: 13.334vw; } }
  #footer__inner {
    max-width: 1260px;
    margin: 0 auto 40px;
    padding: 0 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 1360px) {
      #footer__inner {
        padding: 0 30px;
        justify-content: space-around;
        gap: 60px 50px; } }
    @media screen and (max-width: 600px) {
      #footer__inner {
        flex-direction: column;
        justify-content: flex-start;
        flex-wrap: nowrap;
        padding: 0 5.333vw;
        gap: 13.334vw 0;
        max-width: inherit; } }
    #footer__inner .footer-note {
      flex: 0 0 100%;
      font-size: 14px;
      text-align: center;
      color: #000;
      margin: 100px 0 0; }
      @media screen and (max-width: 600px) {
        #footer__inner .footer-note {
          flex: 0 0 auto;
          font-size: 3.2vw;
          margin-top: 0; } }

#footer--leftarea {
  flex: 0 0 530px; }
  @media screen and (max-width: 1360px) {
    #footer--leftarea {
      flex: 0 1 560px; } }
  @media screen and (max-width: 600px) {
    #footer--leftarea {
      flex: 0 0 auto; } }
  #footer--leftarea .footer--copy {
    font-size: 22px;
    letter-spacing: 0.1em;
    color: #000;
    margin: 0 0 40px;
    padding: 0 0 10px;
    border-bottom: 1px solid #828181; }
    @media screen and (max-width: 600px) {
      #footer--leftarea .footer--copy {
        font-size: 4.267vw;
        margin-bottom: 5.333vw;
        padding-bottom: 2.667vw; } }

#footer--leftbox {
  position: relative;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 600px) {
    #footer--leftbox {
      display: block; } }
  @media screen and (max-width: 1360px) {
    #footer--leftbox::before {
      position: absolute;
      content: "";
      display: block;
      left: 50%;
      top: 0;
      bottom: 0;
      width: 1px;
      background: #828181; } }
  @media screen and (max-width: 600px) {
    #footer--leftbox::before {
      display: none; } }
  #footer--leftbox .footer--address {
    flex: 0 0 245px;
    padding: 0 45px 0 0;
    border-right: 1px solid #828181; }
    @media screen and (max-width: 1360px) {
      #footer--leftbox .footer--address {
        flex: 0 0 220px;
        border: none;
        padding: 0; } }
    @media screen and (max-width: 600px) {
      #footer--leftbox .footer--address {
        flex: none; } }
    #footer--leftbox .footer--address > dl {
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column; }
    #footer--leftbox .footer--address dt {
      order: 2;
      font-weight: 500;
      font-size: 20px;
      color: #00633D;
      margin: 0 0 5px; }
      @media screen and (max-width: 600px) {
        #footer--leftbox .footer--address dt {
          font-size: 4.8vw;
          text-align: center;
          margin-bottom: 2.667vw; } }
    #footer--leftbox .footer--address--logo {
      order: 1;
      margin: 0 0 20px; }
      @media screen and (max-width: 600px) {
        #footer--leftbox .footer--address--logo {
          margin-bottom: 2.667vw;
          text-align: center; } }
      #footer--leftbox .footer--address--logo a img {
        max-width: 100%;
        height: auto; }
        @media screen and (max-width: 600px) {
          #footer--leftbox .footer--address--logo a img {
            max-width: inherit;
            width: 52.533vw; } }
    #footer--leftbox .footer--address--tel, #footer--leftbox .footer--address--link {
      order: 3;
      font-weight: 500;
      font-size: 14px;
      color: #000; }
      @media screen and (max-width: 600px) {
        #footer--leftbox .footer--address--tel, #footer--leftbox .footer--address--link {
          font-size: 3.733vw;
          text-align: center; } }
  #footer--leftbox .footer--sns {
    flex: 0 0 230px; }
    @media screen and (max-width: 1360px) {
      #footer--leftbox .footer--sns {
        flex: 0 0 220px; } }
    @media screen and (max-width: 600px) {
      #footer--leftbox .footer--sns {
        flex: none;
        display: flex;
        flex-wrap: wrap;
        margin-top: 6.667vw; } }
    #footer--leftbox .footer--sns > div {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 0 20px; }
      @media screen and (max-width: 600px) {
        #footer--leftbox .footer--sns > div {
          flex: 0 0 100%;
          gap: 0 1.333vw; } }
      #footer--leftbox .footer--sns > div + div {
        margin-top: 30px; }
        @media screen and (max-width: 600px) {
          #footer--leftbox .footer--sns > div + div {
            flex: 0 0 auto;
            margin-top: 8vw; } }
        @media screen and (max-width: 600px) {
          #footer--leftbox .footer--sns > div + div:last-of-type {
            padding-left: 8vw; } }
      #footer--leftbox .footer--sns > div dt {
        flex: 0 0 50px; }
        @media screen and (max-width: 600px) {
          #footer--leftbox .footer--sns > div dt {
            flex: 0 0 13.333vw; } }
        #footer--leftbox .footer--sns > div dt a img {
          width: 100%;
          height: auto; }
      #footer--leftbox .footer--sns > div dd {
        flex: 1 1 100%;
        font-weight: 500;
        font-size: 14px;
        color: #000; }
        @media screen and (max-width: 600px) {
          #footer--leftbox .footer--sns > div dd {
            font-size: 3.2vw; } }

#footer--access {
  flex: 0 0 560px; }
  @media screen and (max-width: 1360px) {
    #footer--access {
      flex: 0 1 560px; } }
  @media screen and (max-width: 600px) {
    #footer--access {
      flex: 0 0 auto; } }
  #footer--access .footer--access--title {
    font-size: 22px;
    letter-spacing: 0.1em;
    color: #000;
    margin: 0 0 40px;
    padding: 0 0 10px;
    border-bottom: 1px solid #828181; }
    @media screen and (max-width: 600px) {
      #footer--access .footer--access--title {
        font-size: 4.267vw;
        margin-bottom: 5.333vw;
        padding-bottom: 2.667vw; } }
  #footer--access .footer--access--img img {
    width: 100%;
    height: auto; }
  #footer--access .footer--access--text {
    font-weight: 500;
    font-size: 14px;
    color: #000;
    margin: 10px 0 0; }
    @media screen and (max-width: 600px) {
      #footer--access .footer--access--text {
        font-size: 3.733vw;
        margin-top: 5.333vw; } }

#copyright {
  margin: 0 auto;
  padding: 20px 0 24px; }
  @media screen and (max-width: 600px) {
    #copyright {
      margin: 5.333vw 0 0;
      padding: 5.333vw; } }
  #copyright__inner {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: center;
    color: #000; }
    @media screen and (max-width: 600px) {
      #copyright__inner {
        font-size: 2.667vw; } }

/*# sourceMappingURL=style.css.map */