<link href='https://fonts.googleapis.com/css?family=Open+Sans:600' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:700' rel='stylesheet' type='text/css'>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap" rel="stylesheet">


.dspmotion {

}


.dspmotion b{
color:#fff !important;
}

div.dspmotion-for {color: #000;text-align: center;background-color: #eee;font-size: 0px;}
div.dspmotion-for div.wrap {
    margin: 0 auto;
    max-width: 1000px;
    padding: 20px 0px;
}
div.dspmotion-for div.wrap h2 {    text-transform: uppercase;font-size: 21px;font-weight: bold;margin-bottom: 25px;letter-spacing: 0.05em;}
div.dspmotion-for div.wrap div.inner1 {text-align: left;}
div.dspmotion-for div.wrap div.inner1 div.box {display: inline-block;vertical-align: top;margin: 0 0 15px 0;width: 330px;}
div.dspmotion-for div.wrap div.inner1 div.box img {border-radius: 8px;width: 110px;display: inline-block;vertical-align: top;margin-right: 10px;}
div.dspmotion-for div.wrap div.inner1 div.box div.text {display: inline-block;width: 190px;}
div.dspmotion-for div.wrap div.inner1 div.box div.text h3 {margin-bottom: 5px;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
}
div.dspmotion-for div.wrap div.inner1 div.box div.text p {font-size: 13px;line-height: 1.5em;}


div.dspmotion-ex {
    color: #fff;
    background-color: #2e323c;
    /* padding-bottom: 10px; */
    /* margin-bottom: 20px; */
}
div.dspmotion-ex div.wrap {margin: 0 auto;max-width: 1000px;text-align: center;

    padding: 20px 0px 30px;
}
div.dspmotion-ex div.wrap h2 {font-size: 21px;font-weight: bold;margin-bottom: 25px;}
div.dspmotion-ex div.wrap div.inner {text-align: center; font-size: 0px;}

div.dspmotion-ex div.wrap div.inner a {
    vertical-align: top;
    width: 216px;
    display: inline-block;
    margin: 15px;
    position: relative;
}

div.dspmotion-ex div.wrap div.inner a:after {
content: "";
    position: absolute;
    background-image: url(../../web/images/video-playicon.png);
    width: 50px;
    height: 50px;
    left: 50%;
    top: 30px;
    background-size: 100%;
    margin-left: -25px;
}


div.dspmotion-ex div.wrap div.inner a:last-child {}
div.dspmotion-ex div.wrap div.inner a img.alignnone.size-large.wp-image-2526 {width: 100%;}
div.dspmotion-ex div.wrap div.inner a.box {
}


div.dspmotion-ex div.wrap div.inner a p {
    color: #bab9b9;
    font-size: 13px;
    line-height: 1.7em;
}


div.dspmotion-houtouse {
    background-color: #232730;
    text-align: center;
    padding-bottom: 50px;
    color:#fff;
    padding: 20px 0px;
}

div.dspmotion-houtouse h2, {
font-size: 21px;
    font-weight: bold;
    margin-bottom: 25px;
}

div.dspmotion-houtouse p {/* display: block; */font-size: 14px;/* color: #bab9b9; *//* font-family: æ¸¸æ˜Žæœ,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGSæ˜ŽæœE,ãƒ¡ã‚¤ãƒªã‚ª,Meiryo,serif; */color: #bab9b9;}


div.dspmotion.dspmotion-EN div.dspmotion-houtouse p {
    
    font-family: 'Open Sans', sans-serif;
}

div.dspmotion-houtouse div.inner.clearfix {
    width: 1000px;
    margin: 0 auto;
}
div.dspmotion-houtouse div.inner.clearfix div.left {float: left;width: 580px;margin-top: 20px;}
div.dspmotion-houtouse div.inner.clearfix div.right {width: 355px;float: right;text-align: left;padding-top: 30px;}
div.dspmotion-houtouse div.inner.clearfix div.left img {
}
div.dspmotion-houtouse div.inner.clearfix div.right h3{
    margin-bottom: 15px;
    text-indent: -36px;
}

div.dspmotion-houtouse div.inner.clearfix div.right h3.no-margin{
    margin-bottom: 0px;
}

div.dspmotion-houtouse div.inner.clearfix div.right h3 i{
    background-color: #ff3a00;
    color: #ffffff;
    padding: 6px;
    border-radius: 30px;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 0;
    padding-top: 12px;
    font-weight: bold;
    margin-right: 10px;
    text-indent: initial;
}
div.dspmotion-houtouse div.inner.clearfix div.right p{color: #bab9b9;margin-bottom: 20px;font-size: 13px;line-height: 1.8em;/* font-family: "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3", "Hiragino Kaku Gothic Pro", "ãƒ¡ã‚¤ãƒªã‚ª", Meiryo, Osaka, "ï¼­ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯", "MS PGothic", sans-serif; */}


div.dspmotion-variation {
    background-color: #232730;
    text-align: center;
    padding-bottom: 20px !important;
    padding: 30px 0px;
    color: #fff;
    }

div.dspmotion-variation div.inner {
    width: 1000px;
    display: block;
    margin: 0 auto;
}

div.dspmotion-variation div.inner.clearfix div.left {float: left;width: 470px;text-align: left;}
div.dspmotion-variation div.inner.clearfix div.left h2 {/* font-size: 32px; *//* margin-bottom: 20px; *//* padding-top: 40px; */font-size: 21px;font-weight: bold;margin-bottom: 25px;}
div.dspmotion-variation div.inner.clearfix div.left div {
}
div.dspmotion-variation div.inner.clearfix div.left div p {color: #bab9b9;/* background-color: #333333; */margin-bottom: 20px;font-size: 14px;line-height: 1.8em;}
div.dspmotion-variation div.inner.clearfix div.left div p b {
}
div.dspmotion-variation div.inner.clearfix div.left img {
}
div.dspmotion-variation div.inner.clearfix div.right {
    float:right;
    text-align: left;
    width: 470px;
}
div.dspmotion-variation div.inner.clearfix div.right h2 {/* font-size: 32px; *//* margin-bottom: 20px; *//* padding-top: 40px; */font-size: 21px;font-weight: bold;margin-bottom: 25px;}
div.dspmotion-variation div.inner.clearfix div.right div {
}
div.dspmotion-variation div.inner.clearfix div.right div p {color: #bab9b9;/* background-color: #333333; */margin-bottom: 20px;font-size: 14px;line-height: 1.8em;}

div.dspmotion-variation div.inner.clearfix div.right div ul{

}

div.dspmotion-variation div.inner.clearfix div.right div ul li{
    color: #bab9b9;
    /* background-color: #333333; */
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 1.8em;
}

div.dspmotion-variation div.inner.clearfix div.right div.matchHeight2 p b {
}
div.dspmotion-variation div.inner.clearfix div.right img {
margin-bottom: 20px;
}

div.gamesynth-page-purchase2.clearfix {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

a.dspscifi-purchasebutton {
    margin-top: 0px;
}


div.dspmotion-header {
    position:relative;
}

div.dspmotion-header:after{
    content: "";
    position:absolute;
    top:0px;
    right:0px;
    width:257px;
    height:257px;
/* 非セール用通常↓ */
/*        background-image: url(../images/dspmotion/dspmotion-new.png);*/
/*        background-image: url(../images/sale/30off.png); */
background-image: url(../images/sale/triangle/DSPMotion_sale_beforeEN.png);
        background-size: cover;
        display:block;
}

div.dspmotion-variation div.inner.clearfix div.right img {

}


div.dspmotion-header div.inner {font-size: 0px;background: url(../images/dspmotion/dspmotion-topbannerbackground.jpg);background-size: cover;background-position: center center;}

div.dspmotion-header div.inner a {

    display: block;
    margin: 0 auto;
    max-width: 1153px;
    width: 100%;
}
div.dspmotion-header div.inner a h1 {
}
div.dspmotion-header div.inner a h1 img {
}

div.dspmotion-intro {
    padding: 40px 0px 150px 0px;
    text-align: center;
    background-color:#23282f;
}


div.dspmotion-intro {
    padding: 70px 0px 40px 0px;
    text-align: center;
    background-color:#23282f;
    margin-top: -5px;
}


div.dspmotion-intro h2 {
    margin-bottom: 30px;
}

div.dspmotion.dspmotion-EN div.dspmotion-intro h2 {
    margin-bottom: 0px;
}

.dspmotion-soundlist .inner h2 {
    margin-bottom: 20px !important;
}

div.dspmotion.dspmotion-EN div.dspmotion-houtouse div.inner.clearfix div.right h3 i {
    padding-left: 8px;
}

div.dspmotion.dspmotion-JP div.dspmotion-intro h2 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 10px;
    font-weight: bold;
    color: #fff;
}

div.dspmotion.dspmotion-JP div.dspmotion-intro p {
    color: #bab9b9;
    margin-top: 15px;
}

div.dspmotion.dspmotion-JP div.dspmotion-intro h2 span{
    display: block;
    font-size: 14px;
        color: #bab9b9;
}

div.dspmotion.dspmotion-EN div.dspmotion-intro h2 {
    font-size: 21px;
    line-height: 1.1em;
    color: #fff;
}

div.dspmotion.dspmotion-EN div.dspmotion-intro h2 span{
    display: block;
    font-size: 14px;
        color: #bab9b9;
}

div.dspmotion.dspmotion-EN div.dspmotion-intro h2 i{
    display: block;
    font-size: 14px;
}

div.dspmotion-intro h2 span {
}
div.dspmotion-intro div.inner {width: 1000px;margin: 0 auto;margin-bottom: 35px;}
div.dspmotion-intro div.inner div.left {float: left;width: 450px;
    font-size: 0px;
    position:relative;
}

div.dspmotion-intro div.inner div.left:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../../web/images/dspmotion/dspmotion-gif-filter.png);
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
}

div.dspmotion-intro div.inner div.left a {
}
div.dspmotion-intro div.inner div.right {float: right;width: 540px;text-align: left;}
div.dspmotion-intro div.inner div.right ul {
}
div.dspmotion-intro div.inner div.right ul li {

        color: #bab9b9;
    /* background-color: #333333; */
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1.8em;
    list-style: none;
}

div.dspmotion-intro div.inner div.right ul li h3{
    /*
    font-family: "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3", "Hiragino Kaku Gothic Pro", "ãƒ¡ã‚¤ãƒªã‚ª", Meiryo, Osaka, "ï¼­ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯", "MS PGothic", sans-serif;
    */
    font-size: 17px;
}


div.dspmotion-intro div.dspmotion-soundlist h2,
div.dspmotion-houtouse h2,
div.dspmotion-variation div.inner.clearfix div.left h2,
div.dspmotion-variation div.inner.clearfix div.right h2,
div.dspmotion-ex div.wrap h2,
div.dspseries-lineup div.inner h2,
div.dspmotion-blog div.wrap h2 {
    display:inline-block;
    border-bottom: 2px solid #ff9600;
    position:relative;
    padding-bottom: 10px;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 25px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

div.dspmotion-for div.wrap h2 {
    position:relative;
}

div.dspmotion-intro div.dspmotion-soundlist h2:after,
div.dspmotion-houtouse h2:after,
div.dspmotion-variation div.inner.clearfix div.left h2:after,
div.dspmotion-variation div.inner.clearfix div.right h2:after,
div.dspmotion-ex div.wrap h2:after,
div.dspseries-lineup div.inner h2:after, 
div.dspmotion-blog div.wrap h2:after
{
    position: absolute;
    content: "";
    display: block;
    border-bottom: solid 2px #ff3a00;
    bottom: -2px;
    width: 50%;
}


div.dspmotion-soundlist ul{
    text-align: left;
    line-height: 1.6em;
}

div.dspmotion-soundlist ul li {
    font-size: 12px;
    display: inline-block;
    /* text-align: left; */
    color: #bab9b9;
    margin-right: 10px;
}

div.dspmotion-soundlist ul li:first-child {
    text-transform: uppercase;
}

div.dspmotion-soundlist h2{
    margin-bottom: 10px;
    margin-top: 10px;
}

div.dspmotion-JP div.dspmotion-soundlist ul li:first-child {
color: #ffc000;
}

div.dspmotion-EN div.dspmotion-soundlist ul li:first-child {
    /* font-weight: bold; */
    text-transform: uppercase;
    color: #ffc000;
    font-family: "open sans";
}

div.dspmotion-EN div.dspmotion-soundlist ul li:after {
    content:",";
}

div.dspmotion-EN div.dspmotion-soundlist ul li:first-child:after,
div.dspmotion-EN div.dspmotion-soundlist ul li:last-child:after {
    content:"";
}

div.dspmotion-video {
    background-color: #e8e8e8;
    font-size: 0px;
    text-align: center;
    height: 215px;
/*
    background-image: url(../../web/images/dspmotion/dspmotion-video-decoration.png);
 */
    background-size: 100% auto;
    background-position: 0px 105%;
    background-repeat-x: repeat;
    background-repeat-y: no-repeat;
    position: relative;
}
div.dspmotion-video a {display: inline-block;margin: 0 auto;border: 5px solid #ff3a00;/* color: #ff3a00; */margin-top: 25px;max-width: 410px;}
div.dspmotion-video a img {

}


div.dspseries-lineup div.inner h2 {
    font-size: 21px;
    font-weight: bold !important;
    margin-bottom: 25px;
}

div.dspseries-lineup {
    padding: 25px 0px 40px;
}

div.dspmotion-intro div.inner p {
    margin-bottom: 20px;
    color: #bab9b9;
}

div.dspmotion.dspmotion-EN div.dspmotion-intro div.inner div.right{
    margin-top: 20px;
}

div.dspmotion.dspmotion-EN div.dspmotion-intro div.inner p {
    font-size: 17px;
    line-height: 1.5;
}


div.dspmotion-blog {
color: #fff;
    background-color: #232730;
}

div.dspmotion-blog div.wrap {
    margin: 0 auto;
    max-width: inherit !important;
    padding: 20px 0px;
    text-align: center;
    color: #fff;
    width: inherit;
}

div.dspmotion-blog div.wrap h2 {
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 25px;
}

div.dspmotion-blog div.wrap > p {
  margin-bottom: 20px;
}


div.dspmotion-blog div.wrap div.inner {
  text-align: center;
}

div.dspmotion-blog div.wrap div.inner a {
      /* vertical-align: top; */
    /* width: 220px; */
    /* display: inline-block; */
    /* margin-right: 30px; */
    /* position: relative; */
    /* text-align: left; */
    /* margin: 15px; */
    vertical-align: top;
    width: 200px;
    display: inline-block;
    margin: 15px;
    position: relative;
    text-align: left;
}


div.dspmotion-blog div.wrap div.inner a p {
  color: #bab9b9;
  font-size: 13px;
  line-height: 1.7em;
}

div.dspmotion-blog div.wrap div.text {
}

div.dspmotion-blog div.wrap div.text h3{
    color:#fff;
}


div.dspmotion-blog div.wrap div.text p{
    margin-bottom: 0px;
}


@media screen and (max-width: 1000px) {

    div.gsmodel-newexp div.single.clearfix {
    margin-bottom: 30px;
    }

    div.designchange-blackboxfirst div.gamesynth-models div.top p {
            margin: 10px;
            margin-top:0px;
    text-shadow: 0px 0px 30px #282828, 0px 0px 30px #282828, 0px 0px 30px #282828;
    color: #fff !important;
    }

    div.gsmodel-newexp {
        padding: 10px 10px 30px 10px;
}

    div.designchange-button a {

    }

    div.designchange-button a {
    width: 33%;
    font-size: 14px;
    }

    div.designchange-button a i{
    font-size: 14px;
    }

    div.gsmodel-newexp div.single:before {
    width: 25% !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    }


}


@media screen and (max-width: 780px) {

div.designchange-button a {
    width: 45% !important;
}

div.designchange-button a {
    font-size: 15px !important;

}
}

@media screen and (max-width: 780px) {

div.dspmotion-header:after {
    width: 80px;
    height: 80px;
    background-size: cover;
}

div.dspmotion-for div.wrap div.inner1 div.box {
    display: table !important;
}

div.dspmotion-for div.wrap div.inner1 div.box img {
    display: table-cell;
    width: 100%;
    display: inline-block;
    /* margin-right: 5%; */
    max-width: 100px;
}

div.dspmotion-for div.wrap div.inner1 div.box div.text {
    display: table-cell;
    vertical-align: top;
}

div.dspseries-lineup div.inner div.boxwrap {
    text-align: center;
}

div.dspmotion-variation {
    padding-top:0px;
}

div.dspmotion-houtouse div.inner.clearfix div.left {
    width: 90%;
    display: block;
    margin: 0 auto;
}

div.dspmotion-houtouse div.inner.clearfix div.right {
    width: 80%!important;
    display: block;
    margin: 0 auto;
    margin-left: 60px;
}

div.dspmotion-video {
    height: 130px;
}

div.dspmotion-header div.inner a h1 img {
    padding: 0% 3%;
}

div.dspmotion-video a {
    max-width: 300px;
}

div.dspmotion.dspmotion-JP div.dspmotion-intro h2, div.dspmotion-houtouse h2 {
    font-size: 20px;
}

div.dspmotion.dspmotion-EN div.dspmotion-intro h2 {
        font-size: 21px;
}

div.dspmotion-houtouse p {
    margin: 0 5%;
}

div.dspmotion-intro div.inner, div.dspmotion-sound div.allwrap div.inner,
div.dspmotion-houtouse div.inner.clearfix,
div.dspmotion-houtouse div.inner.clearfix,
div.dspmotion-variation div.inner
{
    width: 90%;
    margin: 0 auto;
}

div.dspmotion-intro div.inner div.right,
div.dspmotion-houtouse div.inner.clearfix div.left,
div.dspmotion-houtouse div.inner.clearfix div.right,
div.dspmotion-variation div.inner.clearfix div.left,
div.dspmotion-variation div.inner.clearfix div.right{
    float: inherit;
    width: 100%;
}

div.dspmotion-intro div.inner div.left{
    margin:0 auto;
    float: inherit;
    width: 100%;
}

div.dspmotion-variation div.inner.clearfix div.left h2,
div.dspmotion-variation div.inner.clearfix div.right h2 {
    font-size: 20px;
    padding-top: 20px;
    text-align: center;
}

    div.dspmotion-ex div.wrap, div.dspmotion-houtouse div.inner.clearfix {
        max-width: inherit;
        width:inherit;
    }
    div.dspmotion-ex div.wrap div.inner {
    text-align: center;
}

div.dspmotion-ex div.wrap div.inner a,div.dspmotion-ex div.wrap div.inner a:last-child {
    margin: 10px;
}

div.dspmotion-for div.wrap div.inner1 div.box {
    width: inherit;
}

div.dspmotion-for div.wrap div.inner1 div.box div.text {
    width: 80%;
    padding-left: 3%;
}

div.dspmotion-for div.wrap div.inner1 div.box {
    display: block;
}

}


/* update button */

a.dspscifi-purchasebutton{
position: relative;
}

a.dspscifi-purchasebutton span{
position: absolute;
    background-color: #1a1a1a;
    padding: 4px 10px 6px 10px;
    color: #fff;
    border-radius: 5px;
    /* border: 1px solid #888; */
    left: 0px;
    display: block;
    /* width: 400px; */
    font-size: 13px;
    text-align: left;
    -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
    box-shadow: 0 2px 4px rgb(0 0 0 / 40%);
    display: none;
}

a.dspscifi-purchasebutton:hover span{
display: inline-block !important;
}

a.dspscifi-purchasebutton span{
position: absolute;
    top: -63px;
    left: 0px;

}


a.dspscifi-purchasebutton  span:after {
  content:"";
  position:absolute;
  bottom:-5px;
  left:50%;
  display:block;
  width:0;
  height:0;
  margin-left:-5px;
  border-width:5px 5px 0 5px;
  border-style:solid;
  border-color: #1a1a1a transparent transparent transparent;

}


div.designchange-button {
    text-align: center;
    font-size: 0px;
}
div.designchange-button a {color: #ff7b51;font-size: 20px;font-weight: 500;font-style: normal;font-family: "Oswald", sans-serif;text-transform: uppercase;letter-spacing: 0.05em;padding: 17px 0px;display: inline-block;text-align: center;width: 300px;border-left: 1px solid #525252;}


div.designchange-button a:last-child {border-right: 1px solid #525252;}

div.designchange-button a:hover {
    background-color: #ef6134;
    color: #fff;
}

div.designchange-button a i.fa.fa.fa-shopping-cart {
    top: -1px;
color: #ff7b51 !important;
}

div.designchange-button a:hover i.fa.fa.fa-shopping-cart, div.designchange-button a:hover i.fa.fa-arrow-down{color: #fff !important}


div.designchange-button a span {
    box-shadow: none;
    text-shadow: 0px 0px 5px #000;
    font-weight: bold !important;
}

div.designchange-button a i.fa.fa-arrow-down {color: #ff7b51 !important;top: -1px;}


.designchange-h3 {font-weight: 500;
        font-weight: 700;
    letter-spacing: 0.05em;
    font-size: 24px;
    color: #000;
    text-align: left;
    margin-top: 2em;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    margin-bottom: 30px;
}

div.designchange-button.designchange-button-jp a{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.orn-gr {
    background-color: #23282f;
}


.orn-gr {
    background: #23282f;
    background: -moz-linear-gradient(left, #23282f 0%, #23282f 100%);
    background: -webkit-linear-gradient(left, #23282f 0%,#23282f 100%);
    background: linear-gradient(to right, #23282f 0%,#23282f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23282f', endColorstr='#23282f',GradientType=1 );
}


.dspmotion-video-2wrap {
    background-color: #dfdfdf;
    text-align: center;
    font-size: 0px;
    padding: 10px;
}

.dspmotion-video-2wrap a {
    display: inline-block;
    border: 3px solid #ff6300;
    width: 400px;
    margin: 10px 12px;
}