/* 黒ベース */
body.patern1 {
    background-color: #f2f4f6;
}

.patern1 #header,
.patern1 #footer{
    background-color: rgba(0,0,0,0.8);
}

.patern1 .text-header{
   color:  #f8f9fa;
}

.patern1 nav .member .nav-member,
.patern1 nav .address .nav-address,
.patern1 nav .card .nav-card,
.patern1 nav .coupon .nav-coupon,
.patern1 nav .subscription .nav-subscription,
.patern1 nav .privacy .nav-privacy,
.patern1 nav .transaction .nav-transaction,
.patern1 nav .terms .nav-terms,
.patern1 nav .contact .nav-contact,
.patern1 nav .withdraw .nav-withdraw,
.patern1 nav .ownedmedia .nav-ownedmedia,
.patern1 nav .order .nav-order{
    border-left: 5px solid #1abc9c !important;
}

.patern1 #footer p{
    color: #fff;
}
.patern1 #footer a{
    color: #ccc !important;
}

/* 白ベース */
body.patern2 {
    background-color:#fff;
}

.patern2 #header{
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.patern2 #footer{
    background-color: #fff;
    border-top: 1px solid rgba(0,0,0,.125);
}

.patern2 .text-header{
   color:  #6c757d;
}

.patern2 nav .member .nav-member,
.patern2 nav .address .nav-address,
.patern2 nav .card .nav-card,
.patern2 nav .coupon .nav-coupon,
.patern2 nav .subscription .nav-subscription,
.patern2 nav .privacy .nav-privacy,
.patern2 nav .transaction .nav-transaction,
.patern2 nav .terms .nav-terms,
.patern2 nav .contact .nav-contact,
.patern2 nav .withdraw .nav-withdraw,
.patern2 nav .ownedmedia .nav-ownedmedia,
.patern2 nav .order .nav-order{
    border-left: 5px solid #faae2b !important;
}

/* グレーベース */
body.patern3 {
    background-color:#f2f4f6;
}

.patern3 #header{
    background-color: #f2f4f6;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.patern3 #footer{
    background-color: #f2f4f6;
    border-top: 1px solid rgba(0,0,0,.125);
}

.patern3 .text-header{
   color:  #6c757d;
}

.patern3 nav .member .nav-member,
.patern3 nav .address .nav-address,
.patern3 nav .card .nav-card,
.patern3 nav .coupon .nav-coupon,
.patern3 nav .subscription .nav-subscription,
.patern3 nav .privacy .nav-privacy,
.patern3 nav .transaction .nav-transaction,
.patern3 nav .terms .nav-terms,
.patern3 nav .contact .nav-contact,
.patern3 nav .withdraw .nav-withdraw,
.patern3 nav .ownedmedia .nav-ownedmedia,
.patern3 nav .order .nav-order{
    border-left: 5px solid #1abc9c !important;
}

/* 黒反転ベース */
body.patern5 {
    background-color:#242629;
}

.patern5 #header{
    background-color: #242629;
    border-bottom: 1px solid #333333;
}
.patern5 #footer{
    background-color: #242629;
    border-bottom: 1px solid #333333;
}

.patern5 .text-header{
   color: #fffffe;
}

.patern5 .title{
    color: #fffffe;
 }

.patern5 #lg-sidebar ul,
.patern5 #sidebar ul{
    background-color:  #fff;
}

.patern5 nav .member .nav-member,
.patern5 nav .address .nav-address,
.patern5 nav .card .nav-card,
.patern5 nav .coupon .nav-coupon,
.patern5 nav .subscription .nav-subscription,
.patern5 nav .privacy .nav-privacy,
.patern5 nav .transaction .nav-transaction,
.patern5 nav .terms .nav-terms,
.patern5 nav .contact .nav-contact,
.patern5 nav .withdraw .nav-withdraw,
.patern5 nav .ownedmedia .nav-ownedmedia,
.patern5 nav .order .nav-order{
    border-left: 5px solid #1abc9c !important;
}

.patern5 .card{
    border:none !important;
    /* background-color: #16161a; */
}

.patern5 #toTop{
    color: #1abc9c;
}

.patern5 #footer p{
    color: #fff;
}
.patern5 #footer a{
    color: #ccc !important;
}

/* 黄色ベース */
body.patern6 {
    background-color:#fcfaf5;
}

.patern6 #header,
.patern6 #footer{
    background-color: #facd02;
}

.patern6 .text-header{
   /* color: #fffffe; */
}

.patern6 .title{
    /* color: #fffffe; */
 }

.patern6 nav .member .nav-member,
.patern6 nav .address .nav-address,
.patern6 nav .card .nav-card,
.patern6 nav .coupon .nav-coupon,
.patern6 nav .subscription .nav-subscription,
.patern6 nav .privacy .nav-privacy,
.patern6 nav .transaction .nav-transaction,
.patern6 nav .terms .nav-terms,
.patern6 nav .contact .nav-contact,
.patern6 nav .withdraw .nav-withdraw,
.patern6 nav .ownedmedia .nav-ownedmedia,
.patern6 nav .order .nav-order{
    border-left: 5px solid #1abc9c !important;
}

/* 赤ベース */
body.patern7 {
    background-color:#fcfaf5;
}

.patern7 #header,
.patern7 #footer{
    background-color: #e11900;
}

.patern7 .text-header{
   color: #fffffe;
}

.patern7 .title{
    /* color: #fffffe; */
 }

.patern7 #lg-sidebar ul{
    background-color:  #fff;
}

.patern7 nav .member .nav-member,
.patern7 nav .address .nav-address,
.patern7 nav .card .nav-card,
.patern7 nav .coupon .nav-coupon,
.patern7 nav .subscription .nav-subscription,
.patern7 nav .privacy .nav-privacy,
.patern7 nav .transaction .nav-transaction,
.patern7 nav .terms .nav-terms,
.patern7 nav .contact .nav-contact,
.patern7 nav .withdraw .nav-withdraw,
.patern7 nav .ownedmedia .nav-ownedmedia,
.patern7 nav .order .nav-order{
    border-left: 5px solid #faae2b !important;
}
/* Shopify SSO連携 */
.btn-shopify {
    background-color: #4ecdc4;
    border-color: #4ecdc4;
    color: #fff;
}
.btn-shopify:hover {
    background-color: #3dbdb5;
    border-color: #3dbdb5;
    color: #fff;
}