@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* 色 */
/* 参考までほぼ未使用 */
    --bgcolor-body: rgb(177,164,157);/* ブログ背景色(青) */
    --bgcolor-content: rgb(238,236,229);/* コンテンツ背景色(肌色) */

/*     --bgcolor-content: #efede6;/* コンテンツ背景色(肌色) */ 

/* 文字・リンク色 等 */
    --color-base: rgb(10,10,10);/* テキスト基本色(黒), --bgcolor-body反対色を指定 */
    --color-base-pale: rgb(70,70,70);/* --color-baseよりも薄めの色 */
    --color-content: var(--color-base);/* --bgcolor-content反対色 */

    --color-link: rgb(82,49,30);/* リンク(茶) --bgcolor-body との視認性を考慮 */
    --color-link-reverse: rgb(240,240,240);/* リンク反対色(白) */
    --color-link-content: rgb(103,70,51);/* リンク(茶) --bgcolor-content との視認性を考慮 */

    --color-link-visited-active: "";/* 訪問済チェックマーク有効化, 無効にするならこの一行削除 */
    --color-link-visited: rgb(115,174,76);/* 訪問済チェックマーク色 (緑), 検索結果及び全記事リストのみ表示 */

    --color-dominant: rgb(136,158,171);/* ドミナントカラー(青) */
    --color-dominant-reverse: rgb(10,10,10);/* ドミナントカラー反対色(黒) */

    --color-sub: rgb(143,110,91);/* サブカラー(濃いめ肌色) */
    --color-sub-reverse: white;/* サブカラー反対色(白) */

    --navi-search-input-border: rgb(100,100,100);/* 検索ボックス ボーダー */
    --navi-search-input-bgcolor: rgb(240,240,240);/* 検索ボックス 背景色(白) */
    --navi-search-input-color: rgb(51,51,51);/* 検索ボックス 文字色(黒) */

    --navi-search-placeholder-font_size: 1.2rem;/* 検索ボックス　プレースホルダー文字大きさ */
    --navi-search-placeholder-color: rgb(120,120,120);/* 検索ボックス　プレースホルダー文字色 */

	    /* 記事 */
    --entry-margin-vertical: 40px;/* ヘッダー・記事・フッター 間の上下余白 */
    --entry-bgcolor: var(--bgcolor-content);/* 背景色 */
    --entry-color: var(--color-content);/* 文字色 */

	--grid-time-bgcolor: rgba(143,110,91,.8);/* 日付背景色 */
    --entry-tag-border-color: rgba(51,51,51,.2);/* タグ ボーダー色 */
    --entry-tag-bgcolor: transparent;/* 背景色(無色) */
    --entry-tag-color: var(--entry-color);/* 文字色 */
/* /色 */


/* タグの装飾 20250613add */
/* .entry-card-tags {
  margin-top: 8px;
}
.entry-card-tag-link {
  display: inline-block;
  margin-right: 6px;
  color: #337ab7;
  text-decoration: none;
  font-size: 0.93em;
  background: #f4f4f4;
  border-radius: 3px;
  padding: 2px 7px;
  transition: background 0.2s;
}
.entry-card-tag-link:hover {
  background: #d9f2ff;
  color: #005580;
} */
/* /タグの装飾 20250613add */
/*  */
/* トップ画像下タグ サイドバー風寄せ・横並び・アイコン黒 */
.entry-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 8px;
  margin: 0;
  padding: 0;
  align-items:flex-end;
}
.entry-card-tag-link {
  display: inline-flex;
  align-items: center;
/*   background: #fff; */
  color: #222;
/*   border: 1px solid #ededed; */
  border: 1px solid #b1a49d;
/* #b1a49d */
  border-radius: 2px;
/*   font-size: 13px; */
  font-size: 12px;
  line-height: 1.7;
  margin: 2px 4px 2px 0;
  padding: 3px 10px 3px 8px;
  text-decoration: none;
  box-sizing: border-box;
  font-weight: 400;
  transition: background 0.18s, border-color 0.18s;
}
.entry-card-tag-link::before {
  content: "\f02b";
/*   font-family: "FontAwesome"; */
  font-family: "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900; /* ← Solid用（FA5） */
  margin-right: 8px;
/*   font-size: 13px; */
  font-size: 12px;
  color: #222;  /* ←アイコンを濃いグレーに */
}
.entry-card-tag-link:hover {
/* rgb(136,158,171) */
/*   background: #f3f3f3; */
  background: rgb(136,158,171);
/*   color: #006060; */
  color: #222;
/*   border-color: #b1d4d4; */
}


/*  */



  /* ed 250415 add コピーボタン　テンプレにも追加必要 s */
  /* button初期化
  button {
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
   */
  .c_button {
     background-color: whitesmoke;
    border: solid 1px var(--bgcolor-body);
    color: var(--bgcolor-body);
    border-radius: 3px;
    padding: 0.5px 3px;
    text-decoration: none;
    font-size: 1em;
    box-shadow: 0 2px 0 var(--bgcolor-body);
    display: inline-block;
    transition: .3s;
    height: 24px;
    margin: 0 3px 0 3px;
  }
  .c_button:hover {
    color: black;
    transform: translateY(5px);
    box-shadow: 0 0 0 var(--bgcolor-body);
  }
  /* ed 250415 add コピーボタン ここまで */

  /* ed 250415 add s プロフィール画像を丸く */
  .plugin-myimage {
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    overflow: hidden;
    z-index: 0;
  }
  /* ed 250415 add e */
  /* ed 250417 add s 個別記事の価格部分 */
  .price-row {
    display: flex;
    gap: 1px;
    align-items: center;
  }

  .price-row+.price-row {
    margin-top: 1px;
  }

  .price-item {
    padding: 1px;
  }

  .price-item:nth-child(1) {
    width: 100px;
  }

  .price-item:nth-child(2) {
    width: 40px;
  }

  .price-item:nth-child(3) {
    width: 100px;
      }    
  .price-item:nth-child(4) {
    width: 65px;
      }    
  /* ed 250417 add e 個別記事の価格部分 */


/* タグ風見出し ed2025/05/25～ */
  /* PickUp 基本型*/
  /*width:89px;*/
  /*  line-height: 1.0;  行間を狭める例 */
  ul.PickUp, ol.PickUp {
    position: relative;
    display: inline-block;
    font-family: 'Segoe UI Black',sans-serif;
    margin: 3px 0 3px 0; 
    padding: 0 0 0 0;
    /*font-size: 110%;*/
    font-size: 105%;
    /*font-family: 'Yu Gothic UI',sans-serif;*/
    /*font-weight:bold;*/
    /*font-family: "Hiragino Sans","ヒラギノ角ゴシック"; */
    font-weight: 900;
    /*font-family: "Toppan Bunkyu Midashi Gothic","凸版文久見出しゴシック";*/
  }
  ul li.PickUp, ol li.PickUp{
    color: black;
    border-left: solid 8px orange;/*左側の線*/
    /* background: whitesmoke;/*背景色*/
    background: #fffcf7;/*背景色*/

    margin-bottom: 5px;/*下のバーとの余白*/
    line-height: 0.4;
    border-radius: 0 15px 15px 0;/*右側の角だけ丸く*/
    padding: 0.65em;
    list-style-type: none!important;
  }

  /*promotion*/
  ul li.promotion, ol li.promotion{
    /*border-left: solid 8px #ff0b00;/*左側の線*/
    border-left: solid 8px #C95A3A;/*左側の線*/
  }
  /*OtherSearch*/
  ul li.OtherSearch, ol li.OtherSearch{
    /*border-left: solid 8px #4fcaf2;/*左側の線*/
    border-left: solid 8px #89B8C2;/*左側の線*/
  }
/*
1. グリーン系（安心感・控えめな目立ち）
#79B29B（落ち着いたグリーン）
商品画像や自然・やさしい雰囲気に合いやすいです
#A6C9A3（やや淡いグリーン）
2. オレンジ・ブラウン系（温かみ・優しさ）
#D3A96C（ミルクティーオレンジ）
#C8A27C（明るめのカフェオレブラウン）
3. ブルー系（知的・すっきり）
#6BA4C1（柔らかいブルーグレー）
#89B8C2（淡い水色系）
4. 差し色として赤・ゴールドを使いたいとき（使いすぎ注意）
#C95A3A（やや淡いレンガ赤）
#C0A868（くすみゴールド）
*/
  /* タグ風見出し ed2025/05/25～ ここまで */

  /* 両端を丸くする 「商品ページ」に使用 */
  .pill-label {
    display: inline-block;
    /*padding: 0.5em 1.5em;*/
    padding:  0.2em 1.5em 0.2em 1.5em ;
    /*background-color: #fbdf48;*/
    background-color: #ffd644;
    color: #000000;
    border-radius: 9999px; /* 両端を丸くする */
    font-size: 12px;
    vertical-align: middle; 
    /*font-weight: bold;*/
  }

  .pill-label:hover {
    background-color: #f7c204;
  }
  /* 両端を丸くする 「商品ページ」に使用 ここまで*/

  /* 先頭に絵文字で、折り返し絵文字以降にインデット */
  /* 基本形 */
  /*  list-style-type: none!important;*/
  .emoji-bef {
    list-style: none !important;
    padding: 0;
    margin: 0;
    padding-left: 0 !important;
    margin-top: 1px !important;
    color: var(--color-base);
  }
  .emoji-bef li {
    position: relative;
    /*padding-left: 2em;*/
    padding-left: 26px;
    /*margin-bottom: 1em;*/
    margin-bottom: 8px;
    line-height: 1.6;
    word-break: break-word;
    /*display: inline-block;*/
    display: block; 
    text-align: left;
  }

  .emoji-bef li::before {
    /*content: "✅";*/
    position: absolute;
    left: 0;
    /*top: 0.1em;*/
    font-size: 1.1em;
    margin-right: .1em;
  }
.emoji-bef li::after {
  content: "";
  display: block;
}  
  /* 基本形 ここまで */

  /* チェックリスト */
  .emj-check-list li::before {
    content: "✅";
  }
  /* カレンダー */
  .emj-calendar li::before {
    content: "📅";
    margin-right: .1em;
  }
  /* 目玉 */
  .emj-medama li::before {
    content: "👀";
  }
  /* ひし形  #C95A3A #C0A868 #ff0b00*/
  .emj-hishigata li {
    padding-left: 21px;
  }
  .emj-hishigata li::before {
    content: "◆";
    color:  #C95A3A;
  }
  /* ピコん */
  .emj-pikon li::before {
    content: "💡";
  }
  /* ベル */
  .emj-bell li::before {
    content: "🔔";
  }
  /* ※ */
  .emj-jpAsterisk li::before {
    content: "※";
  }
  /* ・ */
  .emj-chuten li::before {
    content: "・";
  }
  /* 左指 */
  .emj-hidari-yubi li::before {
    content: "👈";
  }
/* 先頭に絵文字で、折り返し絵文字以降にインデット ここまで */

/* 最終日 */
.lbl-finalDay{
    background: #e63946; 
    color: #fff; font-weight: 
    bold; border-radius: 999px; 
    padding: 1px 9px 1px 9px; 
    font-size: 86%; 
    /*margin-right: 4px; */
    display: inline-block;
}
/* 楽券 */
.rakken-label {
  display: inline-flex;
  align-items: center;
  background: #b50000;      /* 楽天風の赤 */
  /*padding: 0.2em 1.2em 0.2em 0.6em;*/
  padding: 0.2em 0.5em 0.2em 0.5em;
  border-radius: 0.4em;
}
.rakken-text {
  background: #fff;
  /*color: #b50000;*/ /* リンクでどうしても前出の a タグ設定が反映してしまうので直書きした */
  font-weight: bold;
  /*font-size: 1.9em;*/
  font-size: 130%;
  padding: 0.14em 0.7em;
  border-radius: 0.15em;
  /*margin-right: 0.3em;*/
  letter-spacing: 0.2em;
}
/*/楽券 */

/* 横幅いっぱいのラベル */
.full-label {
  width: 100%;              /* 横幅いっぱい */
  /* background: orange;      /* 好きな色に変更可能 */
  background: #A6C9A3;      /* 淡い緑（ねこの背景の草色系） */
  border-radius: 6px;       /* 角丸 */
  color: #fff;              /* テキスト白 */
  font-weight: bold;        /* 太字 */
  font-size: 125%;          /* お好みで */
  /* padding: 12px 10px;       /* 上下・左右の余白 */
  /* padding: 5px 10px;       /* 上下・左右の余白 */
  padding: 2px 1px;       /* 上下・左右の余白 */
  margin-bottom: 10px;      /* 下に隙間 */
  box-sizing: border-box;   /* パディング込みで幅を調整 */
  text-align: center;
  font-family: 'Segoe UI Black',sans-serif;
}
/*/横幅いっぱいのラベル */

hr {
  border: none;          /* デフォルトの立体効果を消す */
  height: 2px;           /* 太さ（高さ）を指定 */
  /* background: #68aab0;   /* 好きな色 */
  background: var(--bgcolor-body);   /* 好きな色 */
  /* margin: 16px 0;        /* 上下の余白 */
}
/*--bgcolor-body*/

/* ボックス 商品情報で使用 baseは主にKindle */ 
.box-base {
  background: #F8F5F1;       /* アイボリー系でやわらかく */
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(180,150,120,0.05);
  /*padding: 18px;*/
  padding: 15px 1px 12px 10px;
  margin-bottom: 15px;
}
.box-sItem {
  /*padding: 15px 15px 15px 15px;*/
  padding: 15px 15px 8px 15px;
}

/*/ボックス 商品情報で使用 */ 

/* 補足 */
.note-box {
  border: 1px solid #E3E0DA;
  background: #FBFAF8;
  color: #555;
  border-radius: 8px;
  /*padding: 13px 15px;*/
  padding: 15px 15px 8px 15px;
/*   font-size: 14.5px; */
  margin-bottom: 12px;
}
.inline-label {
  display: inline-block;
  background: #DDD6CE;
  color: #675D50;
  font-size: 13px;
  border-radius: 4px;
  padding: 2px 7px;
  margin-right: 6px;
  margin-bottom: 5px;
  vertical-align: middle;
}
/*/補足 */
/*campaign*/
.label-cpn {
  display: inline-block;
  background: #DDD6CE;
  /*color: #675D50;*/
  color: var(--color-base);
  font-size: 110%;
  border-radius: 4px;
  padding: 2px 7px;
  margin-right: 6px;
  vertical-align: middle;
  font-weight:bold;
}

/* キャンペーン概要ボックス */
.campaign-box {
  /*background: #fff9e3;*/
  background: #fffcf2;
  /*border: 1px solid #ffecb3;*/
  border: 1px solid #fff0c2;
  border-radius: 10px;
  /*padding: 18px 22px;*/
  padding: 15px 15px 8px 15px;
  margin: 15px 0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  /*color: #534000;*/
  color: var(--color-base);
}
/* /キャンペーン概要ボックス */

/* ご案内 */
.pvt-info-box {
  background: #F4F3EF;         /* ごく淡いグレーやベージュ */
  color: #5A5A54;              /* 濃いグレーの文字色 */
  border-left: 6px solid #C1B6A6; /* サイドにだけ色（アクセント） */
  border-radius: 12px;
  /*padding: 16px 18px;*/
/*   padding: 13px 15px; */
  padding: 12px 10px;
  margin-bottom: 18px;
  font-size: 15px;
  box-shadow: none;            /* 商品ボックスより落ち着いた雰囲気 */
}

/* インフォメーション画像 */
.circle-bg {
  background: #F4F3EF;         /* ごく淡いグレーやベージュ */
  border-radius: 50%;
  padding: 6px;             /* アイコンの周りの余白 */
  display: inline-block;
/*   width: 36px;
  height: 36px; */
  width: 32px;
  height: 32px;
  object-fit: contain;
  vertical-align:center;
}

/*/ご案内 */

/* pick upの個別枠 */
.pickup-dtl {
  width:98%; display: inline-block;  
  vertical-align: top;  
  /*margin: 0px 0px 0px 0px; */
  /*padding: 0px 0px 0px 0px; */
}
/*/pick upの個別枠 */
/* pick upグループ */
.pickup-gp {
  text-align:center;
}

/* リンク下線・画像あり */
.link-underLine {
  text-decoration: underline;
}

.link-underLine::after {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url("https://dddiscount01.com/wp-content/uploads/2025/06/open_in_new_171.png");
  background-size: contain;
  background-repeat: no-repeat;
  /*vertical-align:top;*/
  margin-left: 1px; /* 任意で調整 */
  /*top: -2px;  ← ここで「ちょっと上」に調整 }*/
}
/* /リンク下線・画像あり */

/* 個別記事の大外の色 */
.single main {
  background: #efede6; 
}
/* /個別記事の大外の色 */

/* 個別記事金額欄 */
.ds-rate { /* -●% */
/*   font-size: 170%; */
/*   font-size: 1.6em; */
  font-size: 160%;
  color: rgb(255, 0, 0);
}

.dsd-price { /* 販売価格 */
/*   font-size: 174%; */
/*   font-weight:500; */
  font-size: 180%; /* FC2は180%、WPは174%でもほぼ同じ */
  font-weight: 500;
/*   font-family: 'Helvetica Neue', 'Segoe UI', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', YuGothic, Meiryo, 'Yu Gothic', sans-serif; */
}


.reference-price-txit { /* 参考価格文字列 */
  font-size: 90%;
}
.reference-price { /* 参考価格金額 */
  font-size: 90%;
  text-decoration: line-through; 
}
/* /個別記事金額欄 */

/* フォントサイズ ブロックエディター対応用 */
.font-s-per80 { 
    font-size: 80%; 
}
.font-s-per90 { 
    font-size: 90%; 
}

/* パディングレフト20px */
.pad-left { 
  	padding-left: 20px !important;
}
/* 左寄せ下に隙間 */
.left-bottom { 
  	padding-left: 20px !important;
	margin-bottom:15px !important;
}

/* 商品ページ以下の文言 */
.shohinLbl-under { 
	font-size: 75%; 
	color: #71706e;
  	padding-left: 20px !important;
}
/* 商品ページ以下の文言 */
.hosoku-under { 
	font-size: 88%; 
  	padding-left: 20px !important;
}

/* 横並び（Row/行）ブロックのギャップ縮小 */
.compact-row {
  gap: 0.4em !important;
}

/* 段落ブロックの下マージンを小さくする */
.compact-paragraph {
  margin-bottom: -100px !important;
}

.line-ajs {
  margin-top: 0.1em !important;
}

/* スペーサー px分プラスマイナス */
.pvt-block-spacer-1 {
  margin-top: -1px !important;
/*   margin-bottom: -1px !important; */
/*   display: none; */
  opacity:0.5 !important;
  font-size: 0.5em !important; 
}
.pvt-block-spacer-15 {
  margin-top: -15px !important;
/*   margin-bottom: -15px !important; */
/*   display: none; */
  opacity:0.5 !important;
  font-size: 0.5em !important; 
}
.pvt-block-spacer-group {
/* .pvt-group { */
/*   margin-top: 100px !important; */
  margin-top: 14px !important;
/*   margin-bottom: -1px !important; */
/*   display: none; */
  opacity:0.5 !important;
  font-size: 0.5em !important; 
}
.pvt-block-spacer-areaB {
/*   margin-top: 100px !important; */
  margin-top: 15px !important;
/*   margin-bottom: -1px !important; */
/*   display: none; */
  opacity:0.5 !important;
  font-size: 0.5em !important; 
}

/* 個別記事タイトル */
.entry-title {
  text-align:center;
}

/*  */

/*  */



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}