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

#contents{
	width: 900px;
	text-align: left;
	margin: 100px auto 100px;
}



#contents h3{
	font-size: 1em;
	text-align: center;
	margin-bottom: 30px;
}
#contents span{
	color: #835161;
}

#contents ul{
	width: 100%;
	margin: 0 11px;
	display: block;
	
}

#contents li{
	width: 28%;
	height: 430px;
	position: relative;
	float: left;
	margin: 20px;
}

#contents img{
	width: 100%;
	padding-bottom: 20px;
}


/* パソコンで見たときは"pc_caption" */
.pc_caption { display: block !important; }
.sp_caption { display: none !important; }
/* スマートフォンで見たときは"sp_caption" */
@media only screen and (max-width: 768px) {
.pc_caption { display: none !important; }
.sp_caption { display: block !important; }
}



.artist_intro dt{
  float: left;
}

.artist_intro dd{
  margin-left: 80px;
	font-size: 85%;
	vertical-align:text-bottom;
	padding-top: 2px;
	/*border-left: 1px solid #000*/
}

dd.space{
	margin-left: 105px;

}
figcaption{
	text-align: left;
	padding-bottom: 8px;
}
.gotoshop{
	background:url("../image/gotoshop.png") no-repeat left center;
	background-size: 0.6em;
	padding-left: 18px;
	position: absolute;
	bottom: 0;
}

#glass{
	margin-top: 80px;
}

#chopsticks{
	margin-top: 80px;
}

#dyeing{
	margin-top: 80px;
}

/*#contents p{
	line-height: 2em;
	margin: 30px 0;
	
}

#concept p{
	padding-bottom: 20px;
}



.artistname{
	max-width: 90%;
	margin: 10px auto 50px;
}

.artistname 
	a:link,
    a:visited,
    a:active{
	color:#222;
	text-decoration:underline;
}

.artistname a:hover{
color:#222;
	text-decoration:none;
}




.artistname li{
	float: left;
	border-right: solid 1px #909090;
	width: 20%;
	margin: 5px 0;
	padding: 0 10px;
}

.artistname li:last-child{
     border-right:none;
}

.artist_page{
	width: 70%;
	margin: 0 auto;
	text-align: left;
	padding-top: 20px;
}
#oba{
	padding-top: 180px;
}

.artistimg{
	width: 100%;
	margin: 20px auto 10px auto;
}


.artistimg li{
	float: left;
	width: 33%;
	margin: 10px auto;
	text-align: center;
}

.more{
text-align: right;	
margin-right: 14px;
}

.more img{
	width: 30%;
	height: auto;
}
.more:hover {
	opacity: 0.5;}

.lightbox{
	top:1400;
}

*/