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

.tag_navi a,
.works_list a {
	text-decoration: none;
	color: #666;
}

h1, h2, h3 {
	font-weight: 500 !important;
}

@media only screen and (max-width:960px) {
	/*スマホ*/
	h1 {
		margin-top: 60px;
		margin-bottom: 40px;
		text-align: center;
		font-size: 2rem;
	}
	.tag_navi {
		clear: both;
		width: 95%;
		margin: 0 auto;
	}
	.tag_navi a {
		display: block;
		width: calc((100% - 1.5em) / 4);
		font-size: 0.8rem;
		border: 1px solid #CCC;
		float: left;
		margin-right: 0.5em;
		margin-bottom: 0.5em;
		text-align: center;
		padding: 0.5em 0;
	}
	.tag_navi a:nth-child(4n) {
		margin-right: 0;
	}
	.tag_navi a:last-child {
		margin-bottom: 1.5em;
	}
	
	.works_list {
		width: 95%;
		margin: 0 auto;
	}
	
	.works_list li {
		text-align: center;
		margin-bottom: 1.5em;
	}
	.works_list li:nth-child(3n) {
		margin-right: 0;
	}
	.works_list li img {
		width: 100% !important;
		height: auto;
		display: block;
		margin-bottom: 0.25em;
		object-fit: cover;
	}
	.p-worksPagenate_item {
		font-size: 1.6rem;
		margin: 0 0.7em;
	}
	.crnt {
		background: #EFEFEF;
	}
	.con_txt {
		width: 85%;
		margin: 0 auto;
	}
}

@media screen and (min-width:961px) {
	/*PC*/
	
	
	h1 {
		margin-top: 160px;
		margin-bottom: 70px;
		text-align: center;
		font-size: 3.2rem;
	}
	.content {
		max-width: 1720px;
		min-width: 1100px;
		margin: 0 auto;
	}
	.tag_navi {
		text-align: center;
		width: 100%;
		margin-bottom: 75px;
	}
	.tag_navi a {
		margin-right: 1em;
	}
	.tag_navi a::before {
		content: '｜';
		margin-right: 1em;
		color: #ccc;
	}
	.tag_navi a:last-child::after {
		content: '｜';
		margin-left: 1em;
		color: #ccc;
	}
	.works_list {
		display:flex;
		flex-wrap: wrap;
		max-width: 1720px;
		min-width: 1100px;
		margin: 0 auto;
	}
	.works_list li {
		width: calc((100% - 60px) / 3);
		margin-right: 30px;
		object-fit: cover;
		text-align: center;
		margin-bottom: 50px;
	}
	.works_list li:nth-child(3n) {
		margin-right: 0;
	}
	.works_list li img {
		width: 100% !important;
		height: auto;
		display: block;
	}
	.works_list a {
		padding: 5px;
		display: block;
		transition: all 0.2s;
		margin-bottom: 14px;
	}
	.works_list a:hover {
		opacity: 1;
		background: #666;
	}
	
	.p-worksPagenate_item {
		font-size: 1.8rem;
		margin: 0 0.8em;
	}
	.crnt {
		font-weight: 600;
	}
	.con_txt {
		text-align: center;
		margin-bottom: 4em;
	}
	.st_c {
		display: block;
		width: 115px;
		margin: 0 auto 0.5em;
	}
	.color_list {
		display:flex;
		flex-wrap: wrap;
		width: 290px;
		margin: 0 auto 2em;
	}
	.color_list li {
		width: 65px;
		margin-right: 10px;
		display: block;
	}
	.color_list li:last-child {
		margin-right: 0;
	}
}

.p-worksPagenate {
	text-align: center;
}

.p-worksPagenate a {
	text-decoration: none;
}

.p-worksPagenate_item.prev {
	width: 1em;
}

.p-worksPagenate_item.prev::before {
	content: "◀︎　";
	font-size: 70%;
	margin-right: 0.5em;
}


.worksPagenate_item:visited {
  color: #b2b2b2;
}


.p-worksPagenate_item.dots::before {
  color: #b2b2b2;
  content: "・・・";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-size: 1.2rem;
  letter-spacing: .02em;
}

.p-worksPagenate_item.next {
	width: 1em;
}

.p-worksPagenate_item.next::after {
	content: "▶︎";
	font-size: 70%;
	margin-left: 0.5em;
}

.p-worksPagenate_item:link, .p-worksPagenate_item:visited {
	color: #b2b2b2;
}

.p-worksPagenate_item.dots::before {
  color: #b2b2b2;
  content: "・・・";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-size: 1.2rem;
  letter-spacing: .02em;
}
.active {
	color: #666 !important;
}


.site_id-3 .wp-pagenavi {
    clear: both;
    padding: 2em 0;
    text-align: center;
}

.site_id-3 .wp-pagenavi .last, .site_id-3 .wp-pagenavi .pages {
    display: none;
}

.site_id-3 .current {
    background-color: #e3e4e4;
    border-radius: 300px;
    display: inline-block;
    height: 30px;
    padding: 5px;
    width: 30px;
}

.site_id-3 .previouspostslink, .site_id-3 .wp-pagenavi a {
    padding: 0 .7em;
	color: #666;
}
.new-works-ttl {
	border-bottom: 3px double #666;
	width: 60%;
	padding-bottom: 0.5em;
	margin: 0 auto 0.5em;
}