@media screen and (min-width: 1061px) {



  /*
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: 1280px;
  margin: 0 auto;
  overflow-wrap: break-word;
}

body, table, input, textarea, select, option {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}


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


.wrapper {max-width: 100%;}


.hamburger-menu { display: none;}


.header {
  width: 100%; position: fixed;
  top: 0;
  background-color: #fff;
  height: 20rem; z-index: 9999;
  opacity: 0.95;
}

.header ul  {
 list-style:none; display: flex;
}

.header nav ul li  {
  list-style:none;  margin-top: 4rem;}

.header nav ul li a  {
  list-style:none; white-space: nowrap;
}

.header nav ul li a p {
  list-style:none; display: inline-block;
  font-size: 1.5rem;  line-height: 2.1rem;   letter-spacing: 0.16rem;
  text-decoration: none; color: black; white-space: nowrap;
  margin: 4.2rem 2rem;  position: sticky;
  padding-top: 0.2rem;
}

.susurankai-icon  {
 width: 9.8rem; height: auto;
 margin: 0 auto;
 padding-left: 4rem; padding-right: 2rem;
}

.header nav ul li a .cart { text-align: right;
    width: 8rem; margin-top: 1.4rem;
    padding-left: 13vw;
    }

.susurankai-icon {
  transition: .3s;
} /*ゆっくり透明に*/

.susurankai-icon { animation-name:fadeDownAnime;
animation-duration:0.5s;
/* 左から */
animation-name:fadeLeftAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeLeftAnime{
  from {
    opacity: 0;
  transform: translateX(-100px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}



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

.cart {
  transition: .3s;/*ゆっくり透明に*/
  animation: left 1s .2s ease-in-out infinite alternate;
  }

  @keyframes left{
    0%{
      transform: translateX(8rem);}
    100%{
      transform: translateX(13rem);}
  }


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

.header ul li a p {
  transition: .3s;
} /*ゆっくり透明に*/

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




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

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


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

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


  /** デフォルトの大きさは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.2倍する */
    25% { transform: scale(1.2); }
    /** 25%～50%にかけて0.9倍する */
    50% { transform: scale(0.9); }
    /** 50%～75%にかけて1.1倍する */
    75% { transform: scale(1.1); }
    /** 終了時は元の大きさに戻す */
    to { transform: scale(1); }
  }


.shop-note {    line-height: 2.6rem;
    width: 86%;
    font-size: 1.8rem;
    text-align:center;
    letter-spacing: 0.19rem;
    margin: 0 auto;
    margin-top: 1.8rem;
    padding-bottom: 9rem;
    list-style:none;
    color: black;}



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

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


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

.oshirase a p  {
    font-size: 1.7rem;
    text-align:center;   margin: 0 auto;
    letter-spacing: 0.1em; line-height: 2rem;
    overflow:hidden;  list-style:none;
    display: inline-block; text-decoration: none;
    color: black;
  font-family:"游ゴシック", "YuGothic", "メイリオ", meiryo, sans-serif;
    transition: .3s;
  } /*ゆっくり透明に*/

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







.top{
  max-width: 98%;
}


.zuzuzu {
  width: 64%;
  margin: 0 auto;
  display:block;
  height: auto;
  margin-top: 8rem;
  padding: 11rem 0 10rem;
  text-align: center;
}


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

@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 {
  width: 78%;
  line-height: 7rem;
  font-size: 3rem;
  text-align:center;
  letter-spacing: 1.6rem;
  margin: 0 auto;
  margin-top: 14rem;
}

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


.banner {
  width: 100%;
  box-sizing: border-box;
	display: flex;
  text-align: center;
  margin: 10rem 0 10rem;
  border-bottom: 1px solid black;
  overflow: hidden;
  cursor: pointer;
}


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

.banner li img {
  max-width:100%; /*画像のはみだしを防ぐ*/
  width: calc(100%/4);/*←画像を横に4つ並べる場合*/
  padding-top: 1rem;
  width: 98%;
	height: auto; /*画像の縦横比を維持 */
  text-align: center;
  transition-duration: 0.5s;
}

.banner li a {
  font-size: 1.5rem;
  display: inline-block;
  text-decoration: none;
  color: #4b4b4b;
  text-align: left;
  line-height: 2em;
  margin-bottom: 6rem;
}


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




.banner li a {
  transition: .3s;
} /*ゆっくり透明に*/

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




.men {
  max-width: 100%;
  margin: 0px auto;
  padding: 200px 0 80px;
  text-align: center;
}

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

.mainichi-miseuchi {
      font-size: 11.6rem;
      margin:0 auto;
      line-height: 13rem;
      letter-spacing: 0.14em;
      text-align: center;
     }

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


.buruburu {
    width: 52%;
    height: auto;
    margin: 0 auto;
    display:block;
    margin-top: 6rem;
    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;
  	max-width: 96%;
    text-align:center;
  }


.men-copy-zuzuzu {
  margin: 0 auto;
  line-height: 5rem;
  font-size: 3.4rem;
  text-align:center;
  letter-spacing: 0.5rem;
  padding: 1.4rem 0 3rem;
}

.men-copy-honbun {
  width: 64%; height: auto;
  margin: 0 auto;
  line-height: 4.4rem;
  font-size: 2rem;
  text-align:center;
  letter-spacing: 0.28rem;
}


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



/*ここからSHOPページ*/


img.susurankai-noren02 {
  width: 100%;
  margin: 0 auto; display:block;
  height: auto; overflow: hidden;  text-align: center;
  margin-top: 24rem;
  margin-bottom: 12rem;
}




p.shop-copy {
  margin: 0 auto;
  margin-top: 24rem;
  text-align:center;
  width: auto;
}

.shop-title {
  line-height: 4rem;
  font-size: 3.4rem;
  text-align:center;
  padding: 3rem;
  letter-spacing: 1rem;
}

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

.shop-honbun {
  line-height: 3rem;
  font-size: 1.6rem;
  text-align: center;
  letter-spacing: 0.12rem;
  padding-bottom: 3rem;;
}

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


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


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


.map  {
  width: 100%;
  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: 4rem;
  font-size: 2.5rem;
  text-align: center;
  letter-spacing: 0.16em;
  margin: 6rem 0 2rem;
}

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



.corona-info {
    line-height: 2.2rem;  font-size: 1.4rem;   letter-spacing: 0.14em;
    text-align:center; color: red;
    margin: 0 auto; display: inline-block; text-decoration: underline;
    font-family:"游ゴシック", "YuGothic", "メイリオ", meiryo, sans-serif;
    overflow:hidden; list-style:none;
}

.corona-info:hover {
  transition: .2s; /*ゆっくり透明に*/   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.5rem;
    text-align: center;
    letter-spacing: 0.1em;
    margin: 0.2rem 0 1rem;
  }





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

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


.scheme-vi {
  max-width: 64%;
  height: auto;
  margin: 0 auto;
  display:block;
  padding-top: 36rem;
  text-align: center;
}



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


.scheme-maincopy  {
  font-size: 5.4rem;
  line-height: 9rem;
  letter-spacing: 0.2em;
  margin-top: 5rem;
  text-align: center;
  font-weight: bolder;
}


.scheme-copy-honbun  {
  width: 72%; height: auto;
  text-align: center;
  margin: 0 auto;
  line-height: 4rem;
  font-size: 2rem;
  letter-spacing: 0.26em;
  margin-top: 4rem;
}

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



.contact-box  {
  width: 56%;
  text-align: center;
  padding: 1rem;
  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 {
  font-size: 2rem;
  line-height: 3rem;
  letter-spacing: 0.6rem;
  text-align: center;
  margin: 0 auto;
  }


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





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



.flexbox {
  display: flex;
  width: 90%;
  margin: 0 auto;
  margin-top: 10rem;
  margin-bottom: 4rem;
  border-top: 0.2rem solid black;
  padding: 7rem 0 4rem;
}


.flexbox__content-text {
  width: 58%;
  height: auto;
}


.flexbox__content-photo  {
  width: 90%;
  padding-top: 3rem;
  margin-bottom: 4rem;
  position: relative;
  height: auto;
}


.flexbox .flexbox__content-text #numbering {
      line-height: 6rem;
      font-size: 7rem;
      font-style: italic;
      padding-left: 8rem;
      margin-top: 4rem;
      font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝";
      text-align: left;
    }


.flexbox .flexbox__content-text #works-title {
    text-align: left ;
      line-height: 4.8rem;
      font-size: 3.2rem;
      letter-spacing: 0.3em;
      padding-left: 8rem;
      margin-top: 4rem;
      font-weight: bold;
      text-align: left;
    }

.flexbox .flexbox__content-text #works-text {
      line-height: 2.5rem;
      font-size: 1.6rem;
      letter-spacing: 0.02em;
      padding-left: 8rem;
      margin-top: 4rem;
      text-align: left;
    }

.flexbox .flexbox__content-text #works-Annotation {
      line-height: 1rem;
      font-size: 0.8rem;
      letter-spacing: 0.08em;
      padding-left: 8rem;
      margin-top: 4rem;
      text-align: left; }

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

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


.works-photo-a  {
  width: 84%; height: auto;
  padding-right: 4rem;
  margin-top: 8rem;
  margin: 0 auto;
}

.works-photo-b {
  width: 84%; height: auto;
  padding-right: 4rem;
  margin-top: 8rem;
  margin: 0 auto;
}

.works-photo-c  {
  width: 84%; height: auto;
  padding-right: 4rem;
  margin-top: 8rem;
  margin: 0 auto;
}





.store-box {
     margin: 0 auto;
     position: relative;
     padding-top: 2rem;
     padding-bottom: 1rem;
     border-top: solid 1px gray;
     border-bottom: solid 1px gray;
     margin-top: 4rem;
     width: 92%;
     height: auto;
 }

.store-box:before, .store-box:after{
     content: '';
     position: absolute;
     top: -10px;
     width: 2px;
     height: -webkit-calc(100% + 20px);
     height: calc(100% + 20px);
     background-color: gray;
 }

.store-box:before {left: 10px;}
.store-box:after {right: 10px;}
.store-box p {
     margin: 0;
     padding: 0;
 }


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

.store-area {
  width: 90%;
  height: auto;
  margin: 0 auto;
  display: flex;
  padding: 1rem 0 1rem;
}

 .store {
   margin: 0 auto;
 }


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

.store #store-title {
  line-height: 1rem;
  font-size: 0.8rem;
  letter-spacing: 0.02em;
  padding-top: 1rem;
  text-align: left;
  padding-left: 2rem;
}


.store #store-name {
 font-size: 1.6rem;   line-height: 2rem; letter-spacing: 0.02em;
  padding-top: 1rem;
 text-align: left;
  padding-left: 2rem;
  font-family:"游ゴシック", "YuGothic", "メイリオ", meiryo, sans-serif;
}

.store #store-address {  font-size: 1.1rem;
   line-height: 1.8rem;
   margin-top: 0.4rem; text-align: left;
  padding-left: 2rem;
  font-family:"游ゴシック", "YuGothic", "メイリオ", meiryo, sans-serif;}





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



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


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


.scheme-type {
  width: 80%;
}


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




table {
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top:3rem;
    font-family: arial;
    font-size: 1.4rem;
    line-height: 2rem;
    letter-spacing: 0.03em;
}



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



.t-name  {
  font-size: 1.1rem;
    line-height: 2rem;
     letter-spacing: 0.05em;
    font-family: arial;
    padding:1rem 0 1rem 2rem;
    margin-left: 1rem;
  }

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

.info-space {  width: 80%; height: auto;
  text-align: center;  margin: 0 auto;
  padding: 36rem 0 2rem;}

.jikan-info {  width: 74%; height: auto;
  text-align: center; margin: 0 auto;
  padding: 4rem 0rem 4rem; }


.jikan-title  {
  line-height: 4.2rem; font-size: 2rem; letter-spacing: 0.1em;
  text-align: center; margin: 0 auto;
  font-family:"游ゴシック", "YuGothic", "メイリオ", meiryo, sans-serif;
}

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

.jikan {
  line-height: 6rem;
  font-size: 4.8rem;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: bolder;
  font-family:"Avenir",sans-serif;
  margin: 0 auto;
  padding: 2rem 0 1rem;
}

.sake {
  line-height: 3rem;
  font-size: 1.9rem;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 0 auto;
font-family:"游ゴシック", "YuGothic", "メイリオ", meiryo, sans-serif;
}

.note {
  line-height: 3rem;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 0 auto;
  padding: 4rem 0 12rem;
font-family:"游ゴシック", "YuGothic", "メイリオ", meiryo, sans-serif;
}

.note span {display: inline-block;}


.modoru a { line-height: 2rem; font-size: 1.3rem;
  letter-spacing: 0.1em;
  text-align: center; margin: 0 auto;
  padding-bottom: 4rem;
  overflow:hidden; list-style:none; text-decoration: none;
  color: #4b4b4b;
  white-space: nowrap;
  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: 2rem;  line-height: 4rem;  letter-spacing: 0.1em;
  margin-top: 14rem;
  padding-top: 10rem; text-align: center;
  font-family:"游ゴシック", "YuGothic", "メイリオ", meiryo, sans-serif;
}

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



.menu-ramen-title-jap {
  font-size: 7.3rem;  line-height: 10rem;  letter-spacing: 0.3em;
  margin-top: 12rem;
  padding-top: 4rem;
  text-align: center;
  font-weight: bolder;}

.menu-ramen-title-eng {
    font-size: 3.3rem;  line-height: 5rem;  letter-spacing: 0.12em;
    margin-top: 1rem;  text-align: center;}


.ramen-menu {margin: 0 auto;  text-align: center; margin: 3rem 0 2.2rem;}

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

.ramen-title-jap  { font-size: 4rem;
 line-height: 6rem;
 letter-spacing: 0.14em;
 text-align: center;
 margin: 0 auto;
 padding-top: 0.7rem;
}

.ramen-title-eng  {  font-size: 2.1rem;
 line-height: 3rem; letter-spacing: 0.1em;
 text-align: center; margin: 0 auto; padding-bottom: 0.8rem;}

 .ramen-ex  {  font-size: 1.2rem;
  line-height: 2.4rem; letter-spacing: 0.06em;
  text-align: center; margin: 0 auto; padding-bottom: 0.4rem;}

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

.topping-note { line-height: 4rem;
 font-size: 2.2rem;
 letter-spacing: 0.1em;
 text-align: center;
 margin: 0 auto;
 padding: 1rem 0 7rem;
}


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

.menu-gohan-title-jap {
  font-size: 6rem;  line-height: 6rem;  letter-spacing: 0.13em;
  margin-top: 18rem;
  padding-top: 7rem;
  text-align: center;
  font-weight: bolder;}

.menu-gohan-title-eng {
    font-size: 3rem;  line-height: 5rem;  letter-spacing: 0.12em;
    margin-top: 1rem;  text-align: center;}


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

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

.gohan-photo {  width: 90%;  height: auto;
    margin: 0 auto;  text-align: center;
    margin-top: 2rem;  padding: 1.2rem 0 0.4rem;   }

.gohan-title-jap  { font-size: 3rem; line-height: 5rem; letter-spacing: 0.14em;
     text-align: center;
     margin: 0 auto;
     padding-top: 0.7rem;
    }

  .gohan-title-eng  {  font-size: 1.6rem;
     line-height: 3rem; letter-spacing: 0.1em;
     text-align: center; margin: 0 auto; padding-bottom: 0.8rem;}

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


.tsumami-menu {margin: 0 auto;  text-align: center; margin: 4rem 0 3rem;}

.menu-tsumami-title-jap {
  font-size: 4.8rem;  line-height: 6rem;  letter-spacing: 0.13em;
  margin-top: 18rem;
  padding-top: 7rem;
  text-align: center;
  font-weight: bolder;}

.menu-tsumami-title-eng {
    font-size: 2.4rem;  line-height: 4.6rem;  letter-spacing: 0.12em;
    margin-top: 1rem;  text-align: center;}


    .tsumami-photo {  width: 90%;  height: auto;
        margin: 0 auto;  text-align: center;
        margin-top: 2rem;  padding: 1.2rem 0 0.4rem;   }

    .tsumami-title-jap  { font-size: 2.8rem; line-height: 5rem; letter-spacing: 0.14em;
         text-align: center;
         margin: 0 auto;
         padding-top: 0.7rem;
        }

    .tsumami-title-eng  {  font-size: 1.6rem;
         line-height: 3rem; letter-spacing: 0.1em;
         text-align: center; margin: 0 auto; padding-bottom: 0.8rem;}

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

.menu-note { line-height: 3rem;  font-size: 2rem; letter-spacing: 0.1em;
    text-align: center; margin: 0 auto;  padding-top: 8rem;
         }

         /** デフォルトの大きさは1.0倍 */
       .shop-banner-menu  img{
           transform: scale(1);
         }
         /** 画像ホバー時のアニメを設定 */
       .shop-banner-menu  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.2倍する */
           25% { transform: scale(1.2); }
           /** 25%～50%にかけて0.9倍する */
           50% { transform: scale(0.9); }
           /** 50%～75%にかけて1.1倍する */
           75% { transform: scale(1.1); }
           /** 終了時は元の大きさに戻す */
           to { transform: scale(1); }
         }




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

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

.sns-icons a img:hover { opacity: 0.5;}
/*ホバー時に透明度50%*/


    .twitter {  width: 3.5rem; height: auto; padding-top: 0.27rem; }

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

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



.footer {
  width: auto;
  list-style:none; text-decoration: none;
  color: black; text-align: center;
  font-size: 1.8rem;
  padding: 8rem;  }



}