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