@charset "UTF-8";
/*---------------------------------------------------------------------
    aside.lower
---------------------------------------------------------------------*/
aside.lower {
    height: 196px;
}
aside.lower._single {
    height: 136px;
}
aside.lower .prd_nav{
    height: 120px;
}
aside.lower .prd_nav .cat_nav{
    height: auto;
}
aside.lower .prd_nav .cat_nav ul{
    display: table;
}
aside.lower .prd_nav .cat_nav ul:last-child{
    margin: 0 auto;
}
aside.lower .prd_nav .cat_nav ul li{
    display: table-cell;
}
aside.lower .prd_nav .cat_nav ul li a{
    padding: 0;
}
aside.lower .prd_nav .cat_nav ul li a span{
    line-height: 1;
    padding: 4px 14px;
}
aside.lower .prd_nav .cat_nav ul li a.double span{
    line-height: 1.5;
}
aside.lower .prd_nav .cat_nav ul li{
    vertical-align: middle;
    height: 60px;
}
aside.lower .prd_nav .cat_nav ul li a{
    display: table;
    height: 40px;
    padding: 10px 0;
}
aside.lower .prd_nav .cat_nav ul li a span{
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

@media screen and (max-width: 767px){
    aside.lower {
        height: auto;
    }
    aside.lower._single {
        height: auto;
    }
    aside.lower .prd_nav {
        height: auto;
    }
    aside.lower .prd_nav .cat_nav ul{
        display: block;
    }
    aside.lower .prd_nav .cat_nav ul:first-child{
        margin-top: 0;
    }
    aside.lower .prd_nav .cat_nav ul:last-child {
        margin: -9px 0 8px;
    }
    aside.lower .prd_nav .cat_nav ul li{
        display: block;
        height: auto;
    }
    aside.lower .prd_nav .cat_nav ul li a{
        padding: 9px 0;
        display: block;
    }
}


ul.sub.is-active {
    background: #414141;
    display: block!important;
}
aside .prd_nav .cat_nav ul li .sub.is-active li {
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
}
aside .prd_nav .cat_nav ul li .sub.is-active li:hover,
aside .prd_nav .cat_nav ul li .sub.is-active li:focus,
aside .prd_nav .cat_nav ul li .sub.is-active li:active{
    background: #414141;
}
aside .prd_nav .cat_nav ul li .sub.is-active li a{
    height: auto;
    border-bottom: 1px solid #6b6b6b;
}
aside .prd_nav .cat_nav ul li .sub.is-active li:last-child a{
    border-bottom: 0;
}

@media screen and (max-width: 767px){
aside .prd_nav .cat_nav ul li .sub.is-active li a{
    border-bottom: 0 solid #6b6b6b;
}
aside .prd_nav .cat_nav dl dd ul li .sub{
    display: none;
}
aside.lower .prd_nav .cat_nav ul:last-child {
    margin: 0 0 8px;
}
.uni-table-setplan._single thead.fctFixed{
top:0;
}
}


#contents aside .prd_nav .cat_nav .sub li a::before,
#contents aside .prd_nav .cat_nav .sub li:last-child a::after,
#contents aside .prd_nav .cat_nav li:last-child .sub li a::after {
	display: none;
}

#contents aside .prd_nav .cat_nav ul li a:hover,
#contents aside .prd_nav .cat_nav ul li.active2 a{
	background-color:#414141;
}
#contents aside .prd_nav .cat_nav ul li.active a,
#contents aside .prd_nav .cat_nav ul li.active:hover a,
#toilet aside .prd_nav .cat_nav ul li.ctg-toilet a,
#toilet aside .prd_nav .cat_nav ul li.ctg-toilet:hover a,
#groom aside .prd_nav .cat_nav ul li.ctg-groom a,
#groom aside .prd_nav .cat_nav ul li.ctg-groom:hover a,
#bathroom aside .prd_nav .cat_nav ul li.ctg-bathroom a,
#bathroom aside .prd_nav .cat_nav ul li.ctg-bathroom:hover a,
#accessory aside .prd_nav .cat_nav ul li.ctg-accessory a,
#accessory aside .prd_nav .cat_nav ul li.ctg-accessory:hover a,
#publicFront aside .prd_nav .cat_nav ul li.ctg-publicFront a,
#publicFront aside .prd_nav .cat_nav ul li.ctg-publicFront:hover a,
#office aside .prd_nav .cat_nav ul li.ctg-office a,
#office aside .prd_nav .cat_nav ul li.ctg-office:hover a,
#hospital aside .prd_nav .cat_nav ul li.ctg-hospital a,
#hospital aside .prd_nav .cat_nav ul li.ctg-hospital:hover a,
#school aside .prd_nav .cat_nav ul li.ctg-school a,
#school aside .prd_nav .cat_nav ul li.ctg-school:hover a,
#use aside .prd_nav .cat_nav ul li.ctg-use a,
#use aside .prd_nav .cat_nav ul li.ctg-use:hover a,
#page-itemsTop aside .prd_nav .cat_nav ul li.ctg-itemsTop a,
#page-itemsTop aside .prd_nav .cat_nav ul li.ctg-itemsTop:hover a,
#page-concept aside .prd_nav .cat_nav ul li.ctg-concept a,
#page-concept aside .prd_nav .cat_nav ul li.ctg-concept:hover a,
#page-tech aside .prd_nav .cat_nav ul li.ctg-tech a,
#page-tech aside .prd_nav .cat_nav ul li.ctg-tech:hover a,
#page-lineup aside .prd_nav .cat_nav ul li.ctg-lineup a,
#page-lineup aside .prd_nav .cat_nav ul li.ctg-lineup:hover a{
	color: #13449d;
	font-weight: bold;
	background-color: #fff;
}

#contents aside .prd_nav .cat_nav ul li.active ul.sub li a,
#contents aside .prd_nav .cat_nav ul li.active:hover ul.sub li a,
#toilet aside .prd_nav .cat_nav ul li.ctg-toilet ul.sub li a,
#toilet aside .prd_nav .cat_nav ul li.ctg-toilet:hover ul.sub li a,
#groom aside .prd_nav .cat_nav ul li.ctg-groom ul.sub li a,
#groom aside .prd_nav .cat_nav ul li.ctg-groom:hover ul.sub li a,
#bathroom aside .prd_nav .cat_nav ul li.ctg-bathroom ul.sub li a,
#bathroom aside .prd_nav .cat_nav ul li.ctg-bathroom:hover ul.sub li a,
#accessory aside .prd_nav .cat_nav ul li.ctg-accessory ul.sub li a,
#accessory aside .prd_nav .cat_nav ul li.ctg-accessory:hover ul.sub li a,
#publicFront aside .prd_nav .cat_nav ul li.ctg-publicFront ul.sub li a,
#publicFront aside .prd_nav .cat_nav ul li.ctg-publicFront:hover ul.sub li a,
#office aside .prd_nav .cat_nav ul li.ctg-office ul.sub li a,
#office aside .prd_nav .cat_nav ul li.ctg-office:hover ul.sub li a,
#hospital aside .prd_nav .cat_nav ul li.ctg-hospital ul.sub li a,
#hospital aside .prd_nav .cat_nav ul li.ctg-hospital:hover ul.sub li a,
#school aside .prd_nav .cat_nav ul li.ctg-school ul.sub li a,
#school aside .prd_nav .cat_nav ul li.ctg-school:hover ul.sub li a,
#use aside .prd_nav .cat_nav ul li.ctg-use ul.sub li a,
#use aside .prd_nav .cat_nav ul li.ctg-use:hover ul.sub li a,
#page-itemsTop aside .prd_nav .cat_nav ul li.ctg-itemsTop ul.sub li a,
#page-itemsTop aside .prd_nav .cat_nav ul li.ctg-itemsTop:hover ul.sub li a,
#page-concept aside .prd_nav .cat_nav ul li.ctg-concept ul.sub li a,
#page-concept aside .prd_nav .cat_nav ul li.ctg-concept:hover ul.sub li a,
#page-tech aside .prd_nav .cat_nav ul li.ctg-tech ul.sub li a,
#page-tech aside .prd_nav .cat_nav ul li.ctg-tech:hover ul.sub li a,
#page-lineup aside .prd_nav .cat_nav ul li.ctg-lineup ul.sub li a,
#page-lineup aside .prd_nav .cat_nav ul li.ctg-lineup:hover ul.sub li a{
	color: #fff;
	font-weight: 500;
	background-color: #414141;
}

@media screen and (max-width: 767px) {
	
 #contents aside .prd_nav .cat_nav dl dd ul li .sub.toilet li a {
    background: none;
    border: none;
    padding: 9px 17px 10px 17px!important;
}
	
#contents aside .prd_nav .cat_nav ul li.active ul.sub li a,
#contents aside .prd_nav .cat_nav ul li.active:hover ul.sub li a,
#toilet aside .prd_nav .cat_nav ul li.ctg-toilet ul.sub li a,
#toilet aside .prd_nav .cat_nav ul li.ctg-toilet:hover ul.sub li a,
#groom aside .prd_nav .cat_nav ul li.ctg-groom ul.sub li a,
#groom aside .prd_nav .cat_nav ul li.ctg-groom:hover ul.sub li a,
#bathroom aside .prd_nav .cat_nav ul li.ctg-bathroom ul.sub li a,
#bathroom aside .prd_nav .cat_nav ul li.ctg-bathroom:hover ul.sub li a,
#accessory aside .prd_nav .cat_nav ul li.ctg-accessory ul.sub li a,
#accessory aside .prd_nav .cat_nav ul li.ctg-accessory:hover ul.sub li a,
#publicFront aside .prd_nav .cat_nav ul li.ctg-publicFront ul.sub li a,
#publicFront aside .prd_nav .cat_nav ul li.ctg-publicFront:hover ul.sub li a,
#office aside .prd_nav .cat_nav ul li.ctg-office ul.sub li a,
#office aside .prd_nav .cat_nav ul li.ctg-office:hover ul.sub li a,
#hospital aside .prd_nav .cat_nav ul li.ctg-hospital ul.sub li a,
#hospital aside .prd_nav .cat_nav ul li.ctg-hospital:hover ul.sub li a,
#school aside .prd_nav .cat_nav ul li.ctg-school ul.sub li a,
#school aside .prd_nav .cat_nav ul li.ctg-school:hover ul.sub li a,
#use aside .prd_nav .cat_nav ul li.ctg-use ul.sub li a,
#use aside .prd_nav .cat_nav ul li.ctg-use:hover ul.sub li a,
#page-itemsTop aside .prd_nav .cat_nav ul li.ctg-itemsTop ul.sub li a,
#page-itemsTop aside .prd_nav .cat_nav ul li.ctg-itemsTop:hover ul.sub li a,
#page-concept aside .prd_nav .cat_nav ul li.ctg-concept ul.sub li a,
#page-concept aside .prd_nav .cat_nav ul li.ctg-concept:hover ul.sub li a,
#page-tech aside .prd_nav .cat_nav ul li.ctg-tech ul.sub li a,
#page-tech aside .prd_nav .cat_nav ul li.ctg-tech:hover ul.sub li a,
#page-lineup aside .prd_nav .cat_nav ul li.ctg-lineup ul.sub li a,
#page-lineup aside .prd_nav .cat_nav ul li.ctg-lineup:hover ul.sub li a{
	background:#fff;
	border-left:none;
	border-right:none;
	border-bottom:solid #eaeaea 1px;
	padding: 9px 17px 10px 17px!important;
	color: #414141
	}

	
}

#toilet aside .prd_nav .cat_nav ul li.ctg-toilet a::before,
#groom aside .prd_nav .cat_nav ul li.ctg-groom a::before,
#bathroom aside .prd_nav .cat_nav ul li.ctg-bathroom a::before,
#accessory aside .prd_nav .cat_nav ul li.ctg-accessory a::before,
#publicFront aside .prd_nav .cat_nav ul li.ctg-publicFront a::before,
#hospital aside .prd_nav .cat_nav ul li.ctg-hospital a::before,
#school aside .prd_nav .cat_nav ul li.ctg-school a::before,
#use aside .prd_nav .cat_nav ul li.ctg-use a::before,
#page-itemsTop aside .prd_nav .cat_nav ul li.ctg-itemsTop a::before,
#page-concept aside .prd_nav .cat_nav ul li.ctg-concept a::before,
#page-tech aside .prd_nav .cat_nav ul li.ctg-tech a::before,
#page-lineup aside .prd_nav .cat_nav ul li.ctg-lineup a::before{
    background-color: #fff;
}


/*  2017.11.16　追記  */

.label_newitem {
    display: inline-block!important;
    margin: 0 0 .5em 0;
    padding: 2px 4px!important;
    font-weight: normal;
    font-size: 12px!important;
    color: #f00;
    vertical-align: top;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #f00;
}



span.label_newitem {
    display: inline-block!important;
    margin: 0 0 .5em 0;
    padding: 2px 4px!important;
    font-weight: normal!important;
    font-size: 12px!important;
    color: #f00;
    vertical-align: top;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #f00;
}


span.label_newitem_Black {
    display: inline-block!important;
    margin: 0 0 .5em 0;
    padding: 2px 4px!important;
    font-weight: normal;
    font-size: 12px!important;
    color: #000;
    vertical-align: top;
    /*background: none repeat scroll 0 0 #fff;*/
    border: none;
}


span.newitem_BGR {
    display: inline-block!important;
    margin: 0 0;
    padding: 0 1px!important;
    font-size: 1.4rem!important;
	font-weight: normal!important;
    color: #fff;
    vertical-align: top;
    background: none repeat scroll 0 0 #f00;
    border: 1px solid #f00;
}

/*  2017.11.21　追記  */
ul.commonparts_btn li.commonparts_btn-inner {
  margin: 0 5px 10px 0;
}

.commonparts_btn li.btn01__01,
.commonparts_btn li.btn01__02,
.commonparts_btn li.btn01__03 {
  width: 456px;
  text-align: center;
}
.commonparts_btn li.btn02__01,
.commonparts_btn li.btn02__02 {
  width: 456px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .commonparts_btn li.btn01__01,
  .commonparts_btn li.btn01__02,
  .commonparts_btn li.btn01__03,
  .commonparts_btn li.btn01__04{
    width: 100%;
    text-align: center;
  }
  .commonparts_btn li.btn02__01,
  .commonparts_btn li.btn02__02,
  .commonparts_btn li.btn02__03 {
    width: 100%;
    text-align: center;
  }
}

.mt90{
	margin-top: 90px;
}

.imgttl_ttl{
	width:480px;
}


#showcase.no-bgimg .commonparts_box {
    background: none;
    height: auto;
    padding: 90px 0 60px!important;
}

.commonparts_sec.imgttl .imgttl_ttl h1 {
    margin: 0;
    font-weight: bold;
    font-size: 2.4rem!important;
}