@charset "UTF-8";
/* CSS Document */

/* 中身-モバイルファースト======================================================================================================== */

#lineup{
padding: 0 5vw;
}
#lineup li{
margin-bottom: 40px;
}
#lineup li:last-child{
margin-bottom: 0;
}
#lineup li a{
display: block;
text-decoration: none;
text-align: center;
}
#lineup li .photo{
width: 80%;
margin: 0 auto 20px;
}
#lineup li .logo img{
height: 40px;
margin-bottom: 10px;
}
#lineup li h3{
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
#lineup li h3 + p{
text-align: left;
}
#lineup .l_common_btn{
margin: 15px 5vw 0;
}
#lineup .l_common_btn span{
font-size: 20px;
font-weight: normal;
}
#lineup .l_common_btn span::after{
width: 40px;
height: 3.5px;
}


#map h2{
background-color: #111;
color: #fff;
font-weight: bold;
padding: 20px;
text-align: center;
}
#map .secMapSelectBox{
text-align: center;
background-color: #444;
color: #fff;
padding: 20px 0;
}
#map .secMapSelectBox p,
#map .secMapSelectBox .select01{
display: inline-block;
vertical-align: middle;
}
#map .secMapSelectBox p{
margin-right: 1em;
}
#map .secMapSelectBox .select01{
overflow: hidden;
width: 250px;
position: relative;
background: #ffffff;
border: solid 1px #ccc;
}
#map .secMapSelectBox .select01::before {
content: "";
display: block;
content: "";
width: 10px;
height: 10px;
position: absolute;
top: 0;
bottom: 0;
right: 13px;
margin: auto;
border-top: 2px solid #ccc;
border-right: 2px solid #ccc;
transform: rotate(135deg);

}
#map .secMapSelectBox .select01::after {
position: absolute;
top: 50%;
right: 2.5em;
height: 30px;
bottom: 0;
width: 1px;
content: "";
border-left: 1px solid #ccc;
transform: translateY(-50%);
}
#map .secMapSelectBox  .select01 select{
  width: 100%;
  padding: 10px;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
#map #map_canvas{
height: 500px !important;
}


.gm-style img{
}
.popup-prop-media__image{
width: 150px;
}
.popup-prop-media__image img{
max-width: 100%;
aspect-ratio: 4/3;
object-fit: contain;
}
.popup-prop__btn{
text-align: center;
}

/* PCのみ======================================================================================================== */
@media print, screen and (min-width: 751px){

#lineup{
padding: 0;
}
#lineup ul{
display: flex;
justify-content: space-between;
margin: 0 5%;
}
#lineup li{
margin-bottom: 0px;
width: 22%;
text-align: center;
}
#lineup li a:hover{
color: #000;
transform: scale(1.05);
}
#lineup li .photo{
width: 100%;
}
#lineup li .l_common_btn{
width: 200px;
margin: 15px auto 0;
}
#lineup li .l_common_btn p{
padding: 10px 0;
}


#map h2{
font-size: 30px;
}
#map #map_canvas{
height: 535px !important;
}
}