/***************************
works css
***************************/


.contents-title-box{
	margin: 0 auto 15px;
	padding: 0px 0px 0px 0px;
	width:100%;
	width: 775px;
	text-align: left;
	overflow:hidden;
}

.contents-title-box h2{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width:100%;
	text-align: left;
	overflow:hidden;
}

.contents-title-box h2 img{
	width:14.2%;
}

.cat-title{
	margin: 0 auto 15px;
	padding: 0px 0px 0px 0px;
	width:100%;
	width: 775px;
	text-align: left;
	overflow:hidden;
}

.cat-title h3{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width:100%;
	font-size: 14px;
	text-align: center;
	overflow:hidden;
}

.cat-title h3  img{
	width:20%;
}
.gallery-box{
	margin: 0 auto 100px;
	padding: 0px 0px 0px 0px;
	width:100%;
	width:402px;
	width:450px;
/*	height: 452px;*/
	overflow:hidden;
/*	border: solid 1px #ccc;*/
}

.flex-caption {
  width: 96%;
  margin: 10px auto 10px;
  padding: 2%;
  left: 0;
  bottom: 0;
/*  background: rgba(0,0,0,.5);*/
  color: #000000;
/*  text-shadow: 0 -1px 0 rgba(0,0,0,.3);*/
  font-size: 10px;
  line-height: 1.3;
}

.flex-viewport{
	border: solid 1px #ccc;
	border-color: rgb( 179, 179, 179);
	margin-top: 20px;
	margin-bottom: 20px;
}

/*サムネイルバージョン用（追加）**********************/
.gallery-box-t .flex-viewport{
	border: solid 0px #ccc;
	border-color: rgb( 179, 179, 179);
	margin-top: 20px;
	margin-bottom: 20px;
}

.contents-title-box-detail{
	margin: 0 auto 15px;
	padding: 0px 0px 0px 0px;
	width:100%;
	width: 775px;
	text-align: left;
	overflow:hidden;
}

.contents-title-box-detail h2{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width:100%;
	text-align: left;
	overflow:hidden;
}

.contents-title-box-detail h2 img{
	width:auto;
	max-height: 18px;
}

.cat-title-detail{
	margin: 0 auto 15px;
	padding: 0px 0px 0px 0px;
	width:100%;
	width: 450px;
	text-align: left;
	overflow:hidden;
}

.cat-title-detail h3{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width:100%;
	font-size: 14px;
	text-align: center;
	overflow:hidden;
}

.cat-title-detail h3  img{
	width:100%;
}

.gallery-box-t{
	margin: 0 auto 50px;
	padding: 0px 0px 0px 0px;
	width:100%;
	width:460px;
/*	height: 452px;*/
	overflow:hidden;
/*	border: solid 1px #ccc;*/
}

.gallery-box-t .flexslider {
    margin: 0 0 0px;
}

.gallery-box-t .flex-control-thumbs li {
    width: 20% !important;
    float: left;
    margin: 0;
	padding: 0 1% 1% 1%; /* Firefox */ /* Safari 3 */ 
	-ms-box-sizing: border-box; /* Internet Explorer 8 */ 
	box-sizing: border-box; /* Opera */
}

.gallery-box-t .flex-direction-nav a {
    top: 42%;
}
/********************サムネイルバージョン用（追加）ここまで*/

.gallery-box a{
	color: #000000;
	text-decoration: none;
}

/* スマホだけに適用するCSS */
@media screen and ( max-width:479px )
{
	.contents-title-box{
		margin: 50px auto 50px;
		padding: 0px 0px 0px 0px;
		width:90%;
		text-align: left;
		overflow:hidden;
	}

	.contents-title-box h2{
		margin: 0px　0px;
		padding: 0px 0px 10px 0px;
		width:90%;
		text-align: left;
		overflow:hidden;
	}

	.contents-title-box h2 img{
		width:60%;
	}

	.cat-title{
		margin: 0 auto 0px;
		padding: 0px 0px 0px 0px;
		width:90%;
		text-align: left;
		overflow:hidden;
	}

	.cat-title h3{
		margin: 0px;
		padding: 0px 0px 0px 0px;
		width:100%;
		font-size: 14px;
		text-align: left;
		overflow:hidden;
	}
	.gallery-box{
		margin: 0 auto 120px;
		padding: 0px 0px 0px 0px;
		width:90%;
		overflow:hidden;
	/*	border: solid 1px #ccc;*/
	}
	
	.flex-viewport{
		border: solid 0px #ccc;
		margin-top: 0px;
		pdding-top:0px;
	}
	
	/**************************
	サムネイルver.
	**************************/
	.contents-title-box-detail{
		margin: 50px auto 50px;
		padding: 0px 0px 0px 0px;
		width:90%;
		text-align: left;
		overflow:hidden;
	}
	
	.contents-title-box-detail h2{
		margin: 0px　0px;
		padding: 0px 0px 10px 0px;
		width:90%;
		text-align: left;
		overflow:hidden;
	}
	
	.contents-title-box-detail h2 img{
		max-height:18px;
	}
	
	.cat-title-detail{
		margin: 0 auto 0px;
		padding: 0px 0px 0px 0px;
		width:90%;
		text-align: left;
		overflow:hidden;
	}
	
	.cat-title-detail h3{
		margin: 0px;
		padding: 0px 0px 0px 0px;
		width:100%;
		font-size: 14px;
		text-align: left;
		overflow:hidden;
	}
	
	.cat-title-detail h3 img{
		width:100%;
	}
	
	.gallery-box-t{
		margin: 0 auto 60px;
		padding: 0px 0px 0px 0px;
		width:90%;
		overflow:hidden;
	/*	border: solid 1px #ccc;*/
	}
	
	.gallery-box-t .flex-direction-nav a {
    top: 40%;
	}
}