/* CSS Document */

#feature{
	background: rgba(var(--primary-color-rgb),0.05);
	}
	#feature ul{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-top: 2em;
		padding: 0 1em;
		list-style: none;
		}
	#feature li{
		position: relative;
		width: calc(20% - 0.5em);
		background: #fff;
		}
	#feature figure+div{
		padding: 0.5em;
		}
	#feature h3{
		color: var(--secondary-color);
		line-height: 1.4em;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		}
	#feature p{
		margin-top: 0.5em;
		font-size: 0.8em;
		line-height: 1.4em;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		}
	#feature a{
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		color: rgba(0,0,0,0);
		word-break: break-all;
		}
		#feature a:hover,
		#feature a:active{
			background: rgba(var(--primary-color-rgb),0.03);
			}
	#feature .thumbBox{
		padding-top: 66.66%;
		}


/* for mobile */
@media (max-width: 767px) {
/*767px以下*/
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
#feature{}
	#feature ul{
		display: block;
		}
	#feature li{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
		}
	#feature li+li{
		margin-top: 0.5em;
		}
	#feature figure{
		width: 25%;
		}
	#feature figure+div{
		width: 75%;
		}
	#feature .thumbBox{
		padding-top: 100%;
		}
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
}


/* for TabletPC */
@media (min-width: 768px) {
/*768px以上*/
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
#feature{}
	#feature figure+div{
		padding: 0.8em;
		}
}


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