@charset "UTF-8";


@media print, screen and (min-width: 431px) {
	header nav {
		position: absolute;
		bottom: 0;
		left: 0;
	}
	
	header nav.fixed {
		position: fixed;
		top: 25px;
		left: 0;
	}
}

#home .visual {
	width: 100%;
	height: auto;
	max-height: 100vh;
	border-bottom: 1px solid rgba(255,255,255,1.0);
	position: relative;
	z-index: -1;
}

	
#home .visual ul li img {
	width: 100%;
	height: auto;
}


#home .visual div {
	width: 33.33%;
	min-width: 240px;
	position: absolute;
	left: -50%;
	right: -50%;
	margin: auto;
	z-index: +1;
}


@media print, screen and (min-width: 933px) {
	#home .visual div {
		top: 30.00%;
	}
}
@media only screen and (max-width: 932px) {
	#home .visual div {
		top: 24.00%;
	}
}
@media only screen and (max-width: 430px) {
	#home .visual div {
		top: 22.00%;
	}
}
	
#home .visual div img {
	width: 100%;
	height: auto;
}



#home .summary > div {
	padding: 5% 5% 5% 5%;
}


#home .summary > div > img {
	width: 45%;
	max-width: 200px;
	margin: 0 auto 0 auto;
	display: block;
}

	
#home .summary > div > p {
	color: rgba(255,255,255,1.0);
	margin-top: 10px;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.8),0px 8px 13px rgba(0,0,0,0.5),0px 18px 23px rgba(0,0,0,0.2);
}
@media print, screen and (min-width: 431px) {
	#home .summary > div > p {
		font-size: 1.7rem;
		line-height: 3.0rem;
		letter-spacing: 0.3rem;
		text-align: center;
	}
}
@media only screen and (max-width: 430px) {
	#home .summary > div > p > br {
		display: none;
	}
}


	
#home .summary .btn {
	margin: 2% auto 0 auto;
}


@media print, screen and (min-width: 431px) {
	#home .information > div > p {
		text-align: center;
	}
}

#home .information > div > p:nth-of-type(1) {
	margin: 4% auto 0 auto;
}
	
#home .information > div > p > .btn {
	margin: 2% auto 2% auto;
}



#home .restaurant ul {
	display: flex;
	flex-wrap: wrap;
}

#home .restaurant ul li {
	margin: 4% 4% 0 0;
}
@media print, screen and (min-width: 933px) {
	#home .restaurant ul li {
		width: calc(33.33% - ((4% * 2) / 3));
	}
	#home .restaurant ul li:nth-child(3n) {
		margin: 4% 0 0 0;
	}
}
@media only screen and (max-width: 932px) and (min-width: 431px) {
	#home .restaurant ul li {
		width: calc(50.00% - ((4% * 1) / 2) );
	}
	#home .restaurant ul li:nth-child(2n) {
		margin: 4% 0 0 0;
	}
}
@media only screen and (max-width: 430px) {
	#home .restaurant ul li {
		width: 100%;
	}
}

#home .restaurant ul li > a > img {
	width: 100%;
	height: auto;
}


#home .restaurant ul li > a > h5 {
	text-align: left;
	margin: 4% 0 0 0;
}
	
#home .restaurant ul li > a > p {
	text-align: left;
	margin: 2% 0 0 0;
}
	
#home .restaurant > div > .btn {
	margin: 2% auto 0 auto;
}



#home .bar > div > div {
	padding: 4% 0 0 0;
}
@media print, screen and (min-width: 933px) {
	#home .bar > div > div {
		display: flex;
	}
}

@media print, screen and (min-width: 933px) {
	#home .bar > div > div > div:nth-of-type(1) {
		width: 60.00%;
		
	}
}
@media only screen and (max-width: 932px) {
	#home .bar > div > div > div:nth-of-type(1) {
		width: 100%;
	}
}

#home .bar > div > div > div:nth-of-type(1) > img {
	width: 100%;
}

@media print, screen and (min-width: 933px) {
	#home .bar > div > div > div:nth-of-type(2) {
		width: 40.00%;
		padding: 0 0 0 4%;
	}
}
@media only screen and (max-width: 932px) {
	#home .bar > div > div > div:nth-of-type(2) {
		width: 100%;
		padding: 2% 0 0 0;
	}
}

@media screen and (max-width: 932px) and (min-width: 431px) {
	#home .bar > div > div > div:nth-of-type(2) > p {
		text-align: center;
	}
}

#home .bar > div > .btn {
	margin: 2% auto 0 auto;
}
	


#home .media > div > div {
	padding: 4% 0 0 0;
}
@media print, screen and (min-width: 933px) {
	#home .media > div > div {
		display: flex;
	}
}

@media print, screen and (min-width: 933px) {
	#home .media > div > div > div:nth-of-type(1) {
		width: 60.00%;
		
	}
}
@media only screen and (max-width: 932px) {
	#home .media > div > div > div:nth-of-type(1) {
		width: 100%;
	}
}

@media print, screen and (min-width: 933px) {
	#home .media > div > div > div:nth-of-type(1) > h4 {
		text-align: left;
	}
}
@media screen and (max-width: 932px) and (min-width: 431px) {
	#home .media > div > div > div:nth-of-type(1) > h4 {
		text-align: center;
	}
}


#home .media > div > div > div:nth-of-type(1) > p {
	margin: 2% 0 0 0;
}
@media screen and (max-width: 932px) and (min-width: 431px) {
	#home .media > div > div > div:nth-of-type(1) > p {
		text-align: center;
	}
}


@media print, screen and (min-width: 933px) {
	#home .media > div > div > div:nth-of-type(2) {
		width: 40.00%;
		padding: 0 0 0 4%;
	}
}
@media only screen and (max-width: 932px) {
	#home .media > div > div > div:nth-of-type(2) {
		width: 100.00%;
		padding: 2% 0 0 0;
	}
}

#home .media > div > div > div:nth-of-type(2) > img {
	width: 100%;
}

#home .media .btn {
	margin: 2% auto 0 auto;
}
	

#home .anniversary p {
	margin: 2% 0 0 0;
}
@media print, screen and (min-width: 431px) {
	#home .anniversary p {
		text-align: center;
	}
}


#home .column {
	margin: 4% auto 0 auto;
}
@media print, screen and (min-width: 933px) {
	#home .column {
		display: flex;
	}
}




@media print, screen and (min-width: 933px) {
	#home .column > section {
		width: calc(50.00% - (4% / 2));
		margin: 0 4% 0 0;
	}
}

@media print, screen and (min-width: 933px) {
	#home .column > section:nth-child(2n) {
		margin: 0 0 0 0;
	}
}


#home .column > .access > div iframe {
	width: 100%;
	height: 360px;
	margin: 4% auto 0 auto;
}
	
#home .column > .access .btn {
	margin: 2% auto 0 auto;
}


#home .column > .facebook > div {
	text-align: center;
}

#home .column > .facebook > div .fb-page {
	height: 500px;
}