@charset "utf-8";
/* CSS Document */

ul{
	padding: 0;
}

.workdcontents{
	width: 1000px;
	margin: 0 auto 200px;
}

.category_content{
	display:none;
}

.show_list{
	display: block;
}
.show_category{
	display: block;
}

.img_cont{
	display: none;
}

.show_img{
	display:block; 
}

/*リスト調整（３項目の一番上100％）*/

.list_first ul li:nth-child(1){
	width: 100%;
	
}

/*各カテゴリ装飾*/

.category_title{
	
}

.category_title ul{
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.category_title li{
	

}
.category_title li{

}
.category_tabs{
	color: #3782fc;
	border-radius: 1vw;
	border:1px solid #3782fc;
	display: block;
	width: 320px;
	padding: 10px;
	text-align: center;
	font-size: 18px;
}


.show_category{
	background-color: #3782fc;
	color:#F9F9F9;
	  position: relative;
}


.show_category::after{
 content: "";
 position: absolute;
 bottom: 0;
 left: 50%;
 border-style: solid;
 border-width: 10.5px 15.8px 0 13.8px;
 border-color: #3782fc transparent transparent;
 translate: -50% 100%;
}

.show_list ul{
	display: flex;
	width: 680px;
	margin: 20px auto;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}

.show_list li{/*	list-style: square;*/width: calc(100% / 3);}


.category_content ul li::before{
	content: "▶";
	font-size: 16px;
	color: #3782fc;
	margin: 0 4px 0 0;
}


.img_cont ul li::before{
content: "";
}


.show_list li::marker{
/*	list-style: square;
	color: #3782fc;
	font-size: 10px;*/
}



.show_img ul{
	display: flex;
	width: 1000px;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.show_img li{
	list-style:none;
	width: 325px;
	margin: 0 4px;
}

.category_content ul:nth-child(1){
	height: 100px;
}

.img_cont ul{
	height: inherit!important;
}

.img_photo{
	color: #3782fc;
}

.click_img{
	color: #C51215!important;
}