@charset "shift_jis";

/* -----------------------------------------------------------
 共通タグ
----------------------------------------------------------- */
  *, *::before, *::after {  margin: 0; padding: 0; }
.page__inner{
		width:100vw;
	}
a{outline: none; text-decoration: none;}
a:focus{outline:none;}
img{
	vertical-align:bottom;
	border: none;
	}
#pro_wrapper{
	width:100%;
	font-size:12px;
-webkit-text-size-adjust: 100%;	
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
.wrapper {
    margin: 0 auto;
  }
.contbox{
    width: 1000px;
    margin: 0 auto;
}
.mgb50{margin-bottom: 50px;}
/*------------------------------------------------------------
注釈
------------------------------------------------------------*/
ul.attent {
  display: table;
  width: 100%;
  margin: 0;
  padding-left: 0;
  color:#999999;
  margin: 0.5rem 0 1.5rem 0;
  text-align: left;
}
ul.attent li {
  list-style: none;
  font-size: 12px;
  line-height: 1.6;
}
ul.attent li .attent_head {
  display: table-cell;
  vertical-align: top;
  white-space: nowrap;
  padding-right: 0.5em;
}
ul.attent li .attent_body {
  display: table-cell;
  vertical-align: top;
}
/* PC：画像幅(90%)に合わせて中央揃え */
.Table-box .section ul.attent {
  max-width: 90%;
  margin: 0.5rem auto 1.5rem auto;
}

/* SP：100%幅・左寄せに戻す */
@media screen and (max-width: 768px) {
  .Table-box .section ul.attent {
    max-width: 100%;
    margin: 0.5rem 0 1.5rem 0;
  }
}
/* PC用画像：デフォルト表示、幅50% */
.pc-img {
  display: block;
  width: 50%;
  margin: 0 auto;
}

/* SP用画像：デフォルト非表示 */
.sp-img {
  display: none;
  width: 100%;
  margin: 0 auto;
}

/* SP：PC用を隠してSP用を表示 */
@media screen and (max-width: 768px) {
  .pc-img {
    display: none;
  }
  .sp-img {
    display: block;
  }
}
/*------------------------------------------------------------
base
------------------------------------------------------------*/

body {
  font-family: YuGothic, "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: .025em;
  line-height: 1.8;
  margin: 0;
}
.section {
  max-width: 980px;
  margin: 0 auto;
}
.section p._a {
  font-size: 12px;
  font-weight: bold;
  margin: 30px 0 0;
}
.section p._a .link {
  display: inline-block;
  color: #607D8B;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
.section p._a .link:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-top: 2px solid #607D8B;
  border-right: 2px solid #607D8B;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-right: 10px;
}


p, dl, dt, dd, ul li{
	margin: 0px;
	padding: 0px;
}
h4, h5{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
li{ list-style-type: none;}
  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  body {
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    color: #333;
    padding: 20px 0 40px;
  }

  .Table-box {
    width: 980px;
    margin: 0 auto;
    padding-top: 20px;
  }
/* PC：50%表示（%は要調整） */
.Table-box .section div[align="center"] img {
  width: 90% !important;
  margin: 0 auto;
}

/* SP：100%表示 */
@media screen and (max-width: 768px) {
  .Table-box .section div[align="center"] img {
    width: 100% !important;
  }
}
  /* ===== SP: 横スクロールコンテナ ===== */
  .table-scroll {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* ===== テーブル本体 ===== */
  table#fd_select,
  table#fd_select_cat {
    border-collapse: collapse;
    width: 100%;
    min-width: 700px;
    background: #fff;
    font-size: 13px;
    line-height: 1.5;
  }

  /* 犬テーブル：緑ボーダー */
  table#fd_select {
    border: 1px solid #dddddd;
  }
  /* 猫テーブル：ワインレッドボーダー */
  table#fd_select_cat {
    border: 1px solid #c4a0a8;
  }

  table#fd_select td {
    border: 1px solid #dddddd;
    padding: 8px 10px;
    vertical-align: middle;
    text-align: center;
  }
  table#fd_select_cat td {
    border: 1px solid #c4a0a8;
    padding: 8px 10px;
    vertical-align: middle;
    text-align: center;
  }

  /* ===== ヘッダー行（共通クラス、テーブルごとに上書き） ===== */
  table#fd_select .r1 {
    background: #1e3a5f;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
  }
  table#fd_select_cat .r1 {
    background: #7a1f35;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
  }

  /* ===== 斜めセル ===== */
  table#fd_select .r3c1 {
    background: #edf1f7;
    font-size: 13px;
    color: #555;
    line-height: 1.6;
    min-width: 150px;
    position: relative;
  }
  table#fd_select_cat .r3c1 {
    background: #f7edf0;
    font-size: 13px;
    color: #555;
    line-height: 1.6;
    min-width: 150px;
    position: relative;
  }

  /* ===== 画像セル ===== */
  .r3 {
    background: #f4f8fe;
    padding: 6px;
    width: 152px;
  }
  table#fd_select_cat .r3 {
    background: #fdf6f7;
  }

  .r3 .pht {
    display: block;
    width: 100%;
    max-width: 140px;
    height: auto;
    margin: 0 auto;
    border-radius: 4px;
  }

  /* ===== カテゴリ行（目的別ラベル）共通 ===== */
  .r4c1, .r5c1, .r6c1, .r7c1, .r8c1,
  .r9c1, .r10c1, .r11c1, .r12c1, .r13c1,
  .r14c1, .r15c1, .r16c1 {
    text-align: left;
    font-size: 14px;
    min-width: 120px;
    max-width: 200px;
    width: 120px;
    padding: 7px 10px 7px 5px;
    line-height: 1.6;
    color: #333;
  }

  /* 犬テーブル：ラベル背景 */
  table#fd_select .r4c1, table#fd_select .r5c1,
  table#fd_select .r6c1, table#fd_select .r7c1,
  table#fd_select .r8c1, table#fd_select .r9c1,
  table#fd_select .r10c1, table#fd_select .r11c1,
  table#fd_select .r12c1, table#fd_select .r13c1,
  table#fd_select .r14c1, table#fd_select .r15c1,
  table#fd_select .r16c1 {
    background: #edf1f7;
  }

  /* 猫テーブル：ラベル背景 */
  table#fd_select_cat .r4c1, table#fd_select_cat .r5c1,
  table#fd_select_cat .r6c1, table#fd_select_cat .r7c1,
  table#fd_select_cat .r8c1, table#fd_select_cat .r9c1,
  table#fd_select_cat .r10c1, table#fd_select_cat .r11c1,
  table#fd_select_cat .r12c1, table#fd_select_cat .r13c1,
  table#fd_select_cat .r14c1, table#fd_select_cat .r15c1,
  table#fd_select_cat .r16c1 {
    background: #f7edf0;
  }

  /* 犬：グループ border-left */
  table#fd_select .r4c1, table#fd_select .r5c1,
  table#fd_select .r6c1, table#fd_select .r7c1,
  table#fd_select .r8c1 {
    border-left: 4px solid #1e3a5f;
  }
  table#fd_select .r9c1, table#fd_select .r10c1,
  table#fd_select .r11c1, table#fd_select .r12c1,
  table#fd_select .r13c1 {
    border-left: 4px solid #3a6090;
  }
  table#fd_select .r14c1, table#fd_select .r15c1,
  table#fd_select .r16c1 {
    border-left: 4px solid #6a90b8;
  }

  /* 猫：グループ border-left */
  table#fd_select_cat .r4c1, table#fd_select_cat .r5c1,
  table#fd_select_cat .r6c1, table#fd_select_cat .r7c1,
  table#fd_select_cat .r8c1 {
    border-left: 4px solid #7a1f35;
  }
  table#fd_select_cat .r9c1, table#fd_select_cat .r10c1,
  table#fd_select_cat .r11c1, table#fd_select_cat .r12c1,
  table#fd_select_cat .r13c1 {
    border-left: 4px solid #a84060;
  }
  table#fd_select_cat .r14c1, table#fd_select_cat .r15c1,
  table#fd_select_cat .r16c1 {
    border-left: 4px solid #c87090;
  }

  /* 犬：交互カラー */
  table#fd_select .r4c1, table#fd_select .r6c1,
  table#fd_select .r8c1, table#fd_select .r10c1,
  table#fd_select .r13c1 {
    background: #d6e0ee;
  }
  table#fd_select .r5c1, table#fd_select .r7c1,
  table#fd_select .r9c1, table#fd_select .r11c1,
  table#fd_select .r16c1 {
    background: #edf1f7;
  }

  /* 猫：交互カラー */
  table#fd_select_cat .r4c1, table#fd_select_cat .r6c1,
  table#fd_select_cat .r8c1, table#fd_select_cat .r10c1,
  table#fd_select_cat .r12c1,
  table#fd_select_cat .r14c1,
  table#fd_select_cat .r16c1,
  table#fd_select_cat .r18c1 {
    background: #eed6db;
  }
  table#fd_select_cat .r5c1, table#fd_select_cat .r7c1,
  table#fd_select_cat .r9c1, table#fd_select_cat .r11c1 {
    background: #f7edf0;
  }

  .small {
    font-size: 10px;
    color: #333;
  }

  /* ===== リンクセル ===== */
  .r4, .r9, .r14 {
    background: #fff;
    font-size: 14px;
  }

  /* 犬：リンク色 */
  table#fd_select .r4 a, table#fd_select .r9 a,
  table#fd_select .r14 a, table#fd_select .r3 a {
    display: block;
    color: #1e3a5f;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.6;
    padding: 2px 0;
  }
  table#fd_select .r4 a:hover, table#fd_select .r9 a:hover,
  table#fd_select .r14 a:hover {
    text-decoration: underline;
    color: #0d2040;
  }

  /* 猫：リンク色 */
  table#fd_select_cat .r4 a, table#fd_select_cat .r9 a,
  table#fd_select_cat .r14 a, table#fd_select_cat .r3 a {
    display: block;
    color: #7a1f35;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.6;
    padding: 2px 0;
  }
  table#fd_select_cat .r4 a:hover, table#fd_select_cat .r9 a:hover,
  table#fd_select_cat .r14 a:hover {
    text-decoration: underline;
    color: #4d1020;
  }

  /* 療法食セル（縦跨ぎセルの背景） */
  table#fd_select td[rowspan] {
    background: #f0f4f9;
    vertical-align: middle;
  }
  table#fd_select_cat td[rowspan] {
    background: #f9f0f2;
    vertical-align: middle;
  }

  /* 組合せサプリ列（犬） */
  table#fd_select td[rowspan="10"] {
    background: #e8eef5;
    line-height: 1.2;
    font-size: 14px;
  }
  table#fd_select td[rowspan="10"] a {
    color: #1e3a5f;
    text-decoration: none;
    display: block;
    line-height: 1.3;
    margin: 1px 0;
  }
  table#fd_select td[rowspan="10"] a:hover {
    text-decoration: underline;
  }

  /* 組合せサプリ列（猫） */
  table#fd_select_cat td[rowspan="10"] {
    background: #f5e8ec;
    line-height: 1.2;
    font-size: 14px;
  }
  table#fd_select_cat td[rowspan="10"] a {
    color: #7a1f35;
    text-decoration: none;
    display: block;
    line-height: 1.3;
    margin: 1px 0;
  }
  table#fd_select_cat td[rowspan="10"] a:hover {
    text-decoration: underline;
  }
  table#fd_select_cat td[rowspan="13"] {
    background: #f5e8ec;
    line-height: 1.2;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
  }
  table#fd_select_cat td[rowspan="13"] a {
    color: #7a1f35;
    text-decoration: none;
  }

  /* ===== PC: 画像プレースホルダー（画像が読み込めない場合） ===== */
  .pht-placeholder {
    display: block;
    width: 100%;
    max-width: 140px;
    height: 80px;
    margin: 0 auto;
    background: #e8f0e0;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #888;
  }

  /* ===== 画像エラー時フォールバック ===== */
  .pht {
    display: block;
    width: 100%;
    max-width: 140px;
    height: auto;
    min-height: 60px;
    margin: 0 auto;
    border-radius: 4px;
    background: #e8f0e0;
    object-fit: contain;
  }

  /* ===== スクロールヒント（SP用） ===== */
  .scroll-hint {
    display: none;
    font-size: 14px;
    color: #888;
    text-align: right;
    padding: 4px 4px 6px;
  }

  /* ===== レスポンシブ ===== */
  @media (max-width: 1020px) {
    .Table-box {
      width: 90%;
    }
  }

  @media (max-width: 640px) {
    .Table-box {
      width: 90%;
    }

    .scroll-hint {
      display: block;
    }

    table#fd_select {
      font-size: 14px;
    }

    .r3 {
      width: 120px;
    }

    .r3 .pht {
      max-width: 110px;
    }

    table#fd_select .r3c1 {
      min-width: 73px;
      font-size: 14px;
    }

    .r3c1 {
      min-width: 73px;
      font-size: 14px;
    }

    table#fd_select td {
      padding: 6px 7px;
    }
  }
/*PCとSPで出しわける用*/
.pc {
    display: block;
  }
  .sp {
    display: none;
  }
  
@media screen and (min-width: 350px) and (max-width: 768px){
    .pc {
      display: none;
    }
    .sp {
      display: block;
    }
  }
@media screen and (min-width: 350px) and (max-width: 768px){

   .dosimeter-img-wrap img {
      width: 100%!important;
    }
	/*お問い合わせ*/
.btn-bg{
	background-color: #fde7f6;
	width: 100%;
}
.btn-box{
	margin: 0 auto;
	padding: 2rem 0;
}
.btn a {
  position: relative;
  display: block;
  width: 300px;
  background-color: #de51af;
  border-radius: 60px;
  font-size: 1rem;;
   font-weight: 700;
  color: #FFFFFF!important;
  text-decoration: none;
  text-align: center;
  margin: 0 auto;
}
.btn a:link{
	color: #FFFFFF!important;
	text-decoration: none;
}
.btn a:hover{
	color: #FFFFFF!important;
	text-decoration: none;
}
.btn-long a {
  position: relative;
  display: block;
  width: 100%;
  padding: 15px 90px;
  background-color: #de51af;
  border-radius: 60px;
  font-size: 1rem;;
   font-weight: 700;
  color: #FFFFFF!important;
  text-decoration: none;
  text-align: center;
  margin: 0 auto;
}
.btn-long a:link{
	color: #FFFFFF!important;
	text-decoration: none;
}
.btn-long a:hover{
	color: #FFFFFF!important;
	text-decoration: none;
}
.btn-box{
	margin: 0 auto;
	padding: 1rem 0;
}
.btn-box-orange{
	margin: 0 auto;
	padding: 2rem 0;
}
.btn-orange a {
  position: relative;
  display: block;
  width: 100%;
  padding: 15px 50px;
  background-color: #eb8029;
  border-radius: 60px;
  font-size: 1rem;;
   font-weight: 700;
  color: #FFFFFF!important;
  text-decoration: none;
  text-align: center;
  margin: 0 auto;
}
.btn-orange a:link{
	color: #FFFFFF!important;
	text-decoration: none;
}
.btn-orange a:hover{
	color: #FFFFFF!important;
	text-decoration: none;
}



/* -----------------------------------------------------------
 ↑↑↑↑↑ CSSの追記はここまで ↑↑↑↑↑
----------------------------------------------------------- */



/* for IE7 only */
*:first-child+html div,
*:first-child+html ul,
*:first-child+html ol,
*:first-child+html dl,
*:first-child+html .clearfix{
height:1%;
}