@charset "UTF-8";
:root {
	--mainfilter-1: sepia(100%) saturate(500%) hue-rotate(340deg) brightness(80%) contrast(110%);
}
#mainPhoto{
	height: auto;
	position:relative;
	background-image: unset;
	z-index:1;
}
#mainPhoto:after{
	position:absolute;
	display:block;
	content:'';
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
	/*background-image: url(/img-webp/deliSushiExp/h1bg2.webp);*/
	background-image: url(/img-webp/column-deliSushiExp/mainBg.webp);
	background-size: cover;
	background-position:center center;
	/*
	filter:var(--mainfilter-1);
	-webkit-backdrop-filter:var(--mainfilter-1);
	*/
}
#mainPhoto h1 {
	position:relative;
	margin-top:100px;
	margin-bottom:100px;
	color: #b36500;
	z-index:1;
	text-shadow:1px 1px 3px rgba(255,255,255,1);
}
@media screen and (max-width:750px){
	#mainPhoto:after {
		/*background-image:url(/img-webp/deliSushiExp/header_sp_bg.webp);*/
		background-image: url(/img-webp/column-deliSushiExp/mainBg.webp);

	}
	#mainPhoto h1 {
		margin-top:13vw;
		margin-bottom:15vw;
	}
}

#mainPhoto h1 small{
	color: #2d2d2d;
	font-size:2.2vw;
}
#columnNav li a{
	border-color:#000;
}
#columnNav li a:after{
	background-color:#000;
}
#columnNav li.active a{
	color:#744310;
	border-color:#744310;
}
#columnNav li.active a:after{
	background-color:#744310;
}
#columnNav li a:hover{
	border-color:#744310;
	color:#744310;
}
#columnNav li a:hover:after{
	background-color:#744310;
}
#toForm .tit{
	font-size: 3vw;
}

footer{
	padding-bottom:0;
}
@media screen and (max-width:750px){
	article {
		padding-top: 1px;
		padding-bottom: 1px;
	}

	#toForm .tit {
		font-size: 4vw;
	}
	#toForm .tit span{
		display:inline-block;
	}
}
.imgCol{
	display:flex;
	gap:10px;
}
.imgCol.images3 > div{
	width:calc((100% - 20px) / 3);
}
span.square {
	display:inline-block;
	box-sizing:border-box;
	background-color:#000000;
	color:#FFF;
	font-weight:bold;
	padding:5px;
	line-height:1;
}
ul.nourishment {
	margin-bottom:15px;
}
.number.case {
	display:flex;
	align-items:flex-start;
}
.number.case > span{
	white-space:nowrap;
	margin-top:-3px;
}
#columnNav ul {
	counter-reset: column-counter;
}
#columnNav li[class*=column] a:before{
	background-image:url(/img-webp/deliSushiExp/header_sp_bg.webp);
	/* filter:var(--mainfilter-1); */
	counter-increment: column-counter;
	content: counter(column-counter);
	display: flex;
	aspect-ratio: 1 / 1;
	font-size: 36px;
	color: #FFF;
	justify-content: center;
	align-items: center;
	font-style: italic;
}


/* 各コラム固有 */
@media screen and (max-width:750px){
	#column1 #mainPhoto h1{
		font-size:6.3vw;
	}
	#column1 #mainPhoto h1 small{
		font-size:4.5vw;
	}
}