@charset "UTF-8";

/*index*/
header{
	position:relative;
	height:12vh;
	background:#660066;
}
header h1{
	position:absolute;
	top:3vh;
	left:35px;
	height:6.5vh;
}
header h1 img{
	height:100%;
}
main{
	margin:8vh 0;
}
p.subtitle{
	margin-bottom:9vh;
	height:8vh;
	font-size:30px;
	font-weight:700;
	font-family: 'Shippori Mincho', serif;
	text-align:center;
	line-height:1.4;
}
ul.enter_wrap{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
ul.enter_wrap li{
	position:relative;
	width:calc(50% - 35px);
	height:50.6vh;
}
ul.enter_wrap li.shop01{
	background:url("../images/index/yokosuka.jpg") no-repeat center 0 /cover;
}
ul.enter_wrap li.shop02{
	background:url("../images/index/wako.jpg") no-repeat 20% 0 /cover;
}
ul.enter_wrap li a{
	display:block;
	width:100%;
	height:100%;
	transition: all 0.5s;
}
ul.enter_wrap li a:hover{
	background: rgba(255,255,255,0.3);
	transition: all 0.5s;
}
ul.enter_wrap li a p{
	position:absolute;
	bottom:10px;
	width:270px;
	font-size:50px;
	font-weight:500;
	font-family: 'Shippori Mincho', serif;
	color:#fff;
	line-height:100px;
	text-align:center;
	background:#660066;
}
ul.enter_wrap li.shop01 a p{
	right:10px;
}
ul.enter_wrap li.shop02 a p{
	left:10px;
}
footer{
	background:url("../images/index/bg01.png") no-repeat 0 0 /cover;
}
footer p.copy{
	font-size:14px;
	line-height:4.4vh;
	text-align:center;
}
@media (max-width: 768px){
	header {
		height: 60px;
	}
	header h1 {
		top: 8px;
		left: 20px;
		width: 100px;
	}
	header h1 img{
		height:auto;
		width:100%;
	}
	main {
		margin: 50px 0;
	}
	p.subtitle{
		margin-bottom:40px;
		height:auto;
		font-size:20px;
	}
	ul.enter_wrap {
		display: block;
	}
	ul.enter_wrap li {
		width: 100%;
		height: 200px;
	}
	ul.enter_wrap li:not(:first-child){
		margin-top:20px;
	}
	ul.enter_wrap li a p {
		width: 140px;
		font-size: 26px;
		line-height: 50px;
	}
	ul.enter_wrap li.shop01 a p {
		left: 10px;
		right:auto;
	}
	ul.enter_wrap li.shop02 a p {
		right: 10px;
		left:auto;
	}
	footer p.copy {
		font-size: 12px;
		line-height: 50px;
	}
}
/*common*/

/*header*/

/*footer*/












/*break point presets*/
/*
@media (max-width: 768px){
	
}

@media (min-width: 769px) and (max-width:1369px){
	
}
*/