@charset "utf-8";

/*

************************************************************************

 スポンサー

************************************************************************

*/

.sponsor

{

	

}

.sponsor > .sponsor-list

{

	display: flex;

	flex-wrap: wrap;

	align-items: flex-start;

	

	margin-bottom:1em;

}

.sponsor > .sponsor-list.sponsor-list-main

{

	font-size:1.2em;

}

.sponsor > .sponsor-list > .title

{

	flex:0 0 calc(120px);

	

	display: flex;

	flex-wrap: nowrap;

	align-items: center;

	align-content: center;

	

	line-height:1;

}

.sponsor > .sponsor-list > .title > i

{

	font-size:1.5em !important;

	color:var(--body-icon-color);

	margin-left:-0.25em;

}

.sponsor > .sponsor-list > .title > .main

{

	font-weight:bold;

}

.sponsor > .sponsor-list > ul

{

	flex:0 0 calc(100% - 120px);

	

	display: flex;

	flex-wrap: wrap;

	

	padding:0;

	margin:-0.25em -0.25em;

	list-style:none;

}

.sponsor > .sponsor-list > ul > li

{

	margin:0.25em 0.25em;

	line-height:1.5;

}

.sponsor > .sponsor-list > ul > li > a:hover

{

	text-decoration:underline;

}



/* ################################################################################################ */

/* ## TAB                        ################################################################## */

/* ################################################################################################ */

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

}



/* ################################################################################################ */

/* ## スマホサイト用スタイル ###################################################################### */

/* ################################################################################################ */

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

	.sponsor > .sponsor-list > .title

	{

		flex:0 0 calc(100%);

		margin-bottom:0.5em;

	}

	.sponsor > .sponsor-list > ul

	{

		flex:0 1 calc(100%);

	}

}