/******************** common */


#avant_wrapper{
    position: relative;
    width: 760px;
    background: #ecf3e6;
    margin: 0 auto;
    padding:20px;
}
#avant_wrapper #content-wrapper{
    width: 720px;
    background: #ffffff;
    padding:40px 0;
}
#avant_wrapper #content-wrapper h2{
    width: 638px;
    margin: 0 auto;
}
#avant_wrapper #content-wrapper .block{
    width: 638px;
    margin: 0 auto;
}
#avant_wrapper #content-wrapper .block.slide-wrapper{
    position: relative;
    background: url(images/06demo3/slide-bg.png) no-repeat;
    background-size: cover;
    border-top: double 5px #3c3c3c;
    border-bottom: double 5px #3c3c3c;
    margin-top: 120px;
    margin-bottom: 60px;
    padding-bottom:20px;
}
#avant_wrapper #content-wrapper .slide-wrapper p.head{
    position: absolute;
    top: -140px;
    text-align: center;
    left:13%;
}
#avant_wrapper #content-wrapper .slide-wrapper p.head img{
    text-align: center;
}
/*
#avant_wrapper #content-wrapper .slide-wrapper ul li a:after{
    content: "";
    width: 189px;
    height: 38px;
    background: url(images/06demo3/zoom.png) no-repeat;
    position: absolute;
    bottom:9%;
    right:2%;
}
*/
#avant_wrapper #content-wrapper p.btn-wrapper{
    text-align: center;
    background: #ecf3e6;
}
#avant_wrapper #content-wrapper p.btn-wrapper img{
    width: 65%;
}
#avant_wrapper .footer-wrap{
    width: 100%;
    margin: 0 auto;
}
#avant_wrapper .footer-wrap .footer-top ul{
    display: table;
    table-layout: fixed;
/*    width: 760px;*/
    width: 100%;
    line-height: 1;
}
#avant_wrapper .footer-wrap .footer-top ul li{
    display: table-cell;
    border-right: 1px solid #2f2f2f;
}
#avant_wrapper .footer-wrap .footer-top ul li:last-child{
    border-right: none;
}
#avant_wrapper .footer-wrap .footer-top ul li a{
    position: relative;
    display: block;
    font-size: 1.2em;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    padding: 5px 0;
    background: #6ab82d;
    height: 60px;
    line-height: 3.2em;
}
#avant_wrapper .footer-wrap .footer-top ul li a:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url(images/07/flt-icon.png) no-repeat;
    position: absolute;
    bottom:9%;
    left:46%;
}
#avant_wrapper .footer-wrap .footer-top ul li a:hover {
    background: #006c4b;
}
#avant_wrapper .footer-wrap .footer-top{
    position:fixed;
    bottom:0;
    left:0;
    overflow:hidden;
    height:70px;
    width: 100%;
}
#avant_wrapper .footer-wrap .footer-top.static {
    display: none;
}
#avant_wrapper .footer-wrap .footer-bottom {
    padding:15px 0;
}
#avant_wrapper .footer-wrap .footer {
    height:100px;
    width:100%;
    overflow:hidden;
}
#avant_wrapper .block ul.products{
/*    width: 638px;*/
    width: 540px;
    margin: 0 auto;
    background: #ecf3e6;
}
#avant_wrapper .block ul.products li{
    width: 176px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
}
#avant_wrapper .bg-green{
    background: #ecf3e6;
}

/*******170619追記*******/

#avant_wrapper #content-wrapper .block.slide-wrapper.bg-change{
    position: relative;
    background: #e4f0ef;
    border:none;
    margin: 0 auto;
    padding: 0;
}

/*******170711追記*******/

/*
#avant_wrapper #content-wrapper .block.slide-wrapper.bg-change.products-slide{
    position: relative;
    background: #ecf3e6;
    border:none;
    margin: 0 auto 50px;
    padding: 0;
}
*/
/*
#avant_wrapper #content-wrapper .block.slide-wrapper.bg-change.products-slide .flexslider{
    padding-bottom:30px;
}
*/
#avant_wrapper{
    box-sizing: border-box;
}
#avant_wrapper #content-wrapper .rvcc-wrap{
    position: relative;
    margin-top: 40px;
}
#avant_wrapper #content-wrapper .rvcc-wrap p.rvcc-btn{
    position: absolute;
    bottom:16%;
    right: 11.5%;
}

/******************** その他 */

/* リンク透過設定 */
#page-wrapper a:hover img {
	filter: alpha(opacity=80);
  	-moz-opacity:0.8;
  	opacity:0.8;
}

/**/
.clearfix:after { /*float解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*micro clearfix*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after { clear:both;}
 
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1;}

/*mobile*/
.small {font-size:0.8em;}