@charset "utf-8";

/*
************************************************************************
* コンテンツリンク
* @copyright Revolme Inc.
************************************************************************
*/

/* ################################################################################################ */
/* ## PC                         ################################################################## */
/* ################################################################################################ */
.content-link
{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	margin:-0.5em;
}
.content-link > .content-link-item
{
	margin:0.5em;
}
.content-link > .content-link-item.content-link-item-XL
{
	flex:0 0 calc(100% - 1em);
}
.content-link > .content-link-item.content-link-item-L
{
	flex:0 0 calc(50% - 1em);
}
.content-link > .content-link-item.content-link-item-M
{
	flex:0 0 calc(33.33333% - 1em);
}
.content-link > .content-link-item.content-link-item-S
{
	flex:0 0 calc(25.00000% - 1em);
}

/* ################################################################################################ */
/* ## TAB                        ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1040px) {


}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
	.content-link > .content-link-item.content-link-item-XL
	{
		flex:0 0 calc(100% - 1em);
	}
	.content-link > .content-link-item.content-link-item-L
	{
		flex:0 0 calc(100% - 1em);
	}
	.content-link > .content-link-item.content-link-item-M
	{
		flex:0 0 calc(100% - 1em);
	}
	.content-link > .content-link-item.content-link-item-S
	{
		flex:0 0 calc(50.00000% - 1em);
	}
}