/* //////////////////////////////////////////////////////////////////////// [ ▼DMM内汎用  ] */

/* ========================= .box-swipelist */
.box-swipelist{
overflow:hidden;
margin:0 0 9px;
height:auto;
}
.box-swipelist .swipelist-pos{
position:relative;
}
@media screen and (min-width: 450px) {
.box-swipelist .swipelist-list {
margin: auto;
width: 400px;
}
}
.box-swipelist .swipelist-list {
min-height: 96px;
}
.box-swipelist .swipelist-block {
float:left;
display: none;
overflow:hidden;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
#dm-content.loaded .box-swipelist .swipelist-block {
display: table;
}
.box-swipelist .swipelist-block li{
display: table-cell;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
margin-bottom:6px;
padding: 8px 4px 8px 16px;
text-align:center;
vertical-align: middle;
height: 80px;
}
.box-swipelist .swipelist-block li a, 
.box-swipelist .swipelist-block li > div{
position: relative;
display:table;
width:100%;
height: 100%;
background:transparent url(http://p.dmm.co.jp/p/sp/common/ico/top/ico_loader.gif) no-repeat center center;
background-size: 60px;
border-radius: 3px;
-webkit-tap-highlight-color: rgba(0,0,0,0); 
}

/*※テキストがある場合の指定*/
/*generalで必要*/
/*.box-swipelist .swipelist-block li a {
padding-bottom: 40px;
}
*/


.box-swipelist .swipelist-block li a span:first-child, 
.box-swipelist .swipelist-block li > div span:first-child {
display: table-cell;
width:100%;
vertical-align: middle;
}
.box-swipelist .swipelist-block li a img[src*="http"], 
.box-swipelist .swipelist-block li > div img[src*="http"]{
visibility: visible;
}
.box-swipelist .swipelist-block li a img, 
.box-swipelist .swipelist-block li > div img{
width: 100%;
height: auto;
visibility: hidden;
}
.box-swipelist .swipelist-block li span.title{
position: absolute;
bottom: 6px;
left: 0;
display:block;
overflow:hidden;
margin-top:6px;
padding: 0 6px;
height:30px;
text-align:left;
word-break:break-all;
font-size:10px;
}

.box-swipelist .pagedots{
width:100%;
text-align:center;
position: relative;
}
.box-swipelist .pagedots ul{
height: 12px;
}
.box-swipelist .pagedots li{
display: inline-block;
width: 20px;
line-height: 12px;
}
.box-swipelist .pagedots li:before{
content: "・";
font-size:30px;
line-height:12px;
color:#b0b0b0;
}
.box-swipelist .pagedots li.on:before{
color:#0877c9;
}

/* =========================================== [ android bug ] */
.box-swipelist .swipelist-block:after {
content:'　';
display:inline-block;
font-size: 1px;
vertical-align: baseline;
}



/* ========================= .rate-ster */

.review-rate {
display: inline-block;
width: 100px;
height: 20px;
margin: 0 6px 0 0;
background: url(http://p.dmm.co.jp/p/sp/common/sprite-review.png) no-repeat scroll 0 0;
-webkit-background-size:100px 275px;
background-size:100px 275px;
vertical-align: -4px;
background-position: 0 -3px;
}
.review-rate.rate-00 {background-position: 0 -3px;}
.review-rate.rate-05 {background-position: 0 -28px;}
.review-rate.rate-10 {background-position: 0 -53px;}
.review-rate.rate-15 {background-position: 0 -78px;}
.review-rate.rate-20 {background-position: 0 -103px;}
.review-rate.rate-25 {background-position: 0 -128px;}
.review-rate.rate-30 {background-position: 0 -153px;}
.review-rate.rate-35 {background-position: 0 -178px;}
.review-rate.rate-40 {background-position: 0 -203px;}
.review-rate.rate-45 {background-position: 0 -228px;}
.review-rate.rate-50 {background-position: 0 -253px;}


/* ========================= .loading-bar */
.loading-bar{
width:52px;
height:10px;
margin:-5px 0 0 -30px;
}
.loading-bar:after{ clear:both; }
.loading-bar [class^="circle_"]{
float:left;
height:10px;
width:10px;
margin-left:5px;
border:1px solid #fff;
-webkit-animation-name:bounce_circleG;
-webkit-animation-duration:2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-border-radius:7px;
animation-name:bounce_circleG;
animation-duration:2s;
animation-iteration-count:infinite;
animation-direction:linear;
border-radius:7px;
}
.dm-android .loading-bar [class^="circle_"]{ border:none; }

.loading-bar .circle_1{
-webkit-animation-delay:0.1s;
animation-delay:0.1s;
}
.loading-bar .circle_2{
-webkit-animation-delay:0.5s;
animation-delay:0.5s;
}
.loading-bar .circle_3{
-webkit-animation-delay:1s;
animation-delay:1s;
}

@-webkit-keyframes bounce_circleG{
0%{}
50%{ background-color:#666666 }
100%{}
}
@keyframes bounce_circleG{
0%{}
50%{ background-color:#666666 }
100%{}
}




/* //////////////////////////////////////////////////////////////////////// [ ▲DMM内汎用  ] */

/* //////////////////////////////////////////////////////////////////////// [ ▼通販末端内汎用  ] */


/* ========================= .box-taglink */
.mono[class*="page-detail"] .box-taglink {
font-size: 14px;
line-height: 1.6;
display: inline;
}
.mono[class*="page-detail"] .box-taglink:after { clear: both; }
.mono[class*="page-detail"] .box-taglink li,
.mono[class*="page-detail"] .box-taglink li a {
display: inline-block;
}
.mono[class*="page-detail"] .box-taglink li {
margin: 0 4px 4px 0;
}
.mono[class*="page-detail"] .box-taglink li:last-child { margin-right: 0; }
.mono[class*="page-detail"] .box-taglink li a {
padding: 0.2em 5px;
background: #f3f3f3;
border: 1px #ccc solid;
border-radius: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mono[class*="page-detail"] .box-taglink li > span {
display: inline-block;
padding: 0.2em 5px;
}

.mono[class*="page-detail"] .box-no-taglink { display: inline; }
.mono[class*="page-detail"] .box-no-taglink li {
    display: inline-block;
    line-height: 1.6em;
    padding: 0.2em 0;
}
.mono[class*="page-detail"] .box-no-taglink li:last-child { margin-bottom:6px; }



/* ========================= .box-taglink .ptern2 */
.mono[class*="page-detail"] .ptern2 .box-taglink {
font-size: 12px;
line-height: 2;
}
.mono[class*="page-detail"] .ptern2 .box-taglink li {
display: inline-block;
}
.mono[class*="page-detail"] .ptern2 .box-taglink li a {
display: inline;
font-size: 26px;
line-height: 1;
}
.mono[class*="page-detail"] .ptern2 .box-taglink li a:after {
content: "";
display: inline;
}
.mono[class*="page-detail"] .ptern2 .box-taglink li a span {
font-size: 12px;
vertical-align: 6px;
}
.mono[class*="page-detail"] .ptern2 .box-taglink li {
margin-bottom: 3px;
}
.mono[class*="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;
}




/* ========================= [class^="ico-"] */
[class^="ico-"]:before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-size: 1em auto;
-webkit-background-size: 1em auto;
vertical-align: middle;
margin: -0.5em 0;
font-size: 22px;
}
.ico-favorite1:before {
background-image: url(http://p.dmm.co.jp/p/sp/common/ico/ico_favorite_black.png);
background-position: 0 0;
vertical-align: 5px;
}
.ico-favorite2:before {
background-image: url(http://p.dmm.co.jp/p/sp/common/ico/ico_favorite_white.png);
background-position: 0 0;
font-size: 20px;
vertical-align: 4px;
margin: -0.5em 2px -0.5em -3px;
}
.ico-play:before {
background-image: url(http://p.dmm.co.jp/p/sp/common/ico/ico_play_white.png);
background-position: 0 0;
font-size: 20px;
vertical-align: 4px;
margin: -0.5em 2px -0.5em -3px;
}
.ico-benefit:before {
background-image: url(http://p.dmm.co.jp/p/sp/common/ico/mono/ico_benefit_white.png);
background-position: 0 0;
font-size: 20px;
vertical-align: 5px;
margin: -0.5em 2px -0.5em -3px;
}
.ico-purchase:before {
background-image: url(http://p.dmm.co.jp/p/sp/common/ico/ico_purchase_black.png);
background-position: 0 0;
font-size: 26px;
vertical-align: 6px;
margin: -0.5em 6px -0.5em -3px;
}
.ico-guide:before {
background-image: url(http://p.dmm.co.jp/p/sp/common/ico/ico_guide_gray.png);
background-position: 0 0;
vertical-align: 4px;
margin: -0.5em 3px -0.5em -3px;
}
.ico-more:before {
background-image: url(http://p.dmm.co.jp/p/sp/common/ico/ico_arrow_down_gray.png);
background-position: 0 0;
font-size: 35px;
}


/* ========================= [ .parts-media] */
[class*="page-detail"] .area-overview .box-package .parts-media {
    margin: 3px 0;
    text-align: center;
}
[class^="media-"] {
    display: inline-block;
    margin-right: 3px;
    padding: 1px 3px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}
[class^="media-"]:last-child {
	margin-right: 0;
}
.media-release { background-color: #58a600; }
.media-new { background-color: #c00; }
.media-sale { background-color: #ff8400; }
.media-dvd { background-color: #364c7e; }
.media-bd { background-color: #1888b6; }
.media-cd { background-color: #ff692e; }
.media-hobbyfigure { background-color: #1738c5; }
.media-bookcomic { background-color: #ff8400; }
.media-game { background-color: #5a6a91; }
.media-goods { background-color: #ff3366; }
.media-pcgame { background-color: #b76391; }
.media-comic { background-color: #ff8400; }
.media-doujinbook { background-color: #0055ee; }
.media-hddvd { background-color: #db133d; }
.media-vhs { background-color: #4133c4; }
.media-photo { background-color: #ff8400; }
.media-doujingoods { background-color: #0055ee; }
.media-doujinsoft { background-color: #0055ee; }
.media-hobbycard { background-color: #1738c5; }
.media-hobbydoll { background-color: #1738c5; }
.media-hobbydress { background-color: #1738c5; }
.media-hobbygoods { background-color: #1738c5; }
.media-hobbyparts { background-color: #1738c5; }
.media-umd { background-color: #93a3ca; }
.media-alcohol { background-color: #e19d30; }
.media-electronic { background-color: #375cb9; }
.media-food { background-color: #aa3841; }
.media-houseware { background-color: #375cb9; }
.media-microsd { background-color: #4a4b4c; }
.media-onayami { background-color: #21085c; }
.media-ticket { background-color: #028a8f; }
.media-usb { background-color: #4a4b4c; }


/* ========================= ページ戻り部分のカスタム*/
.mono[class*="page-detail"] .bar-pageback { position: relative; }
.mono.page-detail-sample .bar-pageback { background: #E1DDDC; }
.mono[class*="page-detail"] .bar-pageback .back { top: 5px; }
.mono.page-detail-sample .bar-pageback .back-btn-back { border-bottom: none; }
.mono.page-detail-sample #image-box { background:#000; }
.mono[class*="page-detail"] .bar-pageback .back-btn-back {
position:relative;
padding:6px;
text-align:center;
color:#333;
font-size:18px;
font-weight:bold;
box-shadow:0 1px 3px rgba(255,255,255,1), inset 0 1px 1px rgba(255,255,255,.8);
-webkit-box-shadow:0 1px 3px rgba(255,255,255,1);
border-top:rgba(255,255,255,.8) solid 1px;
border-bottom:rgba(0,0,0,.3) solid 1px;
text-shadow:0 1px #fff;
}
.mono[class*="page-detail"] .bar-pageback .back, 
.mono.page-detail-info .area-bottomback .back {
font-size:12px;
position:absolute;
left:4px;
top:6px;	
}

/* //////////////////////////////////////////////////////////////////////// [ ▲通販末端内汎用  ] */



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

/* ========================= .mono.page-detail */

.mono[class*="page-detail"] > section {}

/* parts container-01
------------------------*/
.mono[class*="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;
}
.mono[class*="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;
}
/*----------------------*/

/*----- サンプル画像一覧で表示しないように -----*/
.mono.page-detail-sample > section { margin-bottom: 0; }
.mono.page-detail-sample > section:after { display: none; }

..mono[class*="page-detail"] > section > h1 {}

/* parts headline-01
------------------------*/
.mono[class*="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);
}
/*----------------------*/

/*----- タイトル部分の状態アイコン用 -----*/
.mono[class*="page-detail"] > section > h1 > .mark-state-base ,
.mono[class*="page-detail"] > section > h1 > .mark-state-halfprice { color:#c00; }
.mono[class*="page-detail"] > section > h1 > .mark-state-sale { color:#f40; }



/* ========================= .area-overview */
.mono[class*="page-detail"] .box-noticeordered {
padding: 6px 3px;
background-color: rgba(0,0,0,0.15);
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.mono[class*="page-detail"] .box-noticeordered p {
font-size: 13px;
text-align: center;
letter-spacing: -0.5px;
}


/* ========================= .area-overview */
.mono[class*="page-detail"] .area-overview {
width: 100%;
padding: 14px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.mono[class*="page-detail"] .area-overview .wrap-overview {
width: 100%;
display: table;
}
.mono[class*="page-detail"] .area-overview .box-package,
.mono[class*="page-detail"] .area-overview .box-overview {
display: table-cell;
vertical-align: top;
}

.mono[class*="page-detail"] .area-overview .box-package {
width: 147px;
min-width: 100px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.mono[class*="page-detail"] .area-overview .box-package > a.package-large {}
.mono[class*="page-detail"] .area-overview .box-package img.package {
width: 100% !important;
height: auto;
vertical-align: middle;
border: 1px rgba(256, 256, 256, 0.8) solid;
}
.mono[class*="page-detail"] .area-overview .box-package .btn-otherversion a{
display: block;
padding: 0.2em 0.5em;
font-size: 10px;
text-align: center;
line-height: 1.4;
background: #f3f3f3;
border: 1px #ccc solid;
border-radius: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.mono[class*="page-detail"] .area-overview .box-overview {
width: auto;
padding-left: 8px;
}
.mono[class*="page-detail"] .area-overview .box-overview > dl dt,
.mono[class*="page-detail"] .area-overview .box-overview > dl dd {
display: inline;
vertical-align: middle;
}
.mono[class*="page-detail"] .area-overview .box-overview > dl dt {
white-space: nowrap;
}
.mono[class*="page-detail"] .area-overview .box-overview > dl dt:after {
content:'：';
display:inline-block;
}
.mono[class*="page-detail"] .area-overview .box-overview > dl dd {}
.mono[class*="page-detail"] .area-overview .box-overview > dl.parts-cast {}
.mono[class*="page-detail"] .area-overview .box-overview > dl.parts-cast > dt ,
.mono[class*="page-detail"] .area-overview .box-overview > dl.parts-cast > dd { line-height:2; }
.mono[class*="page-detail"] .area-overview .box-overview > dl.parts-cast > dd > ul {}
.mono[class*="page-detail"] .area-overview .box-overview > dl.parts-cast > dd > ul > li {}
.mono[class*="page-detail"] .area-overview .box-overview > dl.parts-cast > dd > ul > li > a {}


/* ========================= .area-overview .link-allcast */
.mono[class*="page-detail"] .area-overview .box-overview > .link-allcast{
margin-bottom: 3px;
text-align: right;
}
.mono[class*="page-detail"] .area-overview .box-overview > .link-allcast:before {
display: inline-block;
width: 12px;
height: 12px;
margin-right: 3px;
background-image: url(http://p.dmm.co.jp/p/sp/common/ico/ico_circlearrow.png);
background-repeat: no-repeat;
-webkit-background-size: 24px 12px;
background-size: 24px 12px;
background-position: -12px 0;
content: "";
}


/* ========================= .area-overview .parts-price */
.mono[class*="page-detail"] .area-overview .box-overview .parts-price { margin-bottom: 3px; }
.mono[class*="page-detail"] .area-overview .box-overview .parts-price .discount-price , 
.mono[class*="page-detail"] .area-overview .box-overview .parts-price.box-halfcpprice .halfcp-price{
color: #c00;
font-weight: bold;
line-height: 1.2;
font-size: 18px;
}
.mono[class*="page-detail"] .area-overview .box-overview .parts-price.box-halfcpprice .halfcp-price{
margin-bottom: 0.3em;;
color: #f40;
}
.mono[class*="page-detail"] .area-overview .box-overview .parts-price.box-halfcpprice .halfcp-price .halfcp-hl { font-size: 13px; font-weight: normal; }
.mono[class*="page-detail"] .area-overview .box-overview .parts-price .discount-price > .discount-rate , 
.mono[class*="page-detail"] .area-overview .box-overview .parts-price.box-halfcpprice .halfcp-price > .discount-rate {
padding-left: 0.2em;
font-size: 14px;
}
.mono[class*="page-detail"] .area-overview .box-overview .parts-price .reference-price {
font-size: 12px;
color: #666;
font-weight: normal;
}
.mono[class*="page-detail"] .area-overview .box-overview .parts-price .reference-price s { padding-left: 0.2em; }



/* ========================= .area-overview .parts-rate */
.mono[class*="page-detail"] .area-overview .box-overview .parts-rate {
margin-bottom: 10px;
}
.mono[class*="page-detail"] .area-overview .box-overview .parts-rate a > span {}
.mono[class*="page-detail"] .area-overview .box-overview > div.parts-bt {}
.mono[class*="page-detail"] .area-overview .box-overview > dl.parts-rate {
width: 100%;
min-width: 184px;
}
.mono[class*="page-detail"] .area-overview .box-overview > dl.parts-rate > dt {}
.mono[class*="page-detail"] .area-overview .box-overview > dl.parts-rate > dd {}
.mono[class*="page-detail"] .area-overview .box-overview > dl.parts-rate > dd > a {}
.mono[class*="page-detail"] .area-overview .box-overview > dl.parts-rate > dd > a > span {}

.mono[class*="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;
}

.mono[class*="page-detail"] .area-overview .box-overview > div.parts-rank > p {}
.mono[class*="page-detail"] .area-overview .box-overview .parts-rank > p {
display: table;
margin: 0 auto;
}
.mono[class*="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 {}

.mono[class*="page-detail"] .area-overview .box-overview .parts-rank span.tx-count {}
.mono[class*="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;
}
.mono[class*="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;
}
.mono[class*="page-detail"] .area-overview .box-overview > div.parts-rank > p > span.tx-count > span {}




/* ========================= .area-overview .parts-bt */

.mono[class*="page-detail"] .area-overview .box-overview .parts-bt > ul {
display: table;
width: 100%;
}
.mono[class*="page-detail"] .area-overview .box-overview .parts-bt > ul li {
display: table-cell;
width: 50%;
padding: 0 2px 0 0;
}
.mono[class*="page-detail"] .area-overview .box-overview .parts-bt > ul li + li {
padding: 0 0 0 2px;
}
.mono[class*="page-detail"] .area-overview .box-overview .parts-bt > ul li span {
display: block;
padding: 3px 0;
background-color: #333;
background-image:linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
background-image:-webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(255,255,255,0)),color-stop(1, rgba(255,255,255,0.3)));	color: #fff;
font-size: 12px;
border-radius: 4px;
text-align: center;
line-height: 2;
}


.mono[class*="page-detail"] .area-overview .box-overview > div.parts-bt > ul > li.sample-movie {}
.mono[class*="page-detail"] .area-overview .box-overview > div.parts-bt > ul > li.sample-movie > span {}

.mono[class*="page-detail"] .area-overview .box-overview > div.parts-bt > ul > li.bookmark {}
.mono[class*="page-detail"] .area-overview .box-overview > div.parts-bt > ul > li.bookmark > span {}


/* ========================= .area-overview .parts-benefit */
.mono[class*="page-detail"] .area-overview .box-overview .parts-benefit{
margin-top: 10px;
font-size: 12px;
text-align: center;
line-height: 2;
background: #333;
background-image: linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(255,255,255,0)),color-stop(1, rgba(255,255,255,0.3)));
border-radius: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mono[class*="page-detail"] .area-overview .box-overview .parts-benefit > a{ 
display:block;
padding: 0.2em 0.5em;
color: #fff;
}



/* ========================= .area-sample */


.mono[class*="page-detail"] .area-sample {}
.mono[class*="page-detail"] .area-sample .box-swipelist {
background: #ccc;
}

/*----- サンプル画像最後尾に表示される一覧へリンク用 -----*/
.box-swipelist .swipelist-block li span.link-samplelist {
display: table;
position: relative;
width: 100%;
height: 100%;
padding-top: 48%;
background-color: #fff;
background-image: none;
font-size: 12px;
line-height: 1.4;
color: #3b5998;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.box-swipelist .swipelist-block li span.link-samplelist:before {
display: inline-block;
content: "";
position: absolute;
top: 16%;
left: 50%;
margin-left:-18px;
width: 30px;
height: 40px;
background-image: url(http://p.dmm.co.jp/p/ds/common/ico_more.png);
background-size: 30px auto;
-webkit-background-size: 30px auto;
background-position: 0 0;
}
.box-swipelist .swipelist-block li span.link-samplelist.more-sample:before {
background-image: url(http://p.dmm.co.jp/p/ds/common/ico_more.png);
}

.mono[class*="page-detail"] .area-sample .box-swipelist .swipelist-block li span.link-samplelist.sample-loading:before {
background-image: none;
}
.mono[class*="page-detail"] .area-sample .box-swipelist .swipelist-block li span.link-samplelist.sample-loading {
position:relative;
}
.mono[class*="page-detail"] .area-sample .box-swipelist .swipelist-block li span.link-samplelist.sample-loading .loading-bar{
position:absolute;
top:50%;
left:50%;
margin-left: -25px;
}


.mono[class*="page-detail"] .area-sample .box-note {
font-size: 9px;
text-align: center;
}


/* ========================= .area-purchase */
.mono[class*="page-detail"] .area-purchase {}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase {
-webkit-transform: translate3d(0px , 0px , 0);
}

/* parts box-02
------------------------*/
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase{
position: relative;
margin: 6px 14px;
text-align: center;
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 rgba(255,255,255, 0.4);
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
/*----------------------*/

.mono[class*="page-detail"] .area-purchase div.wrap-purchase.no-arrow:after{
border: none;
}




.mono[class*="page-detail"] .area-purchase > div.wrap-purchase > h1 {
display: table;
width: 100%;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase > h1 > span {
display: table-cell;
width: 100%;
padding: 10px;
white-space: nowrap;
}

.mono[class*="page-detail"] .area-purchase > div.wrap-purchase > h1 > span.caption { font-size:14px; }
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase > h1 > span.guide {
font-weight: normal;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase > h1 > span + span {
text-align: center;
}

.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt{
padding: 0.7em 0;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .txt-reception ,
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .txt-stock ,
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .txt-stockspeedy ,
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .txt-direct ,
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .txt-get ,
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .txt-quantity ,
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .txt-receptionend {
text-align: center;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .txt-quantity{
margin-top: 10px;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .txt-reception:before ,
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .txt-stock:before ,
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .txt-stockspeedy:before ,
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .txt-direct:before ,
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .txt-get:before{
display: inline-block;
margin-right: 0.5em;
padding: 0.2em 0.5em 0.1em;
font-size: 10px;
font-weight: bold;
text-align: center;
color: #fff;
border-radius: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
top: -2px;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .txt-reception:before {
content: "予約";
background-color: #eb0;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .txt-stock:before{
content: "在庫有";
background-color: #57b8d8;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .txt-stockspeedy:before{
content: "即納";
background-color: #57b8d8;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .txt-direct:before{
content: "受注可";
background-color: #87c556;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .txt-get:before{
content: "取寄";
background-color: #9e9e9e;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .txt-quantity span {
font-size: 10px;	
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .txt-quantity span:first-child {
color: #C00;	
font-size: 14px;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .txt-receptionend{
color: #C00;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .work-market-price{
padding:10px;
font-size: 13px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .othershop{
background: #aaa;
color: white;
border-radius: 2px 2px 0 0;
text-align: center;
padding: 4px 0 3px;
font-size: 12px;
}
.mono[class*="page-detail"] .area-purchase > .wrap-purchase .work-market{
padding-right:10px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border-top:dotted #ccc 1px;
}
.mono[class*="page-detail"] .area-purchase > .wrap-purchase  .work-market p{
padding:10px 20px 10px 10px;
background-image:url(/sp/base/ico_arrow_r.png);
background-repeat:no-repeat;
background-position:right center;
background-size:9px 14px;
font-size: 12px;
text-align:right;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .date-sellstart{
display: table;
width: 100%;
background-color: #fffee0;
padding: 0 10px;
margin: 0.7em 0 -0.8em;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .date-sellstart dt, 
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .date-sellstart dd{
display: table-cell;
vertical-align: middle;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .date-sellstart dt{
text-align: right;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .date-sellstart dd{
text-align: left;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .date-sellstart dt:after{
display: inline-block;
content: ":";
padding: 0 0.2em;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-orderreceipt .date-sellstart dd{
width: 56%;
}

.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-price {
display: inline-block;
text-align: left;
margin: 6px 0;
padding: 0 6px;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-price .discount-price {
font-size: 18px;
color: #c00;
font-weight: bold;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-price .halfcp-price {
margin-bottom: 3px;
font-size: 18px;
color: #f40;
font-weight: bold;
line-height: 1.2;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-price .halfcp-price .halfcp-hl { font-size: 14px; }
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-price .discount-price > .discount-rate , 
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-price .halfcp-price > .discount-rate {
padding-left: 0.2em;
font-size: 14px;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-price .discount-price > .shipping {
padding-left: 0.2em;
font-size: 13px;
color: #333;
font-weight: normal;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-price .reference-price {
display: inline-block;
color: #666;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-price .reference-price span {
font-size: 10px;
padding-left: 0.2em;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-price dl{
display: table;
margin: 0 auto;
text-align: left;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-price dt{
display: table-cell;
text-align: right;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-price dt:after{
content:'：';
display:inline-block;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-price dd{
display: table-cell;
}


.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .txt-paypostage-free {
position: relative;
bottom: 4px;
display: inline-block;
padding: 0.2em 0.5em 0.1em;
font-size: 10px;
font-weight: bold;
text-align: center;
color: #c00;
vertical-align: baseline;
border: 2px solid #c00;
border-radius: 3px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase.box-halfprice .txt-paypostage-free { bottom: 36px; }
.mono[class*="page-detail"] .area-purchase .txt-conditional-paypostage{
text-align: center;
margin-bottom: 12px;
font-size: 12px;
color: #c00;
font-weight: bold;
}


.mono[class*="page-detail"] .area-purchase .box-info-app {
padding-bottom: 10px;
text-align: center;
font-size: 12px;
}
.mono[class*="page-detail"] .area-purchase .box-purchase {
padding: 0 14px 10px;
}
.mono[class*="page-detail"] .area-purchase .box-purchase .btn-purchase {
width: 100%;
}
.mono[class*="page-detail"] .area-purchase .box-purchase > a.dm-btn.dm-btn-strong.btn-purchase {
font-size: 16px;
}

.mono[class*="page-detail"] .area-purchase .box-purchase > a.dm-btn.dm-btn-strong.btn-purchase > div {}
.mono[class*="page-detail"] .area-purchase .box-purchase > a.dm-btn.dm-btn-strong.btn-purchase > div .link-pc {
display: inline-block;
width: auto;
font-size: 10px;
}
.mono[class*="page-detail"] .area-purchase .box-note {
margin: 0 14px 6px;
font-size:10px;
text-align:right;
}

/*----- セール/半額CP用  -----*/
.mono[class*="page-detail"] .area-purchase div.wrap-purchase.box-saleperiod ,
.mono[class*="page-detail"] .area-purchase div.wrap-purchase.box-halfprice {
position:relative;
margin-top:42px;
}
.mono[class*="page-detail"] .area-purchase div.wrap-purchase.box-saleperiod .sale-date {
position:absolute;
top:-32px;
left:50%;
margin-left:-124px;
}
.mono[class*="page-detail"] .area-purchase div.wrap-purchase.box-halfprice .sale-date {
position:absolute;
top:-32px;
left:50%;
margin-left:-100px;
}
.mono[class*="page-detail"] .area-purchase div.wrap-purchase.box-saleperiod .sale-date p {
height: 29px;
padding: 3px 30px 0 55px;
background: url(http://p.dmm.co.jp/p/sp/digital/detail/bg_sale.png) no-repeat scroll 50% 0;
-moz-background-size: 225px 29px;
-o-background-size: 225px 29px;
-webkit-background-size: 225px 29px;
color: #fff;
font-size:13px;
font-weight: bold;
}
.mono[class*="page-detail"] .area-purchase div.wrap-purchase.box-halfprice .sale-date p {
width:200px;
background-color: #f50;
color: #fff;
font-size: 13px;
font-weight: bold;
line-height: 26px;
text-align: center;
border-radius: 12px;
}
.mono[class*="page-detail"] .area-purchase div.wrap-purchase.box-halfprice .sale-date p:before {
display: inline-block;
content: '';
position: absolute;
top: 26px;
left: 50%;
margin-left:-6px;
border-bottom: 5px solid transparent;
border-left: 6px solid transparent;
border-top: 5px solid #f50;
border-right: 6px solid transparent;
}
.mono[class*="page-detail"] .area-purchase .box-info-saleprice ,
.mono[class*="page-detail"] .area-purchase .box-info-halfprice {
padding: 0.7em 10px;
text-align: center;
font-size: 12px;
}
.mono[class*="page-detail"] .area-purchase .wrap-purchase+.box-info-saleprice ,
.mono[class*="page-detail"] .area-purchase .wrap-purchase+.box-info-halfprice { padding-top: 0.3em; }


.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-price .box-halfcpprice{ color: #f40; }
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-price .box-halfcpprice dd .halfcp-price{ font-weight: bold; }
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-price .box-halfcpprice dd .halfcp-price .halfcp-rate{
padding-left: 0.2em;
font-size: 10px;
font-weight: normal;
}

.mono[class*="page-detail"] .area-purchase > div.wrap-purchase .box-price .box-halfcpprice dd .halfcp-price .halfcp-rate .rate-point{
font-size: 12px;
font-weight: bold;
}



.mono[class*="page-detail"] .area-purchase .box-cation-halfprice{
margin: 10px 14px 0;
padding: 6px;
border: 1px solid #f40;
color: #f40;
font-size: 12px;
background-color: #fff;
}


/*----- ダウンロード配信が後になる注意文用 -----*/
.mono[class*="page-detail"] .area-purchase .box-dlperiod-start {
margin-top: 3px;
font-size: 10px;
text-align: center;
color: #c00;
}

/*----- iPhone3/3GS用 -----*/
.mono[class*="page-detail"] .area-purchase .box-info-iphone3gs {
padding-bottom: 10px;
font-size: 12px;
text-align: center;
}
.mono[class*="page-detail"] .area-purchase .box-info-app + .box-info-iphone3gs {
margin-top: -10px;
}

/*----- 近日公開のコンテンツ用  -----*/
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase > form > div.box-purchase .box-openingsoon ,
.mono[class*="page-detail"] .area-to-purchase > div.box-to-purchase .box-openingsoon {
padding: 6px;
border: #c00 2px solid;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase > form > div.box-purchase .box-openingsoon > p ,
.mono[class*="page-detail"] .area-to-purchase > div.box-to-purchase .box-openingsoon > p {
color: #C00;
text-align: center;
}

/*----- スマホ非対応コンテンツ用  -----*/
.mono[class*="page-detail"] .area-purchase .box-purchase-info > p {
padding: 10px 10px 0;
color:#C00;
text-align: center;
}
.mono[class*="page-detail"] .area-purchase .box-purchase-info .unavailable-spdl {
padding-left: 0;
padding-right: 0;
font-size: 11px;
letter-spacing: 0;
}

.mono[class*="page-detail"] .area-purchase > div.wrap-purchase.box-unpurchase { background-color:rgba(255,255,255,0); }
.mono[class*="page-detail"] .area-to-purchase > div.box-to-purchase.box-unpurchase {
margin:14px 14px 0 14px;
border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #CCC;
background-color:rgba(255,255,255,0);
box-shadow:0 1px 1px rgba(255,255,255, 0.4);
-webkit-box-shadow:0 1px rgba(255,255,255, 0.4);
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.mono[class*="page-detail"] .area-purchase > div.wrap-purchase.box-unpurchase p ,
.mono[class*="page-detail"] .area-to-purchase > div.box-to-purchase.box-unpurchase p {
padding: 12px;
text-align: center;
color: #c00;
}


/* ========================= .box-compareservice */
.mono[class*="page-detail"] .box-compareservice {
	margin: 10px 14px;
}
.mono[class*="page-detail"] .box-compareservice.area-top {
    margin: 0 14px 3px;
    padding-top: 15px;
}
/* parts arealink-01
------------------------*/
.mono[class*="page-detail"] .box-compareservice ul {}
.mono[class*="page-detail"] .box-compareservice ul li {
	display:table;
	position:relative;
	width:100%;
}
.mono[class*="page-detail"] .box-compareservice ul li a {
	display:table-cell;
	width:100%;
	height:3em;
	padding:0 26px 0 10px;
	color:rgba(0,0,0,0.8);
	vertical-align:middle;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: 0 1px 1px rgba(256, 256, 256, 0.8);
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 4px;
	background: linear-gradient(to top, #FFFDC8 0%, #FFFEE0 100%);
	background: -webkit-linear-gradient(bottom, #FFFDC8 0%, #FFFEE0 100%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #FFFDC8), color-stop(100%, #FFFEE0));
}
.mono[class*="page-detail"] .box-compareservice ul li a:after {
	display:block;
	position:absolute;
	top:50%;
	right:14px;
	content:"";
	width:9px;
	height:14px;
	margin-top:-7px;
	background-image:url(http://p.dmm.co.jp/p/sp/base/ico_arrow_r.png);
	-webkit-background-size:9px 14px;
	background-size:9px 14px;
}
.mono[class*="page-detail"] .box-compareservice li a div:before {
    content: "";
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.2em;
    vertical-align: -4px;
    background-repeat: no-repeat;
    -webkit-background-size: 1.5em;
    background-size: 1.5em;
    background-image: url(http://p.dmm.co.jp/p/sp/common/ico/ico_pcdmm_black.png);
}

.mono[class*="page-detail"] .box-compareservice ul li a span {
	color: #c00;
	font-weight: bold;
}


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

.mono[class*="page-detail"] .area-comment,
.mono[class*="page-detail"] .area-tracklist,
.mono[class*="page-detail"] .area-benefit,
.mono[class*="page-detail"] .area-info,
.mono[class*="page-detail"] .area-otherversion, 
.mono[class*="page-detail"] .area-require-attention {
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;
}
.mono[class*="page-detail"] .area-comment,
.mono[class*="page-detail"] .area-tracklist,
.mono[class*="page-detail"] .area-info,
.mono[class*="page-detail"] .area-otherversion, 
.mono[class*="page-detail"] .area-require-attention {
padding:  14px;
}
.mono[class*="page-detail"] .area-comment > h1,
.mono[class*="page-detail"] .area-tracklist > h1,
.mono[class*="page-detail"] .area-benefit > h1,
.mono[class*="page-detail"] .area-info > h1,
.mono[class*="page-detail"] .area-otherversion > h1, 
.mono[class*="page-detail"] .area-require-attention > h1 {
font-size: 14px;
padding-bottom: 6px;
}



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



.mono[class*="page-detail"] .area-comment {}
.mono[class*="page-detail"] .area-comment > h1 {}
.mono[class*="page-detail"] .area-comment p.box-comment {
font-size: 14px;
}

/*----- 先行配信版コンテンツ用 -----*/
.mono[class*="page-detail"] .area-comment p.box-goahead-purchase { margin-top:0.5em; font-size: 12px;  }
.mono[class*="page-detail"] .area-comment p.box-goahead-purchase .dm-arrow { margin-left: 1em; }

/*----- 【 ▼以下、特記コメント用 】 -----*/
.mono[class*="page-detail"] .area-comment p.box-specialmention { margin-top:0.5em; font-size: 12px; }
.mono[class*="page-detail"] .area-comment p.box-specialmention.limited { color: #00f; }
.mono[class*="page-detail"] .area-comment p.box-specialmention.bluray { color: #c00; }
.mono[class*="page-detail"] .area-comment p.box-specialmention.cancel { color: #c00; }


/* ========================= .area-tracklist */
.mono[class*="page-detail"] .area-tracklist .box-info-track ol li {
	margin-left: 2.5em;
	text-indent: -0.2em;
}
.mono[class*="page-detail"] .area-tracklist .box-info-track dl { margin-bottom: 12px; }
.mono[class*="page-detail"] .area-tracklist .box-info-track dt {
	white-space: nowrap;
	font-weight: bold;
	font-size: 14px;
}
.mono[class*="page-detail"] .area-tracklist .box-info-track dd {
	margin-top: 5px;
}
.mono[class*="page-detail"] .area-tracklist .box-info-track .disc-num { font-weight: bold; }

/*曲目リストのすべて見る表示用*/
.mono[class*="page-detail"] .area-tracklist .link-tracklist {
	margin-bottom:6px;
	font-size:12px;
	text-align: right;
}
.mono[class*="page-detail"] .area-tracklist .link-tracklist > *:before {
	display:inline-block;
	width:12px;
	height:12px;
	margin-right:3px;
	background-image:url(http://p.dmm.co.jp/p/sp/common/ico/ico_circlearrow.png);
	background-repeat:no-repeat;
	-webkit-background-size:24px 12px;
	background-size:24px 12px;
	content:"";
}
.mono[class*="page-detail"] .area-tracklist .link-tracklist > *:before {
	background-position:-12px 0;
}
.mono[class*="page-detail"] .area-tracklist .link-tracklist.open > *:before {
	background-position:0 0;
}
.mono[class*="page-detail"] .area-tracklist .box-info-track > .popup {
	display:none;
	margin-top: 15px;
}


/* ========================= .area-benefit */

.mono[class*="page-detail"] .area-benefit > h1 {
padding:  14px 14px 6px;
}
.mono[class*="page-detail"] .area-benefit .box-swipelist {
background: #ccc;
}
.mono[class*="page-detail"] .area-benefit .box-comment{
padding: 6px 14px 14px;
}
.mono[class*="page-detail"] .area-benefit .box-comment p{
margin-bottom: 10px;
}
.mono[class*="page-detail"] .area-benefit .box-comment p:last-of-type{
margin-bottom: 0;
}
.mono[class*="page-detail"] .area-benefit .box-comment em{
color: #c00;
font-weight: normal;
}
.mono[class*="page-detail"] .area-benefit .box-comment .limites-benefit {
padding: 6px;
background-color: #ffffee;
border: 1px solid rgba(0,0,0,0.2);
}
.mono[class*="page-detail"] .area-benefit .box-comment p+.limites-benefit , 
.mono[class*="page-detail"] .area-benefit .box-comment .limites-benefit+p { margin-top: 1em; }


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



.mono[class*="page-detail"] .area-info {}
.mono[class*="page-detail"] .area-info > h1 {}
.mono[class*="page-detail"] .area-info .box-link {}
.mono[class*="page-detail"] .area-info .box-link dl {
margin-bottom: 4px;
line-height: 2;
}
.mono[class*="page-detail"] .area-info .box-link dt {
float: left;
width:  4.5em;
}
.mono[class*="page-detail"] .area-info .box-link dd {
margin-left: 4.5em;
}
.mono[class*="page-detail"] .area-info .box-link > dl > dd > ul {}
.mono[class*="page-detail"] .area-info .box-link > dl > dd > ul > li {}
.mono[class*="page-detail"] .area-info .box-link > dl > dd > ul > li > a {}
.mono[class*="page-detail"] .area-info .box-link > dl > dd > ul > li > a > span {}


/*-- 商品情報の項目幅調整用 --*/
.mono.pcgame[class*="page-detail"] .area-info .box-link dt { width: 7.5em; }
.mono.pcgame[class*="page-detail"] .area-info .box-link dd { margin-left: 7.5em; }

.mono.doujin[class*="page-detail"] .area-info .box-link dt { width: 5.5em; }
.mono.doujin[class*="page-detail"] .area-info .box-link dd { margin-left: 5.5em; }

.dm-general .mono.cd[class*="page-detail"] .area-info .box-link dt { width: 6.5em; }
.dm-general .mono.cd[class*="page-detail"] .area-info .box-link dd { margin-left: 6.5em; }

/*----- 出演者をすべて見る表示用  -----*/
.mono[class*="page-detail"] .area-info .box-link .tab-slidedown {
margin-bottom:6px;
font-size:12px;
text-align: right;
}
.mono[class*="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://p.dmm.co.jp/p/sp/common/ico/ico_circlearrow.png);
background-repeat:no-repeat;
background-position:-12px 0;
-webkit-background-size:24px 12px;
background-size:24px 12px;
}

.mono[class*="page-detail"] .area-info .box-info {}
.mono[class*="page-detail"] .area-info .box-info dl {
display: table;
line-height: 1.6;
margin-bottom: 6px;
}
.mono[class*="page-detail"] .area-info .box-info dl dt, 
.mono[class*="page-detail"] .area-info .box-info dl dd {
display: table-cell;
}
.mono[class*="page-detail"] .area-info .box-info dl dt {
white-space: nowrap;
}
.mono[class*="page-detail"] .area-info .box-info dl dd:before {
content:'：';
display:inline-block;
}

.mono[class*="page-detail"] .area-info .box-publicitypicture {
margin: 10px 0;
text-align: center;
}

.mono[class*="page-detail"] .area-info p.box-copyright {
margin-top:0.5em;
font-size: 12px;
}



/* ========================= .area-otherversion */



.mono[class*="page-detail"] .area-otherversion {}
.mono[class*="page-detail"] .area-otherversion li {
border-bottom: 1px dotted rgba(0,0,0,0.2);
}
.mono[class*="page-detail"] .area-otherversion li:last-child{
border-bottom: none;
}
.mono[class*="page-detail"] .area-otherversion li dl {
padding: 10px 0;
}
.mono[class*="page-detail"] .area-otherversion li dl{
border-bottom: none;
}
.mono[class*="page-detail"] .area-otherversion li dt {
margin-bottom: 6px;
}
.mono[class*="page-detail"] .area-otherversion .mark-state-base ,
.mono[class*="page-detail"] .area-otherversion .mark-state-halfprice { color:#c00; }
.mono[class*="page-detail"] .area-otherversion .mark-state-sale { color:#f40; }

.mono[class*="page-detail"] .area-otherversion li dd {
color: rgba(0, 0, 0, 0.8);
}
.mono[class*="page-detail"] .area-otherversion li dd [class^="media-"]{
margin-top: 0;
}
.mono[class*="page-detail"] .area-otherversion li dd .txt-price{
display: inline-block;
line-height: 18px;
}
/* こちらの商品はいかがですか？ 用 */
.mono[class*="page-detail"] #area-link-purchase .area-otherversion {
	padding: 0;
	border-top: none;
}
.mono[class*="page-detail"] #area-link-purchase .area-otherversion dl {
	padding: 10px;
}

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



.mono[class*="page-detail"] .area-review {}
.mono[class*="page-detail"] .area-review > div.wrap-review {}

/* parts box-02
------------------------*/
.mono[class*="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;
}
/*----------------------*/

.mono[class*="page-detail"] .area-review > div.wrap-review > h1 {
font-size: 14px;
}

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

.mono[class*="page-detail"] .area-review .box-review li {
border-bottom: 1px #ccc solid; 
}
.mono[class*="page-detail"] .area-review .box-review li:last-child {
border-bottom: none; 
}
.mono[class*="page-detail"] .area-review .box-review dl {
padding: 10px 10px 0;
font-size: 14px;
overflow: hidden;

}

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

.mono[class*="page-detail"] .area-review .box-review dl dt .caption {
margin: 3px 0 6px;
font-weight: bold;
}

.mono[class*="page-detail"] .area-review .box-review .box-more-comment {
text-align: right;
font-size: 14px;
}
.mono[class*="page-detail"] .area-review .box-review .box-more-comment > span {
display: inline-block;
padding: 10px;
}


.mono[class*="page-detail"] .area-review .box-review .box-more-comment > span:before{
display:inline-block;
width:14px;
height:14px;
vertical-align:middle;
margin-top:-4px;
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 14px;
background-size:28px 14px;
content:"";
}
.mono[class*="page-detail"] .area-review .box-review .box-more-comment > span.on:before{
background-position:0 0;
}
.mono[class*="page-detail"] .area-review .box-more { border-top: 1px #ccc solid; }
.mono[class*="page-detail"] .area-review .box-more a.link-more > span {
display: block;
padding: 14px;
text-align: center;
font-size: 14px;
color: #3B5998;
}


/* ローディングイメージ用 */
.mono[class*="page-detail"] .area-review .box-more.box-pageloading{
position:relative;
height:47px;
}
.mono[class*="page-detail"] .area-review .box-more.box-pageloading .loading-bar{
position:absolute;
top:50%;
left:50%;
}


/* ========================= .area-to-purchase */



.mono[class*="page-detail"] .area-to-purchase {}
.mono[class*="page-detail"] .area-to-purchase .box-to-purchase {}
.mono[class*="page-detail"] .area-to-purchase .box-to-purchase > a.dm-btn.dm-btn-strong.btn-purchase {}
.mono[class*="page-detail"] .area-to-purchase .box-to-purchase > a.dm-btn.dm-btn-strong.btn-purchase > div {}

.mono[class*="page-detail"] .area-to-purchase .box-to-purchase {
padding: 14px;
}
.mono[class*="page-detail"] .area-to-purchase .box-to-purchase .btn-purchase {
width: 100%;
}


/* ========================= .area-recommend */
.mono[class*="page-detail"] .area-recommend {
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;
}
.mono[class*="page-detail"] .area-recommend > h1 {
font-size: 13px;
padding: 14px 0 6px 14px;
}
.mono[class*="page-detail"] .area-recommend .box-recomlist{
overflow:hidden;
margin:0 0 9px;
height:auto;
}
.mono[class*="page-detail"] .area-recommend .box-recomlist .recomlist-pos{
position:relative;
}
@media screen and (min-width: 450px) {
.mono[class*="page-detail"] .area-recommend .box-recomlist .recomlist-list {
margin: auto;
width: 400px;
}
}
.mono[class*="page-detail"] .area-recommend .box-recomlist .recomlist-list {
min-height: 96px;
}
.mono[class*="page-detail"] .area-recommend .box-recomlist .recomlist-block {
float:left;
display: none;
overflow:hidden;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.loaded.mono[class*="page-detail"] .area-recommend .box-recomlist .recomlist-block {
display: table;
}
.mono[class*="page-detail"] .area-recommend .box-recomlist .recomlist-block li{
display: table-cell;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
margin-bottom:6px;
padding: 0 3px 0 6px;
text-align:center;
vertical-align: middle;
height: 80px;
}
.mono[class*="page-detail"] .area-recommend .box-recomlist .recomlist-block li a{
position: relative;
display:table;
width:100%;
height: 100%;
padding: 3px;
overflow: hidden;
background:#fff url(http://p.dmm.co.jp/p/sp/common/txt_loading.png) no-repeat center center;
background-size: 40% auto;
-webkit-background-size: 40% auto;
border: 1px #DDD solid;
border-radius: 3px;
-webkit-tap-highlight-color: rgba(0,0,0,0); 
}
.dm-general .mono[class*="page-detail"] .area-recommend .box-recomlist .recomlist-block li a {padding-bottom: 40px;}
.mono[class*="page-detail"] .area-recommend .box-recomlist .recomlist-block li a span:first-child {
display: table-cell;
width:100%;
vertical-align: middle;
}
.mono[class*="page-detail"] .area-recommend .box-recomlist .recomlist-block li a img[src*="http"]{visibility: visible;}
.mono[class*="page-detail"] .area-recommend .box-recomlist .recomlist-block li a img{
width: 100%;
height: auto;
visibility: hidden;
}
.mono[class*="page-detail"] .area-recommend .box-recomlist .recomlist-block li span.title{
position: absolute;
bottom: 6px;
left: 0;
display:block;
overflow:hidden;
margin-top:6px;
padding: 0 6px;
height:30px;
text-align:left;
word-break:break-all;
font-size:10px;
}

/* 最後尾に表示される一覧へリンク用 */
.box-recomlist .recomlist-block li span.link-samplelist {
display: block;
position: relative;
width: 100%;
height: 100%;
padding-top: 75px;
background-color: #fff;
line-height: 1.4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.box-recomlist .recomlist-block li span.link-samplelist:before {
display: inline-block;
content: "";
position: absolute;
top: 50%;
left: 50%;
margin-left:-25px;
margin-top:-50px;
width: 50px;
height: 50px;
background-image: url(http://p.dmm.co.jp/p/ds/common/ico_more.png);
background-size: 50px auto;
-webkit-background-size: 50px auto;
background-position: 0 0;
}


.mono[class*="page-detail"] .area-recommend .box-recomlist .pagedots{
width:100%;
text-align:center;
position: relative;
margin-top: 6px;
}
.mono[class*="page-detail"] .area-recommend .box-recomlist .pagedots ul{height: 12px;}
.mono[class*="page-detail"] .area-recommend .box-recomlist .pagedots li{
display: inline-block;
width: 20px;
line-height: 12px;
}
.mono[class*="page-detail"] .area-recommend .box-recomlist .pagedots li:before{
content: "・";
font-size:30px;
line-height:12px;
color:#b0b0b0;
}
.mono[class*="page-detail"] .area-recommend .box-recomlist .pagedots li.on:before{color:#0877c9;}

/* =========================================== [ android bug ] */
.mono[class*="page-detail"] .area-recommend .box-recomlist .recomlist-block:after {
content:'　';
display:inline-block;
font-size: 1px;
vertical-align: baseline;
}

/* ================================================================== [ 半額対応 ] */
.mono[class*="page-detail"] .area-recommend .box-recomlist .halfprice-pakeagemark:after{
position:absolute;
content:"";
width:22px;
height:23px;
top:0px;
left:0px;
z-index:100;
background-image:url(http://p.dmm.co.jp/p/sp/top/ico_halfpricemark.png);
background-position:0 0;
background-size:22px 23px;
-webkit-background-size:22px 23px;
}
.mono[class*="page-detail"] .area-recommend .box-recomlist .halfprice-pakeagemark{
position:relative;
}


/* ================================================================== [ レビュー枠調整 ] */
.mono[class*="page-detail"] .area-recommend ~ #review {margin-top: 30px; display: inline-block;}
.mono[class*="page-detail"] .also-bought + #review {margin-top: 30px; display: inline-block;}

/* ================================================================== [ 共通SNSパーツ ] */
.mono[class*="page-detail"] .box-facebooklink,
.mono[class*="page-detail"] .box-twitterlink {
margin: 0 14px 12px;
font-size: 12px;
text-align: left;
}
.mono[class*="page-detail"] .btn-twitter,
.mono[class*="page-detail"] .btn-facebook {
margin-right: 0.5em;
vertical-align: middle;
}


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