@charset "utf-8";

/*ページ全体*/
#repair .section1 {
    background: #ffffff;
	border-top: none;
	padding-top: 55px;
}

/*gNavi*/
.gNavi li a:hover,
#repair .gNavi03 a {
	background:url(../img/common/icon_flower.png) no-repeat 0 30%;
}

#repair .general {
	background: #e8f7f1;
}


/*-----------------------------------------------------------
	内容
------------------------------------------------------------*/
/*タイトル*/
#repair .headline1 {
	margin-bottom: 30px;
}

#repair .color1 {
    color: #00b72f;
}
#repair .color1 em {
    border-bottom: 1px solid #00b72f;
}

#repair .section1 {
	padding-bottom: 98px;
}

/*section2*/
.section2 {
	background:#e8f7f1;
	border-top:15px solid #ddf3eb;
	padding:40px 0 0;
	position:relative;
	z-index:2;
}


/* filter */
.filter {
	padding:0 0 30px 0;
}
.filter a {margin-right:10px; color:#666;}

/* .isotope */
.isotope {
	width: 980px !important;
	margin-top: 14px;
	text-align:center;
	clear:both;
	display:block;
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
	position:relative;
}

/* .item */
.item {
	float:left;
	display:inline-block;
	width: 33.3333%;
	padding:0;
	margin:0;
	overflow:hidden;
	position:relative;
	line-height:0;
	z-index:20;
}


.isotope .item {
	-webkit-transition-property:-webkit-transform, opacity;
	-moz-transition-property:-moz-transform, opacity;
	-ms-transition-property:-moz-transform, opacity;
	-o-transition-property:-moz-transform, opacity;
	transition-property:transform, opacity;
	margin:0;
	padding:0;
    -webkit-transition-duration:0.8s;
    -moz-transition-duration:0.8s;
    -ms-transition-duration:0.8s;
    -o-transition-duration:0.8s;
    transition-duration:0.8s;
}

.isotope .inner {
	margin: 0 1px 5px 1px;
	background:#fff;
	padding: 40px 20px 20px;
	z-index: 1;
}

.item h3 {
	color:#655f57;
	font-weight:600;
	line-height:1.1;
	text-align:center;
	margin-bottom: 20px;
}
.item p {
	text-align: left;
	padding-bottom: 10px;
}

.item img {
	width: 100%;
	height: 120px;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
    background-size: cover;
}

.item img.noimage {
	background: #f1f1f1 url(../img/common/noimage.gif) no-repeat center top;
}

.monitorBtn {
	width:980px;
	margin:-5px auto 15px;
	text-align:right;
	position:relative;
	z-index:1;
}
.monitorCap {
	font-size:114%;
	font-weight:bold;
	color:#000;
	text-align:center;
	margin-bottom:10px;
}
/*-----------------------------------------------------------
	ISOTOPE ボタン
------------------------------------------------------------*/
.filter {
	width: 100%;
	position: absolute;
	top: -114px;
}

.filter ul {
	display: table;
	width: auto;
	margin: 0 auto;
}
.filter li {
	display: table-cell;
	padding: 0 10px;
}

.filter a {
	display: block;
	width: 88px;
	height: 88px;
	color: #444;
	text-align: center;
	background-color: #fff;
	background-repeat: no-repeat;
	border: solid 2px #87d3b9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 4;
	transition: 0.28s ease;
	transition-property: background-color, border;
}
.filter a:hover, .filter a.current {
	background-color: #ffb881;
	border: solid 2px #ffb881;
	filter:alpha(opacity=100) !important;
    -moz-opacity: 1.0 !important;
    opacity: 1.0 !important;
}

.filter a span {
	padding-top: 65px;
}
.filter a:hover span, .filter a.current span {
	color: #fff;
}

/*ALL*/
.filter a.all {
	background-image: url(../img/repair/micon_all.png);
}

/*バッグ*/
.filter a.item1 {
	background-image: url(../img/repair/micon_bag.png);
}

/*財布・小物*/
.filter a.item2 {
	background-image: url(../img/repair/micon_wallet.png);
}

/*靴・ブーツ*/
.filter a.item3 {
	background-image: url(../img/repair/micon_shoes.png);
}

/*その他*/
.filter a.item4 {
	background-image: url(../img/repair/micon_other.png);
}

.filter a:hover, .filter a:active {
    background-position: 0 -88px;
}
.filter .all.current,
.filter .item1.current,
.filter .item2.current,
.filter .item3.current,
.filter .item4.current {
    background-position: 0 -88px;
}

.filter span {
	display: block;
	color: #444444;
}

/*-----------------------------------------------------------
	アイコン
------------------------------------------------------------*/

.item ul {
    display: table;
    position: relative;
    margin: 0 auto;
    z-index: 2;
    top: 18px;
}
.item li {
    display: inline-block;
    width: 36px;
    height: 36px;
    text-align: center;
    margin: 0 2px;
    padding-bottom: 0;
    background-color: #ffb881;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
}
.in_ricon img {
    width: 20px;
    height: 20px;
    padding-top: 8px;
	}