/**
 *
 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;900&display=swap');

html,body{
	padding:0px;
	margin:0px;
	height:100%;
}
body{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:600;
	font-size:20px;
	color:#292321;
}
i{
	margin-right:0.5em;
}
main{
	height:100%;
	width:100%;
	display:flex;
}
main > section{
	flex:1;
}
section.shopFrame{
	background-position:center center;
	background-size: cover;
	background-repeat: no-repeat;
}
#toyohashi{
	background-image:url("../img/mainbg_toyohashi.jpg");
}
#nagasaki{
	background-image:url("../img/mainbg_nagasaki.jpg");
}


section.shopFrame > a{
	display:flex;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	flex-direction: column;
	justify-content: center;
	text-decoration:none;
	transition : all 0.5s;
}
section.shopFrame > a > span.logo{
	display:block;
	text-align:center;
	padding:10% 0px;
}
section.shopFrame > a > span.logo > img{
	width:100%;
	max-width:60%;
	margin:0px auto;
}
section.shopFrame > a > span.link{
	text-align:center;
	padding-bottom:10%;
}
section.shopFrame > a > span.link > span{
	display:inline-block;
	background:#E6DA40;
	width:60%;
	padding:1em;
	text-align:left;
	color:#000;
	position:relative;
	padding-right:3em;
}
section.shopFrame > a > span.link > span::after{
	content:"→";
	display:inline-block;
	position:absolute;
	right:1em;
}

section.shopFrame > a:hover{
	background:rgba(0,0,0,0.2);
}