@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; */
}

  /* コピーボタン　テンプレにも追加必要 */
  /* button初期化
  button {
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
   */
.c_button {
  background-color: #efede6;
  border: solid 1px rgb(177,164,157);
  color: rgb(177,164,157);
  border-radius: 3px;
  text-decoration: none;
  font-size: 1em;
/*   box-shadow: 0 2px 0 var(--bgcolor-body); */
  box-shadow: 0 2px 0 rgb(177,164,157);
  display: inline-flex;                /* ←ここをflexに変更！ */
  align-items: center;                 /* ←これで上下中央寄せ */
  justify-content: center;             /* ←左右中央寄せ（必要なら） */
  transition: .3s;
  height: 24px;
  margin: 0 3px 0 3px;
  padding: 0 4px;                      /* 上下0px, 左右8pxなど */
}
.c_button:hover {
  color: black;
  transform: translateY(5px);
  box-shadow: 0 0 0 var(--bgcolor-body);
}

  /* 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;*/
    border-radius: 9999px; /* 両端を丸くする */
    vertical-align: middle; 
    /*font-weight: bold;*/
	text-decoration: none ;
  }
.pill-label a {
	text-decoration: none ;	
}

.shohin-label {
    background-color: #ffd644;
    color: #000000;
	font-weight:normal; 
	font-size: 14px;

}
.shohin-label:hover {
    background-color: #f7c204;
	color: var(--color-base); 	
}

/*  */
/* style="display: flex; justify-content: center;" 　marathon*/
.marathon-label {
	background-color: rgb(0, 161, 207);
	font-weight:bold; 
	color: whitesmoke; 
	font-size: 17px;
}
/* .marathon-label a{
	text-decoration: none ;	
	color: whitesmoke 
} */
.marathon-label:hover, .marathon-label a:hover {
	background-color: rgba(0, 161, 207, 0.6);
	color: whitesmoke;
}

/*  */

  /* 両端を丸くする 「商品ページ」に使用 ここまで*/

  /* 先頭に絵文字で、折り返し絵文字以降にインデット */
  /* 基本形 */
  /*  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;
}
a.full-label:hover{
	background: rgb(166, 201, 163, 0.8);
	color: whitesmoke;
}
/*/横幅いっぱいのラベル */

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: 1em;
  height: 1em;
/*   background-image: url("https://dddiscount01.com/wp-content/uploads/2025/06/open_in_new_171.png"); */
  background-image: url("https://dddiscount01.com/wp-content/uploads/2025/07/new_window.png");
/*   background-image: url("https://dddiscount01.com/wp-content/uploads/2025/07/open_in_new_48dp_RGBA82_49_30_-08.png"); */
  background-size: contain;
  background-repeat: no-repeat;
  /*vertical-align:top;*/
  margin-left: 1px; /* 任意で調整 */
  /*top: -2px;  ← ここで「ちょっと上」に調整 }*/
}
/* /リンク下線・画像あり */

/*  */
/*  */
.link-internal {
  text-decoration: underline;
}
.link-internal::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("https://dddiscount01.com/wp-content/uploads/2025/06/yazirushi_shita_48.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 1px; /* 任意で調整 */
/*   vertical-align: text-bottom; */
  margin-bottom: -0.25em; 
}

/*  */
/*  */


/* 個別記事の大外の色 */
.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% !important; /* 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: 14px !important;
	padding-right: 7px;
}
/* 左寄せ下に隙間 */
.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-row-zero {
  gap: 0em;
}

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

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

/* スペーサー px分プラスマイナス */
/* ブロックエディターでスペーサーブロックを発見。そちらを使うことになりそう */
/* aria-hidden="true" */
.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;
  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;
}

/* 商品タイトル */
.proc-title {
  font-size: 103%; 
  font-weight:bold; 
  text-decoration: none; 
  line-height: 1.3em;
  padding-right: 7px;
}

/* 実質無料の金額部分 */
.proc-price-row {
  display: flex !important;
  align-items: center !important;
  font-size: 0.9em;    
  gap: 0.6em;
	margin-bottom: 1em !important;
	justify-content: center;  /* ←必要なら */
}
.proc-price {
  font-weight: 500;
  font-size: 1.6em;  
}
.proc-price-row p {
  margin: 0 !important;
  padding: 0 !important;
}

/* 横並びカラム比率 */
.img-clm-width {
	width:30%;
}
.dtl-clm-width {
	width:65%;
}

/* 管理画面では見える、公開ページでは消える */
.editor-memo {
  background: repeating-linear-gradient(-45deg, #fffbe6, #fffbe6 10px, #ffe066 10px, #ffe066 20px);
  border: 3px solid #ff5a36;
  color: #333;
  font-size: 1.15em;
  font-weight: bold;
  padding: 1em 1.5em;
  margin: 2em 0;
  border-radius: 10px;
  box-shadow: 0 0 8px #ffaf6b;
  position: relative;
  z-index: 1000;
}
.editor-memo::before {
  content: "📝 編集者メモ（公開ページ非表示）";
  display: block;
  color: #ff5a36;
  font-size: 0.95em;
  margin-bottom: 0.5em;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-shadow: 1px 1px 2px #fffbe6, 1px 1px 0 #fff;
}
body:not(.wp-admin) .editor-memo {
  display: none !important;
}

/* ダブルポイントラベル */
.double-point {
    font-size: 100%;  
	text-decoration: none; 
	background-color: rgb(213, 27, 27); 
	padding: 0px 5px; 
	color: rgb(255, 255, 255); 
	font-weight:550;
}

/* gap 0 */
.og-gap-zero {
	gap: 0px;
}
.og-gap-5 {
	gap: 5px;
}

/* 標準のAmazon商品リンクに文言追加 */
.product-item-price::after {
  content: "※クーポン、定期や会員限定割引などは適用されていない通常価格です。";
  display: block;
  color: rgb(89, 89, 84, 0.9);
  font-size: 0.9em;
  margin-top: 0.3em;
	margin: 0.2em;
  font-weight: normal;
  line-height: 1.3;
}

/* 重ね掛け売切れラベル */
.soldout-wrap {
  position: relative;
  display: inline-block;
}
.soldout-wrap::after {
/*   content: "SOLD OUT"; */
	content: "売切れ";
  position: absolute;
/*   top: 18px; */
/*   left: -48px; */
	top: 30%;
	left: -7%;
  display: block;
  width: 180px;
  text-align: center;
  font-size: 2em;
  font-weight: bold;
  color: #ff2222;
  border: 4px solid #ff2222;
  background: rgba(255,255,255,0.85);
  transform: rotate(-12deg);
  letter-spacing: 0.1em;
  box-sizing: border-box;
/*   padding: 8px 0; */
	padding: 2px 0;
  z-index: 3;
  pointer-events: none;
  opacity: 0.98;
  border-radius: 8px;
  text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff;
}

/* ポイントで実質 */
.zisshitsu_mu {
	margin-bottom: 0px;	
	line-height:0.7;
	gap: 0;
}

/* テーブルのヘッダーを中央に */
.center-head-table th {
    text-align: center !important;
}
.center-head-table tbody tr:nth-child(5) {
    background-color: #ffe7a5;
}
.center-head-table-3 th {
    text-align: center !important;
}
.center-head-table-3 tbody tr:nth-child(3) {
    background-color: #ffe7a5;
}

/* 非表示 */
.dsp-none {
	display: none;
}


/*  */
/*  */

/*  */
/*  */

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

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

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