text 171222Gマップの吹き出しをデザイン

Posted 2021-05-03

.wrp_info {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	.img {
		width: 90px;
		@include mq(sp) {
			display: none;
		}
	}
	.info {
		padding-left: 15px;
		@include mq(sp) {
			padding-left: 0;
		}
		a {
				text-decoration: underline;
				&:hover {
						text-decoration: none;
				}
		}
		p {
			@include mq(sp) {
				display: none;
			}
		}
		.lnk {
			text-align: right;
			@include mq(sp) {
				display: block;
				text-align: center;
				margin-top: 5px;
			}
		}
	}
}

points[0] = new google.maps.LatLng(26.530116, 127.933637);
htmls[0] = '<div class="wrp_info"><div class="img"><img src="./images/img_marriott_s.jpg" alt="オキナワ マリオット リゾート ＆ スパ"></div><div class="info"><h3 class="spot_name">オキナワ マリオット リゾート ＆ スパ</h3><p>〒905-0026<br>沖縄県名護市喜瀬1490-1<br>TEL：[phone]（代表）</p></div></div>';
icons[0] = 'images/ic_pin01.png';