@charset "utf-8";
/*
css name: grid-gap-3
*/
/* ---------- flex-c1 ---------- */
@media only screen and (max-width: 320px)	{
	.flex-320-css.flex-c1:not( .display-thumbnail-m ) .flex-child, ul.flex-c1 li	{
		width: 100%;
		margin: 1.5em 0 0 0;
	}
	.flex-320-css.flex-c1:not( .display-thumbnail-m ) .flex-child:nth-of-type( 1 ), ul.flex-c1 li:nth-of-type( 1 )	{
		margin-top: 0;
	}
}
@media only screen and (min-width: 321px) and (max-width: 375px)	{
	.flex-375-css.flex-c1:not( .display-thumbnail-m ) .flex-child, ul.flex-c1 li	{
		width: 100%;
		margin: 1.5em 0 0 0;
	}
	.flex-375-css.flex-c1:not( .display-thumbnail-m ) .flex-child:nth-of-type( 1 ), ul.flex-c1 li:nth-of-type( 1 )	{
		margin-top: 0;
	}
}
@media only screen and (min-width: 376px) and (max-width: 414px)	{
	.flex-414-css.flex-c1:not( .display-thumbnail-m ) .flex-child, ul.flex-c1 li	{
		width: 100%;
		margin: 1.5em 0 0 0;
	}
	.flex-414-css.flex-c1:not( .display-thumbnail-m ) .flex-child:nth-of-type( 1 ), ul.flex-c1 li:nth-of-type( 1 )	{
		margin-top: 0;
	}
}
@media only screen and (min-width: 415px) and (max-width: 768px)	{
	.flex-768-css.flex-c1:not( .display-thumbnail-m ) .flex-child, ul.flex-c1 li	{
		width: 100%;
		margin: 1.5em 0 0 0;
	}
	.flex-768-css.flex-c1:not( .display-thumbnail-m ) .flex-child:nth-of-type( 1 ), ul.flex-c1 li:nth-of-type( 1 )	{
		margin-top: 0;
	}
}
@media only screen and (min-width: 769px)	{
	.flex-c1 .flex-child, ul.flex-c1 li	{
		width: 100%;
		margin: 1.5em 0 0 0;
	}
	.flex-c1 .flex-child:nth-of-type( 1 ), ul.flex-c1 li:nth-of-type( 1 )	{
		margin-top: 0;
	}
}
/* ---------- flex-c2 ---------- */
@media only screen and (max-width: 320px)	{
	.flex-320-css.flex-c2:not( .display-thumbnail-m ) .flex-child, ul.flex-c2 li	{
		width: 100%;
		margin: 1.5em 0 0 0;
	}
	.flex-320-css.flex-c2:not( .display-thumbnail-m ) .flex-child:nth-of-type( 1 ), ul.flex-c2 li:nth-of-type( 1 )	{
		margin-top: 0;
	}
}
@media only screen and (min-width: 321px) and (max-width: 375px)	{
	.flex-375-css.flex-c2:not( .display-thumbnail-m ) .flex-child, ul.flex-c2 li	{
		width: 100%;
		margin: 1.5em 0 0 0;
	}
	.flex-375-css.flex-c2:not( .display-thumbnail-m ) .flex-child:nth-of-type( 1 ), ul.flex-c2 li:nth-of-type( 1 )	{
		margin-top: 0;
	}
}
@media only screen and (min-width: 376px) and (max-width: 414px)	{
	.flex-414-css.flex-c2:not( .display-thumbnail-m ) .flex-child, ul.flex-c2 li	{
		width: 100%;
		margin: 1.5em 0 0 0;
	}
	.flex-414-css.flex-c2:not( .display-thumbnail-m ) .flex-child:nth-of-type( 1 ), ul.flex-c2 li:nth-of-type( 1 )	{
		margin-top: 0;
	}
}
@media only screen and (min-width: 415px) and (max-width: 768px)	{
	.flex-768-css.flex-c2:not( .display-thumbnail-m ) .flex-child, ul.flex-c2 li	{
		width: calc( ( 100% - 3% * 1 ) / 2 );
		margin: 2.99% 0 0 2.99%;
	}
	.flex-768-css.flex-c2:not( .display-thumbnail-m ) .flex-child:nth-of-type( -n + 2 ), ul.flex-c2 li:nth-of-type( -n + 2 )	{
		margin-top: 0;
	}
	.flex-768-css.flex-c2:not( .display-thumbnail-m ) .flex-child:nth-of-type( 2n + 1 ), ul.flex-c2 li:nth-of-type( 2n + 1 )	{
		margin-left: 0;
	}
}
@media only screen and (min-width: 769px)	{
	.flex-c2 .flex-child, ul.flex-c2 li	{
		width: calc( ( 100% - 3% * 1 ) / 2 );
		margin: 2.99% 0 0 2.99%;
	}
	.flex-c2 .flex-child:nth-of-type( -n + 2 ), ul.flex-c2 li:nth-of-type( -n + 2 )	{
		margin-top: 0;
	}
	.flex-c2 .flex-child:nth-of-type( 2n + 1 ), ul.flex-c2 li:nth-of-type( 2n + 1 )	{
		margin-left: 0;
	}
}
/* ---------- flex-c3 ---------- */
@media only screen and (max-width: 320px)	{
	.flex-320-css.flex-c3:not( .display-thumbnail-m ) .flex-child, ul.flex-c3 li	{
		width: 100%;
		margin: 1.5em 0 0 0;
	}
	.flex-320-css.flex-c3:not( .display-thumbnail-m ) .flex-child:nth-of-type( 1 ), ul.flex-c3 li:nth-of-type( 1 )	{
		margin-top: 0;
	}
}
@media only screen and (min-width: 321px) and (max-width: 375px)	{
	.flex-375-css.flex-c3:not( .display-thumbnail-m ) .flex-child, ul.flex-c3 li	{
		width: 100%;
		margin: 1.5em 0 0 0;
	}
	.flex-375-css.flex-c3:not( .display-thumbnail-m ) .flex-child:nth-of-type( 1 ), ul.flex-c3 li:nth-of-type( 1 )	{
		margin-top: 0;
	}
}
@media only screen and (min-width: 376px) and (max-width: 414px)	{
	.flex-414-css.flex-c3:not( .display-thumbnail-m ) .flex-child, ul.flex-c3 li	{
		width: 100%;
		margin: 1.5em 0 0 0;
	}
	.flex-414-css.flex-c3:not( .display-thumbnail-m ) .flex-child:nth-of-type( 1 ), ul.flex-c3 li:nth-of-type( 1 )	{
		margin-top: 0;
	}
}
@media only screen and (min-width: 415px) and (max-width: 768px)	{
	.flex-768-css.flex-c3:not( .display-thumbnail-m ) .flex-child, ul.flex-c3 li	{
		width: calc( ( 100% - 3% * 1 ) / 2 );
		margin: 2.99% 0 0 2.99%;
	}
	.flex-768-css.flex-c3:not( .display-thumbnail-m ) .flex-child:nth-of-type( -n + 2 ), ul.flex-c3 li:nth-of-type( -n + 2 )	{
		margin-top: 0;
	}
	.flex-768-css.flex-c3:not( .display-thumbnail-m ) .flex-child:nth-of-type( 2n + 1 ), ul.flex-c3 li:nth-of-type( 2n + 1 )	{
		margin-left: 0;
	}
}
@media only screen and (min-width: 769px)	{
	.flex-c3 .flex-child, ul.flex-c3 li	{
		width: calc( ( 100% - 3% * 2 ) / 3 );
		margin: 2.99% 0 0 2.99%;
	}
	.flex-c3 .flex-child:nth-of-type( -n + 3 ), ul.flex-c3 li:nth-of-type( -n + 3 )	{
		margin-top: 0;
	}
	.flex-c3 .flex-child:nth-of-type( 3n + 1 ), ul.flex-c3 li:nth-of-type( 3n + 1 )	{
		margin-left: 0;
	}
}
/* ---------- flex-c4 ---------- */
@media only screen and (max-width: 320px)	{
	.flex-320-css.flex-c4:not( .display-thumbnail-m ) .flex-child, ul.flex-c4 li	{
		width: 100%;
		margin: 1.5em 0 0 0;
	}
	.flex-320-css.flex-c4:not( .display-thumbnail-m ) .flex-child:nth-of-type( 1 ), ul.flex-c4 li:nth-of-type( 1 )	{
		margin-top: 0;
	}
}
@media only screen and (min-width: 321px) and (max-width: 375px)	{
	.flex-375-css.flex-375-css.flex-c4:not( .display-thumbnail-m ) .flex-child, ul.flex-c4 li	{
		width: 100%;
		margin: 1.5em 0 0 0;
	}
	.flex-375-css.flex-375-css.flex-c4:not( .display-thumbnail-m ) .flex-child:nth-of-type( 1 ), ul.flex-c4 li:nth-of-type( 1 )	{
		margin-top: 0;
	}
}
@media only screen and (min-width: 376px) and (max-width: 414px)	{
	.flex-414-css.flex-c4:not( .display-thumbnail-m ) .flex-child, ul.flex-c4 li	{
		width: calc( ( 100% - 3% * 1 ) / 2 );
		margin: 2.99% 0 0 2.99%;
	}
	.flex-414-css.flex-c4:not( .display-thumbnail-m ) .flex-child:nth-of-type( -n + 2 ), ul.flex-c4 li:nth-of-type( -n + 2 )	{
		margin-top: 0;
	}
	.flex-414-css.flex-c4:not( .display-thumbnail-m ) .flex-child:nth-of-type( 2n + 1 ), ul.flex-c4 li:nth-of-type( 2n + 1 )	{
		margin-left: 0;
	}
}
@media only screen and (min-width: 415px) and (max-width: 768px)	{
	.flex-768-css.flex-c4:not( .display-thumbnail-m ) .flex-child, ul.flex-c4 li	{
		width: calc( ( 100% - 3% * 2 ) / 3 );
		margin: 2.99% 0 0 2.99%;
	}
	.flex-768-css.flex-c4:not( .display-thumbnail-m ) .flex-child:nth-of-type( -n + 3 ), ul.flex-c4 li:nth-of-type( -n + 3 )	{
		margin-top: 0;
	}
	.flex-768-css.flex-c4:not( .display-thumbnail-m ) .flex-child:nth-of-type( 3n + 1 ), ul.flex-c4 li:nth-of-type( 3n + 1 )	{
		margin-left: 0;
	}
}
@media only screen and (min-width: 769px)	{
	.flex-c4 .flex-child, ul.flex-c4 li	{
		width: calc( ( 100% - 3% * 3 ) / 4 );
		margin: 2.99% 0 0 2.99%;
	}
	.flex-c4 .flex-child:nth-of-type( -n + 4 ), ul.flex-c4 li:nth-of-type( -n + 4 )	{
		margin-top: 0;
	}
	.flex-c4 .flex-child:nth-of-type( 4n + 1 ), ul.flex-c4 li:nth-of-type( 4n + 1 )	{
		margin-left: 0;
	}
}
/* ---------- flex-c5 ---------- */
@media only screen and (max-width: 320px)	{
	.flex-320-css.flex-c5:not( .display-thumbnail-m ) .flex-child, ul.flex-c5 li	{
		width: 100%;
		margin: 1.5em 0 0 0;
	}
	.flex-320-css.flex-c5:not( .display-thumbnail-m ) .flex-child:nth-of-type( 1 ), ul.flex-c5 li:nth-of-type( 1 )	{
		margin-top: 0;
	}
}
@media only screen and (min-width: 321px) and (max-width: 375px)	{
	.flex-375-css.flex-c5:not( .display-thumbnail-m ) .flex-child, ul.flex-c5 li	{
		width: calc( ( 100% - 3% * 1 ) / 2 );
		margin: 2.99% 0 0 2.99%;
	}
	.flex-375-css.flex-c5:not( .display-thumbnail-m ) .flex-child:nth-of-type( -n + 2 ), ul.flex-c5 li:nth-of-type( -n + 2 )	{
		margin-top: 0;
	}
	.flex-375-css.flex-c5:not( .display-thumbnail-m ) .flex-child:nth-of-type( 2n + 1 ), ul.flex-c5 li:nth-of-type( 2n + 1 )	{
		margin-left: 0;
	}
}
@media only screen and (min-width: 376px) and (max-width: 414px)	{
	.flex-414-css.flex-c5:not( .display-thumbnail-m ) .flex-child, ul.flex-c5 li	{
		width: calc( ( 100% - 3% * 2 ) / 3 );
		margin: 2.99% 0 0 2.99%;
	}
	.flex-414-css.flex-c5:not( .display-thumbnail-m ) .flex-child:nth-of-type( -n + 3 ), ul.flex-c5 li:nth-of-type( -n + 3 )	{
		margin-top: 0;
	}
	.flex-414-css.flex-c5:not( .display-thumbnail-m ) .flex-child:nth-of-type( 3n + 1 ), ul.flex-c5 li:nth-of-type( 3n + 1 )	{
		margin-left: 0;
	}
}
@media only screen and (min-width: 415px) and (max-width: 768px)	{
	.flex-768-css.flex-c5:not( .display-thumbnail-m ) .flex-child, ul.flex-c5 li	{
		width: calc( ( 100% - 3% * 3 ) / 4 );
		margin: 2.99% 0 0 2.99%;
	}
	.flex-768-css.flex-c5:not( .display-thumbnail-m ) .flex-child:nth-of-type( -n + 4 ), ul.flex-c5 li:nth-of-type( -n + 4 )	{
		margin-top: 0;
	}
	.flex-768-css.flex-c5:not( .display-thumbnail-m ) .flex-child:nth-of-type( 4n + 1 ), ul.flex-c5 li:nth-of-type( 4n + 1 )	{
		margin-left: 0;
	}
}
@media only screen and (min-width: 769px)	{
	.flex-c5 .flex-child, ul.flex-c5 li	{
		width: calc( ( 100% - 3% * 4 ) / 5 );
		margin: 2.99% 0 0 2.99%;
	}
	.flex-c5 .flex-child:nth-of-type( -n + 5 ), ul.flex-c5 li:nth-of-type( -n + 5 )	{
		margin-top: 0;
	}
	.flex-c5 .flex-child:nth-of-type( 5n + 1 ), ul.flex-c5 li:nth-of-type( 5n + 1 )	{
		margin-left: 0;
	}
}
/* ---------- flex-c6 ---------- */
@media only screen and (max-width: 320px)	{
	.flex-320-css.flex-c6:not( .display-thumbnail-m ) .flex-child, ul.flex-c6 li	{
		width: 100%;
		margin: 1.5em 0 0 0;
	}
	.flex-320-css.flex-c6:not( .display-thumbnail-m ) .flex-child:nth-of-type( 1 ), ul.flex-c6 li:nth-of-type( 1 )	{
		margin-top: 0;
	}
}
@media only screen and (min-width: 321px) and (max-width: 375px)	{
	.flex-375-css.flex-c6:not( .display-thumbnail-m ) .flex-child, ul.flex-c6 li	{
		width: calc( ( 100% - 3% * 1 ) / 2 );
		margin: 2.99% 0 0 2.99%;
	}
	.flex-375-css.flex-c6:not( .display-thumbnail-m ) .flex-child:nth-of-type( -n + 2 ), ul.flex-c6 li:nth-of-type( -n + 2 )	{
		margin-top: 0;
	}
	.flex-375-css.flex-c6:not( .display-thumbnail-m ) .flex-child:nth-of-type( 2n + 1 ), ul.flex-c6 li:nth-of-type( 2n + 1 )	{
		margin-left: 0;
	}
}
@media only screen and (min-width: 376px) and (max-width: 414px)	{
	.flex-414-css.flex-c6:not( .display-thumbnail-m ) .flex-child, ul.flex-c6 li	{
		width: calc( ( 100% - 3% * 2 ) / 3 );
		margin: 2.99% 0 0 2.99%;
	}
	.flex-414-css.flex-c6:not( .display-thumbnail-m ) .flex-child:nth-of-type( -n + 3 ), ul.flex-c6 li:nth-of-type( -n + 3 )	{
		margin-top: 0;
	}
	.flex-414-css.flex-c6:not( .display-thumbnail-m ) .flex-child:nth-of-type( 3n + 1 ), ul.flex-c6 li:nth-of-type( 3n + 1 )	{
		margin-left: 0;
	}
}
@media only screen and (min-width: 415px) and (max-width: 768px)	{
	.flex-768-css.flex-c6:not( .display-thumbnail-m ) .flex-child, ul.flex-c6 li	{
		width: calc( ( 100% - 3% * 3 ) / 4 );
		margin: 2.99% 0 0 2.99%;
	}
	.flex-768-css.flex-c6:not( .display-thumbnail-m ) .flex-child:nth-of-type( -n + 4 ), ul.flex-c6 li:nth-of-type( -n + 4 )	{
		margin-top: 0;
	}
	.flex-768-css.flex-c6:not( .display-thumbnail-m ) .flex-child:nth-of-type( 4n + 1 ), ul.flex-c6 li:nth-of-type( 4n + 1 )	{
		margin-left: 0;
	}
}
@media only screen and (min-width: 769px)	{
	.flex-c6 .flex-child, ul.flex-c6 li	{
		width: calc( ( 100% - 3% * 5 ) / 6 );
		margin: 2.99% 0 0 2.99%;
	}
	.flex-c6 .flex-child:nth-of-type( -n + 6 ), ul.flex-c6 li:nth-of-type( -n + 6 )	{
		margin-top: 0;
	}
	.flex-c6 .flex-child:nth-of-type( 6n + 1 ), ul.flex-c6 li:nth-of-type( 6n + 1 )	{
		margin-left: 0;
	}
}
/* ---------- flex-device-width ---------- */
ul.flex-container	{
	list-style: none;
}
@media only screen and (max-width: 320px)	{
	.flex-container.flex-320-1, ul.flex-320-1	{
		flex-direction: column;
	}
	.flex-container.flex-320-1 .flex-child, ul.flex-320-1 li	{
		width: 100%;
		margin: 1.5em 0 0 0;
	}
	.flex-container.flex-320-1 .flex-child:nth-of-type( 1 ), ul.flex-320-1 li:nth-of-type( 1 )	{
		margin-top: 0;
	}
	.flex-container.flex-320-2 .flex-child, ul.flex-320-2 li	{
		width: calc( ( 100% - 3% * 1 ) / 2 );
		margin: 2.99% 0 0 2.99%;
	}
	.flex-container.flex-320-2 .flex-child:nth-of-type( -n + 2 ), ul.flex-320-2 li:nth-of-type( -n + 2 )	{
		margin-top: 0;
	}
	.flex-container.flex-320-2 .flex-child:nth-of-type( 2n + 1 ), ul.flex-320-2 li:nth-of-type( 2n + 1 )	{
		margin-left: 0;
	}
}
@media only screen and (min-width: 321px) and (max-width: 375px)	{
	.flex-container.flex-375-1, ul.flex-375-1	{
		flex-direction: column;
	}
	.flex-container.flex-375-1 .flex-child, ul.flex-375-1 li	{
		width: 100%;
		margin: 1.5em 0 0 0;
	}
	.flex-container.flex-375-1 .flex-child:nth-of-type( 1 ), ul.flex-375-1 li:nth-of-type( 1 )	{
		margin-top: 0;
	}
	.flex-container.flex-375-2 .flex-child, ul.flex-375-2 li	{
		width: calc( ( 100% - 3% * 1 ) / 2 );
		margin: 2.99% 0 0 2.99%;
	}
	.flex-container.flex-375-2 .flex-child:nth-of-type( -n + 2 ), ul.flex-375-2 li:nth-of-type( -n + 2 )	{
		margin-top: 0;
	}
	.flex-container.flex-375-2 .flex-child:nth-of-type( 2n + 1 ), ul.flex-375-2 li:nth-of-type( 2n + 1 )	{
		margin-left: 0;
	}
}
@media only screen and (min-width: 376px) and (max-width: 414px)	{
	.flex-container.flex-414-1, ul.flex-414-1	{
		flex-direction: column;
	}
	.flex-container.flex-414-1 .flex-child, ul.flex-414-1 li	{
		width: 100%;
		margin: 1.5em 0 0 0;
	}
	.flex-container.flex-414-1 .flex-child:nth-of-type( 1 ), ul.flex-414-1 li:nth-of-type( 1 )	{
		margin-top: 0;
	}
	.flex-container.flex-414-2 .flex-child, ul.flex-414-2 li	{
		width: calc( ( 100% - 3% * 1 ) / 2 );
		margin: 2.99% 0 0 2.99%;
	}
	.flex-container.flex-414-2 .flex-child:nth-of-type( -n + 2 ), ul.flex-414-2 li:nth-of-type( -n + 2 )	{
		margin-top: 0;
	}
	.flex-container.flex-414-2 .flex-child:nth-of-type( 2n + 1 ), ul.flex-414-2 li:nth-of-type( 2n + 1 )	{
		margin-left: 0;
	}
	.flex-container.flex-414-3 .flex-child, ul.flex-414-3 li	{
		width: calc( ( 100% - 3% * 2 ) / 3 );
		margin: 2.99% 0 0 2.99%;
	}
	.flex-container.flex-414-3 .flex-child:nth-of-type( -n + 3 ), ul.flex-414-3 li:nth-of-type( -n + 3 )	{
		margin-top: 0;
	}
	.flex-container.flex-414-3 .flex-child:nth-of-type( 3n + 1 ), ul.flex-414-3 li:nth-of-type( 3n + 1 )	{
		margin-left: 0;
	}
}
@media only screen and (min-width: 415px) and (max-width: 768px)	{
	.flex-container.flex-768-1, ul.flex-768-1	{
		flex-direction: column;
	}
	.flex-container.flex-768-1 .flex-child, ul.flex-768-1 li	{
		width: 100%;
		margin: 1.5em 0 0 0;
	}
	.flex-container.flex-768-1 .flex-child:nth-of-type( 1 ), ul.flex-768-1 li:nth-of-type( 1 )	{
		margin-top: 0;
	}
	.flex-container.flex-768-2 .flex-child, ul.flex-768-2 li	{
		width: calc( ( 100% - 3% * 1 ) / 2 );
		margin: 2.99% 0 0 2.99%;
	}
	.flex-container.flex-768-2 .flex-child:nth-of-type( -n + 2 ), ul.flex-768-2 li:nth-of-type( -n + 2 )	{
		margin-top: 0;
	}
	.flex-container.flex-768-2 .flex-child:nth-of-type( 2n + 1 ), ul.flex-768-2 li:nth-of-type( 2n + 1 )	{
		margin-left: 0;
	}
	.flex-container.flex-768-3 .flex-child, ul.flex-768-3 li	{
		width: calc( ( 100% - 3% * 2 ) / 3 );
		margin: 2.99% 0 0 2.99%;
	}
	.flex-container.flex-768-3 .flex-child:nth-of-type( -n + 3 ), ul.flex-768-3 li:nth-of-type( -n + 3 )	{
		margin-top: 0;
	}
	.flex-container.flex-768-3 .flex-child:nth-of-type( 3n + 1 ), ul.flex-768-3 li:nth-of-type( 3n + 1 )	{
		margin-left: 0;
	}
	.flex-container.flex-768-4 .flex-child, ul.flex-768-4 li	{
		width: calc( ( 100% - 3% * 3 ) / 4 );
		margin: 2.99% 0 0 2.99%;
	}
	.flex-container.flex-768-4 .flex-child:nth-of-type( -n + 4 ), ul.flex-768-4 li:nth-of-type( -n + 4 )	{
		margin-top: 0;
	}
	.flex-container.flex-768-4 .flex-child:nth-of-type( 4n + 1 ), ul.flex-768-4 li:nth-of-type( 4n + 1 )	{
		margin-left: 0;
	}
}