/*
Theme Name:		Welcart Mode Child Theme
Template:		welcart_mode
Theme URI:		https://www.welcart.com/archives/12623.html
Author:			Welcart Inc.
Author URI:		https://www.welcart.com/
Description:	Mode Child is the Welcart Mode Child Theme.
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, mode, one-columns, left-sidebar or right-sidebar
Requires at least: 5.6
Requires PHP: 7.4 - 8.1
*/

/*-------------------------------フリーワード検索のデザインここから-------------------------------*/


.search-box {
    border: 1px solid #616161; /* 黒い枠線を追加 */
    border-radius: 5px;
    width: 100%;
}
#s-submit {
    background-color: #3a17042a; /* 背景色を変更 */
    z-index: 10;
}
#s-submit:hover {
    background-color: #3a17046b; /* ホバー時に背景色を少し暗くする */
}

aside h2 {
    border-bottom: 1px solid #000000;
    margin-bottom: -10px;
}
#header-search-submit  {
    background-color: #3a17042a; /* 背景色を変更 */
}
#header-search-submit:hover {
    background-color: #3a17046b; /* ホバー時に背景色を少し暗くする */
}
/*-------------------------------フリーワード検索のデザインここまで-------------------------------*/

/*-------------------------------商品詳細ページの「カラー・素材・サイズ」の説明のテーブルに装飾ここから-------------------------------*/
/*テーブルの装飾*/
table.item_custom_field {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  }
  .item_custom_field th,
  .item_custom_field td {
    border: 1px solid #ddd;
    padding: 10px 15px;
    text-align: left;
  }
  .item_custom_field th {
    background-color: #f5f5f5;
    color: #333;
    font-weight: bold;
    width: 25%;
  }
  .item_custom_field tr:hover {
    background-color: #f9f9f9;
  }

  /*商品SKU選択画面縦組み*/
  dl.item-sku {
    display: flex;
    flex-direction: column;
}

dl.item-sku dt, dl.item-sku dd {
    margin-bottom: 10px;
}
dl.item-sku dt {
    font-size: 15px;
}
/*-------------------------------商品詳細ページの「カラー・素材・サイズ」の説明のテーブルに装飾ここまで--------------------------------*/


/*--------------------------------サイドバー絞り込み検索の装飾ここから-------------------------------*/
/* #block-26のスタイルを#block-31、38にも適用 */
#block-26 .searchandfilter ul,
#block-31 .searchandfilter ul,
#block-38 .searchandfilter ul {
    width: 100%;
    padding: 0;
    list-style: none;
}

#block-26 .searchandfilter li,
#block-31 .searchandfilter li,
#block-38 .searchandfilter li {
    width: 100%;
    margin-bottom: 10px; /* 各項目の間に余白をつける */
    padding-right: 0;
}

#block-26 .searchandfilter select,
#block-26 .searchandfilter input[type="submit"],
#block-31 .searchandfilter select,
#block-31 .searchandfilter input[type="submit"],
#block-38 .searchandfilter select,
#block-38 .searchandfilter input[type="submit"] {
    width: 100%;
    box-sizing: border-box;
    padding: 8px;
}

.searchandfilter div {
    text-align: right;
}

.searchandfilter div ul {
    display: inline-block; /* リストを中央揃えから外す */
}

select option.level-0 {
    font-weight: bold; /*親カテゴリーに太字を適用*/
}

.searchandfilter div ul li:last-child input[type="submit"] {/* ボタンの見た目も整えるなら */
    background-color: #3a17042a; /* 薄茶色 */
    border-radius: 5px; /* 角丸5px */
    padding: 10px;
    text-align: center;
    cursor: pointer;
    transition: 0.3s ease;
    width: 100%;
}

.searchandfilter div ul li:last-child input[type="submit"]:hover {/* ホバーしたときのアクション */
    background-color: #3a17046b;
}
/*--------------------------------サイドバー絞り込み検索の装飾ここまで--------------------------------*/


/*--------------------------------スマホ画面の絞り込み検索の装飾ここから---------------------------------*/

/* PC/タブレット(769px以上)では非表示 */
@media (min-width:769px){ .sfp-wrap--sp{ display:none !important; } }
/* スマホ(〜768px)で表示 */
@media (max-width:768px){ .sfp-wrap--sp{ display:block; margin:.5rem 0 1rem; } }
/* スマホだけ適用 */
@media (max-width: 768px){
  .sfp-wrap--sp .searchandfilter > div > ul{
    display:grid;
    grid-template-columns: 1fr 1fr; /* 2列 */
    gap: 10px;
    list-style:none;
    margin:0;
    padding:0;
  }
  .sfp-wrap--sp .searchandfilter li{
    position:relative;
    padding-right: 0;
  }
  
  /* セレクトの体裁 */
  .sfp-wrap--sp .searchandfilter select.postform{
    width:100%;
    box-sizing:border-box;
    padding:.6rem .8rem;
    font-size:16px; /* iOSの拡大防止 */
  }

  /* 送信ボタンは2列ぶち抜きで下に */
  .sfp-wrap--sp .searchandfilter li:nth-child(7){
    grid-column: 1 / -1;
    margin-top:2px;
  }
  .sfp-wrap--sp .searchandfilter input[type="submit"]{
    width:100%;
    padding:.8rem 1rem;
    font-size:16px; /* iOSの拡大防止 */
  }

  /* optionの視認性（太字に） */
  .sfp-wrap--sp .searchandfilter select.postform option.level-0{ font-weight:600; }
}
.sfp-wrap--sp .search-box {
  margin-bottom: 10px;
}


/*--------------------------------ハンバーガーメニュー絞り込み検索の装飾ここから--------------------------------*/
.drawer-menu-sp .shopping-navigation .searchandfilter {
    padding-top: 0;
}

.drawer-menu-sp .shopping-navigation .searchandfilter ul {
    width: 100%!important;
}

.drawer-menu-sp .shopping-navigation .searchandfilter ul li {
    display: block;
    width: 100%!important;
    padding: 0 0 5px 0;
}

.drawer-menu-sp .shopping-navigation .searchandfilter ul li select {
    width: 100%!important;
}

.drawer-menu-sp .shopping-navigation .searchandfilter ul li select option.level-0 {
    font-weight: bold!important; 
}



.shopping-search {
    background-color: #f3f3f3;
    padding: 10px 24px 0 24px;
}
.shopping-search h2 {
    border-bottom: solid 1px #000000;
}

/*--------------------------------ハンバーガーメニュー絞り込み検索の装飾ここから--------------------------------*/

/*--------------------------------トップページの絞り込み検索の装飾ここから--------------------------------*/
#block-3 ul li {
    width: 20%;
}

#block-3 ul li:last-child {
    padding-right: 0;
    margin-left: -40px;
}

#block-3 ul li select {
    width: 100%;
}

@media screen and (max-width: 879px) {
    #block-9,
    #block-3 {
      display: none;
    }
  }
/*-------------------------------トップページの絞り込み検索の装飾ここまで-------------------------------*/

/*-------------------------------フッターカレンダー装飾ここから-------------------------------*/
footer #block-43 {
    background-color: #f4f4f4;
    padding-top: 20px;
    margin-bottom: 0;
}

.usces_calendar {
    padding-top: 50px!important;
	padding-bottom: 50px;
    margin-bottom: 0!important;
    background-color: #f4f4f4;
}

.usces_calendar td {
	border: solid 1px;
}

.usces_calendar .businessday {  
    color: red;
    border: solid 1px #000000;
   }

#block-43 table {
    width: 250px!important;
    border: solid 1px rgb(211, 211, 211);
    margin-top: 20px;
  }  

  .usces_calendar caption {
    background-color: black;
    color: white;
  }  

  .usces_calendar thead {
    text-align: center;
    background-color: rgb(211, 211, 211);
  }

  .usces_calendar tbody {
    text-align: center;
    background-color: white;
  }

  #block-43 .business_days_exp_box {
    background-color: red;
  }

  .usces_calendar .this-month {
	margin-bottom: 20px;
  }
/*--------------------------------フッターカレンダー装飾ここまで--------------------------------*/

/*-------------------------------ブランド一覧ページの見た目変更ここから-------------------------------*/
#post-228887 .brand-list .info {
    display: none;
    width: 0;
}

#post-228887 .brand-list .img {
    width: 200px;
    padding: 10px;
    border: solid 1px rgb(94, 94, 94);
}

#post-228887 .brand-list a {
    width: 200px;
}
@media screen and (max-width: 879px) {
    /* ここに879px以下のときのスタイルを書く */
    #post-228887 .brand-list {
        display: flex;
        flex-wrap: wrap;
    }
    
    #post-228887 .brand-list .list {
        width: 200px; 
    }
}

.section-home.brand .brand-logo h2 {
    display: none;
}
/*-------------------------------ブランド一覧ページの見た目変更ここまで-------------------------------*/



/*-------------------------------パンくずリスト装飾ここから-------------------------------*/
.my-breadcrumb {
    width: 100%;
    font-size: 14px;
    margin-bottom: 20px;
    color: #202020;
  }
  .my-breadcrumb a {
    color: #8d8d8d;
    text-decoration: none;
  }
  .my-breadcrumb a:hover {
    text-decoration: underline;
  }

  .breadcrumbs {
    width: 100%;
    font-size: 14px;
    
    color: #202020;
  }
  .breadcrumbs a {
    color: #8d8d8d;
    text-decoration: none;
  }
  .breadcrumbs a:hover {
    text-decoration: underline;
  }

  body.single-post .breadcrumbs {
    display: none;
}

/*-------------------------------パンくずリスト装飾ここまで-------------------------------*/  

.is-product {
    margin-top: 15px;
}

#content #block-3,
#content #block-9 {
    display: none;
}

/*コンタクトフォーム装飾ここから*/
.wpcf7-submit {
    background-color: #f4f4f4;
    padding: 10px 20px;
    margin-top: 10px;
    border-radius: 5px;;
  }
/*コンタクトフォーム装飾ここまで*/  

/*グローバルメニューここから*/
.sub-menu.level-0 li {
    padding-right: 5px;
    margin-right: 25px;
    margin-left: 10px;
    width: 125px;
}

@media screen and (max-width: 55em) {
    .sub-menu.level-0 li {
       width: 100%;
}
}
.site-logo img {
	width: auto;
	max-height: 60px; 
}

/*グローバルメニューここまで*/

/*商品一覧の金額表示装飾ここから*/
.price {
    text-align: right;
  font-weight: bold;
}
.price1 {
    text-align: right;
    text-decoration: line-through; 
    margin-bottom: -10px;
}

.price1 .notline {
    display: inline-block; 
    text-decoration: none;
}
.list {
    position: relative;
    padding-bottom: 3rem;
}

.per {
	position: absolute;
	bottom: 10px;
    right: 5px;
}
.campaign_message {
    margin-bottom: 0!important;
}


.slick-slide {
  display: flex;
}
#mode_item_list-7 .list {
    margin-right: 10px!important;
}

@media screen and (min-width: 55em) {
    #mode_item_list-7 .list {
    height: 355px;
}
}
.itemsoldout {
    text-align: right;
}
#welcart_featured-11 .slick-list li {
    margin-right: 10px!important;
}
.itemsoldout {
    text-align: left;
}
/*商品一覧の金額表示装飾ここまで*/


/*商品一覧ページネーションここから*/
@media screen and (min-width: 55em) {
    .list-info .inbox {
        margin-top: 30px;
    }
}
.inbox {
  display: none!important;
}
.count-items {
  text-align: center!important;
}
/*商品一覧ページネーションここまで*/

/**/
@media screen and (min-width: 55em) {
    .tax-brand .brand-description {
        margin-bottom: 0px!important;
        padding-bottom: 0px!important;
        line-height: 1.8;
    }
}

.tax-brand .brand-description {
    margin: 0px!important;
    padding-bottom: 0px!important;
    border-bottom: 1px solid #eee;
}

.tax-brand  h1 {
  font-size: 20px!important;
  margin-bottom: 20px;
}

h1.en .brand-yomikata-text {
  display: inline;
  font-size: 0.7em;
  margin-left: .5em;
  color: #666;
}


/**/
/*セール時商品金額の装飾ここから*/
.myprice.red {
  color: red;
  font-weight: bold;
}
.price.red {
  color: red!important;
  font-weight: bold;
}

/*セール時商品金額の装飾ここまで*/

.overlay {
    margin-top: 25px;
}

.header-group.fixed_header + main {
    margin-top: 87px;
}
.campaign_message.campaign_discount, .campaign_message.campaign_point {
    background-color: #cf0000!important;
    font-weight: bold;
}

/*NEWタグの装飾ここから*/
.newtag {
    display: inline-block;
    background-color: rgb(255, 255, 255);
    color: #ff0000!important;
    font-weight: bold;
    font-size: 0.8em;
    padding: 0.2em 0.5em;
    border: 1px solid red;
    
}
/*NEWタグの装飾ここまで*/

.disright {
    text-align: right;
}

.popo li {
    list-style: none;
}


/*****お気に入りボタンloopここから****/  

/* 画像右上にハート */
.favorite-btn-wrap {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 10;
}

.my-fav-btn {
  background: rgba(231, 231, 231, 0.658);
  border: none;
  border-radius: 50%;
  width: 28px;     /* ← 幅を小さく */
  height: 28px;    /* ← 高さを小さく */
  position: absolute;
  top: 5px;
  right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px; /* ← アイコンも少し小さく */
  color: rgb(233, 68, 158);
  z-index: 998;
}
.my-fav-btn .my-fav-icon {
  pointer-events: none;
}


#secondary .wp-block-buttons:hover {
  opacity: 0.8;
}
/*****お気に入りボタンの装飾ここまで****/


/***お気に入りボタンの位置調整ここから***/
/* ボタンを画像右上に重ねる */
#itemimg {
  position: relative; /* ボタン位置の基準にする */
}

#itemimg .my-fav-btn {
  position: absolute;
  top: 18px;
  right: 28px;
  z-index: 20; /* slickより前面 */
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 25px;
}

#itemimg .my-fav-btn i {
  pointer-events: none; /* アイコンクリック時もボタンとして動作 */
}

@media (max-width: 640px){
  #itemimg .my-fav-btn {
    top: 16px;
    right: 18px;
    width: 45px;
    height: 45px;
    font-size: 25px;
  }
}
@media (max-width: 640px){
  .my-fav-btn {
   
    right: 5px;
    z-index: 998;
  }
}


.home .my-fav-btn {
    right: 5px;
    width: 28px;
    height: 28px;
    font-size: 16px;
    z-index: 998;
}

/***お気に入りボタンの位置調整ここまで***/

/* 値引き時だけ .price を強調（必要なら調整） */
.per .price.discount {
  font-weight: bold;
  color: red;
}

/* --- お気に入り一覧専用タグ表示調整ここから --- */
@media screen and (min-width: 55em) {
    .product-group.column-grid.column-grid4 .opt-tag li,
    .product-group.column-grid.column-grid4 .campaign_message {
        font-size: 11px;
        list-style: none;
        margin-left: 0;
    }
}

.product-group.column-grid.column-grid4 .opt-tag li {
    padding: 2px 3px;
    line-height: 1.2;
    color: #fff;
    margin-left: 3px;
}
.product-group.column-grid.column-grid4 .opt-tag li:first-child {
  margin-left: 0;
} 
/* --- お気に入り一覧専用タグ表示調整ここから --- */

/***ホーム画面の新着一覧表示のタグ調整ここから***/

.home .product-group.column-grid.column-grid4 .opt-tag {
    position: static !important;
    margin-left: -10px;
}
.opt-tag {
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    display: flex;
    z-index: 1;
    flex-wrap: wrap;
}

/***ホーム画面の新着一覧表示のタグ調整ここまで***/

/***ブランドタグの装飾ここから***/
.brandnamekadomaru {
    display: inline-block;
    padding: 2px 6px;
    background-color: #4d4d4d;   /* 背景色（必要に応じて変更） */
    color: #fff;              /* 文字色 */
    opacity: 0.7;             /* 透過 */
    font-size: 12px;
    text-decoration: none;    /* 下線なし */
}

.brandnamekadomaru:hover {
    opacity: 1;
    color: #fff;
    background-color: #1f1f1f;               /* ホバー時は透過解除 */
}

.column-grid .list .brandnamekadomaru {
    display: inline !important;
}
.home .column-grid .list {
    padding: 10px;
    padding-bottom: 50px;
    padding-top: 40px;
}

.brand-link img {
    border: #b4b4b4 solid 1px;
    border-radius: 3px;
    width: 38%;
}




.overlay {
    margin-top: 0px;
}
.home .brand-link {
    text-align: right;
    margin-bottom: -23px;;
}

.column-grid .brand-link {
    text-align: right;
    margin-top: 10px;
    margin-right: 10px;
    
}
/***ブランドタグの装飾ここまで***/


/********価格帯絞り込み装飾ここから*******/
.price-chip{
    padding:.3rem .6rem;
    border:1px solid #ccc;
    border-radius:999px;
    text-decoration:none
}
.price-chip.is-active{
    border-color:#333;
    background:#333;
    color:#fff
}
.price-filter {
    margin: 2rem 0!important;
}

/* 価格帯ドロップダウンをフル幅に */
.sf-field-price-range,
.sf-field-price-range select.postform {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
#block-74, #block-70 {
    margin-bottom: 10px;
}

/*****商品詳細ページのh４装飾*******/
#related-products h4 {
    margin-bottom: 30px;
    margin-top: 30px;
}
/********価格帯絞り込み装飾ここまで*******/







/* ===== 10,000円以下のポップアップメッセージの装飾ここからネモ ===== */
#fs-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.45);
  z-index: 9998;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
}

#fs-modal {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-55%) scale(.98);
  z-index: 9999;
  width: min(92vw, 420px);
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 30px 60px rgba(0,0,0,.25);
  padding: 18px 16px 14px; /* 余白狭め */
  opacity: 0;
  pointer-events: none;
  transition: transform .25s ease, opacity .25s ease;
}

#fs-modal.fs-show {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%,-50%) scale(1);
}

#fs-overlay.fs-show {
  opacity: 1;
  pointer-events: auto;
}

#fs-modal .fs-close {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 28px;          
  height: 28px;         
  border: none;
  border-radius: 999px;
  background: #000;
  color: #fff;
  cursor: pointer;
  font-size: 20px;      
  line-height: 28px;    
}


#fs-modal .fs-inner {
  position: relative;
  text-align: center;
}

#fs-modal h3 {
  font-size: 20px;
  margin: 4px 0 6px;
}

#fs-modal .fs-yen {
  color: #e60023;
  font-weight: 800;
}

#fs-modal p {
  color: #555;
  margin: 0 0 10px;
}

#fs-modal .fs-actions {
  display: flex;
  gap: 6px;
  justify-content: center;
  flex-wrap: wrap;
}

/* お買い物を続けるボタン */
#fs-modal .fs-btn {
  display: inline-block;
  padding: 18px 18px;     /* 内側の余白を広く */
  margin: 4px 0;          /* 上下に余白を追加 */
  border-radius: 3px;
  background: #353535;
  color: #ffffff;
  text-decoration: none;
  font-weight: 700;
  line-height: 18px;
}

#fs-modal .fs-close2 {
  padding: 8px 14px;
  border-radius: 3px;
  background: #eee;
  border: 1px solid #ddd;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  #fs-modal {
    width: 92vw;
    padding: 16px 12px 12px;
  }
  #fs-modal h3 {
    font-size: 18px;
  }
}

.fs-hidden {
  display: block; /* 初期描画用のダミー（JSで制御） */
}
/* ===== 10,000円以下のポップアップメッセージの装飾ここまでネモ ===== */


/*******商品詳細ページの商品一覧のsoldoutの非表示打ち消し。表示させるここから*************/
/*おすすすめに対して*/
#related-products .itemsoldout { 
  display: block !important; 
}
/*サイドバーに対して*/
.secondary .itemsoldout {
    display: block !important;
}
/*******商品詳細ページの商品一覧のsoldoutの非表示打ち消し。表示させるここから*************/

/********商品問合せのボタン装飾ここから**********/
.is-product .add-to-cart .contact-item.always:hover {
  opacity: 0.8;
}
.is-product .add-to-cart .contact-item.always a {
  display: block;
    width: 100%;
    height: 46px;
    border-radius: 4px;
    background: #444444;
    color: #fff;
    font-size: 14px;
    line-height: 46px;
}
.is-product .add-to-cart .contact-item.always span::before {
    color: #ffffff;
}

/********商品問合せのボタン装飾ここまで**********/





/***********サイドバーおすすめ表示装飾ここから**************/
/* === 画像左下に%OFFバッジを重ねる（特異性強化版） === */

.secondary .widget_welcart_featured ul, .secondary .widget_welcart_featured li a {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
     width: 100%;
     border: none;
}
.secondary .widget_welcart_featured li {
   border: #dbdbdb 1px solid;
   border-radius: 3px;
   padding: 5px;
}

.secondary .widget_welcart_featured ul, .secondary .widget_welcart_featured li .price1 {
  font-weight: 300;
}
.secondary .widget_welcart_featured ul, .secondary .widget_welcart_featured li {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
    position: relative;
}
.secondary .widget_welcart_featured li .price {
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'sans-serif';
    font-size: 12px;
    line-height: 1;
}
@media (max-width: 999px) {
.secondary .widget_welcart_featured ul, .secondary .widget_welcart_featured li a {
    padding-bottom: 20px;
}
}
/* 商品名 2行まで表示 */
.ucart_featured_body .featured_list .name.clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;  /* 最大2行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;       /* 行間 */
  max-height: calc(1.5em * 2); /* 2行分の高さ */
}
/* 金額部分を縦並びに */
.ucart_featured_body .featured_list .price {
  display: flex;
  flex-direction: column;   /* 縦方向に並べる */
  gap: 2px;                 /* 上下の余白 */
  align-items: flex-start;  /* 左寄せ */
}
/* 割引なし → 横並びのまま（デフォルト維持） */
.ucart_featured_body .featured_list .price:not(:has(.price1)) {
  display: inline-block; /* 横並び維持 */
}
.ucart_featured_body .featured_list .price1 {
  margin-bottom: 0;
}
.secondary .widget_welcart_featured .card {
  height: 110px;
}
@media screen and (min-width: 880px) {
  .secondary .widget_welcart_featured .card {
    height: 85px;
  }
}
.ucart_featured_body .featured_list a.card {
  display: flex;
  flex-direction: column;
}
/***********サイドバーおすすめ表示装飾ここから**************/

/***********トップページお知らせ一覧ショートコードの装飾ここから*******/
.section-home.features article {
  padding-bottom: 0!important;
}
.section-home.features {
  margin-bottom: 0px!important;
}
/* ラッパー（中央寄せや幅制御に使える） */
.notice-list-wrap {
  margin-left: 25%;
}
@media (max-width: 620px) {
.notice-list-wrap {
  margin-left: auto;
}
}

/* リスト全体 */
.notice-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* 各アイテム */
.notice-item {
  display: flex;
  }

/* 日付 */
.notice-date {
  flex-shrink: 0;
  width: 100px;
  color: #666;
  font-size: 0.9em;
  margin-right: 1em;
}

/* タイトル */
.notice-title {
  flex: 1;
  text-decoration: none;
  color: #333;
}

.notice-title:hover {
  text-decoration: underline;
  color: #000;
}

/* 抜粋 */
.notice-excerpt {
  margin-left: 100px; /* 日付の下に揃える場合 */
  font-size: 0.85em;
  color: #555;
  margin-top: 4px;
}

/* 「もっと見る」リンク */
.notice-more {
  text-align: right;
  margin-top: 10px;
}

.notice-more a {
  color: #0073aa;
  text-decoration: none;
}

.notice-more a:hover {
  text-decoration: underline;
}

/***********トップページお知らせ一覧ショートコードの装飾ここまで*******/

/*********** 商品カード（5列グリッド）—枠線・影 ここから *******/
.product-group.column-grid.column-grid4 article {
  box-shadow: 1px 1px 10px rgba(231, 231, 231, 0.884);
  border: solid 1px rgba(231, 231, 231, 0.884);
  
  padding-top: 40px;
}
.home .product-group.column-grid.column-grid4 article {
  box-shadow: 1px 1px 10px rgba(231, 231, 231, 0.884);
  border: solid 1px rgba(231, 231, 231, 0.884);
  
  padding-bottom: 50px;
}

@media screen and (max-width: 880px) {
.product-group.column-grid.column-grid4 .campaign_discount {
    font-size: 0.95em;
    padding: 2px 6px;
}
}
/*********** 商品カード（5列グリッド）—枠線・影 ここまで *******/


/*********** 商品カード（ショートコード一覧）—枠線・影 ここから *******/
.shortcode-products .column-grid article {
  box-shadow: 3px 3px 20px rgba(231, 231, 231, 0.884);
  border: solid 1px rgba(231, 231, 231, 0.884);
  padding-top: 40px;
  
}
/*********** 商品カード（ショートコード一覧）—枠線・影 ここまで *******/


/*********** ヘッダーナビ（incart）—アイコン群コンテナの横並び ここから *******/
.incart .in { display:flex; align-items:center; gap:16px; }
/*********** ヘッダーナビ（incart）—アイコン群コンテナの横並び ここまで *******/


/*********** ヘッダーナビ—各アイコンの共通レイアウト ここから *******/
.nav-icon{
  display:inline-flex;
  align-items:center;
  gap:8px;
  line-height:1;
  height:32px;
}
.nav-icon i,
.icon-cart .welicon-shopping-cart{
  font-size:22px;
  display:inline-block;
  vertical-align:middle;
}
.icon-cart{ position:relative; }
.icon-cart .welicon-shopping-cart{ transform: translateY(2px); }
/*********** ヘッダーナビ—各アイコンの共通レイアウト ここまで *******/


/*********** ヘッダーナビ—ラベル（テキスト）の見た目 ここから *******/
.nav-icon .label{ font-size:14px; color:#555; line-height:1; white-space:nowrap; }
/*********** ヘッダーナビ—ラベル（テキスト）の見た目 ここまで *******/


/*********** ヘッダーナビ—ログイン時の会員名表示（＋「様」） ここから *******/
.icon-login .member-name{
  font-size:14px;
  color:#555;
  white-space:nowrap;
  max-width:12ch;
  overflow:hidden;
  text-overflow:ellipsis;
}
.icon-login.logged-in::after{
  content:" 様";
  font-size:14px;
  color:#555;
  margin-left:2px;
  white-space:nowrap;
}
/*********** ヘッダーナビ—ログイン時の会員名表示（＋「様」） ここまで *******/


/*********** ヘッダーナビ—数量バッジ（カート個数・お気に入り数） ここから *******/
.icon-cart .total-quantity,
.icon-fav .fav-count{
  position:absolute;
  top:-6px; right:-6px;
  font-size:11px;
  min-width:16px; height:16px; line-height:16px;
  border-radius:50%;
  background:#a5b43c;
  color:#fff;
  text-align:center;
  padding:0 4px;
}
.icon-fav .fav-count:empty{ display:none; }
/*********** ヘッダーナビ—数量バッジ（カート個数・お気に入り数） ここまで *******/


/*********** レスポンシブ—1200px以下：ラベル非表示・会員名は表示 ここから *******/
@media (max-width:1200px){
  .nav-icon .label{ display:none; }
  .icon-login .member-name{ display:inline; }
  .icon-login.logged-in::after{ content:" 様"; }
  .incart .in{ gap:14px; }
}
/*********** レスポンシブ—1200px以下：ラベル非表示・会員名は表示 ここまで *******/


/*********** レスポンシブ—889px以下：アイコンのみ表示・サイズ縮小 ここから *******/
@media (max-width:889px){
  .nav-icon .label,
  .icon-login .member-name,
  .icon-login.logged-in::after {
    display:none;
    content:""; /* afterの「様」も消す */
  }
  .in{ gap:10px; }
  .nav-icon{ height:28px; }
  .nav-icon i,
  .icon-cart .welicon-shopping-cart{ font-size:18px; }
  .icon-cart .total-quantity,
  .icon-fav .fav-count{
    top:-5px; right:-5px;
    min-width:14px; height:14px; line-height:14px; font-size:10px;
  }
}
/*********** レスポンシブ—889px以下：アイコンのみ表示・サイズ縮小 ここまで *******/



/*********** カテゴリー選択肢から不要な項目を非表示 ここから *******/
#ofcategory option[value="2"],   /* 商品 */
#ofcategory option[value="4"],   /* 新商品 */
#ofcategory option[value="5"],   /* 商品ジャンル */
#ofcategory option[value="54"],  /* STAFF BLOG */
#ofcategory option[value="56"],  /* INFORMATION */
#ofcategory option[value="89"],  /* ブランドリスト */
#ofcategory option[value="3082"] /* ピックアップ商品 */
{
    display: none;
}
/*********** カテゴリー選択肢から不要な項目を非表示 ここまで *******/


/*********** 一覧ページの見出し（.headline）を非表示 ここから *******/
.headline {
    display: none!important;
}
/*********** 一覧ページの見出し（.headline）を非表示 ここまで *******/


/*********** 一覧情報（.list-info）のレイアウト調整（PC幅 55em 以上）ここから *******/
@media screen and (min-width: 55em) {
    .list-info .count-items {
        order: 1;
        text-align: center!important;
        width: 100%!important;
        margin-top: 0px!important;
    }
}
@media screen and (min-width: 55em) {
    .list-info .inbox {
        margin-top: 0px!important;
    }
}
@media screen and (min-width: 55em) {
    .list-info .inbox {
        display: block!important;
        order: 3;
        width: 100%!important;
        justify-content: flex-end;
    }
}
@media screen and (min-width: 55em) {
    .list-info .pages-info {
        margin: 3px!important;
    }
}
/*********** 一覧情報（.list-info）のレイアウト調整（PC幅 55em 以上）ここまで *******/


/*********** 商品一覧タイトル（.info h2）の2行制限・省略記号 ここから *******/
.info h2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;  /* 行数制限（例：2行まで） */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; /* 省略記号（…）を表示 */
  margin-top: 10px!important;
}

.column-grid .list .info {
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
  margin-top: 20px;
  margin-bottom: 10px;
}

/* kuuhaku が表示されているときの高さ */
.info .kuuhaku {
  height: 25px;
  line-height: 25px; /* 文字があれば中央寄せ */
}
/* info内にポイントバッジがあるときはkuuhakuを消す */
.info:has(.campaign_message.campaign_point) .kuuhaku{
  display: none !important;
}

/*********** お知らせ一覧タイトル（.info h2）の2行制限・省略記号 ここまで *******/

/**********ブランド名一覧の読み方を外枠にするここから*********************/
.brand-logo a {
    padding: 1px;
    border: none!important;
}

.brand-logo img {
    border: 1px solid #cccccc;
}

.brand-logo .over {
  padding-top: 5px!important;
  padding-left: 0!important;
  padding-right: 0!important;
  padding-bottom: 0!important;
}
/**********ブランド名一覧の読み方を外枠にするここまで*********************/

/*上のページネーション非表示ここから*/
.pagination-wrap.top,.pages-info {
  display: none;
}
/*上のページネーション非表示ここまで*/



/*ko-de*/
.coord_item_list .opt-tag li {
  padding: 2px 4px;
  margin-top: -15px;
}

/********もっと見るボタンの装飾ここから*****/
.more-button1 {
  text-align: center;
  margin: 20px 0;
  
}

.more-button1 a {
  display: inline-block;
  color: #0a0a0a;
  margin: 0 auto;
  padding: 10px 30px;
  font-size: 0.8rem;
  letter-spacing: 3px;
  position: relative;
  text-decoration: none;
  border-bottom: 1px solid #cacaca;
  
  transition: all 0.3s ease;
}

.more-button1 a span {
  display: inline-block;
  position: relative;
  padding-right: 25px;
  font-weight: 700;
}

/* → の矢印 */
.more-button1 a span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 12px;
  height: 12px;
  border-top: 1px solid #0a0a0a;
  border-right: 1px solid #0a0a0a;
  transform: translateY(-50%) rotate(45deg);
  transition: all 0.3s ease;
}

/* hover演出 */
.more-button1 a:hover {
  border-color: #333;
  color: #333;
}



.more-button1 a:hover span::after {
  right: -5px;
}
/********もっと見るボタンの装飾ここまで*****/


/***トップページの見出し装飾ここから***/

@media screen {
    .home-slide-container {
      margin-bottom: 0;
    }
  }
.home .entryhead .en {
  font-size: 2rem!important;
  font-family: "Roboto Condensed", sans-serif;
  
  letter-spacing: 2px;
  font-weight: 400!important;
  margin-bottom: 10px;
}

.home h2.small {
  font-size: 0.9rem;
  color: #797979;
  font-weight: 300;
  letter-spacing: 2px;
}

.section-home .entryfoot .more {
  top: 40px!important;
}

.home .coordinate-column article {
  padding-bottom: 10px!important;
}
.home .brand-logo {
  padding-bottom: 10px!important;
}
/***トップページの見出し装飾ここまで***/


/***ハンバーガーメニューにMENUの文字入れ装飾ここから***/
.trigger-menu .menu-botom {
  font-size: 0.58rem;
  padding-top: 2px;
}
/***ハンバーガーメニューにMENUの文字入れ装飾ここまで***/


/*************4カラムの時の商品一覧装飾ここから******************************/
/* 余白は gap に一本化。カード側の margin/width を無効化 */
.shortcode-products .column-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;                 /* 好みで 24–32px 程度に調整 */
}

.shortcode-products .column-grid .list {
  margin: 0 !important;      /* テーマの margin-right を打ち消す */
  width: auto !important;     /* 25% 固定などがあれば解除 */
  box-sizing: border-box;
}

/* スマホは2カラム */
@media (max-width: 768px) {
  .shortcode-products .column-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;               /* モバイルは少し狭め */
  }
}



/* 余白は gap に一本化。カード側の margin/width を無効化 */
.product-group.column-grid.column-grid4 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;                 /* 好みで 24–32px 程度に調整 */
}

.product-group.column-grid.column-grid4 article {
  margin: 0 !important;      /* テーマの margin-right を打ち消す */
  width: auto !important;     /* 25% 固定などがあれば解除 */
  box-sizing: border-box;
}

/* スマホは2カラム */
@media (max-width: 768px) {
  .product-group.column-grid.column-grid4 {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;               /* モバイルは少し狭め */
  }
}
/*************4カラムの時の商品一覧装飾ここまで******************************/





/***商品の色別表示ここから.iroiro**/
.iroiro {
  width:100%;float:left;
}
.product-group .iroiro {
  margin-left: 10px;
  margin-bottom: 10px;
}
.shortcode-products .iroiro {
  margin-left: 10px;
    /* margin-bottom: 10px; */
    padding-bottom: 10px;
    height: 25px;
}
/***商品の色別表示ここまで.iroiro**/


/****売り切れ時に商品画像に黒いオーバーレイここから***/
/* ベース */
.list .img{
  position: relative;
  overflow: hidden; /* はみ出し防止（任意） */
}

/* 黒い覆い（画像だけ） */
.list .img::after{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,0.5);
  z-index: 5;
  display: none;           /* 通常は非表示 */
  pointer-events: none;
}

/* 中央の SOLDOUT（transform でど真ん中に固定） */
.list .img::before{
  content:"SOLDOUT";
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
  z-index: 6;
  color:#fff;
  font-weight:700;
  font-size: 1.6rem;       /* ここはお好みで */
  letter-spacing:.06em;
  display: none;           /* 通常は非表示 */
  pointer-events: none;
  text-transform: uppercase;
}

/* itemsoldout があるカードだけ発動（モダンブラウザ） */
.list:has(.itemsoldout) .img::after,
.list:has(.itemsoldout) .img::before{
  display:block;
}

/* 元の Soldout 文言は消すなら */
.list .itemsoldout{ display:none; }

/* 画像を載せている .overlay の z-index が高い場合に備えて */
.list .img .overlay{ position:relative; z-index:1; }
/****売り切れ時に商品画像に黒いオーバーレイここまで***/






/**ブランドタグ位置調整ここから**/
.column-grid .brand-link img {
  margin-bottom: -35px;
}
.column-grid .brand-link {
    text-align: right;
    margin-top: -10px;
    margin-right: 10px;
}

.home .column-grid .brand-link {
    text-align: right;
    margin-top: 10px;
    margin-right: 10px;
}

.home .column-grid .list {
    padding: 0px;
    padding-bottom: 50px;
    padding-top: 40px;
}


.home .column-grid .brand-link img {
    width: 65px;
    margin-bottom: 0px;
  }
.home .per {
  right: 10px;
}
/**ブランドタグ位置調整ここまで**/

#block-97 {
  margin-bottom: 0;
}

/***ヘッダースマホ画面の時カートアイコン非表示ここから***/
@media (max-width: 768px) {
    .incart.widgetcart .in {
      display: none;
    }
    }
/***ヘッダースマホ画面の時カートアイコン非表示ここまで***/


/***フォントここから***/
body {
  font-family:
    "Meiryo", "メイリオ",              /* Windows */
    "Hiragino Kaku Gothic ProN",       /* macOS 旧 */
    "Hiragino Sans",                   /* macOS 新 */
    "Yu Gothic", "YuGothic";          /* Windows/Android */
}
/***フォントここまで***/

/********** コーディネートページ割引時の見た目ここから *************/
.coord_item_list .price.is-sale { color:#d00000; font-weight:700; }
.coord_item_list .price.is-sale .field_cprice { color:#666; opacity:.7; text-decoration:line-through; }
/* 既存の auto_discount 用の指定より後ろに置くと確実に効きます */
.coord_item_list .item_detail .campaign_message {
  /* フォールバック（古いブラウザ向け） */
  margin-top: 8px!important;
  margin-bottom: 10px!important;
  
}
/********** コーディネートページ割引時の見た目ここまで *************/

.count-items {
  display: none;
}




aside .wp-block-image a img {
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, .125);
}