@charset 'utf-8';

/* styling_list
------------------------------------------------ */
#styling_list {
	position: relative;
}

	#styling_list .title1 {}
		#styling_list .title1 .en { font-size: 247%; }
		#styling_list .title1 .ja { margin-top: 6px; font-size: 108%; }

	#styling_list .list {
	}

		#styling_list .list .item_list2 {}
			#styling_list .list .item_list2 li { margin: 22px 22px 0 0; width: 216px; }
			#styling_list .list .item_list2 li:nth-of-type(1),
			#styling_list .list .item_list2 li:nth-of-type(2),
			#styling_list .list .item_list2 li:nth-of-type(3),
			#styling_list .list .item_list2 li:nth-of-type(4),
			#styling_list .list .item_list2 li:nth-of-type(5) { margin-top: 0; }
			#styling_list .list .item_list2 li:nth-of-type(5n) { margin-right: 0; }
			#styling_list .list .item_list2 li:nth-of-type(5n+1) { clear: both; }
				#styling_list .list .item_list2 li .detail { padding: 0 12px; text-align: center; }

	#styling_list .more1 {
		margin-right: auto;
		width: 124px;
		height: 32px;
	}

		#styling_list .more1 a { padding: 8px 0 6px; }

/* styling_detail
------------------------------------------------ */
#styling_detail {
}

/* styling_height
------------------------------------------------ */
#styling_list .height{
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    margin: 30px auto 50px;
}

#styling_list .height div{
    flex-basis: calc(100% / 4 - 1.5%);
    margin:0.5%;
    border: 1px solid #000;
}

#styling_list .height div a{
    background: #FFF;
    display: block;
    text-align: center;
    color: #000;
    padding: 10px 0;
    transition: 0.6s;
}

#styling_list .height div a:hover{
    background: #000;
    color: #FFF;
}