@charset "UTF-8";


#title._a
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 2rem;
	margin-top: clamp(8rem, 15vw, 10rem);
	width: 100%;
	min-height: min(50vh, 500px);
	background-color: rgb(0, 0, 0);
}

#title > img
{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit:cover;
	object-position: 50% 50%;
}

#title .grad
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .7));
}

#title a.box
{
	font-size: .8rem;
	background-color: rgba(255, 255, 255, 0);
	color: rgb(255, 255, 255);
	border-color: rgb(255, 255, 255);
}

#title h1
{
	color: rgb(255, 255, 255);
	font-size: clamp(1.5rem, 1.5vw, 1.8rem);
	margin-top: 2em;
	display:flex;
	flex-direction: column;
	align-items: center;
}
#title h1 > span:nth-of-type(1)
{
	font-size: .6em;
	margin-bottom: 2em;
	padding-bottom: .8em;
}


/*//////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////// Parts ///////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////*/

.wp-block-code code
{
	padding:2rem;
}

.wp-block-image
{
/*	cursor:zoom-in;*/
	line-height:0;
}

.wp-block-image img
{
	transition: all .5s ease;
}

/*body:not(.touch) .wp-block-image:hover img
{
	filter:alpha(opacity=70);
	-moz-opacity: .7;
	opacity: .7;
}*/

#main
{
	margin-top: clamp(5rem, 10vw, 10rem);
	margin-bottom: clamp(5rem, 10vw, 10rem);
	justify-content:space-between;
	align-items:flex-start;
}

#main > .contents
{
	width: 100%;
	max-width:920px;
	margin: 0 auto;
}

#main .cate_date
{
	font-family: R-R, GG-R, sans-serif;
	font-weight: 400;
	display:flex;
	color: rgb(100, 100, 100);
	margin: .5em 0 2em;
	font-size: .9em;
}

#main .cate_date > span
{
	margin: 0 .5em;
}
#main .cate_date .dir
{
	color: rgb(100, 100, 100);
}
#main .cate_date a.cate
{
	color: rgb(100, 100, 100);
}

#main > p
{
/*	columns: 2;
	column-gap: 2em;*/
}

#main > p + *
{
	margin-top: 3rem;
}

#main div:not(.voice) h1 span:nth-of-type(1)
{
	padding-right: 2em;
}

.is-layout-flex
{
	display:flex;
}

.wp-block-column-is-layout-flow + .wp-block-column-is-layout-flow
{
	margin-left: 2rem;
}

#modalWindow .photo_100
{
	padding: 8rem 0;
}

#info
{
	width: 100%;
	max-width:920px;
	margin: clamp(3rem, 5vw, 5rem) auto 0;
}

#info h3
{
	margin-bottom: .5em;
}

#info > div
{
	display: flex;
	align-items: center;
	padding: 1rem;
	background-color: rgb(255, 255, 255);
}

#info > div > div
{
	width: calc(50% - 2rem);
}

#info .map
{
	margin-right: 4rem;
	height: 300px;
	filter: grayscale(70%);
}

#info table
{
	width:100%;
	font-size: .9rem;
}

#info td:first-child
{
	padding-right: 1rem;
	color: rgb(75, 75, 75);
	white-space: nowrap;
}

#info tr td
{
	vertical-align: top;
	padding-top: .5rem;
	padding-bottom: .5rem;
}
#info tr + tr td
{
	border-top: 1px solid rgb(200,200,200);
}


/*//////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////// OTHERS ///////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////*/

#restaurant
{
	margin-top: max(3rem, 5vw);
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0 -5px 25px rgba(0, 0, 0, .1);
}

#restaurant h2
{
	font-size: clamp(1.1rem, 5vw, 1.5rem);
	margin: 1.5em 0 1em;
	display:flex;
	flex-direction: column;
	align-items: center;
}

#restaurant h2 > span:nth-of-type(1)
{
	font-size: .7em;
}

#restaurant .restaurantWrapper .restaurant_other
{
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + 1rem);
}

#restaurant .restaurantWrapper
{
	margin: 0 auto 6rem;
	max-width: 1500px;
	padding: 0 2rem;
}

#restaurant .restaurantWrapper .article
{
	background-color: rgb(255, 255, 255);
}

#restaurant .restaurantWrapper .restaurant_other .article
{
	width: calc(100% / 4 - 1rem);
	margin-top: 1rem;
	margin-right: 1rem;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

#restaurant .restaurantWrapper a.sumnail_bg
{
	width: 100%;
	overflow: hidden;
	display: block;
}

#restaurant .restaurantWrapper a.sumnail_bg > div
{
	width: 100%;
	aspect-ratio: 10 / 6;
	background-size: cover;
	background-position: 50%;
	
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

body:not(.touch) a.sumnail_bg:hover > div
{
	transform: scale(1.1);
}

#restaurant .restaurantWrapper .textWrapper
{
	width: 100%;
	padding: 1rem;
	
	flex: 1 1 auto;
	
	-webkit-align-items: center;
	align-items: center;
	
	-webkit-justify-content: center;
	justify-content: center;

	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

#restaurant .restaurantWrapper .textWrapper span.cate
{
	font-size: .7em;
}

#restaurant .restaurantWrapper .article .textWrapper h3
{
	font-size: 1rem;
	margin-top: .5rem;
	margin-bottom: .75rem;
	text-align: left;
}

#restaurant .box
{
	font-size: .9em;
}


/*//////////////////////////////////////////////////////////////////////////////////
///////////////////////////////// MEDIA SCREEN ////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////*/

@media screen and (max-width: 800px)
{
	#info > .flex
	{
		flex-direction: column;
	}
	#info > .flex > div
	{
		width: 100%;
	}
	#info .map
	{
		margin-right: 0;
		margin-bottom: 4rem;
	}
	
	#restaurant .restaurantWrapper .restaurant_other .article
	{
		width: calc(50% - 1rem);
	}
}

@media screen and (max-width: 600px)
{

	#restaurant .restaurantWrapper .restaurant_other .article
	{
		width: calc(100% - 1rem);
		-moz-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	
	#restaurant .restaurantWrapper .restaurant_other .article:not(._0) .textWrapper h3
	{
		font-size: .9rem;
	}
	
	#restaurant .restaurantWrapper .restaurant_other .article .desc
	{
		display: none;
	}
	
	#restaurant .restaurantWrapper .restaurant_other a.sumnail_bg > div
	{
		height: 100%;
	}
}