/*--------------------------
レストラン泉屋
izumiya946.jp
2022-10-27
----------------------------*/
/*
body	{ color: #eee; background-color: #4d416c; }
body	{ color: #eee; background-color: #594c7c; }
section:nth-child(odd)	{ background-color: transparent; }
section:nth-child(even)	{ background-color: #63548b; }
*/
/*
section:nth-child(odd)	{ background-image: url(bg1409028_1280.png); background-attachment: fixed; }
section:nth-child(even)	{ background-color: #774c94; }
*/
.grid h3	{ text-align: center; }
/*
.more a { color: #fff; background-color: transparent; border: thin solid #fff8; border-radius: 3em; transition: .2s; }
.more a:hover { background-color: transparent; text-decoration: none; transform: scale(1.1); }
*/


/*
.header	{ display: none; }
.header.fixed+*	{ margin-top: 0; }
*/

.sectitle	{ display: block; min-height: 0; border: none; background: none; }
.sectitle	{ text-align: center; }
.sectitle	{ padding-bottom: 1rem; border-bottom: 5px solid #6a8; }
.sectitle:before	{ display: block; margin: auto; height: auto; background: none; font-family: forkawesome; font-size: 1.5em; }


/*-----------------------------
	Visual
-----------------------------*/
.top-logo	{ display: flex; flex-flow: column; justify-content: space-between; align-items: center; }
.top-logo {
	margin: auto;
	padding: 0;
	width: clamp(100px, 70vw, 540px);
	height: 100%;
	background: url(logo3x1.png) no-repeat 50% 50% / contain;
	background: url(logo1x1-top.png) no-repeat 50% 40% / 70%;
}
.top-logo h1	{ text-indent: -9999px; }
.top-logo a	{ margin-bottom: -20px; padding: 0 30px; font-size: 60px; line-height: 60px; transition: .2s; }
.top-logo a	{ color: #fff; background-color: #175d39; border-radius: 1em 1em 0 0; }
.top-logo a	{ background-color: #352112; }
.top-logo a:hover	{ transform: scale(1.2); text-decoration: none; }

/*-----------------------------
	Information
-----------------------------*/
/*section.top-info	{ padding: 2em 0; background-color: rgba(125, 194, 183, .2); }*/
#top-info	{ position: relative; background-color: #175d39; background-attachment: fixed; z-index: -2; }
#top-info	{ background: linear-gradient(#0c4f1e, #39721d); }
#top-info	{ background: linear-gradient(#352112, #73471a); }
/*#top-info:before	{ position: absolute; top: 0; width: 100%; height: 100%; content: ''; background-color: #0004; z-index: -1; }*/
#top-info .inner	{ max-width: 960px; padding: 1em; }
#top-info h3	{ padding-bottom: .5rem; color: #fff; border-bottom: 3px dotted #fff3; }
#top-info h3	{ text-align: center; letter-spacing: 0; }
#top-info h3+h4	{ margin-top: .5rem; color: #fff; text-align: center; }


/*-----------------------------
	Facebook
-----------------------------*/
/*#top-fb	{ display: flex; flex-flow: column; justify-content: center; }*/
/*#top-fb	{ background: url(bg1.jpg) no-repeat 50% 50% / cover; background-attachment: fixed; }*/
/*#top-fb	{ position: relative; min-height: 20vh; text-align: center; }*/
#top-fb	{ position: relative; background: url(../images/izumiya2.jpg) 50% 50%; background-attachment: fixed; }
#top-fb:before	{
	position: absolute; left: 0; width: 100%; height: 100%;
	background-color: #3332;
	-webkit-backdrop-filter: saturate(100%) blur(2px);
	backdrop-filter: saturate(100%) blur(2px);
	content: '';
}
#top-fb .inner	{}

/*-----------------------------
	Photo Gallery
-----------------------------*/
/*
#top-gallery	{ background-color: #333; }
*/
#top-gallery .inner { padding: 0; max-width: none; }
#top-gallery img { display: block; }


/*-----------------------------
	Banner
-----------------------------*/
/*#top-bnr	{ background-color: #7dc2b7; }*/
#top-bnr	{ background-color: #efce8e; }
#top-bnr .inner > *+*	{ margin-top: 1em; }
#top-bnr ul	{ margin: 0; padding: 0; list-style-type: none; }
#top-bnr ul	{ display: flex; flex-wrap: wrap; gap: 1em; }
#top-bnr li	{ flex: 1 0 auto; max-width: 100%; }
#top-bnr li	{ background-color: #fff; box-shadow: 0 0 15px 3px rgb(0 32 64 / 20%); }
#top-bnr li	{ display: flex; flex-direction: column; justify-content: center; text-align: center; }
#top-bnr a	{ display: block; transition: .2s; }
#top-bnr a:hover	{ opacity: 1; transform: scale(1.02); }
#top-bnr a:after	{ display: none; }
#top-bnr img { display: block; margin: auto; }


/*----------------------
	Googlemap
----------------------*/
.googlemap iframe	{ max-width: none; max-height: 500px; }


/* for SmartPhone Landscape (横) */
@media screen and (min-width:480px) { 
}



@media screen and (min-width:768px) { /* and ( max-width:1024px) { */

	#top-info .inner	{ border-radius: 1em; }

	#top-bnr li	{ flex: 1 0 40%; }
	#top-bnr .x3 li	{ flex: 1 0 25%; }

}