Mini Coffee Scale K-112

.product_detail_banner { position: relative; display: block; text-align: center } @media screen and (max-width:750px) { div.banner1_text_pc { display: none } } .banner1_text_pc { position: absolute; text-align: left; top: 34%; left: 26%; padding: 0; transform: translate(-50%, -50%) } @media screen and (min-width:750px) { div.banner1_text_mob { display: none } } .banner1_text_mob { position: absolute; text-align: left; top: 20%; left: 44%; padding: 0; width: 220px; transform: translate(-50%, -50%) } @media screen and (max-width:1100px) { div.banner4_text_pc { display: none } } .banner4_text_pc { position: absolute; text-align: right; top: 24%; left: 62%; font-weight:600; transform: translate(-10%, -10%) } @media screen and (max-width:1100px) { div.banner4_text_pc2 { display: none } } .banner4_text_pc2 { position: absolute; text-align: right; top: 37%; left: 67.3%; padding: 0; width: 30%; transform: translate(-28%, -40%) } @media screen and (max-width:1000px), (min-width:1100px) { div.banner4_text_tabletL { display: none } } .banner4_text_tabletL { position: absolute; text-align: right; top: 24%; left: 62%; padding: 0; transform: translate(-10%, -10%) } @media screen and (max-width:1000px), (min-width:1100px) { div.banner4_text_tabletL2 { display: none } } .banner4_text_tabletL2 { position: absolute; text-align: right; top: 37%; left: 70%; padding: 0; width: 30%; transform: translate(-28%, -40%) } @media screen and (max-width:950px), (min-width:1000px) { div.banner4_text_tabletM { display: none } } .banner4_text_tabletM { position: absolute; text-align: right; top: 24%; left: 62%; padding: 0; transform: translate(-10%, -10%) } @media screen and (max-width:950px), (min-width:1000px) { div.banner4_text_tabletM2 { display: none } } .banner4_text_tabletM2 { position: absolute; text-align: right; top: 39%; left: 73%; padding: 0; width: 30%; transform: translate(-28%, -40%) } @media screen and (max-width:750px), (min-width:950px) { div.banner4_text_tabletS { display: none } } .banner4_text_tabletS { position: absolute; text-align: right; top: 24%; left: 62%; padding: 0; transform: translate(-10%, -10%) } @media screen and (max-width:750px), (min-width:950px) { div.banner4_text_tabletS2 { display: none } } .banner4_text_tabletS2 { position: absolute; text-align: right; top: 49%; left: 75%; padding: 0; width: 30%; transform: translate(-28%, -40%) } @media screen and (min-width:750px) { div.banner4_text_mob { display: none } } .banner4_text_mob { position: absolute; text-align: center; top: 10%; left: 20%; padding: 0; transform: translate(-10%, -10%) } @media screen and (max-width:1050px) { div.banner5_text_pc { display: none } } .banner5_text_pc { position: absolute; text-align: left; top: 22%; left: 24%; padding: 0; transform: translate(-50%, -50%) } @media screen and (max-width:1050px) { div.banner5_text_pc2 { display: none } } .banner5_text_pc2 { position: absolute; text-align: left; top: 31%; left: 27%; padding: 0; width: 30%; transform: translate(-50%, -50%) } @media screen and (max-width:950px), (min-width:1050px) { div.banner5_text_tabletL { display: none } } .banner5_text_tabletL { position: absolute; text-align: left; top: 22%; left: 24%; padding: 0; transform: translate(-50%, -50%) } @media screen and (max-width:950px), (min-width:1050px) { div.banner5_text_tabletL2 { display: none } } .banner5_text_tabletL2 { position: absolute; text-align: left; top: 33%; left: 25%; padding: 0; width: 30%; transform: translate(-50%, -50%) } @media screen and (max-width:850px), (min-width:950px) { div.banner5_text_tabletM { display: none } } .banner5_text_tabletM { position: absolute; text-align: left; top: 22%; left: 24%; padding: 0; transform: translate(-50%, -50%) } @media screen and (max-width:850px), (min-width:950px) { div.banner5_text_tabletM2 { display: none } } .banner5_text_tabletM2 { position: absolute; text-align: left; top: 35%; left: 24%; padding: 0; width: 30%; transform: translate(-50%, -50%) } @media screen and (max-width:750px), (min-width:850px) { div.banner5_text_tabletS { display: none } } .banner5_text_tabletS { position: absolute; text-align: left; top: 22%; left: 24%; padding: 0; transform: translate(-50%, -50%) } @media screen and (max-width:750px), (min-width:850px) { div.banner5_text_tabletS2 { display: none } } .banner5_text_tabletS2 { position: absolute; text-align: left; top: 36%; left: 23%; padding: 0; width: 30%; transform: translate(-50%, -50%) } @media screen and (min-width:750px) { div.banner5_text_mob { display: none } } .banner5_text_mob { position: absolute; text-align: center; top: 10%; left: 20%; padding: 0; transform: translate(-10%, -10%) } @media screen and (max-width:1000px) { div.banner6_text_pc { display: none } } .banner6_text_pc { position: absolute; text-align: center; top: 1%; left: 28%; padding: 0 } @media screen and (max-width:1000px) { div.banner6_text_pc2 { display: none } } .banner6_text_pc2 { position: absolute; text-align: center; top: 13.5%; left: 49%; padding: 0; width: 38%; transform: translate(-50%, -50%) } @media screen and (max-width:900px), (min-width:1000px) { div.banner6_text_tabletL { display: none } } .banner6_text_tabletL { position: absolute; text-align: center; top: 1%; left: 28%; padding: 0 } @media screen and (max-width:900px), (min-width:1000px) { div.banner6_text_tabletL2 { display: none } } .banner6_text_tabletL2 { position: absolute; text-align: center; top: 15%; left: 51%; padding: 0; width: 38%; transform: translate(-50%, -50%) } @media screen and (max-width:750px), (min-width:900px) { div.banner6_text_tabletM { display: none } } .banner6_text_tabletM { position: absolute; text-align: center; top: 1%; left: 25%; padding: 0 } @media screen and (max-width:750px), (min-width:900px) { div.banner6_text_tabletM2 { display: none } } .banner6_text_tabletM2 { position: absolute; text-align: center; top: 18%; left: 53%; padding: 0; width: 38%; transform: translate(-50%, -50%) } @media screen and (min-width:750px) { div.banner6_text_mob { display: none } } .banner6_text_mob { position: absolute; text-align: center; top: 6%; left: 20%; padding: 0; transform: translate(-10%, -10%) } @media screen and (max-width:1020px) { div.banner8_text_pc { display: none } } .banner8_text_pc { position: absolute; text-align: left; top: 22%; left: 19%; padding: 0; transform: translate(-50%, -50%) } @media screen and (max-width:1020px) { div.banner8_text_pc2 { display: none } } .banner8_text_pc2 { position: absolute; text-align: left; top: 33%; left: 26%; padding: 0; width: 35%; transform: translate(-50%, -50%) } @media screen and (max-width:880px), (min-width:1020px) { div.banner8_text_tabletL { display: none } } .banner8_text_tabletL { position: absolute; text-align: left; top: 22%; left: 19%; padding: 0; transform: translate(-50%, -50%) } @media screen and (max-width:880px), (min-width:1020px) { div.banner8_text_tabletL2 { display: none } } .banner8_text_tabletL2 { position: absolute; text-align: left; top: 35%; left: 24%; padding: 0; width: 35%; transform: translate(-50%, -50%) } @media screen and (max-width:750px), (min-width:880px) { div.banner8_text_tabletM { display: none } } .banner8_text_tabletM { position: absolute; text-align: left; top: 22%; left: 19%; padding: 0; transform: translate(-50%, -50%) } @media screen and (max-width:750px), (min-width:880px) { div.banner8_text_tabletM2 { display: none } } .banner8_text_tabletM2 { position: absolute; text-align: left; top: 37%; left: 22%; padding: 0; width: 35%; transform: translate(-50%, -50%) } @media screen and (min-width:750px) { div.banner8_text_mob { display: none } } .banner8_text_mob { position: absolute; text-align: center; top: 6%; left: 20%; padding: 0; transform: translate(-10%, -10%) } .page_specs_container { display: flex; overflow: hidden; clear: both } .specs_wrapper { float: left; padding: 10px 7%; width: 50%; } .page_specs_container2 { display: flex; overflow: hidden; clear: both } .specs_wrapper2 { float: left; padding: 10px 7%; width: 50%; } @media only screen and (max-width:1150px) { .page_specs_container { display: block } .specs_wrapper { width: 100% } } .gm_icon_blocks { line-height: 1.5; width: auto; height: auto; font-size: 14px; margin: auto; text-align: center } .spec_page_blocks { line-height: 1.5; width: auto; height: auto; font-size: 14px; margin: auto; text-align: left } .material-icons { text-align: center; font-size: 40px; } @media screen and (max-width:750px) { div.pc_banner { display: none } } @media screen and (min-width:750px) { div.mob_banner { display: none } } .responsive { width: 100%; height: auto } @media screen and (min-width:750px) { div.text_des_banner_blue { padding-top: 40px; text-align: center; padding-left: 270px; padding-right: 270px } } @media screen and (max-width:750px) { div.text_des_banner_blue { padding-top: 40px; text-align: center; padding-left: 40px; padding-right: 40px } } @media screen and (min-width:750px) { div.text_des_banner_white { padding-top: 40px; text-align: center; padding-left: 270px; padding-right: 270px } } @media screen and (max-width:750px) { div.text_des_banner_white { padding-top: 40px; text-align: center; padding-left: 40px; padding-right: 40px } } /* fallback */ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; }