@charset "UTF-8"; #ly-Title.title-outline { background-image:url('../../img/common/img-title-outline.jpg'); } #ly-Title.title-sizes { background-image:url('../../img/common/img-title-sizes.jpg'); } #ly-Title.title-product-all { background-image:url('../../img/common/img-title-product-all.jpg'); } #ly-Title.title-product-standard { background-image:url('../../img/common/img-title-product-standard.jpg'); } #ly-Title.title-product-premium { background-image:url('../../img/common/img-title-product-premium.jpg'); } #ly-Title.title-product-graphics { background-image:url('../../img/common/img-title-product-graphics.jpg'); } #ly-Title.title-product-natural { background-image:url('../../img/common/img-title-product-natural.jpg'); } #ly-Outline div.frame { padding-left:20px; padding-right:20px; } #ly-Outline div.frame header h1 { color:#e53c2e !important; } #ly-Outline div.descript p:not(:first-of-type) { margin-top:15px; } #ly-Outline div.products { border-top:1px solid #dadada; } #ly-Outline div.products div.item div { text-align:center; } #ly-Outline div.products div.item div img { max-width:100%; } #ly-Outline div.products div.item dl { margin-top:20px; } #ly-Outline div.products div.item dt { font-weight:700; text-align:center; } #ly-Outline div.products div.item dd { margin-top:15px; font-size:.85em; } #ly-Outline div.products div.item dd.href { text-align:center; } #ly-Outline div.products div.item dd.href a { display:inline-block; padding:4px 18px; background-color:#757575; font-weight:700; color:#fff; text-decoration:none; border-radius:200px; } #ly-Outline div.products div.item dd.href a:focus, #ly-Outline div.products div.item dd.href a:hover { background-color:#e53c2e; } #ly-Characteristic { background-color:#f5f5f5; } #ly-Characteristic div.frame { padding-left:20px; padding-right:20px; } #ly-Characteristic div.content { padding-top:20px; } #ly-Characteristic div.content div.item { text-align:center; } #ly-Characteristic div.content div.item dt { font-weight:700; font-size:1.2em; } #ly-Characteristic div.content div.item dd { margin-top:10px; font-size:.95em; } #ly-Characteristic div.content div.image { padding:40px; margin:0 auto 20px auto; display:block; background-color:#fff; border-radius:200px; box-shadow:0 0 15px 0 #eee; transition:box-shadow ease 1s; } #ly-Characteristic div.content div.item:hover div.image { box-shadow:0 0 20px 0 #e53c2e; } #ly-Characteristic div.content div.image div { width:100%; height:100%; display:block; background-repeat:no-repeat; background-size:cover; } #ly-Characteristic div.content div.image.weight div { background-image:url('../../img/view/products/img-characteristic-weight.png'); } #ly-Characteristic div.content div.image.creative div { background-image:url('../../img/view/products/img-characteristic-creative.png'); } #ly-Characteristic div.content div.image.variety div { background-image:url('../../img/view/products/img-characteristic-variety.png'); } #ly-Characteristic div.content div.image.magic div { background-image:url('../../img/view/products/img-characteristic-magic.png'); } #ly-Application div.frame { padding-left:20px; padding-right:20px; } #ly-Application div.content div.item dt { font-weight:700; font-size:1.2em; } #ly-Application div.content div.item dd { margin-top:15px; } #ly-Sizes-Standard div.frame { padding-left:20px; padding-right:20px; } #ly-Sizes-Standard div.content table { border:1px solid #555; } #ly-Sizes-Standard div.content table col.col-item { width:14%; } #ly-Sizes-Standard div.content table col.col-size { width:6%; } #ly-Sizes-Standard div.content table thead th, #ly-Sizes-Standard div.content table tbody th { padding:10px 8px; border-top:1px solid #555; border-left:1px solid #555; color:#fff; } #ly-Sizes-Standard div.content table thead th { background-color:#999; font-size:.95em; } #ly-Sizes-Standard div.content table thead th:nth-of-type(even) { background-color:#777; } #ly-Sizes-Standard div.content table tbody tr.lines { border-top:3px solid #555; } #ly-Sizes-Standard div.content table tbody th { background-color:#777; } #ly-Sizes-Standard div.content table tbody td { padding:10px 8px; border-top:1px solid #555; border-left:1px solid #555; text-align:center; } #ly-Sizes-Standard div.content table tbody tr.odd th { background-color:#999; } #ly-Sizes-Standard div.content table tbody tr.odd td { background-color:#fafafa; } #ly-Sizes-Standard div.content table tbody tr th.highlight { background-color:#e53c2e; color:#fff; } #ly-Sizes-Standard div.content div.paper { margin-top:20px; } #ly-Sizes-Standard div.content div.paper img { max-width:100%; } #ly-Sizes-Customer { background-color:#f5f5f5; } #ly-Sizes-Customer div.frame { padding-left:20px; padding-right:20px; } #ly-Sizes-Customer div.content *:first-child { margin-top:0 !important; } #ly-Specification { background-color:#f5f5f5; } #ly-Product[data-type='list'] div.frame { margin-left:auto; margin-right:auto; } #ly-Product[data-type='list'] div.list { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } #ly-Product[data-type='list'] div.list a { position:relative; border:1px solid #eee; box-shadow:4px 4px 4px 0 rgba(0, 0, 0, .04); text-decoration:none; top:0; transition:top .2s; } #ly-Product[data-type='list'] div.list a:focus, #ly-Product[data-type='list'] div.list a:hover { border-color:#aaa; box-shadow:4px 4px 4px 0 rgba(0, 0, 0, .1); top:-7px; } #ly-Product[data-type='list'] div.list a dl { padding:20px; } #ly-Product[data-type='list'] div.list a dt { border-bottom:1px solid #f0f0f0; padding-bottom:10px; margin-bottom:15px; font-weight:700; color:#333; word-break:break-all; } #ly-Product[data-type='list'] div.list a dd { color:#757575; text-align:right; } #ly-Product-Detail { display:none; z-index:200; } #ly-Product-Detail div.content div.product { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; } #ly-Product-Detail div.content div.image { width:48%; position:relative; z-index:2; border:1px solid #444; } #ly-Product-Detail div.content div.image div.images { width:100%; height:100%; position:absolute; top:0; left:0; } #ly-Product-Detail div.content div.image div.images:nth-of-type(1) { z-index:4; } #ly-Product-Detail div.content div.image div.images:nth-of-type(2) { z-index:3; } #ly-Product-Detail div.content div.image div.images:nth-of-type(3) { z-index:2; } #ly-Product-Detail div.content div.image div.images:nth-of-type(4) { z-index:1; } #ly-Product-Detail div.content div.image div.images img { width:100%; } #ly-Product-Detail div.content div.image div.zoom { position:absolute; z-index:255; right:15px; bottom:15px; } #ly-Product-Detail div.content div.illust { width:48%; position:relative; z-index:2; border:1px solid #444; background-color:#fff; cursor:pointer; } #ly-Product-Detail div.content div.illust svg { display:block; position:relative; z-index:-1; } #ly-Product-Detail div.content div.illust div.zoom { position:absolute; z-index:255; right:15px; bottom:15px; } #ly-Product-Detail div.content div.hp { margin-top:38px; } #ly-Product-Detail div.content div.hp div.pdf div { text-align:right; } #ly-Product-Detail div.content div.hp div.pdf div a { padding:8px 15px; font-size:.9em; text-decoration:none; display:inline-block; border:2px solid #0096d6; border-radius:200px; background-color:transparent; color:#aaa; } #ly-Product-Detail div.content div.hp div.pdf div a:focus, #ly-Product-Detail div.content div.hp div.pdf div a:hover { background-color:#0096d6; color:#fff; } #ly-Product-Detail div.content ul.popcolor { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-20px; margin-bottom:-20px; } #ly-Product-Detail div.content ul.popcolor li { width:130px; height:130px; border:1px solid rgba(255, 255, 255, .25); margin-right:20px; margin-bottom:20px; background-size:cover; background-position:no-repeat; text-align:center; padding:10px; line-height:normal !important; border-radius:200px; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; } #ly-Product-Detail div.content ul.popcolor li.c01 { background-image:url('../../img/view/products/img-bg-color-black.jpg'); } #ly-Product-Detail div.content ul.popcolor li.c02 { background-image:url('../../img/view/products/img-bg-color-pink.jpg'); color:#222; } #ly-Product-Detail div.content ul.popcolor li.c03 { background-image:url('../../img/view/products/img-bg-color-vermilion.jpg'); } #ly-Product-Detail div.content ul.popcolor li.c04 { background-image:url('../../img/view/products/img-bg-color-yellow.jpg'); color:#222; } #ly-Product-Detail div.content ul.popcolor li.c05 { background-image:url('../../img/view/products/img-bg-color-cream.jpg'); color:#222; } #ly-Product-Detail div.content ul.popcolor li.c06 { background-image:url('../../img/view/products/img-bg-color-lightgreen.jpg'); } #ly-Product-Detail div.content ul.popcolor li.c07 { background-image:url('../../img/view/products/img-bg-color-darkgreen.jpg'); } #ly-Product-Detail div.content ul.popcolor li.c08 { background-image:url('../../img/view/products/img-bg-color-gray.jpg'); } #ly-Product-Detail div.content ul.popcolor li.c09 { background-image:url('../../img/view/products/img-bg-color-lightblue.jpg'); } #ly-Product-Detail div.content ul.popcolor li.c10 { background-image:url('../../img/view/products/img-bg-color-darkblue.jpg'); } #ly-Product-Detail div.content ul.popcolor li.c11 { background-image:url('../../img/view/products/img-bg-color-brown.jpg'); } #ly-Product-Detail div.content ul.popcolor li.c12 { background-image:url('../../img/view/products/img-bg-color-orange.jpg'); } #ly-Product-Detail div.content ul.popcolor li.c13 { background-image:url('../../img/view/products/img-bg-color-red.jpg'); } #ly-Product-Detail div.content ul.popcolor li.c14 { background-image:url('../../img/view/products/img-bg-color-violet.jpg'); } #ly-Product-Detail div.content ul.popnaturalcolor { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-20px; margin-bottom:-20px; } #ly-Product-Detail div.content ul.popnaturalcolor li { width:130px; height:130px; border:1px solid rgba(255, 255, 255, .25); margin-right:20px; margin-bottom:20px; background-size:cover; background-position:no-repeat; text-align:center; padding:10px; line-height:normal !important; border-radius:200px; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; } #ly-Product-Detail div.content ul.popnaturalcolor li.c01 { background-image:url('../../img/view/products/img-bg-foamcolor-lightblue.jpg'); } #ly-Product-Detail div.content ul.popnaturalcolor li.c02 { background-image:url('../../img/view/products/img-bg-foamcolor-cream.jpg'); } #ly-Product-Detail div.content ul.popnaturalcolor li.c03 { background-image:url('../../img/view/products/img-bg-foamcolor-shellpink.jpg'); } #ly-Product-Detail div.content ul.popnaturalcolor li.c04 { background-image:url('../../img/view/products/img-bg-foamcolor-brown.jpg'); } #ly-Product-Detail div.content ul.popnaturalcolor li.c05 { background-image:url('../../img/view/products/img-bg-foamcolor-gray.jpg'); } #ly-Product-Detail div.content ul.popnaturalcolor li.c06 { background-image:url('../../img/view/products/img-bg-foamcolor-black.jpg'); } #ly-Product-Detail div.content ul.popnaturalcolor li.c07 { background-image:url('../../img/view/products/img-bg-foamcolor-yellow.jpg'); color:#222; } #ly-Product-Detail div.content ul.popnaturalcolor li.c08 { background-image:url('../../img/view/products/img-bg-foamcolor-green.jpg'); } #ly-Product-Detail div.content ul.popnaturalcolor li.c09 { background-image:url('../../img/view/products/img-bg-foamcolor-red.jpg'); } #ly-Product-Detail div.content ul.popnaturalcolor li.c10 { background-image:url('../../img/view/products/img-bg-foamcolor-blue.jpg'); } #ly-Product-Detail div.content ul.popnaturalcolor li.c11 { background-image:url('../../img/view/products/img-bg-foamcolor-orange.jpg'); color:#222; } #ly-Product-Detail div.content ul.popnaturalcolor li.c12 { background-image:url('../../img/view/products/img-bg-foamcolor-violet.jpg'); } #ly-Product-Detail div.content ul.format li { margin-top:10px; padding:10px; border:1px solid #444; color:#fff; text-align:center; word-break:keep-all; } #ly-Product-Detail div.content div.data { margin-top:20px; margin-left:38px; } #ly-Product-Detail div.content table { table-layout:fixed; border-right:1px solid #757575; border-bottom:1px solid #757575; } #ly-Product-Detail div.content table th, #ly-Product-Detail div.content table td { padding:6px 8px; border-top:1px solid #757575; border-left:1px solid #757575; } #ly-Product-Detail div.content table th { background-color:#223; text-align:center; font-weight:normal; } #ly-Product-Detail div.content table td { text-align:center; } #ly-Product-Detail div.content dl.pdf { background-color:#B01D1F; } #ly-Product-Detail div.content dl.pdf dt { font-weight:700; } #ly-Product-Detail div.content dl.pdf button { display:inline-block; background-color:transparent; border:2px solid #fff; border-radius:200px; padding:8px 25px; color:#fff; font-weight:500; text-decoration:none; } #ly-Product-Detail div.content dl.pdf button:focus, #ly-Product-Detail div.content dl.pdf button:hover { background-color:#fff; color:#000; } #ly-Product-Detail #svg-Preview { display:none; } #ly-Product-Detail #obj-Preview { width:100%; } /* Mobile */ @media screen and (min-width:1px) and (max-width:799.99px) { #ly-Outline div.frame { padding-top:30px; padding-bottom:30px; } #ly-Outline div.products dt { font-size:1.3em; } #ly-Outline div.products div.item:not(:first-of-type) { margin-top:30px; } #ly-Characteristic div.frame { padding-top:30px; padding-bottom:30px; } #ly-Characteristic div.content div.image { width:200px; height:200px; } #ly-Characteristic div.content div.item:not(:first-of-type) { margin-top:30px; } #ly-Application div.frame { padding-top:30px; padding-bottom:30px; } #ly-Application div.content { margin-bottom:-40px; } #ly-Application div.content div.item { margin-bottom:40px; } #ly-Application div.content div.image { display:none; } #ly-Sizes-Standard div.scroll { overflow-x:scroll; } #ly-Sizes-Standard div.frame { padding-top:30px; padding-bottom:30px; } #ly-Sizes-Customer div.frame { padding-top:30px; padding-bottom:30px; } #ly-Product[data-type='list'] div.list a { width:48%; } #ly-Product-Detail div.content dl.pdf { padding:20px; margin-top:30px; text-align:center; } #ly-Product-Detail div.content dl.pdf dd { margin-top:10px; } } /* Mobile & Tablet */ @media screen and (min-width:1px) and (max-width:1019.99px) { #ly-Outline div.products { margin-top:30px; padding-top:30px; } #ly-Product[data-type='list'] div.list { margin-top:30px; } #ly-Product[data-type='list'] div.list a { margin-left:1%; margin-right:1%; margin-bottom:30px; } #ly-Product[data-type='list'] div.list a dl { padding:20px; } #ly-Product[data-type='list'] div.list a dt { font-size:1.1em; } #ly-Product[data-type='list'] div.list a dd { font-size:.9em; } #ly-Product-Detail { width:100%; height:100vh; position:fixed; top:0; left:0; z-index:255; color:#fff; overflow:hidden; background-color:rgba(0, 0, 0, .9); } #ly-Product-Detail article { width:100%; height:100%; display:-ms-flexbox; display:flex; position:relative; } #ly-Product-Detail div.foam { display:none !important; } #ly-Product-Detail section.detail { width:100%; height:100%; background-color:#15151a; position:absolute; left:0 !important; overflow-y:scroll; } #ly-Product-Detail header { width:calc(100% - 17px); padding:30px 30px 0 30px; background-color:#15151a; position:fixed; z-index:3; } #ly-Product-Detail header h1 { font-size:1.5em; } #ly-Product-Detail header p.descript { margin-top:5px; padding-bottom:25px; border-bottom:1px solid #444; } #ly-Product-Detail header div.close { position:absolute; top:30px; right:30px; } #ly-Product-Detail header div.close button { width:41px; height:41px; border:none; background:url('../../img/view/products/img-products-detail-close.png') transparent no-repeat; } #ly-Product-Detail header div.close button:focus, #ly-Product-Detail header div.close button:hover { background-position:-41px 0; } #ly-Product-Detail div.content { margin-top:120px; margin-bottom:30px; padding:30px 30px 0 30px; overflow:hidden; } #ly-Product-Detail div.content h3 { padding-left:38px; margin-top:38px; font-size:1.3em; background:url('../../img/view/products/img-products-h3.svg') left center no-repeat; } #ly-Product-Detail div.content div.hp div.pdf div { margin-top:10px; } #ly-Product-Detail div.content p.data { margin-top:20px; margin-left:38px; } #ly-Product-Detail div.content dl.data { margin-left:38px; } #ly-Product-Detail div.content dl.data dt { margin-top:20px; font-weight:500; font-size:1.1em; } #ly-Product-Detail div.content dl.data dd { line-height:1.8; color:#ccc; } #ly-Product-Detail div.content dl.data ul { margin-top:10px; } #ly-Product-Detail div.content dl.data li { line-height:1.8; color:#fff; } #ly-Product-Detail div.content ul.data { margin-top:20px; margin-left:38px; } #ly-Product-Detail div.content ul.data li { line-height:1.8; } #ly-Product-Detail div.content div.tables { margin-left:38px; } #ly-Product-Detail div.content table { margin-top:20px; } #ly-Product-Detail div.content p.comment { margin-top:20px; margin-left:38px; } #ly-Product-Detail #svg-Preview { width:100vw; height:100vh; position:absolute; top:0; left:0; z-index:254; background-color:rgba(0, 0, 0, .9); } #ly-Product-Detail #svg-Preview div.frame { width:calc(100vw - 40px); height:calc(100vh - 20px); min-height:300px; margin:auto; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; -ms-flex-direction:column; flex-direction:column; margin-top:20px; } #ly-Product-Detail #svg-Preview dl { margin-top:25px; margin-bottom:20px; text-align:center; } #ly-Product-Detail #svg-Preview dt { display:inline-block; color:#fff; font-size:1.2em; font-weight:700; background-color:#c0312d; padding:10px 40px; border-radius:200px; } #ly-Product-Detail #svg-Preview dd { margin-top:10px; color:#eee; font-size:.8em; } #ly-Product-Detail #obj-Preview { min-width:300px; max-width:1200px; min-height:200px; max-height:650px; border-top-left-radius:20px; border-bottom-right-radius:20px; background-color:#fff; position:relative; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; } #ly-Product-Detail #obj-Preview svg { min-width:300px; height:100%; min-height:200px; display:block; } #ly-Product-Detail #obj-Preview div.close { position:absolute; top:20px; right:20px; } #ly-Product-Detail #obj-Preview div.close button { width:41px; height:41px; border:none; background:url('../../img/view/products/img-products-preview-close.png') transparent no-repeat; } #ly-Product-Detail #obj-Preview div.close button:focus, #ly-Product-Detail #obj-Preview div.close button:hover { background-position:-41px 0; } } /* Tablet */ @media screen and (min-width:800px) and (max-width:1019.99px) { #ly-Outline div.frame { padding-top:40px; padding-bottom:40px; } #ly-Outline div.products dt { font-size:1.4em; } #ly-Characteristic div.frame { padding-top:40px; padding-bottom:40px; } #ly-Characteristic div.content div.image { width:170px; height:170px; } #ly-Application div.frame { padding-top:40px; padding-bottom:40px; } #ly-Application div.content div.item dl { margin-left:30px; } #ly-Product[data-type='list'] div.list a { width:23%; } #ly-Sizes-Standard div.frame { padding-top:40px; padding-bottom:40px; } #ly-Sizes-Customer div.frame { padding-top:40px; padding-bottom:40px; } } /* Tablet & Desktop */ @media screen and (min-width:800px) { #ly-Outline div.products { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; } #ly-Outline div.products div.item { width:20%; } #ly-Outline div.products div.item div { padding-bottom:95.2380%; position:relative; } #ly-Outline div.products div.item div img { position:absolute; left:0; bottom:0; } #ly-Characteristic div.content { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; } #ly-Characteristic div.content div.item { width:23%; } #ly-Application div.content { margin-bottom:-60px; padding-top:20px; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:justify; justify-content:space-between; } #ly-Application div.content div.item { width:50%; padding-right:20px; margin-bottom:60px; display:-ms-flexbox; display:flex; } #ly-Application div.content div.item dl { -ms-flex-positive:1; flex:1; } #ly-Application div.content div.item dd { margin-top:15px; } #ly-Application div.content div.image { width:120px; height:120px; opacity:.5; display:block; background-repeat:no-repeat; background-size:cover; } #ly-Application div.content div.image.ad { background-image:url('../../img/view/products/img-application-ad.png'); } #ly-Application div.content div.image.presentation { background-image:url('../../img/view/products/img-application-presentation.png'); } #ly-Application div.content div.image.graphic { background-image:url('../../img/view/products/img-application-graphic.png'); } #ly-Application div.content div.image.packaging { background-image:url('../../img/view/products/img-application-packaging.png'); } #ly-Sizes-Standard table { table-layout:fixed; } #ly-Product-Detail header div.prev { position:absolute; top:30px; right:130px; } #ly-Product-Detail header div.prev button { width:41px; height:41px; border:none; background:url('../../img/view/products/img-products-detail-prev.png') transparent no-repeat; } #ly-Product-Detail header div.prev button:focus, #ly-Product-Detail header div.prev button:hover { background-position:-41px 0; } #ly-Product-Detail header div.next { position:absolute; top:30px; right:80px; } #ly-Product-Detail header div.next button { width:41px; height:41px; border:none; background:url('../../img/view/products/img-products-detail-next.png') transparent no-repeat; } #ly-Product-Detail header div.next button:focus, #ly-Product-Detail header div.next button:hover { background-position:-41px 0; } #ly-Product-Detail div.content div.hp { display:flex; justify-content:space-between; } #ly-Product-Detail div.content div.hp div.pdf { margin-left:15px; } #ly-Product-Detail div.content div.hp div.pdf div:not(:first-of-type) { margin-top:10px; } #ly-Product-Detail div.content ul.format { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; -ms-flex-pack:justify; justify-content:space-between; } #ly-Product-Detail div.content ul.format li { width:49%; } #ly-Product-Detail div.content dl.pdf { margin-top:38px; padding:15px 30px; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:justify; justify-content:space-between; } } /* Desktop */ @media screen and (min-width:1020px) { #ly-Outline div.products { margin-top:40px; padding-top:40px; } #ly-Outline div.products dt { font-size:1.5em; } #ly-Characteristic div.content div.image { width:200px; height:200px; } #ly-Application div.content div.item dl { margin-left:40px; } #ly-Sizes-Standard div.content table { margin-bottom:20px; } #ly-Product[data-type='list'] div.frame { max-width:1400px; padding-top:60px; padding-bottom:40px; } #ly-Product[data-type='list'] div.list { margin-top:50px; } #ly-Product[data-type='list'] div.list a { width:22%; margin-left:1.5%; margin-right:1.5%; margin-bottom:45px; } #ly-Product[data-type='list'] div.list a dt { font-size:1.2em; } #ly-Specification div.frame { max-width:1200px; margin-left:auto; margin-right:auto; padding-top:80px; padding-bottom:80px; } #ly-Specification dl { text-align:center; } #ly-Specification dt { font-size:2em; font-weight:700; } #ly-Specification dd { margin-top:40px; } #ly-Specification dd a { display:inline-block; background-color:#fff; border:2px solid #aaa; border-radius:200px; padding:15px 40px; color:#000; font-weight:700; text-decoration:none; } #ly-Product-Detail { width:100%; height:100vh; position:fixed; top:0; left:0; color:#fff; overflow:hidden; background-color:rgba(0, 0, 0, .9); } #ly-Product-Detail article { width:100%; height:100%; display:-ms-flexbox; display:flex; position:relative; } #ly-Product-Detail div.foam { width:30%; height:100%; position:absolute; left:-30%; overflow:hidden; display:-ms-flexbox; display:flex; -ms-flex-pack:center; justify-content:space-around; } #ly-Product-Detail div.foam img { min-width:100%; min-height:100%; position:absolute; left:50%; transform:translate(-60%, 0); } #ly-Product-Detail section.detail { width:70%; height:100%; background-color:#15151a; position:absolute; left:100%; overflow-y:scroll; } #ly-Product-Detail header { width:calc(70% - 17px); padding:35px 40px 0 40px; background-color:#15151a; position:fixed; z-index:3; } #ly-Product-Detail header h1 { font-size:1.5em; } #ly-Product-Detail header p.descript { font-size:1.1em; margin-top:5px; padding-bottom:25px; border-bottom:1px solid #444; } #ly-Product-Detail header div.prev { position:absolute; top:40px; right:140px; } #ly-Product-Detail header div.prev button { width:41px; height:41px; border:none; background:url('../../img/view/products/img-products-detail-prev.png') transparent no-repeat; } #ly-Product-Detail header div.prev button:focus, #ly-Product-Detail header div.prev button:hover { background-position:-41px 0; } #ly-Product-Detail header div.next { position:absolute; top:40px; right:90px; } #ly-Product-Detail header div.next button { width:41px; height:41px; border:none; background:url('../../img/view/products/img-products-detail-next.png') transparent no-repeat; } #ly-Product-Detail header div.next button:focus, #ly-Product-Detail header div.next button:hover { background-position:-41px 0; } #ly-Product-Detail header div.close { position:absolute; top:40px; right:40px; } #ly-Product-Detail header div.close button { width:41px; height:41px; border:none; background:url('../../img/view/products/img-products-detail-close.png') transparent no-repeat; } #ly-Product-Detail header div.close button:focus, #ly-Product-Detail header div.close button:hover { background-position:-41px 0; } #ly-Product-Detail div.content { margin-top:120px; margin-bottom:40px; padding:40px 40px 0 40px; overflow:hidden; } #ly-Product-Detail div.content h3 { padding-left:38px; margin-top:38px; font-size:1.3em; background:url('../../img/view/products/img-products-h3.svg') left center no-repeat; } #ly-Product-Detail div.content p.data { margin-top:20px; margin-left:38px; } #ly-Product-Detail div.content dl.data { margin-left:38px; } #ly-Product-Detail div.content dl.data dt { margin-top:20px; font-weight:500; font-size:1.1em; } #ly-Product-Detail div.content dl.data dd { line-height:1.8; color:#ccc; } #ly-Product-Detail div.content dl.data ul { margin-top:10px; } #ly-Product-Detail div.content dl.data li { line-height:1.8; color:#fff; } #ly-Product-Detail div.content ul.data { margin-top:20px; margin-left:38px; } #ly-Product-Detail div.content ul.data li { line-height:1.8; } #ly-Product-Detail div.content div.tables { margin-left:38px; } #ly-Product-Detail div.content table { width:700px; margin-top:20px; } #ly-Product-Detail div.content p.comment { margin-top:20px; margin-left:38px; } #ly-Product-Detail #svg-Preview { width:100vw; height:100vh; position:absolute; top:0; left:0; z-index:254; background-color:rgba(0, 0, 0, .9); } #ly-Product-Detail #svg-Preview div.frame { width:100vw; height:calc(100vh - 20px); min-height:300px; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; -ms-flex-direction:column; flex-direction:column; margin-top:20px; } #ly-Product-Detail #svg-Preview dl { margin-top:25px; margin-bottom:20px; text-align:center; } #ly-Product-Detail #svg-Preview dt { display:inline-block; color:#fff; font-size:1.2em; font-weight:700; background-color:#c0312d; padding:10px 40px; border-radius:200px; } #ly-Product-Detail #svg-Preview dd { margin-top:10px; color:#eee; font-size:.8em; } #ly-Product-Detail #obj-Preview { min-width:300px; max-width:1200px; height:100%; min-height:200px; max-height:650px; border-top-left-radius:20px; border-bottom-right-radius:20px; background-color:#fff; position:relative; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; } #ly-Product-Detail #obj-Preview svg { min-width:300px; height:100%; min-height:200px; display:block; } #ly-Product-Detail #obj-Preview div.close { position:absolute; top:20px; right:20px; } #ly-Product-Detail #obj-Preview div.close button { width:41px; height:41px; border:none; background:url('../../img/view/products/img-products-preview-close.png') transparent no-repeat; } #ly-Product-Detail #obj-Preview div.close button:focus, #ly-Product-Detail #obj-Preview div.close button:hover { background-position:-41px 0; } } /* Desktop : 1020 */ @media screen and (min-width:1020px) and (max-width:1219.99px) { #ly-Outline div.frame { padding-top:50px; padding-bottom:50px; } #ly-Characteristic div.frame { padding-top:50px; padding-bottom:50px; } #ly-Application div.frame { padding-top:50px; padding-bottom:50px; } #ly-Sizes-Standard div.frame { padding-top:50px; padding-bottom:50px; } #ly-Sizes-Customer div.frame { padding-top:50px; padding-bottom:50px; } } /* Desktop : 1220 */ @media screen and (min-width:1220px) { #ly-Outline div.frame { width:1200px; margin-left:auto; margin-right:auto; padding-top:80px; padding-bottom:80px; } #ly-Characteristic div.frame { width:1200px; margin-left:auto; margin-right:auto; padding-top:80px; padding-bottom:80px; } #ly-Application div.frame { width:1200px; margin-left:auto; margin-right:auto; padding-top:80px; padding-bottom:80px; } #ly-Sizes-Standard div.frame { width:1200px; margin-left:auto; margin-right:auto; padding-top:80px; padding-bottom:80px; } #ly-Sizes-Customer div.frame { width:1200px; margin-left:auto; margin-right:auto; padding-top:80px; padding-bottom:80px; } } @media all and (-ms-high-contrast:none) { #ly-Product-Detail #obj-Preview { width:1000px; } }