/*アニメーション*/
.white-popup{
-webkit-animation-duration:0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count:1;
	-webkit-transform: scale(1);
	-webkit-animation-name: popuptable;
opacity : 1;
margin-top:0px;

}

@-webkit-keyframes popuptable {
	0%{
margin-top:100vh;
}
	100% {
margin-top:0px;

	}
}
/*アニメーション終了*/
table.variations span.out-of-stock{font-size:20px;}
table.variations span.out-of-stock:after{content:"在庫なし";display:block;font-size:10px;}
table.variations span.few_stock:after{content:"残りわずか";color:#ea4e6b;display:block;font-size:10px;}

table.variations span.full_stock:after{content:"在庫あり";display:block;font-size:10px;}


.variations-table {
    clear: both;
    margin-bottom: 10px;
    font-size:12px;
}

.variations-table .stock{color:#333333 !important;}
#variations table.variations{border-width:1px 1px 1px 1px!important;}
#variations table.variations tr{border-width:0px 0px 1px 0px !important;text-align:center;}
#variations table.variations th{border-width:0px 0px 1px 0px  !important;text-align:center;background-color:#F3F3F3;}
#variations table.variations td{border-width:0px 0px 1px 0px!important;text-align:center;padding:20px 2px 20px 2px;}
#variations table.variations td span span p{text-align:center;margin:0px 0px 0px 0px;
font-size:20px;
}

#variations .filters,
#variations .filter {
    display: inline-block;
    vertical-align: bottom;
    display:none;
}

#variations .variation-filters {
    margin-bottom: 10px;
}

#variations .filter {
    margin: 0 5px;
}

#variations .filter:first-child {
    margin-left: 0;
}

#variations .filter label {
    display: inline-block;
}

#variations table.variations th {
    cursor: pointer;
    white-space: nowrap;
    display: table-cell;
    /*border: #eee solid 1px;*/
    padding: 2px;
    vertical-align: middle;
}

#variations table.variations th.image_link {
    width: 140px;
}

#variations table.variations th.add-to-cart {
    width: 165px;
}

#variations table.variations th.quantity,
#variations table.variations th.price_html,
#variations table.variations th.weight_html{
    width: 90px;
}

#variations table.variations input.qty {
    width: 60px;
}

#variations table.variations th.sku {
    width: 150px;
}

#variations table.variations th.active {
    color: #000;
}

#variations table.variations th.active .arrow {
    opacity: 1;
}

#variations table.variations th .arrow {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    margin-left: 5px;
    opacity: 0.66;
}

#variations table.variations th.image_link .arrow {
    display: none;
}

#variations table.variations td {
    display: table-cell;
    /*border: #eee solid 1px;*/
    /*padding: 10px;*/
    vertical-align: middle;
}

#variations table.variations .arrow.asc {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #666666;
}

#variations table.variations .arrow.dsc {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #666666;
}

.variations-table h3.available-title {
    font-size: 18px;
    margin-bottom: 10px;
}
#variations .add-to-cart{text-align:center;}
#variations .add-to-cart button {
    white-space: nowrap;
    height:40px !important;
    font-size:13px;
    
    
}
#variations .add-to-cart button:before,available-options-btn:before{font-family: 'FontAwesome';content:"\f07a";margin-right:5px;font-size:15px;}

#variations .image_link img {
    width: 100px;
    height: auto;
}

.available-options-btn {
       margin-top: 15px;
       margin-bottom: 15px;
}

#variations input,
#variations select{
    border-radius: 0;
    border: solid #eee 1px;
    padding: 5px;
    height: 2.5em;
}

td.quantity,th.quantity{display:none !important;}

.open-popup-link.button{width:100%;margin:0 auto;height:50px;line-height:40px !important;display:block !important;}

.available-options-btn{display:none;}
.variations-table.white-popup.mfp-hide{display:block !important;}
.cart_popup_header{display:none;}

/*tbody tr:not(:first-child) td[data-title="カラー"]{opacity:0 !important;}
tbody tr:first-child td[data-title="カラー"]{position:absolute;margin-top:0px;background-color:red;height:5px;padding:initial !important;}


td[data-title="カラー"]{position:absolute;margin-top:0px;background-color:#f3f3f3;height:30px;padding:initial !important;display:block;width:99.5%;text-align:left !important;line-height:30px;}

td[data-title="カラー"] + td[data-title="サイズ"]{position:absolute;height:125px;width:25%;padding-top:50px !important;line-height:50px;}

td[data-title="カラー"] + td[data-title="サイズ"] + td[data-title="Stock"]{padding-top:50px !important;}

予約商品時に罫線がズレるため独自に調整（available-on-backorderがあるとき）
サイズガイドがないサイトもあるのでサイト毎に隣接を調整してください

p.available-on-backorder + div + br + div + div + div + div.product_meta  td[data-title="カラー"] + td[data-title="サイズ"] + td[data-title="Stock"]{padding-top:104px !important;}



td[data-title="カラー"] + td[data-title="サイズ"] + td[data-title="Stock"] + td[class="quantity"]{padding-top:50px !important;}

td[data-title="カラー"] + td[data-title="サイズ"] + td[data-title="Stock"] + td[class="quantity"] + td[class="add-to-cart"]{padding-top:50px !important;}
*/

td[data-title="サイズ"]{width:25%;}
td[data-title="Stock"]{width:25%;}
td[class="add-to-cart"]{width:50%;}
*/
.variations thead{display:none;}

@media screen and (max-width: 767px) {

.cart_popup_header{background-color:#ffffff;height:50px;text-align:center;margin-bottom:-10px;line-height:50px;font-size:20px;display:block;
border-radius:10px 10px 0px 0px;
}
table.variations{background-color:#ffffff;}
.available-options-btn{display:block;}
.variations-table.white-popup.mfp-hide{display:none !important;}


/**/

}


/*    #variations table.variations td:before {
        content: attr(data-title);
        text-transform: uppercase;
        font-weight: bold;
        display: table-cell;
        padding-right: 10px;
        width: 140px;
    }
    #variations table.variations td.image_link:before {
        display: none;
    }
    #variations table.variations td>span {
        display: table-cell;
    }
    #variations table.variations td {
        max-width: none;
        display: table;
        line-height: 1.5em;
        width: 100%;
    }
    #variations table.variations td.image_link {
        text-align: center;
        display: block;
    }
    #variations table.variations td.image_link img {
        width: auto;
    }
    #variations table.variations thead {
        display: none;
    }
    #variations table.variations input.qty {
        width: 100%;
        text-align: center;
        float: initial;
    }
    #variations table.variations td.quantity,
    #variations table.variations td.add-to-cart {
        width: 50%;
        display: inline-block;
        text-align: center;
    }
    #variations table.variations td.quantity {
        line-height: 2em;
    }
    #variations table.variations td.add-to-cart button {
        margin: 0 auto;
        width: 100%;
    }
}
*/