@charset "Shift_JIS";

ul.bottomicon
{
	width: auto;
	height: 9rem;
	flex-grow: 1;
	flex-shrink; 1;
	display:flex;
	flex-flow: row wrap;
	justify-content: start;
	align-items: stretch;
}

ul.bottomicon li
{
	height: 100%;
	font-size: 2rem;
	margin:0.5rem;
	color: #FFFFFF;
	text-align:center;
	cursor: pointer;

	width:auto;
	box-sizing:content-box;
	display:flex;
	flex-flow:column nowrap;
	justify-content:center;
	align-items:center;
	
	height:8rem;
}


	
ul.bottomicon li.t1 div
{
	font-size: 1.2rem;
	flex-shrink:0;
	flex-grow:0;
	height: 3rem;
	
	margin:0;
	padding:0;
	border:0;
}


ul.bottomicon li.t1 img
{
	width:5rem;
	height:5rem;
	border-radius: 3.5rem;
	border:1px solid white;
	-moz-border-radius:3.5rem;
	-webkit-border-radius:3.5rem;
	
	margin:0;
	padding:0;
	border:0;
}



ul.bottomicon li.t1:hover img
{
	border:3px solid white;
}


ul.bottomicon li.t2 img
{
	flex-shrink:1;
	flex-grow:1;
	object-fit:contain;

	max-width:20rem;
	max-height:5.5rem;

	border:3px solid transparent;
	cursor: pointer;
	margin:0;
	padding:0;
	border:0;	
}

ul.bottomicon li.t2 div
{
	font-size: 1.5rem;
	flex-shrink:0;
	flex-grow:0;
	height: 2.5rem;
	margin:0;
	padding:0;
	border:0;
}





ul.bottomicon li.t2:hover img
{
	border:3px solid white;
}