@charset 'UTF-8'; #item {position:relative; padding:19px 240px 0 0; border-top:1px solid #e5e5e5;} #item > strong {display:inline-block; color:#fff; margin:0 5px 0 0; padding:5px; background:#014099; border-radius:5px; font-size:86%; font-weight:bold; line-height:1;} #item > em {display:inline-block; font-size:100%; font-weight:bold; font-style:normal; vertical-align:middle;} #item > h1 {margin:0; padding:0; border:none; color:#014099; font-size:228%;} #item > small {display:block; margin:-4px 0 0; font-size:86%;} #item > .features {width:720px; margin:20px -240px 0 0; padding:19px 0 0; border-top:1px solid #e5e5e5;} #item > .features > .functions {} html.fac-js-enabled #item > .features > .functions > li {cursor:pointer;} #item > .features > .remarks {position:absolute; right:0; top:46px;} #item > .image {width:720px; margin:25px -240px 25px 0;} #item > .image > img {display:block; margin:0 auto;} #item > p {width:720px; margin:0 -240px 0 0; font-size:129%; font-weight:bold;} #item > p small {font-size:77%; font-weight:normal;} #movies {margin:30px 0; padding:0;border-top:1px solid #e5e5e5;} #movies > h2 {min-height:40px; padding:17px 0 5px 10px; font-weight:bold;} #movies > div {position: relative;margin:0;width: 100%; padding-top: 56.25%;} #movies > div > iframe{position:absolute;top:0;right: 0;width:100%; height:100%;} #functions {margin:-30px 0 0; padding:30px 0 0;} #functions > div {margin:30px 0 0; border-top:1px solid #e5e5e5;} #functions > div > h2 {min-height:40px; padding:17px 0 17px 50px; background:0 17px no-repeat;} #functions > div.recomend > h2 {min-height:40px; padding: 17px 0; background:none} #functions > div#washable-cover-cap > h2 {background-image:url(../products/images/functions_washable-cover-cap.png);} #functions > div#digital-sign > h2 {background-image:url(../products/images/functions_digital-sign.png);} #functions > div#ultra-narrow-shower > h2 {background-image:url(../products/images/functions_ultra-narrow-shower.png);} #functions > div#filtered-spray > h2 {background-image:url(../products/images/functions_filtered-spray.png);} #functions > div#filtered-straight > h2 {background-image:url(../products/images/functions_filtered-straight.png);} #functions > div#unfiltered-spray > h2 {background-image:url(../products/images/functions_unfiltered-spray.png);} #functions > div#unfiltered-straight > h2 {background-image:url(../products/images/functions_unfiltered-straight.png);} #functions > div#see-through-window > h2 {background-image:url(../products/images/functions_see-through-window.png);} #functions > div#exchange-guideline > h2 {background-image:url(../products/images/functions_exchange-guideline.png);} #functions > div#touch-lever > h2 {background-image:url(../products/images/functions_touch-lever.png);} #functions > div#washable-mouth > h2 {background-image:url(../products/images/functions_washable-mouth.png);} #functions > div#dingle-grip > h2 {background-image:url(../products/images/functions_dingle-grip.png);} #functions > div#one-push-switch > h2 {background-image:url(../products/images/functions_one-push-switch.png);} #functions > div#shorter-working-hour > h2 {background-image:url(../products/images/functions_shorter-working-hour.png);} #functions > div#long-nozzle > h2 {background-image:url(../products/images/functions_long-nozzle.png);} #functions > div#coralsand > h2 {background-image:url(../products/images/functions_coralsand.png);} #functions > div#washable-spout > h2 {background-image:url(../products/images/functions_washable-spout.png);} #functions > div#one-push-switch > h2 {background-image:url(../products/images/functions_one-push-switch.png);} #functions > div#chlorine-rawwater > h2 {background-image:url(../products/images/functions_chlorine-rawwater.png);} #functions > div#atopy > h2 {background-image:url(../products/images/functions_atopy.png);} #functions > div#water-saving-30 > h2 {background-image:url(../products/images/functions_water-saving-30.png);} #functions > div#good-design > h2 {background-image:url(../products/images/functions_good-design.png);} #functions > div#conpact > h2 {background-image:url(../products/images/functions_conpact.png);} #functions > div#conpact-p > h2 {background-image:url(../products/images/functions_conpact-p.png);} #functions > div#digital-sign-s > h2 {background-image:url(../products/images/functions_digital-sign-s.png);} #functions > div#exchange-guideline-s > h2 {background-image:url(../products/images/functions_exchange-guideline-s.png);} #functions > div#exchange-guideline-p > h2 {background-image:url(../products/images/functions_exchange-guideline-p.png);} #functions > div#horizontal_storage > h2 {background-image:url(../products/images/functions_horizontal_storage.png);} #functions > div#capacity > h2 {background-image:url(images/functions_capacity.png);} #functions > div#pt0-8little > h2 {background-image:url(../products/images/functions_pt0-8little.png);} #functions > div#pt1-1little > h2 {background-image:url(../products/images/functions_pt1-1little.png);} #functions > div#pt1-2little > h2 {background-image:url(../products/images/functions_pt1-2little.png);} #functions > div#pt2-1little > h2 {background-image:url(../products/images/functions_pt2-1little.png);} #functions > div#water-saving-30-s > h2 {background-image:url(../products/images/functions_water-saving-30-s.png);} #functions > div#water-saving-30-c > h2 {background-image:url(../products/images/functions_water-saving-30-c.png);} #functions > div#touch-lever-c > h2 {background-image:url(../products/images/functions_touch-lever-c.png);} #functions > div.recomend > h2 {background-image:url(../products/images/functions_recomend.png);} #functions > div#change-lever > h2 {background-image:url(../products/images/functions_change-lever.png);} /* combination */ #functions > div#water-flow_fsp-ust-usp > h2 {padding-left:150px; background-image:url(../products/images/functions_water-flow_fsp-ust-usp.png);} #functions > div#water-straight_fsp-ust-usp > h2 {padding-left:150px; background-image:url(../products/images/functions_water-straight_fsp-ust-usp.png);} #functions > div#pt2-1little-capacity > h2 {padding-left:100px; background-image:url(images/functions_pt2-1little-capacity.png);} #functions > div#pt1-2little-horizontal_storage > h2 {padding-left:100px; background-image:url(../products/images/functions_pt1-2little-horizontal_storage.png);} #functions > div#pt0-8little-conpact > h2 {padding-left:100px; background-image:url(../products/images/functions_pt0-8little-conpact.png);} #functions > div#water-flow-straight_fsp-ust-usp > h2 {padding-left:200px; background-image:url(../products/images/functions_water-flow-straight_fsp-ust-usp.png);} #functions > div > h2 > b {display:block; font-size:16px; font-weight:bold;} #functions > div > h2 > small {display:block; font-size:86%;} #functions > div > .figures {padding:20px 0 0; border-top:1px solid #e5e5e5;} #functions > div > .figures > ul {margin:-20px 0 0 -20px; letter-spacing:-0.4em;} #functions > div > .figures > ul > li {display:inline-block; margin:20px 0 0 20px; letter-spacing:normal; vertical-align:top;} #functions > div > .figures > ul > li > img {display:block;} #functions > div > .figures > ul > li > p {margin:10px 0 0; font-size:100%;} #functions > div > .figures > ul > li > p b {font-weiht:bold;} #functions > div > .figures > ul > li > p small {font-size:86%;} #functions > div > .figures > ul.flow {} #functions > div > .figures > ul.columns2 {} #functions > div > .figures > ul.columns2 > li {width:350px;} #functions > div > .figures > ul.columns2 > li.span2 {width:720px;} #functions > div > .figures > ul.columns3 {} #functions > div > .figures > ul.columns3 > li {width:226px;} #functions > div > .figures > ul.columns3 > li.span2 {width:474px;} #functions > div > .figures > ul.columns3 > li.span3 {width:720px;} #functions > div.hidden {display:none;} #functions > .more {display:block; margin:40px 0 0; padding:14px; border:1px solid #e5e5e5; font-size:16px; font-weight:bold; font-style:normal; text-align:center; cursor:pointer;} #functions > .more:hover {color:#999;} #cartridge {margin:40px 0 0; text-align:center;} #cartridge > h2 {font-size:129%; font-weight:bold; text-align:left;} #cartridge > h2 small {font-size:66.66%; font-weight:normal;} #cartridge > div {margin:15px 0 0; padding:29px 19px; border:1px solid #e5e5e5; text-align:left;} #cartridge > div:after {display:block; content:""; clear:both; height:0;} #cartridge > div > img {display:block; float:left; width:250px; height:auto; margin:-10px 0;} #cartridge > div > p {float:right; width:400px; line-height:2;} #cartridge > .download {display:inline-block; width:320px; margin:40px 0 0; padding:15px; background:#014099; color:#fff; font-size:115%; font-weight:normal; line-height:1;} #cartridge > .download:before {display:inline-block; content:""; width:6px; height:10px; margin:-2px 5px 0 0; background:url(../images/icon_link.png);} #cartridge > .download:hover {background:#00265b; text-decoration:none;} #fact {margin:60px 0 0; padding:35px 0 0; border-top:1px solid #e5e5e5;} #fact > h2 {margin:0 0 30px; font-size:129%; font-weight:bold;} #fact > div {margin:-15px 0 0 -15px; letter-spacing:-0.4em;} #fact > div + div {padding-top:15px;} #fact > div > b, #fact > div > ul > li {display:inline-block; width:210px; margin:15px 0 0 15px; padding:9px 9px 8px; border:1px solid #333; font-size:100%; letter-spacing:normal;} #fact > div > b {background:#333; color:#fff; font-weight:normal;} #fact > div > ul {display:inline;} #fact > div > ul > li {color:#333;} #fact > div.flavor {} #fact > div.flavor > b {border-color:#008bce; background-color:#008bce;} #fact > div.flavor > ul > li {border-color:#008bce; color:#008bce;} #fact > div.reassurance {} #fact > div.reassurance > b {border-color:#02419a; background-color:#02419a;} #fact > div.reassurance > ul > li {border-color:#02419a; color:#02419a;} .performance {margin:60px 0 0; padding:35px 0 0; border-top:1px solid #e5e5e5;} .performance > h2 {font-size:129%; font-weight:bold; text-align:left;} .performance > p {margin:25px 0 0; text-align:left;} .performance > div {margin:0 auto 0; line-height:2;} .performance > div > img {display:block; margin:0 auto;} .performance > div > p {margin:15px 0 0; font-size:100%; text-align:left;} .performance > div > small {display:block; font-size:86%;} .performance > div > h2 > b {display:block; font-size:129%; font-weight:bold;} .performance > div > h2 > small {display:block; font-size:86%;} .performance > div > div {margin: 30px auto;} .performance > div > div > h3 {font-weight: bold; color: #014099; font-size: 16px;} .performance > div > div > p {clear: both;} .performance > div > div > p.captionColumn {padding: 3px 0; border: 1px solid #014099; border-radius: 10px; box-sizing: border-box; text-align: center; color: #014099;} .performance > div > div > p.bgBlue {background: #014099; color: #FFF;} .performance > div > div > img {display: block; margin: 20px auto;} .performance > div > div > ul > li {float:left; width:40px; height:40px; margin:10px 10px 0 0; background:no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden;} .performance > div > div > ul.functions {margin-bottom: 10px; overflow: hidden;} .performance > div > div > ul.functions > li.double-exchange {background-image:url(../products/images/functions_double-exchange.png);} .performance > div > div > ul.functions > li.triple-exchange {background-image:url(../products/images/functions_triple-exchange.png);} .performance > div > div > ul.functions > li.exchange-guideline-p {background-image:url(../products/images/functions_exchange-guideline-p.png);} .performance > div > div > ul.functions > li.capacity {background-image:url(images/functions_capacity.png);} .performance > div > div > ul.functions > li.high-flow {background-image:url(images/functions_high-flow.png);} .performance > div > div > ul.functions > li.high-filtration-performance {background-image:url(../products/images/functions_high-filtration-performance.png);} .performance > div > div > ul.functions > li.horizontal_storage {background-image:url(../products/images/functions_horizontal_storage.png);} .performance > div > div > ul.functions > li.lead {background-image:url(../products/images/functions_lead.png);} .performance > div > div > ul.functions > li.pt1-1little {background-image:url(images/functions_pt1-1little.png);} .performance > div > div > ul.functions > li.pt1-2little {background-image:url(images/functions_pt1-2little.png);} .performance > div > div > ul.functions > li.pt2-1little {background-image:url(images/functions_pt2-1little.png);} .performance > div > div > ul.functions > li.removal {background-image:url(../products/images/functions_removal.png);} .performance > div > div > ul.functions > li.see-through-window {background-image:url(../products/images/functions_see-through-window.png);} .performance > div > div > ul.functions > li.shorter-working-hour {background-image:url(../products/images/functions_shorter-working-hour.png);} .performance > div > div > ul.functions > li.wash {background-image:url(../products/images/functions_wash.png);} .performance > div > div > ul.functions > li.water-saving-30 {background-image:url(../products/images/functions_water-saving-30.png);} .performance > div > div > ul.functions > li.jis-8 {background-image:url(../products/images/functions_jis-8.png);} .performance > div > div > ul.functions > li.jis-12 {background-image:url(../products/images/functions_jis-12.png);} .performance > div > div > ul.functions > li.jis-13 {background-image:url(../products/images/functions_jis-13.png);} .performance > div > div > dl > dt {font-weight: bold;} .performance > div > div > dl > dd {margin-bottom: 5px;} .performance > div > div > .figures {padding:20px 0 0;} .performance > div > div > .figures > ul {margin:-20px 0 0 -20px; letter-spacing:-0.4em;} .performance > div > div > .figures > ul > li {display:inline-block; margin:20px 0 0 20px; letter-spacing:normal; vertical-align:top;} .performance > div > div > .figures > ul > li > img {display:block;} .performance > div > div > .figures > ul > li > p {margin:10px 0 0; font-size:100%; text-align: center;} .performance > div > div > .figures > ul > li > p b {font-weiht:bold;} .performance > div > div > .figures > ul > li > p small {font-size:86%;} .performance > div > div > .figures > ul > li > p.captionColumn {padding: 3px 0; border: 1px solid #014099; border-radius: 10px; box-sizing: border-box; color: #014099;} .performance > div > div > .figures > ul > li > p.bgBlue {background: #014099; color: #FFF;} .performance > div > div > .figures > ul.flow {} .performance > div > div > .figures > ul.columns2 {} .performance > div > div > .figures > ul.columns2 > li {width:350px;} .performance > div > div > .figures > ul.columns2 > li > img {margin: 0 auto;} .performance > div > div > .figures > ul.columns2 > li.span2 {width:720px;} .performance > div > div > .figures > ul.columns3 {} .performance > div > div > .figures > ul.columns3 > li {width:226px;} .performance > div > div > .figures > ul.columns3 > li.span2 {width:474px;} .performance > div > div > .figures > ul.columns3 > li.span3 {width:720px;} .performance > div > div > p.center {text-align: center;} #specifications {margin:60px 0 0; padding:35px 0 0; border-top:1px solid #e5e5e5;} #specifications > h2 {font-size:129%; font-weight:bold;} #specifications > table {width:100%; margin:35px 0 0; border-bottom:1px solid #e5e5e5;} #specifications > table small {display:inline-block; font-size:86%; font-weight:normal;} #specifications > table th, #specifications > table td {padding:10px 0 9px; border-top:1px solid #e5e5e5; font-size:100%; text-align:left;} #specifications > table th {width:230px; font-weight:bold;} #specifications > table td {padding-left:20px;} #specifications > table td a {color:#000; text-decoration:underline;} #specifications > table td a:hover {text-decoration:none;} #specifications > table td > ul {display:table;} #specifications > table td > ul > li {display:table-row;} #specifications > table td > ul > li > b, #specifications > table td > ul > li > p {display:table-cell; padding:5px 0 0;} #specifications > table td > ul > li > b {font-weight:normal;} #specifications > table td > ul > li > p {padding-left:20px;} #specifications > small {display:block; margin:15px 0 0; font-size:86%; line-height:2;} #precautions {margin:60px 0 0; padding:39px; border:1px solid #e5e5e5;} #precautions > h2 {font-weight:bold;} #precautions > ul {} #precautions > ul > li {margin:5px 0 0; padding-left:1em; font-size:86%; text-indent:-1em;} #more {margin:-20px 0 0 -20px; padding:60px 0 0; text-align:center; letter-spacing:-0.4em;} #more > a {display:inline-block; width:320px; margin:20px 0 0 20px; padding:15px; background:#014099; color:#fff; font-size:115%; font-weight:normal; line-height:1; letter-spacing:normal;} #more > a:before {display:inline-block; content:""; width:6px; height:10px; margin:-2px 5px 0 0; background:url(../images/icon_link.png);} #more > a:hover {background:#00265b; text-decoration:none;} @media screen and (max-width: 599px) { #item {position:relative; padding:10px 0 0; border-top:none;} #item > strong {padding:2px 5px; font-size:9px;} #item > em {font-size:10px;} #item > h1 {font-size:17px;} #item > small {font-size:9px;} #item > .features {width:auto; margin:10px 0 0; padding:9px 0 0;} #item > .features > .functions {} #item > .features > .remarks {position:static; padding:5px 0 0;} #item > .image {width:auto; margin:20px 0 0;} #item > .image > img {width:100%; height:auto;} #item > p {width:auto; margin:0; font-size:12px;} #item > p small {font-size:10px;} #movies {margin:15px 0; padding:0;border-top:1px solid #e5e5e5;} #movies > h2 {min-height:40px; padding:15px 0 5px 10px; font-weight:bold;} #functions {margin:-15px 0 0; padding:15px 0 0;} #functions > div {margin:15px 0 0;} #functions > div > h2 {min-height:0; padding:15px 0 15px 40px; background:0 15px no-repeat; background-size:auto 28px;} #functions > div#washable-cover-cap > h2 {background-image:url(../products/images/functions_washable-cover-cap_sp.png);} #functions > div#digital-sign > h2 {background-image:url(../products/images/functions_digital-sign_sp.png);} #functions > div#ultra-narrow-shower > h2 {background-image:url(../products/images/functions_ultra-narrow-shower_sp.png);} #functions > div#filtered-spray > h2 {background-image:url(../products/images/functions_filtered-spray_sp.png);} #functions > div#filtered-straight > h2 {background-image:url(../products/images/functions_filtered-straight_sp.png);} #functions > div#unfiltered-spray > h2 {background-image:url(../products/images/functions_unfiltered-spray_sp.png);} #functions > div#unfiltered-straight > h2 {background-image:url(../products/images/functions_unfiltered-straight_sp.png);} #functions > div#see-through-window > h2 {background-image:url(../products/images/functions_see-through-window_sp.png);} #functions > div#exchange-guideline > h2 {background-image:url(../products/images/functions_exchange-guideline_sp.png);} #functions > div#touch-lever > h2 {background-image:url(../products/images/functions_touch-lever_sp.png);} #functions > div#washable-mouth > h2 {background-image:url(../products/images/functions_washable-mouth_sp.png);} #functions > div#dingle-grip > h2 {background-image:url(../products/images/functions_dingle-grip_sp.png);} #functions > div#one-push-switch > h2 {background-image:url(../products/images/functions_one-push-switch_sp.png);} #functions > div#shorter-working-hour > h2 {background-image:url(../products/images/functions_shorter-working-hour_sp.png);} #functions > div#long-nozzle > h2 {background-image:url(../products/images/functions_long-nozzle_sp.png);} #functions > div#coralsand > h2 {background-image:url(../products/images/functions_coralsand_sp.png);} #functions > div#washable-spout > h2 {background-image:url(../products/images/functions_washable-spout_sp.png);} #functions > div#one-push-switch > h2 {background-image:url(../products/images/functions_1push-switch_sp.png);} #functions > div#chlorine-rawwater > h2 {background-image:url(../products/images/functions_chlorine-rawwater_sp.png);} #functions > div#atopy > h2 {background-image:url(../products/images/functions_atopy_sp.png);} #functions > div#water-saving-30 > h2 {background-image:url(../products/images/functions_water-saving-30_sp.png);} #functions > div#good-design > h2 {background-image:url(../products/images/functions_good-design_sp.png);} #functions > div#conpact > h2 {background-image:url(../products/images/functions_conpact_sp.png);} #functions > div#conpact-p > h2 {background-image:url(../products/images/functions_conpact-p_sp.png);} #functions > div#digital-sign-s > h2 {background-image:url(../products/images/functions_digital-sign-s_sp.png);} #functions > div#exchange-guideline-s > h2 {background-image:url(../products/images/functions_exchange-guideline-s_sp.png);} #functions > div#exchange-guideline-p > h2 {background-image:url(../products/images/functions_exchange-guideline-p_sp.png);} #functions > div#horizontal_storage > h2 {background-image:url(../products/images/functions_horizontal_storage_sp.png);} #functions > div#capacity > h2 {background-image:url(images/functions_high-flow_sp.png);} #functions > div#pt0-8little > h2 {background-image:url(../products/images/functions_pt0-8little_sp.png);} #functions > div#pt1-1little > h2 {background-image:url(../products/images/functions_pt1-1little_sp.png);} #functions > div#pt1-2little > h2 {background-image:url(../products/images/functions_pt1-2little_sp.png);} #functions > div#pt2-1little > h2 {background-image:url(../products/images/functions_pt2-1little_sp.png);} #functions > div#water-saving-30-s > h2 {background-image:url(../products/images/functions_water-saving-30-s_sp.png);} #functions > div#water-saving-30-c > h2 {background-image:url(../products/images/functions_water-saving-30-c_sp.png);} #functions > div#touch-lever-c > h2 {background-image:url(../products/images/functions_touch-lever-c_sp.png);} #functions > div#recomend > h2 {background-image:url(../products/images/functions_recomend_sp.png);} #functions > div#change-lever > h2 {background-image:url(../products/images/functions_change-lever_sp.png);} /* combination */ #functions > div#water-flow_fsp-ust-usp > h2 {padding-left:100px; background-image:url(../products/images/functions_water-flow_fsp-ust-usp_sp.png);} #functions > div#water-straight_fsp-ust-usp > h2 {padding-left:100px; background-image:url(../products/images/functions_water-straight_fsp-ust-usp_sp.png);} #functions > div#pt2-1little-capacity > h2 {padding-left:100px; background-image:url(images/functions_pt2-1little_sp.png);} #functions > div#pt1-2little-horizontal_storage > h2 {padding-left:75px; background-image:url(../products/images/functions_pt1-2little-horizontal_storage_sp.png);} #functions > div#pt0-8little-conpact > h2 {padding-left:75px; background-image:url(../products/images/functions_pt0-8little-conpact_sp.png);} #functions > div#water-flow-straight_fsp-ust-usp > h2 {padding-left:130px; background-image:url(../products/images/functions_water-flow-straight_fsp-ust-usp_sp.png);} #functions > div > h2 > b {font-size:12px;} #functions > div > h2 > small {font-size:10px;} #functions > div > .figures {padding:15px 0 0;} #functions > div > .figures > ul {margin:-10px -5px 0; text-align:center;} #functions > div > .figures > ul > li {margin:0 auto; padding:10px 5px 0; box-sizing:border-box; text-align:left; max-width:720px;} #functions > div > .figures > ul > li > img {width:100%; height:auto;} #functions > div > .figures > ul > li > p {margin:5px 0 0; font-size:10px; line-height:1.5;} #functions > div > .figures > ul > li > p b {} #functions > div > .figures > ul > li > p small {font-size:10px;} #functions > div > .figures > ul.flow {} #functions > div > .figures > ul.columns2 {} #functions > div > .figures > ul.columns2 > li {width:50%;} #functions > div > .figures > ul.columns2 > li.span2 {width:100%; max-width:720px;} #functions > div > .figures > ul.columns3 {} #functions > div > .figures > ul.columns3 > li {width:50%;} #functions > div > .figures > ul.columns3 > li.span2 {width:100%; max-width:484px;} #functions > div > .figures > ul.columns3 > li.span3 {width:100%; max-width:720px;} #functions > div.hidden {} #functions > .more {margin-top:20px; padding:9px; font-size:14px;} #functions > .more:hover {} #cartridge {margin:20px 0 0;} #cartridge > h2 {font-size:14px;} #cartridge > h2 small {font-size:10px;} #cartridge > div {padding:9px;} #cartridge > div:after {} #cartridge > div > img {float:none; width:125px; margin:0 auto;} #cartridge > div > p {float:none; width:auto; font-size:10px;} #cartridge > .download {display:block; width:auto; margin:20px 0 0; padding:10px; font-size:14px;} #cartridge > .download:before {} #cartridge > .download:hover {} #fact {margin:20px 0 0; padding:15px 0 0;} #fact > h2 {margin:0 0 15px; font-size:14px;} #fact > div {margin:-10px 0 0 -10px;} #fact > div + div {padding-top:10px;} #fact > div > b, #fact > div > ul > li {width:auto; margin:10px 0 0 10px; padding:5px 5px 4px; font-size:10px; box-sizing:border-box;} #fact > div > b {display:block; width:auto;} #fact > div > ul {display:flex; flex-wrap:wrap;} #fact > div > ul > li {flex:46%;} #fact > div.flavor {} #fact > div.flavor > b {} #fact > div.flavor > ul > li {} #fact > div.reassurance {} #fact > div.reassurance > b {} #fact > div.reassurance > ul > li {} .performance {margin:20px 0 0; padding:15px 0 0;} .performance > h2 {font-size:14px;} .performance > p {margin:10px 0 0; font-size:10px;} .performance > div {width:auto; max-width:480px; margin:10px auto 0; line-height:1.5;} .performance > div > img {width:100%; height:auto;} .performance > div > p {margin:10px 0 0; font-size:10px;} .performance > div > small {font-size:10px;} .performance > div > div > ul > li {width:28px; height:28px; margin:5px 0 0 5px; background-size:contain;} .performance > div > div > ul > li br {} .performance > div > div > ul.functions > li.double-exchange {background-image:url(../products/images/functions_double-exchange_sp.png);} .performance > div > div > ul.functions > li.triple-exchange {background-image:url(../products/images/functions_triple-exchange_sp.png);} .performance > div > div > ul.functions > li.capacity {background-image:url(images/functions_capacity_sp.png);} .performance > div > div > ul.functions > li.high-flow {background-image:url(images/functions_high-flow_sp.png);} .performance > div > div > ul.functions > li.high-filtration-performance {background-image:url(../products/images/functions_high-filtration-performance_sp.png);} .performance > div > div > ul.functions > li.horizontal_storage {background-image:url(../products/images/functions_horizontal_storage_sp.png);} .performance > div > div > ul.functions > li.lead {background-image:url(../products/images/functions_lead_sp.png);} .performance > div > div > ul.functions > li.pt1-1little {background-image:url(images/functions_pt1-1little_sp.png);} .performance > div > div > ul.functions > li.pt1-2little {background-image:url(images/functions_pt1-2little_sp.png);} .performance > div > div > ul.functions > li.pt2-1little {background-image:url(images/functions_pt2-1little_sp.png);} .performance > div > div > ul.functions > li.removal {background-image:url(../products/images/functions_removal_sp.png);} .performance > div > div > ul.functions > li.see-through-window {background-image:url(../products/images/functions_see-through-window_sp.png);} .performance > div > div > ul.functions > li.shorter-working-hour {background-image:url(../products/images/functions_shorter-working-hour_sp.png);} .performance > div > div > ul.functions > li.wash {background-image:url(../products/images/functions_wash_sp.png);} .performance > div > div > ul.functions > li.water-saving-30 {background-image:url(../products/images/functions_water-saving-30_sp.png);} .performance > div > div > ul.functions > li.jis-8 {background-image:url(../products/images/functions_jis-8_sp.png);} .performance > div > div > ul.functions > li.jis-12 {background-image:url(../products/images/functions_jis-12_sp.png);} .performance > div > div > ul.functions > li.jis-13 {background-image:url(../products/images/functions_jis-13_sp.png);} .performance > div > div > dl > dt {font-weight: bold;} .performance > div > div > .figures {padding:20px 0 0;} .performance > div > div > .figures > ul {margin:-20px 0 0 -20px; letter-spacing:-0.4em;} .performance > div > div > .figures > ul > li {display:inline-block; margin:20px 0 0 20px; letter-spacing:normal; vertical-align:top;} .performance > div > div > .figures {padding:15px 0 0;} .performance > div > div > .figures > ul {margin:-10px -5px 0; text-align:center;} .performance > div > div > .figures > ul > li {margin:0 auto; padding:10px 5px 0; box-sizing:border-box; text-align:left; max-width:720px;} .performance > div > div > .figures > ul > li > img {width:100%; height:auto;} .performance > div > div > .figures > ul > li > p {margin:5px 0 0; font-size:10px; line-height:1.5;} .performance > div > div > .figures > ul > li > p b {} .performance > div > div > .figures > ul > li > p small {font-size:10px;} .performance > div > div > .figures > ul.flow {} .performance > div > div > .figures > ul.columns2 {} .performance > div > div > .figures > ul.columns2 > li {width:50%;} .performance > div > div > .figures > ul.columns2 > li.span2 {width:100%; max-width:720px;} .performance > div > div > .figures > ul.columns3 {} .performance > div > div > .figures > ul.columns3 > li {width:50%;} .performance > div > div > .figures > ul.columns3 > li.span2 {width:100%; max-width:484px;} .performance > div > div > .figures > ul.columns3 > li.span3 {width:100%; max-width:720px;} .performance > div.hidden {} .performance > .more {margin-top:20px; padding:9px; font-size:14px;} .performance > .more:hover {} #specifications {margin:20px 0 0; padding:15px 0 0;} #specifications > h2 {font-size:14px;} #specifications > table {margin:15px 0 0;} #specifications > table small {font-size:10px;} #specifications > table th, #specifications > table td {padding:7px 0 6px; font-size:10px;} #specifications > table th {width:auto;} #specifications > table td {padding-left:15px;} #specifications > table td a {} #specifications > table td a:hover {} #specifications > table td > ul {display:block;} #specifications > table td > ul:first-child {margin:-7px 0 0;} #specifications > table td > ul > li {display:block; padding:5px 0; border-top:1px solid #e5e5e5;} #specifications > table td > ul > li:first-child {border-top:none;} #specifications > table td > ul > li > b, #specifications > table td > ul > li > p {display:block; padding:0;} #specifications > table td > ul > li > b {} #specifications > table td > ul > li > p {padding-left:0;} #specifications > small {margin:7px 0 0; font-size:10px; line-height:1.5;} #precautions {margin:20px 0 0; padding:19px; border:none; background:#f2f2f2;} #precautions > h2 {} #precautions > ul {} #precautions > ul > li {font-size:10px;} #more {margin:-10px 0 0; padding:20px 0 0;} #more > a {display:block; width:auto; margin:10px 0 0; padding:10px; font-size:14px;} #more > a:before {} #more > a:hover {} }