@charset "shift_jis";

/*
=========================================================
Editor    : OH00
Version   : 2.0
Since   : 2015-09-30
Last Up Date  :  2025-12-03 5:00
=========================================================

  [Index]
  - base css[common for PC and SP] / Do not change 
    - reset
    - base
    - font
  - all margin  / Do not change
  - parts css / you can write additional csses
  - each content style / you can write additional csses
  
  - wrapper css / Do not change
    - header
    - global nav
    - footer
    - content

 ================================================= */

/* ================================================= 

  base css[common for PC and SP] / Do not change 

================================================= */
/* reset setting
-------------------------------------------------------*/


/*-------wangshing--------*/

.new_lxl-itm-anchorbox ul li{
  display: inline-block;
  margin-right: 18px;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-left: 20px;
  background: url(../pic/icon_page_link.gif) no-repeat 0 5px;
  vertical-align: top;
  box-sizing: border-box;
  line-height: 21px;
}

@media only screen and (max-width: 767px){
  .new_lxl-itm-anchorbox{
    padding: 26px;
    margin-bottom: 10px !important;
    margin-right: 3%;
    margin-left: 3%;
  }
}


@media only screen and (max-width: 767px){
  .wash_pm .lxl-itm-other{
    padding-top: 10px;
  }

  .wash_bj .lxl-itm-other{
    padding-top: 10px;
  }
}




.wash_pm .h2{
  background: url(../pic/ttl_bg.png) no-repeat 0 0.2em; 
  padding-left :50px; 
  margin-top: 5px;
}

@media only screen and (max-width: 767px){
  .wash_pm .h2{
    line-height: 23px;
    font-size: 19px;
    padding-bottom: 10px;
  }
}

.wash_pm .lxl-itm-other{
  margin-top: 5px;
}

.wash_pm .lxl-itm-other-pic{
  margin-top: 20px;
}

.wash_bj .lxl-itm-other-pic{
  margin-top: 20px;
}

.lxl-itm-other-txt{
  margin-top: 20px;
}

.lxl-itm-other-txt h2{
  line-height: 1; 

  padding-bottom: 10%;
}

.wash_pm .lxl-itm-other-txt{
  padding-left: 10px;
  margin-top: -15px;
}

.wash_bj .lxl-itm-other-txt{
  padding-left: 10px;
  margin-top: -15px;
}

.wash_pm .lxl-itm-other-txt p{
  font-size: 13px;
  line-height: 20px;
  text-align:left;
  white-space: nowrap;
}

@media only screen and (max-width: 767px){
  .wash_pm .lxl-itm-other-txt p{
    white-space: inherit;
    text-align: center;
    padding-top: 10px;
    line-height: 18px;
  }
  .wash_bj .lxl-itm-other-txt p{
    white-space: inherit;
    text-align: center;
    padding-top: 10px;
    line-height: 18px;
  }
}

.wash_bj .lxl-itm-other-txt p{
  font-size: 13px;
  line-height: 20px;
  text-align:left;
  white-space: nowrap;
}

.wash_pm .lxl-itm-other-btn p{
  font-size: 13px;
  line-height: 20px;
}

.wash_bj .lxl-itm-other-btn p{
  font-size: 13px;
  line-height: 20px;
}

@media only screen and (max-width: 767px){
  .wash_pm .lxl-itm-other-btn p{
    line-height: 18px;
  }
  .wash_bj .lxl-itm-other-btn p{
    line-height: 18px;
  }
}

@media only screen and (max-width: 767px){
  .wash_bj .lxl-itm-other-txt p{
    white-space: inherit;
    text-align: center;
    padding-top: 10px;
  }
}


@media only screen and (max-width: 767px){
  .lxl-itm-other-btn a{
    text-align: left;
    font-size: 13px;
    display: block;
    background: url(../pic/other_icon_03.gif) no-repeat;
    background-position: right center;
    padding: 15px 0 15px 15px;
    text-decoration: none;
    color: #54585A;
    line-height: 18px;
  }
}


.lxl-itm-other-txt a{
  font-size: 15px; 
  line-height: 20px;
  color: #54585A;
}

.lxl-itm-other-txt a:hover{
  text-decoration: none;
  color: #787777;
} 

.wash_bj .h2{
  background: url(../pic/ttl_bg.png) no-repeat 0 0.2em; 
  padding-left :50px; 
  margin-top: 10px;
  margin-bottom: -10px;
}

@media only screen and (max-width: 767px){
  .wash_bj .h2{
    line-height: 23px;
    font-size: 19px;
    padding-bottom: 10px;
  }
}

.wash_bj .lxl-itm-other{
  margin-top: 12px;
}

.lxl-itm-tl-h2{
  background-color: #fff;
}

@media only screen and (max-width: 767px){
  .lxl-itm-tl-h2 .pic{
    width: 130;
  }
}

.lxl-itm-tl-h2 table{
  text-align: center;
  line-height: 2em;
}

.lxl-itm-tl-h2 table .ttl{
  width: 218px;
}

.lxl-itm-tl-h2 table .space{
  width: 3;
}

.lxl-itm-tl-h2 table .tagline p{
  font-weight: normal;
}

.lxl-itm-tl-h2 table .txt{
  width: 218px;
}

.lxl-itm-tl-h2 table .txt p{
  font-weight: normal;
}

.lxl-itm-tl-h2 table .txt ul{
  text-align: center;
}



.wash_block1 .blockmod015{
  background-color: #fff; 
  margin-top: 20px;
}

.wash_block1 .blockmod015 .leftside{
   width: 320px; 
   float: left;
   padding: 20px 50px;
   padding-bottom: 0px;
}

@media only screen and (max-width: 767px){
  .wash_block1 .blockmod015 .leftside{
    padding-left: 10px;
  }
}

.wash_block1 .blockmod015 .leftside .cassette{
   margin: 0px 0px 20px;
}

.wash_block1 .blockmod015 .leftside .cassette .subttl{
   margin: 0px 0px 13px;
}

.wash_block1 .blockmod015 .leftside .cassette .subttl h4{
   padding-left: -3px;
   font-weight: 700;
   font-size: 16px;
}

.wash_block1 .blockmod015 .leftside .cassette .withpic{
   width: 315px; 
   margin: 0px 0px 0px 5px;
}

.wash_block1 .blockmod015 .leftside .cassette .withpic .pic{
   width: 140px; 
   float: left;
}

.wash_block1 .blockmod015 .leftside .cassette .withpic .txts{
  margin: 0px 0px 0px 140px;
  text-align: left;
}

.wash_block1 .blockmod015 .leftside .cassette .withpic .txts .txt{
   margin-left: 0px; 
   font-size: 13px;
   line-height: 20px;
}


@media only screen and (max-width: 767px){
  .wash_block1 .blockmod015 .leftside .cassette .withpic .txts{
       font-size: 14px;
       max-width: 40%;
       padding-left: 10px;
  }
}

.wash_block1 .blockmod015 .leftside .cassette .withpic .txts .modelz .type03{
  color: #54585A;
  font-size: 13px;
  line-height: 20px;
}

.wash_block1 .blockmod015 .leftside .cassette .withpic .txts .modelz ul li span a{
  color: #54585A;
  line-height: 20px;
  background: url(../pic/other_icon_03.gif) no-repeat;
  background-position: right center;
  display: inline-block;
  padding-right: 15px;
  font-size: 15px;
  text-decoration: none;
}

.wash_block1 .blockmod015 .leftside .cassette .withpic .txts .modelz ul li span a:hover{
  text-decoration: none;
  color:#787777
}

.wash_block1 .blockmod015 .rightside{
   width: 320px; 
   float: right;
   padding-top:20px;
   padding-right: 100px;
}

@media only screen and (max-width: 767px){
  .wash_block1 .blockmod015 .rightside{
    float: left;
    padding-left: 10px;
  }
}

.wash_block1 .blockmod015 .rightside .cassette{
   margin: 0px 0px 31px;
}

.wash_block1 .blockmod015 .rightside .cassette .subttl{
   margin: 0px 0px 13px;
}

.wash_block1 .blockmod015 .rightside .cassette .subttl h4{
   padding-left: -5px;
   font-weight: 700;
   font-size: 16px;
}

.wash_block1 .blockmod015 .rightside .cassette .withpic{
   width: 315px; 
   margin: 0px 0px 0px 5px;
}

.wash_block1 .blockmod015 .rightside .cassette .withpic .pic{
   width: 140px; 
   float: left;
}

.wash_block1 .blockmod015 .rightside .cassette .withpic .txts{
  margin: 0px 0px 0px 140px;
  text-align: left;
}

.wash_block1 .blockmod015 .rightside .cassette .withpic .txts .txt{
   margin-left: 0px;
   font-size: 13px;
   line-height: 20px;
}

@media only screen and (max-width: 767px){
  .wash_block1 .blockmod015 .rightside .cassette .withpic .txts{
       font-size: 14px;
       max-width: 40%;
       padding-left: 10px;
  }
}

.wash_block1 .blockmod015 .rightside .cassette .withpic .txts .modelz .type03{
  color: #54585A;
  font-size: 13px;
  line-height: 20px;
}

.wash_block1 .blockmod015 .rightside .cassette .withpic .txts .modelz ul li span a{
  color: #54585A;
  font-size: 15px;
  line-height: 20px;
  background: url(../pic/other_icon_03.gif) no-repeat;
  background-position: right center;
  display: inline-block;
  padding-right: 15px;
  text-decoration: none;
}

.wash_block1 .blockmod015 .rightside .cassette .withpic .txts .modelz ul li span a:hover{
  color: #787777;
  text-decoration: none;
}





.wash_block2 .blockmod015{
  background-color: #fff; 
  margin-top: 20px;
}

.wash_block2 .blockmod015 .leftside{
   width: 320px; 
   float: left;
   padding: 20px 50px;
   padding-bottom: 0px;
}

@media only screen and (max-width: 767px){
  .wash_block2 .blockmod015 .leftside{
    padding-left: 10px;
  }
}

.wash_block2 .blockmod015 .leftside .cassette{
   margin: 0px 0px 20px;
}

.wash_block2 .blockmod015 .leftside .cassette .subttl{
   margin: 0px 0px 13px;
}

.wash_block2 .blockmod015 .leftside .cassette .subttl h4{
   padding-left: -5px;
   font-weight: 700;
   font-size: 16px;
}

.wash_block2 .blockmod015 .leftside .cassette .withpic{
   width: 315px; 
   margin: 0px 0px 0px 5px;
}

.wash_block2 .blockmod015 .leftside .cassette .withpic .pic{
   width: 140px; 
   float: left;
}

.wash_block2 .blockmod015 .leftside .cassette .withpic .txts{
  margin: 0px 0px 0px 140px;
  text-align: left;
}

.wash_block2 .blockmod015 .leftside .cassette .withpic .txts .txt{
   margin-left: 0px; 
   font-size: 13px;
   line-height: 20px;
}


@media only screen and (max-width: 767px){
  .wash_block2 .blockmod015 .leftside .cassette .withpic .txts{
       font-size: 14px;
       max-width: 40%;
       padding-left: 10px;
  }
}

.wash_block2 .blockmod015 .leftside .cassette .withpic .txts .modelz .type03{
  color: #54585A;
  font-size: 13px;
  line-height: 20px;
}

.wash_block2 .blockmod015 .leftside .cassette .withpic .txts .modelz ul li span a{
  color: #54585A;
  font-size: 15px;
  line-height: 20px;
  background: url(../pic/other_icon_03.gif) no-repeat;
  background-position: right center;
  display: inline-block;
  padding-right: 15px;
  text-decoration: none;
}

.wash_block2 .blockmod015 .leftside .cassette .withpic .txts .modelz ul li span a:hover{
  color: #787777;
  text-decoration: none;
}

.wash_block2 .blockmod015 .rightside{
   width: 320px; 
   float: right;
   padding-top:20px;
   padding-right: 100px;
}

@media only screen and (max-width: 767px){
  .wash_block2 .blockmod015 .rightside{
    float: left;
    padding-left: 10px;
  }
}

.wash_block2 .blockmod015 .rightside .cassette{
   margin: 0px 0px 31px;
}

.wash_block2 .blockmod015 .rightside .cassette .subttl{
   margin: 0px 0px 13px;
}

.wash_block2 .blockmod015 .rightside .cassette .subttl h4{
   padding-left: -5px;
   font-weight: 700;
   font-size: 16px;
}

.wash_block2 .blockmod015 .rightside .cassette .withpic{
   width: 315px; 
   margin: 0px 0px 0px 5px;
}

.wash_block2 .blockmod015 .rightside .cassette .withpic .pic{
   width: 140px; 
   float: left;
}

.wash_block2 .blockmod015 .rightside .cassette .withpic .txts{
  margin: 0px 0px 0px 140px;
  text-align: left;
}

.wash_block2 .blockmod015 .rightside .cassette .withpic .txts .txt{
   margin-left: 0px;
   font-size: 13px;
   line-height: 20px;
}

@media only screen and (max-width: 767px){
  .wash_block2 .blockmod015 .rightside .cassette .withpic .txts{
       font-size: 14px;
       max-width: 40%;
       padding-left: 10px;
  }
}

.wash_block2 .blockmod015 .rightside .cassette .withpic .txts .modelz .type03{
  color: #54585A;
  font-size: 13px;
  line-height: 20px;
}






/*-------economize--------*/
.economize_super .h2{
  background: url(../pic/ttl_bg.png) no-repeat 0 0.2em; 
  padding-left :50px; 
  padding-bottom: 5px;
  margin-top: 5px;
}

@media only screen and (max-width: 767px){
  .economize_super .h2{
    margin-top: 10px;
    line-height: 23px;
    font-size: 19px;
    padding-bottom: 10px;
    padding-top: 5px;
    background-origin: padding-box;
  }

  .common1 .h2{
    margin-bottom: 10px;
    line-height: 23px;
    font-size: 19px;
    padding-top: 5px;
  }

  .common2 .h2{
    margin-bottom: 10px;
    line-height: 23px;
    font-size: 19px;
    padding-top: 5px;
  }

  .common3 .h2{
    margin-bottom: 10px;
    line-height: 23px;
    font-size: 19px;
    padding-top: 5px;
  }

}

.economize_super .blockmod019 .cassette div{
  text-align:left;
}

.economize_super .blockmod015{
  margin-bottom:0;
}

.economize_super .cassette{
  margin-left:10px;
}

.economize_super .blockmod015 .cassette p{
  font-size: 13px;
  line-height: 20px;
}

.economize_super .blockmod015 .cassette p a{
  color: #54585A;
  font-size: 15px;
  line-height: 20px;
  background: url(../pic/other_icon_03.gif) no-repeat;
  background-position: right center;
  display: inline-block;
  padding-right: 15px;
  text-decoration: none;
}

.economize_super .blockmod015 .cassette p a:hover{
  color: #787777;
}

.common1 .h2{
  background: url(../pic/ttl_bg.png) no-repeat 0 0.2em; 
  padding-left :50px; 
  margin-top: 15px;
  padding-bottom: 10px;
}

.common1 .blockmod015 .cassette{
  background-color: #fff;
}

.common1 .blockmod015 .cassette .txts{
  padding-top:18px; 
  padding-left: 15px;
}

.common1 .blockmod015 .cassette .txts .txt{
  font-size: 13px;
  line-height: 20px;
}

.common1 .blockmod015 .cassette .txts .modelz{
  padding-top: 15px;
  font-size: 13px;
  line-height: 20px;
}

.common1 .blockmod015 .cassette .txts .modelz p{
  font-size: 13px;
  line-height: 20px;
}

.common1 .blockmod015 .cassette .txts .modelz a{
  color: #54585A;
  font-size: 15px;
  line-height: 20px;
  background: url(../pic/other_icon_03.gif) no-repeat;
  background-position: right center;
  display: inline-block;
  padding-right: 15px;
  text-decoration: none;
}

.common1 .blockmod015 .cassette .txts .modelz a:hover{
  color:#787777;
  text-decoration: none;
}

.common1 .modelz ul li{
  font-size: 16px; line-height: 1.5em;
}

.common2 .h2{
  background: url(../pic/ttl_bg.png) no-repeat 0 0.2em; 
  padding-left :50px; 
  margin-top: 15px;
  padding-bottom: 10px;
}

@media only screen and (max-width: 767px){
  .common2 .h2{
    margin-bottom: 10px;
  }
}

.common2 .lxl-itm-other{
  margin-top: -5px;
}

.common2 .lxl-itm-other-txt p{
  font-size: 13px;
  line-height: 20px;
  text-align:left;
  white-space: nowrap;
  margin-left: 80px;
}

@media only screen and (max-width: 767px){
  .common2 .lxl-itm-other-txt .p1{
    white-space: inherit;
    text-align: center;
    margin-top: 150px;
    margin-left: -200px;
  }
  .common2 .lxl-itm-other-txt .p2{
    white-space: inherit;
    text-align: center;
    margin-left: -200px;
  }
  .common2 .lxl-itm-other-txt .zenki{
    white-space: inherit;
    text-align: center;
    margin-left: -200px;
  }
}

.common2 .lxl-itm-other-pic{
  margin-top: 20px;
}

@media only screen and (max-width: 767px){
  .common2 .lxl-itm-other-pic{
    text-align: center;
  }
}

.common2 .zenki{

  color:#54585A; 
  padding-top: 10px;
}

.common3 .h2{
  background: url(../pic/ttl_bg.png) no-repeat 0 0.2em; 
  padding-left :50px; 
  margin-top: 15px;
  padding-bottom: 10px;
}

.common3 .cassette{
  background-color: #fff;
}

.common3 .cassette .txts{
  padding-top:30px; 
  padding-left: 50px;
}

@media only screen and (max-width: 767px){
  .common3 .cassette .txts{
   padding: 10px;
  }
}

.common3 .cassette .txts .txt{
  font-size: 13px;
}

.common3 .cassette .txts .modelz{
  padding-top: 15px;
  font-size: 13px;
}

.common3 .modelz p{
  font-size: 13px;
  line-height: 20px;
}

.common3 .modelz ul li{
  font-size: 13px; 
  line-height: 20px;
}

.common3 .modelz ul li span a {
  color: #54585A;
  font-size: 15px;
  line-height: 20px;
  background: url(../pic/other_icon_03.gif) no-repeat;
  background-position: right center;
  display: inline-block;
  padding-right: 15px;
  text-decoration: none;
}

.common3 .modelz ul li span a:hover{
  color: #787777;
  text-decoration: none;
}