.elementor-255 .elementor-element.elementor-element-9fd121f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-255 .elementor-element.elementor-element-6eb14da{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-255 .elementor-element.elementor-element-2bd7c14{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-29f4943 */.has-scroll-hint::before{
  content: "→ 横にスクロールできます";
  display: block;
  font-size: 12px;
  color: #888;
  margin: 0 0 5px;
}

.still-table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  max-width:100%;
}


.still-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width:780px; 
  font-size:14px;
  line-height:1.55;
  background:#fff;
  z-index:2;
}

.still-table th,
.still-table td{
  padding:12px 10px;
  border-bottom:1px solid rgba(0,0,0,.08);
  border-right:1px solid rgba(0,0,0,.08);
  text-align:center;
  vertical-align:middle;
  white-space:normal;   
}


.still-table thead th {
    position: sticky;
    top: 0;
    background: #fafafa;
    z-index: 2;
    font-weight: 600;
    text-align: center;
    padding: 35px 1px 11px 2px;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    white-space: nowrap;
}



.still-table tr > *:first-child{ border-left:1px solid rgba(0,0,0,.08); }
.still-table thead tr:first-child > *{ border-top:1px solid rgba(0,0,0,.08); }

.still-table thead th{
  position:sticky;
  top:0;
  z-index:3;
  background:#fafafa;
  font-weight:700;
  white-space:nowrap;
}

  .still-table-wrap .still-table{
    table-layout: fixed !important;
  }

  .still-table-wrap .still-table th,
  .still-table-wrap .still-table td{
    overflow: hidden !important;
  }

  .still-table-wrap .still-table thead th{
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }


.prod-img{
  display:block;
  width:120px;
  height:auto;
  margin:0 auto 2px;
  border-radius:10px;
  }
  
.prod-name{
  font-weight:700;
  font-size:13px;
  white-space:normal;    
  word-break:break-word;
  line-height:1.35;
}


.still-table tbody th.row-head{
  position:sticky;
  left:0;
  z-index:2;
  background:#fff;
  width:111px;
  min-width:90px;
  max-width:111px;

  text-align:center;
  font-weight:700;
  white-space:normal;   
  word-break:break-word;  
  line-height:1.35;

  padding:10px 6px;
}


.still-table thead th.col-item{
  position:sticky;
  left:0;
  z-index:4;
  background:#fafafa;
  width:111px;
  min-width:90px;
  max-width:111px;
}


.still-table tbody tr:nth-child(even) td{ background:#fcfcfc; }
.still-table tbody tr:nth-child(even) th.row-head{ background:#fcfcfc; }


.still-table .col-featured{
  background:#fffdf7 !important;
}
.still-table thead th.col-featured{
  background:#fff7e8 !important;
}
.badge{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
  margin:0 0 8px;
}


.note{
  margin-top:6px;
  font-size:12px;
  opacity:.86;
  white-space:normal;   
  word-break:break-word;
  line-height:1.35;
}


.mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:999px;
  margin:0 auto;
  user-select:none;
  font-weight:800;
  line-height:1;
}


.mark.double{
  position:relative;
  border:2px solid #e84c6a;
  background:transparent;
}
.mark.double::after{
  content:"";
  width:12px;
  height:12px;
  border-radius:999px;
  background:#e84c6a;
}


.mark.circle{
  border:2px solid #e84c6a;
  background:rgba(232, 76, 106, 0.08);
}


.mark-triangle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 40px;
  height: 36px;
}

.mark-triangle .tri{
  width: 18px;
  height: 18px;
  display:block;
}

.mark-triangle .tri path{
  fill: #f2c94c;
}


.mark.cross{
  color:#666;
  background:#eee;
  border:1px solid #ddd;
  font-size:15px;
}


.official-btn{
  display:inline-block;
  padding:2px 6px;   
  font-size:12px;
  font-weight:700;
  border-radius:6px;
  text-decoration:none;
  background:#8f8cf0;
  color:#fff;
  white-space:nowrap;
}
.official-btn:hover{ opacity:.88; }

a.official-btn{
  color: #fff;
}
a.official-btn:visited{
  color: #fff;
}
a.official-btn:hover,
a.official-btn:focus{
  color: #fff;
}

.still-table tbody tr:nth-child(5) td,
.still-table tbody tr:nth-child(6) td{
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: break-word;

  overflow: visible !important;
  text-overflow: clip !important;
}


@media (max-width:768px){


  .still-table{
    font-size:12px;
    line-height:1.45;
    min-width:540px;  
      z-index:2;
  }


  .still-table th,
  .still-table td{
    padding:8px 6px;
    white-space:normal;   
  }


  .still-table tbody th.row-head,
  .still-table thead th.col-item{
    width:11px;
    min-width:11px;
    max-width:55px;
    font-size:12px;
    padding:8px 4px;
    white-space:normal;   
  }


  .prod-img{
    width:92px;
    margin-bottom:6px;
    border-radius:8px;
  }
  
 
  
  .prod-name{
    font-size:12px;
  }

  .mark{
    width:24px;
    height:24px;
  }
  .mark.double::after{
    width:10px;
    height:10px;
  }

  .note{
    font-size:11px;
    margin-top:4px;
  }

  .official-btn{
    font-size:11px;
    padding:3px 3px;
    border-radius:6px;
  }
}



@media screen and (max-width: 1024px){
  .still-table-wrap{
    border-radius:12px !important;
  }

  .still-table-wrap .still-table{
    min-width: 40px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    
  }

  .still-table-wrap .still-table th,
  .still-table-wrap .still-table td{
    padding: 7px 5px !important;
    white-space:normal; 

  }

  .still-table-wrap .still-table thead th{
    padding: 10px 6px !important;
    
  }

  .still-table-wrap .still-table tbody th.row-head,
  .still-table-wrap .still-table thead th.col-item{
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    padding: 7px 4px !important;
    font-size: 12px !important;
    white-space: normal !important;
    word-break: break-word !important;
    line-height: 1.25 !important;
  }

  .still-table-wrap .prod-img{
    width: 86px !important;
    margin: 0 auto 6px !important;
  }
  
  

  .still-table-wrap .prod-name{
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  .still-table-wrap .note{
    font-size: 11px !important;
    margin-top: 3px !important;
    line-height: 1.25 !important;
  }

  .still-table-wrap .mark{
    width: 22px !important;
    height: 22px !important;
  }

  .still-table-wrap .mark.double::after{
    width: 9px !important;
    height: 9px !important;
  }

  .still-table-wrap .official-btn{
    font-size: 11px !important;
    padding: 3px 7px !important;
    border-radius: 6px !important;
  }
}

@media screen and (max-width: 1024px){
  .still-table-wrap .still-table{
    table-layout: fixed !important;
  }

  .still-table-wrap .still-table th,
  .still-table-wrap .still-table td{
    overflow: hidden !important;
  }

  .still-table-wrap .still-table thead th{
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }


  .still-table-wrap .prod-name{
    max-width: 100% !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  .still-table-wrap .prod-img{
    max-width: 100% !important;
    height: auto !important;
  }


  .still-table-wrap img{
    max-width: 100% !important;
    height: auto !important;
  }

    
}




.table-note{
  margin: 8px 0 0;
  text-align: right;
  font-size: 12px;
  color: #888;
  line-height: 1.4;
}




.still-table thead th.has-bubble{
  position: relative;
  padding-top: 34px; 
}

.table-bubble{
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  padding: 11px 18px;
  font-size: 14px;
  font-weight: 800;
  color: #333;
  background: #fff;
  border: 2px solid #222;
  border-radius: 999px;
  line-height: 1;
  white-space: nowrap;
  z-index: 10 !important;
}


.table-bubble::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:-7.5px;
  width:0;
  height:0;
  border-style:solid;
  border-width:8px 7px 0 7px;
  border-color:#fff transparent transparent transparent;
}


.table-bubble::before{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:-10px;
  width:0;
  height:0;
  border-style:solid;
  border-width:10px 9px 0 9px;
  border-color:#222 transparent transparent transparent;
}


.bubble-iron{ color: #cc4c7a; }  
.bubble-style{ color: #5b6db5; }

.still-table-wrap::before{
  position: sticky;
  top: 0;
  background: #fff;
  padding: 6px 0 6px;
  z-index: 1;
}


@media (max-width: 600px){
  .table-bubble{
    font-size: 11px;
    padding: 8px 8px;
  }
  .still-table thead th.has-bubble{
    padding-top: 32px;
  }
}

.still-table thead th img{
  display: block;
  margin: 1 auto 2px !important; 
}

.still-table thead th a{
  line-height: 0;
}


.still-table tbody tr.visual-row td{
  overflow: visible !important;
}


.visual-figure{
  margin: 0;
}

.visual-img{
  display: block;
  width: 100%;
  max-width: 140px;     
  margin: 0 auto;
  border-radius: 10px;


  height: 92px;
  object-fit: cover;
}


.visual-cap{
  margin-top: 6px;
  font-size: 11px;
  color: #888;
  line-height: 1.4;
  text-align: right;
}

.visual-link{
  color: #666;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.visual-link:hover{ opacity: .85; }

@media (max-width: 767px){
  .visual-img{
    max-width: 120px;
    height: 84px;
    border-radius: 8px;
  }
  
  
.vis
.table-bubble{
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 800;
  color: #333;
  background: #fff;
  border: 1px solid #222;
  border-radius: 999px;
  line-height: 1;
  white-space: nowrap;
  z-index: 10 !important;
}


.table-bubble::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:-8px;
  width:0;
  height:0;
  border-style:solid;
  border-width:8px 7px 0 7px;
  border-color:#fff transparent transparent transparent;
}


.table-bubble::before{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:-10px;
  width:0;
  height:0;
  border-style:solid;
  border-width:10px 9px 0 9px;
  border-color:#222 transparent transparent transparent;
}

  .still-table thead th.has-bubble{
    padding-top: 30px; 
  }

.still-table-wrap .still-table thead th.has-bubble{
  overflow: visible !important;
}

.still-table-wrap{
  overflow-y: visible;
}

.still-table-wrap .still-table thead th.has-bubble .table-bubble{
  z-index: 10;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4eb038f *//* 補足セクション（アイコンURL固定） */
.lp-supplement{
  --point-icon-url: url("http://www.numajo-okite.net/wp-content/uploads/2026/01/CHECK.png");
  --reco-icon-url:  url("http://www.numajo-okite.net/wp-content/uploads/2026/01/hito_banzai.png");
}

/* 大見出し */
.lp-title{
  margin: 24px 0 12px;
  padding: 10px 12px;
  font-size: 16px;
  font-weight: 700;
  color: #222;
  background: #fafafa;
  border: 1px solid #e6e6e6;
  border-left: 4px solid #bbb;
  border-radius: 6px;
  line-height: 1.4;
}

/* 各ブランドブロック */
.lp-item{
  padding: 10px 0 16px;
  border-bottom: 1px solid #eee;
}
.lp-item:last-of-type{ border-bottom: none; }

/* ブランド小見出し */
.lp-subhead{
  margin: 25px 0 11px;
  padding-left: 10px;
  font-size: 19px;
  font-weight: 800;
  color: #333;
  border-left: 3px solid #d0d0d0;
  line-height: 1.4;
}

/* キャッチ */
.lp-catch{
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 600;
  color: #dc6d77;
  line-height: 1.7;
}

/* 行（おすすめポイント／おすすめな人） */
.lp-line{
  margin: 0 0 10px;
  font-size: 14px;
  color: #333;
  line-height: 1.7;
}

/* 見出し（おすすめポイント） */
.lp-pointhead{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
  margin: 0 0 4px;
}
.lp-pointhead::before{
  content: "";
  width: 16px;
  height: 16px;
  background-image: var(--point-icon-url);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateY(1px);
}

/* 見出し（おすすめな人） */
.lp-recohead{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
  margin: 0 0 4px;
}
.lp-recohead::before{
  content: "";
  width: 16px;
  height: 16px;
  background-image: var(--reco-icon-url);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateY(1px);
}

/* 購入エリア */
.lp-buy{
  margin-top: 10px;
  padding: 10px 12px;
  background: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 8px;
}

/* ＼購入はこちら／ */
.lp-buy-lead{
  font-size: 12px;
  color: #666;
  font-weight: 700;
  margin: 0 0 8px;
  letter-spacing: 0.02em;
  text-align: center;
}

/* 商品名ボタン */
.lp-buy-btn{
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 12px 12px;
  border-radius: 10px;
  border: 1px solid #dcdcdc;
  background: #fff;
  color: #222;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.2;
}

/* ホバー */
.lp-buy-btn:hover{
  opacity: 0.9;
}

/* 強調ボタン（クーベルチュールだけ少し目立たせたい時） */
.lp-buy-btn-featured{
  border-color: #cfcfcf;
  background: #ffffff;
}

/* 注記 */
.lp-note{
  margin: 10px 0 0;
  text-align: right;
  font-size: 12px;
  color: #888;
  line-height: 1.4;
}


/* 評価（★＋(数字)） */
.rating{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
  white-space: nowrap;
}

/* 星並び */
.rating .stars{
  display: inline-flex;
  gap: 2px;
  font-size: 16px;   /* 星サイズ：必要なら変更 */
}

/* 星色 */
.rating .star.is-on{
  color: #f5c518;    /* 黄色 */
}
.rating .star.is-off{
  color: #d9d9d9;    /* グレー（未点灯） */
}

/* (数字) */
.rating .count{
  font-size: 12px;
  color: #666;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6eb14da */.lp-title{
  margin: 24px 0 12px;
  padding: 10px 12px;
  font-size: 16px;
  font-weight: 700;
  color: #222;
  background: #fafafa;
  border: 1px solid #e6e6e6;
  border-left: 4px solid #bbb; /* アクセント。色変えたければここだけ */
  border-radius: 6px;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f58f51a *//* 補足セクション（アイコンURL固定） */
.lp-supplement{
  --point-icon-url: url("http://www.numajo-okite.net/wp-content/uploads/2026/01/CHECK.png");
  --reco-icon-url:  url("http://www.numajo-okite.net/wp-content/uploads/2026/01/hito_banzai.png");
}

/* 大見出し */
.lp-title{
  margin: 24px 0 12px;
  padding: 10px 12px;
  font-size: 16px;
  font-weight: 700;
  color: #222;
  background: #fafafa;
  border: 1px solid #e6e6e6;
  border-left: 4px solid #bbb;
  border-radius: 6px;
  line-height: 1.4;
}

/* 各ブランドブロック */
.lp-item{
  padding: 10px 0 16px;
  border-bottom: 1px solid #eee;
}
.lp-item:last-of-type{ border-bottom: none; }

/* ブランド小見出し */
.lp-subhead{
  margin: 25px 0 11px;
  padding-left: 10px;
  font-size: 19px;
  font-weight: 800;
  color: #333;
  border-left: 3px solid #d0d0d0;
  line-height: 1.4;
}

/* キャッチ */
.lp-catch{
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 600;
  color: #dc6d77;
  line-height: 1.7;
}

/* 行（おすすめポイント／おすすめな人） */
.lp-line{
  margin: 0 0 10px;
  font-size: 14px;
  color: #333;
  line-height: 1.7;
}

/* 見出し（おすすめポイント） */
.lp-pointhead{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
  margin: 0 0 4px;
}
.lp-pointhead::before{
  content: "";
  width: 16px;
  height: 16px;
  background-image: var(--point-icon-url);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateY(1px);
}

/* 見出し（おすすめな人） */
.lp-recohead{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
  margin: 0 0 4px;
}
.lp-recohead::before{
  content: "";
  width: 16px;
  height: 16px;
  background-image: var(--reco-icon-url);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateY(1px);
}

/* 購入エリア */
.lp-buy{
  margin-top: 10px;
  padding: 10px 12px;
  background: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 8px;
}

/* ＼購入はこちら／ */
.lp-buy-lead{
  font-size: 12px;
  color: #666;
  font-weight: 700;
  margin: 0 0 8px;
  letter-spacing: 0.02em;
  text-align: center;
}

/* 商品名ボタン */
.lp-buy-btn{
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 12px 12px;
  border-radius: 10px;
  border: 1px solid #dcdcdc;
  background: #fff;
  color: #222;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.2;
}

/* ホバー */
.lp-buy-btn:hover{
  opacity: 0.9;
}

/* 強調ボタン（クーベルチュールだけ少し目立たせたい時） */
.lp-buy-btn-featured{
  border-color: #cfcfcf;
  background: #ffffff;
}

/* 注記 */
.lp-note{
  margin: 10px 0 0;
  text-align: right;
  font-size: 12px;
  color: #888;
  line-height: 1.4;
}


/* 評価（★＋(数字)） */
.rating{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
  white-space: nowrap;
}

/* 星並び */
.rating .stars{
  display: inline-flex;
  gap: 2px;
  font-size: 16px;   /* 星サイズ：必要なら変更 */
}

/* 星色 */
.rating .star.is-on{
  color: #f5c518;    /* 黄色 */
}
.rating .star.is-off{
  color: #d9d9d9;    /* グレー（未点灯） */
}

/* (数字) */
.rating .count{
  font-size: 12px;
  color: #666;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bd7c14 */.lp-title{
  margin: 24px 0 12px;
  padding: 10px 12px;
  font-size: 16px;
  font-weight: 700;
  color: #222;
  background: #fafafa;
  border: 1px solid #e6e6e6;
  border-left: 4px solid #bbb; /* アクセント。色変えたければここだけ */
  border-radius: 6px;
  line-height: 1.4;
}/* End custom CSS */