@charset "UTF-8";
/*一覧ページ*/
/* line 5, ../scss/resindex.scss */
body.rest-index {
  background-color: #f8f6f2;
  /*店舗リスト*/
}
/* line 8, ../scss/resindex.scss */
body.rest-index #contentRes {
  width: 960px;
  padding: 45px 30px 120px;
  margin: 0 auto 20px;
  background-color: #ffffff;
}
/* line 14, ../scss/resindex.scss */
body.rest-index #breadcrumb {
  display: block;
}
/* line 17, ../scss/resindex.scss */
body.rest-index #rest-index-header-area {
  background-image: url(../images/common/restaurant_indexpage_header.jpg);
  background-repeat: no-repeat;
  background-position: center 0;
}
/* line 21, ../scss/resindex.scss */
body.rest-index #rest-index-header-area #rest-index-header {
  width: 960px;
  margin: 0 auto;
  height: 140px;
}
/* line 27, ../scss/resindex.scss */
body.rest-index .tempo-header-area {
  position: relative;
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
}
/* line 32, ../scss/resindex.scss */
body.rest-index .tempo-header-area span {
  display: block;
  position: absolute;
  height: 50px;
}
/* line 37, ../scss/resindex.scss */
body.rest-index .tempo-header-area .column_01 {
  width: 228px;
  border-bottom: 1px solid #cfcfcf;
}
/* line 41, ../scss/resindex.scss */
body.rest-index .tempo-header-area .column_02 {
  width: 472px;
  border-bottom: 1px solid #cfcfcf;
}
/* line 45, ../scss/resindex.scss */
body.rest-index .tempo-header-area .column_03 {
  width: 716px;
  border-bottom: 1px solid #cfcfcf;
}
/* line 49, ../scss/resindex.scss */
body.rest-index .tempo-header-area .column_04 {
  width: 960px;
  border-bottom: 1px solid #cfcfcf;
}
/* line 53, ../scss/resindex.scss */
body.rest-index .tempo-header-area .pos02 {
  left: 244px;
}
/* line 56, ../scss/resindex.scss */
body.rest-index .tempo-header-area .pos03 {
  left: 488px;
}
/* line 59, ../scss/resindex.scss */
body.rest-index .tempo-header-area .pos04 {
  left: 732px;
}
/* line 63, ../scss/resindex.scss */
body.rest-index .restaurant-list {
  position: relative;
  height: 300px;
}
/* line 66, ../scss/resindex.scss */
body.rest-index .restaurant-list li {
  position: absolute;
  top: 0;
}
/* line 69, ../scss/resindex.scss */
body.rest-index .restaurant-list li a {
  display: block;
  width: 228px;
}
/* line 74, ../scss/resindex.scss */
body.rest-index .restaurant-list li p span {
  display: block;
}
/* line 77, ../scss/resindex.scss */
body.rest-index .restaurant-list li p .t-title {
  height: 45px;
  font-size: 17px;
  line-height: 1.3em;
  color: #c70019;
  border-bottom: 2px solid #d3cfc6;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
body.rest-index .restaurant-list li p .res-font-s {
  font-size: 16px;
}
/* line 88, ../scss/resindex.scss */
body.rest-index .restaurant-list .list-01 {
  left: 0;
}
/* line 89, ../scss/resindex.scss */
body.rest-index .restaurant-list .list-02 {
  left: 245px;
}
/* line 90, ../scss/resindex.scss */
body.rest-index .restaurant-list .list-03 {
  left: 485px;
}
/* line 91, ../scss/resindex.scss */
body.rest-index .restaurant-list .list-04 {
  right: 0;
}

@media screen and (max-width: 540px) {
  /* line 96, ../scss/resindex.scss */
  body.rest-index {
    background-color: #f8f6f2;
    /*店舗リスト*/
  }
  /* line 99, ../scss/resindex.scss */
  body.rest-index #contentRes {
    width: 100%;
    padding: 0 0 0;
    margin: 0 0 0;
    background-color: #f8f6f2;
  }
  /* line 105, ../scss/resindex.scss */
  body.rest-index #breadcrumb {
    display: block;
  }
  /* line 109, ../scss/resindex.scss */
  body.rest-index #lower-breadcrumb-area:after {
    content: "";
    display: block;
    height: 66px;
    width: 100%;
    background-image: url(../images/common/sp_header.png);
    background-size: 320px 66px;
    background-repeat: no-repeat;
    background-color: #ffffff;
  }
  /* line 120, ../scss/resindex.scss */
  body.rest-index #rest-index-header-area {
    background-image: url(../images/common/restaurant_sp_indexpage_header.jpg);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
    height: 105px;
  }
  /* line 126, ../scss/resindex.scss */
  body.rest-index #rest-index-header-area #rest-index-header {
    width: 100%;
    margin: 0 0;
    height: auto;
  }
  /* line 130, ../scss/resindex.scss */
  body.rest-index #rest-index-header-area #rest-index-header img {
    display: none;
  }
  /* line 135, ../scss/resindex.scss */
  body.rest-index .sp-header-top {
    padding-top: 20px;
    background-color: #ffffff;
  }
  /* line 139, ../scss/resindex.scss */
  body.rest-index .tempo-header-area {
    position: static;
    width: 100%;
    height: auto;
    margin-bottom: 0;
    background-color: #ffffff;
    border-bottom: 1px solid #ccc;
    padding-top: 20px;
  }
  /* line 147, ../scss/resindex.scss */
  body.rest-index .tempo-header-area .sp-none {
    display: none;
  }
  /* line 150, ../scss/resindex.scss */
  body.rest-index .tempo-header-area span {
    display: block;
    position: static;
    height: 50px;
    padding: 0 10px;
  }
  /* line 156, ../scss/resindex.scss */
  body.rest-index .tempo-header-area .column_01 {
    width: 100%;
    border-bottom: none;
  }
  /* line 160, ../scss/resindex.scss */
  body.rest-index .tempo-header-area .column_02 {
    width: 100%;
    border-bottom: none;
  }
  /* line 164, ../scss/resindex.scss */
  body.rest-index .tempo-header-area .column_03 {
    width: 100%;
    border-bottom: none;
  }
  /* line 168, ../scss/resindex.scss */
  body.rest-index .tempo-header-area .column_04 {
    width: 100%;
    border-bottom: none;
  }
  /* line 176, ../scss/resindex.scss */
  body.rest-index .tempo-header-area .column_01 img,
  body.rest-index .tempo-header-area .column_02 img,
  body.rest-index .tempo-header-area .column_03 img,
  body.rest-index .tempo-header-area .column_04 img {
    width: 100%;
  }
  /* line 180, ../scss/resindex.scss */
  body.rest-index .tempo-header-area .pos02 {
    left: 244px;
  }
  /* line 183, ../scss/resindex.scss */
  body.rest-index .tempo-header-area .pos03 {
    left: 488px;
  }
  /* line 186, ../scss/resindex.scss */
  body.rest-index .tempo-header-area .pos04 {
    left: 732px;
  }
  /* line 190, ../scss/resindex.scss */
  body.rest-index ul.sp-mg-none {
    margin-bottom: 0;
  }
  /* line 193, ../scss/resindex.scss */
  body.rest-index .sp-mg-bottom {
    margin-bottom: 30px;
  }
  /* line 196, ../scss/resindex.scss */
  body.rest-index .restaurant-list {
    position: static;
    height: auto;
    margin-bottom: 30px;
  }
  /* line 200, ../scss/resindex.scss */
  body.rest-index .restaurant-list .sp-mg {
    margin-bottom: 20px;
  }
  /* line 203, ../scss/resindex.scss */
  body.rest-index .restaurant-list li.sp-category-header {
    display: block;
    min-height: 43px;
  }
  /* line 206, ../scss/resindex.scss */
  body.rest-index .restaurant-list li.sp-category-header img {
    height: 43px;
    width: auto;
  }
  /* line 211, ../scss/resindex.scss */
  body.rest-index .restaurant-list li {
    display: block;
    padding: 10px 0 10px;
    width: 100%;
    min-height: 120px;
    position: static;
    top: 0;
    background-color: #ffffff;
    border-bottom: 1px solid #d0cbbc;
  }
  /* line 220, ../scss/resindex.scss */
  body.rest-index .restaurant-list li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100px;
  }
  /* line 225, ../scss/resindex.scss */
  body.rest-index .restaurant-list li a:before {
    position: absolute;
    top: 50%;
    right: 10px;
    content: "";
    display: block;
    width: 10px;
    height: 15px;
    background-image: url(../images/common/list_arrow.png);
    background-size: 10px 15px;
    margin-top: -8px;
  }
  /* line 236, ../scss/resindex.scss */
  body.rest-index .restaurant-list li a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 35%;
    height: auto;
    float: none;
    margin-bottom: 20px;
    margin-right: 10px;
    margin-left: 10px;
  }
  /* line 247, ../scss/resindex.scss */
  body.rest-index .restaurant-list li p {
    position: absolute;
    top: 0;
    left: 38%;
    width: 58%;
    padding: 0 10px;
  }
  /* line 252, ../scss/resindex.scss */
  body.rest-index .restaurant-list li p span {
    display: block;
  }
  /* line 255, ../scss/resindex.scss */
  body.rest-index .restaurant-list li p .t-title {
    font-size: 12px;
    height: auto;
    line-height: 1.3em;
    color: #c70019;
    border-bottom: none;
    padding-bottom: 5px;
    margin-bottom: 0;
  }
  body.rest-index .restaurant-list li p .res-font-s {
  font-size: 12px;
}
  /* line 266, ../scss/resindex.scss */
  body.rest-index .restaurant-list .list-01 {
    left: 0;
  }
  /* line 267, ../scss/resindex.scss */
  body.rest-index .restaurant-list .list-02 {
    left: 245px;
  }
  /* line 268, ../scss/resindex.scss */
  body.rest-index .restaurant-list .list-03 {
    left: 485px;
  }
  /* line 269, ../scss/resindex.scss */
  body.rest-index .restaurant-list .list-04 {
    right: 0;
  }
}
@media screen and (max-width: 360px) {
  body.rest-index .restaurant-list li.h-long a {
    height: 140px;
  }
}