/*
Theme Name:     Welcart Basic Child
Description:    Welcart Basic Child is child theme for Welcart Basic.
Author:         WElcart Inc.
Author URI:     https://www.welcart.com/
Template:       welcart_basic
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Tags:           responsive-layout, basic-child, two-columns, right-sidebar. left-sidebar
*/

/*メインナビゲーションをカスタマイズ*/
@media screen and (min-width: 62.5em) {

    
header #site-navigation input#panel.on-off + div.nav-menu-open,
    header #site-navigation input#panel.on-off:checked + div.nav-menu-open,
    header #site-navigation input#panel.on-off + div.header-nav-container {
        display: block;
        height: auto;
        overflow: inherit;
        background-color: #826545;
}

#site-navigation li a:hover {
        background-color: #fff;
        color: #826545;
        text-decoration: none;
}

#site-navigation li {
        padding: 0;
        border-right: 0;
        text-align: center;
}
#site-navigation ul li:first-child {
        border-left: 0;
}
    
#site-navigation li.current_page_item a,
#site-navigation li.current-menu-parent a {
        background-color: #fff;
        color: #826545;
}
#site-navigation li.current-menu-item > a,
#site-navigation li.current-menu-ancestor > a {
        background-color: #fff;
        color: #826545;
}
    
#site-navigation ul ul {
        display: none;
        position: absolute;
        z-index: 99999;
        top: 42px;
        left: -2px;
        width: fit-content;
        float: left;
        border: 1px solid #e8e8e8;
        background-color: #fff;
        white-space: nowrap;
}
#site-navigation ul ul :hover > a {
        background: none;
        background-color: #E5DAD1;
}
｝

/*サイトタイトルをロゴ画像にカスタマイズ*/
@media screen and (min-width: 62.5em) {
h1.site-title img,
div.site-title img {
    width: 50%;
    height: auto;
}
}
    
h1.site-title img,
div.site-title img {
    width: 80%;
    height: auto;
}
    
/* ——— 名もなきマンゴー商品ページ用 ——— */
.mango-product h1,
.mango-product h2,
.mango-product h3 {
  color: #222;
  margin-top: 2em;
  margin-bottom: 0.6em;
  font-weight: 600;
}
.mango-product h2 {
  font-size: 1.4em;
  border-left: 6px solid #826545;
  padding-left: 0.5em;
}
.mango-product h3 {
  font-size: 1.2em;
  margin-top: 1.2em;
}
.mango-product .lead {
  font-size: 1.1em;
  color: #444;
  background: #f9f9f9;
  padding: 1em;
  border-radius: 12px;
  margin-bottom: 2em;
}
.mango-product ul {
  padding-left: 1.2em;
  margin-bottom: 1.2em;
}
.mango-product ul li {
  margin-bottom: 0.6em;
  list-style: disc;
}
.mango-product small {
  color: #888;
  font-size: 0.9em;
}
.mango-product strong {
  font-weight: bold;
  color: #826545;
}
.mango-product .message-box {
  background-color: #fff8e1;
  border-left: 5px solid #ff8c00;
  padding: 1em;
  margin: 1em 0;
  border-radius: 6px;
}
.mango-product .notice {
  background-color: #fdf8f3;
  border-left: 5px solid #826545;
  padding: 1em;
  margin-top: 2em;
  font-weight: 500;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .mango-product .lead,
  .mango-product .message-box,
  .mango-product .notice {
    font-size: 1em;
    padding: 0.8em;
  }
  .mango-product h1 { font-size: 1.6em; }
  .mango-product h2 { font-size: 1.3em; }
  .mango-product h3 { font-size: 1.1em; }
}


/*カートへ入れるをitem-info上部に追加*/
@media screen and (min-width: 38.75em) {
#itempage div.item-info {
    clear: none;
    width: 100%;
    float: right;
        padding-top: 0em;
        padding-bottom: 2.5em;
  }
}

#itempage div.item-info {
    clear: none;
    width: 100%;
    float: right;
        padding-top: 0em;
        padding-bottom: 2.5em;
}

    
/*カートへ入れるボックスのグレーしたラインを白に*/
    #secondary.widget-area {
border-top: none!important;
    }}

#secondary {
border-top: none!important;
}

/*カートへ入れるボックスの割引前価格を赤字に*/
@media screen and (min-width: 62.5em) {
  .item-info .field_cprice {
    color: #f00!important;
  }
}

/*フッター背景を茶色に*/
@media screen and (min-width: 62.5em) {
    footer {
        background-color: #826545!important;
    }
}
footer {
        background-color: #826545!important;
    }

/* ナビゲーションの横幅調整 */
.nav-menu-open {
    max-width: 1000px;
    margin: 5px auto !important;
}

/* ヘッダー画像左右の余白なし設定 */
.main-image {
padding: 0;
}

/* メニュー均等割付け */
footer nav li {
margin: 0 auto;
text-align: center;
}


menu-main_menu




/* ————————————————
   背景：和紙風テクスチャ（最強指定版）
   ———————————————— */
body {
    margin: 0;
    padding: 0;
    background-color: #262626;
    color: #262626;
    font-family: Helvetica, Arial, sans-serif;
    font-size: .875em;
    line-height: 150%;
    word-wrap: break-word;
    background: url(https://shop.crif2525.com/wp-content/uploads/2025/07/shop-back-gold-scaled.jpeg) no-repeat center center fixed !important;
    background-size: cover !important;
    background-color: #F9F7F1 !important;
}