@charset "UTF-8";
/*　基本色　*/
/*　マスターワイズ　*/
/*　clearする　*/
.clearfix:after {
  content: "";
  clear: both;
  display: block; }

a[href^="tel:"] {
  pointer-events: none;
  text-decoration: none;
  color: #111; }

/* ボディ設定
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
html {
  font-size: 62.5%;
  line-height: 1;
  color: #111;
  font-family: -apple-system, BlinkMacSystemFont, YakuHanJP, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
  /*　デバイスフォント最適化　*/
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

body {
  font-size: 1.7rem; }

/*　リンク設定　*/
* a {
  color: inherit;
  text-decoration: underline; }
* a:hover {
  opacity: .8; }

/* 基礎要素	＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
header {
  width: 100%;
  background-image: url(../images/common/back_header.png);
  background-size: 2610px;
  background-position: center bottom;
  border-bottom: 7px solid #00803f;
  padding: 20px 0 96px;
  margin: 0 auto 15px;
  /* ロゴ */
  /* 囲み設定 */
  /* 定休日 */
  /* 言語選択 */ }
  header #ttl_site {
    position: relative;
    z-index: 1001;
    width: 230px;
    height: 112px;
    text-indent: -9999px;
    margin: 0 auto; }
    header #ttl_site a {
      display: block;
      width: 230px;
      height: 112px;
      background-image: url(../images/common/ttl_site.svg);
      background-size: contain; }
  header .box_cmn_width {
    position: relative; }
  header #txt_regular {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.3rem; }
  header #nav_language {
    position: absolute;
    top: -10px;
    right: 0;
    width: 130px; }
    header #nav_language dt {
      width: auto;
      text-align: center;
      border-bottom: 1px solid #111;
      padding: 0 0 12px; }
      header #nav_language dt:before {
        font-family: FontAwesome;
        content: "\f0d7";
        margin: 0 7px 0 0; }
      header #nav_language dt:hover {
        cursor: pointer;
        color: #00803f; }
      header #nav_language dt.is_open {
        color: #00803f; }
    header #nav_language dd {
      display: none;
      width: auto;
      background-color: #efefef;
      padding: 10px 0; }
    header #nav_language ul {
      list-style: none; }
    header #nav_language a {
      display: block;
      width: 100%;
      text-decoration: none;
      padding: 8px 18px; }

/*　グローバルナビゲーション　＿＿＿＿＿　*/
#nav_global {
  position: absolute;
  top: 50px;
  width: 100%;
  font-family: YakuHanJP, 'Noto Sans Medium',sans-serif;
  font-size: 1.6rem;
  /* ナブコン */
  /* リスト設定 */
  /* リンク設定 */
  /* 各リスト設定 */ }
  #nav_global dt {
    display: none; }
  #nav_global ul {
    list-style: none; }
    #nav_global ul li {
      float: left; }
    #nav_global ul li:nth-child(n+4) {
      float: right; }
  #nav_global ul:after {
    content: "";
    clear: both;
    display: block; }
  #nav_global a {
    display: block;
    width: 100%;
    height: auto;
    text-decoration: none;
    background-position: center top;
    padding: 36px 0 0; }
  #nav_global .li_guide {
    margin-right: 40px; }
    #nav_global .li_guide a {
      background-image: url(../images/common/li_guide.svg); }
  #nav_global .li_access {
    margin-right: 50px; }
    #nav_global .li_access a {
      background-image: url(../images/common/li_access.svg); }
  #nav_global .li_chomonkyo a {
    background-image: url(../images/common/li_chomonkyo.svg); }
  #nav_global .li_information a {
    background-image: url(../images/common/li_information.svg); }
  #nav_global .li_market {
    margin-right: 30px; }
    #nav_global .li_market a {
      background-image: url(../images/common/li_market.svg); }
  #nav_global .li_restaurant {
    margin-right: 50px; }
    #nav_global .li_restaurant a {
      background-image: url(../images/common/li_restaurant.svg); }

/*　グローバルナビゲーションSP　＿＿＿＿＿　*/
#sp_nav, #sp_nav_header {
  display: none; }

/*　お問い合わせ　＿＿＿＿＿　*/
#aside_contact {
  width: 100%;
  background-color: #f7f7f7;
  line-height: 1.5;
  text-align: center;
  padding: 80px 0 45px;
  /* タイトル */
  /* 電話番号 */
  /* 詳細 */ }
  #aside_contact #ttl_aside {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-family: YakuHanJP, 'Noto Sans Bold',sans-serif;
    font-weight: bold;
    font-size: 3.6rem;
    line-height: 1;
    margin: 0 0 30px; }
    #aside_contact #ttl_aside:before, #aside_contact #ttl_aside:after {
      content: "";
      display: block;
      height: 25px;
      background-size: contain; }
    #aside_contact #ttl_aside:before {
      width: 280px;
      background-image: url(../images/common/ttl_aside_left.png); }
    #aside_contact #ttl_aside:after {
      width: 297px;
      background-image: url(../images/common/ttl_aside_right.png); }
  #aside_contact .aside_tel {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 6px 0 0 0; }
    #aside_contact .aside_tel dt:after {
      content: "：";
      padding: 0 4px; }
    #aside_contact .aside_tel dd {
      font-family: YakuHanJP, 'Noto Sans Bold',sans-serif;
      font-weight: bold;
      font-size: 2.8rem; }
  #aside_contact #aside_flex {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 40px 0 0;
    /* タイトル */
    /* 各ボックス */ }
    #aside_contact #aside_flex h3 {
      font-family: YakuHanJP, 'Noto Sans Bold',sans-serif;
      font-weight: bold;
      font-size: 2.6rem;
      margin: 0 0 10px; }
    #aside_contact #aside_flex .detail_aside {
      width: calc( 100% / 4);
      border-left: 1px solid #c8c8c8;
      padding: 12px 0 34px; }
    #aside_contact #aside_flex .detail_aside:last-child {
      border-right: 1px solid #c8c8c8; }

/*　ナビゲーションフッター　＿＿＿＿＿　*/
#nav_footer {
  width: 100%;
  background-color: #f7f7f7;
  /* ナビゲーション */
  /* サブナビゲーション */ }
  #nav_footer li {
    list-style: none; }
  #nav_footer a {
    text-decoration: none; }
  #nav_footer a:hover {
    opacity: 1;
    text-decoration: underline; }
  #nav_footer #nav_main {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 35px 0 35px; }
    #nav_footer #nav_main li:after, #nav_footer #nav_main li:first-child:before {
      content: "｜";
      padding: 0 1em 0 0;
      margin: 0 0 0 1em; }
  #nav_footer #nav_sub {
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: #00803f;
    color: #fff;
    padding: 12px 0; }
    #nav_footer #nav_sub a {
      color: #fff; }
    #nav_footer #nav_sub li:not(:last-child):after {
      content: "｜";
      padding: 0 1em 0 0;
      margin: 0 0 0 1em; }

/*　フッター　＿＿＿＿＿　*/
footer {
  width: 100%;
  background-color: #f7f7f7;
  text-align: center;
  font-size: 1.4rem;
  background-image: url(../images/common/back_header.png);
  background-size: 2610px;
  background-position: center bottom;
  padding: 0 0 20px;
  /* バナーリスト */
  /* コピーライト */ }
  footer #list_bnr {
    display: flex;
    justify-content: space-between;
    width: 980px;
    list-style: none;
    padding: 45px 0 90px;
    margin: 0 auto; }
    footer #list_bnr li {
      width: 234px; }
    footer #list_bnr img {
      border: 1px solid #cfcfcf;
      width: 100%;
      height: auto;
      box-sizing: content-box; }
  footer #txt_copyright {
    width: 980px;
    text-align: right;
    margin: 0 auto; }

/* 構成要素	＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
/* 基本ワイズボックス */
.box_cmn_width {
  width: 980px;
  margin: 0 auto; }

/* ストーカーバナー */
#bnr_stalker {
  position: fixed;
  top: 60px;
  right: 0;
  z-index: 9999;
  width: 58px;
  height: 146px;
  text-indent: -9999px;
  overflow: hidden;
  border-radius: 4px 0 0 4px; }
  #bnr_stalker a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/common/bnr_stalker.png);
    background-size: contain; }
  #bnr_stalker a:hover {
    opacity: 1; }

/*　レスポンシブ対応（ブレークポイント 768px）
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
@media screen and (max-width: 768px) {
  a[href^="tel:"] {
    pointer-events: auto;
    text-decoration: underline;
    color: inherit; }

  .img_sp {
    display: block; }

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

  .box_cmn_width {
    width: 94%;
    margin: 0 auto; }

  body {
    font-size: 1.5rem; }

  /* 基礎要素	＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
  header {
    width: 100%;
    height: 86px;
    background-image: url(../images/common/back_header_sp.png);
    background-size: 620px;
    border-bottom: 3px solid #00803f;
    padding: 10px 0;
    margin: 0 auto 5px;
    /* ロゴ */
    /* 定休日 */
    /* 言語選択 */ }
    header .box_cmn_width {
      width: 100%; }
    header #ttl_site {
      width: calc(230px / 1.8);
      height: calc(112px / 1.8); }
      header #ttl_site a {
        width: calc(230px / 1.8);
        height: calc(112px / 1.8); }
    header #txt_regular {
      display: none; }
    header #nav_language {
      display: none; }

  /*　グローバルナビゲーション　＿＿＿＿＿　*/
  #nav_global {
    display: none; }

  /*　グローバルナビゲーションSP　＿＿＿＿＿　*/
  #sp_nav {
    display: block;
    width: 100%;
    height: auto;
    /* 汎用タイトル */
    /* ナブコン */
    /* 内容 */
    /* SP用language */ }
    #sp_nav a {
      text-decoration: none; }
    #sp_nav .ttl_sp {
      width: 100%;
      font-family: YakuHanJP, 'Noto Sans Bold',sans-serif;
      font-weight: bold;
      font-size: 1.6rem; }
    #sp_nav dt {
      position: absolute;
      top: 14px;
      left: 2%;
      width: 45px;
      height: 45px;
      text-indent: -9999px;
      background-image: url(../images/common/navcon_open.svg);
      background-size: 80%;
      background-position: center center;
      background-color: rgba(255, 255, 255, 0.8);
      border-radius: 4px; }
    #sp_nav dt.is_open {
      background-image: url(../images/common/navcon_close.svg); }
    #sp_nav dd {
      position: fixed;
      top: 86px;
      z-index: 1001;
      display: none;
      width: 100%;
      height: 100vh;
      overflow-x: scroll;
      background-color: #fff;
      padding: 20px 0 50px; }
    #sp_nav #sp_nav_language {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      list-style: none;
      margin: 10px 0; }
      #sp_nav #sp_nav_language li {
        width: 48%;
        margin: 5px 0; }
      #sp_nav #sp_nav_language a {
        display: block;
        width: 100%;
        text-align: center;
        border: 1px solid #999;
        border-radius: 6px;
        background-color: #fff;
        padding: 15px 0; }

  /* SPナビその他 */
  #sp_nav_header {
    position: absolute;
    z-index: 1001;
    top: 14px;
    right: 2%;
    display: flex;
    justify-content: space-between;
    width: 96px;
    list-style: none; }
    #sp_nav_header li {
      width: 45px;
      height: 45px;
      text-indent: -9999px;
      background-size: 80%;
      background-position: center center;
      background-color: rgba(255, 255, 255, 0.8);
      border-radius: 4px; }
    #sp_nav_header .li_guide {
      background-image: url(../images/common/nav_guide.svg); }
    #sp_nav_header .li_access {
      background-image: url(../images/common/nav_access.svg); }
    #sp_nav_header a {
      display: block;
      width: 100%;
      height: 100%; }

  /* SPナビゲーション詳細囲み */
  #sp_nav_main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 94%;
    list-style: none;
    font-family: YakuHanJP, 'Noto Sans Bold',sans-serif;
    font-weight: bold;
    margin: 0 auto 30px; }
    #sp_nav_main li {
      width: 48%;
      text-align: center;
      border: 1px solid #999;
      border-radius: 4px;
      margin: 5px 0; }
    #sp_nav_main a {
      display: block;
      width: 100%;
      padding: 55px 0 15px; }
    #sp_nav_main .li_guide {
      background-image: url(../images/common/li_guide.svg);
      background-position: center 20px; }
    #sp_nav_main .li_access {
      background-image: url(../images/common/li_access.svg);
      background-position: center 22px; }
    #sp_nav_main .li_chomonkyo {
      background-image: url(../images/common/li_chomonkyo.svg);
      background-position: center 20px; }
    #sp_nav_main .li_contact {
      background-image: url(../images/common/li_contact.svg);
      background-position: center 25px;
      background-size: 15%; }

  /* 施設案内 */
  #id_facilities_sp {
    width: 94%;
    margin: 0 auto 30px; }
    #id_facilities_sp .ttl_sp {
      display: flex;
      justify-content: center;
      margin: 0 0 12px; }
      #id_facilities_sp .ttl_sp:before {
        content: "";
        display: block;
        width: 1em;
        height: 1em;
        background-image: url(../images/common/li_restaurant.svg);
        background-repeat: no-repeat;
        background-size: contain; }
    #id_facilities_sp li {
      width: 100%;
      list-style: none;
      border: 1px solid #999;
      border-radius: 4px;
      font-size: 1.5rem;
      padding: 8px;
      margin: 8px 0; }
    #id_facilities_sp #back_restaurant a {
      background-image: url(../images/common/back_restaurant.jpg);
      background-size: contain; }
    #id_facilities_sp #back_market a {
      background-image: url(../images/common/back_market.jpg);
      background-size: contain; }
    #id_facilities_sp #back_information a {
      background-image: url(../images/common/back_information.jpg);
      background-size: contain; }
    #id_facilities_sp a {
      display: block;
      width: 100%;
      padding: 30px 0 30px 130px; }

  /* 道の駅　長門峡「くんくのだいち」 */
  #id_access_sp {
    width: 100%;
    background-color: #f7f7f7;
    line-height: 1.5;
    padding: 20px 4%;
    margin: 0 0 30px;
    /* タイトル */
    /*  */
    /* アイコンリスト */
    /* サブナビゲーション */
    /* 検索ボックス */ }
    #id_access_sp .ttl_sp {
      color: #00803f;
      margin: 0 0 4px; }
    #id_access_sp hr {
      margin: 20px 0; }
    #id_access_sp #icon_list_sp {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      list-style: none;
      line-height: 1;
      margin: 20px 0; }
      #id_access_sp #icon_list_sp li {
        width: calc(100% / 8);
        margin: 0 6px 6px 0; }
      #id_access_sp #icon_list_sp img {
        width: 100%;
        height: auto; }
    #id_access_sp #nav_sub_sp {
      display: flex;
      justify-content: center;
      width: 100%;
      list-style: none;
      margin: 0 0 30px; }
      #id_access_sp #nav_sub_sp li:not(:last-child):after {
        content: "｜";
        padding: 0 .6em 0 0;
        margin: 0 0 0 .6em; }
    #id_access_sp #box_search {
      display: none;
      width: 90%;
      margin: 0 auto 20px; }
      #id_access_sp #box_search ul {
        display: flex;
        width: 100%;
        list-style: none; }
      #id_access_sp #box_search li {
        width: 78%; }
      #id_access_sp #box_search li:last-child {
        width: 22%; }
      #id_access_sp #box_search input {
        width: 100%;
        height: 38px;
        font-size: 1.6rem;
        border: 1px solid #333;
        border-radius: 4px 0 0 4px;
        padding: 2px; }
      #id_access_sp #box_search input[type=submit] {
        color: #fff;
        font-family: YakuHanJP, 'Noto Sans Medium',sans-serif;
        border-radius: 0 4px 4px 0;
        background-color: #333; }
    #id_access_sp #list_sns_sp {
      display: flex;
      justify-content: center;
      width: 100%;
      font-size: 4.5rem;
      list-style: none; }
      #id_access_sp #list_sns_sp li {
        text-align: center;
        margin: 0 6px; }
      #id_access_sp #list_sns_sp img {
        width: 50%;
        height: auto; }

  /*　お問い合わせ　＿＿＿＿＿　*/
  #aside_contact {
    width: 100%;
    background-image: url(../images/common/back_ttl_sp.png);
    background-size: 130%;
    background-position: center 36px;
    padding: 30px 0 0;
    /* タイトル */
    /* 詳細 */ }
    #aside_contact .box_cmn_width {
      width: 100%; }
    #aside_contact #ttl_aside {
      display: block;
      text-align: center;
      font-size: 2.6rem;
      margin: 0 0 20px; }
      #aside_contact #ttl_aside:before, #aside_contact #ttl_aside:after {
        content: none; }
    #aside_contact #aside_flex {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      border-top: 1px solid #999;
      margin: 25px 0 0;
      /* タイトル */
      /* 各ボックス */ }
      #aside_contact #aside_flex h3 {
        font-size: 2rem;
        margin: 0 0 3px; }
      #aside_contact #aside_flex .detail_aside {
        width: calc( 100% / 2);
        border-left: none;
        border-right: 1px solid #999;
        border-bottom: 1px solid #999;
        padding: 14px 0; }
      #aside_contact #aside_flex .detail_aside:nth-child(2), #aside_contact #aside_flex .detail_aside:last-child {
        border-right: none; }

  /*　ナビゲーションフッター　＿＿＿＿＿　*/
  #nav_footer {
    /* ナビゲーション */
    /* サブナビゲーション */ }
    #nav_footer #nav_main {
      justify-content: flex-start;
      flex-wrap: wrap;
      width: 100%;
      padding: 20px 10px 15px; }
      #nav_footer #nav_main li:after, #nav_footer #nav_main li:first-child:before {
        content: none;
        padding: 0;
        margin: 0; }
      #nav_footer #nav_main li {
        margin: 0 5px 5px 0; }
      #nav_footer #nav_main a {
        display: inline-block;
        width: auto;
        background-color: #fff;
        border: 1px solid #999;
        border-radius: 5px;
        padding: 10px 12px; }
    #nav_footer #nav_sub {
      font-size: 1.3rem; }

  /*　フッター　＿＿＿＿＿　*/
  footer {
    background-size: 960px;
    padding: 0 0 40px;
    /* バナーリスト */
    /* コピーライト */ }
    footer #list_bnr {
      display: block;
      width: 62%;
      list-style: none;
      padding: 20px 0;
      margin: 0 auto; }
      footer #list_bnr li {
        width: 100%;
        margin: 5px 0; }
    footer #txt_copyright {
      width: 94%; }

  /* 構成要素	＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
  /* 基本ワイズボックス */
  .box_cmn_width {
    width: 94%;
    margin: 0 auto; }

  /* ストーカーバナー */
  #bnr_stalker {
    display: none; } }
/*　ここまで　*/