@charset "UTF-8";
/* ================================================ */
/*  レイアウト										*/
/* ================================================ */

/*  mainImage  */
.wok-to-walk #contents_inner .page_title .mainImage {
  background-image: url(../wok-to-walk/images/mainImage.jpg);
}

.kaya #contents_inner .page_title .mainImage {
  background-image: url(../kaya/images/mainImage.jpg);
}

.teriyaki #contents_inner .page_title .mainImage {
  background-image: url(../teriyaki-japan/images/mainImage.jpg);
}

.crackin-kitchen #contents_inner .page_title .mainImage {
  background-image: url(../crackin-kitchen/images/mainImage.jpg);
}

.tokyo-table #contents_inner .page_title .mainImage {
  background-image: url(../tokyo-table/images/mainImage.jpg);
}

.boat-noodle #contents_inner .page_title .mainImage {
  background-image: url(../boat-noodle/images/mainImage.jpg);
}

.sakagura #contents_inner .page_title .mainImage {
  background-image: url(../sakagura/images/mainImage.jpg);
}

.shoryu #contents_inner .page_title .mainImage {
  background-image: url(../shoryu/images/mainImage.jpg);
}

.bottega #contents_inner .page_title .mainImage {
  background-image: url(../bottega-del-ramen/images/mainImage.jpg);
}

.tamjai #contents_inner .page_title .mainImage {
  background-image: url(../tamjai/images/mainImage.jpg);
}

.pokeworks #contents_inner .page_title .mainImage {
  background-image: url(../pokeworks/images/mainImage.jpg);
}

.monstercurry #contents_inner .page_title .mainImage {
  background-image: url(../monstercurry/images/mainImage.jpg);
}

/*  レスポンシブ用YouTube  */
.video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.disaster_text {
  font-size: 1.2em;
  color: red;
  padding-top: 0.7em;
  margin: 0 0.5em;
}
.disaster_text span {
  font-size: 1.2em;
  font-weight: bold;
}
.mb2em {
  margin-bottom: 2em;
}

@media screen and (min-width: 680px) {
  .disaster_text {
    font-size: 1.4em;
    padding-top: 1em;
  }
  .disaster_text span {
    font-size: 1.4em;
    font-weight: bold;
  }
  .mb6em {
    margin-bottom: -6em;
  }
}

/*  画像リンク：透過処理  */
@media screen and (max-width: 680px) {
  /*  mainImage  */
  .wok-to-walk #contents_inner .page_title .mainImage {
    background-image: url(../wok-to-walk/images/mainImage_sp.jpg);
  }

  /*  mainImage  */
  .kaya #contents_inner .page_title .mainImage {
    background-image: url(../kaya/images/mainImage_sp.jpg);
  }

  /*  mainImage  */
  .teriyaki #contents_inner .page_title .mainImage {
    background-image: url(../teriyaki-japan/images/mainImage_sp.jpg);
  }

  /*  mainImage  */
  .crackin-kitchen #contents_inner .page_title .mainImage {
    background-image: url(../crackin-kitchen/images/mainImage_sp.jpg);
  }

  /*  mainImage  */
  .tokyo-table #contents_inner .page_title .mainImage {
    background-image: url(../tokyo-table/images/mainImage_sp.jpg);
  }

  /*  mainImage  */
  .boat-noodle #contents_inner .page_title .mainImage {
    background-image: url(../boat-noodle/images/mainImage_sp.jpg);
  }

  /*  mainImage  */
  .sakagura #contents_inner .page_title .mainImage {
    background-image: url(../sakagura/images/mainImage_sp.jpg);
  }

  /*  mainImage  */
  .shoryu #contents_inner .page_title .mainImage {
    background-image: url(../shoryu/images/mainImage_sp.jpg);
  }

  .bottega #contents_inner .page_title .mainImage {
    background-image: url(../bottega-del-ramen/images/mainImage_sp.jpg);
  }

  .tamjai #contents_inner .page_title .mainImage {
    background-image: url(../tamjai/images/mainImage_sp.jpg);
  }

  .pokeworks #contents_inner .page_title .mainImage {
    background-image: url(../pokeworks/images/mainImage_sp.jpg);
  }

  .monstercurry #contents_inner .page_title .mainImage {
    background-image: url(../monstercurry/images/mainImage_sp.jpg);
  }
}

/*------------------------------------------*/
/*  INDEX									*/
/*------------------------------------------*/
.shop #contents_inner .page_title {
  margin-bottom: 10px;
}

.shop .sec01 {
}

.shop .sec01 .midashi {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.shop .sec01 .midashi .pc {
  display: block;
}
.shop .sec01 .midashi .sp {
  display: none;
}

.shop .sec01 .map {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.shop #contents_inner .main_contents .content h4 {
  width: 100%;
  text-align: center;
  overflow: hidden;
  color: #c0c9cd;
  font-size: 250%;
}

.shop .shop_list {
  width: 100%;
  overflow: hidden;
}

.shop .shop_list .shop {
  width: 320px;
  float: left;
  margin: 0 0 30px 20px;
}

.shop .shop_list .first {
  clear: both;
  margin-left: 0;
}

.shop .shop_list .shop .shop_waku {
  width: 318px;
  border: 1px solid #cccccc;
  margin: 0 auto 5px auto;
  color: #2e3031;
}

.shop .shop_list .shop .shop_waku .imgPC {
  width: 100%;
  margin: 0 auto 15px auto;
}

.shop .shop_list .shop .shop_waku .imgSP {
  display: none;
}

.shop #contents_inner .main_contents .content .shop_waku p {
  width: 95%;
  margin: 0 auto 15px auto;
  font-size: 90%;
}

.shop .shop_list .shop .link {
  width: 100%;
  margin: 0 auto;
  text-align: right;
}

.shop .shop_list .shop .link a {
  display: block;
  background-image: url(../images/icon.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  padding: 0 20px 0 0;
}

.shop #contents_inner .main_contents .sec04 {
  margin-bottom: 0;
}

.shop #contents_inner .main_contents .sec04 .PC {
  display: block;
}

.shop #contents_inner .main_contents .sec04 .SP {
  display: none;
}

@media screen and (max-width: 680px) {
  .shop .sec01 {
  }

  .shop .sec01 .midashi {
  }

  .shop .sec01 .midashi .pc {
    display: none;
  }
  .shop .sec01 .midashi .sp {
    display: block;
  }

  .shop .sec01 .midashi img {
    width: 100%;
  }

  .shop .sec01 .map {
  }

  .shop .sec01 .map img {
    width: 100%;
  }

  .shop #contents_inner .main_contents .content h4 {
  }

  .shop .shop_list {
  }

  .shop .shop_list .shop {
    width: 48%;
  }

  .shop .shop_list .shop:nth-child(odd) {
    float: left;
    margin: 0 0 30px 0;
  }

  .shop .shop_list .shop:nth-child(even) {
    float: right;
    margin: 0 1% 30px 0;
  }

  .shop .shop_list .first {
    clear: none;
  }

  .shop .shop_list .shop .shop_waku {
    width: 99%;
    margin-bottom: 0;
  }

  .shop .shop_list .shop .shop_waku .imgPC {
    display: none;
  }

  .shop .shop_list .shop .shop_waku .imgSP {
    display: block;
  }

  .shop .shop_list .shop .shop_waku .imgSP img {
    width: 100%;
  }

  .shop .shop_list .shop .link {
    width: 100%;
  }

  .shop .shop_list .shop .link a {
    display: block;
    width: 100%;
    padding: 15px 0;
    background: #d8d8d7;
    text-align: center;
  }

  .shop #contents_inner .main_contents .sec04 {
    margin-bottom: 0;
  }

  .shop #contents_inner .main_contents .sec04 .PC {
    display: none;
  }

  .shop #contents_inner .main_contents .sec04 .SP {
    display: block;
  }

  .shop #contents_inner .main_contents .sec04 .SP img {
    width: 100%;
  }
}

/*------------------------------------------*/
/*  動画（wok-to-walk）						*/
/*------------------------------------------*/
.wok-to-walk .sec01 {
  overflow: hidden;
}

.wok-to-walk .sec01 h4 {
  width: 100%;
  text-align: center;
  margin: 0 auto 20px auto;
}

.wok-to-walk .sec01 .movie {
  width: 710px;
  height: 400px;
  text-align: center;
  margin: 0 auto 50px auto;
}

#vid_overlay {
  background: #d3d3d3;
  width: 100%;
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
}
#vid_holder {
  width: 890px;
  height: 501px;
  z-index: 1001;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -445px;
  display: none;
}
#vid_holder div {
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#vid_holder iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#vid_holder a {
  background: #f0f0f4;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 680px) {
  .wok-to-walk .sec01 {
  }

  .wok-to-walk .sec01 h4 {
  }

  .wok-to-walk .sec01 .movie {
    width: 100%;
    height: auto;
  }

  .wok-to-walk .sec01 .movie img {
    width: 100%;
  }

  #vid_holder {
    width: 100%;
    height: auto;
    padding-top: 56.25%;
    left: 0;
    margin-left: 0;
  }
  #vid_holder a {
    width: 14.0625%;
  }
  #vid_holder a img {
    width: 100%;
  }
}

/*------------------------------------------*/
/*  枠										*/
/*------------------------------------------*/
.waku {
  width: 100%;
  display: table;
  background-color: #f3f6f7;
}

.waku .left {
  width: 450px;
  display: table-cell;
  vertical-align: middle;
}

.waku .left h4 {
  width: 90%;
  margin: 0 auto 10px auto;
}

.waku .left p {
  width: 90%;
  margin: 0 auto 0 auto;
}

.waku .right {
  /*width:548px ;*/
  display: table-cell;
  vertical-align: middle;
}

.waku .right img {
  /*width:100% ;*/
}

.waku2 {
  width: 100%;
  background-color: #f3f6f7;
}

.waku2 h4 {
  width: 90%;
  margin: 0.9em auto 0.6em auto;
  padding-top: 1em;
}

.waku2 p {
  width: 90%;
  margin: 0 auto 1em auto;
}

.waku2 li img {
  max-width: 100%;
}

@media screen and (min-width: 680px) {
  .waku2 ul {
    width: 80%;
    display: table-cell;
  }

  .waku2 li {
    display: table-cell;
    vertical-align: middle;
  }
}

@media screen and (max-width: 680px) {
  .waku {
    display: block;
  }

  .waku .left {
    width: 100%;
    display: block;
    padding: 15px 0;
  }

  .waku .left h4 {
    text-align: center;
  }

  .waku .left p {
  }

  .waku .right {
    width: 100%;
    display: block;
  }

  .waku .right img {
    width: 100%;
  }
}

/* ページトップへ戻る */
.pageTop {
  display: none;
  position: relative;
  width: 90%;
  /*width:900px;*/
  height: 0;
  margin: 0 auto;
}
.pageTop a {
  position: fixed;
  bottom: 0;
  right: 5%;
  display: block;
  hegiht: 3em;
  margin-right: 10px;
  /*margin-left:920px;*/
  padding: 2em;
  background: #969696;
  text-align: center;
  outline: none;
  text-decoration: none;
  z-index: 9999;
  border-radius: 100px;
}
.pageTop a:before,
.pageTop a:after {
  position: absolute;
  left: 50%;
  content: '';
  width: 0px;
  height: 0px;
  margin-left: -10px;
  border: 10px solid transparent;
}
.pageTop a:before {
  top: 50%;
  margin-top: -13px;
  border-bottom: 10px solid #969696;
}
.pageTop a:after {
  top: 50%;
  margin-top: -15px;
  z-index: -1;
  border-bottom: 10px solid #fff; /* 矢印の色 */
}

@media screen and (max-width: 680px) {
  .pageTop a {
    right: 5px;
  }
}
/* ブランド＿店舗紹介（SHOP）＿スマホ表示*/
#pc_view {
  display: none;
}

#search_results_list {
  text-align: center;
  margin: 0 1em;
}
#search_results_list li {
  list-style: none;
  border: 1px solid #a0a0a0;
  border-radius: 0.5em;
  padding: 0.5em 0.8em;
  position: relative;
  margin-bottom: 1em;
}
#search_results_list li:after {
  font-family: 'FontAwesome';
  content: '\f054';
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -12px;
  color: #a5aeb3;
  font-size: 140%;
}

#search_results_list li a:link {
  display: block;
  color: #898989;
}
#search_results_list li a:visited {
  display: block;
  color: #898989;
}
#search_results_list li h3 {
  font-size: 1.3em;
  font-weight: bold;
}
#search_results_list li p {
  margin-bottom: 0.4em;
  text-align: left;
}

/* ブランド＿店舗紹介（SHOP）＿PC表示*/
@media screen and (min-width: 680px) {
  #pc_view {
    display: inherit;
  }
  #search_results_list {
    display: none;
  }
}

@media screen and (max-width: 680px) {
  #makino,
  #tonichi,
  #nagata {
    padding-top: 16vw;
  }
  img {
    height: auto;
  }
}