/*
Theme Name: monparfum
Template: oceanwp
*/

/* ----------
  COMMON
-------------- */

body { background-size: 100%;}

#site-logo #site-logo-inner a img,
#site-header.center-header #site-navigation-wrap .middle-site-logo a img {
    max-width: 360px !important;
}

.key_title_alphabet h2 {
    font-family: "EB Garamond", serif !important;
    text-shadow: #8a7c7b 0px 1px 9px;}

.key_read { text-shadow: #564b4a 0px 1px 7px;}

#site-navigation a:focus,
#site-navigation a:active,
#site-logo a:focus,
#site-logo a:active,
.custom-logo-link:focus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

#footer a:focus,
#footer a:active,
#footer-bottom a:focus,
#footer-bottom a:active,
body.default-breakpoint .oceanwp-mobile-menu-icon a:focus,
body.default-breakpoint .oceanwp-mobile-menu-icon a:active,
.img-wrap a:focus,
.img-wrap a:active,
a:hover,
a:focus,
#menu-item-796 a:hover,
#menu-item-796 a:focus,
#news_info div li a:hover,
#news_info div li a:focus,
.menu-item a:hover,
.menu-item a:focus
{
    outline: none !important;
    box-shadow: none !important;
}

header .container {width: 80%;}



/* ----------
  SP drawer
-------------- */
#mobile-dropdown { background-color: #3d2a27 !important;}


/* ----------
  TOP Bar
-------------- */
.topbar-content {
    font-size: 107%;
    margin: 0px;
    padding: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    display: inline;
    font-family: Garamond, serif;
}
@media screen and (max-width: 768px) {
#top-bar { padding: 7px 0 !important}
#site-logo #site-logo-inner { height: 60px;}
.topbar-content {
    font-size: 100%;
    padding: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    display: block;
    font-family: Garamond, serif;
    width: 95% !important;
    margin: 0 auto;
    word-break: auto-phrase;
}
}

/* ----------
  Title Style
-------------- */
#content h2 {
    font-family: "EB Garamond", serif !important;
    font-size: 190%;}

#content h2:after {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background-color: #ede1d4;
    margin: 20px 0 0;
}

.daihyo_tashiro {font-family: "EB Garamond", serif !important;}

/* ----------
  img caption
-------------- */
:root :where(.wp-block-image figcaption) {
    color: #eadcce;
    font-size: 90%;
    text-align: center;
    line-height: 1.4;
    margin-top: 13px;
}



/* ----------
  TOPページ
-------------- */
/* コンテナの設定 */
.kv-container {
  display: grid;
  grid-template-areas: "hero";
  width: 100%;
  overflow: hidden;
    position: relative;
}

/* リンクタグ(a)をグリッドの配置対象にする */
.kv-item {
  grid-area: hero;
  display: block;
  width: 100%;
  text-decoration: none;
}

/* 画像自体の設定 */
.kv-item img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  display: block;
}

/* --- アニメーションと重ね順の設定 --- */

.kv-item:nth-child(1) {
  z-index: 1;
}

.kv-item:nth-child(2) {
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  animation: fadeOverlay 12s infinite;
}

/* アニメーション設定 */
@keyframes fadeOverlay {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  40% {
    opacity: 0;
    visibility: hidden;
  }
  41% {
    visibility: visible;
    opacity: 0;
  }
  50% {
    opacity: 1; /* 完全に現れる */
  }
  90% {
    opacity: 1; /* 表示し続ける */
  }
  99% {
    opacity: 0; 
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden; /* 再び隠してクリック不可にする */
  }
}

/* --- ▼レスポンシブ対応 ▼ --- */

@media screen and (max-width: 768px) {
.kv-item img {
    width: 100%;
    height: 540px;
    object-fit: cover;
    object-position: center;
    padding-bottom: 50px;
}
    
.deco_key_lavender {
    position: absolute;
    top: -10px;
    right: 0;
    width: 35%;
    z-index: 110;
}
.deco_key_rose {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 42%;
    z-index: 100;
}
    
}



.deco_key_rose {
    position: absolute;
    bottom:0;
    left: 0;
    width: 300px;
    z-index: 100;
}

.deco_key_lavender {
    position: absolute;
    top:0;
    right: 0;
    width: 250px;
    z-index: 110;
}

.deco_key_paper {
    position: absolute;
    top: -170px;
    right: 0;
    width: 300px;
    z-index: 110;
}

.deco_key_mouillettes{
    position: absolute;
    top: -170px;
    left: 0;
    width: 22%;
    z-index: 120;
}

.deco_key_rose2 {
    position: absolute;
    bottom: -200px;
    left: 0;
    width: 18%;
    z-index: 120;
}


@media screen and (max-width: 768px) {
.deco_key_lavender {
    position: absolute;
    top: -117px;
    right: 0;
    width: 175px;
    z-index: 110;
}
.deco_key_rose {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 161px;
    z-index: 100;
}
.deco_key_rose2 {
    position: absolute;
    bottom: -200px;
    left: 0;
    width: 29%;
    z-index: 120;
}
    
}

/* ----------
  concept
-------------- */

.top_concept {
    display: flex;
    flex-direction: row;
    width: 80%;
    margin: 100px auto;
    max-width: 1000px;
    justify-content: space-between;
}

.top_concept img {width: 40%;}
.top_concept div { width: 55%;}

.top_concept div h2 {
    font-family: "EB Garamond", serif !important;
    font-size: 280%;
    font-weight: normal;
    letter-spacing: 0.05em;
}

.top_concept div h2 span {
    display: block;
    font-size: 40%;
}

.top_concept div h2::after {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background-color: #ede1d4;
    margin: 20px 0 0;
}

@media screen and (max-width: 768px) {
.top_concept {
    display: block;
    flex-direction: row;
    width: 80%;
    margin: 20px auto 230px;
    max-width: 100%;
    justify-content: space-between;
}
.top_concept img {width: 100%;}
.top_concept div { width: 100%;}

.top_concept div h2 {
    font-family: "EB Garamond", serif !important;
    font-size: 7.7vw;
    font-weight: 400;
    letter-spacing: .05em;
    line-height: 1.2;
    margin-top: 30px;
}
    
.deco_key_paper {
    position: absolute;
    top: -281px;
    right: 0;
    width: 206px;
    z-index: 110;
}
    
}

/* ----------
  original
-------------- */

.package-title {
    font-family: "EB Garamond", serif !important;
    font-size: 280%;
    font-weight: normal;
    letter-spacing: 0.05em;
    text-align: center;
}

.package-title span {
    display: block;
    font-size: 40%;
}

.package-title::after {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background-color: #ede1d4;
    margin: 20px auto 0;
}

.package-read { text-align: center;}

.package-collection_outer {position: relative;}
.package-collection {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 11px 35px;
    padding: 10px 20px 60px;
    font-family: "Times New Roman", serif;
    width: 80%;
    margin: 0 auto;
    align-items: center;
}

/* 各アイテムのコンテナ */
.package-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 30%;
    justify-content: space-around;
}

.package-item:nth-child(1) {width: 23%;}
.package-item:nth-child(2) {width: 25%;}
.package-item:nth-child(3) {width: 28%; margin-top: 30px;}
.package-item:nth-child(4) {width: 23%;}
.package-item:nth-child(5) {width: 23%;}
.package-item:nth-child(6) {width: 22%;}

/* 枠の設定 */
.img-wrap {
  position: relative;
  transition: transform 0.6s cubic-bezier(0.33, 1, 0.68, 1), filter 0.6s ease;
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.3));
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 枠の中にあるリンクタグ */
.img-wrap a {
  display: block;
  width: 100%;
  height: 100%;
}

/* 枠の中にある画像 */
.img-wrap img {
  /* ↓ これも念の為確認してください */
  display: block;
  width: 100%;
  height: auto;
}

/* --- 光のエフェクト設定（Shimmer） --- */
.img-wrap::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
  /* グラデーション設定 */
  /* 幅を広く取って、動かした時に端が見えないようにします */
  background: linear-gradient(
    120deg, 
    rgba(255, 255, 255, 0) 30%, 
    rgba(255, 255, 255, 0.5) 50%, 
    rgba(255, 255, 255, 0) 70%
  );
  
  /* ★重要：背景サイズを横に伸ばす（中の光を移動させるため） */
  background-size: 200% 100%;
  background-repeat: no-repeat;
  
  /* マスク設定（ここは固定のまま！） */
  -webkit-mask-image: var(--mask-img);
  mask-image: var(--mask-img);
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  
  /* 位置合わせ */
  -webkit-mask-position: center;
  mask-position: center;

  /* 初期状態 */
  opacity: 0;
  pointer-events: none;
  /* transform の指定は削除しました（固定するため） */
}

/* --- 光のアニメーション実行 --- */
.package-item:hover .img-wrap::after {
  animation: shineBg 0.7s ease-in-out;
}

/* --- 光の動きの定義（背景の位置だけを動かす） --- */
@keyframes shineBg {
  0% {
    /* 右斜め上あたりからスタート */
    background-position: 200% 0; 
    opacity: 1;
  }
  100% {
    /* 左斜め下へ抜け切る */
    background-position: -200% 0;
    opacity: 1;
  }
}



/* 角度(deg)の値を変えることで傾きを調整できます */
.item-fleurir .img-wrap { transform: rotate(-5deg); }  /* 左に5度 */
.item-rose .img-wrap { transform: rotate(1deg); }      /* 右に3度 */
.item-japonais .img-wrap { transform: rotate(-2deg); } /* 左に2度 */
.item-eaudelinge .img-wrap { transform: rotate(-2deg); }   /* 左に4度 */
.item-hanayo .img-wrap { transform: rotate(4deg); }    /* 右に4度 */
.item-autres .img-wrap { transform: rotate(2deg); }   /* 左に4度 */

.item-japonais {
    width: 98%;
    margin-top: 16px;
}



/* --- テキストのスタイル --- */
.package-text,
.package-link {
  margin-top: 20px; /* 画像との間隔 */
  color: #fff;      /* 白文字 */
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.05em;
}

/* リンクのスタイル */
.package-link {
  text-decoration: none; /* 下線を消す */
  display: inline-flex;
  align-items: center;
  opacity: 0.8; /* 少し透明にして他のテキストと差をつける */
  transition: opacity 0.3s;
    line-height: 1.2;
}

.package-link:hover {
  opacity: 1; /* ホバー時ははっきり表示 */
}

/* リンクの後ろの矢印 */
.package-link::after {
  content: '›';     /* 矢印の記号 */
  margin-left: 8px;
  font-size: 1.2em; /* 少し大きく */
  font-weight: bold;
}



@media screen and (max-width: 768px) {
.package-collection {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 18px;
    padding: 10px 20px 60px;
    font-family: "Times New Roman", serif;
    width: 100%;
    margin: 0 auto;
    align-items: center;
}
.package-item:nth-child(1) {width: 45%;}
.package-item:nth-child(2) {width: 47%;}
.package-item:nth-child(3) {width: 45%;}
.package-item:nth-child(4) {width: 47%;}  
.package-item:nth-child(5) {width: 45%;}
.package-item:nth-child(6) {width: 47%;}
    
.package-text, .package-link { margin-top: 7px;}
    
}

/* ----------
  COMMON fade
-------------- */
/* 初期状態：少し下＋透明（!important で他のスタイルに勝つ） */
.js-fadein {
  opacity: 0 !important;
  transform: translateY(20px) !important;
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  will-change: opacity, transform;
}

/* 表示状態：スクロールでこのクラスが付く */
.js-fadein.is-animated {
  opacity: 1 !important;
  transform: translateY(0) !important;
}


/* ----------
  Pensees
-------------- */

#pensees {
    position: relative;
    background: url(/ecc/img/bg_pensees.jpg);
    padding: 100px 0;
}

#pensees h2 {
    font-family: "EB Garamond", serif !important;
    font-size: 280%;
    font-weight: 400;
    letter-spacing: .05em;
    color: #382924;
    margin-bottom: 60px;
}

#pensees h2 span {
    display: block;
    font-size: 40%;
}

#pensees h2::after {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background-color: #382924;
    margin: 20px auto 0;
}

#pensees article {
    width: 70%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

#pensees article a { width: 47%;}
#pensees article a:hover { opacity: 0.7;}


@media screen and (max-width: 768px) {
#pensees {padding: 40px 0 100px;}
#pensees h2 {
    font-family: "EB Garamond", serif !important;
    font-size: 280%;
    font-weight: 400;
    letter-spacing: .05em;
    color: #382924;
    margin-bottom: 59px;
    width: 50%;
    margin-left: auto;
    margin-right: 10%;
    text-align: left;
}
#pensees article {
    width: 90%;
    margin: 0 auto;
    display: block;
    justify-content: space-between;
}
    
#pensees article a {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}
    
.deco_key_mouillettes {
    position: absolute;
    top: -58px;
    left: 0;
    width: 36%;
    z-index: 120;
}
    
    
}



/* ----------
  Item Archive
-------------- */
.content-left-sidebar .content-area {border-left-width: 0px !important;}

.woocommerce .oceanwp-toolbar {
    border-top: 0px solid #eaeaea !important;
    border-bottom: 0px solid #eaeaea !important;
}

.woocommerce .result-count li.view-title,
.woocommerce .result-count li a.active,
.woocommerce .result-count li a {color: #f1e7e3 !important;}

.woocommerce ul.products li.product li.title h2,
.woocommerce ul.products li.product li.title a {
    line-height: 1.5;
    font-family: "EB Garamond", serif !important;
    color: #f1e7e3 !important;
    font-weight: normal;
    font-size: 110% !important;
    margin-bottom: 0px !important;
}

.woocommerce ul.products li.product .price .amount {
    font-family: "EB Garamond", serif !important;
    color: #f1e7e3 !important;
}

.woocommerce ul.products li.product .button {
    position: relative;
    display: inline-block;
    padding: 8px 16px !important;
    color: #e1c8b2 !important;
    font-family: inherit;
    font-size: 14px;
    letter-spacing: .08em;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    box-shadow: 0 0 0 1px #3a2216; /* ごく薄い外枠で引き締め */
    border: 0px !important;
}

/* 外側のクラシカル枠 */
.woocommerce ul.products li.product .button::before,
.woocommerce ul.products li.product .button::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

/* 外周の金枠イメージ */
.woocommerce ul.products li.product .button::before {
    border: 1px solid rgba(255, 235, 200, 0.7);
}

/* 少し内側にもう一重の細い枠 */
.woocommerce ul.products li.product .button::after {
    inset: 4px; /* ここを変えると枠の余白が変わる */
    border: 1px solid rgba(255, 235, 200, 0.4);
}

/* ホバー時に少しだけ光らせる */
.woocommerce ul.products li.product .button:hover {
    box-shadow:
        0 0 0 1px #3a2216,
        0 0 5px rgba(255, 235, 200, 0.35);
}



/* ----------
  TOP Item List
-------------- */
#top_itemlist {
    position: relative;
}

.home-products-wrap {
    width: 80%;
    margin: 60px auto;
}

#top_itemlist h2 {
    font-family: "EB Garamond", serif !important;
    font-size: 280%;
    font-weight: 400;
    letter-spacing: .05em;
    margin-bottom: 60px;
    margin-top: 30px;
}

#top_itemlist h2 span {
    display: block;
    font-size: 40%;
}

#top_itemlist h2::after {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background-color: #ede1d4;
    margin: 20px auto 0;
}
#top_itemlist a {transition: all 0.3s ease;}
#top_itemlist a:hover { opacity: 0.7;}

@media screen and (max-width: 768px) {
#top_itemlist  ul.products {
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
}
    
#top_itemlist .span_1_of_4 {width: 50%;}
#top_itemlist .title h2 { margin-top: 0;}
    
}

/* ----------
  news_info
-------------- */

#news_info {
    position: relative;
    background: url(/ecc/img/bg_pensees.jpg);
    padding: 100px 0;
}

#news_info h2 {
    font-family: "EB Garamond", serif !important;
    font-size: 280%;
    font-weight: 400;
    letter-spacing: .05em;
    color: #382924;
    margin-bottom: 20px;
}

#news_info h2 span {
    display: block;
    font-size: 40%;
}

#news_info h2::after {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background-color: #382924;
    margin: 20px auto 0;
}

#news_info div {
    width: fit-content;
    margin: 0 auto;
    padding: 20px 40px;
}

#news_info div li {
    color: #382924;
    list-style: none;
    border-bottom: 1px solid #bea898;
    padding: 10px 14px;
}

#news_info div li span { margin-right: 20px;}
#news_info div li a { color: #977063; }


@media screen and (max-width: 768px) {
#news_info div { padding: 20px 15px;}
#news_info div li span { margin-right: 0px; display: block;}
.front-news-list { margin-left: 0;}
}

/* ----------
  PICK UP ITEM
-------------- */
#pickup_item {
    position: relative;
    width: 100%;
    min-height: 600px;
    display: flex;
    align-items: center;
    background: url('/ecc/img/bg_wanokaori.jpg') no-repeat;
    background-size: cover;
    background-position: center right;
    font-family: "EB Garamond", serif !important;
    color: #6c5046;
    line-height: 1.8;
}

#pickup_item article {
    width: 100%;
    max-width: 600px;
    margin-left: 15%;
}

#pickup_item .pickup_subtitle {
    font-size: 14px;
    margin-bottom: 10px;
    letter-spacing: 0.05em;
}

#pickup_item h2 {
    font-family: "EB Garamond", serif !important;
    font-size: 64px;
    font-weight: 600;
    margin-bottom: 40px;
    letter-spacing: 0.02em;
    line-height: 1.1;
    color: #6c5046;
}

#pickup_item .pickup_description {
    font-size: 15px;
    margin-bottom: 50px;
    letter-spacing: 0.08em;
}

#pickup_item a {
    display: inline-block;
    padding: 12px 60px;
    border: 1px solid #888;
    border-radius: 50px;
    text-decoration: none;
    color: #6c5046;
    font-size: 14px;
    transition: all 0.3s ease;
    background-color: rgba(255, 255, 255, 0.6);
}

#pickup_item a:hover {
    background-color: #6c5046;
    color: #fff;
    border-color: #6c5046;
}

/* スマホ対応 */
@media screen and (max-width: 768px) {
    #pickup_item {
        min-height: 78vh;
        align-items: flex-start;
        padding-top: 60px;
        padding-left: 20px;
        padding-right: 0px;
        background-position: center center;
    }

    #pickup_item article {
        background-color: rgba(255, 255, 255, 0.85);
        padding: 30px;
        max-width: 100%;
    }

    #pickup_item h2 {
        font-size: 42px;
        margin-bottom: 30px;
    }
    
    #pickup_item a {
        width: 100%;
        text-align: center;
    }
}

/* ----------
  Side bar
-------------- */
.sidebar-box .widget-title,
.sidebar-box.widget_block .wp-block-heading {
    font-family: "EB Garamond", serif !important;
    color: #f1e7e3 !important;
    font-size: 23px !important;
    font-weight: normal;
}
.sidebar-box-nomargin { margin-bottom: -22px !important; }

#wp-calendar caption { border-color: #e6dbd6 !important;}
#wp-calendar th,
#wp-calendar td {color: #f1e7e3 !important;}




/* -----------------
  Woocommerce cart
--------------------- */

.woocommerce table.shop_table {border-color: #f4eee2;}
.woocommerce table.shop_table thead { background-color: #f4eee2;}

.woocommerce .cart-collaterals h2 {
    background-color: #f4eee2;
    border-bottom: 1px solid;
    margin: 0 -20px 20px;
    padding: .8em 20px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    color: #444;
    text-align: center;
    border-color: #eaeaea;
}


/* ----------
  Footer
-------------- */
ul.meta {color: #eee2d3 !important;}
ul.meta li a { color: #f4eee2 !important;}

/* ----------
  Footer
-------------- */
.footer_logo { width: 90%;}
.foot_line {
    width: 23%;
    margin: 30px auto 15px;
    display: block;}
.oceanwp-row .span_1_of_2:nth-last-of-type(1) { width: 60% !important;}
.oceanwp-row .span_1_of_2:nth-last-of-type(2) { width: 40% !important;}

#footer-bottom { padding: 20px 0 10px !important;}

#footer-bottom,
#footer-bottom p { color: #3c2a26 !important;}

#footer-bottom a,
#footer-bottom #footer-bottom-menu a { color: #3c2a26!important;}

#footer-bottom a:hover,
#footer-bottom #footer-bottom-menu a:hover { color: #f0e6e1!important;}

#footer-bottom #footer-bottom-menu,
#footer-bottom #copyright {
    width: 100% !important;
    display: block;
}

#footer-bottom #footer-bottom-menu {
    float: none !important;
    text-align: center !important;
    padding-left: 15px;
}

#footer-bottom #copyright {
    float: none !important;
    text-align: center !important;
    padding-right: 15px;
    padding-top: 20px;
    border-top: 1px solid #f0e6e1;
    padding-bottom: 10px;
    margin-top: 19px;
}

#footer-widgets #block-9 strong {
    font-family: "EB Garamond", serif !important;
    font-size: 110%;
    line-height: 1;
}


@media screen and (max-width: 768px) {
.oceanwp-row .span_1_of_2:nth-last-of-type(2) { width: 100% !important;}
.oceanwp-row .span_1_of_2:nth-last-of-type(1) { width: 100% !important;}
}



/* Woo commerce
   Cart
*/

form input[type="text"], form input[type="password"], form input[type="email"], form input[type="url"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="datetime"], form input[type="datetime-local"], form input[type="week"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="color"], form select, form textarea, .woocommerce .woocommerce-checkout .select2-container--default .select2-selection--single{
    background: #eee1d3 !important;
}

.woocommerce #order_review table.shop_table thead th {
    background: #a48e84;
    color: #fff;
}
.woocommerce #order_review table.shop_table tbody td,
.woocommerce #order_review table.shop_table td{ background-color: #eee1d3 !important; color: #6f5652 !important;}
.woocommerce #order_review table.shop_table th { background: #a48e84;}
.woocommerce #order_review table.shop_table tfoot th { color: #fffaf4 !important;}
.woocommerce #order_review table.shop_table tfoot td {
    color: #6f5652 !important;
    background: #eee1d3;
}

.woocommerce #order_review table.shop_table td .price,
.woocommerce #order_review table.shop_table td .amount { color: #3d2a27;}
.woocommerce #order_review table.shop_table ul#shipping_method.woocommerce-shipping-methods li label { color: #3d2a27 !important;}
.woocommerce-checkout #payment ul.payment_methods .wc_payment_method>label { color: #4e3d39;}
.woocommerce .shop_table.order_details tfoot th {background-color: #eee1d3}
.bankjp_details .account_info { font-size: 1em;}
.woocommerce .woocommerce-order-details table.shop_table thead th { color: #444; background: #eee1d3;}
.woocommerce .woocommerce-order-details .shop_table.order_details tfoot th { background-color: #eee1d3; border-color: #eaeaea;}
.quantity .qty { color: #3b2a27 !important;}
.product_meta .posted_in a { color: #eee1d3 !important; font-weight: 400;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: #eee1d3!important;}
.woocommerce-message { color: #efe6e1 !important;}
.woocommerce-cart .cart-collaterals .cart_totals table th { color: #eee1d3 !important;}
ul.order_details li strong {font-size: 1.2em;}
ul#shipping_method li label,
.woocommerce .cart-collaterals p {color: #ecdfd0 !important;}
.woocommerce-info {color: #e6d7c8 !important; border-color: #e7bb8e !important;}
.woocommerce-info:before { color: #fff6ed !important; }

.widget_nav_menu .menu { line-height: 1.3;}
.widget_nav_menu .menu li { margin-bottom: 10px; border-bottom: 1px dashed; padding-bottom: 9px;}

.page-numbers a { color:#eae1dd !important; }
.page-numbers.current { color: #392a25 !important;}
.product-template-default .entry-title {border-bottom: 0px solid !important;}
.woocommerce-mini-cart__empty-message { color: #392a25 !important; }