/** Shopify CDN: Minification failed

Line 497:0 Unexpected "}"

**/


.loader {
  position: absolute;
   left: 50%;
  top: 50%;
  z-index: 1000000;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  margin-top: -100px;
}
.loader svg {
  width: 100%;
  height: auto;
}
.loader svg path,
.loader svg rect{
  fill: #c10b37;
}

.map-location-alert {
  margin-bottom: 16px;
  padding: 10px 8px;
  background: rgba(193, 11, 55, 0.1);
  display: none;
  font-size: 13px;
  line-height: 1.1rem;
}
.map-location-alert.is-show {
  display: block;
}

#memorial-info-list-empty {
  text-align: center;
  padding: 32px 20px 32px;
}

.map-loading {
  background: #fff;
  position: absolute;
   left: 0;
  top: 0;
  z-index: 1000000;
  width: 100%;
  height: 100%;
}

.google-map-layout {
  display: flex;
  width: 100%;
  position: relative;
}

.google-map-wrapper {
  width: 60%;
}

.google-map-sidebar-wrapper{
  padding: 0px 0px 40px;
  height: 80vh;
  width: 40%;
  max-width: 420px;
  min-width: 420px;
  position: relative;
}

.google-map-sidebar {
  height: 80vh;
  overflow-y: scroll;
}

.google-map-search {
/*   position: sticky;
  left: 0px;
  top: 0px;
  z-index: 100; */
  padding: 20px 20px 8px;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,.05);
  border-bottom: 1px solid #eee;
}

.pref-dropdown,
.marker-filter {
  display: flex;
  flex-wrap: wrap;
}

.pref-dropdown-label {
  font-weight: bold;
  margin-bottom: 12px;
  width: 100%;
}

.pref-dropdown-selector {
  width: 50%;
  margin-bottom: 12px;
}

.pref-sub {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
}

.pref-sub > div {
  width: 100%;
}

.pref-my-position {
  font-size: 13px;
  margin: 0 0 12px 16px;
  color: #333;
}

.reset-search-condition {
  font-size: 13px;
  margin: 0 0 20px 16px;
}
.reset-search-condition a {
  color: #333;
}

.keywords-search {
  display: flex;
  margin: 0 0 12px;
  max-width: 90%;
}

.pref-dropdown select {
  font-size: 15px;
  border: 1px solid #e0e0e0;
  padding: 6px 12px;
  border-radius: 6px;
  height: 32px;
}

.keywords-search input {
  width: 80%;
  font-size: 16px;
  border: 1px solid #e0e0e0;
  padding: 6px 12px;
  border-radius: 6px 0 0 6px;
  outline-offset: -1.5px;
}

.keywords-search input::placeholder {
  font-size: 14px;
}
  
.keywords-search button {
  width: 20%;
  font-size: 15px;
  font-weight: bold;
  border-radius: 0 6px 6px 0;
  border: 1px solid #e0e0e0;
}

.memorial-types {
  display: flex;
  flex-wrap: wrap;
}

.memorial-types a {
  padding: 8px 8px;
  margin: 0 8px 8px 0;
  border: 1px solid #eee;
  text-decoration: none;
  font-size: 12px;
  color: #333;
  border-radius: 6px;
}

.memorial-types a.active {
  background-color: #ddd;
  color: #444;
}

.memorial-type-labels {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0 8px;
}

.memorial-type-label {
  padding: 4px 4px;
  margin: 0 8px 8px 0;
  border: 1px solid #e0e0e0;
  font-size: 11px;
}

.shop-flags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 6px 0;
}

.shop-flags > div {
  margin: 8px 12px 0 0;
  font-size: 13px;
}

.shop-flags > .radio-item {
  margin: -8px 16px 0 0;
}


.close {
  text-align: center;
  display: block;
  margin: 0 0 6px auto;
  max-width: 16px;
  text-decoration: none;
}


#memorial-info-modal .info-modal .check.checked,
#near-memorial-info-list .info-list .check.checked,
#memorial-info-list .info-list .check.checked {
  background: #eee;
  color: #333;
  border:  1px solid #ccc;
}

#memorial-info-modal .info-modal,
#shop-info-modal .info-modal {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 40vh;
  background: #fff;
}

#memorial-info-modal .info-modal,
#shop-info-modal .info-modal {
  padding: 20px 20px 8px;
/*   border-bottom: 1px solid #eee;
  box-shadow: 0 4px 10px rgba(0,0,0,.05); */
  line-height: 1.4;
}

#memorial-info-list,
#near-memorial-info-list {

}

#memorial-info-list .info-list,
#near-memorial-info-list .info-list,
#shop-info-list .info-list,
#near-shop-info-list .info-list {
  padding: 20px 20px 8px;
  border-bottom: 1px solid #eee;
  line-height: 1.4;
}
#memorial-info-modal .info-modal.is-show, 
#memorial-info-list .info-list.is-show,
#near-memorial-info-list .info-list.is-show,
#shop-info-modal .info-modal.is-show, 
#shop-info-list .info-list.is-show,
#near-shop-info-list .info-list.is-show {
  display: block;
}

#memorial-info-modal .info-modal .title, 
#memorial-info-list .info-list .title,
#near-memorial-info-list .info-list .title,
#memorial-info-list .info-list a,
#near-memorial-info-list .info-list a,
#shop-info-modal .info-modal .title, 
#shop-info-modal .info-modal a, 
#shop-info-list .info-list a,
#near-shop-info-list .info-list a {
  font-weight: bold;
  display: block;
  margin-bottom: 8px;
}

#memorial-info-modal .info-modal .address, 
#memorial-info-list .info-list .address,
#near-memorial-info-list .info-list .address,
#shop-info-modal .info-modal .address, 
#shop-info-list .info-list .address,
#near-shop-info-list .info-list .address {
  font-size: 12px;
  color: #333;
  margin-bottom: 8px;
}

#shop-info-modal .info-modal .tel, 
#shop-info-list .info-list .tel,
#near-shop-info-list .info-list .tel {
  font-size: 12px;
  color: #333;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#shop-info-modal .info-modal .material-icons, 
#shop-info-list .info-list .material-icons,
#near-shop-info-list .info-list .material-icons {
  color: #c10b37;
  font-size: 14px;
  margin-right: 4px;
}

#memorial-info-modal .info-modal .buttons, 
#memorial-info-list .info-list .buttons,
#near-memorial-info-list .info-list .buttons,
#shop-info-modal .info-modal .buttons, 
#shop-info-list .info-list .buttons,
#near-shop-info-list .info-list .buttons {
  display: flex;
  flex-wrap: wrap;
}

#memorial-info-modal .info-modal .route, 
#memorial-info-modal .info-modal .url, 
#memorial-info-list .info-list .buttons .route,
#memorial-info-list .info-list .buttons .url,
#near-memorial-info-list .info-list .buttons .route,
#near-memorial-info-list .info-list .buttons .url,
#shop-info-modal .info-modal .route, 
#shop-info-modal .info-modal .url, 
#shop-info-list .info-list .buttons .route,
#shop-info-list .info-list .buttons .url,
#near-shop-info-list .info-list .buttons .route,
#near-shop-info-list .info-list .buttons .url {
  width: 48%;
  margin: 12px auto 12px;
}

#memorial-info-list .info-list .url a,
#memorial-info-modal .info-modal .url a,
#near-memorial-info-list .info-list .url a,
#shop-info-list .info-list .url a,
#shop-info-modal .info-modal .url a,
#near-shop-info-list .info-list .url a {
  background-color: #c10b37;
  border-radius: 6px;
  color: #fff;
  font-weight: bold;
}

#memorial-info-modal .info-modal .route a, 
#memorial-info-modal .info-modal .url a, 
#memorial-info-list .info-list .buttons .route a,
#memorial-info-list .info-list .buttons .url a,
#near-memorial-info-list .info-list .buttons .route a,
#near-memorial-info-list .info-list .buttons .url a,
#shop-info-modal .info-modal .route a, 
#shop-info-modal .info-modal .url a, 
#shop-info-list .info-list .buttons .route a,
#shop-info-list .info-list .buttons .url a,
#near-shop-info-list .info-list .buttons .route a,
#near-shop-info-list .info-list .buttons .url a {
  width: 100%;
  border-radius: 6px;
  display: block;
  border: 1px solid #ddd;
  padding: 8px 8px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
}

.cluster span {
  position: absolute;
  top: -3px;
  left: 10px;
  color: #FFFFFF;
  text-shadow: 1px 1px 1px #6f0013;
  font-size: 14px;
  font-family: bmwTypeNextBold,Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  text-align: center;
  width: 20px;
  line-height: 32px;
}



/* 店舗検索用style */
#shop-info-modal .info-list > a,
#shop-info-list .info-list > a,
#near-shop-info-list .info-list > a {
  color: #333;
  text-decoration: none;
}

#shop-info-modal .info-modal .route a, 
#shop-info-list .info-list .buttons .route a,
#near-shop-info-list .info-list .buttons .route a {
  color: #333;
}

.tel .material-icons {
  font-size: 20px !important;
}
.tel .sp-only {
  font-size: 16px;
}



@media screen and (max-width: 768px) {

.google-map-wrapper {
  padding-top: 66.25% !important;
}

  
.google-map-layout {
  flex-wrap: wrap;
}

.google-map-wrapper {
  width: 100%;
  order: 1;
}

.google-map-sidebar-wrapper {
  padding: 0px 0px 40px;
/*   height: 54vh;
  overflow: hidden; */
  height: auto;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  order: 2;
}

.google-map-sidebar {
  height: auto;
}

#memorial-info-modal .info-modal {
  height: 100%;
}

.google-map-search {
  padding: 12px 12px 8px;
}

.memorial-type-labels {
  margin:  0 0 6px;
}

.memorial-type-label {
  margin: 0 8px 6px 0;
  font-size: 10px;
}

  
#memorial-info-modal .info-modal,
#memorial-info-list .info-list,
#near-memorial-info-list .info-list,
#shop-info-modal .info-modal,
#shop-info-list .info-list,
#near-shop-info-list .info-list {
  padding: 12px 12px 8px;
}

#memorial-info-modal .info-modal .route, 
#memorial-info-modal .info-modal .url, 
#memorial-info-list .info-list .buttons .route,
#memorial-info-list .info-list .buttons .url,
#near-memorial-info-list .info-list .buttons .route,
#near-memorial-info-list .info-list .buttons .url,
#shop-info-modal .info-modal .route, 
#shop-info-modal .info-modal .url, 
#shop-info-list .info-list .buttons .route,
#shop-info-list .info-list .buttons .url,
#near-shop-info-list .info-list .buttons .route,
#near-shop-info-list .info-list .buttons .url {
  margin: 6px auto 0px;
}

  
} /* end mobile  */


  
}