#contents.food {
  color: #000;
  width: 100%; }
  #contents.food > header.page-header {
    background-image: url(../img/food/head_image.jpg); }
  #contents.food > section.introduction header {
    background-image: url(../img/food/title_wave.png); }
    #contents.food > section.introduction header h2 {
      background-image: url(../img/food/title.png); }
  #contents.food > section.introduction div {
    background-image: url("../img/food/intro_bg.jpg"); }
  #contents.food > section.shoplist {
    padding: 20px;
    background-color: #ffcd7f; }
    #contents.food > section.shoplist div.shop {
      width: 100%;
      max-width: 1920px;
      margin: 0 auto 20px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      overflow: hidden;
      *zoom: 1;
      -moz-border-radius: 9px;
      -webkit-border-radius: 9px;
      border-radius: 9px;
      overflow: hidden; }
      #contents.food > section.shoplist div.shop:nth-of-type(even) > * {
        float: right; }
      #contents.food > section.shoplist div.shop:last-of-type {
        margin-bottom: 0; }
      #contents.food > section.shoplist div.shop > * {
        width: 50%;
        height: 380px;
        float: left;
        position: relative;
        background-color: #FFF;
        text-align: center; }
      #contents.food > section.shoplist div.shop dl {
        padding-top: 35px; }
        #contents.food > section.shoplist div.shop dl dt {
          margin-bottom: 30px; }
        #contents.food > section.shoplist div.shop dl dd {
          height: 105px;
          font-size: 20px;
          line-height: 1.8; }
      #contents.food > section.shoplist div.shop p {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover; }
      #contents.food > section.shoplist div.shop:nth-of-type(1) p {
        background-image: url("../img/food/shop_mikeya_pic.jpg"); }
      #contents.food > section.shoplist div.shop:nth-of-type(2) p {
        background-image: url("../img/food/shop_sushitomi_pic.jpg"); }
      #contents.food > section.shoplist div.shop:nth-of-type(3) p {
        background-image: url("../img/food/shop_pontetmer_pic.jpg"); }
      #contents.food > section.shoplist div.shop:nth-of-type(4) p {
        background-image: url("../img/food/shop_mostaji_pic.jpg"); }
      #contents.food > section.shoplist div.shop:nth-of-type(5) p {
        background-image: url("../img/food/shop_ootomi_pic.jpg"); }
      #contents.food > section.shoplist div.shop:nth-of-type(6) p {
        background-image: url("../img/food/shop_cafeoasis_pic.jpg"); }
      #contents.food > section.shoplist div.shop:nth-of-type(7) p {
        background-image: url("../img/food/shop_umaimonichiba_pic.jpg"); }
  #contents.food > section span {
    left: 50%; }
  #contents.food > section.hashi {
    background-image: url(../img/food/intro_hashi.png);
    width: 110px;
    height: 120px;
    top: 15px;
    margin-left: -390px; }
  #contents.food > section.tamanegi {
    background-image: url(../img/food/intro_tamanegi.png);
    width: 71px;
    height: 59px;
    top: 20px;
    margin-left: -220px; }
  #contents.food > section.sakana {
    background-image: url(../img/food/intro_sakana.png);
    width: 70px;
    height: 87px;
    top: 40px;
    margin-left: 134px; }
  #contents.food > section.tako {
    background-image: url(../img/food/intro_tako.png);
    width: 82px;
    height: 77px;
    top: 10px;
    margin-left: 255px; }
  #contents.food > section.maru1, #contents.food > section.maru2 {
    background-image: url(../img/index/food_maru.png);
    background-position: 0 100%;
    width: 49px;
    height: 62px; }
  #contents.food > section.maru1 {
    margin-left: -450px;
    top: -28px; }
  #contents.food > section.maru2 {
    margin-left: 365px;
    top: 87px; }

#contents.detail {
  color: #000; }
  #contents.detail > header.page-header {
    margin-bottom: 156px; }
    #contents.detail > header.page-header > div.image {
      height: 500px; }
    #contents.detail > header.page-header > h2 {
      position: absolute;
      top: 390px;
      left: 50%;
      width: 462px;
      margin-left: -231px;
      padding-top: 174px;
      text-align: center;
      font-size: 14px;
      font-weight: bold; }
  #contents.detail > section .inner {
    position: relative;
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
    *zoom: 1; }
  #contents.detail > section.about .inner {
    padding-bottom: 60px; }
    #contents.detail > section.about .inner > div {
      width: 450px; }
    #contents.detail > section.about .inner div.info {
      float: left; }
      #contents.detail > section.about .inner div.info h4 {
        margin-bottom: 34px;
        font-size: 24px;
        font-weight: bold;
        line-height: 1.5; }
      #contents.detail > section.about .inner div.info p {
        margin-bottom: 34px;
        line-height: 1.7; }
      #contents.detail > section.about .inner div.info dl {
        width: 450px;
        height: 130px;
        background: #f8f3ec;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        text-align: center; }
        #contents.detail > section.about .inner div.info dl dt {
          padding: 28px 0 20px; }
          #contents.detail > section.about .inner div.info dl dt span {
            font-size: 14px; }
    #contents.detail > section.about .inner div.guide {
      float: right; }
      #contents.detail > section.about .inner div.guide div.map {
        position: relative;
        margin-bottom: 32px; }
        #contents.detail > section.about .inner div.guide div.map p {
          position: absolute; }
          #contents.detail > section.about .inner div.guide div.map p > a {
            position: absolute;
            display: block;
            top: 0;
            left: 0;
            width: 126px;
            height: 38px;
            z-index: 1; }
          #contents.detail > section.about .inner div.guide div.map p > a:hover + img {
            opacity: 1; }
          #contents.detail > section.about .inner div.guide div.map p > img {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 0;
            opacity: 0;
            -moz-transition-duration: 100ms;
            -o-transition-duration: 100ms;
            -webkit-transition-duration: 100ms;
            transition-duration: 100ms;
            -moz-transition-property: opacity;
            -o-transition-property: opacity;
            -webkit-transition-property: opacity;
            transition-property: opacity; }
          #contents.detail > section.about .inner div.guide div.map p.mikeya {
            top: 62px;
            left: 268px; }
            #contents.detail > section.about .inner div.guide div.map p.mikeya a {
              left: 39px; }
          #contents.detail > section.about .inner div.guide div.map p.sushitomi {
            top: 101px;
            left: 307px; }
          #contents.detail > section.about .inner div.guide div.map p.pontetmer {
            top: 72px;
            left: 14px; }
            #contents.detail > section.about .inner div.guide div.map p.pontetmer a {
              width: 138px;
              height: 48px; }
          #contents.detail > section.about .inner div.guide div.map p.mostaji {
            top: 9px;
            left: 90px; }
            #contents.detail > section.about .inner div.guide div.map p.mostaji a {
              width: 100px;
              height: 48px; }
          #contents.detail > section.about .inner div.guide div.map p.ootomi {
            top: 138px;
            left: 132px; }
            #contents.detail > section.about .inner div.guide div.map p.ootomi a {
              width: 100px; }
          #contents.detail > section.about .inner div.guide div.map p.cafeoasis {
            top: 140px;
            left: 307px; }
          #contents.detail > section.about .inner div.guide div.map p.umaimonichiba {
            top: 179px;
            left: 307px; }
      #contents.detail > section.about .inner div.guide dl {
        font-size: 14px;
        line-height: 1.6; }
        #contents.detail > section.about .inner div.guide dl dt {
          margin-top: 20px; }
        #contents.detail > section.about .inner div.guide dl dd th {
          padding-right: 14px; }
      #contents.detail > section.about .inner div.guide th.vt,
      #contents.detail > section.about .inner div.guide td.vt {
        vertical-align: top; }
  #contents.detail > section.recommend,
  #contents.detail > section.menu,
  #contents.detail > section.comment {
    padding: 60px 0; }
  #contents.detail > section.recommend {
    background: #f8f3ec; }
    #contents.detail > section.recommend h3 {
      background-image: url("../img/food/recommend_cap.png"); }
    #contents.detail > section.recommend ul {
      overflow: hidden;
      *zoom: 1; }
      #contents.detail > section.recommend ul li {
        float: left;
        width: 314px;
        margin-right: 14px; }
        #contents.detail > section.recommend ul li:last-of-type {
          margin-right: 0; }
        #contents.detail > section.recommend ul li p {
          overflow: hidden;
          -moz-border-radius: 8px;
          -webkit-border-radius: 8px;
          border-radius: 8px;
          margin-bottom: 14px; }
          #contents.detail > section.recommend ul li p.photo {
            position: relative; }
          #contents.detail > section.recommend ul li p span.note {
            position: absolute;
            left: 5px;
            bottom: 5px;
            font-size: 11px; }
        #contents.detail > section.recommend ul li dl {
          font-size: 15px;
          font-weight: bold;
          line-height: 1.5; }
          #contents.detail > section.recommend ul li dl span {
            font-size: 13px;
            font-weight: 100; }
  #contents.detail > section.menu {
    width: 980px;
    margin: 0 auto;
    padding: 60px 0 30px;
    overflow: hidden;
    *zoom: 1; }
    #contents.detail > section.menu h3 {
      position: relative;
      background-image: url("../img/food/menu_cap.png"); }
    #contents.detail > section.menu h3 span {
      display: block;
      position: absolute;
      top: 6px;
      right: 0;
      font-size: 12px;
      font-weight: 300; }
    #contents.detail > section.menu p.note {
      margin-top: -22px;
      margin-bottom: 28px;
      text-align: center;
      font-size: 14px;
      font-weight: bold; }
    #contents.detail > section.menu div.left {
      width: 462px;
      float: left; }
    #contents.detail > section.menu div.right {
      width: 462px;
      float: right; }
    #contents.detail > section.menu > div h4 {
      font-weight: bold;
      font-size: 18px;
      padding-bottom: 2px;
      border-bottom: solid 1px #000;
      margin-bottom: 30px; }
      #contents.detail > section.menu > div h4 span {
        display: block;
        padding-bottom: 15px;
        border-bottom: solid 1px #000; }
    #contents.detail > section.menu > div dl {
      margin-bottom: 24px;
      padding-bottom: 24px;
      overflow: hidden;
      *zoom: 1; }
      #contents.detail > section.menu > div dl.border {
        border-bottom: solid 1px #ccc; }
    #contents.detail > section.menu > div dl dt,
    #contents.detail > section.menu > div dl dd.price {
      padding: 0 1px;
      margin-bottom: 12px;
      font-weight: bold;
      font-size: 15px;
      line-height: 1.4; }
    #contents.detail > section.menu > div dl dd.memo {
      clear: both;
      font-size: 12px;
      line-height: 1.6; }
    #contents.detail > section.menu > div dl dt {
      float: left;
      width: 360px; }
      #contents.detail > section.menu > div dl dt .reserved {
        color: #c00; }
    #contents.detail > section.menu > div dl dd.price {
      float: right;
      width: 90px;
      text-align: right; }
    #contents.detail > section.menu > div dl.half dt,
    #contents.detail > section.menu > div dl.half dd.price {
      width: 50%;
      box-sizing: border-box; }
    #contents.detail > section.menu > div dl dt.narrow {
      width: 300px; }
    #contents.detail > section.menu > div dl dd.price.wide {
      width: 150px; }
    #contents.detail > section.menu > div dl.narrow dt,
    #contents.detail > section.menu > div dl.narrow dd.price {
      width: 225px; }
    #contents.detail > section.menu > div dl dt.notice {
      width: 450px;
      font-size: 14px; }
    #contents.detail > section.menu > div dl dd.detail {
      clear: both;
      width: 370px;
      padding-left: 20px;
      font-size: 15px;
      line-height: 1.5;
      color: #000; }
    #contents.detail > section.menu > div dl dd.detail ul {
      padding-left: 20px;
      list-style-type: disc; }
      #contents.detail > section.menu > div dl dd.detail ul li {
        margin-top: 6px; }
        #contents.detail > section.menu > div dl dd.detail ul li:first-of-type {
          margin-top: 0; }
    #contents.detail > section.menu > div dl dd.detail ul li ul {
      padding-left: 1em;
      margin-top: 6px;
      list-style: circle; }
    #contents.detail > section.menu dl dd.detail ul li span {
      display: inline-block;
      vertical-align: top; }
    #contents.detail > section.menu dl dd.detail ul li span:nth-child(1) {
      width: 60px; }
    #contents.detail > section.menu dl dd.detail ul li span:nth-child(2) {
      width: 290px; }
    #contents.detail > section.menu > div dl.normal dt,
    #contents.detail > section.menu > div dl.normal dd.price {
      margin-bottom: 24px; }
    #contents.detail > section.menu > div p.memo {
      padding-top: 22px;
      padding-left: 1em;
      text-indent: -1em; }
    #contents.detail > section.menu > div span.memo {
      display: block;
      margin-top: 6px;
      font-size: 12px; }
  #contents.detail > section.comment {
    background: #f8f3ec; }
    #contents.detail > section.comment h3 {
      background-image: url("../img/food/comment_cap.png"); }
    #contents.detail > section.comment .inner div:first-of-type {
      float: left;
      overflow: hidden;
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      border-radius: 8px; }
    #contents.detail > section.comment .inner div:last-of-type {
      float: right;
      width: 540px;
      line-height: 1.5; }
      #contents.detail > section.comment .inner div:last-of-type span {
        display: block;
        padding-top: 36px;
        font-size: 14px; }
  #contents.detail > section.shoplist {
    background: #ffcd7f;
    padding: 20px 0 10px; }
    #contents.detail > section.shoplist ul {
      width: 100%;
      min-width: 980px;
      max-width: 1600px;
      margin: 0 auto;
      padding: 0 10px;
      overflow: hidden;
      *zoom: 1;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      #contents.detail > section.shoplist ul li {
        float: left;
        width: 33.3333%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 5px 10px; }
        #contents.detail > section.shoplist ul li.shop_mikeya a {
          background-image: url("../img/food/shop_mikeya_thumb.jpg"), url("../img/food/shop_arr.png"); }
        #contents.detail > section.shoplist ul li.shop_sushitomi a {
          background-image: url("../img/food/shop_sushitomi_thumb.jpg"), url("../img/food/shop_arr.png"); }
        #contents.detail > section.shoplist ul li.shop_pontetmer a {
          background-image: url("../img/food/shop_pontetmer_thumb.jpg"), url("../img/food/shop_arr.png"); }
        #contents.detail > section.shoplist ul li.shop_mostaji a {
          background-image: url("../img/food/shop_mostaji_thumb.jpg"), url("../img/food/shop_arr.png"); }
        #contents.detail > section.shoplist ul li.shop_ootomi a {
          background-image: url("../img/food/shop_ootomi_thumb.jpg"), url("../img/food/shop_arr.png"); }
        #contents.detail > section.shoplist ul li.shop_cafeoasis a {
          background-image: url("../img/food/shop_cafeoasis_thumb.jpg"), url("../img/food/shop_arr.png"); }
        #contents.detail > section.shoplist ul li.shop_umaimonichiba a {
          background-image: url("../img/food/shop_umaimonichiba_thumb.jpg"), url("../img/food/shop_arr.png"); }
        #contents.detail > section.shoplist ul li a {
          display: block;
          height: 130px;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding-top: 55px;
          padding-left: 168px;
          color: #000;
          font-weight: bold;
          font-size: 18px;
          background-color: #FFF;
          background-position: 0 0, 96% center;
          background-repeat: no-repeat, no-repeat;
          overflow: hidden;
          -moz-border-radius: 8px;
          -webkit-border-radius: 8px;
          border-radius: 8px; }
          #contents.detail > section.shoplist ul li a span {
            display: inline-block;
            -moz-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -moz-transform: scaleX(0.94);
            -ms-transform: scaleX(0.94);
            -webkit-transform: scaleX(0.94);
            transform: scaleX(0.94); }
  #contents.detail.shop_mikeya {
    background-image: url("../img/food/shop_mikeya_thumb.jpg"); }
  #contents.detail.mikeya > header.page-header > div.image {
    background-image: url("../img/food/mikeya/head_image.jpg"); }
  #contents.detail.mikeya > header.page-header > h2 {
    background: url("../img/food/mikeya/title.png") 0 0 no-repeat; }
  #contents.detail.mikeya > section.about div.inner div.guide div.map p.mikeya a {
    visibility: hidden; }
  #contents.detail.mikeya > section.about div.inner div.guide div.map p.mikeya img {
    opacity: 1; }
  #contents.detail.mikeya > section.shoplist li.shop_mikeya {
    display: none; }
  #contents.detail.shop_sushitomi {
    background-image: url("../img/food/shop_sushitomi_thumb.jpg"); }
  #contents.detail.sushitomi > header.page-header > div.image {
    background-image: url("../img/food/sushitomi/head_image.jpg"); }
  #contents.detail.sushitomi > header.page-header > h2 {
    background: url("../img/food/sushitomi/title.png") 0 0 no-repeat; }
  #contents.detail.sushitomi > section.about div.inner div.guide div.map p.sushitomi a {
    visibility: hidden; }
  #contents.detail.sushitomi > section.about div.inner div.guide div.map p.sushitomi img {
    opacity: 1; }
  #contents.detail.sushitomi > section.shoplist li.shop_sushitomi {
    display: none; }
  #contents.detail.shop_pontetmer {
    background-image: url("../img/food/shop_pontetmer_thumb.jpg"); }
  #contents.detail.pontetmer > header.page-header > div.image {
    background-image: url("../img/food/pontetmer/head_image.jpg"); }
  #contents.detail.pontetmer > header.page-header > h2 {
    background: url("../img/food/pontetmer/title.png") 0 0 no-repeat; }
  #contents.detail.pontetmer > section.about div.inner div.guide div.map p.pontetmer a {
    visibility: hidden; }
  #contents.detail.pontetmer > section.about div.inner div.guide div.map p.pontetmer img {
    opacity: 1; }
  #contents.detail.pontetmer > section.shoplist li.shop_pontetmer {
    display: none; }
  #contents.detail.shop_mostaji {
    background-image: url("../img/food/shop_mostaji_thumb.jpg"); }
  #contents.detail.mostaji > header.page-header > div.image {
    background-image: url("../img/food/mostaji/head_image.jpg"); }
  #contents.detail.mostaji > header.page-header > h2 {
    background: url("../img/food/mostaji/title.png") 0 0 no-repeat; }
  #contents.detail.mostaji > section.about div.inner div.guide div.map p.mostaji a {
    visibility: hidden; }
  #contents.detail.mostaji > section.about div.inner div.guide div.map p.mostaji img {
    opacity: 1; }
  #contents.detail.mostaji > section.shoplist li.shop_mostaji {
    display: none; }
  #contents.detail.shop_ootomi {
    background-image: url("../img/food/shop_ootomi_thumb.jpg"); }
  #contents.detail.ootomi > header.page-header > div.image {
    background-image: url("../img/food/daitomi/head_image.jpg"); }
  #contents.detail.ootomi > header.page-header > h2 {
    background: url("../img/food/daitomi/title.png") 0 0 no-repeat; }
  #contents.detail.ootomi > section.about div.inner div.guide div.map p.ootomi a {
    visibility: hidden; }
  #contents.detail.ootomi > section.about div.inner div.guide div.map p.ootomi img {
    opacity: 1; }
  #contents.detail.ootomi > section.shoplist li.shop_ootomi {
    display: none; }
  #contents.detail.shop_cafeoasis {
    background-image: url("../img/food/shop_cafeoasis_thumb.jpg"); }
  #contents.detail.cafeoasis > header.page-header > div.image {
    background-image: url("../img/food/cafeoasis/head_image.jpg"); }
  #contents.detail.cafeoasis > header.page-header > h2 {
    background: url("../img/food/cafeoasis/title.png") 0 0 no-repeat; }
  #contents.detail.cafeoasis > section.about div.inner div.guide div.map p.cafeoasis a {
    visibility: hidden; }
  #contents.detail.cafeoasis > section.about div.inner div.guide div.map p.cafeoasis img {
    opacity: 1; }
  #contents.detail.cafeoasis > section.shoplist li.shop_cafeoasis {
    display: none; }
  #contents.detail.shop_umaimonichiba {
    background-image: url("../img/food/shop_umaimonichiba_thumb.jpg"); }
  #contents.detail.umaimonichiba > header.page-header > div.image {
    background-image: url("../img/food/umaimonichiba/head_image.jpg"); }
  #contents.detail.umaimonichiba > header.page-header > h2 {
    background: url("../img/food/umaimonichiba/title.png") 0 0 no-repeat; }
  #contents.detail.umaimonichiba > section.about div.inner div.guide div.map p.umaimonichiba a {
    visibility: hidden; }
  #contents.detail.umaimonichiba > section.about div.inner div.guide div.map p.umaimonichiba img {
    opacity: 1; }
  #contents.detail.umaimonichiba > section.shoplist li.shop_umaimonichiba {
    display: none; }

@media screen and (max-width: 1280px) {
  #contents.detail > section.shoplist ul li {
    width: 50%; } }