/* CSS Document */

#topics{}
	#topics ul{
		list-style: none;
		}
	#topics li{
		display: flex;
		padding: 0.8em 0;
		border-bottom: 1px dotted #ccc;
		}
		#topics li a{
			order: 2;
			}
		#topics li time{
			width: 12em;
			color: #666;
			order: 1;
			}
	#topics p{
		padding: 10% 1em;
		background: #efeedf;
		text-align: center;
		}

#pagenation{
	padding-top: 0;
	}
.buttonSet{
	padding-top: 0;
	padding-bottom: 4em;
	}


/* for all */
@media (max-width: 1199px) {
/*1199px莉･荳�*/
}
@media (max-width: 991px) {
/*991px莉･荳�*/
}


/* for mobile */
@media (max-width: 767px) {
/*767px莉･荳�*/
#topics{}
	#topics li{
		flex-wrap: wrap;
		}
		#topics li a{
			margin-top: 0.5em;
			}
		#topics li time{
			width: 100%;
			font-size: 0.8em;
			}
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px莉･荳� 邵ｦ蜷代″*/
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px莉･荳� 讓ｪ蜷代″*/
}


/* for TabletPC */
@media (min-width: 768px) {
/*768px莉･荳�*/
}
@media (min-width: 768px) and (max-width: 1199px) {
/*768px��1199px*/
}
@media (min-width: 768px) and (max-width: 991px) {
/*768px��991px*/
}


/* for PC */
@media (min-width: 992px) {
/*992px莉･荳�*/
}
@media (min-width: 992px) and (max-width: 1199px) {
/*992px��1199px*/
}
@media (min-width: 1200px) {
/*1200px莉･荳�*/
}


/* Edge */
@supports (-ms-ime-align:auto) {
}


/* ie */
@media all and (-ms-high-contrast: none){
}