@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);

	}

}