@charset "UTF-8";
/* CSS Document */


.mb50{
	margin-bottom: 50px;
}
.mb20{
	margin-bottom: 20px;
}




.active a:not(:first-child) {
color: #414141!important;
font-weight: bold!important;
background-color: #fff!important;
}




showcase_ttl {
    position: static;
    margin: 0 30px;
}


.commonparts_sec.imgttl {
    background: #eee;
	/*padding: 20px 0;*/
}

.commonparts_sec.imgttl .commonparts_box {
    background: #eee;
}


/*メイン画像*/
.reference_price .commonparts_cell:nth-child(2) ul li {
    font-size: 1.2rem;
     text-indent: 0em !important; 
    margin-bottom: 4px;
    padding-left: 0em !important;
}

.showcase .commonparts_box {
    background: none;
    height: auto;
    padding: 20px 0 0;
}







/*背景の設定 画像なし*/
.showcase.no-bgimg .commonparts_box {
    background: none;
    height: auto;
    padding: 30px 0;
}



.showcase {
    background: #bdbdbd no-repeat center center;
    background-size: auto 100%;
    padding: 0px 0!important;
}


.products_box .comet_box p{
	height: 55px;
}

.comet .comet_box p{
	height: 90px;
}



.public_facility .commonparts_box{
	padding-top: 0px!important;
}

  @media screen and (max-width:767px) {
}


.showcase.parts_color .commonparts_box, 
.showcase.parts_door .commonparts_box, 
.showcase.parts_feature01 .commonparts_box,
.showcase.parts_feature02 .commonparts_box,
.showcase.parts_feature03 .commonparts_box,
.showcase.parts_feature04 .commonparts_box,
.showcase.parts_feature05 .commonparts_box,
.showcase.parts_feature06 .commonparts_box,
.showcase.parts_feature07 .commonparts_box,
.showcase.plan_index .commonparts_box{
	background: none;
}



.showcase .plan_index{
	background-image: url(/products/public/items/images/plan/plan_index_photo.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
/*feature01.htm*/
.showcase.parts_feature01{
	background-image: url(/products/public/items/images/feature01/01_photo_main.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
/*feature02.htm*/
.showcase.parts_feature02{
	background-image: url(/products/public/items/images/feature02/02_photo_main.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
/*feature03.htm*/
.showcase.parts_feature03{
	background-image: url(/products/public/items/images/feature03/03_photo_main.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
/*feature04.htm*/
.showcase.parts_feature04{
	background-image: url(/products/public/items/images/feature04/04_photo_main.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
/*feature05.htm*/
.showcase.parts_feature05{
	background-image: url(/products/public/items/images/feature05/05_photo_main.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
/*feature06.htm*/
.showcase.parts_feature06{
	background-image: url(/products/public/items/images/feature06/06_photo_main.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
/*feature07.htm*/
.showcase.parts_feature07{
	background-image: url(/products/public/items/images/feature07/07_photo_main.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
/*door.htm*/
.showcase.parts_door{
	background-image: url(/products/public/items/images/door/door_photo_main.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

/*color.htm*/
.showcase.parts_color{
	background-image: url(/products/public/items/images/color/color_photo_main.jpg);
    background-repeat: no-repeat;
    background-position: center;
}



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

/*  2017.12.4　追記  */
.ttl_sub__02 {
  font-size: 1.6rem!important;
  font-weight: bold;
}

.showcase .commonparts_box {
  min-height: 213px !important;
}
.no-bgimg .commonparts_box {
  min-height: 163px !important;
}
/*    多機能トイレ    */
.showcase.parts_accessible{
	background-image: url(https://toto.imagewave.pictures/%2Fproducts%2Fpublic%2Faccessible%2Fimages%2Fv6%2Fphoto_main.png);
    background-repeat: no-repeat;
    background-position: center;
  padding: 0;
}
/*    小便器    */
.showcase.parts_urinal{
	background-image: url(https://toto.imagewave.pictures/%2Fproducts%2Fpublic%2Furinal%2Fimages%2Fv6%2Fphoto_main.png);
    background-repeat: no-repeat;
    background-position: center;
  padding: 0;
}
/*    洗面器    */
.showcase.parts_washbasin{
	background-image: url(https://toto.imagewave.pictures/%2Fproducts%2Fpublic%2Fwashbasin%2Fimages%2Fv6%2Fphoto_main.png);
    background-repeat: no-repeat;
    background-position: center;
  padding: 0;
}
/*    カウンター    */
.showcase.parts_counter{
	background-image: url(https://toto.imagewave.pictures/%2Fproducts%2Fpublic%2Fcounter%2Fimages%2Fv6%2Fphoto_main.png);
    background-repeat: no-repeat;
    background-position: center;
  padding: 0;
}
/*    浴室    */
.showcase.parts_bathroom{
	background-image: url(https://toto.imagewave.pictures/%2Fproducts%2Fpublic%2Fbathroom%2Fimages%2Fv6%2Fphoto_main.png);
    background-repeat: no-repeat;
    background-position: center;
  padding: 0;
}
/*    アクセサリー    */
.showcase.parts_accessory{
	background-image: url(https://toto.imagewave.pictures/%2Fproducts%2Fpublic%2Faccessory%2Fimages%2Fv6%2Fphoto_main.png);
    background-repeat: no-repeat;
    background-position: center;
  padding: 0;
}
/*    手すり    */
.showcase.parts_handrail{
	background-image: url(https://toto.imagewave.pictures/%2Fproducts%2Fpublic%2Fhandrail%2Fimages%2Fv6%2Fphoto_main.png);
    background-repeat: no-repeat;
    background-position: center;
  padding: 0;
}
/*    腰掛便器・便座    */
.showcase.parts_toilet{
	background-image: url(https://toto.imagewave.pictures/%2Fproducts%2Fpublic%2Ftoilet%2Fimages%2Fv6%2Fphoto_main.png);
    background-repeat: no-repeat;
    background-position: center;
  padding: 0;
}

@media screen and (max-width:767px) {
    .showcase.parts_accessible,
    .showcase.parts_washbasin,
    .showcase.parts_urinal,
  .showcase.parts_counter,
  .showcase.parts_bathroom,
  .showcase.parts_accessory,
  .showcase.parts_handrail,
  .showcase.parts_toilet {
      background-size: cover;
    background-position: right;
    }
}

.showcase.parts_accessible .commonparts_box,
.showcase.parts_washbasin .commonparts_box,
.showcase.parts_urinal .commonparts_box,
.showcase.parts_counter .commonparts_box,
.showcase.parts_bathroom .commonparts_box,
.showcase.parts_accessory .commonparts_box,
.showcase.parts_handrail .commonparts_box,
.showcase.parts_toilet .commonparts_box {
	background: none;
}


.item_pc {
    display: block;
}



/**テンプレート補足*/
.box_list.margin .split2:nth-child(2), .box_list.margin .split2:nth-child(4), .box_list.margin .split2:nth-child(6),.box_list.margin .split2:nth-child(8), .box_list.margin .split2:nth-child(10) {
    margin-right: 0;
}


.prd-mid_facility{
	margin-top: -90px!important;
}
@media screen and (max-width:767px) {
	.prd-mid_facility{
		padding: 60px 0 16px 0!important;
	}
}


.relation2 .commonparts_box ul li {
    float: none!important;
    width: 449px;
    margin: 0 auto!important;
}

@media screen and (max-width:767px) {
	.relation2 .commonparts_table {
    width: 100%!important;
    margin-top: 30px;
	}
	.relation2 .commonparts_box ul li {
    float: none!important;
    width: 98%;
    margin: 0 auto!important;
}

	
}



@media only screen and (max-width: 736px) {
  header {
    padding: 0;
    border-bottom: 2px solid #22439c;
    box-shadow: none;
    width: 100%!important;
  }
	
	
}

@media screen and (max-width: 767px){
.commonparts_sec.imgttl .imgttl_ttl {
    height: auto;
    width: 60%!important;
    padding: 20px 20px 20px 16px;
}


.commonparts_sec.imgttl .imgttl_img {
    width: 35%!important;
    padding-right: 16px;
    overflow: hidden;
}
}

@media screen and (max-width:767px) {
  #commonparts_ttl {
    font-size: 2rem;
    font-weight: bold;
  }
}


.prd-mid_facility .commonparts_box .box_list li .btn a .btn_img{
    border: solid #d9e0e3 1px;
}

.commonparts_btn .box_list:hover {
    background: #13449d;
}



.prd-mid_facility .commonparts_box .box_list li .btn p a span {
    display: block;
    font-weight: bold;
    font-size: 1.6rem;
    padding-bottom: 8px;
}


.prd-mid_facility .commonparts_box .box_list li .btn p.match_height a{
    font-size: 1.2rem;
    line-height: 1.6;
    color: #414141;
	background:#eee url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Ficn_arrow.png) no-repeat right bottom!important;
	padding: 12px 12px 24px;
    text-align: left;
    transition: all .1s ease-in-out;
}




.prd-mid_facility .commonparts_box .box_list li .btn p.match_height a:hover{
    font-size: 1.2rem;
    line-height: 1.6;
    color: #fff;
    background: #13449d url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Ficn_arrow_on.png) no-repeat right bottom!important;
    padding: 12px 12px 24px;
    text-align: left;
    transition: all .1s ease-in-out;
}


.prd-mid_facility .commonparts_box .box_list li .btn p.ost a{
    font-size: 1.2rem;
    line-height: 1.6;
    color: #004fa2;
	background:#eee;
	padding: 12px 12px 24px;
    text-align: left;
    transition: all .1s ease-in-out;
}




.prd-mid_facility .commonparts_box .box_list li .btn p.ost a:hover{
    font-size: 1.2rem;
    line-height: 1.6;
    color: #007cff;
	background:#eee;
    padding: 12px 12px 24px;
    text-align: left;
    transition: all .1s ease-in-out;
}





.commonparts_sec.imgttl .imgttl_ttl a h1,
.commonparts_sec.imgttl .imgttl_ttl a .ttl_desc{
    color: #000;
    position: static;
    vertical-align: middle;
}


/*.prd-mid_facility .commonparts_box .box_list li .btn p a:first-child{
    font-size: 1.2rem;
    line-height: 1.6;
    color: #fff;
    background: #13449d !important;
    padding: 12px 12px 24px;
    text-align: left;
    transition: all .1s ease-in-out;
}


*/