@charset "utf-8";

body {
	margin: 0;
}


/*画面幅が641px以上の時（パソコン版）*/
@media screen and (min-width:641px){

	ul {
		padding: 0;
		font-size: 0;
	}

	li {
		list-style: none;
		border-bottom: 1px dotted #ddd;
		margin-top: 0;
		padding: 10px 0;

		font-size: 16px;
	}

	li:first-child {
		padding: 0 0 10px 0;
	}

	li:last-child {
		border-bottom: 0;
		padding: 10px 0 0 0;
	}

	li span.red{
		color: #ff0000;
	}

	li a{
		color:#777;
		text-decoration:underline;

		display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
			overflow: hidden;
	}
}



/*画面幅が640pxまでの時（スマホ版）*/
@media screen and (max-width:640px){
	ul {
		padding: 0;
		font-size: 0;
	}

	li {
		list-style: none;
		border-bottom: 1px dotted #ddd;
		margin-top: 0;
		padding: 10px 0;

		font-size: 14px;
	}

	li:first-child {
		padding: 0 0 10px 0;
	}

	li:last-child {
		border-bottom: 0;
		padding: 10px 0 0 0;
	}

	li span.red{
		color: #ff0000;
	}

	li a{
		color:#777;
		text-decoration:underline;

		display: -webkit-box;
		    -webkit-box-orient: vertical;
		    -webkit-line-clamp: 1;
		    overflow: hidden;
	}
}



li a:hover{color:#999;text-decoration:none;}
li a:active, a:focus {outline: 0;}