@charset "utf-8";

/* ==============================
Smartphone access layout
Site Name: Allegro Wedding Site;
Date: 2016.08;
================================= */

/* layout
================================= */
#hero {
	background: url(../img/access/photo_hero.jpg) center top no-repeat;
	background-size: cover;
}
#main {
	background: url(../img/access/ttl_page.svg) center top no-repeat;
	background-size: 157px 77px;
}

/* shopinfo
----------------------------- */
#shopinfo {
	padding-bottom: 0;
}
/* list */
.shopinfo__list dt {
	font-family: "Cormorant Garamond", serif;
}
.shopinfo__list .btn {
	margin-top: 14px;
	margin-bottom: 14px;
}
.shopinfo__list .tel {
	font-size: 18px;
}
/* slider */
.shopinfo__slick {
	margin-top: 50px;
	width: 100%;
}

/* map
----------------------------- */
#map .pict {
	background: url(../img/access/pict_map_sp.png) center 0 no-repeat;
	background-size: cover;
	margin-bottom: 30px;
	padding-top: calc(700 / 640 * 100%);
	width: 100%;
	height: 0;
}

/* guide
----------------------------- */
#guide {
	padding-bottom: 0;
}
#guide h2 {
	margin-bottom: 10px;
}
#guide .pict {
	background: url(../img/access/pict_guide_sp.png) center 0 no-repeat;
	background-size: cover;
	margin-bottom: 50px;
	padding-top: calc(1072 / 560 * 100%);
	width: 100%;
	height: 0;
}
.guide__list {
	margin-top: -20px;
}
.guide__item {
	list-style: none;
	margin-top: 20px;
	width: 100%;
}
.guide__item h3 {
	margin-bottom: 12px;
}