@charset "UTF-8"; #ly-Title.title-news { background-image:url('../../img/common/img-title-news.jpg'); } #ly-Title.title-news h1 { color:#fff; } #ly-Title.title-news p { color:#ccc; } #ly-Title.title-exhibition { background-image:url('../../img/common/img-title-exhibition.jpg'); } #ly-Title.title-exhibition h1 { color:#fff; } #ly-Title.title-exhibition p { color:#ccc; } #ly-Title.title-gallery { background-image:url('../../img/common/img-title-gallery.jpg'); } #ly-Title.title-gallery h1 { color:#fff; } #ly-Title.title-gallery p { color:#ccc; } #ly-Board div[data-type='list-gallery'] div.frame { margin-left:auto; margin-right:auto; } #ly-Board div[data-type='list-gallery'] div.list { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } #ly-Board div[data-type='list-gallery'] 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-Board div[data-type='list-gallery'] div.list a:focus, #ly-Board div[data-type='list-gallery'] div.list a:hover { border-color:#aaa; box-shadow:4px 4px 4px 0 rgba(0, 0, 0, .1); top:-7px; } #ly-Board div[data-type='list-gallery'] div.list div.image { background-color:#eee; } #ly-Board div[data-type='list-gallery'] div.list a dl { padding:15px; } #ly-Board div[data-type='list-gallery'] div.list a dt { border-bottom:1px solid #f0f0f0; padding-bottom:10px; margin-bottom:15px; font-weight:700; color:#333; word-break:keep-all; } #ly-Board div[data-type='list-gallery'] div.list a dd { color:#757575; text-align:right; } #ly-Board div[data-type='list-normal'] div.list a { display:block; background-color:#fff; text-decoration:none; } #ly-Board div[data-type='list-normal'] div.list a:not(:first-of-type) { border-top:1px solid #dadada; } #ly-Board div[data-type='list-normal'] div.list a:last-of-type { border-bottom:1px solid #dadada; } #ly-Board div[data-type='list-normal'] div.list a dl { padding:18px 25px; 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-Board div[data-type='list-normal'] div.list a dt { -ms-flex:1; flex:1; font-weight:700; color:#333; word-break:break-all; } #ly-Board div[data-type='list-normal'] div.list a dt span.secret { margin-right:6px; } #ly-Board div[data-type='list-normal'] div.list a dd { color:#757575; text-align:right; } #ly-Board div[data-type='list-normal'] div.list a dd.read { margin-left:20px; padding:2px 10px; background-color:#757575; color:#fff; font-weight:700; border-radius:200px; } #ly-Board div[data-type='list-normal'] div.list a dd.side { width:100%; font-size:.8em; margin-top:5px; font-weight:300; display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; } #ly-Board div[data-type='list-normal'] div.list p.nodata { text-align:center; padding-top:50px; padding-bottom:50px; border-bottom:1px solid #dadada; } #ly-Board div[data-type='view'] h1 { background-color:#a55; color:#fff; font-weight:700; text-align:center; } #ly-Board div[data-type='view'] div.info { color:#757575; } #ly-Board div[data-type='view'] div.info.top { padding:15px 20px; border-bottom:1px solid #eee; } #ly-Board div[data-type='view'] div.info dl { font-size:.9em; } #ly-Board div[data-type='view'] div.content { word-break:break-all; line-height:1.6; } #ly-Board div[data-type='view'] div.content img { max-width:100%; } #ly-Board div[data-type='view'] div.content * { word-break:break-all; } #ly-Board div[data-type='view'] div.file { border-top:1px solid #eee; display:-ms-flexbox; display:flex; } #ly-Board div[data-type='view'] div.file p { margin-top:10px; margin-right:12px; font-size:.8em; } #ly-Board div[data-type='view'] div.file p a { display:inline-block; padding:6px 20px; color:#333; font-weight:700; text-decoration:none; background-color:#f5f5f5; border-radius:200px; } #ly-Board div[data-type='view'] div.file p a:focus, #ly-Board div[data-type='view'] div.file p a:hover { background-color:#a22929; color:#fff; } #ly-Certificate div.frame { padding-left:20px; padding-right:20px; } #ly-Certificate header h1 { font-weight:900; color:#333; } #ly-Certificate div.cert { border:1px solid #dadada; background-color:#fff; } #ly-Certificate div.cert p.title { padding:20px; font-weight:700; } #ly-Certificate div.cert img { max-width:100%; } #ly-Patents { background-color:#f5f5f5; } #ly-Patents div.frame { padding-left:20px; padding-right:20px; } #ly-Patents header h1 { font-weight:900; color:#333; } #ly-Patents div.cert { border:1px solid #dadada; background-color:#fff; } #ly-Patents div.cert p img { max-width:100%; } #ly-Patents div.cert dl { padding:20px; } #ly-Patents div.cert dd.title { margin-top:10px; font-weight:500; } #ly-Patents div.cert dd.date { color:#757575; font-size:.9em; } #ly-Sheet div.frame { padding-left:20px; padding-right:20px; } #ly-Sheet h1 { font-weight:900; color:#333; } #ly-Sheet table { border:1px solid #dadada; table-layout:fixed; } #ly-Sheet table col.col-item { width:20%; } #ly-Sheet table col.col-item-big { width:35%; } #ly-Sheet table thead th, #ly-Sheet table tbody th { background-color:#f5f5f5; padding:10px; border-top:1px solid #dadada; border-left:1px solid #dadada; } #ly-Sheet table tbody td { padding:10px; border-top:1px solid #dadada; border-left:1px solid #dadada; text-align:center; } #ly-Sheet li { line-height:1.6; } #ly-Facilities div.frame { padding-left:20px; padding-right:20px; } #ly-Facilities div.image { border:1px solid #dadada; background-color:#fff; position:relative; } #ly-Facilities div.image img { width:100%; } #ly-Facilities div.image div.title { width:100%; position:absolute; left:0; bottom:0; padding:20px; text-align:center; font-weight:700; color:#fff; background-color:rgba(0, 0, 0, .5); } /* Mobile */ @media screen and (min-width:1px) and (max-width:799.99px) { #ly-Board div[data-type='list-normal'] a dd.read span { display:none; } #ly-Board div[data-type='list-gallery'] div.list a { width:48%; } #ly-Board div[data-type='view'] div.info.bottom { padding:20px; } #ly-Board div[data-type='view'] div.file { padding:20px; } #ly-Certificate div.frame { padding-top:30px; padding-bottom:30px; } #ly-Certificate header h1 { font-size:1.6em; } #ly-Certificate div.cert:not(:first-of-type) { margin-top:20px; } #ly-Patents div.frame { padding-top:30px; padding-bottom:30px; } #ly-Patents header h1 { font-size:1.6em; } #ly-Patents div.cert:not(:first-of-type) { margin-top:20px; } #ly-Sheet div.frame { padding-top:30px; padding-bottom:30px; } #ly-Sheet table thead th { word-break:break-all; } #ly-Sheet table tbody th { word-break:break-all; } #ly-Sheet table tbody td { word-break:break-all; } #ly-Facilities div.frame { padding-top:30px; padding-bottom:30px; } #ly-Facilities div.image:not(:first-of-type) { margin-top:20px; } } /* Mobile & Tablet */ @media screen and (min-width:1px) and (max-width:1019.99px) { #ly-Board div[data-type='list-gallery'] { margin-top:30px; } #ly-Board div[data-type='list-gallery'] a { margin-left:1%; margin-right:1%; margin-bottom:30px; } #ly-Board div[data-type='list-gallery'] a dl { padding:20px; } #ly-Board div[data-type='list-gallery'] a dt { font-size:1.1em; } #ly-Board div[data-type='list-gallery'] a dd { font-size:.9em; } #ly-Board div[data-type='view'] h1 { padding:20px; font-size:1.5em; } #ly-Board div[data-type='view'] div.info dl { display:-ms-flexbox; display:flex; font-size:.9em; } #ly-Board div[data-type='view'] div.info dd { margin-left:5px; } #ly-Board div[data-type='view'] div.content { padding:20px; } #ly-Certificate header h1 { margin-bottom:30px; } #ly-Patents header h1 { margin-bottom:30px; } } /* Tablet */ @media screen and (min-width:800px) and (max-width:1019.99px) { #ly-Board div[data-type='list-gallery'] div.list a { width:23%; } #ly-Certificate div.frame { padding-top:40px; padding-bottom:40px; } #ly-Patents div.frame { padding-top:40px; padding-bottom:40px; } #ly-Patents div.cert:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)):not(:nth-of-type(4)) { margin-top:15px; } #ly-Sheet div.frame { padding-top:40px; padding-bottom:40px; } #ly-Facilities div.frame { padding-top:40px; padding-bottom:40px; } #ly-Facilities div.image:not(:nth-of-type(1)):not(:nth-of-type(2)) { margin-top:30px; } } /* Tablet & Desktop */ @media screen and (min-width:800px) { #ly-Board div[data-type='view'] div.info { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; } #ly-Board div[data-type='view'] div.info.bottom { padding:30px; } #ly-Board div[data-type='view'] div.file { padding:30px; } #ly-Certificate div.iso { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; } #ly-Certificate div.cert { width:31.5%; } #ly-Patents div.certs { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:justify; justify-content:space-between; } #ly-Patents div.cert { width:24%; } #ly-Sheet table thead th { word-break:keep-all; } #ly-Sheet table tbody th { word-break:keep-all; } #ly-Sheet table tbody td { word-break:keep-all; } #ly-Facilities div.frame { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:justify; justify-content:space-between; } #ly-Facilities div.image { width:48%; } } /* Desktop */ @media screen and (min-width:1020px) { #ly-Board div[data-type='list-normal'] { padding:80px 20px; } #ly-Board div[data-type='list-normal'] div.list { border-top:3px solid #aaa; } #ly-Board div[data-type='list-normal'] div.list a { border-left:1px solid #dadada; border-right:1px solid #dadada; } #ly-Board div[data-type='list-normal'] div.list a:focus, #ly-Board div[data-type='list-normal'] div.list a:hover { border-color:#757575; } #ly-Board div[data-type='list-normal'] div.list a:focus + a, #ly-Board div[data-type='list-normal'] div.list a:hover + a { border-top-color:#757575; } #ly-Board div[data-type='list-normal'] div.list a dt { font-size:1.1em; } #ly-Board div[data-type='list-gallery'] { padding-top:80px; padding-bottom:80px; margin-top:-50px; } #ly-Board div[data-type='list-gallery'] div.list { margin-top:50px; } #ly-Board div[data-type='list-gallery'] div.list a { width:22%; margin-left:1.5%; margin-right:1.5%; margin-bottom:45px; } #ly-Board div[data-type='list-gallery'] div.list a dt { font-size:1.1em; } #ly-Board div[data-type='view'] h1 { padding:25px 30px; background-color:#a55; color:#fff; font-size:2em; font-weight:700; } #ly-Board div[data-type='view'] div.info { color:#757575; display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; } #ly-Board div[data-type='view'] div.info.top { border-bottom:1px solid #eee; } #ly-Board div[data-type='view'] div.info dl { display:-ms-flexbox; display:flex; font-size:.9em; } #ly-Board div[data-type='view'] div.info dd { margin-left:5px; } #ly-Board div[data-type='view'] div.content { padding:30px; word-break:break-all; line-height:1.6; } #ly-Board div[data-type='view'] div.content * { word-break:break-all; } #ly-Board div[data-type='view'] div.file { border-top:1px solid #eee; display:-ms-flexbox; display:flex; } #ly-Board div[data-type='view'] div.file p { margin-top:10px; margin-right:12px; font-size:.8em; } #ly-Board div[data-type='view'] div.file p a { display:inline-block; padding:6px 20px; color:#333; font-weight:700; text-decoration:none; background-color:#f5f5f5; border-radius:200px; } #ly-Board div[data-type='view'] div.file p a:focus, #ly-Board div[data-type='view'] div.file p a:hover { background-color:#a22929; color:#fff; } #ly-Patents header h1 { margin-bottom:40px; } #ly-Patents div.cert:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)):not(:nth-of-type(4)) { margin-top:18px; } #ly-Patents div.cert dt { font-size:1.1em; } #ly-Sheet h1 { margin-bottom:40px; } #ly-Facilities div.image:not(:nth-of-type(1)):not(:nth-of-type(2)) { margin-top:40px; } #ly-Facilities div.image div.title { font-size:1.1em; } } /* Desktop : 1020 */ @media screen and (min-width:1020px) and (max-width:1219.99px) { #ly-Certificate div.frame { padding-top:60px; padding-bottom:60px; } #ly-Certificate header h1 { font-size:2em; } #ly-Patents div.frame { padding-top:60px; padding-bottom:60px; } #ly-Patents header h1 { font-size:2em; } #ly-Sheet div.frame { padding-top:60px; padding-bottom:60px; } #ly-Facilities div.frame { padding-top:60px; padding-bottom:60px; } } /* Desktop : 1220 */ @media screen and (min-width:1220px) { #ly-Board div[data-type='list-normal'] { width:1200px; margin-left:auto; margin-right:auto; } #ly-Board div[data-type='list-gallery'] { width:1200px; margin-left:auto; margin-right:auto; } #ly-Board div[data-type='view'] div.content { width:1200px; margin-left:auto; margin-right:auto; } #ly-Board div[data-type='view'] div.info.bottom { width:1200px; margin-left:auto; margin-right:auto; } #ly-Certificate div.frame { width:1200px; margin-left:auto; margin-right:auto; padding-top:80px; padding-bottom:80px; } #ly-Certificate header h1 { font-size:2.2em; } #ly-Patents div.frame { width:1200px; margin-left:auto; margin-right:auto; padding-top:80px; padding-bottom:80px; } #ly-Patents header h1 { font-size:2.2em; } #ly-Sheet div.frame { width:1200px; margin-left:auto; margin-right:auto; padding-top:80px; padding-bottom:80px; } #ly-Sheet h1 { font-size:2.2em; } #ly-Sheet * + h1 { margin-top:80px; padding-top:80px; border-top:1px dashed #dadada; } #ly-Sheet table { margin-top:30px; } #ly-Sheet dl { margin-top:30px; } #ly-Facilities div.frame { width:1200px; margin-left:auto; margin-right:auto; padding-top:80px; padding-bottom:80px; } }