@charset "UTF-8";

#works-details {
	height: auto;
	margin-bottom: -12px;
	overflow: hidden;
	color: #929292;
	background-color: rgba(240,240,240,1.00);}
#gallery {
	width: 95%;
	height: auto;
	max-width: 1000px;
	overflow: hidden;
	background-color: rgba(255,255,255,1.00);
	text-align: center;
	margin: 0px auto 0px;}	
.gallery-photo {
	display: inline-block;
	margin: 35px 0px 0px 0px;
	width: 88%;
	height: auto;
	vertical-align: top;}	    
.gallery-photo img {		
	margin: -10px auto 15px ;
	width: 100%;}
.content1 {
	width: 88%;
	height: auto;
	max-width: 1000px;
	margin: -10px auto 0px;
	font-family: "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.content1 h1 {
	margin-top: 45px;
	margin-bottom: 20px;
	color: rgba(0,0,0,1.00);
	font-size: 13px;
	font-weight: lighter;
	letter-spacing: 2px;
	line-height: 20px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;}
.h1-sub {
	margin-top: 9px;
	margin-bottom: 0px;
	color: rgba(0,0,0,1.00);
	font-size: 13px;
	font-weight: lighter;
	letter-spacing: 2px;
	line-height: 20px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;}
.g-category, .g-category a{
	margin-top: 0px;
	margin-bottom: 5px;
	color: rgba(0,0,0,1.00);
	font-size: 13px;
	font-weight: lighter;
	letter-spacing: 1px;
	line-height: 25px;
	text-align: left;}
.g-category a{
	color: rgba(127,148,141,1.00);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;}
.g-category a:hover {
	color: rgba(190,190,190,1.00);}
.g-concept {
	margin-top: 35px;
	margin-bottom: 15px;
	color: rgba(0,0,0,1.00);
	font-size: 13px;
	font-weight: lighter;
	letter-spacing: 1px;
	line-height: 23px;
	text-align: left;}
.g-memo {
	margin-top: 30px;
	color: rgba(0,0,0,1.00);
	font-size: 13px;
	font-weight: lighter;
	letter-spacing: 1px;
	line-height: 17px;
	text-align: left;}	
.back {
	text-align: right;
	margin-top: 80px;
	margin-bottom: 50px;}	
.back a {
	width: 180px;
	height: 15px;
	color: rgba(127,148,141,1.00);
	font-family: basic;
	font-size: 15px;
	letter-spacing: 2px;
	text-align: center;
	padding-top: 18px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 21px;
	border: 1px solid rgba(127,148,141,1.00);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;}
.back a:hover {
	color: #FFFFFF;
	background-color: rgba(127,148,141,1.00);}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 600px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}
	
/* << TB >> */
@media screen and (max-width: 768px) {	
#gallery {
	width: 100%;}
#gallery li {
	width: 95%;}
	
.content1 h1 {
	font-size: 11px;}
.h1-sub {
	font-size: 11px;}
.g-category, .g-category a{
	font-size: 11px;}
}

/* << SP >> */
@media screen and (max-width: 480px) {	
.gallery-photo {
	width: 100%;
	margin: 0px 0px 0px 0px;}
	
	
	
			
}
/* CSS Document */