@charset "UTF-8";
/* コンテナの最大幅 */
/* 基本背景色 */
/* 基本文字色 : 見出しや本文*/
/* ボタンのハイライト色 */
/* 基本グレー : 注釈やラベルテキスト */
/* タブの背景やボタンなどに利用するグレー */
/* テーブルで利用するグレー背景色 */
/* ベースの3色 */
/* テキストリンク色 */
/* フッターのベース色 */
/* フッターの文字色 */
/* フッターのコピーライト色 */
/* vendor prefix */
/* 画像パス */
/* 基本ゴシック体 */
/* 明朝体のフォント */
/*
  便利関数
*/
/* border-radius */
/* box layout */
/* appearance */
/*
  継承管理
*/
.container__box .title__box, .result-shop__detail {
  *zoom: 1;
}
.container__box .title__box:before, .result-shop__detail:before, .container__box .title__box:after, .result-shop__detail:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020";
}
.container__box .title__box:after, .result-shop__detail:after {
  clear: both;
}

/* @todo: CSS Sprite */
/* タイトル周りの処理 */
/* 文字サイズ調整 */
/* 文字装飾系 */
/* Form classes */
.header {
  position: absolute;
  min-width: 976px;
}
.header #navi__container {
  min-width: 976px;
}

.container {
  padding-top: 0px;
  min-height: 100%;
  height: auto !important;
  min-width: 976px;
  width: 100%;
}
.container__box {
  margin-top: 0px;
}
.container__box.header__space {
  margin-top: 0;
}
.container__box .title__box {
  padding: 12px 12px 5px;
  background-color: #fff;
}
.container__box .title__box h1 {
  float: left;
  width: 50%;
}
.container__box .title__box h1 img {
  width: 100%;
}
.container__box .title__box p {
  float: right;
  width: 35%;
}
.container__box .title__box p img {
  width: 100%;
}
.container__box .shop__category__trigger {
  text-align: right;
  padding: 0 13px;
}
.container__box .shop__category__trigger a {
  background-color: #ffffff;
  background-image: url("../../../images/sp/ico_arrow_down.png");
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 16px 16px;
  display: inline-block;
  padding: 10px 16px 10px 39px;
  font-size: 14px;
  line-height: 1;
  border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
}
.container__box .shop__category__trigger a.open {
  background-image: url("../../../images/sp/ico_arrow_up.png");
}
.container #shop__categories {
  display: none;
  background: #ffffff;
  padding: 24px 20px 20px 20px;
}
.container #shop__categories ul li {
  float: left;
  width: 50%;
  font-size: 12px;
  line-height: 2;
}
.container #shop__categories ul li.maxwidth {
  float: none;
  width: 100%;
}
.container #shop__categories .input.button {
  padding: 0px;
  font-size: 14px;
  width: 100%;
  background-color: #313131;
  color: #fff;
  border: none;
  height: 38px;
  line-height: 38px;
  margin-top: 20px;
  cursor: pointer;
}
.container #shop-modal {
  font-family: Avenir, "Helvetica Neue", "Helvetica", "Arial", "Verdana", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /*position: absolute;
  top: 10%;
  left: 10%;*/
  background: #ffffff;
  width: 450px;
  /*display: none;*/
  -moz-box-shadow: 0px 3px 5px rgba(7, 0, 2, 0.25);
  -webkit-box-shadow: 0px 3px 5px rgba(7, 0, 2, 0.25);
  box-shadow: 0px 3px 5px rgba(7, 0, 2, 0.25);
}
.container #shop-modal:after {
  content: "";
  font-size: 0px;
  border: 11px solid transparent;
  border-top: 11px solid #ffffff;
  border-left-width: 9px;
  border-right-width: 9px;
  position: absolute;
  bottom: -21px;
  left: 50%;
  margin-left: -9px;
}
.container #shop-modal__close-btn {
  position: absolute;
  top: -10px;
  right: -10px;
}
.container #shop-modal .result-shop {
  padding: 24.5px 20px 24.5px 77px;
}
.container #shop-modal .result-shop__name {
  font-size: 18px !important;
  line-height: 18px !important;
}
.container #shop-modal .result-shop__type {
  font-size: 12px;
  line-height: 12px;
}
.container #shop-modal .result-shop.ico--cvs, .container #shop-modal .result-shop.ico--shopping, .container #shop-modal .result-shop.ico--book, .container #shop-modal .result-shop.ico--gourmet, .container #shop-modal .result-shop.ico--e-store, .container #shop-modal .result-shop.ico--d-shop, .container #shop-modal .result-shop.ico--sport, .container #shop-modal .result-shop.ico--drag, .container #shop-modal .result-shop.ico--car, .container #shop-modal .result-shop.ico--other-shop, .container #shop-modal .result-shop.ico--other-service {
  position: relative;
}
.container #shop-modal .result-shop.ico--cvs:before, .container #shop-modal .result-shop.ico--shopping:before, .container #shop-modal .result-shop.ico--book:before, .container #shop-modal .result-shop.ico--gourmet:before, .container #shop-modal .result-shop.ico--e-store:before, .container #shop-modal .result-shop.ico--d-shop:before, .container #shop-modal .result-shop.ico--sport:before, .container #shop-modal .result-shop.ico--drag:before, .container #shop-modal .result-shop.ico--car:before, .container #shop-modal .result-shop.ico--other-shop:before, .container #shop-modal .result-shop.ico--other-service:before {
  background-image: url("../../../images/pc/ico_cvs_modal.png");
  width: 44px !important;
  height: 44px !important;
  background-position: left center;
  background-size: 44px auto;
  margin-top: -21px !important;
}
.container #shop-modal .result-shop.ico--cvs:before {
  background-image: url("../../../images/pc/ico_cvs_modal.png");
}
.container #shop-modal .result-shop.ico--shopping:before {
  background-image: url("../../../images/pc/ico_shop_modal.png");
}
.container #shop-modal .result-shop.ico--book:before {
  background-image: url("../../../images/pc/ico_book_modal.png");
}
.container #shop-modal .result-shop.ico--gourmet:before {
  background-image: url("../../../images/pc/ico_gourmet_modal.png");
}
.container #shop-modal .result-shop.ico--e-store:before {
  background-image: url("../../../images/pc/ico_ce_modal.png");
}
.container #shop-modal .result-shop.ico--d-shop:before {
  background-image: url("../../../images/pc/ico_docomo_modal.png");
}
.container #shop-modal .result-shop.ico--sport:before {
  background-image: url("../../../images/pc/ico_sport_modal.png");
}
.container #shop-modal .result-shop.ico--drag:before {
  background-image: url("../../../images/pc/ico_drag_modal.png");
}
.container #shop-modal .result-shop.ico--car:before {
  background-image: url("../../../images/pc/ico_car_modal.png");
}
.container #shop-modal .result-shop.ico--other-shop:before {
  background-image: url("../../../images/pc/ico_shop_other_modal.png");
}
.container #shop-modal .result-shop.ico--other-service:before {
  background-image: url("../../../images/pc/ico_other_service_modal.png");
}
.container #shop-modal .result-shop__detail {
  padding-bottom: 10px !important;
  font-size: 14px;
}
.container #cluster-modal {
  font-family: Avenir, "Helvetica Neue", "Helvetica", "Arial", "Verdana", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /*display: none;
  position: absolute;
  top: 10%;
  left: 10%;*/
  width: 450px;
  -moz-box-shadow: 0px 3px 5px rgba(7, 0, 2, 0.25);
  -webkit-box-shadow: 0px 3px 5px rgba(7, 0, 2, 0.25);
  box-shadow: 0px 3px 5px rgba(7, 0, 2, 0.25);
}
.container #cluster-modal:after {
  content: "";
  font-size: 0px;
  border: 11px solid transparent;
  border-top: 11px solid #ffffff;
  border-left-width: 9px;
  border-right-width: 9px;
  position: absolute;
  bottom: -21px;
  left: 50%;
  margin-left: -9px;
}
.container #cluster-modal__container {
  background: #ffffff;
}
.container #cluster-modal__container .result-count {
  height: 38px;
  line-height: 38px;
  padding: 0 0 0 19px;
  background: #eeeeee;
  border-bottom: 1px solid #d2d2d2;
}
.container #cluster-modal__container .result-count__value {
  background: #9ee8f5;
  color: #000000;
}
.container #cluster-modal__container .result-shop__details {
  height: auto;
  overflow: visible;
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 11px;
}
.container #cluster-modal__container .cluster-modal__list {
  height: 232px;
  overflow: scroll;
  overflow-x: hidden;
}
.container #cluster-modal__close-btn {
  position: absolute;
  top: -10px;
  right: -10px;
}
.container #cluster-modal .result-shop {
  padding: 24.5px 20px 24.5px 77px;
}
.container #cluster-modal .result-shop__name {
  font-size: 18px !important;
  line-height: 18px !important;
}
.container #cluster-modal .result-shop__type {
  font-size: 12px;
  line-height: 12px;
}
.container #cluster-modal .result-shop.ico--cvs, .container #cluster-modal .result-shop.ico--shopping, .container #cluster-modal .result-shop.ico--book, .container #cluster-modal .result-shop.ico--gourmet, .container #cluster-modal .result-shop.ico--e-store, .container #cluster-modal .result-shop.ico--d-shop, .container #cluster-modal .result-shop.ico--sport, .container #cluster-modal .result-shop.ico--drag, .container #cluster-modal .result-shop.ico--car, .container #cluster-modal .result-shop.ico--other-shop, .container #cluster-modal .result-shop.ico--other-service {
  position: relative;
}
.container #cluster-modal .result-shop.ico--cvs:before, .container #cluster-modal .result-shop.ico--shopping:before, .container #cluster-modal .result-shop.ico--book:before, .container #cluster-modal .result-shop.ico--gourmet:before, .container #cluster-modal .result-shop.ico--e-store:before, .container #cluster-modal .result-shop.ico--d-shop:before, .container #cluster-modal .result-shop.ico--sport:before, .container #cluster-modal .result-shop.ico--drag:before, .container #cluster-modal .result-shop.ico--car:before, .container #cluster-modal .result-shop.ico--other-shop:before, .container #cluster-modal .result-shop.ico--other-service:before {
  background-image: url("../../../images/pc/ico_cvs_modal.png");
  width: 44px !important;
  height: 44px !important;
  background-position: left center;
  background-size: 44px auto;
  margin-top: -21px !important;
}
.container #cluster-modal .result-shop.ico--cvs:before {
  background-image: url("../../../images/pc/ico_cvs_modal.png");
}
.container #cluster-modal .result-shop.ico--shopping:before {
  background-image: url("../../../images/pc/ico_shop_modal.png");
}
.container #cluster-modal .result-shop.ico--book:before {
  background-image: url("../../../images/pc/ico_book_modal.png");
}
.container #cluster-modal .result-shop.ico--gourmet:before {
  background-image: url("../../../images/pc/ico_gourmet_modal.png");
}
.container #cluster-modal .result-shop.ico--e-store:before {
  background-image: url("../../../images/pc/ico_ce_modal.png");
}
.container #cluster-modal .result-shop.ico--d-shop:before {
  background-image: url("../../../images/pc/ico_docomo_modal.png");
}
.container #cluster-modal .result-shop.ico--sport:before {
  background-image: url("../../../images/pc/ico_sport_modal.png");
}
.container #cluster-modal .result-shop.ico--drag:before {
  background-image: url("../../../images/pc/ico_drag_modal.png");
}
.container #cluster-modal .result-shop.ico--car:before {
  background-image: url("../../../images/pc/ico_car_modal.png");
}
.container #cluster-modal .result-shop.ico--other-shop:before {
  background-image: url("../../../images/pc/ico_shop_other_modal.png");
}
.container #cluster-modal .result-shop.ico--other-service:before {
  background-image: url("../../../images/pc/ico_other_service_modal.png");
}
.container #cluster-modal .result-shop__detail {
  padding-bottom: 10px !important;
  font-size: 14px;
}
.container .result-count {
  font-size: 14px;
  color: #959595;
  padding: 14px 20px;
}
.container .result-count__value {
  background: #9ee8f5;
  color: #000000;
}
.container #result {
  margin-top: 32px;
  position: relative;
  border-top: 1px solid #d9d9d9;
  background: #eeeeee;
}
.container #result #sidebar {
  height: 100%;
  width: 390px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #eeeeee;
  /*z-index: 20000;*/
}
.container #result #map {
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  /*z-index: 10000;*/
}

a.result-shop:hover {
  background: #ecf8fd;
}

.result__shops {
  overflow: hidden;
  height: 100%;
  border-top: 1px solid #d9d9d9;
  background: #ffffff;
}
.result__shops:hover, .result__shops.shops_touch {
  overflow: scroll;
  overflow-y: scroll;
  overflow-x: hidden;
}
.result-shop {
  border-bottom: 1px solid #ededed;
  padding: 18px 20px 18px 66px;
  display: block;
  font-size: 16px;
  color: #000000;
}
.result-shop.ico--cvs, .result-shop.ico--shopping, .result-shop.ico--book, .result-shop.ico--gourmet, .result-shop.ico--e-store, .result-shop.ico--d-shop, .result-shop.ico--sport, .result-shop.ico--drag, .result-shop.ico--car, .result-shop.ico--other-shop, .result-shop.ico--other-service {
  position: relative;
}
.result-shop.ico--cvs:before, .result-shop.ico--shopping:before, .result-shop.ico--book:before, .result-shop.ico--gourmet:before, .result-shop.ico--e-store:before, .result-shop.ico--d-shop:before, .result-shop.ico--sport:before, .result-shop.ico--drag:before, .result-shop.ico--car:before, .result-shop.ico--other-shop:before, .result-shop.ico--other-service:before {
  content: "";
  position: absolute;
  width: 29px;
  height: 29px;
  display: block;
  top: 50%;
  left: 20px;
  margin-top: -14.5px;
}
.result-shop__name {
  display: block;
  color: #000000;
}
.result-shop__type {
  display: block;
  font-size: 11px;
  color: #959595;
}
.result-shop__details {
  height: 151px;
  overflow: scroll;
  overflow-x: hidden;
  padding: 17px 24px;
}
.result-shop__detail {
  padding-bottom: 14px;
}
.result-shop__detail-title {
  float: left;
  width: 4em;
  color: #959595;
}
.result-shop__detail-value {
  overflow: hidden;
  display: block;
}
.result-shop__detail-value a {
  color: #00a0e9;
}
.result-shop__detail-value a:hover {
  color: #00a0e9;
}