@charset "UTF-8";

/* reset */
#header.simple{
margin-bottom: 0;
}
#main.lp{
margin-top: 0;
}
#Sr1057Area p:first-child{
margin-top: 0;
}
#cboxLoadedContent{
padding: 0!important;
}
#cboxTitle{
display: none!important;
}
/* original */
#Sr1057Area{
background: #333;
font-family: helvetica,arial,"メイリオ",Meiryo,Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
#Sr1057Area .Sr1057Section{
width: 970px;
margin: 0 auto;
line-height: 1.3333;
}


#Sr1057Area .Sr1057Visual{
background: #1c1c1c url(../../../../img/landing_page/products/autoid/sr-2000_1057_01/bg_visual.jpg) no-repeat 209px 0;
color: #fff;
}
#Sr1057Area .Sr1057Visual .Sr1057Txt,
#Sr1057Area .Sr1057Visual .Sr1057Img{
display: table-cell;
vertical-align: top;
}
#Sr1057Area .Sr1057Visual .Sr1057Section > .Sr1057Txt{
padding: 80px 0 140px;
width: 601px;
}
#Sr1057Area .Sr1057Visual .Sr1057Lead{
margin: 2px 0 0 4px;
}
#Sr1057Area .Sr1057Visual .Sr1057Section > .Sr1057Txt * + .Sr1057Hdg{
margin-top: 55px;
}
#Sr1057Area .Sr1057Visual .Sr1057Section > .Sr1057Txt * + .Sr1057Btn{
margin-top: 51px;
}
#Sr1057Area .Sr1057Visual .Sr1057Section > .Sr1057Txt .Sr1057Txt{
padding: 2px 0 0 19px;
}
#Sr1057Area .Sr1057Visual .Sr1057Section > .Sr1057Img{
width: 369px;
position: relative;
height: 555px;
z-index: 0;
}
#Sr1057Area .Sr1057Visual .Sr1057Section > .Sr1057Img img{
position: absolute;
top: 45px;
left: 0;
z-index: -1;
}
#Sr1057Area .Sr1057Visual .Sr1057Section > .Sr1057Img > span{
padding-top: 468px;
text-align: right;
display: block;
margin: 0 0 0 auto;
position: relative;
z-index: 1;
font-weight: bold;
letter-spacing: .08em;
}


#Sr1057Area .Sr1057Clm{
width: 950px;
margin: -50px auto 0;
position: relative;
z-index: 1;
padding-bottom: 100px;
}
#Sr1057Area .Sr1057Clm > li{
background: #dedede;
position: relative;
}
#Sr1057Area .Sr1057Clm > li:after{
content: "";
position: absolute;
width: 920px;
height: 95%;
bottom: 0;
left: 15px;
box-shadow: 0 0 35px #000 , 0 0 40px #000;
z-index: -1;
}
#Sr1057Area .Sr1057Clm > li + li{
margin-top: 100px;
}
#Sr1057Area .Sr1057Clm > li > .Sr1057Hdg{
border-top: 1px solid #646464;
border-bottom: 3px solid #e90808;
color: #fff;
background: #2f2f2f url(../../../../img/landing_page/products/autoid/sr-2000_1057_01/bg_hdg.gif) no-repeat right -7px;
font-size: 2.5em;
font-weight: bold;
padding: 23px 8em 21px 50px;
letter-spacing: .03em;
position: relative;
}
#Sr1057Area .Sr1057Clm > li > .Sr1057Hdg button.more{
position: absolute;
top: 50%;
right: 50px;
background: #fff;
background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
font-size: .514285em;
font-weight: bold;
color: #484444;
padding: 7px 22px 6px 15px;
margin-top: -18px;
}
#Sr1057Area .Sr1057Clm > li > .Sr1057Hdg button.more:before{
content: "";
background: url(../../../../img/landing_page/products/autoid/sr-2000_1057_01/reload.png) no-repeat 0 0;
width: 20px;
height: 25px;
display: inline-block;
vertical-align: middle;
margin-right: 8px;
}
#Sr1057Area .Sr1057Clm .Sr1057Btn{
padding-bottom: 50px;
text-align: center;
}

#Sr1057Area .Sr1057Clm3{
margin: 50px auto 0 55px;
width: 843px;
display: table;
}
#Sr1057Area .Sr1057Clm3 > li{
float: left;
}
#Sr1057Area .Sr1057Clm3 > li + li{
margin-left: 46px;
}
#Sr1057Area .Sr1057Clm3 + * {
margin-top: 46px;
}

#Sr1057Area .Sr1057Def{
display: table;
background: #e90808;
letter-spacing: -1em;
}
#Sr1057Area .Sr1057Def img{
vertical-align: top;
}
#Sr1057Area .Sr1057Def > *{
display: inline-block;
vertical-align: middle;
letter-spacing: 0;
width: 237px;
text-align: center;
}
#Sr1057Area .Sr1057Def > dt{
position: relative;
}
#Sr1057Area .Sr1057Def > dt:before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 19px;
border-color: transparent transparent transparent #e90808;
right: -19px;
top: 50%;
margin-top: -10px;
position: absolute;
z-index: 1;
}
#Sr1057Area .Sr1057Def dd + dd{
border-left: 1px solid #dbdcde;
box-sizing: content-box;
}

#Sr1057Area .Sr1057NumAm{
position: relative;
}
#Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt > li{
position: absolute;
top: 0;
left: 0;
}
#Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt > li .icn{
border-left: 2px solid #e90808;
margin-left: -1px;
}
#Sr1057Area .Sr1057NumAm .Sr1057Btn{
margin-top: -51px;
}
#Sr1057Area .Sr1057NumAm .Sr1057Img{
padding-top: 134px;
}
#Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt .txt{
display: table-cell;
vertical-align: middle;
padding: 3px 0 0 8px;
font-size: 1.714285em;
overflow: hidden;
}
#Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt .txt .small{
font-size: .66666em;
}
#Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt em{
font-size: 1.1666em;
}
#Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt .label{
background: #e90808;
color: #fff;
font-size: .58333em;
font-weight: bold;
padding: 1px 6px 0;
display: inline-block;
margin-top: 1px;
}
#Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt .h100{
height: 112px;
top: 30px;
left: 196px;
}
#Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt .h100 .icn{
height: 112px;
display: block;
}
#Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt .h100 .txt{
height: 112px;
}
#Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt .txt{
position: relative;
}
#Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt .txt.sensor .filter{
width: 0;
height: 33px;
background: url(../../../../img/landing_page/products/autoid/sr-2000_1057_01/bg_red.png);
position: absolute;
top: 40px;
left: 6px;
margin-left: 100px;
}
#Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt .h1000 .txt.sensor .filter{
top: 93px;
left: 6px;
}
#Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt .h2000 .txt.sensor .filter{
top: 143px;
left: 6px;
height: 60px;
}
.ie8 #Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt .h100 .txt.sensor .filter,
.ie8 #Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt .h1000 .txt.sensor .filter{
top: 0;
}
.ie8 #Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt .h2000 .txt.sensor .filter{
top: 28px;
}
#Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt .h1000{
height: 217px;
top: 30px;
left: 518px;
}
#Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt .h1000 .icn{
height: 217px;
display: block;
}
#Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt .h1000 .txt{
height: 217px;
}
#Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt .h2000{
height: 317px;
top: 30px;
left: 761px;
}
#Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt .h2000 .icn{
height: 317px;
display: block;
}
#Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt .h2000 .txt{
height: 317px;
padding: 24px 0 0 10px;
}
#Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt > li.hide:before{
display: none;
}
#Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt > li.light:after{
content: "";
width: 6px;
height: 6px;
position: absolute;
top: -2px;
left: -2.555555px;
background: none;
border: 1px solid #dedede;
opacity: 0;
-ms-filter: "alpha(opacity=0)";
box-sizing: content-box;
border-radius: 50%;
animation-name: light-anm;
animation-duration: .9s;
animation-iteration-count: 1;
}
#Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt > li .point{
position: absolute;
display: table-cell;
vertical-align: middle;
text-align: center;
width: 60px;
height: 60px;
top: -6px;
left: -30px;
}
#Sr1057Area .Sr1057NumAm .Sr1057NumAmTxt > li .icn:after{
content: "";
position: absolute;
bottom: 0;
left: -5px;
width: 11px;
height: 3px;
border-radius: 1.5px;
background: #e90808;
}

#Sr1057Area .Sr1057TimerCmp{
position: relative;
z-index: 1;
}
#Sr1057Area .over .Sr1057TimerCmp{
display: none;
}
#Sr1057Area .Sr1057TimerCmp p{
position: absolute;
top: 61px;
right: 331px;
background: #fff;
padding: 5px 8px;
color: #33b50b;
font-size: .8em;
}
#Sr1057Area .Sr1057TimerCmp:before{
content: "";
position: absolute;
left: 330px;
top: 61px;
width: 290px;
height: 223px;
background: url(../../../../img/landing_page/products/autoid/sr-2000_1057_01/bg_red2.png);
}
#Sr1057Area .Sr1057TimerCmp:before{
}
#Sr1057Area .Sr1057TimerAm{
height: 397px;
background: url(../../../../img/landing_page/products/autoid/sr-2000_1057_01/bg_contents.png) no-repeat 0 30px;
position: relative;
padding-top: 103px;
overflow: hidden;
}
#Sr1057Area .Sr1057TimerAm.over .fig{
filter: blur(0.5px);
}
#Sr1057Area .Sr1057TimerAm.str1 .fig{
position: relative;
top: -10px;
}
#Sr1057Area .Sr1057TimerAm.str1 .fig img.box,
#Sr1057Area .Sr1057TimerAm.str2 .fig img.box,
#Sr1057Area .Sr1057TimerAm.str1 .fig .Sr1057TimerAmTg1 img,
#Sr1057Area .Sr1057TimerAm.str1 .fig .Sr1057TimerAmTg2 img,
#Sr1057Area .Sr1057TimerAm.str1 .fig .Sr1057TimerAmTg3 img,
#Sr1057Area .Sr1057TimerAm.str2 .fig .Sr1057TimerAmTg1 img,
#Sr1057Area .Sr1057TimerAm.str2 .fig .Sr1057TimerAmTg2 img,
#Sr1057Area .Sr1057TimerAm.str2 .fig .Sr1057TimerAmTg3 img,
#Sr1057Area .Sr1057TimerAm .fig .box.str1,
#Sr1057Area .Sr1057TimerAm .fig .box.str2,
#Sr1057Area .Sr1057TimerAm.str1 .fig .box,
#Sr1057Area .Sr1057TimerAm.str2 .fig .box{
display: none;
}
#Sr1057Area .Sr1057TimerAm.str1 .fig .box.str1{
display: inline-block;
margin-left: -20px;
}
#Sr1057Area .Sr1057TimerAm.str1 .fig .Sr1057TimerAmTg1{
width: 32px;
height: 19px;
display: inline-block;
margin-left: -11px;
margin-top: 6px;
background: url(../../../../img/landing_page/products/autoid/sr-2000_1057_01/sr-2000_1057_01_img_10_r5.png) no-repeat scroll 0 0;
}
.gtie9 #Sr1057Area .Sr1057TimerAm.str1 .fig .Sr1057TimerAmTg1{
}
#Sr1057Area .Sr1057TimerAm.str1 .fig .Sr1057TimerAmTg2{
width: 30px;
height: 17px;
display: inline-block;
margin-left: -15px;
margin-top: 6px;
background: url(../../../../img/landing_page/products/autoid/sr-2000_1057_01/sr-2000_1057_01_img_11_r5.png) no-repeat scroll 0 0;
}
#Sr1057Area .Sr1057TimerAm.str1 .fig .Sr1057TimerAmTg3{
width: 59px;
height: 29px;
display: inline-block;
margin-left: -10px;
margin-top: 16px;
background: url(../../../../img/landing_page/products/autoid/sr-2000_1057_01/sr-2000_1057_01_img_12_r5.png) no-repeat scroll 0 0;
}

#Sr1057Area .Sr1057TimerAm.str2 .fig{
top: -10px;
}
#Sr1057Area .Sr1057TimerAm.str2 .fig .box.str2{
margin-left: -20px;
display: inline-block;
}
#Sr1057Area .Sr1057TimerAm.str2 .fig .Sr1057TimerAmTg1{
width: 33px;
height: 17px;
display: inline-block;
margin-left: -9px;
margin-top: 20px;
background: url(../../../../img/landing_page/products/autoid/sr-2000_1057_01/sr-2000_1057_01_img_10_r-5.png) no-repeat scroll 0 0;
}
#Sr1057Area .Sr1057TimerAm.str2 .fig .Sr1057TimerAmTg2{
width: 30px;
height: 17px;
display: inline-block;
margin-left: -8px;
margin-top: 19px;
background: url(../../../../img/landing_page/products/autoid/sr-2000_1057_01/sr-2000_1057_01_img_11_r-5.png) no-repeat scroll 0 0;
}
#Sr1057Area .Sr1057TimerAm.str2 .fig .Sr1057TimerAmTg3{
width: 59px;
height: 29px;
display: inline-block;
margin-left: -10px;
margin-top: 4px;
background: url(../../../../img/landing_page/products/autoid/sr-2000_1057_01/sr-2000_1057_01_img_12_r-5.png) no-repeat scroll 0 0;
}

#Sr1057Area .Sr1057TimerOverlay{
width: 950px;
height: 345px;
top: 26px;
left: 0;
position: absolute;
background: url(../../../../img/landing_page/products/autoid/sr-2000_1057_01/bg_gray.png) no-repeat 0 0;
z-index: 1;
}
#Sr1057Area .Sr1057TimerAmImg{
position: relative;
width: 950px;
}

#Sr1057Area .Sr1057TimerAmImg .Sr1057TimerAmTg{
position: absolute;
width: 1416px;
left: -233px;
}
#Sr1057Area .Sr1057TimerAmImg .Sr1057TimerAmTg .fig{
position: relative;
left: 592px;
display: block;
}
#Sr1057Area .slow .target{
animation-name: fadeIn-anm2;
animation-duration: 2.8s;
animation-iteration-count: 1;
}
#Sr1057Area .slow .Sr1057TimerCmp{
animation-name: fadeIn-anm2;
animation-duration: 2.8s;
animation-iteration-count: 1;
}
#Sr1057Area .Sr1057TimerAm .time{
position: absolute;
top: 333px;
width: 950px;
text-align: center;
z-index: 1;
font-weight: bold;
color: #fff;
font-size: 1.4em;
}
#Sr1057Area .Sr1057TimerAm .time > span{
font-weight: bold;
color: #fff;
}
#Sr1057Area .Sr1057TimerAm .time.hide{
display: none;
}
#Sr1057Area .Sr1057TimerAm.slow .time.fadeOut.hide{
display: block;
animation-name: fadeOut-anm2;
animation-duration: .5s;
animation-iteration-count: 1;
}
#Sr1057Area .Sr1057TimerAm.slow .time{
animation-name: fadeIn-anm;
animation-duration: 1s;
animation-iteration-count: 1;
}

#Sr1057Area .Sr1057TimerAm .real{
top: 50px;
position: absolute;
}
#Sr1057Area .Sr1057TimerAmImg .Sr1057TimerAmTg .Sr1057TimerAmTg1,
#Sr1057Area .Sr1057TimerAmImg .Sr1057TimerAmTg .Sr1057TimerAmTg2,
#Sr1057Area .Sr1057TimerAmImg .Sr1057TimerAmTg .Sr1057TimerAmTg3{
position: absolute;
left: 45px;
top: 24px;
}
#Sr1057Area .Sr1057TimerAmImg .Sr1057TimerAmTg .Sr1057TimerAmTg2{
top: 43px;
left: 53px;
}
#Sr1057Area .Sr1057TimerAmImg .Sr1057TimerAmTg .Sr1057TimerAmTg3{
top: 13px;
left: 183px;
}

.js-modal-lp{
transition: margin-top 1s linear 0, box-shadow 1s linear 0;
position: relative;
display: block;
}
.js-modal-lp:after{
content: "";
position: absolute;
right: 5px;
bottom: 5px;
background: url(../../../../img/landing_page/products/autoid/sr-2000_1057_01/icon.png);
width: 31px;
height: 31px;
}
.js-modal-lp:hover,
.js-modal-lp:focus{
margin-top: -20px;
box-sizing: border-box;
}
.js-modal-lp:hover > *,
.js-modal-lp:focus > *{
border: 2px solid #fff;
margin: -2px;
position: relative;
}
.js-modal-lp:hover:before,
.js-modal-lp:focus:before{
content: "";
width: 80%;
height: 100%;
background: #929292;
position: absolute;
bottom: 0;
left: 10%;
box-shadow: 0 14px 28px #666;
}
#cboxContent{
margin-top: 0!important;
}
.moveImg .fig{
position: absolute;
}
.moveImg{
position:relative;
overflow:hidden;
margin:0;
width:100%;
background: #fff;
}
.moveImg img{
border: 6px solid #e8001b;
margin: 250px;
}
.moveImg .large{
position: absolute;
background: #e8001b;
color: #fff;
font-weight: bold;
font-size: 1.6em;
top: 250px;
left: 250px;
padding: 5px 10px;
display: block;
}
.moveImg .small{
position: absolute;
top: 295px;
left: 269px;
background: #eebe00;
font-size: 2em;
color: #333;
font-weight: bold;
padding: 10px;
display: block;
}
.moveImg .small:before{
content: "";
position: absolute;
width: 363px;
height: 480px;
border: 6px dotted #eebe00;
margin-top: -16px;
margin-left: -16px;
}
.moveImg .small.str1{
left: 275px;
top: 650px;
}
.moveImg .small.str2{
left: 395px;
top: 419px;
}
.moveImg .small.str2:before{
width: 297px;
height: 420px;
}

body.hide{
overflow-y: hidden;
}
body.hide .moveImg{
cursor: none;
}
body.hide .moveImg .icncursor{
position: absolute;
top: 0;
left: 0;
background: #333 url(../../../../img/landing_page/products/autoid/sr-2000_1057_01/close.png) no-repeat center center;
opacity: .8;
-ms-filter: "alpha(opacity=80)";
width: 40px;
height: 40px;
z-index: 1;
border: 2px solid #fff;
}
#cboxOverlay{
background: none!important;
}
#colorbox,
#cboxWrapper,
#cboxContent,
#cboxLoadedContent{
width: 100%!important;
}
#Sr1057Area .target.over,
#Sr1057Area .str1 .target.over,
#Sr1057Area .str2 .target.over{
display: none;
background: none!important;
}


@keyframes light-anm{
0% {opacity: 0; -ms-filter: "alpha(opacity=0)"; left: 20px; border: 0 none;}
10% {opacity: 0;-ms-filter: "alpha(opacity=0)";  border: 0 none;}
85% {border: 32px solid rgba(250,250,250,0); box-shadow: 0 0 1px #e90808; opacity: .3; -ms-filter: "alpha(opacity=30)"; left: -33px; top: -33px; width: 0; height: 0;}
100% {border: 37px solid rgba(250,250,250,0); box-shadow: 0 0 1px #e90808; opacity: 0; -ms-filter: "alpha(opacity=0)"; left: -36px; top: -37px; width: 0; height: 0;}
}
@keyframes fadeIn-anm{
0% {opacity: 0; -ms-filter: "alpha(opacity=0)";}
33% {opacity: .5; -ms-filter: "alpha(opacity=50)";}
66% {opacity: .8; -ms-filter: "alpha(opacity=80)";}
100% {opacity: 1; -ms-filter: "alpha(opacity=100)";}
}
@keyframes fadeIn-anm2{
0% {opacity: 0; -ms-filter: "alpha(opacity=0)";}
60% {opacity: 0; -ms-filter: "alpha(opacity=0)";}
70% {opacity: 1; -ms-filter: "alpha(opacity=100)";}
80% {opacity: 1; -ms-filter: "alpha(opacity=100)";}
90% {opacity: 0; -ms-filter: "alpha(opacity=0)";}
100% {opacity: 0; -ms-filter: "alpha(opacity=0)";}
}
@keyframes fadeOut-anm{
0% {opacity: 1; -ms-filter: "alpha(opacity=100)";}
33% {opacity: .8; -ms-filter: "alpha(opacity=80)";}
66% {opacity: .5; -ms-filter: "alpha(opacity=50)";}
100% {opacity: 0; -ms-filter: "alpha(opacity=0)";}
}
@keyframes fadeOut-anm2{
0% {opacity: 1; -ms-filter: "alpha(opacity=100)";}
100% {opacity: 0; -ms-filter: "alpha(opacity=0)";}
}