@charset 'utf-8';
/* 共通 */
#map { width: 1000px; height:540px; background-color:#FFF; border:1px solid #B3B3B3; }
.icon {
  width: 10px !important;
  height: 10px !important;
  border-radius: 20px;
  border: 10px solid #C1272D;
  background-color:#FFF !important;

  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
  background-color: rgb(204, 51, 166);
  -webkit-animation:blink 1.5s ease-in-out infinite alternate;
  -moz-animation:blink 1.5s ease-in-out infinite alternate;
  animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{ 0% {opacity:0.2;} 100% {opacity:1;} }
@-moz-keyframes blink{ 0% {opacity:0.2;} 100% {opacity:1;} }
@keyframes blink{ 0% {opacity:0.2;} 100% {opacity:1;} }
.leaflet-control-attribution { display:none; }
.shopDet { display:none; }
.active { display:flex; }


.selFloor { width:100%; margin:50px 0 30px; padding:0; text-align:center; }
.selFloor li {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  display:inline-block; margin:0 5px; padding:2px 1em; list-style:none; font-size:30px; font-weight:bold;
  color:#B3B3B3; border-bottom:3px solid #B3B3B3; }
.selFloor li a { color:#B3B3B3; text-decoration:none; }
.a1f .selFloor01 { color:#333; border-bottom:3px solid #333; }
.a2f .selFloor02 { color:#333; border-bottom:3px solid #333; }
.a3f .selFloor03 { color:#333; border-bottom:3px solid #333; }
.a4f .selFloor04 { color:#333; border-bottom:3px solid #333; }

.selCat { width:100%; margin:30px 0 70px; padding:0; }
.selCat li {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  display:inline-block; list-style:none; font-weight:bold; font-size:16px;
  margin:0 10px; padding:8px 1em 5px; cursor:pointer;
}
.selCat li.selCat01 { color:#E48C92; border-bottom:3px solid #E48C92; }
.selCat li.selCat02 { color:#739A4C; border-bottom:3px solid #739A4C; }
.selCat li.selCat03 { color:#DCC700; border-bottom:3px solid #DCC700; }
.selCat li.selCat04 { color:#5E98B6; border-bottom:3px solid #5E98B6; }
.selCat li.selCat05 { color:#D98937; border-bottom:3px solid #D98937; }
.selCat li.select { color:#FFF; border:none; cursor:default; }
.selCat li.selCat01.select { background-color:#E48C92; border-bottom:3px solid #E48C92; }
.selCat li.selCat02.select { background-color:#739A4C; border-bottom:3px solid #739A4C; }
.selCat li.selCat03.select { background-color:#DCC700; border-bottom:3px solid #DCC700; }
.selCat li.selCat04.select { background-color:#5E98B6; border-bottom:3px solid #5E98B6; }
.selCat li.selCat05.select { background-color:#D98937; border-bottom:3px solid #D98937; }

.shopList { width:100%; margin:0 0 100px; padding:0; }
.shopList li {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  display:inline-block; list-style:none; font-size:14px;
  padding:3px 1em; margin:0 1em 0.5em; 
}
.shopList li a { color:#333; text-decoration:none; }
.shopList li.cat01 { border-left:2px solid #E48C92; }
.shopList li.cat02 { border-left:2px solid #739A4C; }
.shopList li.cat03 { border-left:2px solid #DCC700; }
.shopList li.cat04 { border-left:2px solid #5E98B6; }
.shopList li.cat05 { border-left:2px solid #D98937; }

.shopDet { margin:50px 0 50px; }
.sPhoto { margin-right:40px; }
.sInfo { width:calc(100% - 580px); font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#333; }
.sCat { font-size:16px; margin-bottom:1em; }
.sCat01 { color:#E48C92; }
.sCat02 { color:#739A4C; }
.sCat03 { color:#DCC700; }
.sCat04 { color:#5E98B6; }
.sCat05 { color:#D98937; }

.sTitle { font-size:24px; font-weight:bold; border-bottom:1px solid #B3B3B3; }
.sFloor { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #B3B3B3; }
.sFloor p { margin:0; padding:20px 0; font-size:14px; }
.sFloor p:nth-child(2) { font-size:18px; font-weight:bold; }
.sTime { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #B3B3B3; }
.sTime p { margin:0; padding:20px 0; font-size:14px; }
.sTime p:nth-child(2) { font-size:18px; font-weight:bold; }

@media(max-width:750px) {
  /* 共通 */
  #map { width:calc(100% - 20px); margin:10px; }
  .selFloor { margin:30px 0 20px; }
  .selCat { margin:20px 0 40px; }
  .shopList { margin:0 0 50px; }
  .active { display:block; }
  .sPhoto { margin:0; }
  .sPhoto img { width:calc(100% - 20px); margin:10px; }
  .sInfo { width:calc(100% - 20px); margin:10px; } 
  .selFloor li { font-size:20px; }
  .selCat li { font-size:14px; }
}