@charset "UTF-8";
/* --------------------------------
last update : 20180419
----------------------------------- */
#sp-all div,#sp-all ul{line-height:13px;}
section{ overflow:hidden; color:#333; padding:0 6px;box-sizing: border-box; font-size:12px; line-height:18px;}

.item-info-tit{width: 100%; background: #cc6698; color: #fff; font-weight: bold;padding:7px 6px 5px; overflow:hidden;box-sizing: border-box; border-top:4px solid #fff; position:relative}
.item-info-tit .tit{ float:left; font-size:14px;letter-spacing:1px;}
.item-info-tit .day-data{ float:right; text-align:right; font-size:11px!important; font-weight:normal}
.item-info-tit .day-data:before{content: '配信開始日｜';}

.item-main{padding:6px!important;}
.item-main .mv{ background:#ededed;overflow:hidden; position:relative;font-size: 0;line-height: 0!important;text-align: center;}

.item-main h1{ margin:5px 0 !important; font-size:14px!important; line-height:16px!important; padding:0!important;}
.item-main .c-name{ padding:1px 0; color:#333!important; margin:1px 0; display:block; text-align:center; border-top:1px solid #aaa;border-bottom:1px solid #aaa; font-size:11px}
.item-buy{ margin:0 0 6px;}

.commerce-item h1{ margin:2px 0 0!important; padding:0 0 2px!important;}
.commerce-item .os{ background:#f4f4f4; margin:5px 0 0; padding:3px 0 2px;text-align:center; font-size:11px;}

.commerce-mv{overflow:hidden; margin:6px 0 0}
.commerce-mv .mv{ width:160px; height:226px; float:left; overflow:hidden; position:relative; background:#ededed; text-align:inherit}
.commerce-mv .mv img{ position:absolute; top:0; bottom:0; margin:auto}
.commerce-mv .mv a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-indent: 100%;white-space: nowrap;overflow: hidden;background-color: transparent;}
.commerce-mv .mv-info{ margin: 0 0 0 162px; overflow:hidden}

/*--対応端末--*/
.item-devices{ width:120px; float:left; padding:3px;border:1px solid #667073;box-sizing: border-box; font-size:11px}
.item-devices div:first-child{ width:100%; float:none;display:block; margin:0 0 2px; background:#667073; padding:2px 0; text-align:center; color:#fff}
.item-devices div{ width:50%; float:left; padding:0 2px 0 0;box-sizing: border-box; overflow:hidden}
.item-devices div:last-child{ padding:0 0 0 0}
.item-devices img{ width:42px; margin:0 auto; display:block}
.item-devices p{ padding:5px!important;border-radius:3px}
.item-devices span{ color:#fff; text-align:center; display:block}
.item-devices .enabled{ background:#005fc0;}
.item-devices .enabled-no{ background:#d3d3d3;}
.item-btn-box{ margin:0 0 0 126px}

.commerce-item .item-devices{ width:100%; font-size:10px; float:none; height:70px;}
.commerce-item .item-devices p{ padding:3px 5px!important}
.commerce-item .item-devices img{ width:40px;}

/*--カート-*/
.floor-item-cart-spec{ margin:15px 0 0}
.floor-item-cart{overflow:hidden; width:100%}
.floor-item-cart a{ display:block; height:40px; text-align:center;box-sizing: border-box;border-radius: 3px;font-weight: 500;position:relative;}
.floor-item-cart a span{ position:absolute;top:50%;display:block; margin:auto;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%); display:block; width:100%;}

.floor-item-cart .cart{ width:100%;box-sizing: border-box; margin:0 0 5px;}
.floor-item-cart .cart a{ background:#25c58e; color:#FFF!important;font-size:16px;border-bottom:3px solid #329e79;font-weight:700; letter-spacing:2px;}
.floor-item-cart .cart a span{left:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform transform:translateY(-50%) translateX(-50%); display:block; margin:-2px 0 0}
.floor-item-cart .cart i{position: relative;top: 3px;display: inline-block;width: 20px;height: 20px;background: transparent 0 0 no-repeat;background: url(/img/icn-cart02.png);}

.commerce-item .floor-item-cart .cart{margin:6px 0 0;}
.commerce-item .floor-item-cart .cart a{ font-size:15px; height:36px}



/*--お気に入り--*/
.wanted{overflow:hidden}
.wanted .btn,.wanted .btn-on{box-sizing: border-box; letter-spacing:1px; margin:0 36px 0 0}
.wanted .btn a,.wanted .btn-on span{ font-size:12px;background:#ffb202; color:#fff!important; display:block; text-align:center;border-radius:3px;height:32px;box-sizing: border-box;}
.wanted .btn a{border-bottom:2px solid #b16000; padding:6px 0;}
.wanted .btn-on span{border-bottom:none; border:1px solid #ffa902; color:#ffa902!important; background:#fff; font-size:11px; padding:9px 0;}
.wanted .tw-btn{ width:32px; height:32px; float:right; background:#000000;border-bottom:2px solid #000000;border-radius:3px;box-sizing: border-box;}
.wanted .tw-btn img{width:30px; height:30px; display:block; margin:auto}

.wanted-nocart{overflow:hidden}
.wanted-nocart .btn,.wanted-nocart .btn-on{box-sizing: border-box; letter-spacing:1px; margin:0 0 5px}
.wanted-nocart .btn a,.wanted-nocart .btn-on span{ font-size:12px;background:#ffb202; color:#fff!important; display:block; padding:10px 0; text-align:center;border-radius:3px;}
.wanted-nocart .btn a{border-bottom:2px solid #b16000;}
.wanted-nocart .btn-on span{border-bottom:none; border:1px solid #ffa902; color:#ffa902!important; background:#fff; font-size:11px;}
.wanted-nocart .tw-btn{background:#1da1f2;border-bottom:2px solid #225d82;border-radius:3px;box-sizing: border-box;}
.wanted-nocart .tw-btn div{ width:78px; margin:auto}
.wanted-nocart .tw-btn a{ color:#fff!important}
.wanted-nocart .tw-btn span{ position:relative; bottom:10px;}
.wanted-nocart .tw-btn img{width:30px; height:30px;}

.commerce-item .wanted{ margin:4px 0 0;}
.commerce-item .wanted .btn,
.commerce-item .wanted .btn-on{ margin:0 35px 0 0}
.commerce-item .wanted .btn a,
.commerce-item .wanted .btn-on a{padding:8px 0;}
.commerce-item .wanted .btn a,
.commerce-item .wanted .btn-on span{ font-size:11px; font-weight:bold;box-sizing: border-box;}

.commerce-item .wanted-nocart .btn a,
.commerce-item .wanted-nocart .btn-on span{ font-size:11px; font-weight:bold;box-sizing: border-box;}


/*--体験版--*/
.experience{ margin:0 0 6px;overflow:hidden;}
.experience .btn a{ font-size:12px;background:#ddf1fe; color:#3c3c3c!important;border-bottom:2px solid #9fd8fe; display:block; padding:5px 0; text-align:center; font-weight:bold;border-radius:3px;}
.experience .btn img{ width:18px; position:relative; top:2px;left:-2px}
/*--価格--*/
.item-price-box{ overflow:hidden; margin:0 0 5px;}
.item-price{overflow:hidden;height:44px; position:relative; padding:0 5px 0 0;box-sizing: border-box; margin:0 140px 0 0; text-align:center}
.item-price .price{color:#f00; font-size:20px; line-height:18px;font-weight:bold; display:block;position:absolute;top:50%;display:block; margin:auto!important;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%); width:100%;}
.item-price .price:before,
.item-price .price-sale:before{content: "価格:";font-size:14px; color:#333;}
.item-price .price:after,
.item-price .price-sale:after{content: "円(税込)";font-size:14px;}
.item-price .price-sale{color:#f00; font-size:20px; line-height:20px;font-weight:bold; display:block;width:100%; padding:2px 0 5px!important}
.item-price .price-sale s{font-size:13px; color:#aaa;}
.item-price .price-sale span:before{content: "⇒";font-size:10px; color:#aaa;font-size:12px; padding:0 2px;}
.item-price .sale{font-size:12px; padding:2px 0 0!important;border:1px solid #f00;box-sizing: border-box;color:#f00; font-weight:bold;width:100%; text-align:center; margin:-3px 0 5px; letter-spacing:2px}

.commerce-item .item-price{ float:none; width:100%; height:auto; padding:0 0 0}
.commerce-item .item-price .sale{ margin:0 0 4px}

.item-price-s p:first-child{ text-align:center; background:#f4f4f4;margin:0 0 2px!important; padding:2px 0 1px!important}
.item-price-s .commerce-price{color:#f00; font-size:24px;overflow:hidden;height:52px; position:relative;box-sizing: border-box;text-align:center; font-weight:bold;}
.item-price-s .commerce-price span{ display:block; position:absolute; margin:auto;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); width:100%; line-height:10px}
.item-price-s .commerce-price-sale{color:#f00; font-size:24px; line-height:20px;font-weight:bold; display:block;width:100%; padding:6px 0!important; text-align:center}
.item-price-s .commerce-price span:after,
.item-price-s .commerce-price-sale:after{content: "円(税込)";font-size:12px;}
.item-price-s .commerce-price-sale s{font-size:12px; color:#aaa;}
.item-price-s .commerce-price-sale .moto:after{content: "円⇒";font-size:12px; color:#aaa;padding:0 1px }

/*--還元/登録数--*/
.item-point{overflow:hidden; background:#ededed; float:right; width:140px}
.item-point .point,
.item-point .wanted-list{font-size:14px; font-weight:bold;color:#f00; padding:4px 6px!important;box-sizing: border-box; height:22px; overflow:hidden;}
.item-point .point:before{content: "ポイント還元:";font-size:10px; color:#333; font-weight:normal;}
.item-point .point:after{content: "pt";font-size:10px;font-weight:normal;}
.item-point .wanted-list{color:#333; border-top:3px solid #fff}
.item-point .wanted-list:before{content: "リスト登録者:";font-size:10px; color:#333; font-weight:normal;}
.item-point .wanted-list:after{content: "人";font-size:10px; color:#333; font-weight:normal;}

.commerce-item .item-point{overflow:hidden; background:#f4f4f4; float:none; width:100%; margin:3px 0;text-align:center;height:18px;}
.commerce-item .item-point .wanted-list{border-top: none; background:#fff}
.commerce-item .item-point .point,
.commerce-item .item-point .wanted-list{padding:2px 6px!important;}

.item-price-s .item-point{background:#fff; border-top:1px dashed #ccc;padding:2px 0 0!important;}
.item-price-s .item-point .point{background:#fff!important}

.item-point-op{ border-bottom:1px dashed #ccc}

@media screen and (max-width: 374px){
.item-price .price-sale:before{font-size:12px;}
.item-price .price-sale:after{font-size:12px;}
.item-price .price-sale s{font-size:12px; color:#aaa;}
.item-price-s .commerce-price{font-size:20px; line-height:20px;}
.item-price-s .commerce-price-sale{font-size:20px; line-height:20px;padding:8px 0 7px!important}
.item-price-s .commerce-price-sale:after{font-size:12px;}
.item-price-s .commerce-price-sale s{font-size:12px;}
.item-price-s .commerce-price-sale .moto:after{font-size:12px;}
}
@media screen and (max-width: 359px){
.item-price{margin:0 120px 0 0}
.commerce-item .item-price{margin:-5px 120px 0 0}
.item-price .price-sale s{font-size:11px; color:#aaa;}
.item-price .price-sale{font-size:16px; line-height:20px;}
.item-point .point,
.item-point .wanted-list{font-size:12px;}
.item-price .price-sale:before{font-size:11px; color:#333;}
.item-price .price-sale:after{font-size:10px;}
.item-point{width:120px}

.item-price-s .commerce-price-sale{font-size:17px; line-height:17px; padding:9px 0 8px!important}
.item-price-s .commerce-price span:after,
.item-price-s .commerce-price-sale:after{font-size:10px;}
.item-price-s .commerce-price-sale s{font-size:10px;}
.item-price-s .commerce-price-sale .moto:after{content: "⇒";font-size:10px;padding:0 1px }
}

/*--サンプルCG--*/
.cg-sam,
.cg-sam-s{ margin:0 0 6px;display: box;display: -webkit-box;display: -moz-box;box-pack:left;-webkit-box-pack:left;-moz-box-pack:left;}
.cgimg{box-sizing: border-box;background:#f4f4f4;width: 33.33%;text-align: center;display: box;display: -webkit-box;display: -moz-box;box-align:center;-webkit-box-align:center;-moz-box-align:center; position:relative; border-right:2px solid #fff}
.cgimg:last-child{ border-right:none}

.cgimg{font-size: 0;line-height: 0!important;}

.cg-sam-s{position: relative;height: 100%;}
.cg-sam-s .swiper-container-cg {width: 100%;height: 100%;}
.cg-sam-s .swiper-container-cg .swiper-slide {background: #000;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.cg-sam-s .swiper-container-cg .swiper-slide a{ line-height:0!important}
.cg-sam-s a{ display:block; width:100%; text-align:center}
.cg-sam-s img{ max-width:120px; max-height:68px;width:auto; margin:auto}
/*--spec/作品紹介--*/
.item-spec{ padding:5px;border:1px solid #667073;box-sizing: border-box;}
.item-spec .spec tr td{ background:#fff; border-bottom:1px solid #9fd8fe; padding:6px;vertical-align:middle; line-height:12px}
.item-spec .spec tr td:first-child{background:#ddf1fe; text-align:center}
.item-spec .spec2{ padding:10px 0 0}
.item-spec .spec2 tr td{ background:#fff; border-bottom:1px solid #ccc; padding:6px;vertical-align:middle; line-height:16px}
.item-spec .spec2 tr td:first-child{background:#ededed; text-align:center}
.item-spec .spec tr:last-child td,
.item-spec .spec2 tr:last-child td{border-bottom:none;}
.item-spec .spec2 .bg-wht{ background:#fff!important;}
.item-spec .spec2 .mini{ font-size:10px;line-height:12px!important; text-align:left!important;}

.item-spec .age span,
.item-spec .age a,
.item-spec .item-kind a,
.item-spec .item-format a,
.item-spec .item-key a{padding: 6px 7px;box-sizing: border-box; display:block; border-radius:3px;margin: 3px; float:left}
.item-spec .age span,
.item-spec .age a{ color:#fff!important; background:#faa4db; border:1px solid #faa4db;}
.item-spec .item-kind a{color:#fff!important; background:#49c1ee;border:1px solid #49c1ee; line-height:12px}
.item-spec .item-format a{color:#333!important; background:#d3d3d3;border:1px solid #ccc;}
.item-spec .item-key a{ color:#cc6698!important; background:#f7e4ee; border:1px solid #cc6698;}

.item-coment{ padding:10px 0;box-sizing: border-box;}
.item-coment .coment{ line-height:20px!important}
.item-coment .s-sub{ background:#f7e4ee!important; color:#cc6698!important; font-weight:bold}
.item-coment .opncls{ text-align:center; color:#aaa!important; border-top:1px solid #ccc; padding:5px 0 0; margin:10px 0 0;}
.item-coment img{ max-width:640px; display:block; margin:10px auto 0;}
.coment-tit{ background:#ededed; text-align: center; margin:0 0 5px; padding:5px 0 4px}

/*--キャラクター紹介--*/
#chara-box div{line-height:18px!important}
.chara{ padding:0 0 10px; margin:0 0 10px; border-bottom:1px dotted #ccc; overflow:hidden;}
.chara:last-child{ border-bottom:none}
.chara .chara-img{ width:120px; float:left; margin:0 5px 5px 0}
.chara .chara-img img{ margin:0; border:1px solid #ccc;box-sizing: border-box;}
.chara-name{ font-size:14px; font-weight:bold}
.chara-name:before{content: "■"}


/*--サークル作品一覧--*/
.circle-list{ margin:20px 0; padding:0!important}
.circle-list td{box-sizing: border-box;}
.circle-list a,.circle-list img{ padding:0; margin:0;display:block}
.circle-list-item{ padding:3px 0}
.circle-list-box{ padding:5px; float:left;box-sizing: border-box;}
.circle-list-text{word-break: break-all; padding:0 3px!important}
.circle-list-text div.tit{height: 82px; overflow: hidden;}
.circle-list-text div.tit a{ font-size:12px; line-height:15px}
.circle-list-text span.price{color: #dd0000; font-weight: bold;}
.circle-list .favorite03{border-radius:0;}
.circle-list .favorite03 .text{top:5px; left:8px; font-size:12px; font-weight:bold}

.circle-list .link-btn a{background:#ddf1fe; color:#3c3c3c!important;border-bottom:2px solid #9fd8fe; display:block; padding:6px 0; text-align:center; font-weight:bold;border-radius:3px; width:80%; margin:5px auto 0}

/*--ブランド作品一覧--*/
.brand-list{ margin:20px 0; padding:0!important;}
.brand-list td{box-sizing: border-box;vertical-align:middle!important;}
.brand-list a,.brand-list img{ padding:0; margin:0;display:block; max-height:110px;}
.brand-list-item{ padding:3px 0}
.brand-list-box{ padding:5px; float:left;box-sizing: border-box;display:block;}
.brand-list-text{word-break: break-all; padding:0 3px!important}
.brand-list-text div.tit{height: 90px; overflow: hidden;}
.brand-list-text div.tit a{ font-size:12px; line-height:15px}
.brand-list-text span.price{color: #dd0000; font-weight: bold;}
.brand-list .favorite03{border-radius:0;}
.brand-list .favorite03 .text{top:5px; left:8px; font-size:12px; font-weight:bold}
.brand-list .img-bg{background:#fff; border:1px solid #333;overflow:hidden}
.brand-list .link-btn a{background:#ddf1fe; color:#3c3c3c!important;border-bottom:2px solid #9fd8fe; display:block; padding:6px 0; text-align:center; font-weight:bold;border-radius:3px; width:80%; margin:5px auto 0}

/*---*/
.item-check-cal{display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap; padding:0 0 14px!important}
.item-check-cal-box{width:100px!important;position:relative; margin:0;display: inline-block;}
.item-check-cal-box .i-img{margin:2px 0;height:100px;background:#f4f4f4;position: relative;}
.item-check-cal-box .i-img img{max-height:100px;display:block;margin: auto;object-fit: contain;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.item-check-cal-box .i-name{ height:26px; overflow:hidden; font-size:10px}

.item-check-tit{ border-bottom:1px dashed #333; color:#333; padding:0 0 3px; margin:5px 0 5px; font-size:12px; font-weight:bold; text-align:left}

.item-check-cal .swiper-pagination-bullets{ bottom:0!important}
.item-check-cal .swiper-pagination-bullet{ width:5px!important; height:5px!important}