/**/
/*トップページ分岐用*/
/**/
#top-navi {
	height: 100vh;
}
@media (min-width: 782px) {
	#top-navi {
		display: -webkit-flex;
		display: flex;
	}
	#top-navi .bg:hover {
		width: 200%;
	}
	#top-navi .bg:hover .mask{
		opacity: 0 !important;
	}
}
#top-navi .bg {
	width: 100%;
	-webkit-transition: width 0.3s ease-out;
	transition: width 0.3s ease-out;
	/* center */
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
}
.mask{
/*	position: absolute;*/
	width: 100%;
	height:100%;
	background: #000;
	opacity: 0.5;
}
#top-navi .bg a {
/*	position: absolute;*/
	width: 100%;
	height:100%;
}
#top-navi .bg_1 {
	background:url(../images_base/topimage_mameyacafe.jpg);
	background-position: center;
	background-size:cover;
}
#top-navi .bg_2 {
	background:url(../images_base/topimage_fukuroicoffee.jpg);
	background-position: center;
	background-size:cover;
}
#top-navi .bg_3 {
	background:url(../images_base/topimage_drinkmagic.jpg);
	background-position: center;
	background-size:cover;
}
#top-navi a {
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	color: #fff;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#top-navi .bg a img {
/*	position: absolute;*/
	display: block;
	margin-top: 15%;
	margin-left:35%;
	width:30%;
	opacity: 1 !important;
}
@media (max-width: 782px) {
	#top-navi {
		height:calc(100vh - 62px);
	}
	#top-navi .mask {
		height:100%;
		opacity: 0.3;
	}
	#top-navi .bg {
		width: 100%;
		height:33%;
		-webkit-transition: width 0.3s ease-out;
		transition: width 0.3s ease-out;
		/* center */
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	#top-navi .bg_1 {
		background:url(../images_base/topimage_mameyacafe2.jpg);
		background-position: center;
		background-size:cover;
	}
	#top-navi .bg_2{
		background:url(../images_base/topimage_fukuroicoffee.jpg);
		background-position: center;
		background-size:cover;
	}
	#top-navi .bg_3 {
		background:url(../images_base/topimage_drinkmagic2.jpg);
		background-position: center;
		background-size:cover;
	}
	#top-navi .bg a img {
		display: block;
		margin-left:5%;
		margin-top:calc((100vh - 62px - 60vw )/6);
		width:20%;
		max-width:200px;
		opacity: 1 !important;
	}
}
/**/
/*３店舗共通レイアウト用*/
/**/
.others {
	display: -webkit-flex;
	display: flex;
}
.other-site {
	width:50%;
	margin:50px auto;
	text-align:center;
	line-height:1.5rem;
}
.other-site img {
	width:50%;
	margin:0;
	padding:0;
	border:#ccc 3px solid;
	border-radius:50%;
}