@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
.titleimg {
  background: url("/img/shop/titleimg.jpg") center/cover no-repeat; }

#shop .shop_title {
  font-size: 2rem; }
  @media (min-width: 769px) {
    #shop .shop_title {
      font-size: calc( 2rem + ( 1vw - 7.69px ) * 2.7397260274 ); } }
  @media (min-width: 1280px) {
    #shop .shop_title {
      font-size: 3.4rem; } }
#shop .shop_txt {
  font-size: 1.3rem;
  text-align: center; }
  @media (min-width: 769px) {
    #shop .shop_txt {
      font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.3913894325 ); } }
  @media (min-width: 1280px) {
    #shop .shop_txt {
      font-size: 1.5rem; } }

#shop_list .list_txt {
  font-size: 1.3rem;
  margin-bottom: 5.2083333333%;
  text-align: center; }
  @media (min-width: 769px) {
    #shop_list .list_txt {
      font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.3913894325 ); } }
  @media (min-width: 1280px) {
    #shop_list .list_txt {
      font-size: 1.5rem; } }
  @media screen and (max-width: 769px) {
    #shop_list .list_txt {
      margin-bottom: 20px; } }
  @media screen and (min-width: 768px) {
    #shop_list .list_txt {
      margin-bottom: 40px; } }
  #shop_list .list_txt span {
    line-height: 22px;
    display: block; }
#shop_list .slide ul li {
  margin-bottom: 10px; }
  #shop_list .slide ul li a {
    box-sizing: border-box;
    position: relative;
    display: block;
    background: #fff;
    height: 100%;
    padding: 15px;
    line-height: 1.5;
    font-size: 1.1rem; }
    #shop_list .slide ul li a .shop_name {
      font-size: 1.5rem;
      font-family: "解ミン 宙 M", "Kaimin Sora Medium", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
      @media (min-width: 769px) {
        #shop_list .slide ul li a .shop_name {
          font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 0.1956947162 ); } }
      @media (min-width: 1280px) {
        #shop_list .slide ul li a .shop_name {
          font-size: 1.6rem; } }
      #shop_list .slide ul li a .shop_name i {
        margin: 0 6px;
        font-size: 1.4rem; }
    #shop_list .slide ul li a .shop_adress {
      font-size: 1.1rem;
      color: #666666;
      width: 90%;
      margin-top: 5px; }
      @media (min-width: 769px) {
        #shop_list .slide ul li a .shop_adress {
          font-size: calc( 1.1rem + ( 1vw - 7.69px ) * 0.5870841487 ); } }
      @media (min-width: 1280px) {
        #shop_list .slide ul li a .shop_adress {
          font-size: 1.4rem; } }
    #shop_list .slide ul li a > i {
      position: absolute;
      content: "";
      color: #1D1818;
      top: 50%;
      right: 10px;
      transform: translate(0, -50%); }
#shop_list .slide .slick-prev, #shop_list .slide .slick-next {
  font-size: 1.3rem;
  color: #1D1818;
  width: auto;
  height: auto;
  top: auto;
  bottom: -60px;
  line-height: 1;
  border: 1px solid;
  padding: 10px 15px; }
  #shop_list .slide .slick-prev:before, #shop_list .slide .slick-prev:after, #shop_list .slide .slick-next:before, #shop_list .slide .slick-next:after {
    color: #1D1818;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 1.2rem; }
#shop_list .slide .slick-prev {
  right: 60%;
  left: auto; }
  #shop_list .slide .slick-prev:before {
    content: '\f104';
    padding-right: 10px; }
#shop_list .slide .slick-next {
  left: 60%;
  right: auto; }
  #shop_list .slide .slick-next:before {
    display: none; }
  #shop_list .slide .slick-next:after {
    content: '\f105';
    padding-left: 10px; }
#shop_list .slick-num {
  text-align: center;
  margin-top: 10px; }

#area .select_wrap {
  font-size: 1.3rem;
  margin-bottom: 4.6875%;
  border: 1px solid #D8D8D8;
  background: #fff;
  border-radius: 2px;
  position: relative; }
  @media (min-width: 769px) {
    #area .select_wrap {
      font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.3913894325 ); } }
  @media (min-width: 1280px) {
    #area .select_wrap {
      font-size: 1.5rem; } }
  @media screen and (max-width: 769px) {
    #area .select_wrap {
      margin-bottom: 30px; } }
  @media screen and (min-width: 1280px) {
    #area .select_wrap {
      margin-bottom: 60px; } }
  #area .select_wrap .display_selectedItem {
    padding: 5px 10px; }
  #area .select_wrap .select_box {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 1;
    height: 200px;
    overflow-y: scroll; }
    #area .select_wrap .select_box li {
      box-sizing: border-box;
      padding: 2px 10px;
      background: #fff; }
      #area .select_wrap .select_box li.selected {
        background: #D8D8D8; }
      #area .select_wrap .select_box li a {
        display: block; }
  #area .select_wrap:after {
    content: '\f078';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    position: absolute;
    display: block;
    top: 50%;
    right: 15px;
    transform: translateY(-50%); }
#area .map #map_canvas {
  width: 100%;
  height: 25vw;
  min-height: 300px;
  max-height: 450px;
  top: 0;
  left: 0;
  display: block; }

.gm-style .gm-style-iw-c {
  overflow: visible !important;
  padding: 15px !important;
  max-height: none !important; }
.gm-style .gm-style-iw-d {
  overflow: visible !important;
  max-height: none !important; }
.gm-style .info_div {
  text-align: center;
  font-family: "解ミン 宙 M", "Kaimin Sora Medium", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
  .gm-style .info_div p + p {
    margin-top: 10px; }
  .gm-style .info_div .thum {
    position: relative;
    width: 150px;
    margin: 0 auto 15px; }
    .gm-style .info_div .thum:before {
      content: '';
      display: block;
      padding-top: 66.67%; }
    .gm-style .info_div .thum img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 100%; }
  .gm-style .info_div .name {
    font-size: 1.2rem; }
  .gm-style .info_div .more {
    font-size: 1.0rem;
    color: #BEAB18;
    text-decoration: underline; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  #shop_list .slide a {
    margin: 0 10px; }
  #shop_list .slide .slick-dots {
    bottom: -60px; }
  #shop_list .slide .slick-prev {
    right: 55%; }
  #shop_list .slide .slick-next {
    left: 55%; }

  #area .select_wrap {
    background: none;
    border: none;
    position: static; }
    #area .select_wrap .select_box {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      position: static;
      height: auto;
      overflow-y: auto; }
      #area .select_wrap .select_box li {
        flex: 0 1 auto;
        width: auto;
        max-width: auto;
        margin: 0 10px;
        padding: 0;
        background: none;
        color: #BEAB18;
        text-decoration: underline; }
        #area .select_wrap .select_box li.selected {
          background: none; }
    #area .select_wrap:after {
      display: none; }

  footer {
    margin-top: 0; } }
/*------------------------------
		981px以上
------------------------------*/
/*------------------------------
		1121px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */