@charset "utf-8";

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



/* //////////////////////////////////////////////////////////////////////// [ ▼.litevideo.page-detail  ] */

/* ========================= .litevideo.page-detail */

/* parts container-01
------------------------*/
.litevideo.page-detail > section {
margin-bottom:18px;
padding: 0 0 6px;
background-image: linear-gradient(bottom, #E1DDDC 0%, #EFEDEE 100%);
background-image: -webkit-linear-gradient(bottom, #E1DDDC 0%, #EFEDEE 100%);
background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0, #E1DDDC),	color-stop(1, #EFEDEE));
font-size: 14px;
}
.litevideo.page-detail > section:after{
display:block;
width:100%;
height:10px;
margin:12px 0 -15px;
padding:0;
content:"";
position:relative;
z-index:1;
background:url(http://p.dmm.co.jp/p/sp/top/bg_lineshadow.png) no-repeat center top;
background-size:100% 10px;
-webkit-background-size:100% 10px;
}
/*----------------------*/

/* parts headline-01
------------------------*/
.litevideo.page-detail > section > h1{
line-height:24px;
padding: 10px 14px;
color:#212121;
font-size:16px;
text-shadow:1px 1px 0 #f8f7f7;
background:none;
border-bottom:1px solid rgba(0,0,0,0.2);
box-shadow: 0 1px rgba(255, 255, 255, 0.4);
-webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.4);
/*----------------------*/
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.litevideo.page-detail .txt-pconly{
margin: 0;
line-height: 26px;
text-align: center;
background: #999;
color: #fff;
font-size: 12px;
font-weight: bold;	
}



/* ========================= .area-product */
.litevideo.page-detail .area-product{
padding-top: 1px;
background: #d6d4d5;	
border-top: 1px solid #e6e5e6;
}
.litevideo.page-detail .area-product .box-price{
padding: 6px;
border-bottom: 1px solid #c8c6c6;
}
.litevideo.page-detail .area-product .box-price:after{
display: block;
content: "";
clear: both;
}
.litevideo.page-detail .area-product .box-price li{
float: left;
width: 48%;
margin: 3px 1%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
background-color: #fff;
background-size: 24px 24px;
-webkit-background-size: 24px 24px;
background-repeat: no-repeat;
background-position: 3px center;
border: 1px solid #cfcfcf;
box-shadow: 1px 1px 0 rgba(255,255,255,0.6);
-webkit-box-shadow: 1px 1px 0 rgba(255,255,255,0.6);
}
.litevideo.page-detail .area-product .box-price li.digital,
.litevideo.page-detail .area-product .box-price li.monthly{
background-image: url(http://p.dmm.co.jp/p/sp/litevideo/detail/ico_digital_black.png);
}
.litevideo.page-detail .area-product .box-price li.rental{
background-image: url(http://p.dmm.co.jp/p/sp/litevideo/detail/ico_rental_black.png);
}
.litevideo.page-detail .area-product .box-price li.mono{
background-image: url(http://p.dmm.co.jp/p/sp/litevideo/detail/ico_mono_black.png);
}
.litevideo.page-detail .area-product .box-price li.pcgame{
background-image: url(http://p.dmm.co.jp/p/sp/litevideo/detail/ico_pcgame_black.png);
}
.litevideo.page-detail .area-product .box-price li a{
display: block;
}
.litevideo.page-detail .area-product .box-price li p{
line-height: 14px;
padding: 10px 10px 10px 26px;
font-size: 10px;
color: #212121;
}
.litevideo.page-detail .area-product .box-price li p span.price{
display: block;
float: right;
color: #c00;
}
.litevideo.page-detail .area-product .box-price li p span.price em{
font-size: 14px;
font-weight: bold;	
}

.litevideo.page-detail .area-product .btn-services a{
display:block;
line-height: 36px;
border-top: 1px solid #f1efef;
border-bottom: 1px solid #c8c6c6;
background: #e8e4e4;
color:#6c6c6c;
text-shadow:1px 1px 0 #f8f7f7;
font-weight:bold;
font-size:12px;
}
.litevideo.page-detail .area-product .btn-services a span{
display: block;
margin:0 10px;
background:url(http://p.dmm.co.jp/p/sp/litevideo/common/ico/ico_arrow.png) no-repeat right center;
background-size:8px 10px;
-webkit-background-size:8px 10px;	
}



/* ========================= .area-recommend */

.litevideo.page-detail .area-recommend{}



/* ========================= .box-taglink */

.litevideo.page-detail .box-taglink {
font-size: 12px;
line-height: 2;
display:inline; 
}
.litevideo.page-detail .box-taglink li,
.litevideo.page-detail .box-taglink li a {
display: inline-block;
}
.litevideo.page-detail .box-taglink li {
margin-bottom: 6px;
}
.litevideo.page-detail .box-taglink li a {
padding: 0 6px;
background: #f3f3f3;
border: 1px #ccc solid;
border-radius: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.litevideo.page-detail .box-no-taglink { display:inline;  }
.litevideo.page-detail .box-no-taglink li { display: inline-block; }
.litevideo.page-detail .box-no-taglink li:last-child { margin-bottom:6px; }



/* ========================= .box-taglink .ptern2 */
.litevideo.page-detail .ptern2 .box-taglink {
font-size: 12px;
line-height: 2;
}
.litevideo.page-detail .ptern2 .box-taglink li {
display: inline-block;
}
.litevideo.page-detail .ptern2 .box-taglink li a {
display: inline;
font-size: 26px;
line-height: 1;
}
.litevideo.page-detail .ptern2 .box-taglink li a:after {
content: "";
display: inline;
}
.litevideo.page-detail .ptern2 .box-taglink li a span {
font-size: 12px;
vertical-align: 6px;
}
.litevideo.page-detail .ptern2 .box-taglink li {
margin-bottom: 3px;
}
.litevideo.page-detail .ptern2 .box-taglink li a {
padding: 0 6px;
background: #f3f3f3;
border: 1px #ccc solid;
border-radius: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}



/* ========================= .area-overview */

.litevideo.page-detail .area-overview {
padding: 14px;
}
.litevideo.page-detail .area-overview .wrap-overview {
width: 100%;
display: table;
}
.litevideo.page-detail .area-overview .box-package,
.litevideo.page-detail .area-overview .box-overview {
display: table-cell;
vertical-align: top;
}

.litevideo.page-detail .area-overview .box-package {}
.litevideo.page-detail .area-overview .box-package > a.package-large {}
.litevideo.page-detail .area-overview .box-package > a.package-large > img.package {
width: 100px;
}
.litevideo.page-detail .area-overview .box-overview {
width: 100%;
padding-left: 8px;
}

.litevideo.page-detail .area-overview .box-overview .parts-ttl{
margin-bottom: 6px;
font-weight: bold;
text-shadow:1px 1px 0 rgba(255,255,255,0.9);
}

.litevideo.page-detail .area-overview .box-overview > dl dt,
.litevideo.page-detail .area-overview .box-overview > dl dd {
display: table-cell;
vertical-align: top;
font-size: 12px;
vertical-align: baseline;
}
.litevideo.page-detail .area-overview .box-overview > dl dd span.playnum{
font-size: 14px;
font-weight: bold;
}
.litevideo.page-detail .area-overview .box-overview > dl dt {
white-space: nowrap;
}
.litevideo.page-detail .area-overview .box-overview > dl dt:after {
content:'：';
display:inline-block;
}
.litevideo.page-detail .area-overview .box-overview > dl dd {}
.litevideo.page-detail .area-overview .box-overview > dl.parts-cast {}
.litevideo.page-detail .area-overview .box-overview > dl.parts-cast > dt ,
.litevideo.page-detail .area-overview .box-overview > dl.parts-cast > dd { display:inline; line-height:2; }
.litevideo.page-detail .area-overview .box-overview > dl.parts-cast > dd > ul {}
.litevideo.page-detail .area-overview .box-overview > dl.parts-cast > dd > ul > li {}
.litevideo.page-detail .area-overview .box-overview > dl.parts-cast > dd > ul > li > a {}

/*----- 女優数が2名以上の場合用 -----*/
.litevideo.page-detail .area-overview .box-overview > dl.parts-cast .box-taglink.many-cast:after {
display:inline-block;
content:"...";
}



/* ========================= .area-overview .parts-rate */
.litevideo.page-detail .area-overview .box-overview .parts-rate {
margin-bottom: 10px;
}
.litevideo.page-detail .area-overview .box-overview .parts-rate a > span {}
.litevideo.page-detail .area-overview .box-overview > div.parts-bt {}
.litevideo.page-detail .area-overview .box-overview > dl.parts-rate {}
.litevideo.page-detail .area-overview .box-overview > dl.parts-rate > dt {}
.litevideo.page-detail .area-overview .box-overview > dl.parts-rate > dd {}
.litevideo.page-detail .area-overview .box-overview > dl.parts-rate > dd > a {}
.litevideo.page-detail .area-overview .box-overview > dl.parts-rate > dd > a > span {}

.litevideo.page-detail .area-overview .box-overview .parts-rank {
margin: 6px 0 10px;
padding: 3px 0;
border-radius: 3px;
background: #d5d5d5;
font-size: 12px;
line-height: 2;
}

.litevideo.page-detail .area-overview .box-overview > div.parts-rank > p {}
.litevideo.page-detail .area-overview .box-overview .parts-rank > p {
display: table;
margin: 0 auto;
}
.litevideo.page-detail .area-overview .box-overview .parts-rank > p > span {
display: table-cell;
white-space: nowrap;
}

.page-detail .box-rank span.tx-count {}
.page-detail .box-rank ul * span.tx-count {}
.page-detail .box-rank p span.tx-count {}

.litevideo.page-detail .area-overview .box-overview .parts-rank span.tx-count {}
.litevideo.page-detail .area-overview .box-overview .parts-rank span.tx-count > span {
position: relative;
font-weight: bold;
display: block;
min-width: 4em;
margin-left: 12px;
padding: 0;
background: #fff;
border-radius: 3px;
text-align: center;
}
.litevideo.page-detail .area-overview .box-overview .parts-rank span.tx-count > span:before {
content: "";
position: absolute;
top:6px;
left: -6px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 5px 8.7px 5px 0;
border-color: transparent #ffffff transparent transparent;
}
.litevideo.page-detail .area-overview .box-overview > div.parts-rank > p > span.tx-count > span {}



/* ========================= .area-comment.area-info */

.litevideo.page-detail .area-comment,
.litevideo.page-detail .area-info {
border-top:1px solid rgba(0,0,0,0.2);
box-shadow: 0 1px rgba(255, 255, 255, 0.4) inset;
-webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.4) inset;
}
.litevideo.page-detail .area-comment,
.litevideo.page-detail .area-info {
padding:  14px;
}
.litevideo.page-detail .area-comment > h1,
.litevideo.page-detail .area-info > h1 {
font-size: 14px;
padding-bottom: 6px;
}



/* ========================= .area-comment */

.litevideo.page-detail .area-comment {}
.litevideo.page-detail .area-comment > h1 {}
.litevideo.page-detail .area-comment p.box-comment {
font-size: 12px;
}



/* ========================= .area-info */

.litevideo.page-detail .area-info {}
.litevideo.page-detail .area-info > h1 {}
.litevideo.page-detail .area-info .box-link {}
.litevideo.page-detail .area-info .box-link dl {
margin-bottom: 6px;
}
.litevideo.page-detail .area-info .box-link dt {
float: left;
width:  5em;
}
.litevideo.page-detail .area-info .box-link dd {
margin-left: 5em;
}
.litevideo.page-detail .area-info .box-link > dl > dd > ul {}
.litevideo.page-detail .area-info .box-link > dl > dd > ul > li {}
.litevideo.page-detail .area-info .box-link > dl > dd > ul > li > a {}
.litevideo.page-detail .area-info .box-link > dl > dd > ul > li > a > span {}

/*----- 出演者をすべて見る表示用  -----*/
.litevideo.page-detail .area-info .box-link .tab-slidedown {
margin-bottom:6px;
font-size:12px;
text-align: right;
}
.litevideo.page-detail .area-info .box-link .tab-slidedown > a:before {
display:inline-block;
content:"";
width:12px;
height:12px;
margin-right:3px;
background-image:url(http://219.127.218.59/sp/newsp/images/common/ico/ico_circlearrow.png);
background-repeat:no-repeat;
background-position:-12px 0;
-webkit-background-size:24px 12px;
background-size:24px 12px;
}



/* ========================= .area-review */

.litevideo.page-detail .area-review {}
.litevideo.page-detail .area-review > div.wrap-review {}

/* parts box-02
------------------------*/
.litevideo.page-detail .area-review > div.wrap-review {
margin:14px;
border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #CCC;
background-color:#FFF;
box-shadow:0 1px 1px rgba(255,255,255, 0.4);
-webkit-box-shadow:0 1px 1px rgba(255,255,255, 0.4);
-webkit-box-sizing:border-box;
}
/*----------------------*/

.litevideo.page-detail .area-review > div.wrap-review > h1 {
font-size: 14px;
}

.litevideo.page-detail .area-review > div.wrap-review > h1,
.litevideo.page-detail .area-review .box-rate,
.litevideo.page-detail .area-review .box-review section {
padding: 10px;
}
.litevideo.page-detail .area-review > div.wrap-review .box-rate {
padding-top: 0;
font-size: 12px;
}
.litevideo.page-detail .area-review > div.wrap-review > div.box-rate > span {}
.litevideo.page-detail .area-review .box-review-info {
padding: 6px 10px;
font-size: 11px;
background: #d8d8d8;
}
.litevideo.page-detail .area-review .box-review-info span.sort {
float: right;
}
.litevideo.page-detail .area-review > div.wrap-review > div.box-review-info > span.sort {}
.litevideo.page-detail .area-review .box-review {}
.litevideo.page-detail .area-review .box-review > section {}
.litevideo.page-detail .area-review .box-review > section > h1 {}
.litevideo.page-detail .area-review .box-review > section > h1 > div.box-rate {}
.litevideo.page-detail .area-review .box-review > section > h1 > div.box-rate > span {}
.litevideo.page-detail .area-review .box-review > section > h1 > p.caption {}
.litevideo.page-detail .area-review .box-review > section > div.comment {}

.litevideo.page-detail .area-review .box-review li {
border-bottom: 1px #ccc solid; 
}
.litevideo.page-detail .area-review .box-review dl {
padding: 10px 10px 0;
font-size: 12px;
overflow: hidden;

}

/*デフォルト*/
.litevideo.page-detail .area-review .box-review dl .comment {
max-height: 3em;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
}
.litevideo.page-detail .area-review .box-review dl.on .comment {
max-height: none;
overflow: inherit;
text-overflow: inherit;
-webkit-text-overflow: inherit;
}
.litevideo.page-detail .area-review .box-review dl.on dd { margin-bottom:6px; }
.litevideo.page-detail .area-review .box-review dl dd.info,
.litevideo.page-detail .area-review .box-review dl dd.date { display: none; text-align: right; }
.litevideo.page-detail .area-review .box-review dl.on dd.info,
.litevideo.page-detail .area-review .box-review dl.on dd.date { display: inline; }

.litevideo.page-detail .area-review .box-review dl dt .caption {
margin: 3px 0 6px;
font-weight: bold;
}

.litevideo.page-detail .area-review .box-review .box-more-comment {
text-align: right;
font-size: 11px;
}
.litevideo.page-detail .area-review .box-review .box-more-comment > span {
display: inline-block;
padding: 10px;
}


.litevideo.page-detail .area-review .box-review .box-more-comment > span:before{
display:inline-block;
width:14px;
height:14px;
vertical-align:middle;
margin-top:-2px;
margin-right:6px;
background:url(http://p.dmm.co.jp/p/sp/common/ico/ico_circlearrow.png);
background-repeat:no-repeat;
background-position:-14px center;
-webkit-background-size:28px 13px;
background-size:28px 13px;
content:"";
}
.litevideo.page-detail .area-review .box-review .box-more-comment > span.on:before{
background-position:0 0;
}
.litevideo.page-detail .area-review .box-more {}
.litevideo.page-detail .area-review .box-more a.link-more > span {
display: block;
padding: 14px;
text-align: center;
font-size: 12px;
color: #3B5998;
}


/* //////////////////////////////////////////////////////////////////////// [ ▲.litevideo.page-detail  ] */

/* //////////////////////////////////////////////////////////////////////// [ ▼.litevideo.page-detail-servicelist  ] */

/* ========================= .litevideo.page-detail-servicelist */

.litevideo.page-detail-servicelist > section {}



/* ========================= .area-product */

.litevideo.page-detail-servicelist .area-product{
margin: 14px 14px 30px;
}
.litevideo.page-detail-servicelist .area-product:after{
display: block;
content: "";
clear: both;
}
.litevideo.page-detail-servicelist .area-product img{
float: left;
}
.litevideo.page-detail-servicelist .area-product div{
margin-left: 112px;
}
.litevideo.page-detail-servicelist .area-product div > h1{
font-size: 14px;
font-weight: normal;
}
.litevideo.page-detail-servicelist .area-product div > p{
margin: 12px 0;
padding: 8px;
font-size: 10px;
background: #f9f9f9;
}
.litevideo.page-detail-servicelist .area-product div > p span{
display: block;
font-size: 12px;
font-weight: bold;
}



/* ========================= .area-servicelist */

.litevideo.page-detail-servicelist .area-servicelist{
margin: 0 14px 14px;
}
.litevideo.page-detail-servicelist .area-servicelist .box-service{
margin: 0 0 20px;
}
.litevideo.page-detail-servicelist .area-servicelist .box-service h1{
padding: 3px 0 3px 17px;
background: url(http://p.dmm.co.jp/p/sp/litevideo/detail/ico_circle.png) no-repeat left center;
background-size: 15px 15px;
-webkit-background-size: 15px 15px;
font-size: 14px;
font-weight: bold;
color: #4c4c4c;
}
.litevideo.page-detail-servicelist .area-servicelist .box-service h1 span.guide{
float: right;
background: url(http://p.dmm.co.jp/p/sp/litevideo/detail/ico_guide.png) no-repeat left 3px;
background-size: 15px 15px;
-webkit-background-size: 15px 15px;
font-size: 10px;
font-weight: normal;
}
.litevideo.page-detail-servicelist .area-servicelist .box-service h1 span.guide a{
display: block;
padding: 3px 3px 3px 17px;
color: #4c4c4c;
}

.litevideo.page-detail-servicelist .area-servicelist .box-service a ul{
color: #212121;
}
.litevideo.page-detail-servicelist .area-servicelist .box-service ul{
border: 1px solid #cacaca;
box-shadow: inset 1px 1px 0 rgba(255,255,255,0.8);
-webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.8);
background: linear-gradient(to top, #e5e5e5 0%, #fafafa 100%);
background: -webkit-linear-gradient(bottom, #e5e5e5 0%, #fafafa 100%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #e5e5e5),  color-stop(100%, #fafafa));
}
.litevideo.page-detail-servicelist .area-servicelist .box-service li{
margin: 0 10px;
padding: 8px 0 6px;
border-bottom: 1px solid #dadada;
box-shadow: 0 1px 0 rgba(255,255,255,0.8);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
.litevideo.page-detail-servicelist .area-servicelist .box-service li:last-child{
border-bottom: none;
box-shadow: 0 1px 0 rgba(255,255,255,0);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0);
}
.litevideo.page-detail-servicelist .area-servicelist .box-service ul.col2 li{
display: inline-block;
width: 49%;
margin: 3px 0;
padding: 5px 10px 2px;
border-right: 1px solid #dadada;
border-bottom: none;
box-shadow: 0 1px 0 rgba(255,255,255,0);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0);
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.litevideo.page-detail-servicelist .area-servicelist .box-service ul.col2 li:nth-child(even){
margin-left: 0;
border-right: none;
box-shadow: 1px 0 0 rgba(255,255,255,0);
-webkit-box-shadow: 1px 0 0 rgba(255,255,255,0);
}
.litevideo.page-detail-servicelist .area-servicelist .box-service li p.price{
color: #c00;
}
.litevideo.page-detail-servicelist .area-servicelist .box-service li p.price span{
font-size: 14px;
font-weight: bold;
}
.litevideo.page-detail-servicelist .area-servicelist .box-service p.note{
margin: 3px 0 0;
font-size: 10px;
text-align: right;	
color: #666;
}



/* ========================= .area-serviceinfo */

.litevideo.page-detail-servicelist .area-serviceinfo{
background: #eee;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
}
.litevideo.page-detail-servicelist .area-serviceinfo ul{
margin: 16px 14px;
}
.litevideo.page-detail-servicelist .area-serviceinfo li{
padding: 12px 0;
border-bottom: 1px solid #dadada;
box-shadow: 0 1px 0 rgba(255,255,255,0.8);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.8);	
}
.litevideo.page-detail-servicelist .area-serviceinfo li:last-child{
border-bottom: none;
box-shadow: 0 1px 0 rgba(255,255,255,0.0);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.0);		
}
.litevideo.page-detail-servicelist .area-serviceinfo li .capt{
display: block;
margin-bottom: 4px;
padding-left: 12px;
background:url(http://p.dmm.co.jp/p/sp/base/ico_arrow.gif) no-repeat left center;
-webkit-background-size:6px 8px;
background-size:6px 8px;
font-size:14px;
font-weight:normal;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.litevideo.page-detail-servicelist .area-serviceinfo li p{
color: #555;
}



/* //////////////////////////////////////////////////////////////////////// [ ▲.litevideo.page-detail-servicelist  ] */