@font-face {
    font-family: 'glyphicon';
    src: url('../cdn.roland.com/global/css/fonts/glyphicon.eot');
    src: url('../cdn.roland.com/global/css/fonts/glyphicon.eot?#iefix') format('embedded-opentype'),url('../cdn.roland.com/global/css/fonts/glyphicon.woff') format('woff'),url('../cdn.roland.com/global/css/fonts/glyphicon.ttf') format('truetype'),url('../cdn.roland.com/global/css/fonts/glyphicon.svg#glyphicon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="glyphicon-"],[class*=" glyphicon-"] {
    font-family: 'glyphicon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-brand:before {
    content: "\e600";
}

.glyphicon-search:before {
    content: "\e601";
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block;
}

audio,canvas,video {
    display: inline-block;
}

template {
    display: none;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

a {
    color: #ff5a00;
    background: transparent;
    text-decoration: none;
}

a:focus {
    outline: 0;
}

a:active,a:hover {
    outline: 0;
    color: #ff5a00;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

h2 {
    font-size: 16px;
    font-size: 3rem;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -1px;
    color: #000;
    margin: -0.15em auto 1.15em;
    text-transform: uppercase;
}

h3 {
    font-size: 40px;
    font-size: 2rem;
    font-weight: 100;
    line-height: 1;
    color: #000;
    margin: -0.15em auto .45em;
    text-transform: uppercase;
}

p {
    font-size: 14px;
    font-size: .7rem;
    line-height: 1.46666667;
    font-weight: 300;
    margin: -0.4em auto -0.5em;
}

p:last-child {
    margin-bottom: 0;
}

p+p,p+.lead {
    margin-top: 2em;
}

dl {
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
}

dt,dd {
    border-top: 1px solid #ccc;
}

dt {
    width: 200px;
    padding: 20px 40px 19px 0;
    clear: left;
    float: left;
}

dd {
    margin: 0 0 0 240px;
    min-height: 161px;
    padding: 39px 0 40px 39px;
    border-left: 1px solid #ccc;
}

@media screen and(max-width: 767px) {
    dt,dd {
        width:auto;
        float: none;
    }

    dt {
        text-align: center;
    }

    dd {
        margin-left: 0!important;
        padding-left: 0!important;
        border-left: none;
    }
}

b,strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code,kbd,pre,samp {
    font-family: monospace,serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

figure {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
}

button,input,select,textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

button,input {
    line-height: normal;
}

button,select {
    text-transform: none;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

button[disabled],html input[disabled] {
    cursor: default;
}

input[type="checkbox"],input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: none;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    font: 20px/30px "proxima-nova",sans-serif;
}

body {
    color: #000;
    width: 100%;
    height: auto;
    background-color: #e5e5e5;
    background-image: url(../cdn.roland.com/global/images/background.png);
    background-repeat: repeat-y;
    background-position: center top;
}

#hero {
    margin: 0 auto;
    max-width: 1600px;
    min-width: 1024px;
}

#hero img {
    display: block;
}

ul,ol {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.col-1 {
    display: table-cell;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.col-1 {
    width: 16.66666667%;
}

.flag {
    display: inline-block;
    width: 23px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center center;
}

.flag-japan {
    background-image: url(../cdn.roland.com/global/images/flag_japan.png);
}

@media(-webkit-min-device-pixel-ratio: 2),(min--moz-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1) {
    .flag-japan {
        background-image:url(../cdn.roland.com/global/images/flag_japan2x.png);
        -moz-background-size: 23px 17px;
        -webkit-background-size: 23px 17px;
        -o-background-size: 23px 17px;
        -ms-background-size: 23px 17px;
        background-size: 23px 17px;
    }
}

.icon {
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.icon-facebook,.icon-twitter,.icon-youtube,.icon-google,.icon-rss,.icon-instagram {
    width: 25px;
    height: 25px;
    background-image: url(../cdn.roland.com/global/images/icon_share.png);
}

@media(-webkit-min-device-pixel-ratio: 2),(min--moz-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1) {
    .icon-facebook,.icon-twitter,.icon-youtube,.icon-google,.icon-rss,.icon-instagram {
        background-image:url(../cdn.roland.com/global/images/icon_share2x.png);
        -moz-background-size: 214px 25px;
        -webkit-background-size: 214px 25px;
        -o-background-size: 214px 25px;
        -ms-background-size: 214px 25px;
        background-size: 214px 25px;
    }
}

.icon-facebook {
    background-position: 0 0;
}

.icon-twitter {
    background-position: -38px 0;
}

.icon-youtube {
    background-position: -76px 0;
}

.icon-google {
    background-position: -114px 0;
}

.icon-rss {
    background-position: -152px 0;
}

.icon-instagram {
    background-position: -190px 0;
}

.button-up {
    font-style: normal;
    text-align: center;
    text-decoration: none;
    color: #000;
    display: block;
    width: 60px;
    height: 60px;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 29.5px;
    -webkit-border-radius: 29.5px;
    -moz-border-radius: 29.5px;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
}

.button-up:before {
    content: "\e610";
    font-family: 'glyphicon';
    font-size: 19px;
    font-size: .95rem;
    line-height: 58px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.button-up:hover {
    background-color: #fff;
}

.button-up:hover:before {
    color: #ff5a00;
}

.paddle {
    position: absolute;
    color: #fff;
    text-indent: 100%;
    white-space: nowrap;
    display: block;
    width: 35px;
    height: 35px;
    text-decoration: none;
    background-color: #000;
    outline: 5px solid rgba(255,255,255,0.15);
    overflow: hidden;
}

.paddle:before {
    content: "\e608";
    font-family: 'glyphicon';
    font-size: 26px;
    font-size: 1.3rem;
    line-height: 36px;
    text-align: center;
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 35px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}

.paddle:hover {
    color: #ff5a00;
    outline: 5px solid rgba(255,255,255,0.15);
}

.paddle-left {
    left: 0;
}

.paddle-right {
    right: 0;
}

.paddle-right:before {
    content: "\e609";
}

.cf:before,.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom:1;}

.dot-nav {
    text-align: center;
    width: 100%;
    height: 50px;
}

.dot-nav ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.dot-nav li {
    display: table-cell;
    font-size: 10px;
    font-size: .5rem;
    font-weight: 400;
    line-height: 1;
    color: #999;
    height: 50px;
    padding: 0 .65em;
    vertical-align: middle;
    cursor: pointer;
}

.dot-nav li.active,.dot-nav li:hover {
    color: #ff3c00;
}

.explore {
    font-size: 12px;
    font-weight: 400;
    line-height: 31px;
    text-align: left;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    height: 30px;
    padding: 0 .5em 0 1em;
    transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    background-color: #000;
}

.explore:hover {
    background-color: #ff5a00;
}

.explore:hover:after {
    color: #fff;
}

.explore:before {
    content: none;
    display: none;
}

.explore:after {
    content: "\e603";
    font-family: 'glyphicon';
    font-size: 21px;
    font-size: 1.05rem;
    -webkit-font-smoothing: antialiased;
    color: #ff5a00;
    display: inline-block;
    margin-left: .1em;
    margin-right: -0.1em;
    vertical-align: top;
}

.billboard {
    position: relative;
    height: 500px;
    max-width: 1600px;
    min-width: 320px;
    overflow: hidden;
}

.billboard .paddle {
    top: 50%;
    margin-top: -22.5px;
    z-index: 3;
}

.billboard .dot-nav li {
    font-size: 20px;
    font-size: 1rem;
    color: #ccc;
    padding: 0 .4em;
}

.billboard .dot-nav li:hover,.billboard .dot-nav li.active {
    color: #ff5a00;
}

.billboard-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.billboard-content:first-child {
    z-index: 1;
}

.billboard-content a {
    text-decoration: none;
}

.billboard-content .explore {
    font-size: 12px;
    line-height: 32px;
    letter-spacing: 0;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 7px;
    outline: 5px solid rgba(255,255,255,0.15);
}

.billboard-content .explore:after {
    margin-left: 27px;
}

.billboard-hero {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -800px;
}

.billboard-headline {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1260px;
    padding: 0 40px;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.billboard-headline h1 {
    color: #fff;
}

.billboard-headline h1 {
    font-size: 105px;
    font-size: 5.25rem;
    font-weight: 100;
    line-height: 1;
    margin: -0.15em 0;
}

.billboard-headline h1 small {
    display: block;
    font-size: 20px;
    font-size: 1rem;
    font-weight: 100;
    line-height: 1;
    letter-spacing: .5px;
    margin: .2em 0 .9em;
}

.billboard-headline-black h1 {
    color: #000;
}

.billboard-headline-center {
    margin-top: 80px;
    text-align: center;
}

.billboard-headline-left {
    margin-top: 270px;
}

.billboard-headline-left h1 {
    text-align: center;
    display: inline-block;
}

.billboard-headline-right {
    margin-top: 100px;
    text-align: right;
}

.billboard-headline-right h1 {
    text-align: center;
    display: inline-block;
}

.billboard-headline-shoulder {
    margin-top: 160px;
    width: 900px;
    padding: 0;
}

.billboard-headline-shoulder h1 {
    font-size: 28px;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1;
    text-align: right;
    color: #000;
}

.billboard-headline-center-middle {
    display: table;
    width: 100%;
    height: 100%;
    padding: 0;
}

.billboard-headline-center-middle h1 {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

.billboard-headline-center-middle h1>img {
    margin: 0 auto;
}

@media screen and(max-width: 767px) {
    .billboard-content {
        min-width:0;
    }

    .billboard-hero {
        margin-left: -480px;
        width: auto;
        height: 100%;
    }

    .billboard-headline {
        width: auto;
    }

    .billboard-headline h1 {
        font-size: 2.5rem;
        text-align: center;
        margin: 0 auto;
    }

    .billboard-headline h1 small {
        font-size: .8rem;
    }

    .billboard-headline h1>img {
        width: 80%;
    }

    .billboard-headline-shoulder {
        margin-top: 80px;
    }

    .billboard-headline-shoulder h1 {
        text-align: right;
        margin-right: 30px;
        width: 200px;
        font-size: 1rem;
    }
}

.backtotop {
    line-height: 0;
    text-align: center;
    position: relative;
    width: 100%;
    max-width: 1600px;
    height: 150px;
    margin: 0 auto;
    padding-top: 46px;
    background-color: #e5e5e5;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.backtotop .button-up {
    color: #000;
    position: relative;
    margin: 0 auto;
}

#globalfooter {
    position: relative;
    margin: 0 auto;
    min-width: 1024px;
    max-width: 1600px;
    background-color: #141414;
    z-index: 1;
}

#globalfooter .gf-share {
    margin: 0;
    display: inline-block;
    padding: 21px 0 23px;
    list-style-type: none;
}

#globalfooter .gf-share li {
    font-size: 13px;
    font-size: .65rem;
    font-weight: 400;
    line-height: 1;
    margin-left: 1em;
    float: left;
}

#globalfooter .gf-share li:first-child {
    margin-left: 0;
}

#globalfooter .gf-share li:hover {
    opacity: .8;
    filter: alpha(opacity=80);
}

#globalfooter .gf-links {
    margin: 0;
    display: inline-block;
    padding: 1.45em 0 1.15em;
    list-style-type: none;
}

#globalfooter .gf-links li {
    font-size: 13px;
    font-size: .65rem;
    font-weight: 300;
    line-height: 1;
    color: #999;
    margin: -0.18em 0 0 1.65em;
    float: left;
}

#globalfooter .gf-links li:before {
    content: "|";
    position: relative;
    left: -0.8em;
}

#globalfooter .gf-links li:first-child {
    margin-left: 0;
}

#globalfooter .gf-links li:first-child:before {
    content: none;
}

#globalfooter .gf-links a {
    color: inherit;
    text-decoration: none;
}

#globalfooter .gf-links a:hover {
    color: #999;
    text-decoration: underline;
}

#globalfooter .gf-links .gf-region {
    position: relative;
    margin-left: 1.8em;
}

#globalfooter .gf-links .gf-region a>i {
    position: static;
    margin: -2px 0 0 10px;
    vertical-align: top;
}

#directorynav,#gf-service,#gf-informations,#gf-promos {
    width: 100%;
    max-width: 1280px;
    min-width: 1080px;
    margin: 0 auto;
    padding-left: 50px;
    padding-right: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#directorynav {
    padding-top: 49px;
    padding-bottom: 78px;
}

#directorynav .row {
    display: table;
    width: 100%;
    table-layout: fixed;
}

#directorynav ul {
    margin: 24px 0 30px;
    padding: 0;
    list-style-type: none;
}

#directorynav li {
    line-height: 0;
    margin: 7px 0 0;
}

#directorynav li:first-child {
    margin-top: 0;
}

#directorynav h3 {
    margin: -1px 0 6px;
}

#directorynav h3,#directorynav h3>a {
    font-size: 15px;
    font-size: .75rem;
    font-weight: 300;
    line-height: 1;
    color: #ccc;
}

#directorynav h3>a:hover {
    color: #fff;
}

#directorynav a {
    font-size: 13px;
    font-size: .65rem;
    line-height: 1;
    font-weight: 300;
    color: #999;
    text-decoration: none;
}

#directorynav a:hover {
    color: #aeaeae;
    text-decoration: underline;
}

#directorynav .column {
    display: table-cell;
}

#gf-promos {
    position: relative;
}

#gf-promos li {
    line-height: 0;
    position: relative;
    width: 50%;
    float: left;
    background-color: #000;
    overflow: hidden;
}

#gf-promos li h3 {
    position: absolute;
    text-align: center;
    margin: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#gf-promos li h3:before {
    content: '';
    line-height: 1;
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#gf-promos li h3 img {
    display: inline-block;
    vertical-align: middle;
}

#gf-promos li>a>img {
    left: 0;
    margin-left: 0;
}

#gf-promos li>a>img {
    display: block;
    position: relative;
    left: 50%;
    margin-left: -295px;
    height: auto;
    opacity: .5;
    filter: alpha(opacity=50);
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
}

#gf-promos li>a:hover>img {
    opacity: .8;
    filter: alpha(opacity=80);
}

#gf-informations {
    text-align: center;
}

#gf-informations .gf-links {
    line-height: 0;
    display: inline-block;
    margin: 0 auto;
    padding: 1.50em 0 1em;
}

#gf-informations .gf-links li {
    margin-left: 1.55em;
}

#gf-informations .gf-links li:before {
    content: none;
}

#gf-informations .gf-links a:before {
    content: '>';
    color: #ff5a00;
}

#gf-informations .gf-links a:hover {
    color: #ff5a00;
    text-decoration: none;
}

.boss-global #gf-informations .gf-links a:before {
    color: #0064ff;
}

.boss-global #gf-informations .gf-links a:hover {
    color: #0064ff;
}

#gf-service {
    line-height: 0;
}

#gf-service .row {
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #212121;
    border-bottom: 1px solid #212121;
}

#gf-service .gf-links {
    float: right;
}

#gf-legal {
    text-align: left;
    display: table;
    position: relative;
    width: 980px;
    background-color: #141414;
    z-index: 1;
}

#gf-legal .gf-links {
    color: #333!important;
    display: table-cell;
    margin: 0;
    height: 150px;
    padding: 0;
    vertical-align: middle;
}

#gf-legal .gf-links li {
    font-weight: 300;
    color: #666!important;
    margin-top: .3em;
    line-height: 1.5;
    -webkit-font-smoothing: subpixel-antialiased;
}

#gf-legal p {
    font-size: 13px;
    font-size: .65rem;
    font-weight: 300;
    line-height: 1;
    text-align: right;
    color: #666;
    position: relative;
    display: table-cell;
    margin: 0 auto;
    height: 150px;
    vertical-align: middle;
    -webkit-font-smoothing: subpixel-antialiased;
}

@media screen and(max-width: 1080px) {
    #directorynav,#gf-service,#gf-informations,#gf-promos {
        width:980px;
        max-width: none;
        min-width: 1024px;
        padding-left: 22px;
        padding-right: 22px;
    }
}

@media screen and(max-width: 767px) {
    #content-container {
        min-width:320px;
    }

    .paddle-nav {
        display: none;
    }

    #hero {
        margin: 0 auto;
        max-width: none;
        min-width: 0;
    }

    .backtotop {
        width: 100%;
    }

    #globalfooter {
        min-width: 320px;
    }

    #globalfooter .gf-share {
        margin: 0 auto;
    }

    #globalfooter .gf-links .gf-region {
        width: 100%;
        margin-top: -1px;
        margin-left: 0;
        border-top: 1px solid #333;
        clear: both;
    }

    #globalfooter .gf-links {
        text-align: center;
        margin: 0;
        width: 100%;
        padding: 0;
        border-top: 1px solid #333;
    }

    #globalfooter .gf-links li {
        text-align: center;
        display: table!important;
        margin: 0;
        width: 50%;
        height: 4em;
        border-bottom: 1px solid #333;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    #globalfooter .gf-links li:before {
        content: none;
    }

    #globalfooter .gf-links li:nth-child(odd) {
        border-right: 1px solid #333;
    }

    #globalfooter .gf-links li:last-child {
        border-right: none;
    }

    #globalfooter .gf-links li:first-child {
        margin: 0;
    }

    #globalfooter .gf-links a {
        color: #666;
        display: table-cell;
        height: 3em;
        padding: 0 1em;
        vertical-align: middle;
    }

    #gf-informations {
        text-align: center;
        min-width: 320px;
        width: 100%;
        padding: 0;
    }

    #gf-informations .gf-links {
        padding: 0;
    }

    #directorynav {
        width: 100%;
        min-width: 320px;
        padding-left: 1em;
        padding-right: 1em;
        padding-bottom: 2em;
        overflow: hidden;
    }

    #directorynav .row {
        display: block;
    }

    #directorynav .column {
        display: block;
        width: 50%;
        padding-right: 1em;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    #directorynav .column:nth-child(odd) {
        clear: both;
    }

    #directorynav .column:first-child {
        width: 50%;
    }

    #gf-service {
        width: 100%;
        min-width: 320px;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

    #gf-service .row {
        border: none;
    }

    #gf-service .gf-links {
        float: none;
    }

    #gf-promos {
        min-width: 320px;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    #gf-promos li {
        width: 100%;
        float: none;
    }

    #gf-promos li>a>img {
        position: static;
        margin: 0;
        width: 100%;
        height: auto;
    }

    #gf-legal {
        display: block;
        min-width: 320px;
        width: 100%;
        margin-top: 1em;
    }

    #gf-legal .gf-links {
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    #gf-legal p {
        text-align: center;
        display: block;
        margin-top: 2.5em;
        width: 100%;
        height: 50px;
    }
}

#globalheader {
    display: table;
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 1024px;
    max-width: 1600px;
    height: 70px;
    background-color: #000;
    z-index: 10;
}

#globalheader #gh-roland {
    line-height: 0;
    color: #fff !important;
    text-align: center;
    text-decoration: none;
    display: table-cell;
    width: 170px;
    min-width: 170px;
    background-color: #ff5a00;
}

#globalheader #gh-roland .glyphicon-brand {
    position: relative;
    display: block;
    line-height: 70px;
    width: 170px;
    height: 70px;
}

#globalheader .gh-col {
    display: table-cell;
    /*width: 960px;*/
    vertical-align: top;
}

#globalheader #globalnav {
    display: table;
    width: 100%;
}

#globalheader #globalnav.fixed-layout {
    table-layout: fixed;
}

#globalheader #globalnav>li {
    display: table-cell;
    border-right: 1px solid #1a1a1a;
}

#globalheader #globalnav>li>span {
    display: table;
    width: 100%;
}

#globalheader #globalnav>li>span>a,#globalheader #globalnav>li>span>span {
    font-size: 13px;
    font-size: .65rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.5px;
    color: #666;
    text-align: center;
    text-decoration: none;
    display: table-cell;
    height: 70px;
    padding: 0 .3em;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
}

#globalheader #globalnav>li>span>a:hover,#globalheader #globalnav>li>span>span:hover,#globalheader #globalnav>li>span>a.active,#globalheader #globalnav>li>span>span.active {
    color: #ccc;
    background-color: #262626;
}

#globalheader #globalnav>li>span>span {
    cursor: default;
}

#globalheader #globalnav>li:hover .gn-contentbrowser {
    visibility: visible;
    display: block;
    max-height: 420px;
    transition-duration: .8s;
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    transition-delay: .1s;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    z-index: 1;
}

#globalheader #globalnav>li:hover .touch-interceptor {
    display: block;
}

#globalheader #globalnav>li .touch-interceptor {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    background-color: transparent;
}

#globalheader .gn-contentbrowser {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 70px;
    width: 100%;
    height: auto;
    max-height: 0;
    padding: 0 50px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.95);
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-property: max-height,visibility;
    -webkit-transition-property: max-height,visibility;
    -moz-transition-property: max-height,visibility;
}

#globalheader .gn-contentbrowser .cb-container {
    min-width: 980px;
    max-width: 1180px;
    margin: 0 auto;
}

#globalheader .gn-contentbrowser .row {
    display: table;
    margin: 50px auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#globalheader .gn-contentbrowser .row>ul,#globalheader .gn-contentbrowser .row>.gn-promos {
    display: table-cell;
    height: 240px;
}

#globalheader .gn-contentbrowser .row>ul {
    padding-right: 40px;
    width: 35.3%;
}

#globalheader .gn-contentbrowser .row>ul.col-1 {
    width: 28.4%;
}

#globalheader .gn-contentbrowser .row li {
    font-size: 13px;
    font-size: .65rem;
    font-weight: 300;
    line-height: 1.2;
    color: #000!important;
}

#globalheader .gn-contentbrowser .row li:first-child {
    border-top: 1px solid #ccc;
}

#globalheader .gn-contentbrowser .row li a {
    color: #000!important;
    display: block;
    position: relative;
    min-width: 215px;
    padding: .9em 0 1em;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
}

#globalheader .gn-contentbrowser .row li a:after {
    content: "\e60c";
    font-size: 17px;
    font-size: .85rem;
    font-family: "glyphicon";
    line-height: 1;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -0.5em;
}

#globalheader .gn-contentbrowser .row li a:hover {
    background-color: #e5e5e5;
}

#globalheader .gn-contentbrowser .gn-promos {
    font-size: 0;
    white-space: nowrap;
    text-align: right;
    vertical-align: top;
}

#globalheader .gn-contentbrowser .gn-promos a {
    text-decoration: none;
}

#globalheader .gn-contentbrowser .gn-promo {
    text-align: left;
    display: inline-block;
    margin-left: 40px;
    width: 215px;
    vertical-align: top;
}

#globalheader .gn-contentbrowser .gn-promo:first-child {
    margin-left: 0;
}

#globalheader .gn-contentbrowser .gn-promo:hover h4 {
    text-decoration: underline;
}

#globalheader .gn-contentbrowser .gn-promo img {
    display: block;
    width: 215px;
    height: 85px;
}

#globalheader .gn-contentbrowser .gn-promo h4,#globalheader .gn-contentbrowser .gn-promo p {
    white-space: normal;
}

#globalheader .gn-contentbrowser .gn-promo h4 {
    font-size: 15px;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none;
    color: #000;
    margin: .75em 0;
}

#globalheader .gn-contentbrowser .gn-promo p {
    font-size: 13px;
    font-size: .65rem;
    font-weight: 300;
    line-height: 1.30769231;
    text-decoration: none;
    color: #000;
    margin-top: -0.3em;
}

#globalheader #gh-search {
    line-height: 0;
    text-align: right;
    display: table-cell;
    width: auto;
    padding: 0 50px;
    vertical-align: middle;
    border: none;
}

#globalheader #gh-search .search-input {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 22px;
    max-width: 210px;
    min-width: 100px;
    background-color: #fff;
    -moz-box-shadow: 3px 3px 8px rgba(0,0,0,0.4) inset;
    -webkit-box-shadow: 3px 3px 8px rgba(0,0,0,0.4) inset;
    box-shadow: 3px 3px 8px rgba(0,0,0,0.4) inset;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}

#globalheader #gh-search .glyphicon-search {
    position: absolute;
    left: 4px;
    top: 1px;
}

#globalheader #gh-search input {
    font-size: 12px;
    font-size: .6rem;
    font-weight: 400;
    line-height: 1;
    text-indent: 26px;
    width: 100%;
    height: 100%;
    padding: 0;
    outline: 0;
    background: transparent;
    border: none;
}

@media screen and(min-width: 1px) {
    #globalheader #globalnav {
        table-layout:fixed;
    }
}

@media screen and(max-width: 1440px) {
    #globalheader #gh-search {
        text-align:center;
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media screen and(max-width: 1280px) {
    #globalheader #globalnav {
        table-layout:auto;
    }
}

@media screen and(max-width: 1080px) {
    #globalheader .gn-contentbrowser {
        padding:0;
    }

    #globalheader .gn-contentbrowser .cb-container {
        width: 980px;
    }
}

@media screen and(min-width: 1px) {
    #gh-roland .glyphicon-brand:before {
        position:absolute;
        left: 0;
        top: 25px;
        width: 100%;
        height: 20px;
        content: "";
        display: block;
        background-image: url(../cdn.roland.com/global/css/fonts/roland.svg);
        background-repeat: no-repeat;
        background-position: center top;
    }

    .boss-global #gh-roland .glyphicon-brand:before {
        background-image: url(../cdn.roland.com/global/css/fonts/boss.svg);
    }
}

.boss-global #globalheader #gh-roland {
    background-color: #0064ff;
}

@media screen and(max-width: 767px) {
    #globalheader {
        display:block;
        min-width: 320px;
        height: 70px;
        background: url(../cdn.roland.com/global/images/gh-icon-menu.png) no-repeat right center #000;
    }

    #globalheader.open .gh-col {
        width: auto;
        height: auto;
    }

    #globalheader.open #globalnav {
        margin-top: 0;
    }

    #globalheader.open #gh-search {
        display: block;
    }

    #globalheader #gh-roland {
        display: block;
        z-index: 5;
    }

    #globalheader .gh-col {
        display: block;
        height: 0;
        overflow: hidden;
    }

    #globalheader #globalnav {
        position: relative;
        display: block;
        margin-top: -1000px;
        padding: 0;
        transition-duration: .8s;
        -webkit-transition-duration: .8s;
        -moz-transition-duration: .8s;
    }

    #globalheader #globalnav>li {
        display: block;
        background-color: #000;
        border: none;
        float: none;
    }

    #globalheader #globalnav>li:hover .gn-contentbrowser {
        display: none;
    }

    #globalheader #globalnav>li>span>a,#globalheader #globalnav>li>span>span {
        height: 60px;
    }

    #globalheader #globalnav li,#globalheader #globalnav #gn-search {
        height: 60px;
    }

    #globalheader .gn-contentbrowser {
        display: none;
        height: auto;
        padding: 0;
        background-color: #151515;
        overflow: hidden;
    }

    #globalheader .gn-contentbrowser .cb-container {
        width: auto;
        min-width: 0;
    }

    #globalheader .gn-contentbrowser .row {
        display: block;
        margin: -1000px 0 0;
        transition-duration: 1s;
        -webkit-transition-duration: 1s;
        -moz-transition-duration: 1s;
    }

    #globalheader .gn-contentbrowser .row>ul {
        margin: 0;
        height: auto;
        padding: 0;
        overflow: hidden;
    }

    #globalheader .gn-contentbrowser .row>ul:first-child {
        border-top: 1px solid #333;
    }

    #globalheader .gn-contentbrowser .row>ul.col-1 {
        display: block;
        width: auto;
    }

    #globalheader .gn-contentbrowser .row li {
        text-align: center;
        display: table;
        width: 50%;
        background-color: #151515;
        border-bottom: 1px solid #333;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    #globalheader .gn-contentbrowser .row li:nth-child(even) {
        border-left: 1px solid #333;
    }

    #globalheader .gn-contentbrowser .row li:first-child {
        border-top: none;
    }

    #globalheader .gn-contentbrowser .row li a {
        color: #999;
        display: table-cell;
        min-width: 0;
        height: 60px;
        padding: 0;
        border: none;
        vertical-align: middle;
    }

    #globalheader .gn-contentbrowser .row li a:hover {
        background-color: transparent;
    }

    #globalheader .gn-contentbrowser .row li a:after {
        content: none;
    }

    #globalheader .gn-contentbrowser .row>.gn-promos {
        display: none;
    }

    #globalheader #gn-products {
        height: auto!important;
    }

    #globalheader #gn-products:hover .gn-contentbrowser {
        display: block!important;
        height: auto!important;
    }

    #globalheader #gn-products:hover .gn-contentbrowser .row {
        margin-top: 0;
    }

    #globalheader #gn-products .gn-contentbrowser {
        display: block;
        position: static;
        height: auto;
    }

    #globalheader #gh-search {
        display: none;
        height: auto;
        padding: 18px 0 30px;
        background-color: #000;
    }
}

.clearfix:after,.clearfix:before {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom:1;}

img {
    height: auto;
}

dd,dl,dt,li,ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#posts {
    margin: 0 auto;
    padding: 0;
    width: 1000px;
}

#posts li {
    position: relative;
    float: left;
    width: 250px;
    height: auto;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 13px;
    margin-left: 0;
}

#posts li:nth-child(5n) {
    margin-right: 0;
}

#posts .img {
    overflow: hidden;
    width: 250px;
    height: 250px;
}

#posts .img2 {
    overflow: hidden;
    width: 250px;
    height: 500px;
}

#posts .img a:hover {
    opacity: .8;
}

#posts img {
    width: 100%;
    height: auto;
}

#posts .date {
    position: absolute;
    right: 177px;
    bottom: -30px;
}

@media only screen and(max-width: 995px) {
    #posts {
        width:100%;
        margin: 0 auto;
    }

    #posts li {
        margin-right: 0;
        width: 30%;
    }

    #posts li:nth-child(5n) {
        margin-right: 0;
    }

    #posts li:nth-child(3n) {
        margin-right: 0;
    }

    #posts .img {
        width: 100%;
        height: auto;
    }

    #posts img {
        position: relative!important;
        top: 0!important;
        left: 0!important;
        width: 100%!important;
        height: auto!important;
    }
}

@media only screen and(max-width: 480px) {
    #posts li {
        float:none;
        margin-right: 0;
        width: 100%;
    }

    #posts li:nth-child(5n) {
        margin-right: 0;
    }

    #posts .img {
        width: 100%;
    }
}

@media only screen and(max-width: 700px) {
    #post .subnav .close,#post .subnav .next,#post .subnav .prev {
        background:url(//amazing-img.beams.co.jp/assets/ico_arrow02.png) no-repeat 0 8px;
        background-size: 6px;
    }
}

#posts .caption {
    position: absolute;
    right: 0;
    bottom: -7px;
    font-size: 12px;
    width: 100%;
    height: 26px;
    padding-right: 0;
    padding-left: 0;
    overflow: hidden;
    background-image: url(../images/bloglist/png50.png);
    background-repeat: repeat;
    color: #FFF;
}

.opaque {
    opacity: 1;
    filter: alpha(opacity=100);
}

.opaque:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.background-contain {
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
}

#hero {
    height: auto;
}

#hero .row {
    height: 650px;
    position: relative;
}

#hero .explore {
    position: absolute;
    right: 30px;
    bottom: 30px;
}

@media screen and(max-width: 767px) {
    #hero .row {
        height:400px;
    }

    .billboard-hero {
        margin-left: -490px;
    }

    .dot-nav {
        display: none;
    }
}

.promos2 .row {
    padding-top: 19px;
    border-top: 1px solid #ccc;
}

.promos2:first-child {
    margin-top: 30px;
    padding-top: 20px;
}

.promos2:first-child .row {
    padding-top: 0;
    border-top: none;
}

@media screen and(max-width: 767px) {
    .promos2 .row {
        border-top:none;
    }
}

@media screen and(max-width: 460px) {
    .promos2 {
        margin-top:20px;
    }

    .promos2:first-child {
        margin-top: 0;
        border-top: none;
    }

    .promos2 .flushrow .promo-container {
        padding: 0 10px;
    }

    .promos2 .flushrow li {
        width: 100%;
        padding: 0;
    }

    .promos2 .flushrow figcaption {
        padding-bottom: 30px;
    }

    .promos2 .flushrow h5 {
        text-align: center;
    }
}

#featured-video {
    padding-bottom: 65px;
}

@media screen and(max-width: 767px) {
    #featured-video {
        padding-bottom:0;
    }
}

#categorybrowser {
    margin: 0 auto 100px;
    width: 100%;
    max-width: 1240px;
    min-width: 1024px;
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#categorybrowser .row {
    min-width: 0;
    border-top: 1px solid #ccc;
}

#categorybrowser ul {
    margin-left: -20px;
}

#categorybrowser li {
    float: left;
    width: 25%;
    padding: 20px 0 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#categorybrowser li a {
    position: relative;
    display: block;
}

#categorybrowser li a:hover figure>img {
    opacity: .1;
    filter: alpha(opacity=10);
}

#categorybrowser li figure {
    width: 100%;
    background-color: #ff5a00;
}

#categorybrowser li figure>img {
    display: block;
    width: 100%;
    height: auto;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
}

#categorybrowser li .headline-container {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#categorybrowser li .headline-container h2 {
    display: table;
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}

#categorybrowser li .headline-container small {
    font-size: 18px;
    font-size: .9rem;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: .3px #fff;
}

@media screen and(max-width: 767px) {
    #categorybrowser {
        margin-top:50px;
        min-width: 0;
        padding: 0 10px;
    }

    #categorybrowser ul {
        margin-left: -10px;
    }

    #categorybrowser li {
        width: 50%;
        padding: 10px 0 0 10px;
    }

    #categorybrowser li .headline-container small {
        font-size: .75rem;
    }

    #categorybrowser li a:hover figure>img {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

#disclaimer {
    margin: 100px auto 0;
    max-width: 1240px;
    min-width: 1024px;
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#disclaimer .row {
    width: auto;
    padding: 0 0 35px;
}

#disclaimer h3 {
    font-size: 18px;
    font-size: .9rem;
    font-weight: 400;
    color: #333;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 1.3em;
}

#disclaimer ul {
    display: block;
    padding-left: 0;
}

@media screen and(max-width: 767px) {
    #disclaimer {
        padding:0 20px;
        min-width: 0;
    }
}

.clear {
    clear: both;
}

.clearfix:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}

.clearfix {
    _height: 1px;
    min-height: 1px;
    /*\*/
    /*/height:auto;overflow:hidden;/**/
    ;}

a:hover img.hi {
    opacity: .8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
}

a {
    outline: none;
}