@charset "UTF-8";

/* ================================================================================
main, content
================================================================================ */
@media print, screen
{

main{	background: url('../image/common/backgroundPattern.webp') repeat top center;	}
main::before,
main::after
{
	--size: calc(170 * var(--v));

	z-index: 1;
	position: absolute;
	top: 0;

	content: "";
	display: block;
	width: calc((100% - var(--pageW))/2);	height: 100%;
	max-width: var(--size);

	background:
		conic-gradient(var(--Ctheme1) 25%, var(--Ctheme3) 0 50%, var(--Ctheme1) 0 75%, var(--Ctheme3) 0)
		repeat top center/ calc(var(--size) * 2/3) calc(var(--size) * 2/3);
}
main::before{	left: 0;	background-position: top right;	}
main::after{	right: 0;	background-position: top left;	}

#content{	position: relative;	z-index: 2;	}

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



}


/* ================================================================================
mainvisual
================================================================================ */
@media print, screen
{

#mainvisual
{
	padding: 0;
}
#mainvisual::before,
#mainvisual::after
{
	position: absolute;
	top: 0;

	content: "";
	display: block;
	width: calc((100vw - var(--pageW))/2);	height: 100%;
}
#mainvisual::before
{
	left: 0;
	background: url('../image/index/mainVisual_backgroundL.webp') no-repeat top left/cover;
}
#mainvisual::after
{
	right: 0;
	background: url('../image/index/mainVisual_backgroundR.webp') no-repeat top right/cover;
}

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



}


/* ================================================================================
pickup
================================================================================ */
@media print, screen
{

#pickup > .inner
{
	container-type: inline-size;
	padding: calc(45 * var(--v)) 0 0;
}
#pickup .items
{
	display: flex;	flex-wrap: wrap;	justify-content: space-between;
	gap: 2cqw;
}
#pickup .item a{	display: block;	}
#pickup .item a picture{	width: 32cqw;	}
#pickup .item a[disabled]{	filter: var(--filterDisabled);	}

}
@media screen and (min-width: 768px)
{

#pickup .item a picture{	transition: var(--T02);	transition-property: transform;	}
#pickup .item a:hover picture{	transform: scale(1.02);	}

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

#pickup > .inner{	padding: calc(45 * var(--v))  var(--pageP) 0;	}
#pickup .item a picture{	width: 48cqw;	}


#pickup .item:nth-child(1){	order:1;	}
#pickup .item:nth-child(2){	order:2;	}
#pickup .item:nth-child(3){	order:5;	}
#pickup .item:nth-child(4){	order:3;	}
#pickup .item:nth-child(5){	order:4;	}
#pickup .item:nth-child(6){	order:6;	}

}


/* ================================================================================
sns
================================================================================ */
@media print, screen
{

#sns > .inner{	padding: calc(35 * var(--v)) 0 0;	}
#sns .items
{
	display: flex;	justify-content: center;	align-items: center;
	gap: calc(25 * var(--v));
}
#sns .item a
{
	position: relative;
	display: block;
}
#sns .item a[disabled]{	filter: var(--filterDisabled);	}
#sns .item picture{	width: calc(65 * var(--v));	}

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

}


/* ================================================================================
news
================================================================================ */
@media print, screen
{

#news > .inner{	padding: calc(55 * var(--v)) 0 0;	}
#news h2
{
	width: calc(159 * var(--v));	aspect-ratio: 213/82;
	margin: 0 auto -1px;
}
#news .frameOuter
{
	height: calc(200 * var(--v));
	padding: calc(30 * var(--v));

	background: white;
	border: 4px solid var(--Ctheme3);
}
#news .frameInner
{
	height: 100%;
	overflow-y: scroll;
}
#news .frameInner::-webkit-scrollbar
{
	width: calc(20 * var(--v));	aspect-ratio: 2/7;
	background: white;
}
#news .frameInner::-webkit-scrollbar-thumb{	background: var(--Ctheme3);	}
#news ul
{
	display: flex;	flex-direction: column;
	gap: calc(30 * var(--v));
}
#news li
{
	display: flex;	align-items: start;
	gap: calc(10 * var(--v)) calc(40 * var(--v));
}
#news li .date
{
	flex-shrink: 0;
	display: flex;	justify-content: center;	align-items: center;
	width: calc(120 * var(--v));	aspect-ratio: 120/30;
	background: var(--Ctheme3);
}
#news li .date p
{
	color: white;
	font-size: var(--fzv18);
}
#news li .content p
{
	font-size: var(--fzv20);
	line-height: 1.5;
}
#news li .content p a
{
	color: var(--Ctheme3);
	font-weight: 500;
	text-decoration: underline;
}

}
@media screen and (min-width: 768px)
{

#news li .content p a:hover{	text-decoration: unset;	}

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

#news h2{	width: calc(213 * var(--v));	}
#news .frameOuter{	height: calc(280 * var(--v));	}
#news li{	flex-direction: column;	}
#news li .date{	width: calc(160 * var(--v));	}

#news li .date p{	font-size: var(--fzv20);	}
#news li .content p{	font-size: var(--fzv22);	}

}


/* ======================================== end ======================================== */