@charset "UTF-8";
/*　基本色　*/
/*　マスターワイズ　*/
.img_sp {
  display: none; }

/* 構成要素	＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
/* ページタイトル */
#ttl_page {
  width: 100%;
  text-align: center;
  font-family: YakuHanJP, 'Noto Sans Bold',sans-serif;
  font-weight: bold;
  font-size: 3.2rem;
  background-color: #fff;
  padding: 40px 0 60px; }

/* メインイメージ */
#img_main {
  width: 100%;
  margin: 0 0 60px; }
  #img_main img {
    width: 100%;
    height: auto; }
  #img_main + .box_cmn_width {
    margin-top: 0; }

/* メイン囲み部分 */
main {
  width: 100%;
  background-color: #fefaea;
  padding: 0 0 60px;
  /* テキスト部分詳細設定 */
  /*　周辺観光リスト　＿＿＿＿＿　*/
  /*　トピックス　＿＿＿＿＿　*/
  /* トピックス詳細 */
  /*　お知らせ　＿＿＿＿＿　*/
  /*　おすすめメニュー　＿＿＿＿＿　*/
  /*　直売所「あとうの恵み」　＿＿＿＿＿　*/
  /*　情報コーナー　＿＿＿＿＿　*/
  /*　施設全体図　＿＿＿＿＿　*/
  /* 汎用figureBOX */
  /* アイコンリスト */
  /* リンク用リスト */
  /* サイトマップ */
  /*　ニュース部分のテキスト　＿＿＿＿＿　*/ }
  main .box_cmn_width {
    line-height: 1.7;
    margin-top: 60px; }
    main .box_cmn_width p, main .box_cmn_width ul, main .box_cmn_width ol, main .box_cmn_width figure, main .box_cmn_width table {
      margin: 0 0 1.2em; }
    main .box_cmn_width a {
      color: #2371b7; }
    main .box_cmn_width a:hover {
      color: #00803f; }
    main .box_cmn_width a:visited {
      color: #b5248f; }
  main #img_photo {
    display: flex;
    justify-content: space-between;
    width: 100%;
    line-height: 1; }
  main #list_kanko {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    list-style: none;
    line-height: 1.6;
    /* キャプション付き画像 */
    /* 見出し */ }
    main #list_kanko li {
      width: 48%; }
    main #list_kanko img {
      width: 234px;
      height: 157px; }
    main #list_kanko figure {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      main #list_kanko figure figcaption {
        width: calc(100% - 255px);
        font-size: 1.4rem;
        text-align: justify;
        padding: 10px 0 0; }
    main #list_kanko h3 {
      font-size: 1.8rem;
      font-family: YakuHanJP, 'Noto Sans Bold',sans-serif;
      font-weight: bold;
      line-height: 1.5;
      margin: 0 0 3px; }
      main #list_kanko h3 span {
        display: block;
        width: 100%;
        font-size: 1.4rem;
        font-weight: normal;
        font-family: YakuHanJP, 'Noto Sans Regular',sans-serif;
        font-weight: normal; }
  main #id_topics {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    list-style: none;
    font-size: 1.5rem;
    margin: 50px 0 10px;
    /* イメージ */
    /* キャプション */ }
    main #id_topics li {
      position: relative;
      width: 228px;
      margin: 0 22px 28px 0;
      /* アイコン */ }
      main #id_topics li:nth-child(4n) {
        margin-right: 0; }
      main #id_topics li:after {
        position: absolute;
        top: -10px;
        left: -5px;
        display: inline-block;
        color: #fff;
        font-family: YakuHanJP, 'Noto Sans Bold',sans-serif;
        font-weight: bold;
        line-height: 1;
        border-radius: 50%;
        padding: 10px; }
      main #id_topics li.icon_info:after {
        content: "他";
        background-color: #80736f; }
      main #id_topics li.icon_event:after {
        content: "楽";
        background-color: #0aa3ff; }
      main #id_topics li.icon_market:after {
        content: "買";
        background-color: #80ba00; }
      main #id_topics li.icon_restaurant:after {
        content: "食";
        background-color: #ff8003; }
      main #id_topics li a {
        display: block;
        width: 100%;
        text-decoration: none; }
    main #id_topics .img_topics {
      position: relative;
      width: 100%;
      height: 132px;
      border-radius: 8px;
      overflow: hidden;
      margin: 0 0 8px; }
      main #id_topics .img_topics img {
        position: absolute;
        top: 0;
        left: -50%;
        right: -50%;
        bottom: 0;
        width: 110%;
        height: auto;
        margin: auto; }
    main #id_topics figcaption {
      line-height: 1.5; }
    main #id_topics dt {
      font-size: 1.3rem;
      color: #525252; }
  main #genre_info, main #genre_event, main #genre_market, main #genre_restaurant {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    main #genre_info:before, main #genre_event:before, main #genre_market:before, main #genre_restaurant:before {
      display: inline-block;
      height: 1.6em;
      background-color: #80736f;
      line-height: 1;
      font-size: 1.3rem;
      font-family: YakuHanJP, sans-serif;
      color: #fff;
      padding: 3px 10px 0;
      margin: 0 10px 0 0; }
  main #genre_info:before {
    content: "その他"; }
  main #genre_event:before {
    content: "楽しむ";
    background-color: #0aa3ff; }
  main #genre_market:before {
    content: "買う";
    background-color: #80ba00; }
  main #genre_restaurant:before {
    content: "食べる";
    background-color: #ff8003; }
  main #id_news {
    width: 100%;
    list-style: none;
    line-height: 1.3;
    /* 内容 */ }
    main #id_news li {
      border-bottom: 1px solid #9c9c9c;
      padding: 14px 0; }
    main #id_news dl {
      display: flex;
      justify-content: space-between;
      width: 100%; }
      main #id_news dl dt {
        width: 14%;
        color: #525252; }
      main #id_news dl dd {
        width: calc(100% - 14%); }
        main #id_news dl dd a {
          display: block;
          width: 100%;
          text-decoration: none; }
  main #list_menu {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    main #list_menu figure {
      width: 234px;
      line-height: 1.4;
      margin: 0 0 24px;
      margin-right: 14px; }
    main #list_menu figure:nth-child(4n) {
      margin-right: 0; }
    main #list_menu h3 {
      font-family: YakuHanJP, 'Noto Sans Bold',sans-serif;
      font-weight: bold;
      margin: 0 0 4px; }
    main #list_menu img {
      margin: 0 0 5px; }
  main #txt_beef {
    width: 390px;
    text-align: justify;
    font-size: 1.6rem; }
  main #list_beef {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 570px;
    line-height: 1;
    list-style: none; }
    main #list_beef li {
      width: 279px; }
    main #list_beef img {
      width: 100%;
      height: auto; }
  main #list_takeout {
    display: flex;
    width: 100%;
    list-style: none;
    line-height: 1; }
    main #list_takeout img {
      width: 100%;
      height: auto; }
    main #list_takeout li:not(:last-child) {
      margin: 0 10px 0 0; }
  main .dl_info {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 30px; }
    main .dl_info dt, main .dl_info dd {
      margin: 4px 0; }
    main .dl_info dt {
      width: 120px;
      font-size: 1.5rem;
      font-weight: bold;
      text-align: center;
      line-height: 1;
      border: 1px solid #111;
      padding: 8px 0 7px; }
    main .dl_info dd {
      width: calc( 100% - 140px);
      line-height: 1.4; }
  main .detail_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 0 10px; }
    main .detail_info img {
      width: 470px; }
    main .detail_info figcaption {
      width: calc(100% - 500px); }
  main #list_facility {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    list-style: none;
    margin: 0 0 30px; }
    main #list_facility img {
      width: 100%;
      height: auto; }
  main .flex_figure_box {
    display: flex;
    flex-wrap: wrap; }
    main .flex_figure_box figure {
      width: 31%;
      background-color: #fff;
      text-align: center;
      line-height: 1.2;
      margin-right: 3%; }
      main .flex_figure_box figure:nth-child(3n) {
        margin-right: 0; }
    main .flex_figure_box figcaption {
      position: relative;
      padding: 10px 0 12px; }
    main .flex_figure_box img {
      width: 100%;
      height: auto; }
    main .flex_figure_box a {
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none;
      color: inherit; }
    main .flex_figure_box a:hover {
      opacity: 1; }
  main #icon_list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    list-style: none;
    line-height: 1;
    margin: 10px 0 0; }
    main #icon_list li {
      width: auto;
      margin: 0 6px 6px 0; }
    main #icon_list img {
      width: 30px;
      height: auto; }
  main #list_link {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    list-style: none;
    line-height: 1; }
    main #list_link li {
      width: 30%;
      border-bottom: 1px dashed #999; }
      main #list_link li:not(:nth-child(3n)) {
        margin-right: 3%; }
    main #list_link a {
      display: block;
      width: 100%;
      text-decoration: none;
      padding: 20px 0; }
  main #list_sitemap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    list-style: none; }
    main #list_sitemap li {
      width: 31%;
      background-color: #fff;
      background-image: url(../images/common/icon_arrow.svg);
      background-position: 98% center;
      text-align: center;
      line-height: 1.2;
      margin: 0 3% 20px 0; }
      main #list_sitemap li:nth-child(3n) {
        margin-right: 0; }
    main #list_sitemap a {
      display: block;
      width: 100%;
      text-decoration: none;
      padding: 10px 0 12px; }
    main #list_sitemap a:link {
      color: #222; }
    main #list_sitemap a:hover {
      opacity: 1;
      color: #00803f; }
    main #list_sitemap a:visited {
      color: #b5248f; }
  main #txt_news h3 {
    font-family: YakuHanJP, 'Noto Sans Bold',sans-serif;
    font-size: 2.3rem;
    border-left: 6px solid #00803f;
    line-height: 1.3;
    padding: 0 0 0 6px;
    margin: 0 0 20px; }
  main #txt_news h4 {
    font-family: YakuHanJP, 'Noto Sans Bold',sans-serif;
    font-size: 2.2rem;
    border-bottom: 1px solid #00803f;
    line-height: 1.3;
    padding: 0 0 6px;
    margin: 0 0 20px; }
  main #txt_news h5 {
    font-family: YakuHanJP, 'Noto Sans Bold',sans-serif;
    font-size: 2.2rem;
    line-height: 1.3;
    margin: 0 0 15px; }
  main #txt_news h6 {
    font-family: YakuHanJP, 'Noto Sans Bold',sans-serif;
    font-size: 1.9rem;
    line-height: 1.3;
    margin: 0 0 15px; }
  main #txt_news ul, main #txt_news ol {
    margin: 0 0 1em 22px; }
  main #txt_news p, main #txt_news table, main #txt_news dl {
    margin: 0 0 1em; }
  main #txt_news table {
    width: 100%; }
    main #txt_news table th, main #txt_news table td {
      padding: 10px;
      border-bottom: 1px solid #999; }
    main #txt_news table th {
      font-weight: normal;
      text-align: left;
      background-color: #f0e6d2; }

/*　レスポンシブ対応（ブレークポイント 768px）
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
@media screen and (max-width: 768px) {
  .img_sp {
    display: block; }

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

  /* 構成要素	＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
  /* ページタイトル */
  #ttl_page {
    width: 100%;
    text-align: center;
    font-family: YakuHanJP, 'Noto Sans Bold',sans-serif;
    font-size: 2rem;
    background-color: #fff;
    padding: 15px 0 20px; }

  /* メインイメージ */
  #img_main {
    margin: 0 0 30px; }

  /* メイン囲み部分 */
  main {
    padding: 0 0 50px;
    /* テキスト部分詳細設定 */
    /*　周辺観光リスト　＿＿＿＿＿　*/
    /*　トピックス　＿＿＿＿＿　*/
    /* トピックス詳細 */
    /*　お知らせ　＿＿＿＿＿　*/
    /*　おすすめメニュー　＿＿＿＿＿　*/
    /*　直売所「あとうの恵み」　＿＿＿＿＿　*/
    /*　情報コーナー　＿＿＿＿＿　*/
    /*　施設全体図　＿＿＿＿＿　*/
    /* 汎用figureBOX */
    /* アイコンリスト */
    /* リンク用リスト */
    /* サイトマップ */
    /*　ニュース部分のテキスト　＿＿＿＿＿　*/ }
    main .box_cmn_width {
      margin-top: 30px; }
    main #img_photo figure:first-child {
      margin-right: 10px; }
    main #list_kanko {
      margin: 0;
      /* キャプション付き画像 */
      /* 見出し */ }
      main #list_kanko img {
        width: 100%;
        height: auto; }
      main #list_kanko figure {
        display: block; }
        main #list_kanko figure figcaption {
          width: 100%;
          font-size: 1.3rem; }
      main #list_kanko h3 {
        font-size: 1.6rem; }
        main #list_kanko h3 span {
          font-size: 1.4rem; }
    main #id_topics {
      display: block;
      width: 100%;
      margin: 0;
      /* 詳細 */
      /*  */
      /* イメージ */
      /* キャプション */ }
      main #id_topics li {
        width: 100%;
        margin: 0 0 28px; }
        main #id_topics li:nth-child(4n) {
          margin-right: 0; }
      main #id_topics figure {
        display: flex;
        justify-content: space-between; }
      main #id_topics .img_topics {
        width: 120px;
        height: 80px;
        margin: 0; }
      main #id_topics figcaption {
        width: calc(100% - 136px); }
    main #genre_info, main #genre_event, main #genre_market, main #genre_restaurant {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      main #genre_info:before, main #genre_event:before, main #genre_market:before, main #genre_restaurant:before {
        display: inline-block;
        height: 1.6em;
        background-color: #80736f;
        line-height: 1;
        font-size: 1.3rem;
        font-family: YakuHanJP, sans-serif;
        color: #fff;
        padding: 3px 10px 0;
        margin: 0 10px 0 0; }
    main #genre_info:before {
      content: "その他"; }
    main #genre_event:before {
      content: "楽しむ";
      background-color: #0aa3ff; }
    main #genre_market:before {
      content: "買う";
      background-color: #80ba00; }
    main #genre_restaurant:before {
      content: "食べる";
      background-color: #ff8003; }
    main #id_news {
      /* 内容 */ }
      main #id_news li {
        border-bottom: 1px solid #9c9c9c;
        padding: 14px 0; }
      main #id_news dl {
        display: block;
        width: 100%; }
        main #id_news dl dt {
          width: 100%;
          margin: 0 0 5px; }
        main #id_news dl dd {
          width: 100%;
          line-height: 1.5; }
    main #list_menu {
      display: block;
      width: 80%;
      margin: 0 auto; }
      main #list_menu figure {
        width: 100%;
        margin-right: 0; }
      main #list_menu figcaption {
        display: flex;
        justify-content: space-between; }
      main #list_menu h3 {
        margin: 0; }
      main #list_menu img {
        width: 100%;
        height: auto; }
    main #txt_beef {
      width: 100%;
      text-align: justify;
      font-size: inherit; }
    main #list_beef {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      line-height: 1;
      list-style: none; }
      main #list_beef li {
        width: 48%; }
    main #list_takeout li:nth-child(3) {
      display: none; }
    main .dl_info {
      width: 100%;
      margin: 0 0 30px; }
      main .dl_info dt, main .dl_info dd {
        margin: 4px 0; }
      main .dl_info dt {
        width: 90px;
        font-size: 1.3rem;
        font-weight: bold;
        text-align: center;
        line-height: 1;
        border: 1px solid #111;
        padding: 8px 0 7px; }
      main .dl_info dd {
        width: calc( 100% - 110px);
        line-height: 1.4; }
    main .detail_info {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      padding: 0 0 10px; }
      main .detail_info img {
        order: 2;
        width: 80%;
        height: auto;
        margin: 0 auto; }
      main .detail_info figcaption {
        order: 1;
        width: 100%; }
    main #list_facility {
      display: block;
      width: 80%;
      margin: 0 auto 30px; }
      main #list_facility li {
        margin: 10px 0; }
    main .flex_figure_box {
      display: block;
      width: 80%;
      margin: 50px auto 0; }
      main .flex_figure_box figure {
        width: 100%;
        margin-right: 0; }
        main .flex_figure_box figure:nth-child(3n) {
          margin-right: 0; }
    main #icon_list {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      list-style: none;
      line-height: 1;
      margin: 10px 0 0; }
      main #icon_list li {
        width: auto;
        margin: 0 6px 6px 0; }
      main #icon_list img {
        width: 30px;
        height: auto; }
    main #list_link {
      display: block;
      line-height: 1; }
      main #list_link li {
        width: 100%; }
        main #list_link li:not(:nth-child(3n)) {
          margin-right: 0; }
    main #list_sitemap {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      font-size: 1.4rem;
      margin: 40px 0 0; }
      main #list_sitemap li {
        width: 48%;
        margin: 0 0 10px; }
        main #list_sitemap li:nth-child(3n) {
          margin-right: 0; }
    main #txt_news h3 {
      font-size: 1.9rem; }
    main #txt_news h4 {
      font-size: 1.8rem; }
    main #txt_news h5 {
      font-size: 1.7rem; }
    main #txt_news h6 {
      font-size: 1.6rem; }
    main #txt_news ul, main #txt_news ol {
      margin: 0 0 1em 22px; } }
/*　ここまで　*/