/*---------------------------------------------------------------------------------------------------

	[wcmc]Welcart共通

---------------------------------------------------------------------------------------------------*/
/*　テーマ
---------------------------------------------------------------------------------------------------*/
.wcAform
.cartItem,
.wcCform,
.wcDform{
background: ;
padding: 1.5rem;
border-radius: 1rem;
}
/*　エラー
---------------------------------------------------------------------------------------------------*/
.wcError {
background: #EE8888;
color: #fff;
padding: 1rem;
margin-bottom: 1rem;
border-radius: .5rem;
}
.wcError-dt {
display: block;
}
.wcError-dt::before {
font-family: "sffont";
content: "\e921";
}
.wcError b{
display:none;
}
/* フォーム共通
---------------------------------------------------------------------------------------------------*/
.wcForm-guide{
margin-bottom: 1rem;
}
.wcFwrap{
padding: 1rem;
background: #fff;
border: 1px solid #eee;
border-radius: .5rem;

}

.wcForm-submit,
#purchase_form > .send{
text-align: center;
margin-top: 1rem;
}
.wccForm-submit{

}

.wcForm-submit > input[type="button"],
.wcForm-submit > input[type="submit"],
#purchase_form > .send > input[type="submit"]{
font-size: .875rem;
line-height: 1.2;
overflow: hidden;
font-weight: bold;
text-align: center;
border-radius: 6px;
transition: all .5s;
padding: 1.25rem .25rem;
}
.wcForm-submit > input[type="button"]:hover,
.wcForm-submit > input[type="submit"]:hover,
#purchase_form > .send > input[type="submit"]:hover{
opacity: .6;
}


/*　サブミット
---------------------------------------------------------------------------------------------------*/
input#member_login{ /*ログイン,パスワード変更,パスワード再設定*/

}
input[name="regmember"],
input[name="editmember"]{
width: 200px;
background:  #23abdd;
color: #fff;
}
.to_customerinfo_button,/*買い物を続ける*/
[name="customerlogin"],/*次へ*/
.to_deliveryinfo_button,
.to_reganddeliveryinfo_button,
.to_confirm_button,
#purchase_button{
width: 200px;
background:  #23abdd;
color: #fff;
}
.continue_shopping_button,
.back_cart_button,
.back_to_customer_button,
.back_to_delivery_button{
width: 140px;
background: #aaa;
color: #fff;
}
[name="customerlogin"],
.to_confirm_button,
#purchase_button{
margin-left: 6px;
}



@media (max-width: 767px) {
    .back_cart_button{width: 80px;}
    @media (max-width: 575.98px){

    .to_deliveryinfo_button{width: 110px; }
    .to_reganddeliveryinfo_button{width: 140px; }
    }/*mq*/

.to_reganddeliveryinfo_button{font-size: 12px!important;}


}/*mq*/



@media (max-width: 575.98px){
input#previouscart{ width: 120px;}
input.to_customerinfo_button{ width: 140px;}


input.back_cart_button,
input.back_to_customer_button,
input.back_to_delivery_button{ width: 60px;}
input.to_deliveryinfo_button{width: 60px;}
input[name="customerlogin"],
input.to_confirm_button,
input#purchase_button{ width:180px;}

}/*mq*/
/*---------------------------------------------------------------------------------------------------

	[wcComp] 会員完了ページ カート完了ページ

---------------------------------------------------------------------------------------------------*/
.wcComp-message{
background: #ffff;
padding: 3rem;
min-height: 300px;
border-radius: .5rem;
}
.wcComp-text{
margin-top: 1rem;
}
.wcComp-links{
margin-top: 1rem;
}

@media (max-width: 575.98px){
.wcComp-message{padding: 3rem 2rem;}
.wcComp-link{padding: .25rem 1rem;}
}/*mq*/
@media (min-width: 576px) {
.wcComp-links{display: flex; justify-content: center;}
.wcComp-link{margin: 0 10px;}

}/*mq*/

/*---------------------------------------------------------------------------------------------------

	[wcma]ログイン　パスワードをお忘れですか　パスワード再設定

---------------------------------------------------------------------------------------------------*/
.wcmaBody{
margin: 0 auto;
}
.wcmaForm-items {
margin-bottom: 1rem;
}
.wcmaForm-item {
margin-bottom: 1rem;
}
.wcmaForm-submit{
margin: 0;
}
.wcmaFooter{
margin-top: 2rem;
color: #888;
}

input#member_login{
padding: 1.2rem;
color: #fff;
background: #23ABDD;
border: 1px solid #23ABDD;
width: 100%;
max-width: 260px;
border-radius: .5em;
}

.wc-lfi-rememberme{
display: none;
}
@media (max-width: 734px) {
	.wcmaBody{ max-width: 450px; }
	.wcmaForm {padding: 2rem 1rem;	}
}
@media (min-width: 735px) {
	.wcmaBody{ max-width: 540px; }
	.wcmaForm {	border-radius: .5rem; padding: 3rem 4rem; }
}


/*---------------------------------------------------------------------------------------------------

	[wcm4]新規会員登録

---------------------------------------------------------------------------------------------------*/
.wcm4Form{
padding: 2rem 1.5rem;
}
select#member_pref {
width: 60%;
}

/*---------------------------------------------------------------------------------------------------

	[wcc] カート共通

---------------------------------------------------------------------------------------------------*/
/* カートナビ
---------------------------------------------------------------------------------------------------*/
.wccNav{
padding: 1rem 0;
font-size: 12px;
}
.wccNav-items{
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
}
.wccNav-item{
position: relative;
list-style-type: none;
text-align: center;
width: 20%;
color: #999999;
font-weight: bold;
counter-increment: steps;
text-overflow: ellipsis;
}
.wccNav-name{
display: block;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.wccNav-item::before {
display: block;
width: 26px;
height: 26px;
line-height: 26px;
border-radius: 50%;
margin: 0 auto 5px;
content: '';
content: counter(steps);
font-size: 1rem;
text-align: center;
background-color: #ddd;
}
.wccNav-item::after {
position: absolute;
z-index: -1;
top: 13px;
left: -50%;
width: 100%;
height: 2px;
content: '';
background-color: #ddd;
}
.wccNav-item:first-child::after {
content: none;
}
.wccNav-item.active,
.wccNav-item.complete{
color: #23ABDD;;
}
.wccNav-item.active:before,
.wccNav-item.complete:before {
background-color: #23ABDD;!important;
color: #FFF;
}
.wccNav-item.active:after,
.wccNav-item.complete:after {
background-color: #23ABDD;;
}


@media (max-width: 767.98px){
    @media (max-width: 575.98px){
    .wccNav{font-size: 10px;}
    .wccNav-items{width: 100%; }
    }/*mq*/
}/*mq*/
@media (min-width: 768px){
.wccNav-items{width: 600px; }
}/*mq*/
/*---------------------------------------------------------------------------------------------------

wcc3お支払い配送方法

-----------------------------------------------------------------------------------------------------*/
.wccForm-group{
margin-bottom: 1rem;
}
.wccForm-caption{
margin-bottom: .5rem;
padding-left: .5rem;
}

.wccFormitem{
border: 1px solid #ddd;
border-bottom: 0;
}
.wccFormitem:last-child{
border-bottom: 1px solid #ddd;
}
#delivery_table .wccFormitem:last-child{
border-bottom: 0;
}
.wcc-payment-dd dd{
padding: .2rem 0 .2rem 1rem;
color: #666;
}
@media (max-width: 767px) {
.wccFormitem{
padding: 1rem;
}
.wccFormitem-dt{
margin-bottom: .5rem;
}


}/*mq*/
@media (min-width: 768px) {
.wccFormitem{
display: flex;
border: 1px solid #ddd;
border-bottom: 0;
}

.wccFormitem-dt{
width: 150px;
border-right: 1px solid #ddd;
padding: 1rem;
}
.wccFormitem-dd{
width: calc( 100% - 150px );
padding: 1rem;
}
#wcc3-delivery_table dt{
width: 130px;
font-size: 14px;
padding-left: 5px;
padding-right: 5px;
}
#wcc3-delivery_table dd{
width: calc( 100% - 130px );
}
}/*mq*/

#zeus{
margin-bottom: 1rem;
width: 100%;
}
#zeus.customer_form th,#zeus.customer_form td{
display: block;
}
#zeus.customer_form th{

padding: 1rem;
}
#zeus.customer_form td{
background: #fff;
padding: 1rem;
}

#zeus select{
width: auto;
}
#zeus_token_card_expires_note{
font-size: 12px;
color: #aaa;
}
/*---------------------------------------------------------------------------------------------------

    [wcc1] ショッピングカート

-----------------------------------------------------------------------------------------------------*/
.wcc1Update{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1rem;
}
.cartItem-upbtn{
margin-left: 1rem;
padding: .25rem .5rem;
background: #08c;
color: #fff;
font-size: 14px;
border-radius:3px;
}
.cartItem-upbtn:hover{
opacity: .6;
}

@media (max-width: 767.98px){

    @media (max-width: 575.98px){

    }/*mq*/

}/*mq*/
@media (max-width: 767px) {


}
/*	[cartItem] カート 確認画面
-----------------------------------------------------------------------------------------------------*/
.cartItem{
display: flex;
align-items: center;
background: #fff;
border-radius: .5rem;
padding: 1rem;
margin-bottom: 1rem;
}
.cartItem2{
padding: 1rem 0;
background: none;
margin-bottom: 0;
border-bottom: 1px solid #ddd;
}
.cartItem2:last-child{
border-bottom: 0;
}
.cartItem-thumb{
margin-right: 10px;
}
.cartItem-thumb img{
width: 100%;
height: auto;
border-radius: 4px;
}
.cartItem-body{
display: flex;
}
.cartItem-data{
}
.cartItem-code{
font-size: 13px;
}
.cartItem2 .cartItem-name{
font-weight: bold;
}
.cartItem-name{
line-height: 1.2;
}
a.cartItem-name{
color: #08c;
}
.cartItem-unitprice{
}
.cartItem-quantity{
}
.cartItem-quantity span{
font-size: 12px;
margin-right: 3px;
}
.cartItem-quantity-input{
border: 1px solid #ddd;
width: 60px;
height: 30px;
line-height: 40px;
}
.cartItem-price{
font-weight: bold;
}
.cartItem-delete{
text-align: right;
}
.cartItem-delete-btn{
display: inline-block;
font-size: 12px;
padding: .5rem;
border: 1px solid #ddd;
border-radius: 4px;
}
.cartTotalprice{
text-align: right;
font-weight: bold;
}
.cartTotalprice strong{
margin-left: 1rem;
font-size: 1.25rem;
font-weight: bold;
}

@media (max-width: 767.98px){
    .cartItem{    align-items: flex-start; }
    .cartItem-thumb{width: 80px;}
    .cartItem-body{width: calc( 100% - 150px ); flex-wrap: wrap; }
    .cartItem-data{ width:100%;  }
    .cartItem-quantity{    width: 100px;    }
    .cartItem-price{    width:100%;    }
    .cartItem-delete{ width: 60px; }
}
@media (min-width: 768px) {
    .cartItem-thumb{ width: 100px; }
    .cartItem-body{ width: calc( 100% - 100px - 10px - 50px  );   align-items: center;}
    .cartItem-data{width: calc( 100% - 100px - 120px  );padding: 0 .5rem;}
    .cartItem-quantity{width: 100px;}
    .cartItem-price{width: 120px;text-align: right;}
    .cartItem-delete{ width: 50px; }
    .cartItem-code{}
    .cartItem-name{}
    .cartItem-unitprice{}
    .cartItem-quantity{text-align: center;}
    .cartDelbtn{}
    .cartItem2-spwrap{width: calc( 100% - 120px );display: flex;}
}

/*---------------------------------------------------------------------------------------------------
	[wcc2] wcc2 お客様情報
---------------------------------------------------------------------------------------------------*/

#wcc2Tabs{

}
.wcc2Tab{


}

/*---------------------------------------------------------------------------------------------------
	[wcc3] 発送・支払方法
---------------------------------------------------------------------------------------------------*/
.wcc3-payment-dd dd{
font-size: 14px;
padding: .25rem 1rem;
}
.wcc3-payment-dd dd::before{
content: "※";
}
/*---------------------------------------------------------------------------------------------------
	[wcc4] 確認画面
---------------------------------------------------------------------------------------------------*/
.wcc4Conf1{
background: #fff;
padding: 1rem;
margin-bottom: 1rem;
}

.wcc4Meisai{
border-top: 1px solid #ccc;
background: #fff;
padding: .5rem 0;
}
.wcc4Meisai-dl{
display: flex;
align-items: center;
justify-content: flex-end;
text-align: right;
width: 100%;
}
.wcc4Meisai-dt{
width: 140px;
margin-right: 10px;
font-size: 14px;
}
.wcc4Meisai-dd{
width: 120px;
}
.wcc4Meisai-fullprice{
border-top:1px solid #ddd;
font-weight: bold;
font-size: 1.125rem;
}
.wcc4Conf2{
padding: 1rem;
background: #fff;
margin-bottom: 1rem;
}
.wcc4Conf2-name{
font-weight: 600;
margin-bottom: .5rem;
}

.wcc4Conf2-dl{

flex-wrap: wrap;
border: 1px solid #ddd;
border-bottom: 0;
margin-bottom: 1rem;
line-height: 1.25;
}
.wcc4Conf2-dt,
.wcc4Conf2-dd{
padding: .5rem;
}
.wcc4Conf2-dt{
}
.wcc4Conf2-dd{
}
.wcc4Point{

}
.wcc4Point-form{
padding: .5rem;
background: #f1f1f1;
text-align: center;
width: 180px;
border-radius: .5rem;
}
.wcc4Point-form-item{
margin-bottom: .5rem;
}
.wcc4Point-form-item input{

}
.wcc4Point-input{
width: 120px;
text-align: right;
margin-right: .25rem;
background: #fff;
border-color: #ddd;
}
.wcc4Point-submit{
background: #08c;
color: #fff;width: 140px;
}


@media (max-width: 767.98px){
.wcc4Conf2-dl{padding: .5rem;}
.wcc4Conf2-dd{border-bottom: 1px dotted #aaa;}

.wcc4Point-c1{margin-bottom: .5rem;}

}/*mq*/
@media (min-width: 768px){
.wcc4Conf2-dl{
display: flex;
flex-wrap: wrap;
border: 1px solid #ddd;
border-bottom: 0;
margin-bottom: 1rem;
line-height: 1.25;
}
.wcc4Conf2-dt,
.wcc4Conf2-dd{
border-bottom: 1px solid #ddd;
padding: .5rem;
}
.wcc4Conf2-dt{
width: 200px;
}
.wcc4Conf2-dd{
width: calc( 100% - 200px );
border-left: 1px solid #ddd;
}
.wcc4Point{display: flex;justify-content: space-between;align-items: center;}
.wcc4Point-c1{width: calc( 100% - 200px);}


}/*mq*/







/*---------------------------------------------------------------------------------------------------
	[wcmy] マイページ
---------------------------------------------------------------------------------------------------*/
.wcnmy-logout a {
color:#23ABDD;
}
.wcnmy-logout a:hover {
text-decoration: underline;
}
.wcmy1Prof {
display: flex;
flex-wrap:wrap;
align-items: flex-start;
line-height:1,2;
padding: 1.5rem;
}
.wcmy1Prof-dt,.wcmy1Prof-dd{
padding: .25rem 0;
}
.wcmy1Prof-dt {
width: 140px;
}
.wcmy1Prof-dd {
width: calc( 100% - 140px );
}


/*退会*/
.wcmy4Wrap{
padding: 1.5rem;
}
.wcmy4-submit{
width: 100px;
padding: 1rem;
}









/*---------------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------*/
#history_head,table.retail {
width: 100%;
font-size: 12px;
}
table#history_head {
margin-bottom: 3rem;
text-align: center;
}
table#history_head th {
background: #333;
color: #fff;
text-align: center;
font-weight: 400;
}





table#history_head {
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
}

table#history_head th,
table#history_head td {
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;

}

table.retail {
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
}

table.retail th,
table.retail td {
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;

}




table#history_head {
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;

}

table#history_head th,
table#history_head td {
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
display:
}


/*---------------------------------------------------------------------------------------------------
	エラーメッセージ
---------------------------------------------------------------------------------------------------*/

.wc-has-error{
border: 2px solid #08c;
color: #08c;
padding: 1rem;
font-size: 14px;
border-radius: 1rem;
margin-bottom: 1rem;
}

.wc-form2{
background: #f7f7f7;
padding: 2rem;
border-radius: 1rem;
}

.wc-form2 input{
background: #fff;

}