@charset "euc-jp";

/*============================
    DMM VR Style Sheet
==============================*/

/* ========================= [ #page-dmmvr ] */
#page-dmmvr {background: #fff;}
#page-dmmvr a:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-opacity:0.7;
-khtml-opacity: 0.7;
}
.rst * {
list-style: none;
margin: 0;
padding: 0;
}

/* ========================= [ #area-feed ] */
#page-dmmvr #content #area-feed {
padding: 40px 0;
background: url(http://p.dmm.com/p/general/vr/common/bg_pattern_b.png) repeat;
}
#page-dmmvr #content #area-feed .inner {text-align: center;}
#page-dmmvr #content #area-feed .ttl {margin-bottom: 40px;}
#page-dmmvr #content #area-feed .txt {
color: #fff;
margin-bottom: 40px;
}

/* ========================= [ #f-navi ] */
#page-dmmvr #f-navi {
width: 600px;
margin: 40px auto;
overflow: hidden;
text-align: center;
}
#page-dmmvr #f-navi .btn{
display: inline-block;
margin: 0 10px ; 
}

/* ========================= [ #page-top ] */

/*追加ここから*/
#page-dmmvr.dm-adult #page-top div#panoDIV.cursorMoveMode {
cursor: move;
cursor: url(http://p.dmm.co.m/p/vr/general_maindata/graphics/cursors_move_html5.cur), move;
}
#page-dmmvr.dm-adult #page-top div#panoDIV.cursorDragMode {
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
cursor: url(http://p.dmm.com/p/vr/graphics/cursors_drag_html5.cur), default;
}
/*追加ここまで*/
            
#page-dmmvr.dm-adult #page-top #h-navi {
width: 510px;
margin: 0 auto;
}
#page-dmmvr.dm-adult #page-top #h-navi .h-naviWrap {
display: table-cell;
padding: 20px 0;
vertical-align: middle;
}
#page-dmmvr.dm-adult #page-top #h-navi .h-naviWrap:after {
content:'';
clear: both;
}
#page-dmmvr.dm-adult #page-top #t-navi {
display: table;
float: left;
margin: 5px 0;
background: #fff;
}
#page-dmmvr.dm-adult #page-top #t-navi .navbtn {
display: table-cell;
vertical-align: middle;
font-size: 16px;
}
#page-dmmvr.dm-adult #page-top #t-navi .navbtn a {
display: inline-block;
padding: 0 15px;
border-right: 1px solid #666;
text-decoration: none;
color: #666;
}
#page-dmmvr.dm-adult #page-top #t-navi li:last-child.navbtn a {border-right: none;}
#page-dmmvr.dm-adult #page-top .share-buttons {
float: right;
list-style: none;
}
#page-dmmvr.dm-adult #page-top .share-buttons li {
display: inline;
margin: 0 3px;
}
#page-dmmvr.dm-adult #page-top #page-dmmvr #page-top #content {margin: 0 auto;}


/*ティーザー用*/
/*#page-dmmvr.dm-adult #page-top #content {
padding: 40px 0;
background: url(http://p.dmm.com/p/vr/common/bg_pattern_a.png) repeat;
}
#page-dmmvr.dm-adult #page-top #content .box-mono {
width: 326px;
margin:0 auto;
padding: 12px;
background-color: rgba(255,255,255,0.70);
overflow: hidden;
border-radius: 3px;
}
#page-dmmvr.dm-adult #page-top #content .box-mono img {float: left;}
#page-dmmvr.dm-adult #page-top #content .box-mono div {margin-left: 176px;}*/

#page-dmmvr #page-top #head > .notes {
    text-align: right;
    margin: 5px 0;
    color: #666;
}

#page-dmmvr #page-top #h-navi {
width: 510px;
margin: 0 auto;
}
#page-dmmvr #page-top #h-navi .h-naviWrap {
display: table-cell;
padding: 20px 0;
vertical-align: middle;
}
#page-dmmvr #page-top #h-navi .h-naviWrap:after {
content:'';
clear: both;
}
#page-dmmvr #page-top #t-navi {
display: table;
float: left;
margin: 5px 0;
background: #fff;
}
#page-dmmvr #page-top #t-navi .navbtn{
display: table-cell;
vertical-align: middle;
font-size: 16px;
}
#page-dmmvr #page-top #t-navi .navbtn a {
display: inline-block;
padding: 0 15px;
border-right: 1px solid #666;
color: #666;
text-decoration: none;
}
#page-dmmvr #page-top #t-navi li:last-child.navbtn a {border-right: none;}
#page-dmmvr #page-top .share-buttons {
float: right;
list-style: none;
}
#page-dmmvr #page-top .share-buttons li {
display: inline;
margin: 0 3px;
}
#page-dmmvr #page-top #page-dmmvr #page-top #content {margin: 0 auto;}

/* ===== area-*** */
#page-dmmvr #page-top #content .area-intro {
display: table;
width: 100%;
/*min-height: 245px;*/
background: #f5f3f3;
}
#page-dmmvr #page-top #content .area-intro > * {vertical-align: top;}
#page-dmmvr #page-top #content .area-intro .capt01 {
display: table-cell;
width: 60%;
padding: 20px 20px 40px;
/*padding: 20px 20px 40px 60px;*/
}
#page-dmmvr #page-top #content .area-intro .capt01 > * {
margin: 0 auto;
text-align: center;
}
#page-dmmvr #page-top #content .area-intro .ttl {
margin-bottom: 20px;
}
#page-dmmvr #page-top #content .area-intro .txt {
line-height: 2;
margin: 0;
font-size: 14px;
color: #666;
}
#page-dmmvr #page-top #content .area-intro .news {
display: table-cell;
width: 40%;
/*padding: 20px 60px 40px 20px;*/
padding: 20px 20px 40px;
background-color: #e7e7e7;
}
#page-dmmvr #page-top #content .area-intro .news .newsList {line-height: 2em;}
#page-dmmvr #page-top #content .area-intro .news .newsList li > span {
margin-right: 10px;
font-weight: bold;
color: #48b5b5;
}
#page-dmmvr #page-top #content .area-intro .news .newsList li > a {
text-decoration: none;
color: #666;
}
#page-dmmvr #page-top #content .area-intro .news .newsList li > a:hover {
text-decoration: underline;
}
#page-dmmvr #page-top #content .area-intro .box-mono {
margin: 30px 0 0 30px;
/*padding: 12px;
background-color: #fff;
overflow: hidden;
border-radius: 2px;*/
}
/*#page-dmmvr #page-top #content .area-intro .box-mono img {float: left;}
#page-dmmvr #page-top #content .area-intro .box-mono div {margin-left: 176px;}*/
#page-dmmvr #page-top #content .area-intro .box-mono div {margin: 6px 0 0;}
#page-dmmvr #page-top #content #area-howto {
padding: 40px;
background: url(http://p.dmm.com/p/general/vr/common/bg_pattern_a.png) repeat;
}
#page-dmmvr #page-top #content #area-howto .strip {
display:block;
width:800px; 
margin: 0 auto;
background:#000; 
}
#page-dmmvr #page-top #content #area-howto .strip .movdetail {
    background-color: #fff;
    border-top: 2px solid #4cbec0;
}
#page-dmmvr #page-top #content #area-howto .strip .movdetail .movtxt {
    display: table;
    width: 100%;
}
#page-dmmvr #page-top #content #area-howto .strip .movdetail .movtxt > * {
    display: table-cell;
    color: #4cbec0;
    padding: 10px;
    font-size: 14px;
}
#page-dmmvr #page-top #content #area-howto .strip .movdetail .movtxt > p[class*="movdeta"] {
    border-left: 2px solid #e2dee0;
}
#page-dmmvr #page-top #content #area-howto .capt01 {margin: 0 auto;}
#page-dmmvr #page-top #content #area-howto .ttl {
margin-bottom: 40px;
text-align: center;
}
#page-dmmvr #page-top #content #area-howto .txt {
margin: 0 0 30px 0;
text-align: center;
color: #fff;
}
#page-dmmvr #page-top #content #area-howto .faqbtn {
margin: 20px 0 ;
text-align: center;
}
#page-dmmvr #page-top #content #area-howto .howtoimg {
display: table;
width: 320px;
margin:  30px auto 20px;
}
#page-dmmvr #page-top #content #area-howto .iil {
display: table-cell;
text-align: center;
}
#page-dmmvr #page-top #content #area-howto .toggle {display: table-cell;}
#page-dmmvr #page-top #content #area-howto .txt2 {
margin-top: 10px;
text-align: center;
color: #fff;
}
#page-dmmvr #page-top #content #area-howto .appbtn {
margin-top: 20px;
text-align: center;
}
#page-dmmvr #page-top #area-list {background: #f5f3f3;}
#page-dmmvr #page-top #area-list .center {
overflow: hidden; 
padding: 20px;
}
#page-dmmvr #page-top #area-list .list {
padding: 20px;
text-align: center;
}
#page-dmmvr #page-top  #area-list .ttl {
padding: 40px;
background: #fff;
text-align: center;
}
#page-dmmvr #area-list .morebtn {
padding: 20px 0 0 0;
text-align: center;
}
#page-dmmvr #page-top #area-pickup {background: #e7e7e7;}
#page-dmmvr #page-top #area-pickup .center {
overflow: hidden; 
padding: 20px;
}
#page-dmmvr #page-top  #area-pickup .ttl {
padding: 40px 0 25px;
text-align: center;
}
#page-dmmvr #page-top  #area-pickup .txt {
padding-bottom: 20px;
color: #666;
font-size: 14px;
text-align: center;
}
#page-dmmvr #page-top #area-pickup .list {
padding: 20px 50px;
text-align: center;
}
#page-dmmvr #page-top  #area-pickup .list .pickupContent {
display: table;
margin: 0 auto 30px;
border-bottom: 1px solid #e2dee1;
background-color: #fff;
}
#page-dmmvr #page-top  #area-pickup .list .pickupContent a {color: #4cbec0;}
#page-dmmvr #page-top  #area-pickup .list .pickupContent > * {
display: table-cell;
vertical-align: top;
}
#page-dmmvr #page-top  #area-pickup .list .pickupContent .site {width: 40%;}
#page-dmmvr #page-top  #area-pickup .list .pickupContent .site .site-detail {
padding: 10px 0;
border-bottom: 1px solid #e2e2e2;
}
#page-dmmvr #page-top  #area-pickup .list .pickupContent .site .site-detail p.site-logo {padding: 10px 0;}
#page-dmmvr #page-top  #area-pickup .list .pickupContent .site .detail {
padding: 15px;
color: #666;
}
#page-dmmvr #page-top  #area-pickup .list .pickupContent .pic {
width: 290px;
border-left: 1px solid #e2e2e2;
}
#page-dmmvr #page-top  #area-pickup .list .pickupContent .pic p {padding: 10px 0;}

/* ========================= [ #area-list ] */
/* ===== .module */
#page-dmmvr #area-list .module {
display:inline-block;
width: 440px;
/*height: 200px;*/
height:263px;
margin: 4px 2px;
position: relative;
border-bottom: #e2dee0 1px solid;
background: #fff;
}
#page-dmmvr #area-list .module .movsab {
position: relative;
border-bottom: #4cbec0 2px solid;
}
/*#page-dmmvr #area-list .module .movsab:before {
content:'';
display:block;
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: 0;
right:0;
bottom:0;
margin: auto;
background: url("http://p.dmm.com/p/general/vr/common/btn_play.png") no-repeat;*/
/*background-size: cover;*/
/*}*/
#page-dmmvr #area-list .module .movtxt {
display: table;
width: 440px;
height: 40px;
}
#page-dmmvr #area-list .module .movttl {
display: table-cell;
width: 290px;
padding: 0 5px;
font-style: bold;
text-align: left;
vertical-align: middle;
color: #4cbec0;
}
#page-dmmvr #area-list .module .movdeta {
display: table-cell;
width: 140px;
padding: 0 5px;
border-left: #e2dee0 1px solid;
vertical-align: middle;
color: #666;
text-align: left;
}

/*追加ここから 2014/11/25*/
#page-dmmvr #area-list .module .movdeta p {
white-space: nowrap;
}
#page-dmmvr #area-list .area-pager {
margin: 20px 0 0 0;
}
#page-dmmvr #area-list .area-pager ul {
text-align: center;
}
#page-dmmvr #area-list .area-pager ul li {
display: inline-block;
font-size: 17px;
padding: 0 2px;
}
#page-dmmvr #area-list .area-pager ul li a {
border: 1px solid #666;
color: #666;
text-align: center;
padding: 5px 10px 6px 11px;
background: #fff;
display: block;
text-decoration: none;
}
#page-dmmvr #area-list .area-pager ul li a:hover{
border: 1px solid #f1871f;
color: #fff;
text-align: center;
padding: 5px 10px 6px 11px;
background: #f19e1f;
display: block;
text-decoration: none;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
}
#page-dmmvr #area-list .area-pager ul .btn-prevon a {
border: 1px solid #f1871f;
color: #fff;
text-align: center;
padding: 5px 10px 6px 11px;
background: #f19e1f;
display: block;
text-decoration: none;
}
#page-dmmvr #area-list .area-pager ul .btn-paferno {
display: inline-block;
font-size: 17px;
border: 1px solid #acacac;
color: #acacac;
text-align: center;
padding: 5px 10px 6px 11px;
background: #dfdfdf;
text-decoration: none;
}
/*追加ここまで 2014/11/25*/

/* ===== module newTag */
#page-dmmvr #area-list .module.new:before {
content:'';
display:block;
position: absolute;
top: 0;
right: 0;
width: 69px;
height: 74px;
background: url("http://p.dmm.com/p/general/vr/common/ribon_new.png") no-repeat;
/*background-size: cover;*/
z-index: 1;
}
#page-dmmvr #area-list .module.new .movsab {border-color: #f19e1f;}
#page-dmmvr #area-list .module.new .movttl {color: #f19e1f;}

#page-dmmvr #area-list .module .time {
    color: #fff;
    background-color: rgba(0,0,0,.7);
    display: inline-block;
    padding: 1px 5px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

/* ========================= [ #page-detail ] */
#page-dmmvr #page-detail {
-webkit-text-size-adjust: 100%;
}
#page-dmmvr #page-detail #area-mov {
overflow: hidden;
padding: 20px;
background: #f5f3f3;
}
#page-dmmvr #page-detail #area-mov .inner {
width: 960px;
margin: 0 auto;
}
#page-dmmvr #page-detail #area-mov .inner .capt {
padding-bottom: 10px;
font-size: 16px;
color: #f19e1f;
font-weight: bold;
background-color: #fff;
padding: 15px;
margin-bottom: 10px;
margin-right: 70px;
border-bottom: #e2dee0 1px solid;
text-align: center;
}
#page-dmmvr #page-detail #area-mov .lcal {float: left;}
#page-dmmvr #page-detail #area-mov .rcal {
float: left;
width: 260px;
padding: 10px;
margin: 0 0 0 20px;
border-bottom:  #e2dee0 1px solid;
background: #fff;
}
#page-dmmvr #page-detail #area-mov .area-tmb {
overflow: hidden;
width: 590px;
margin: 1px -1px 0 0;
}
#page-dmmvr #page-detail #area-mov .area-tmb li {
float: left;
width: 33.2%;
margin-left: 1px;
}
#page-dmmvr #page-detail #area-mov .area-tmb li:first-child {margin: 0;}
#page-dmmvr #page-detail #area-mov .area-tmb li img {width: 100%;}
#page-dmmvr #page-detail #area-mov .ttl {
width: 550px;
margin: 10px 0 0 0;
padding: 20px;
border-bottom:  #e2dee0 1px solid;
background: #fff;
font-size: large;
}
#page-dmmvr #page-detail #area-mov .ttl h1 {
margin-bottom: 12px;
color: #4cbec0;
}
#page-dmmvr #page-detail #area-mov .ttl .share-buttons li {
display: inline;
margin: 0 3px;
}
/*
#page-dmmvr #page-detail #area-mov .ttl {
width: 550px;
margin: 10px 0 0 0;
padding: 20px;
border-bottom:  #e2dee0 1px solid;
background: #fff;
font-size: large;
}
*/
#page-dmmvr #page-detail #area-mov .deta {
width: 550px;
margin: 10px 0 40px 0;
padding: 20px;
background: #fff;
}
#page-dmmvr #page-detail #area-mov .txt {
margin: 0 0 10px 0;
padding: 0 0 20px 0;
border-bottom:  #e2dee0 1px solid;
}
#page-dmmvr #page-detail #area-mov .metatxt {
overflow: hidden;
margin: 20px 0 0 0;
}
#page-dmmvr #page-detail #area-mov .metatxt dt {
float: left;
margin-right: 6px;
}
#page-dmmvr #page-detail #area-mov .metatxt dd {margin: 0 auto 3px;}
#page-dmmvr #page-detail #area-mov .area-btn {
margin-bottom: 10px;
border-bottom: #e2dee0 1px solid;
}
#page-dmmvr #page-detail #area-mov .area-btn dt {
padding: 5px 0 10px;
font-size: 16px;
color: #666;
}
#page-dmmvr #page-detail #area-mov .area-btn dd {padding-bottom: 10px;}
/*
#page-dmmvr #page-detail #area-mov .area-btn dd span {
font-size: 10px;
color: #666;
}
*/
#page-dmmvr #page-detail #area-mov .area-btn dd ul {
margin-left: 1em;
text-indent: -1em;
font-size: 11px;
color: #666;
}
#page-dmmvr #page-detail #area-mov .area-btn dd ul li {margin-bottom: 6px;}

/*
#page-dmmvr #page-detail #area-mov .area-btn {
width: 260px;
padding: 10px;
border-bottom:  #e2dee0 1px solid;
background: #fff;
}
*/
#page-dmmvr #page-detail #area-mov .area-btn img {margin: 0 0 10px 0;}
#page-dmmvr #page-detail #area-mov .area-link {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: #e2dee0 1px solid;
}
#page-dmmvr #page-detail #area-mov .area-backlink {
margin: 0 0 10px 0;
padding: 0;
}
#page-dmmvr #page-detail #area-mov .area-link li,
#page-dmmvr #page-detail #area-mov .area-backlink li {
display: block;
padding: 4px 0;
}
#page-dmmvr #page-detail #area-mov .area-link a:after,
#page-dmmvr #page-detail #area-mov .area-backlink a:after {
content: ">";
display: inline-block;
margin-left: 6px;
font-size: 14px;
}
#page-dmmvr #page-detail #area-mov .area-link a:hover * {
    text-decoration: none;
}

/* ========================= [ #page-detail #area-list ] */
#page-dmmvr #page-detail #area-list {
    border-top: #e2dee0 1px solid;
    border-bottom: #e2dee0 1px solid;
    margin-bottom: 15px;
}
#page-dmmvr #page-detail #area-list .ttl {
    background: transparent;
    border-bottom: none;
    padding: 0;
    width: auto;
    text-align: center;
}
#page-dmmvr #page-detail #content #area-list .list {
    padding: 10px 0;
}
#page-dmmvr #page-detail #area-list .module {
    width: 260px;
}
#page-dmmvr #page-detail #area-list .module .movsab:before {
    display: none;
}
#page-dmmvr #page-detail #area-list .module .movsab img,
#page-dmmvr #page-detail #area-list .module .movtxt {
    width: 258px;
}
#page-dmmvr #page-detail #area-list .module a:hover {
    text-decoration: none;
}
#page-dmmvr #page-detail #area-list .module a:hover .movsab img {
    opacity: .7;
}
#page-dmmvr #page-detail #area-list .module {
    height: auto;
    margin-left: 0;
    margin-right: 0;
    border: #e2dee0 1px solid;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
#page-dmmvr #page-detail #area-list .module .movttl {
    font-size: 12px;
}
#page-dmmvr #page-detail #area-list .module .movtxt {
    height: 25px;
}
#page-dmmvr #page-detail #area-list .module .movdeta1,
#page-dmmvr #page-detail #area-list .module .movdeta2 {
    display: table-cell;
    color: #666;
    text-align: left;
    vertical-align: middle;
    padding: 0 5px;
}
#page-dmmvr #page-detail #area-list .module .movdeta1 {
    width: 200px;
}
#page-dmmvr #page-detail #area-list .module .movdeta2 {
    width: 120px;
    border-left: 1px solid #e2dee0;
}





/* ========================= [ #page-list ] */
#page-dmmvr #page-list #content  #area-list {background: #f5f3f3;}
#page-dmmvr #page-list #content #area-list .center {
overflow: hidden; 
padding: 20px;
}
#page-dmmvr #content #area-list .list {
padding: 10px 20px 40px 20px;
text-align:center;
}
#page-dmmvr #page-list #content #area-list .ttl {padding: 40px 60px 20px;}
#page-dmmvr #page-list #content #area-list .link {
float: right;
text-align: right;
}
#page-dmmvr #page-list #content #area-list .morebtn {
padding: 20px 0 50px 0;
text-align: center;
}

/* ========================= [ #page-viewer ] */
/*
#page-dmmvr #page-viewer .strip {
background:#000; 
width:100%; 
display:block;
}
*/

/* ========================= [ #page-developer ] */
#page-dmmvr #page-developer {
padding: 40px;
background:url(http://p.dmm.com/p/general/vr/common/bg_pattern_b.png) repeat;
}
#page-dmmvr #page-developer #head {
margin: 0 0 60px 0;
text-align: center;
}
#page-dmmvr #page-developer #area-merit {
overflow: hidden;
width: 890px;
margin: 0 auto;
}
#page-dmmvr #page-developer #area-merit .ttl {
margin: 0 0 30px 0;
text-align: center;
}
#page-dmmvr #page-developer #area-merit .module-l {
float: left;
width: 400px;
height: 80px;
margin: 0 4px 0 0;
padding: 20px;
background: url(http://p.dmm.com/p/general/vr/developer/icon_merit01.png) 20px center no-repeat,#fff;
}
#page-dmmvr #page-developer #area-merit .module-r {
float: left;
width: 400px;
height: 80px;
margin: 0 0 0 4px;
padding: 20px;
background: url(http://p.dmm.com/p/general/vr/developer/icon_merit02.png) 20px center no-repeat,#fff;
}
#page-dmmvr #page-developer #area-merit .module-ttl {margin: 10px 0px 0px 70px;}
#page-dmmvr #page-developer #area-merit .module-txt {margin: 10px 0 0 70px;}
#page-dmmvr #page-developer .btn-dev {
margin: 40px 0 0 0;
text-align: center;
}
#page-dmmvr #page-developer .btn-box {
    margin: 60px auto 0;
    text-align: center;
}

/* ========================= [ #page-howto ] */
#page-dmmvr #page-howto #head {
padding: 30px 0;
background:url(http://p.dmm.com/p/general/vr/common/bg_pattern_a.png) repeat;
text-align: center;
}
#page-dmmvr #page-howto #head .ttl {margin-bottom: 30px;}
#page-dmmvr #page-howto #head .txt {color: #fff;}
#page-dmmvr #page-howto #head .ttl + .txt {font-size: 14px;}
#page-dmmvr #page-howto #head .appbtn {margin: 30px 0 10px;}
#page-dmmvr #page-howto #content #area-howtoStep {
padding: 40px 0;
background-color: #f5f3f3;
}
#page-dmmvr #page-howto #content #area-howtoStep div[class^="stepBlock"] div[class^="step"] {
width: 920px;
height: 198px;
margin: 0 auto;
background-color: #fff;
border-bottom: 1px solid #e2dee0;
}
#page-dmmvr #page-howto #content #area-howtoStep div[class^="stepBlock"] div[class^="step"]:last-child {margin-bottom: 30px;}
#page-dmmvr #page-howto #content #area-howtoStep div[class^="stepBlock"]:last-child div[class^="step"]:last-child {margin-bottom: 0;}
#page-dmmvr #page-howto #content #area-howtoStep div[class^="stepBlock"] div[class^="step"] .img {
float: left;
margin-right: 30px;
}
#page-dmmvr #page-howto #content #area-howtoStep div[class^="stepBlock"] div[class^="step"] .img + * {padding-top: 25px;}
#page-dmmvr #page-howto #content #area-howtoStep div[class^="stepBlock"] div[class^="step"] h2 {
margin-bottom: 0;
font-size: 16px;
color: #4cbec0;
}
#page-dmmvr #page-howto #content #area-howtoStep div[class^="stepBlock"] div[class^="step"] .txt {
font-size: 14px;
color: #666;
}
#page-dmmvr #page-howto #content #area-appbtn {
text-align: center;
background-color: #f5f3f3;
padding-bottom: 30px;
}
#page-dmmvr #page-howto #content #area-appbtn .appbtn {margin-bottom: 10px;}

/* ========================= [ 静止VR ] */
@-ms-viewport { width: device-width; }

/* ===== #page-dmmvr.dm-general #page-top */
#page-dmmvr.dm-general #page-top .logo {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 500px; 
height: 147px;
margin: auto;
z-index: 1;
}
#page-dmmvr.dm-general div #tourDIV {
position:relative;
overflow:hidden;
max-width: 1280px;
height:350px;
margin: 0 auto;
}
#page-dmmvr.dm-general div #panoDIV {
height:100%;
position:relative;
overflow:hidden;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

/* ===== #page-dmmvr.dm-adult #page-top */
#page-dmmvr.dm-adult #page-top .logo {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 500px; 
height: 225px;
margin: auto;
z-index: 1;
}
#page-dmmvr.dm-adult div #tourDIV {
position:relative;
overflow:hidden;
height:350px;
}
#page-dmmvr.dm-adult div #tourDIV {
position:relative;
overflow:hidden;
height:500px;
max-width: 1280px;
margin: 0 auto;
}
#page-dmmvr.dm-adult div #panoDIV {
height:100%;
position:relative;
overflow:hidden;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

/* ===== #page-dmmvr #page-detail */
#page-dmmvr #page-detail div #tourDIV {
position:relative;
overflow:hidden;
height:200px;
width: 590px;
}
#page-dmmvr #page-detail div #panoDIV {
height:100%;
position:relative;
overflow:hidden;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
#page-dmmvr #page-detail #content .play {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 40px; 
height: 40px;
margin: auto;
z-index: 1;
}

/* ===== #page-dmmvr #page-hakosuko */
#page-dmmvr #page-hakosuko #head {
padding: 30px 0;
background: url(http://p.dmm.com/p/general/vr/common/bg_pattern_a.png) repeat;
text-align: center;
}
#page-dmmvr #page-hakosuko .content-inner {
    background-color: #f5f3f3;
    padding: 40px 0;
}
#page-dmmvr #page-hakosuko .area-merit {
    text-align: center;
}
#page-dmmvr #page-hakosuko .area-merit .merit-point {
    display: inline-block;
    vertical-align: top;
    width: 440px;
    height: 180px;
    background-color: #fff;
    border-bottom: 1px solid #e2dee0;
    margin: 0 2px;
}
#page-dmmvr #page-hakosuko .area-merit .ttl {
    margin: 30px 0 10px;
}
#page-dmmvr #page-hakosuko .area-buy {
    padding-top: 40px;
    text-align: center;
}
#page-dmmvr #page-hakosuko .area-buy .imgbtn a {
    display: inline-block;
    background-color: #e46204;
    width: 480px;
    padding: 25px 0;
}
#page-dmmvr #page-hakosuko .area-buy .imgbtn + .imgbtn a {
    margin-top: 20px;
    background-color: #4cbec0;
}
#page-dmmvr #page-hakosuko .area-step {
    text-align: center;
}
#page-dmmvr #page-hakosuko .area-step > .ttl {
    padding: 40px 0;
}
#page-dmmvr #page-hakosuko .area-step .area-video {
    margin-bottom: 40px;
}
#page-dmmvr #page-hakosuko .area-step .step-block {
    border: 1px solid #e2dee0;
    border-top: 3px solid #4cbec0;
    width: 920px;
    margin: 0 auto 30px;
    text-align: left;
    display: table;
}
#page-dmmvr #page-hakosuko .area-step .step-block > * {
    display: table-cell;
    vertical-align: top;
}
#page-dmmvr #page-hakosuko .area-step .step-block > .img {
    width: 335px;
    background-color: #f5f3f3;
}
#page-dmmvr #page-hakosuko .area-step .step-block > .text-block {
    padding: 20px 30px;
}
#page-dmmvr #page-hakosuko .area-step .step-block > .text-block .capt {
    margin-bottom: 10px;
}
#page-dmmvr #page-hakosuko .area-step .step-block > .text-block .txt {
    font-size: 13px;
}
#page-dmmvr #page-hakosuko .area-step .step-block > .text-block .txt dt {
    font-weight: bold;
}
#page-dmmvr #page-hakosuko .area-step .step-block > .text-block .txt dd {
    padding-left: 1em;
}
#page-dmmvr #page-hakosuko .area-step .step-block > .text-block .txt dd + dt {
    margin-top: 1em;
}
#page-dmmvr #page-hakosuko .area-notes {
    margin: 30px auto;
    width: 920px;
}


/*============================
    vr-r18
==============================*/
#page-dmmvr.vr-r18 #page-top #content #area-howto {
    background-image: url("http://p.dmm.com/p/vr/common/bg_pattern_a.png");
}
#page-dmmvr.vr-r18 #page-top #content .area-intro .news .newsList li > span,
#page-dmmvr.vr-r18 #page-detail #area-mov .ttl h1,
#page-dmmvr.vr-r18 #page-detail #area-list .module .movttl {
    color: #e96f81;
}
#page-dmmvr.vr-r18 #page-detail #area-list .module .movsab {
    border-bottom: #e63546 2px solid;
}
#page-dmmvr.vr-r18 #page-top #content #area-howto .strip .movdetail {
    border-color: #e63546;
}
#page-dmmvr.vr-r18 #page-top #content #area-howto .strip .movdetail .movtxt > * {
    color: #e63546;
}
#page-dmmvr.vr-r18 #page-howto #head {
    background:url(http://p.dmm.com/p/vr/common/bg_pattern_a.png) repeat;
}
#page-dmmvr #page-howto #content #area-howtoStep div[class^="stepBlock"] div[class^="step"] h2 {
    color: #e63546;
}