@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* --------------------------------------------------------

                         style

-------------------------------------------------------- */
/* -------------------------------

------------------------------- */
#shop {
  /* ---------------------------------------------------------------------------------------------
    スマホ向け設定
  --------------------------------------------------------------------------------------------- */ }
  #shop main .mainWrap.noneTriangle {
    padding-bottom: 80px; }
    #shop main .mainWrap.noneTriangle .mainImg {
      margin-bottom: 40px; }
    #shop main .mainWrap.noneTriangle .contents {
      position: relative;
      /*============================
      #access
      ============================*/ }
      #shop main .mainWrap.noneTriangle .contents .tit.red.bold {
        font-size: 34px;
        font-size: 2.125rem;
        line-height: 3.4rem;
        font-weight: 700;
        letter-spacing: .015em;
        margin-bottom: 30px; }
      #shop main .mainWrap.noneTriangle .contents .logo {
        margin: 0 auto 50px; }
        #shop main .mainWrap.noneTriangle .contents .logo span, #shop main .mainWrap.noneTriangle .contents .logo em {
          display: block;
          margin: auto; }
        #shop main .mainWrap.noneTriangle .contents .logo em {
          width: 286px;
          margin-bottom: 15px; }
        #shop main .mainWrap.noneTriangle .contents .logo span {
          width: 355px; }
      #shop main .mainWrap.noneTriangle .contents table {
        text-align: left;
        margin-bottom: 50px; }
        #shop main .mainWrap.noneTriangle .contents table tbody tr th, #shop main .mainWrap.noneTriangle .contents table tbody tr td {
          padding: 10px 15px;
          position: relative; }
          #shop main .mainWrap.noneTriangle .contents table tbody tr th::after, #shop main .mainWrap.noneTriangle .contents table tbody tr td::after {
            content: "";
            width: calc(100% - 10px);
            height: 2px;
            position: absolute;
            bottom: 0; }
        #shop main .mainWrap.noneTriangle .contents table tbody tr th {
          width: 170px; }
          #shop main .mainWrap.noneTriangle .contents table tbody tr th::after {
            background: #ec3800;
            left: 0; }
        #shop main .mainWrap.noneTriangle .contents table tbody tr td::after {
          background: rgba(124, 124, 124, 0.5);
          right: 0; }
        #shop main .mainWrap.noneTriangle .contents table tbody tr td ul li {
          display: inline-block;
          margin-right: 30px; }
          #shop main .mainWrap.noneTriangle .contents table tbody tr td ul li a {
            text-decoration: underline; }
      #shop main .mainWrap.noneTriangle .contents .phKanban {
        position: absolute;
        width: 260px;
        top: 460px;
        right: 50px; }
        #shop main .mainWrap.noneTriangle .contents .phKanban .ph {
          -webkit-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);
          -moz-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.25); }
        #shop main .mainWrap.noneTriangle .contents .phKanban .read {
          font-size: 14px;
          font-size: 0.875rem;
          line-height: 1.4rem;
          text-align: right;
          margin-top: 5px;
          display: block; }
      #shop main .mainWrap.noneTriangle .contents #access .ttl.cmn {
        margin-bottom: 20px; }
      #shop main .mainWrap.noneTriangle .contents #access .read {
        margin-bottom: 30px; }
      #shop main .mainWrap.noneTriangle .contents #access iframe {
        width: 100%;
        height: 480px;
        margin-bottom: 50px; }
      #shop main .mainWrap.noneTriangle .contents #access .googlemapLink {
        width: 380px;
        margin: 0 auto 0;
        -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.15); }
        #shop main .mainWrap.noneTriangle .contents #access .googlemapLink a {
          position: relative;
          padding: 12px 0;
          width: 100%;
          height: 100%;
          background: #9b9b9b;
          color: #fff; }
          #shop main .mainWrap.noneTriangle .contents #access .googlemapLink a em {
            font-size: 24px;
            font-size: 1.5rem;
            line-height: 2.7rem;
            font-weight: 700;
            letter-spacing: .015em; }
          #shop main .mainWrap.noneTriangle .contents #access .googlemapLink a i.fas.fa-arrow-circle-right {
            font-size: 22px;
            font-size: 1.375rem;
            line-height: 2.475rem;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 10;
            right: 15px; }
  @media only screen and (max-width: 750px) {
    #shop main .mainWrap.noneTriangle {
      padding-bottom: 60px; }
      #shop main .mainWrap.noneTriangle .mainImg {
        margin-bottom: 30px;
        display: none; }
      #shop main .mainWrap.noneTriangle .contents {
        /*============================
        #access
        ============================*/ }
        #shop main .mainWrap.noneTriangle .contents .tit.red.bold {
          font-size: 22px;
          font-size: 1.375rem;
          line-height: 2.2rem;
          margin-bottom: 20px;
          text-align: left; }
        #shop main .mainWrap.noneTriangle .contents .logo {
          margin: 0 auto 30px; }
          #shop main .mainWrap.noneTriangle .contents .logo em {
            width: 220px;
            margin-bottom: 15px; }
          #shop main .mainWrap.noneTriangle .contents .logo span {
            width: 100%; }
        #shop main .mainWrap.noneTriangle .contents table {
          text-align: left;
          margin-bottom: 50px; }
          #shop main .mainWrap.noneTriangle .contents table tbody tr th, #shop main .mainWrap.noneTriangle .contents table tbody tr td {
            padding: 8px 0px;
            display: block; }
            #shop main .mainWrap.noneTriangle .contents table tbody tr th::after, #shop main .mainWrap.noneTriangle .contents table tbody tr td::after {
              width: calc(100% - 0px);
              height: 2px; }
          #shop main .mainWrap.noneTriangle .contents table tbody tr th {
            font-size: 80%;
            width: 100%; }
            #shop main .mainWrap.noneTriangle .contents table tbody tr th::after {
              background: rgba(124, 124, 124, 0.5);
              left: 0;
              height: 1px; }
          #shop main .mainWrap.noneTriangle .contents table tbody tr td::after {
            background: #ec3800;
            right: 0; }
          #shop main .mainWrap.noneTriangle .contents table tbody tr td ul li {
            display: block;
            margin-right: 30px; }
            #shop main .mainWrap.noneTriangle .contents table tbody tr td ul li a {
              text-decoration: underline; }
        #shop main .mainWrap.noneTriangle .contents .phKanban {
          position: relative;
          width: 100%;
          top: auto;
          right: auto;
          margin: 0 auto 40px; }
          #shop main .mainWrap.noneTriangle .contents .phKanban .read {
            font-size: 15px;
            font-size: 0.9375rem;
            line-height: 1.5rem;
            text-align: center;
            margin-top: 10px; }
        #shop main .mainWrap.noneTriangle .contents #access .ttl.cmn {
          margin-bottom: 15px; }
        #shop main .mainWrap.noneTriangle .contents #access .read {
          margin-bottom: 15px;
          font-size: 15px;
          font-size: 0.9375rem;
          line-height: 1.875rem; }
        #shop main .mainWrap.noneTriangle .contents #access iframe {
          width: 100%;
          height: 360px;
          margin-bottom: 30px; }
        #shop main .mainWrap.noneTriangle .contents #access .googlemapLink {
          width: 100%; }
          #shop main .mainWrap.noneTriangle .contents #access .googlemapLink a {
            padding: 12px 0; }
            #shop main .mainWrap.noneTriangle .contents #access .googlemapLink a em {
              font-size: 20px;
              font-size: 1.25rem;
              line-height: 2.25rem; }
            #shop main .mainWrap.noneTriangle .contents #access .googlemapLink a i.fas.fa-arrow-circle-right {
              font-size: 20px;
              font-size: 1.25rem;
              line-height: 2.25rem;
              right: 12px; } }