@media screen and (max-width: 1060px) {



    /*
  html5doctor.com Reset Stylesheet
  v1.6.1
  Last Updated: 2010-09-17
  Author: Richard Clark - http://richclarkdesign.com
  Twitter: @rich_clark
  */

  html, body, div, span, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  abbr, address, cite, code,
  del, dfn, em, img, ins, kbd, q, samp,
  small, strong, sub, sup, var,
  b, i,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section, summary,
  time, mark, audio, video {
      margin:0;
      padding:0;
      border:0;
      outline:0;
      font-size:100%;
      vertical-align:baseline;
      background:transparent;
  }

  body {
      line-height:1;
  }

  article,aside,details,figcaption,figure,
  footer,header,hgroup,menu,nav,section {
      display:block;
  }

  nav ul {
      list-style:none;
  }

  blockquote, q {
      quotes:none;
  }

  blockquote:before, blockquote:after,
  q:before, q:after {
      content:'';
      content:none;
  }

  a {
      margin:0;
      padding:0;
      font-size:100%;
      vertical-align:baseline;
      background:transparent;
  }

  /* change colours to suit your needs */
  ins {
      background-color:#ff9;
      color:#000;
      text-decoration:none;
  }

  /* change colours to suit your needs */
  mark {
      background-color:#ff9;
      color:#000;
      font-style:italic;
      font-weight:bold;
  }

  del {
      text-decoration: line-through;
  }

  abbr[title], dfn[title] {
      border-bottom:1px dotted;
      cursor:help;
  }

  table {
      border-collapse:collapse;
      border-spacing:0;
  }

  /* change border colour to suit your needs */
  hr {
      display:block;
      height:1px;
      border:0;
      border-top:1px solid #cccccc;
      margin:1em 0;
      padding:0;
  }

  input, select {
      vertical-align:middle;
  }




  h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
  }

  html {
    font-size: 62.5%;
  }


  body {
    max-width: 740px;
    margin: 0 auto;
    font-size: 1.6rem;
    overflow-wrap: break-word;
  }

  /* リセットCSS */
  body {
    padding: 0;
    box-sizing: border-box;
  }


  body, table, input, textarea, select, option {
      font-family:"游ゴシック", "YuGothic", "メイリオ", meiryo, sans-serif;
      line-height: 1.3rem;
      letter-spacing: 0.1em; }


      p {
      overflow-wrap: break-word;
      word-wrap: break-word;
      }



  .header {
        display: none;
     }



.menu-btn {
         position: fixed;
         top: 10px;
         right: 10px;
         display: flex;
         height: 80px;
         width: 80px;
         justify-content: center;
         align-items: center;
         z-index: 90;
         background-color: whitesmoke;
     }


     .menu-btn span,
     .menu-btn span:before,
     .menu-btn span:after {
         content: '';
         display: block;
         height: 3px;
         width: 36px;
         border-radius: 5px;
         background-color: black;
         position: absolute;
     }
     .menu-btn span:before {
         bottom: 9px;
     }
     .menu-btn span:after {
         top: 9px;
     }



#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}


#menu-btn-check {
    display: none;
}



     .menu-content ul {
         padding: 70px 16px 0;
        background-color: white;
     }
     .menu-content ul li {
         border-bottom: solid 1px black;
         list-style: none;
         padding-top: 3rem;
     }
     .menu-content ul li a {
         display: block;
         width: 100%;
         font-size: 18px;
         box-sizing: border-box;
         color:#000000;
         text-decoration: none;
         padding: 16px 22px 10px 0;
         position: relative;
     }
     .menu-content ul li a::before {
         content: "";
         width: 7px;
         height: 10px;
         border-top: solid 2px #000000;
         border-right: solid 2px #000000;
         transform: rotate(45deg);
         position: absolute;
         right: 11px;
         top: 16px;
     }

     .menu-content {
    width: 100%;
    height: 70%;
    padding-top: 6rem;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: white;
    opacity: 0.9;
    transition: all 0.5s;/*アニメーション設定*/
}

#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}


.shop-banner { width: 98%;
  height: auto;
  text-align:center;
  margin: 0 auto;
  padding-top: 6rem; }

 .shop-banner-menu { width: 94%;
    height: auto; text-align:center; margin: 0 auto;
    padding: 1.6rem 0 4rem; }


.netshop-banner { width: 96%; height: auto;
  text-align:center;
  margin: 0 auto;
  margin-top: 10rem; }


  .netshop-banner-menu { width: 96%; height: auto;
    text-align:center;
    margin: 0 auto;
    margin-top: 3rem; }


/** デフォルトの大きさは1.0倍 */
.shop-banner  img{
  transform: scale(1);
}
/** 画像ホバー時のアニメを設定 */
.shop-banner  img:hover{
  -webkit-animation: bound 1s ease-in;
  -moz-animation:    bound 1s ease-in;
  animation: bound 1s ease-in;
}

/** アニメーションの定義 */
@keyframes bound {
  /** 開始時は１倍の大きさ */
  from { transform: scale(1); }
  /** 0%～25%にかけて1.15倍する */
  25% { transform: scale(1.15); }
  /** 25%～50%にかけて0.95倍する */
  50% { transform: scale(0.95); }
  /** 50%～75%にかけて1.05倍する */
  75% { transform: scale(1.05); }
  /** 終了時は元の大きさに戻す */
  to { transform: scale(1); }
}

.shop-note {    line-height: 2rem;
     width: 97%; font-size: 1.3rem; letter-spacing: 0rem;
      margin: 0 auto; margin-top: 1.2rem;
      list-style:none; text-align: center;
      padding-bottom: 6rem;
      color: black;
}

.shop-banner .shop-note { text-align: center;}

.shop-note span {display: inline-block;}



.oshirase { width: 76%; height: 48%; text-align:center;
  margin: 0 auto;
  padding: 1rem 0 0.8rem; border-radius:0.8rem;
  border: 1px solid #000;}

.oshirase a p  {
    line-height: 2.1rem;
    font-size: 1.4rem;
    text-align:center;
    letter-spacing: 0.1rem;
    margin: 0 auto;
    overflow:hidden;
    list-style:none;
    display: inline-block;
    text-decoration: none;
    color: black;
    transition: .3s;
  } /*ゆっくり透明に*/

.oshirase a p:hover {
    text-decoration: underline;
    opacity: 0.5;
  } /*ホバー時に透明度50%*/





.top  {
       width: 98%;
       margin: 0 auto;
       height: auto;
     }


.zuzuzu {
        width: 72%;
        margin: auto;
        display:block;
        height: auto;
        margin-top: 5rem;
        padding: 5rem 0 3rem;
        text-align: center;
      }



  .animation1 {
    width: 90%;
    margin: 0 auto; display:block; height: auto; text-align: center;
         padding-bottom: 4rem;
       }

      @keyframes open-keyanime1 { /* アニメーションの動き */
         0% {
           opacity:0; /* 完全に透明 */ }
         100% {
           opacity:1; /* 透明度無し、通常表示 */ } }
       .animation1 {
         animation-name: open-keyanime1 ;
  animation-duration: 6s; /* 6秒間で表示 */
         animation-fill-mode: both;
         animation-iteration-count: infinite;
       }


.susurankai-logo {
         width: 60%;   height: auto;
         display:block;
         height: auto;
         text-align: center;
         margin: 0 auto;
       }


.main-copy-box  {
  width: 90%; height: auto;
  margin: 0 auto;
  margin-top: 1rem;
  text-align:center;
  padding: 5rem 0 1.8rem;
}

.main-copy-box  .main-copy {
    line-height: 3.2rem;
    font-size: 1.7rem;
    letter-spacing: 0.06em;
    text-align: left;
    display: inline-block;
     }

  .main-copy span {display: inline-block;}




  .banner {
      width: 98%;
      box-sizing: border-box;
      border-bottom: 1px solid black;
      padding: 8rem 0 6rem;
      margin-bottom: 8rem;
      margin: 0 auto;
       }



    .banner li {
     text-align: center;
    list-style: none;
    padding:3rem 0 2rem;
    }

    .banner li a {
      font-size: 1.6rem;  text-decoration: none;
      list-style: none;
      margin-top: 2rem;
      color: #4b4b4b;
     text-align: center;
      line-height: 0.4em;
      transition: .3s;
    } /*ゆっくり透明に*/

    .banner li a:hover {
      text-decoration: underline;
      opacity: 0.5;
    } /*ホバー時に透明度50%*/


    .banner-photo {
      width: 89%;
      height: auto; /*画像の縦横比を維持 */
      display: block;
      padding: 1.2rem 0 0.24rem;
      margin: 0 auto;
      transition: .3s;
    } /*ゆっくり透明に*/


    .banner-photo:hover {
      opacity: 0.5;
    } /*ホバー時に透明度50%*/


    .banner-photo:hover {
      transform: scale(1.04);
      transition-duration: 0.5s;
    }






  .men {
    max-width: 98%;
      margin: 0 auto;
      text-align: center;
    }

.jikaseimen {
        margin: 0 auto;
        text-align: center;
    }

    .mainichi-miseuchi {
      font-size: 3.8rem;
      margin:0 auto;
      padding-top: 7rem;
      line-height: 6rem;
      text-align: center;
      padding-left: 0.3rem;
      letter-spacing: 0.12em;
      font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
         }

    .jikaseimen-logo {
        width: 80%;
        height: auto;
        text-align: center;
      }





.buruburu {
      max-width: 56%;
        height: auto;
        margin: 0 auto;
        display:block;
        margin-top: 4rem;
        text-align: center;
      }

      .buruburu {
          -webkit-animation:buruburu 0.1s infinite linear alternate;
          animation:buruburu 0.1s infinite linear alternate;
      }

      @-webkit-keyframes buruburu {
          0% {-webkit-transform:translate(0, 0) rotate(-3deg);}
          50% {-webkit-transform:translate(0, -1px) rotate(0deg);}
          100% {-webkit-transform:translate(0, 0)rotate(3deg);}
      }

      @keyframes buruburu {
          0% {transform:translate(0, 0) rotate(-3deg);}
          50% {transform:translate(0, -1px) rotate(0deg);}
          100% {transform:translate(0, 0)rotate(3deg);}
      }



.men-copy {
  margin: 0 auto;
  margin-top: 4rem;
  text-align:center;
  width: 96%; height: auto;
  padding-bottom: 4rem;
}



.men-copy .men-copy-zuzuzu {
  width: 88%; height: auto;
  line-height: 4.2rem;
  font-size: 2.4rem;
  text-align:left;
  display: inline-block;
  padding: 1rem 0rem 1rem;
  letter-spacing: 0.1em;
  font-weight: bolder;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.men-copy .men-copy-honbun {
  width: 88%; height: auto;
  line-height: 2.4rem;
  font-size: 1.4rem;
  text-align:left;
  display: inline-block;
  margin: 0 auto;
  letter-spacing: 0rem;
}


.men-copy-zuzuzu span {display: inline-block;}

.men-copy-honbun span {display: inline-block;}




    img.susurankai-noren02 {
      width: 95%;
      margin: 0px auto;
      display:block;
      height: auto;
      margin-top:20rem;
      text-align: center;
      margin-bottom: 10rem;
    }




.shop-copy {
      margin: 0 auto;
      margin-top: 8rem;
      text-align:center;
      width: 90%; height: auto;
    }

.shop-copy .shop-title  {
      line-height: 5rem;
      font-size: 3.2rem;
      text-align:left;
      display: inline-block;
      padding: 1.3rem 0rem  2.8rem;
      margin-left: 1rem;
      letter-spacing: 0.2em;
      font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }

.shop-title span {display: inline-block;}


.shop-copy .shop-honbun {
      line-height: 2.6rem;
      font-size: 1.4rem;
      text-align:left;
      display: inline-block;
      margin: 0 auto;
      margin-left: 1rem;
      letter-spacing: 0.08em;
    }



    .shop-photo {
      max-width:99%; /*画像のはみだしを防ぐ*/
      width: calc(100%/3);/*←画像を横に4つ並べる場合*/
      width: auto;
      box-sizing: border-box;
      display: flex;
      text-align: center;
      padding-top: 3rem;
    }


    .shop-photo li {
      overflow:hidden;
      list-style:none;
      margin: 0 auto;
      display: inline-block;
      text-align: center;
    }

    .shop-photo li img {
      max-width:100%; /*画像のはみだしを防ぐ*/
      width: calc(100%/3);/*←画像を横に3つ並べる場合*/
      width: 94%;
      margin: 5rem 0.6rem 3rem;
      height: auto; /*画像の縦横比を維持 */
      text-align: center;
    }


    .map  {
    width: 90%;
    display:block;
    height: auto;
    margin: 0 auto;
    padding: 3rem 0 2rem;
    text-align: center;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
  }

  .shop-name { line-height: 3rem;
    font-size: 2rem;
    text-align: center;
    letter-spacing: 0.16em;
    margin: 6rem 0 2.6rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
  }

  .address { line-height: 2.9rem;
    font-size: 1.5rem;
    text-align: center;
    letter-spacing: 0.07em;
    margin: 2rem 0 1.2rem;
  }


  .corona-info { line-height: 1.7rem; font-size: 1.1rem; letter-spacing: 0.04em;
    text-align: center; margin: 2rem 0 1rem;
    font-family:"游ゴシック", "YuGothic", "メイリオ", meiryo, sans-serif;
    color: red;  text-decoration: underline;
  }

  .corona-info span {display: inline-block;}

  .corona-info:hover {
    transition: 1s; /*ゆっくり透明に*/   opacity: 0.5;/*ホバー時に透明度50%*/
  }




    .google-map {
      height: 0;
      overflow: hidden;
      margin: 3rem 0 4rem 0;
      padding-bottom: 56%;
      position: relative;
      }

     iframe {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      }

      .map-comment { line-height: 1.8rem;
        font-size: 1.2rem;
        text-align: center;
        letter-spacing: 0.06em;
        margin: 0.2rem 0 1rem;
      }

      .map-comment span {display: inline-block;}



.company {
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}

.company-top {
  width: 98%;
  margin: 0 auto;
  text-align: center;
}

.scheme-vi {
      width: 76%;
      height: auto;
      margin: 0 auto;
      display:block;
      padding: 16rem 0 8rem;
      text-align: center;
    }


.scheme-copy {
  width: 88%;
  margin: 0 auto;
  text-align: center;
}


.scheme-copy .scheme-maincopy  {
  width: 94%; height: auto;
  line-height: 3.6rem;
  font-size: 2.1rem;
  letter-spacing: 0.1rem;
  margin-top: 5rem;
  margin: 0 auto;
  padding-bottom: 4rem;
  text-align: center;
  font-weight: bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }



.scheme-copy-honbun {
  width: 96%; height: auto;
  line-height: 2rem;
  font-size: 1.4rem;
  letter-spacing: 0.01em;
  margin-top: 1rem;
}

.scheme-copy .scheme-copy-honbun {
  text-align:left;
  display: inline-block;
}



.scheme-copy-honbun span {display: inline-block;}






    .contact-box  {
      width: 76%;
      text-align: center;
      padding: 0.8rem;
      margin: 0 auto;
      margin-top: 5rem;
      background: white;
      border-top: solid 5px gray;
      box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
      }

    .contact-box p {
      margin: 0;
      padding: 0;  }

      .toiawase  {
          font-size: 1.6rem;
          line-height: 3rem;
          letter-spacing: 0.2rem;
          text-align: center;
          margin: 0 auto;
          font-weight: bold;
         font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝";
          }


    .info-mail p {
      width: 88%;
      text-align: center;
      padding: 0.3rem;
      margin: 0 auto;
      margin-top: 3rem;
      font-size: 1.9rem;
      line-height: 3rem;
      letter-spacing: 0.2rem;
      font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }




    .our-works {
      width: 100%;
      margin: 0 auto;
      margin-top: 8rem;
    }


    .flexbox {
      width: 96%;
      margin-top: 6rem;
      border-top: 0.16rem solid black;
      padding-top: 4rem;
    }


    .flexbox__content-text {
      margin: 0 auto;
      text-align: center;
      max-width: 98%;
    }

    .flexbox__content-photo  {
      text-align: center;
      margin: 0 auto;
      display: block;
      width: 94%;
    }


.flexbox__content-text #numbering {
      line-height: 2rem;
      font-size: 4.3rem;
      padding: 3rem 0 2rem;
      margin-top: 5rem;
      text-align: center;
      font-style: italic;
      font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝";
    }

.flexbox__content-text #works-title {
      line-height: 3.8rem;
      font-size: 2.6rem;
      letter-spacing: 0.1em;
      margin: 0 auto;
      text-align: center;
      padding: 2.2rem 0 2rem;
      font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝";
      font-weight: bold;
      width: 92%;
    }

.flexbox__content-text #works-title span {display: inline-block;}

.flexbox__content-text #works-text {
      line-height: 1.7rem;
      font-size: 1.2rem;
      letter-spacing: 0.01rem;
      text-align: left;
      margin: 0 auto;
      padding-bottom: 1rem;
      width: 92%;
    }

.flexbox__content-text #works-text span {display: inline-block;}

.flexbox__content-text #works-Annotation {
      line-height: 1rem;
      font-size: 0.8rem;
      letter-spacing: 0.08em;
      margin: 0 auto;
      text-align: left;
      padding-bottom: 1rem;
      width: 92%;
    }


.works-photo-a {
    width: 96%; height: auto; margin: 0 auto;
     text-align: center;
     padding: 3rem 0 1rem; margin-bottom: 1.2rem;  }

     .works-photo-b {
         width: 96%; height: auto; margin: 0 auto;
          text-align: center;
          padding: 3rem 0 1rem; margin-bottom: 0.4rem;  }

          .works-photo-c {
              width: 96%; height: auto; margin: 0 auto;
               text-align: center;
               padding: 3rem 0 3rem; margin-bottom: 5rem;  }





    .store-box {
      width: 98%;
         margin:1rem 0;
         position: relative;
         padding: 1rem 0 1rem;
         margin-top: 3rem;
     }



  .store-heading {
       font-size: 1.2rem;
       letter-spacing: 0.8em;
       margin: 2.2rem 0 1rem;
       text-align: center;
      font-family:"游ゴシック", "YuGothic", "メイリオ", meiryo, sans-serif;
     }

    .store-area {
      width: 96%;
      height: auto;
      text-align: center;
      margin: 0 auto;
      display: flex;
      padding: 2rem 0 1rem;
    }

     .store {
       margin: 0 auto;
       width: 30%;
     }


    .store img {
      width: 100%;  height: auto;
      margin-top: 1rem;
    	height: auto; /*画像の縦横比を維持 */
      text-align: center;
      padding-bottom: 1rem;
    }

 #store-title {  line-height: 1rem;
      font-size: 0.1rem;
      letter-spacing: 0rem;
      margin-top: 0.2rem;
      text-align: left;
      margin-left: 0.3rem;
    }


 #store-name {  line-height: 1.8rem;
     font-size: 0.9rem;
     letter-spacing: 0.01em;
     margin-top: 1rem;
     text-align: left;
      margin-left: 0.3rem;
      font-family:"游ゴシック", "YuGothic", "メイリオ", meiryo, sans-serif;}

 #store-name span {display: inline-block;}


 #store-address {  line-height: 1.6rem;
     font-size: 0.24rem;
     letter-spacing: 0rem;
     margin-top:0.4rem;
     text-align: left;
      margin-left: 0.3rem;}





      .line-box {
          width: 96%;
          margin: 0 auto;
          padding: 7rem 0 7rem;
          border-top: 0.16rem solid black;
        }



      .company-info {
        width: 98%;
        text-align: center;
        margin: 0 auto;
        padding-top: 4rem;

      }



      .company-title {
        font-size: 1.7rem;
        font-weight: bold;
        font-family:"Avenir",sans-serif;
        line-height: 2rem;
         letter-spacing: 0.03em;
         text-align: center;
         margin: 0 auto;
      }





      table .scheme-type tr {
        text-align: center;
        margin: 0 auto;
        width: 100%;
        background: #3f3f3f;
        color: #ffffff;
        font-family: arial;
        font-size: 1.2rem;
        line-height: 2rem;
        letter-spacing: 0rem;
        }




      table {
          width: 100%;
          height: auto;
          margin-left: auto;
          margin-right: auto;
          margin-top: 4rem;
          font-family: arial;
          font-size: 1.2rem;
          line-height: 2rem;
          letter-spacing: 0rem;
      }



      td {
          border-bottom: 0.1rem solid gray;
          padding: 2.4rem 0.6rem 1.2rem;
          text-align: left;
          font-family: arial;
          font-size: 1.2rem;
          line-height: 2rem;
          letter-spacing: 0rem;
      }

    .t-name  { font-size: 1rem; line-height: 2rem; letter-spacing: 0rem;
          font-family: arial;
          padding-right: 2rem;
        }

      .ks {
          font-size: 0.8rem;
          line-height: 2rem;
           letter-spacing: 0rem;
           font-family: arial;
        }


.info-space {  width: 100%; height: auto;
      text-align: center; margin: 0 auto;
          padding: 10rem 0 10rem;}

.jikan-info { width: 98%; height: auto;
    text-align: center; margin: 0 auto;
          padding: 6rem 0rem 5rem;
        }


.jikan-info .jikan-title  { width: 88%; height: auto;
      line-height: 2.4rem; font-size: 1.5rem;
      letter-spacing: 0rem; text-align: left;
      margin: 0 auto; padding-top: 2rem;}

.jikan-info .jikan-title span {display: inline-block;}

.jikan-info .jikan { width: 88%; height: auto; line-height: 3.8rem;
      font-size: 2.7rem; text-align: left;
      font-weight: bolder;
      font-family:"Avenir",sans-serif;
      margin: 0 auto; padding: 1.8rem 0 0.5rem;
        }

.jikan-info .jikan span {display: inline-block;}

        .jikan-info .sake {
          width: 88%; height: auto;
          line-height: 1.8rem;
          font-size: 1.36rem;
          text-align: left;
          margin: 0 auto;
          padding: 0.7rem 0 1rem;
        font-family:"游ゴシック", "YuGothic", "メイリオ", meiryo, sans-serif;
        }

.jikan-info .sake span {display: inline-block;}

.jikan-info .note { width: 88%; height: auto;
      line-height: 2.1rem; font-size: 1.16rem; letter-spacing: 0.1em;
      text-align: left; margin: 0 auto;
      padding: 2rem 0 1rem; margin-bottom: 1.8rem;
      font-family:"游ゴシック", "YuGothic", "メイリオ", meiryo, sans-serif;
        }

.jikan-info .note span {display: inline-block;}

  .modoru a {
    line-height: 2rem; font-size: 1.2rem; letter-spacing: 0.1em;
      text-align: center; margin: 0 auto;
          padding: 8rem 0 3.6rem;
      overflow:hidden; list-style:none;
      text-decoration: none;    color: black;
          transition: .3s;
        } /*ゆっくり透明に*/

        .modoru a:hover {
          text-decoration: underline;
          opacity: 0.5;
        } /*ホバー時に透明度50%*/



.menu {width: 100%; margin: 0 auto; text-align: center;}

  .menu-sinazoroe {
      font-size: 1.6rem;  line-height: 3rem;  letter-spacing: 0.2rem;
          margin-top: 6rem; padding-top: 6rem; text-align: center;}

.tax-note {  font-size: 1rem;  line-height: 2rem; letter-spacing: 0.1em;
      margin-top: 0.4rem; text-align: center;}




.ramen-menu{width: 100%; margin: 0 auto; text-align: center;}


  .menu-ramen-title-jap {
    font-size: 4rem;  line-height: 5rem;  letter-spacing: 0.3em;
      margin-top: 2rem; padding-top: 10rem; text-align: center;
      font-weight: bolder;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

    .menu-ramen-title-eng {
      font-size: 1.9rem;  line-height: 3rem;  letter-spacing: 0.12em;
        margin-top: 0.2rem;  text-align: center;
          font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

    .ramen-menu {margin: 0 auto;  text-align: center; margin: 1rem 0 0.2rem;}


    .ramen-photo {  width: 88%;  height: auto;
      margin: 0 auto;  text-align: center;
        margin-top: 7rem;}


    .ramen-title-jap  { font-size: 2.2rem; line-height: 3rem;
        letter-spacing: 0.14em; text-align: center;
         margin: 0 auto;  padding-top: 1rem;
         font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        }

    .ramen-title-eng  {  font-size: 1.4rem;
         line-height: 2.2rem; letter-spacing: 0.1em;
         text-align: center; margin: 0 auto;  padding-top: 0.1rem;
       font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

       .ramen-ex  {  font-size: 0.8rem;
            line-height: 1.2rem; letter-spacing: 0.02em;
            text-align: center; margin: 0 auto; padding: 0.1rem 0 0.3rem;
          font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

           .ramen-ex span {display: inline-block;}


    .ramen-price  { line-height: 2rem; font-size: 2rem; letter-spacing: 0.1em;
      text-align: center; margin: 0 auto;  font-family:"Avenir",sans-serif;
      padding: 0.6rem 0 2rem;
        }

    .topping-note { line-height: 2.2rem; font-size: 1.2rem;
         letter-spacing: 0.02rem;
         text-align: center;
         margin: 0 auto;
         padding: 4rem 0 3rem;
        }


    .gohan-menu {margin: 0 auto;  text-align: center; margin: 3rem 0 1rem;}

        .menu-gohan-title-jap {
          font-size: 3.2rem;  line-height: 5rem;  letter-spacing: 0.06rem;
         margin-top: 2rem; padding-top: 12rem; text-align: center;
          font-weight: bolder;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

        .menu-gohan-title-eng {
          font-size: 1.7rem;  line-height: 3rem;  letter-spacing: 0.12em;
              margin-top: 0.3rem;  text-align: center;
            font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

        .gohan-category {
          max-width:100%; /*画像のはみだしを防ぐ*/
          width: calc(100%/2);/*←画像を横に2つ並べる場合*/
          width: auto;
          box-sizing: border-box;  display: flex;
          margin: 0 auto; text-align: center;
          padding: 3rem 0.1rem 1rem;
          list-style: none;
        }

        .gohan {width: 98%;  height: auto;
            margin: 0 auto;  text-align: center;
            margin-top: 1rem;}

        .gohan-photo {  width: 96%;  height: auto;
            margin: 0 auto;  text-align: center;
            margin-top: 0.6rem;    }

        .gohan-title-jap  { font-size: 1.3rem; line-height: 2.2rem; letter-spacing: 0.02em;
             text-align: center;
             margin: 0 auto;
             padding-top: 1rem;
             font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
            }

        .gohan-title-eng  {  font-size: 0.9rem;
             line-height: 1.2rem; letter-spacing: 0.01rem;
             text-align: center; margin: 0 auto; padding-bottom: 0.3rem;
           font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

            .gohan-price  {
        line-height: 2.2rem; font-size: 1.6rem;  letter-spacing: 0.1em; text-align: center;
          font-family:"Avenir",sans-serif;   margin: 0 auto;
              padding: 0.1rem 0 0.6rem;    }



        .tsumami-menu {margin: 0 auto;  text-align: center; margin: 2.2rem 0 1rem;}

        .menu-tsumami-title-jap {
          font-size: 2.9rem;  line-height: 5rem;  letter-spacing: 0.06rem;
         margin-top: 2rem; padding-top: 9rem; text-align: center;
          font-weight: bolder;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}



        .menu-tsumami-title-eng {
          font-size: 1.6rem;  line-height: 3rem;  letter-spacing: 0.12em;
              margin-top: 0.3rem;  text-align: center;
            font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}


      .tsumami-photo{  width: 96%;  height: auto;
                margin: 0 auto;  text-align: center;
                margin-top: 1rem;  }

    .tsumami-title-jap  { font-size: 1.3rem; line-height: 2.2rem; letter-spacing: 0.02em;
                 text-align: center;
                 margin: 0 auto;
                 padding-top: 1rem;
                 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
                }

    .tsumami-title-eng  {  font-size: 0.9rem;
             line-height: 1.2rem; letter-spacing: 0.01rem;
             text-align: center; margin: 0 auto; padding-bottom: 0.3rem;
           font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}


      .tsumami-price  {
        line-height: 2.2rem; font-size: 1.6rem;  letter-spacing: 0.1em; text-align: center;
             font-family:"Avenir",sans-serif;   margin: 0 auto;
            padding: 0.1rem 0 0.6rem;    }


  .menu-note { line-height: 2.2rem; font-size: 1.2rem;
       letter-spacing: 0.02rem;
        text-align: center;  margin: 0 auto;
             padding: 6rem 0 2rem;
            }

 .menu-note span {display: inline-block;}





 .sns-icons { width: 44%;  display: flex;  margin: 0 auto;
     text-align: center; margin-top: 3rem;}

 .sns-icons img {
   max-width:100%; /*画像のはみだしを防ぐ*/  width: calc(100%/3);/*←画像を横に3つ並べる場合*/
  width: 38%; height: auto; /*画像の縦横比を維持 */
  list-style:none; display: inline-block;
          }

     .sns-icons img :hover{opacity: 0.4; list-style:none; white-space: nowrap;}

     .twitter {  width: 3rem; height: auto; padding-top: 0.22rem; }

     .facebook {  width: 1.5rem; height: auto;}

     .instagram {  width: 3.1rem; height: auto;}



.footer { width: auto; list-style:none; text-decoration: none;
    color: #4b4b4b; text-align: center; font-size: 1.2rem;
      padding: 3rem 0 4rem;
    }





}