.input-prepend.input-append input {
  font-size: 24px;
  padding-top: 11px;
  padding-bottom: 11px;
  width: 100px;
  text-align: right;
}

.btn_orange {
    font-size: 1.4em;
    font-weight: bold;
    padding: 10px 30px;
    background-color: #cb7850;
    color: #fff;
    border-style: none;}

.btn_orange:hover {
    background-color: #dba185;
    color: #fff;
}

.item_content img{width:100%;height:auto;margin-bottom:10px;}
.item{margin-bottom:0;}

.d_none{display:none;}
.item_h3{font:normal 20px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;margin-bottom:10px;padding-bottom:10px;}
.item_h4{background:#00592a;border-radius:20px;color:#fff;padding:10px 0 10px 15px;}
.item_exp{display:block;padding-left:20px;}
.item_exp h4{font:normal 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;margin-bottom:15px;}
.kinsoku{overflow-wrap: break-word;}
.item_h ul{margin-left:0;padding-left:0;}
.item_h ul li{height:370px;}
.item_h ul li img{display:block;margin-bottom:10px;}
.item_h ul{border-bottom:2px dotted #00592a;padding:10px 0 20px 0;margin-bottom:20px;}
#option_tbl td input{float:left; margin:5px 5px 0 10px; width:auto;}
.s_table table{border-collapse:collapse;margin:10px auto 0;border-top:1px solid #ccc; border-left:1px solid #ccc;width:100%;}
.s_table th{ padding:5px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}

.s_table td tr{text-align:left;}
.s_table th,
.s_table td.none {background:#eaeadc;}
.s_table td {padding:5px;text-align:left;border-bottom:1px solid #ccc; border-right:1px solid #ccc;background:#eaeadc }
.stock_zero {color:red;}

@media only screen and (max-width: 680px) {
.item_exp{display:block;padding-left:0px;}
.item_h ul li{height:400px;}
}


#iframeBlock{
height:100%;
 
    .iframeBody{
    height:100%;
 
        iframe{
        border:none;
        width:100%;
        height:100%;
        padding:0;
        margin:0;
        }
    }
}
/*見出しボックス*/
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #00592a;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #00592a;
    color: #eaeadc;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 10; 
    padding: 10;
}




/*hr*/
hr.style6 {
	background-color: #fff;
	border-top: 2px dotted #00592a;
}

.center {
   text-align: center;
}

button.button5 {
    /* 文字サイズを1.4emに指定 */
    font-size: 1.4em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 10px 30px;

    /* 背景色を濃い青色に指定 */
    background-color: #00592a;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;

    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;
}

button.button5:hover {
    /* 背景色を明るい青色に指定 */
    background-color: #9d9969;

    /* 文字色を白色に指定 */
    color: #fff;
}

/*立体ボックス*/
.box11{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 10; 
    padding: 10;
}

/* Add:2018.02.01
--------------------------------------------------------------------- */
#requirement{width:100%;max-width:400px;margin:20px auto;padding:0 30px 30px;letter-spacing:3px;line-height:2;background:#eaeadc;box-sizing:border-box;box-shadow:2px 2px 10px #464e54}#requirement h4{margin:0 -30px 1em;color:#fff;font-size:20px;text-align:center;line-height:2.5;background:#00592a}#requirement div{display:flex;flex-direction:column;align-items:center}#requirement label{margin:.5em 0;font-size:18px;font-weight:bold;line-height:2}#requirement label::after{content:"cm"}#requirement input{color:#464e54;font-family:"Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,"ヒラノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif;line-height:2;letter-spacing:3px;border-radius:7px;font-size:18px;font-weight:bold}#requirement input[min]{width:5em;height:auto;margin:0 .5em;padding:0 .5em;border:1px solid #ccc;vertical-align:middle;-moz-appearance:textfield}#requirement input[min]::-webkit-outer-spin-button,#requirement input[min]::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}#requirement input[type=button]{display:block;margin:1em auto 0;padding:0 1em;color:#fff;border:0;background:#00592a;box-shadow:2px 2px 6px #464e54;cursor:pointer;outline:none;transition:.3s}#requirement input[type=button]:hover{color:#00592a;background:#c9bc9c}#requirement dl{flex-wrap:wrap;align-items:baseline;margin:2em 0 0;padding:20px 30px 0;border-radius:7px;background:#c9bc9c}#requirement dt,#requirement dd{margin:0 0 20px;font-weight:bold;line-height:2}#requirement dt::after,#requirement dd::after{font-size:20px}#requirement dt{width:7em;color:#00592a;font-size:18px}#requirement dd{width:calc(100% - (18px * 7));font-size:30px}#requirement #squ::after{content:"\0033a1"}#requirement #req::after{content:"\00338f"}@media(max-width:480px){#requirement dt{width:5em}#requirement dd{width:calc(100% - (18px * 5))}}

/*立体ボックス Add 2019.12.04*/
.sample_box8 {
    padding: 1em 1.5em;
    margin: 2em 0;
    background-color:#f4f9ff;/*背景色*/
    border:1px solid #84c1ff;/*枠線*/
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);/*影*/
    color:#000000;/*文字色*/
}
.sample_box8 p {
    margin: 0; 
    padding: 0;
}

.sample_box6 {
    padding: 1em 1.5em;
    margin: 2em 0;
    background-color:#f6faee;/*背景色*/
    border-left: solid 10px #6b8e23;/*左ライン*/
    color:#000000;/*文字色*/
}
.sample_box6 p {
    margin: 0; 
    padding: 0;
}







.grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.item {
  border-radius: 10px;
  background: #ffff;
  padding: 15px;
  text-align: center;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  text-align: left;
}
/*-----------------202410〜森作成ここから-----------------*/
/*//////商品詳細ページの全体的な設定//////*/
  /*商品詳細ページは必ずこれで括る*/
    .item_wrapper{
      width:100%;
    }
  /*文章の下は共通で1行マージン*/
    .item_wrapper p{
      margin-bottom:1em;
    }
  /*画像の下は共通で0.5行マージンで基本画像サイズ幅100%*/
    .item_wrapper img{
      margin-bottom:0.5em;
      width:100%;
    }
/*//////h2と該当ブロックの設定//////*/
    .item_section{
      margin-bottom:50px;
    }
  /*緑の点線が上下についた見出しh2*/
    .item_section h2{
      text-align:center;
      padding:15px 0px;
      border-top:2px dotted #00592a;
      border-bottom:2px dotted #00592a;
    }
/*//////h3と該当ブロックの設定//////*/
    .item_container{
      margin-bottom:30px;
    }
  /*緑の吹き出しの見出しh3*/
    .fukidashi{
      position:relative;
      padding:0.5em 0.7em;
      background:#00592a;
      color:white;
      font-weight:bold;
    }
    .fukidashi:after{
      position:absolute;
      content:'';
      top:100%;
      left:30px;
      border:15px solid transparent;
      border-top:15px solid  #00592a;
      width:0;
      height:0;
    }
  /*緑とクリーム色の付箋の見出しh3*/
    .fusen{
      padding:15px;
      margin:10px 0px;
      border-left:10px solid #00592A;
      background-color:#EAEADC;
    }
  /*背景に茶色の丸が付く見出しh3*/
    .circle-heading {
      font-size:30px;
      text-align: center;
      padding: 20px;
      background-image: radial-gradient(circle, #9d9969 100px, transparent 101px); /* 丸の色とサイズ */
      background-repeat: no-repeat;
      background-position: center;
    }
/*//////h4と該当ブロックの設定//////*/
    .item_inner{
      margin-bottom:20px;
    }
/*//////追加情報用のボックス//////*/
  .addinfobox{
    padding:20px;
    margin:0em 0em 1em 0em;
    color:#565656;
    background:#ebebdc;
    border-radius:8px;
  }
  .addinfobox h4{
   border-bottom:1px white solid;
   padding-bottom:10px;
  }
/*//////準備するもののリスト//////*/
  .prepareitems{
    font-size:14px;
  }
/*//////商品の注文はこちらのボタン//////*/
  .jump_orange_btn{
    display:block;
    font-size:1.4em;
    font-weight:bold;
    max-width: 200px;
    padding:10px 30px;
    background-color:#cb7850;
    color:#fff;
    border-style:none;
    margin:2em auto 0 auto;
    text-decoration: none;
    text-align:center;
    border-radius: 8px;
  }
  /* ホバー効果 */
  .jump_orange_btn:hover{
    background-color:#a6693a;
    text-decoration: none;
    transform: scale(1.05);
    color:#fff;
  }
/*//////折り畳み情報用のボックス//////*/
  .item_detail{
    padding:20px;
    background-color:#EAEADC;
    margin-bottom:20px;
  }
  .item_detail summary{
    font-weight:bold;
  }
  .item_detail hr{
    margin:10px 0px;
    border:1px white solid;
  }
  .item_detail_whitebox{
    background-color:#FFFFFF;
    padding:10px 5px;
  }
  .item_detail ol{
    border:none;
    text-align:left;
    margin:0px;
  }
/*//////お勧めの色rowボックスの細かい設定用//////*/
  /*画像の設定*/
    .row_color img{
      width:99%;
    }
  /*テキストの設定*/
    .row_color p{
      font-size:14px;
      width:99%;
      display:inline-bolck;
    }
    .row_color_inner{
      padding-bottom:20px;
    }
/*//////PCの時は横並び、スマホの時は一列のrowの設定//////*/
  /*画像の設定*/
    .row_setting1 img{
      width:99%;
    }
   /*見出し調整用*/
    .row_setting1 h4{
      margin:5px 0px 5px 0px;
      border-bottom: 1px solid #EEE;
      padding: 1em 0em;
    }
    /
  /*テキストの設定*/
    .row_setting1 p{
      display:inline-block;
      width:99%;
    }
/*//////セット内容詳細の表（このclass名をdivにいれると中のtableが上手く設定できる）//////*/
  .item_set_table{
    overflow-x: auto;
    overflow-y: auto;
    max-height:300px;
  }
  .item_set_table table{
    white-space: nowrap;
  }
  .item_set_table td{
    background: #FFF;
  }
  .item_set_table th{
    background:#DDD;
  }
/*//////見出し行が灰色の通常の表（画面幅になる）//////*/
  .normal_table{
    width:100%;
  }
  .normal_table td{
    background: #FFF;
  }
  .normal_table th{
    background:#DDD;
  }
  
/*//////簡易的な塗り方説明用のカード//////*/
  /* 全体のコンテナ */
  .card-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr); /* 1列 */
    padding: 20px 0px;
    gap:20px;
  }
  /* カード番号のスタイル */
  .card::before {
    content: attr(data-number); /* data-number属性の値を表示 */
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #00592A; /* バッジの背景色 */
    color: white; /* テキストの色 */
    font-size: 14px;
    font-weight: bold;
    padding: 5px 5px;
    border-radius: 50%; /* 丸い形にする */
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }
  /* 各カード */
  .card {
    position: relative;
    border: 1px solid #EEE;
    padding: 10px;
    display: flex;
    flex-direction: column; /* 画像とテキストが縦並び */
    width: 85%;
    box-sizing: border-box; /* パディングを含めてサイズを計算 */
    margin:auto;
  }
  @media (max-width: 768px) {
    /* スマホ表示 */
    .card {
      width: 100%;
    }
  }
/*//////使用上の注意ボックス//////*/
  .attention_box{
    margin:2em 0;
    background:#f1f1f1;
    box-shadow:0 2px 4px rgba(0, 0, 0, 0.22);
    border-top:7px #00592a solid;
    padding:20px;
  }
  .attention_box p li{
    font-size:14px;
  }
  .attention_box h3{
    border-bottom:3px white solid;
    padding:10px 0px;
  }
  .attention_box .item_detail{
    background:#f4f4f4;
  }
/*//////let's paint!のセクション//////*/
/*全体*/
  .letp_section{
    text-align: center;
    padding: 15px 0px;
    border-top: 2px dotted #00592a;
    border-bottom: 2px dotted #00592a;
    margin-bottom: 10px;
  }
/*let's paint!の見出し*/
  .letpaint{
    text-align: center;
    color: #00592a;
  }
  .letpaint_eng{
    font: 40px 'Dancing Script', cursive;
  }
/*let's paint!の色丸表*/
  .letp_col_samp{
    text-align: center;
  }
  .letp_col_samp table{
    width: 100%;
  }
  .letp_col_samp td{
    vertical-align: top;
    padding: 2px 7px;
    width: 20%;
  }
/*let's paint!の色丸表のテキスト*/
  .letp_col_samp p{
    font-size: 10px;
    text-align: left;
    display: inline-block;
    margin: 0 auto 10px auto;
  }
/*let's paint!の色スクエア*/
.letp_COLsmp {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-start;
}
.letp_COLsmp_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
}
.letp_COLsmp_item img {
  max-width: 100%;
  height: auto;
  margin-bottom: 5px;
}
.letp_COLsmp p {
  font-size: 10px;
  text-align: left;
  display: inline-block;
  margin: 0 auto 10px auto;
}
/*let's paint!の色スクエアのスマートフォン用の列数*/
@media (max-width: 767px) {
  .letp_COLsmp_item {
    flex-basis: calc(25% - 7.5px);
  }
}
/*let's paint!の色スクエアのPC用の列数*/
@media (min-width: 768px) {
  .letp_COLsmp_item {
    flex-basis: calc(12.5% - 8.75px); /* gap: 10px の場合 */
  }
}
/*//////緑の枠線のボタン//////*/
  .border_btn {
    display: block;
    max-width: 300px;
    border: solid 1px #00592a;
    padding: 15px 50px;
    margin: 0 auto;
    text-align: center;
    color: #00592a;
    background-color: #ffffff;
    text-decoration: none;
    border-radius: 8px;
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
  }
  /* ホバー時のエフェクト */
  .border_btn:hover {
    background-color: #00592a;
    color: #ffffff;
    text-decoration: none;
    transform: scale(1.05);
  }
/*//////pointとつく文字あしらい//////*/
  .point-txt {
    --border-color: #9d9969;
    --background-color: #ebebdc;
    --tab-background-color: #9d9969;
    display: inline-block;
    position: relative;
    border-top: 2px solid var(--border-color);
    border-bottom: 2px solid var(--border-color);
    background: var(--background-color);
    line-height: 1.4;
    padding: 0.4em 0.5em;
    margin: 2em 0 0.5em;
    letter-spacing: 0.1em;
    font-weight: bold;
  }
  .point-txt::after {
    content: 'POINT';
    position: absolute;
    background: var(--tab-background-color);
    color: #fff;
    left: 0;
    bottom: 100%;
    border-radius: 5px 5px 0 0;
    padding: 5px 7px 3px;
    font-size: 0.7em;
    letter-spacing: 0.05em;
  }
/*//////使用上の注意の文字サイズ//////*/
  .precautions_for_use_txt{
    font-size: 0.9em;
  }
/*//////item_detailのClickの文字サイズ//////*/
  .click_check_txt{
    font-size: 0.83em;
  }
  
/*//////f59と合わせて使用するプルダウンボックス//////*/
  /*プルダウンボックス*/
  .bl_selectToggle_wrapper{
    margin: 10px 0 20px;
  }

/*//////スマホでのみ表示//////*/
@media screen and (min-width: 750px) {
  .sm {
    display: none;
  }
}

/*//////お悩みではないですか？の灰色ボックス//////*/
  .onayami-box {
    background-color: #f1f1f1;
    padding:20px;
    text-align:center;
  }
  .onayami-box ul {
    text-align: left;
    display: inline-block;
    line-height: 2.0;
    margin-top: 1em;
  }
/*//////見出しではないが強調したい文字-文字の背景に丸//////*/
  .circle_heading{
    position: relative;
    color: #444;
    display: inline-block;
    margin: 47px 0;
    font-weight: bold;
    font-size:28px;
    text-align:center;
    letter-spacing:1px;
  }
  .circle_heading:before {
    content: "";
    position: absolute;
    background: #ebebdc;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1;
  }
/*//////パンくずグループタグリスト//////*/
  .sbd-taglist a {
      border: 1px solid #DDD;
      background: none repeat scroll #F8F8F8;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
      border-radius: 5px 5px 5px 5px;
      color: #333;
      display: inline-block;
      font-size: 12px;
      margin-bottom: 3px;
      padding: 5px 5px;
      text-decoration: none;
  }
  .sbd-taglist a:hover{
      text-decoration: none;
      opacity: 0.7;
  }
/*//////モルクラセット概要の表//////*/
  .morctable td{
    text-align: center;
    vertical-align: middle;
  }
  .circle {
    font-size: 24px;
  }
  @media(max-width:750px){
    .tategaki{
      writing-mode: vertical-rl;
    }
  }
/*//////商品ページ冒頭の簡易説明文//////*/
  .SDesc{
    text-align: center;
    font-weight: bold;
    font-size: 1.17em;
  }
  .SDesc2{
    padding-top: 1em;
    text-align: left;
    font-weight: normal;
    font-size: 15px;
    display: inline-block;
    margin: auto;
  }
/*-----------------202410〜森作成ここまで-----------------*/