@charset "UTF-8";
/* Works */

/*---------------------------------------------------- */
/* Sitewise */
/*---------------------------------------------------- */
#sitewise .waku_sitewise {
	padding: 0;
	margin: 0 auto 0 auto;
	width: 960px;
	height: 156px;
	background: url(../images/works/h2_sitewise.jpg) no-repeat left top;
	overflow: hidden;
}

/*---------------------------------------------------- */
/* waku */
/*---------------------------------------------------- */
#main {
	width: 100%;
	margin: 0;
	padding: 0 0 60px 0;
	background-color: #fff;
	min-width: 1100px;
    _display: inline;
    _zoom:1;
}

/*---------------------------------------------------- */
/* waku */
/*---------------------------------------------------- */
#main .content-filter {
	padding: 0;
	margin: 0;
}

#main .waku_work {
	width: 960px;
	margin: 0 auto;
	padding: 0 10px;
}

#main .content-filter > .waku_work {
	width: 980px;
	padding-right: 0;
	padding-left: 0;
}

#main .content-filter2 {
	width: 100%;
}

#main .content-filter2 > .waku_work {
	width: 980px;
	padding-right: 0;
	padding-left: 0;
}

/*---------------------------------------------------- */
/* 制作グループMenu 2 */
/*---------------------------------------------------- */
.filternavi {
	padding: 0;
	margin: 0 auto;
	background: url(../images/works/belt_filter_navi.gif) 0 0 repeat-x;
	width: 968px;
}

.filternavi .filter-categ2 {
	background: url(../images/works/bg_worksnavi_shadow.png) 0 0 no-repeat;
	padding-top: 3px;
	margin-right: 4px;
	margin-left: 4px;
	margin-bottom: 24px;
	height: 53px;
}

.filter-categ2 li {
	list-style: none;
	float: left;
	width: 137px;
	height: 53px;
}

.filter-categ2 li a {
	display: block;
	height: 100%;
	width: 100%;
	background-color: #e9eef0;
	-webkit-transition: background-color .25s ease-in-out;
	-moz-transition: background-color .25s ease-in-out;
	-o-transition: background-color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
}

.filter-categ2 li a:hover {
	background-color: #f3f6f7;
}

.filter-categ2 li a.active {
	background-color: #fff;
}

.filter-categ2 li.all a {
	background: url(../images/works/filter_navigation.png) 0 0 no-repeat;
	width: 137px;
	height: 0;
	padding-top: 53px;
	display: block;
	overflow: hidden;
}

.filter-categ2 li.all a:hover {
	background-position: 0 -53px;
	background-color: #f3f6f7;
}

.filter-categ2 li.all a.active {
	background-position: 0 -106px;
	background-color: #fff;
}

/* 店舗カテゴリ追加ここから */
.filter-categ2 li.corpo a {
	background: url(../images/works/filter_navigation.png) 0 0 no-repeat;
	width: 137px;
	height: 0;
	padding-top: 53px;
	display: block;
	overflow: hidden;
}

.filter-categ2 li.corpo a:hover {
	background-position: 0 -53px;
	background-color: #f3f6f7;
}

.filter-categ2 li.corpo a.active {
	background-position: 0 -106px;
	background-color: #fff;
}
/* 店舗カテゴリ追加ここまで */

.filter-categ2 li.brand a {
	background: url(../images/works/filter_navigation.png) -137px 0 no-repeat;
	width: 137px;
	height: 0;
	padding-top: 53px;
	display: block;
	overflow: hidden;
}

.filter-categ2 li.brand a:hover {
	background-position: -137px -53px;
	background-color: #f3f6f7;
}

.filter-categ2 li.brand a.active {
	background-position: -137px -106px;
	background-color: #fff;
}

.filter-categ2 li.shop a {
	background: url(../images/works/filter_navigation.png) -274px 0 no-repeat;
	width: 137px;
	height: 0;
	padding-top: 53px;
	display: block;
	overflow: hidden;
}

.filter-categ2 li.shop a:hover {
	background-position: -274px -53px;
	background-color: #f3f6f7;
}

.filter-categ2 li.shop a.active {
	background-position: -274px -106px;
	background-color: #fff;
}

.filter-categ2 li.prdct a {
	background: url(../images/works/filter_navigation.png) -411px 0 no-repeat;
	width: 137px;
	height: 0;
	padding-top: 53px;
	display: block;
	overflow: hidden;
}

.filter-categ2 li.prdct a:hover {
	background-position: -411px -53px;
	background-color: #f3f6f7;
}

.filter-categ2 li.prdct a.active {
	background-position: -411px -106px;
	background-color: #fff;
}

.filter-categ2 li.ecomc a {
	background: url(../images/works/filter_navigation.png) -548px 0 no-repeat;
	width: 137px;
	height: 0;
	padding-top: 53px;
	display: block;
	overflow: hidden;
}

.filter-categ2 li.ecomc a:hover {
	background-position: -548px -53px;
	background-color: #f3f6f7;
}

.filter-categ2 li.ecomc a.active {
	background-position: -548px -106px;
	background-color: #fff;
}

.filter-categ2 li.cmuni a {
	background: url(../images/works/filter_navigation.png) -685px 0 no-repeat;
	width: 137px;
	height: 0;
	padding-top: 53px;
	display: block;
	overflow: hidden;
}

.filter-categ2 li.cmuni a:hover {
	background-position: -685px -53px;
	background-color: #f3f6f7;
}

.filter-categ2 li.cmuni a.active {
	background-position: -685px -106px;
	background-color: #fff;
}

.filter-categ2 li.fb-page a {
	background: url(../images/works/filter_navigation.png) -822px 0 no-repeat;
	width: 137px;
	height: 0;
	padding-top: 53px;
	display: block;
	overflow: hidden;
}

.filter-categ2 li.fb-page a:hover {
	background-position: -822px -53px;
	background-color: #f3f6f7;
}

.filter-categ2 li.fb-page a.active {
	background-position: -822px -106px;
	background-color: #fff;
}

/*---------------------------------------------------- */
/* Area */
/*---------------------------------------------------- */
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
}

#main .filter-area {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0;
	padding-left: 0;
	background-color: #fff;
}

#main .filter-area ul {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#main .filter-area li {
	float: left;
	margin: 0 10px 20px;
	padding: 5px;
	overflow: hidden;
	width: 164px;
	list-style: none;
	background: #fafbfc;
	border: 1px solid #dedfe0;
	border-top: 1px solid #e4e5e6;
	border-bottom: 1px solid #b2b4b5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#main .image-block { 
	display:block; 
	position: relative;
	background-color: #fff;
}

#main .image-block img {
	padding: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	image-rendering: -moz-optimizeQuality;
	image-rendering: -o-optimizeQuality; 
	image-rendering: -webkit-optimizeQuality;
	image-rendering: auto;
	-ms-interpolation-mode: bicubic;
}

#main .image-block::after {
	content: " ";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-shadow:rgba(19, 20, 20, .2) 0px 0px 3px 0px inset;
}

#main .image-block img.delayImg {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
}


/* Image Hover Overlay */
.mosaic-block {
	position:relative;
	overflow:hidden;
	width: 100%;
	height: 100%;
}

.mosaic-backdrop {
	display:none;
	height:100%;
	width:100%;
}
	
.mosaic-overlay {
	display:none;
	z-index:5;
	position:absolute;
	width:100%;
	height:100%;
	cursor: pointer;
}
	
.mosaic-block .details {
	background: url(../images/works/icon_detail_32.png) 50% 50% no-repeat;
	width: 164px;
	height: 0;
	padding-top: 138px;
	display: block;
	overflow: hidden;
}

.lt-ie8 .mosaic-block .details {
	background-position: center 45%;
}
				
.fade .mosaic-overlay {
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	background: url(../images/works/overlay_bk.png) repeat;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
/* End Image Hover Overlay */


#main .filter-area .caption {
	display: none;
}

.portfolio-text {
	margin-top:7px;
}

.portfolio-text > h3 {
	color: #30527c;
	font-size: 85%;
	text-shadow: 0 2px 0 #fff;
	height: auto;
	margin: 0 0 .5em;
	padding: 0 0 .3em;
	border-bottom: 1px solid #e7e8e8;
}

.portfolio-text > p {
	font-size: 69%;
	-webkit-text-size-adjust: none;
	text-shadow: 0 2px 0 #fff;
	height: auto;
	margin: 0;
	padding: 0;
}


/* Modal Window Custom Configure */
.fancybox-title > h3 {
	font-size: 100%;
	line-height: normal;
	text-shadow: 0 2px 0 #fff;
	margin-top: 0;
	margin-bottom: .5em;
	padding: 7px 10px 6px;
	background-color: #edeeee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.fancybox-title > h3 a span {
	font-size: 108%;
	padding-left: .5em;
	text-shadow: 0 2px 0 #fff;
}

.fancybox-title > h3 a {
	color: #3e4040;
	text-decoration: none;
}

.fancybox-title > h3 a:hover, .fancybox-title > h3 a span {
	color: #0f79df;
	text-decoration: none;
}

.fancybox-title > h3 a span:hover, .fancybox-title > h3 a:hover span {
	color: #b52f00;
	text-decoration: none;
}

.fancybox-title > p {
	font-size: 77%;
	line-height: normal;

	padding: 0;
	margin: 0;
	text-shadow: 0 2px 0 #fff;
}


/* Box of Jump to Contact Part */
#main .content-filter > aside {
	width: 918px;
	height: 100%;
	margin: 30px auto 0;
	padding: 20px;
	background-color: #f0f3f5;
	border: 1px solid #e7eaec;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
	border-radius: 3px;
	text-align: center;
	letter-spacing: -4px;
}

#main .content-filter > aside p {
	line-height: 1.5;
	margin: 0 0 20px;
	padding: 0;
	font-size: 100%;
	letter-spacing: normal;
}

#main .content-filter aside div {
	display: inline-block;
	zoom:1; 
	*display:inline;
	letter-spacing: normal;
	width: 178px;
	height: 98px;
	margin-right: 90px;
	background-color: #fff;
	border: 1px solid #e6eaed;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px; 
	border-radius: 2px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

#main .content-filter aside div:last-child {
	margin-right: 0;
}

#main .content-filter aside div:hover {
	background-color: #0075c0;
	border: 1px solid #0075c0;
}

#main .content-filter aside div:active {
	background-color: #002e52;
	border: 1px solid #002e52;
}

#main .content-filter aside div a {
	font-size: 153.9%;
	font-weight: bold;
	text-decoration: none;
	color: #9ca1a3;
	width: 158px;
	height: 84px;
	margin: 0;
	padding: 6px 10px 10px;
	display: block;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

#main .content-filter aside div a span {
	font-size: 32px;
	line-height: 52px;
	color: #32c9f5;
	font-weight: normal;
	font-style: normal;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

#main .content-filter aside div a:hover, #main .content-filter aside div a:hover span, #main .content-filter aside div a:active {
	color: #fff;
}

#main .content-filter aside div a:active span {
	color: #32c9f5;
}

/*---------------------------------------------------- */
/* 拡大画面時 */
/*---------------------------------------------------- */
.explain_txt {
font-size: 18px;
}