@charset "UTF-8";

/* サムネ並び */
.image_box{
	margin-right: 15%;
	margin-left: 15%;
}

/* サムネ動き */
.image_link{
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
}
.image_link img{
transition:0.2s;
width: 240px;
height: 240px;

}
.image_link:hover img{
  opacity:0.8;
}

/* 作品並び */
.caption-left {
  width: fit-content;
  margin-right: auto; /* 右から左に寄せる */
  margin-left: auto; /* 左から右に寄せる */
}
.works-item1 {
margin: 10px;
}
.works-item2 {
display:flex;
flex-flow: column;
justify-content:space-between;
margin: 10px;
}
.works-item3 {
}
.works-item3 img {
	width: 45%;
    display: block; /* imgタグはインライン要素のため、ブロック要素にする */
    margin: 0 auto; /* ブロックレベル要素のものを中央に配置する */
}
.works-item4 {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.w-container{
width: auto;
display: flex;
justify-content:center; 
}
.w-container2{
width: auto;
justify-content:center; 
}
.w-container img{
max-width: 100%;
height: auto;
filter: drop-shadow(5px 5px 7px #d9d9d9);
}
.w-container2 img{
max-width: 100%;
height: auto;
filter: drop-shadow(5px 5px 7px #d9d9d9);
}
.w-thumbnail{
  width: 450px;
  height: auto;
  object-fit: cover; /* 画像をアスペクト比を保ちつつ縮小 */
  cursor: pointer;
}
.works-p{
	width: 55%;
}

/* 文字リンク */
.wc-box{
display: inline-block;
width:auto;
}
.wc-box a{
	margin: 15px;
}
.works_a{
	color: #595757;
	text-decoration:none;
}
.works_a:link { color: inherit; }
.works_a:visited { color: inherit; }
.works_a:hover { color: #00CB9B; }
.works_a:active { color: #00CB9B; }

.now {
  border-bottom: 2px solid #000;
  display: inline-block;
  padding-bottom: 3px;
	margin: 15px;
}