html{font-size:12px}
a[href^="tel:"]{color:#85bbd2;}

body:not(.top) > header{position:relative;overflow:hidden}
body:not(.top) > header .bg{position:absolute;background-position:center}
html:not(.pc) body:not(.top) > header .bg{opacity:.4}
html.mobile body:not(.top) > header .inner{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:8px}

.logo{-webkit-box-shadow:0 0 3px 0 #cde9fa;-moz-box-shadow:0 0 3px 0 #cde9fa;box-shadow:0 0 3px 0 #000, 0 0 3px 0 #cde9fa;overflow:hidden}
body:not(.top) .logo{-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.logo a{display:block;line-height:0;}
body:not(.top) .logo img{width:100%;height:auto}

h1 > img,
h1 span img{width:auto}

body:not(.top) > header nav:not(.breadcrumbs) li,
body:not(.top) > header nav:not(.breadcrumbs) a{display:block;height:40px;line-height:40px}
body:not(.top) > header nav:not(.breadcrumbs) a{width:40px}






a.button{display:inline-block;text-decoration:none !important;margin-bottom:1em}
a.button,
button{border:none;line-height:32px;padding:0 16px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}

a.button,
button.more,
.form-based form button{background-color:#648c9d;color:#fff !important;font-size:12px;text-shadow:1px 1px 0 #000}
button.more:not(:last-child){margin-bottom:24px}

.badge{position:absolute;display:block;opacity:0;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}
.badge.new{top:0;right:0;width:32px;height:32px;background-image:url(https://www.radius-revolt.com/cab/v2/badge_new.png)}

.pager:not(:last-child){margin-bottom:24px}

.pad{padding:4px}
.pad-8{padding:8px}
.pad-t{padding-top:4px}
.pad-r{padding-right:4px}
.pad-b{padding-bottom:4px}
.pad-l{padding-left:4px}
.pad-v{padding-top:4px;padding-bottom:4px}
.pad-h{padding-left:4px;padding-right:4px}
.pad-8v{padding-top:8px;padding-bottom:8px}
.pad-8h{padding-left:8px;padding-right:8px}

.fill{background-color:#292929}


.breadcrumbs{position:absolute;bottom:0;padding-left:8px;line-height:40px;background-color:rgba(0,0,0,.5)}
.breadcrumbs a{display:inline-block;color:#b8b8b8}
.breadcrumbs a:not(:last-child){margin-right:8px}

main{padding-bottom:64px}

body.disabled-scroll{position:fixed}
body.disabled-scroll .mask{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;z-index:100;background-color:#141414;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}
.drawer-nav{width:254px}

.drawer-nav .ctrls{width:254px;height:40px}
.drawer-nav .ctrls li,
.drawer-nav .ctrls a{display:block;width:40px;height:40px;line-height:40px}

/*.fb-like{height:40px;padding:10px 0}*/

/**
 ** Banner
 **/

.banner{position:relative;width:254px}
.banner a{position:relative;display:block;opacity:1 !important}
.banner:not(.compact),
.banner:not(.compact) a{height:132px}
.banner.compact,
.banner.compact a{height:64px}
.banner:not(.borderless){border:1px solid rgba(255,255,255,.16);overflow:hidden}
.banner:not(.borderless) img{width:252px;height:auto}
.banner figure{overflow:hidden}
.banner figcaption{line-height:1.4}
/*.banner:not(.compact) figcaption{font-size:12px}*/
.banner.compact figcaption{font-size:11px}
.banner figcaption{text-shadow:1px 1px 1px #000;position:absolute;color:#e0e0e0;z-index:20}
.banner.center figcaption{margin:0 8px;top:50%;width:100%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}
.banner figcaption > *{display:block;line-height:1.4}
.banner figcaption big{font-size:18px}
.banner figcaption strong{
  font-size:13px;font-weight:bold}
.banner.center figcaption *{text-align:center}
.banner:not(.compact).left figcaption{margin:0 16px}
.banner.compact.left figcaption{margin:0 8px}
.banner.left figcaption{top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}
.banner.compact.left-bottom figcaption{left:8px;bottom:8px}
.banner:not(.compact).left-bottom figcaption{left:16px;bottom:16px}

.banner a figure img{position:absolute}
.banner .dot{position:absolute;width:254px;height:132px;top:0;left:0;opacity:.32;background-image:url(https://radius-revolt.com/cab/v2/overlay.png);z-index:10;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}
.banner:not(.dotless) a:hover .dot{opacity:0}
.banner.dotless a img{-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}
.banner.dotless a:hover img{
  /*filter:blur(1px);*/
  opacity:.72
}

/**
 ** Grid
 **/

.has-filter #content{position:relative}
.filter:not(.icon){position:absolute;top:0;left:0;width:100%;padding:16px;z-index:10;background-color:#292929}
.filter .header{line-height:40px;margin-bottom:8px}
.filter .header span{font-size:13px;color:#b8b8b8;}
.filter .header a{display:block;width:40px;height:40px;opacity:.72;}
.filter fieldset{padding-bottom:24px}
.filter legend{font-size:10px;color:#e0e0e0;margin-bottom:8px}
.filter li{margin-right:4px;margin-bottom:4px}
.filter li a{display:block;line-height:32px;color:#8f8f8f;text-decoration:none;padding:0 8px}
.filter li a.is-active{background-color:#4b4b4b;color:#e0e0e0}
.filter input[type=text]{width:100%;padding:0 4px;background-color:#3a3a3a;line-height:32px;border:none;color:#e0e0e0}
.filter .footer a{display:block;line-height:32px;padding:0 8px;text-decoration:none;background-color:#7e8c91;color:#000}




/*.grid .item .primary,
.grid .item .secondary{transition:opacity .3s ease-out}*/
/*.grid .item a:hover .primary{opacity:1}
.grid .item a:hover .secondary{opacity:.87}
*/
.grid.flickable{width:100%;overflow:hidden}

/**
 ** Drawer Nav
 **/

.drawer-nav .scrollable > div{margin-bottom:8px;width:254px}
.drawer-nav div.list:not(.bgless){padding:8px;background-color:#292929}
.drawer-nav .sub-header{margin-bottom:8px;border-bottom:1px solid #404040}
.drawer-nav .sub-header span{
  font-size:11px;
  font-weight:bold;
  color:#85bbd2;
  line-height:40px;
  padding:0 8px;
}
/*.drawer-nav .sub-header a{
  display:block;
  width:40px;
  height:40px;
}*/

/*nav .list ul{
  overflow:hidden;
  transition:height .3s;
}
*/
.list .item{position:relative}
.list:not(.borderless) .item{border-bottom:1px solid #3d3d3d}
.list:not(.borderless) .item:first-child{border-top:1px solid #3d3d3d}
.list .item.one-line,
.list dl.item.one-line *{line-height:32px}
.list .item:not(.flexible-line) a{display:block;padding:0 8px}
.drawer-nav .item a{color:#b8b8b8}
/*.drawer-nav .list .item a{font-size:12px}*/
.list .item:not(.flexible-line) a,
.list .item:not(.flexible-line) a *{line-height:32px}

.list .item.one-line .override-height,
.list .item.one-line .override-height *{line-height:40px}
/*.list .item.one-line a:not(.override-height),
.list .item.one-line a:not(.override-height) *{line-height:32px}*/
.list .flexible-line.flex .thumb,
.list .flexible-line .flex .thumb{width:32px;margin-right:8px}
.list .flexible-line.flex .thumb .enclosure-image,
.list .flexible-line .flex .thumb .enclosure-image{width:32px;height:32px;overflow:hidden;position:relative}
.list .flexible-line.flex .thumb .enclosure-image img,
.list .flexible-line .flex .thumb .enclosure-image img{
  width:auto;height:100%;left:50%;position:absolute;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}

.two-columns-list .item{flex-grow:1;flex-basis:50%;width:50%}
.list .item .badge.new{top:-1px !important}

html:not(.pc) .list .item a.flex{position:relative;}
html:not(.pc) .list .item .flex .icon{display:block;width:32px;height:32px;}
html:not(.pc) .list .item .flex div:first-child{margin-right:40px;}
html:not(.pc) .list .item .flex div:last-child{position:absolute;right:8px;top:50%;margin-top:-16px;opacity:.72;}

.expandable .list .item .text{overflow:hidden;}

.expandable.list-based section .list .item a{color:#85bbd2 !important;}
.expandable.list-based section .list .item > div{overflow:hidden;padding:0 8px;-webkit-transition:height .5s;-moz-transition:height .5s;-o-transition:height .5s;transition:height .5s}
.expandable.list-based section .list .item > div p{line-height:1.6}
.expandable.list-based section .list .item:not(.is-expand) > div{height:0}
.expandable.list-based section .list .item.is-expand > div{margin-bottom:8px}

.text-based section > .content > *:not(.grid) > li,
.text-based section > .content > *:not(.grid) > li li,
.article-based section > .content > *:not(.grid) > li,
.article-based section > .content > *:not(.grid) > li li{margin-right:8px}
.text-based section > .content > ol > li{margin-bottom:2em}
.article-based section > .content > ol > li{margin-bottom:1em}
.text-based section > .content > ul:not(.grid) > li:not(:last-child),
.article-based section > .content > ul:not(.grid) > li:not(:last-child){margin-bottom:.5em}
article .content > ol{margin-bottom:1em}
article .content > ol > li:not(:last-child){margin-bottom:.5em}
body{color:#e0e0e0;background-color:#000}





main header{position:relative;margin-bottom:24px}

body:not(.top) h2{font-size:18px}
section > header h2{line-height:56px}
.has-filter section > header h2{position:relative}

article > header h2{line-height:1.32;padding:15px 0;color:#85bbd2}

header h2:not(.message):after{content:'';width:50px;border-bottom:1px dotted #8f8f8f;display:block;position:absolute;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}
article header h2:after{margin-top:16px}
.has-filter section > header a{position:absolute;top:50%;right:0;display:block;width:40px;height:40px;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}
header h2 ~ *{display:block;margin-top:16px;line-height:1.7;font-size:11px}
header h2 ~ p{width:80%;margin-left:auto;margin-right:auto;color:#8f8f8f !important}
header h2 ~ p:not(:last-child){margin-bottom:1.4em}
header h2 ~ p a{text-decoration:underline;color:#8f8f8f}

section > header ul li a{
  display:inline-block;
  margin:0 4px;
  line-height:24px;
  padding:0 24px;
  font-size:11px;
  -webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px
}
section > header ul li:not(.is-active) a{background-color:#292929;color:#e0e0e0}
section > header ul li.is-active a{background-color:#247397;color:#fff}

section > .content > p em{color:#85bbd2 !important;font-style:normal}
section > .content > p a{color:#cde9fa;text-decoration:underline}
section > .content > ul:not(:last-child){margin-bottom:16px}

html:not(.pc) h3{line-height:32px}
html.pc h3{line-height:40px}
h3{font-size:14px;margin-bottom:8px}
article section header h3{font-size:16px}

/**
 ** Article Content
 **/
article .content big{color:#ba5315}
article > .secondary.content{margin-top:32px}

html.pc article .force-layout.content p:not(:last-child) .enclosure-image{max-width:100%;margin:24px 0}
html.pc article .force-layout.content .enclosure-image img{width:100%;height:auto}
/*article .content.primary img{width:100%;height:auto;}*/

html.pc article .content p a:hover{color:#fff}

.content p a{color:#247397;text-decoration:underline}
.content p em{color:#85bbd2 !important;font-style:normal}
/*html.pc .content p em{font-weight:bold}
*/.content p strong{color:#85bbd2}
/*html.pc .content p strong{font-weight:normal}*/
.content p i{font-style:italic;margin-right:.25em}

article .secondary.content dt{width:80px;border-bottom:1px solid #292929}
article .secondary.content dd{-webkit-flex-grow:1;flex-grow:1;border-bottom:1px dotted #292929}
article .secondary.content dl:first-child dt,
article .secondary.content p + dl dt{border-top:1px solid #292929}
article .secondary.content dl:first-child dd,
article .secondary.content p + dl dd{border-top:1px dotted #292929}
article .secondary.content dt,
article .secondary.content dd{font-size:11px}
article .primary.content:not(:last-child),
article .secondary.content:not(:last-child){margin-bottom:32px}
article footer ~ section{margin-top:64px}
section article section:not(:last-child){margin-bottom:40px;}
section article section h4{/*line-height:40px;*/font-size:14px;padding:8px 0;line-height:1.6;}
article section header h3{line-height:56px !important;position:relative}
article section header h3:after{border-bottom:1px dotted #8f8f8f;content:"";display:block;left:50%;position:absolute;width:50px;-webkit-transform:translate(-50%,0px);-moz-transform:translate(-50%,0px);-ms-transform:translate(-50%,0px);-o-transform:translate(-50%,0px);transform:translate(-50%,0px)}

/**
 ** Carousel
 **/
#gallery-picture{margin-bottom:24px}

/**
 ** Article Table
 **
 ** Fixed 2016.6.15
 **/

article .content table{margin-left:auto;margin-right:auto}
article .content tr{/*display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important;-webkit-align-items:start;align-items:start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;justify-content:flex-start*/}
article .content th,article .content td{padding:8px 4px;text-align:left;line-height:16px}
article .content thead th{font-weight:normal;background-color:#141414;}
article .content thead th:first-child{padding-right:16px;color:#8f8f8f;border-bottom:1px solid #292929;border-top:1px solid #292929}
article .content thead th:not(:first-child){/*-webkit-flex-grow:1;flex-grow:1;*/border-bottom:1px dotted #292929;border-top:1px dotted #292929}
article .content tbody th{white-space:nowrap;font-weight:normal;text-align:left}

article .content tbody th{padding-right:16px;color:#8f8f8f;border-bottom:1px solid #292929}
article .content tbody td{/*-webkit-flex-grow:1;flex-grow:1;*/border-bottom:1px dotted #292929}
article .content tbody:first-child tr:first-child th{border-top:1px solid #292929}
article .content tbody:first-child tr:first-child td{border-top:1px dotted #292929}
article .content tfoot td{font-size:10px;line-height:1.6;color:#8f8f8f;}

article .secondary.content dl{line-height:32px}
article .secondary.content dt{color:#8f8f8f;white-space:nowrap}
article .secondary.content dd{padding-left:8px}
article .secondary.content .spec-table dd span{
  display:inline-block;font-size:9px;font-weight:bold;line-height:16px;margin-right:8px;background-color:#cde9fa;color:#000;padding:0 8px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;vertical-align:text-bottom
}
/*html.pc .price-table{line-height:32px;width:80%;display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important;-webkit-align-items:start;align-items:start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;justify-content:flex-start}*/
/*html.tablet .price-table{font-size:.8rem}*/
/*html.mobile .price-table{margin-bottom:8px;border-bottom:1px solid #292929}
html.mobile .price-table:first-child,
html.mobile p + .price-table{border-top:1px solid #292929;padding-top:8px}*/
/*html.pc .price-table dt{color:#8f8f8f}
html.pc .price-table dt,
html.pc .price-table dd{padding:8px 0}
html.pc .price-table dt{width:80px;border-bottom:1px solid #292929}
html.pc .price-table dd{-webkit-flex-grow:1;flex-grow:1;border-bottom:1px dotted #292929}
html.pc .price-table:first-child dt,
html.pc p + .price-table dt{border-top:1px solid #292929}
html.pc .price-table:first-child dd,
html.pc p + .price-table dd{border-top:1px dotted #292929}

.price-table a{text-decoration:underline}
html.pc .price-table a{color:#8f8f8f}
.price-table + p{margin-top:16px}
html.pc .price-table + p{width:80%}*/


article footer{margin-top:32px}
.pager{margin:32px 0}
.pager li,
.pager a{line-height:32px;letter-spacing:.2em}
.pager li{color:#525252}
.pager li{padding:0 4px}
article > footer .pager li:not(.is-active),
article > footer .pager li a{padding:0 24px}
.pager a{padding:0 8px;}
.pager li.is-current{border-bottom:2px solid #e0e0e0;color:#e0e0e0;padding:0 16px}
/*.pager:not(.compact) .is-active a{padding:0 8px}*/
.pager a{display:block;color:#8f8f8f}
html:not(.mobile) .pager .is-active{padding:0 8px}
html:not(.mobile) .pager li:not(.first):not(.previous):not(.next):not(.last) a{padding:0 16px}
html:not(.pc) article footer .pager a{background-color:#141414}

.related-nav p{font-size:10px;line-height:32px;margin-bottom:8px !important;border-bottom:1px solid #292929}

/*html:not(.pc) article footer .related-nav a{color:#247397}
html.tablet article footer .related-nav a{font-size:.8rem}*/

.related-nav li{color:#525252;min-height:32px}
.related-nav a{display:block;line-height:1.3;padding:8px 0;color:#85bbd2;}


.child-nav{margin-top:32px;width:80%;margin-left:auto;margin-right:auto}
.child-nav li{width:50%;padding:0 8px;}
.child-nav a{display:block;line-height:32px;border:1px solid #292929;background-color:#141414;color:#85bbd2}
html.pc .child-nav a{-webkit-transition:color .5s,background-color .5s;-moz-transition:color .5s,background-color .5s;-o-transition:color .5s,background-color .5s;transition:color .5s,background-color .5s}
html.pc .child-nav a:hover{color:#e0e0e0;background-color:#292929;}
body > footer{
  padding-bottom:24px;
  background-color:#141414;
}
#page-top{z-index:20;margin-bottom:16px;position:relative;height:40px}
#page-top a{display:block;position:absolute;top:-20px;left:50%;margin-left:-20px;width:48px;height:48px;background-color:#141414;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px}
#page-top a span{position:absolute;width:10px;height:10px;border:1px solid #141414;border-left-color:#8f8f8f;border-top-color:#8f8f8f;top:50%;left:50%;margin-top:-5px;margin-left:-5px;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}


body > footer nav li,
body > footer nav a{font-size:11px;line-height:24px}
body > footer nav a{color:#b8b8b8}
/*body > footer nav a.external-link{color:#247397}*/
header .group-link{margin:24px 0;}
.group-link li,.group-link a{font-size:11px;line-height:24px;color:#b8b8b8}
html.pc .group-link a:hover{text-decoration:underline;}
.group-link li::after{margin:0 8px;color:#525252}
.group-link li:first-child::after{content:'>'}
.group-link li:not(:first-child):not(:last-child)::after{content:'|'}

body > footer .regal{margin:32px 0;color:#b8b8b8;font-size:.7857rem;font-family:Verdana}


.debugger{margin-top:16px;}
.debugger dl{margin-bottom:4px;font-size:11px;}
.debugger dt{width:80px;color:#aaa;}
.debugger dd{color:#eee;}



.drawer-nav .flexible-line{padding-top:8px;color:#b8b8b8}
.drawer-nav p{font-size:11px}
.drawer-nav .ad:not(:last-child){margin-bottom:16px}
.drawer-nav .ad a,
.drawer-nav .ad .enclosure-image{display:block}
.drawer-nav .ad a + p{margin-top:8px}

.filter input[type=text]{background-color:#454545 !important;border:none !important}
.content p{letter-spacing:.12em}

.two-columns > *{width:50%}
.two-columns > *:first-child{margin-right:8px}
.two-columns > *:last-child{margin-left:8px}
section > .content article:not(:last-child){margin-bottom:32px}
section > .content article h3:not(.borderless){border-top:1px dotted #292929;border-bottom:1px dotted #292929;color:#85bbd2}

.list .item time:not(.inline),
.list .item > a,
.list .item > strong{display:block}

html.pc .list a{-webkit-transition:color .5s;-moz-transition:color .5s;-o-transition:color .5s;transition:color .5s}


html.tablet .list.borderless .flexible-line{margin-bottom:32px}
html.mobile body:not(.expandable) .list.borderless .flexible-line{margin-bottom:16px}
html.mobile .list .is-expand{margin-bottom:16px;}
/*.list .flexible-line{padding:8px !important}*/
.list .flexible-line time{margin-bottom:8px;font-size:10px;color:#8f8f8f}
html:not(.pc) .list .flexible-line a{color:#85bbd2}
html:not(.pc) .list .flexible-line p{font-size:11px;color:#b8b8b8}
html:not(.pc) .list.borderless .flexible-line p:first-child{margin-top:8px;padding-top:8px;border-top:1px solid #292929;}
html.pc .list .flexible-line > a{display:block;line-height:24px;color:#b8b8b8;-webkit-transition:color .5s;-moz-transition:color .5s;-o-transition:color .5s;transition:color .5s}
html.pc .list .flexible-line > a:hover{color:#85bbd2}

section nav{margin-bottom:40px;}

/**
 ** Grid
 **/
.grid .primary,
.works.grid .secondary{position:relative;overflow:hidden}
.grid:not(.coating):not(.service) .primary,
html:not(.mobile) .works.grid .secondary{padding-top:66%}
html.mobile .works.grid .secondary{padding-top:90%}
.coating.grid .primary{padding-top:100%}
.service.grid .primary{padding-top:56px}

.grid:not(.works) .secondary strong:first-child{margin-top:16px}
.grid .primary > *,
.works.grid .secondary > *{position:absolute;top:0}
.grid .primary{line-height:0}
.grid .primary img{width:100%;height:auto}
.grid.groups .item{margin-bottom:24px}
.grid .item,
.grid:not(.groups) .item a{position:relative;display:block}
.grid .item p{color:#8f8f8f}

html:not(.mobile) .grid .secondary > div{padding:0 16px}
.grid .secondary span{font-size:11px}

.service.grid .primary .inner{width:100%;height:100%;border:1px solid #292929}
.service.grid .primary span{display:block;position:absolute;width:100%;top:50%;color:#8f8f8f;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}
html.pc .service.grid .primary span{transition:color .5s}
html.pc .service.grid a:hover .primary span{color:#85bbd2}
html.mobile .service.grid .primary span{font-size:11px;padding:0 8px;line-height:1.3}

.works.grid .item strong,
.works.grid .item span,
.works.grid .item time{display:block}
.works.grid .item strong{letter-spacing:.1em;line-height:1.4;color:#e0e0e0;margin-bottom:8px}

/*.works.grid .secondary{position:relative}*/
.works.grid .secondary > div{/*position:absolute;t*/top:50%;width:100%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}
.works.grid .secondary span{color:#b8b8b8}
.works.grid .secondary time{color:#8f8f8f}


html.pc .topics.grid .item a:hover .primary{opacity:.72}
.topics.grid.wrap .item{margin-bottom:32px}
.topics.grid .item img{display:block;top:0;left:0;line-height:0;width:100%;border:none;margin:0;padding:0;height:auto}
.topics.grid .secondary{margin-top:16px}
.topics.grid .secondary time{display:block;color:#8f8f8f;margin-bottom:8px}
.grid .secondary strong{display:block;letter-spacing:.1em;line-height:1.4;margin-bottom:12px;color:#e0e0e0}
.grid .secondary time{font-size:10px}
html.pc .topics.grid .secondary strong{/*font-size:12px;-webkit-transition:color .5s;-moz-transition:color .5s;-o-transition:color .5s;transition:color .5s*/}
html.pc .topics.grid a:hover .secondary strong{color:#85bbd2}
.topics.grid .secondary p{font-size:11px}

.banner-nav{margin-left:auto;margin-right:auto}
.banner-nav:not(:first-child){margin-top:32px}
.banner-nav li{margin-bottom:8px}
html:not(.mobile) .banner-nav li:nth-child(odd){margin-right:4px}
html:not(.mobile) .banner-nav li:nth-child(even){margin-left:4px}
.banner-nav a{display:block;line-height:0}
html.pc .banner-nav a{-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}
html.pc .banner-nav a:hover{opacity:.72}

html:not(.mobile) body > footer .common-link ul{margin:0 32px}


.shop-data{margin-bottom:40px}
.shop-data .picture{width:304px}
.shop-data .text{width:75%;padding-left:40px}
.shop-data .picture figure{width:100%}
.shop-data .picture img{width:100%;height:auto}
.shop-data .text .name{font-size:13px;margin-bottom:16px}
.shop-data .text p:not(.name){margin-bottom:1.4em;font-size:11px;color:#b8b8b8}
.shop-data .text >div:not(:last-child){margin-bottom:16px}
.shop-data .flex dl{width:50%}
.shop-data dl.map,
.shop-data .map dd{width:100%}
.shop-data dt,
.shop-data dd,
.shop-data address{line-height:2}
.shop-data dd,
.shop-data address{color:#b8b8b8}
.shop-data dt{width:80px}
/*.shop-data nav{margin-top:24px;margin-bottom:32px;}
.shop-data nav li{width:33.333333%;}
.shop-data nav a{display:block;color:#8f8f8f;line-height:32px;border:1px solid #292929;}*/
footer iframe{margin-bottom:40px;}
html.pc .shop-data nav a{-webkit-transition:color .5s,background-color .5s;-moz-transition:color .5s,background-color .5s;-o-transition:color .5s,background-color .5s;transition:color .5s,background-color .5s}
html.pc .shop-data nav a:hover{color:#e0e0e0;background-color:#292929}