@charset "UTF-8";

/* 動画ボックス */
.videobox_in .list .box {margin-bottom: 0.5em; padding: 1% 1%; border: 1px solid #ccc; border-radius: 6px; background: #fff;}
.videobox_in .list .box:last-child {margin-bottom: 0;}
.videobox_in .list .box_in .details {padding: 1em;}

/* 動画視聴 */
.play_in .list .box {margin-bottom: 0.5em; padding: 1% 1%; border: 1px solid #ccc; border-radius: 6px; background: #fff;}
.play_in .list .box:last-child {margin-bottom: 0;}
.play_in .list .box_in .details {padding: 1em;}
.play_in .list .box_in .details p.center {text-align: center}
.play_in .list h3 {margin-bottom: 0.5em; background: #000; color: #fff; padding: 0.5em 1em;}
.play_in .description {margin: 1em 0;}

/* 販売商品一覧 */
.goods_list_page {position: relative;}
.goods_list_page .goods_list {width: 100%; margin: 0 auto 1rem;}
.alert button.close {display: block !important; font-size: 1.5rem !important; color: #000 !important;}
.goods_list .goods_list_in {padding: 1% 1%; border: 1px solid #ccc; border-radius: 6px;}
.goods_list .goods_list_in .list {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;width:102%;margin-left:-1%;}
.goods_list .goods_list_in .list .box {width:50%;display:inline-block;vertical-align:top;letter-spacing:normal;padding:1%;position:relative;}
.goods_list .goods_list_in .list .box .box_in {display: block;padding:5% 5%;height:100%;background:#fff;border:1px solid #fff;border-radius:6px;}
.goods_list .goods_list_in .list .box .box_in .thumbnail {position: relative; color: #2ee7d2;}
.goods_list .goods_list_in .list .box .box_in .thumbnail p {position: absolute; top: 0px; right: 0px; padding: 4px 6px; font-size: 12px; font-weight: bold; letter-spacing: 1px; background-color: rgba(0, 0, 0, 0.7);}
.category_nav h3 {margin-bottom: 1em; background: #000; color: #fff; padding: 0.5em 1em;}
.category_nav .search .send_btn {margin: 1em 0 0 0 !important;}
.category_nav .search .send_btn li {width: 100% !important; margin: 0 !important; max-width: none;}
.category_nav .list li {margin-bottom: 0.5em;}
.category_nav .list li:last-child {margin-bottom: 0;}


/* 販売商品詳細 */
.video_title .thumbnail {position: relative; color: #2ee7d2;}
.video_title .thumbnail p {position: absolute; top: 0px; right: 0px; padding: 4px 6px; font-size: 12px; font-weight: bold; letter-spacing: 1px; background-color: rgba(0, 0, 0, 0.7);}
.video_title .thumbnail span.reserved_sale {position: absolute; top: 0px; left: 0px; padding: 4px 6px; font-size: 12px; font-weight: bold; letter-spacing: 1px; background-color: rgba(0, 0, 0, 0.7);}
.video_title .details {padding-top: 1em;}

.goods_detail_in .box {padding: 1% 1%; border: 1px solid #ccc; border-radius: 6px;}
.goods_detail_in .box .box_in { }
.goods_detail_in .description {margin: 3rem 0 2rem 0;}


/* 購入動画選択 */
.inner.video_select {padding-top: 15px;}
.video_select_comment {text-align:center;}
.video_select_comment b {font-weight:bold;color:#bd0909;}
.video_select_comment p:last-child {margin-bottom:1em;}
.video_select_in {padding: 1% 1%; border: 1px solid #ccc; border-radius: 6px;}
.video_select_in h3 {margin-bottom: 0.5em; background: #000; color: #fff; padding: 0.5em 1em;}
.video_select_in .list {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;width:102%;margin-left:-1%;}
.video_select_in .list .box {width:50%;display:inline-block;vertical-align:top;letter-spacing:normal;padding:1%;position:relative;}
.video_select_in .list .box_in {display: block;padding:5% 5%;height:100%;background:#fff;border:1px solid #fff;border-radius:6px;}
.video_select_in .list .box_in .details .name {font-weight:bold;padding: .8em 0;}
.video_select_in .list .box_in .details .name i {font-style:normal;margin-right:.5em;}
.video_select_in .list .box_in .details dt.clear_mark:before {content: none;}

.video_select_in .formarea dl { padding: 0.5em 0; /*width: 100%;*/ /*overflow: hidden;*/ }
.video_select_in .formarea dt { margin-bottom: 0; width: 7em; /*margin-right: auto;*/ }
.video_select_in .formarea dt { margin-top: 1rem; }
.video_select_in .formarea dt, .video_select_in .formarea dd { /*display: inline-block;*/ display: table-cell; vertical-align: middle; }
.video_select_in .formarea dd { margin-left: auto; }

.video_select_in .select_wrap { width: 5em; }


/*視聴動画選択*/
.play_select_in .list {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;width:102%;margin-left:-1%;}
.play_select_in .list.sub {justify-content: center;}
.play_select_in .list .box {width:50%;display:inline-block;vertical-align:top;letter-spacing:normal;padding:1%;position:relative;}
.play_select_in .list .box input[type="checkbox"]:checked + .selectbox {background: #000; color:#000}
.play_select_in .list .box input[type="checkbox"]:checked:disabled + .selectbox {background: #333; color:#000}
.play_select_in .list .box_in {display: block;padding:1.5em;height:100%;background:#fff;border-radius:6px;}
.play_select_in .list .box_in .selectbox_in {display: block;padding:0.5em;height:100%;background:#fff;border:1px solid #ccc;border-radius:6px;}
.play_select_in .list .box_in .details .name {font-weight:bold;}
.play_select_in .list .box_in .details .name i {font-style:normal;margin-right:.5em;}
.play_select_in .list .box_in .details .tousen {position: absolute;bottom: 7%;left: 9%;width: 82%;border-top: 1px solid #ddd;padding: .8em 0 0;}
.play_select_in .list .box_in .details .tousen span:first-child {float:left;}
.play_select_in .list .box_in .details .tousen span:last-child {float:right;}
.play_select_comment {text-align:center;}
.play_select_comment b {font-weight:bold;color:#fff;}
.play_select_comment p:last-child {margin-bottom:1em;}

.play_select_in .list input { display: none;}
.play_select_in .list label {display: block;cursor: pointer;}
.play_select_in .list input[type="checkbox"]:checked + label {background:#000;color:#fff;}
.result_select .play_select_in .list .box_in {padding-bottom:1em;}
.play_select_in .list label input[type="checkbox"]{display:none;vertical-align: middle;outline:none;}
.play_select_in .list .box.locked {opacity: 0.75;color: #aaa;}

.breadcrumb-item + .breadcrumb-item::before {content: ">" !important;}



/*現在のカートの中*/
.video_cart_in .item {border:1px solid #eee;padding:3.5em 5% 5%;border-radius:5px;background:#fff;margin-bottom: 1em;position:relative;}
.video_cart_in .item .photo {width:40%;float:left;}
.video_cart_in .item .details {width:55%;float:right;}
.video_cart_in .item .details h3 {margin-bottom:.5em;font-size:1.1em;}
.video_cart_in .item .close {width:1.2em;display:block;position:absolute;right:1em;top:1em;opacity:.4;}
.video_cart_in .item .close {font-size:1em !important;}

.video_cart_in .formarea {}
.video_cart_in .formarea input[type="text"].is-invalid {border-color: #dc3545;}
.video_cart_in .formarea dl {padding: .5em 0;}
.video_cart_in .formarea dt {float: left;}
.video_cart_in .formarea dt:before {content: "■"; vertical-align: top;}
.video_cart_in .formarea dt label {width: 8em;}
.video_cart_in .formarea dd {margin-left: 10em;}
.video_cart_in .formarea dd .send_btn {margin: 0; width: 100%;}
.video_cart_in .formarea dd .send_btn li {margin: 0; width: 100%; max-width: none;}
.video_cart_in .formarea dd ul.select_video {margin-top: 0.5em;}
.video_cart_in .formarea dd ul.select_video li:before {content:"・";}

.video_cart_in .select_goods {position: relative; border: 1px solid #ddd; border-radius: 5px; background: #fff;}
.video_cart_in .select_goods:before {position: absolute; padding: 0; content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; pointer-events: none; right: 8px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.video_cart_in .select_goods select {padding: .8em 1em; font-size: 1em; width: 100%; cursor: pointer; text-overflow: ellipsis; border: none; outline: none; background: transparent; background-image: none; box-shadow: none; -webkit-appearance: none; appearance: none;}

.video_cart_in .total_price {text-align:right;padding: 1.5em 0 2em;border-top: 1px solid #eee;margin-top: 2em;}
.video_cart_in .total {font-weight:bold;color: #bd0909;padding: 1.5em 0 0;border-top: 1px solid #eee;margin-top: 1.5em;}



@media screen and (max-width:567px) {
    /*現在のカートの中*/
    .video_cart_in .item .photo {width: 100%;float: none;}
    .video_cart_in .item .details {width: 100%;float: none;margin-top: 1em;}
}


@media screen and (min-width: 768px) {
    /* 販売商品一覧 */
    .goods_list_page .goods_list {width: 65%; float: right; margin-bottom: 0;}
    .goods_list_page .category_nav {width: 34%; float: left;}
    .goods_list .goods_list_in .list {width:101%;margin-left:-.5%;}
    .goods_list .goods_list_in .list .box {width: 33.33%;padding: .5%;}

    /* 販売商品詳細 */
    .video_title .thumbnail {width: 30%; float:left;}
    .video_title .details {width: 70%; float:right; padding: 0 1em;}

    /*購入動画選択*/
    /*.contents .video_select_in {padding-top:0;}*/
    .video_select_in {padding: 2% 2%;}
    .video_select_in .list {width:101%;margin-left:-.5%;}
    .video_select_in .list .box {width: 33.33%;padding: .5%;}
    .video_select_in .details .send_btn li {width:100%}

    /*現在のカートの中*/
    .contents .video_cart_in {max-width:960px;margin:0 auto;padding-top:0;}
    .video_cart_in .item {padding:40px 30px 30px;}
    .video_cart_in .item .photo {width:25%;}
    .video_cart_in .item .details {width:72%;}
    .video_cart_in .item .close {width: .8em;right: 15px;top: 15px;}
    .video_cart_in .total_price {font-size:.9em;}
    .video_cart_in .total {font-size:1.1em;}

    /*視聴動画選択*/
    .contents .play_select_in {padding-top:0;}
    .play_select_in .list {width:101%;margin-left:-.5%;}
    .play_select_in .list .box {width: 33.33%;padding: .5%;}
}


