/*-------------------------------------
CSS (main)
----------------
-------------------------------------*/
body {
  color: #222222;
  color: #333;
  font-family: "メイリオ", Meiryo, sans-serif, "Yu Gothic UI", "Arial", "Helvetica", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Yu Gothic, "游ゴシック";
  background-color: #f8f9fa; /* bg-body-tertiary */
}
a,
a:active {
  color: #06c;
  text-decoration: none;
}
a:hover {
  color: #d81f26;
  text-decoration: underline;
}

/* Gridの高さを揃える */
.row-eq-height {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

/*
 * Mac Safari 対応
input {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
}
*/

/* ------------------------------
  ページトップへ戻る
   ------------------------------ */
.pagetop {
  display: none;
  position: fixed;
  right: 15px;
  bottom: 30px;
}
.pagetop a {
    display: block;
    font-size: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    background: #4285f4;
    border-radius: 50%;
    line-height: 50px;
}
.pagetop a i {
    font-size: 20px;
    color:#fff;
    line-height: 50px;
}

/* ------------------------------
  ページ制御
   ------------------------------ */
.pageTotal {
  width: 55px;
  border: none;
  background-color: #f8f9fa;
}

/* ------------------------------
  最新ボタン
------------------------------ */
.reloadBtn {
	margin-top: 10px;
	margin-bottom: 15px;
  padding: 3px;
  border: 1px solid #999;
  border-radius: 5px;
}

.reloadBtn .reload {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0;

  border: 2px solid #36C;
  border-radius: 5px;

	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 24px;
	font-weight: bold;
	color: #004498;
	letter-spacing: 0.1em;
	width: 100%;
  line-height: 36px;
}

/* ------------------------------
  ボタン
   ------------------------------ */
/*
SP
  1: #2e7d32;
  2: #1b5e20;
PC
  1: #0d47a1;
  2: #1a237e;
SK
  1: #e65100;
  2: #bf360c;
*/
.btn-w250 {
  width: 250px;
}
.btn-w100p {
  width: 100%;
}
.btn {
  font-family: "メイリオ", Meiryo, sans-serif, "Yu Gothic UI", "Arial", "Helvetica", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Yu Gothic, "游ゴシック";
  --bs-btn-font-family: "メイリオ", Meiryo, sans-serif, "Yu Gothic UI", "Arial", "Helvetica", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Yu Gothic, "游ゴシック";
}
.kc-btn-x1 {
  padding-right: 0.1rem !important;
  padding-left: 0.1rem !important;
}
.kc-btn-fs-sm {
  font-size: 0.8rem;
}
.kc-btn-mainA {
  --bs-btn-color: #fff;
  --bs-btn-bg: #06c;
  --bs-btn-border-color: #06c;

  --bs-btn-hover-color: #06c;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #06c;

  --bs-btn-focus-shadow-rgb: 49, 132, 253;

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #06c;
  --bs-btn-active-border-color: #06c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #06c;
  --bs-btn-disabled-border-color: #06c;

  --bs-btn-border-radius: 0;
}
.kc-btn-mainB {
  --bs-btn-color: #06c;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #06c;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #06c;
  --bs-btn-hover-border-color: #06c;

  --bs-btn-focus-shadow-rgb: 49, 132, 253;

  --bs-btn-active-color: #06c;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #06c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #06c;
  --bs-btn-disabled-bg: #fff;
  --bs-btn-disabled-border-color: #06c;

  --bs-btn-border-radius: 0;
}
.kc-btn-okA {
  --bs-btn-color: #fff;
  --bs-btn-bg: #2c883a;
  --bs-btn-border-color: #2c883a;

  --bs-btn-hover-color: #2c883a;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #2c883a;

  --bs-btn-focus-shadow-rgb: 49, 132, 253;

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2c883a;
  --bs-btn-active-border-color: #2c883a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #2c883a;
  --bs-btn-disabled-border-color: #2c883a;

  --bs-btn-border-radius: 0;
}
.kc-btn-okB {
  --bs-btn-color: #2c883a;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #2c883a;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2c883a;
  --bs-btn-hover-border-color: #2c883a;

  --bs-btn-focus-shadow-rgb: 49, 132, 253;

  --bs-btn-active-color: #2c883a;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #2c883a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #2c883a;
  --bs-btn-disabled-bg: #fff;
  --bs-btn-disabled-border-color: #2c883a;

  --bs-btn-border-radius: 0;
}
.kc-btn-ngA {
  --bs-btn-color: #fff;
  --bs-btn-bg: #d81f26;
  --bs-btn-border-color: #d81f26;

  --bs-btn-hover-color: #d81f26;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #d81f26;

  --bs-btn-focus-shadow-rgb: 49, 132, 253;

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #d81f26;
  --bs-btn-active-border-color: #d81f26;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #d81f26;
  --bs-btn-disabled-border-color: #d81f26;

  --bs-btn-border-radius: 0;
}
.kc-btn-ngB {
  --bs-btn-color: #d81f26;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #d81f26;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #d81f26;
  --bs-btn-hover-border-color: #d81f26;

  --bs-btn-focus-shadow-rgb: 49, 132, 253;

  --bs-btn-active-color: #d81f26;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #d81f26;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #d81f26;
  --bs-btn-disabled-bg: #fff;
  --bs-btn-disabled-border-color: #d81f26;

  --bs-btn-border-radius: 0;
}
.kc-btn-noteA {
  --bs-btn-color: #fff;
  --bs-btn-bg: #fbbc05;
  --bs-btn-border-color: #fbbc05;

  --bs-btn-hover-color: #fbbc05;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #fbbc05;

  --bs-btn-focus-shadow-rgb: 49, 132, 253;

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #fbbc05;
  --bs-btn-active-border-color: #fbbc05;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #fbbc05;
  --bs-btn-disabled-border-color: #fbbc05;

  --bs-btn-border-radius: 0;
}
.kc-btn-noteB {
  --bs-btn-color: #fbbc05;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #fbbc05;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #fbbc05;
  --bs-btn-hover-border-color: #fbbc05;

  --bs-btn-focus-shadow-rgb: 49, 132, 253;

  --bs-btn-active-color: #fbbc05;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #fbbc05;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fbbc05;
  --bs-btn-disabled-bg: #fff;
  --bs-btn-disabled-border-color: #fbbc05;

  --bs-btn-border-radius: 0;
}
.kc-btn-subA {
  --bs-btn-color: hsl(0, 0%, 100%);
  --bs-btn-bg: #555555;
  --bs-btn-border-color: #555555;

  --bs-btn-hover-color: #555555;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #555555;

  --bs-btn-focus-shadow-rgb: 49, 132, 253;

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #555555;
  --bs-btn-active-border-color: #555555;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #555555;
  --bs-btn-disabled-border-color: #555555;

  --bs-btn-border-radius: 0;
}
.kc-btn-subB {
  --bs-btn-color: #555555;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #555555;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #555555;
  --bs-btn-hover-border-color: #555555;

  --bs-btn-focus-shadow-rgb: 49, 132, 253;

  --bs-btn-active-color: #555555;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #555555;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #555555;
  --bs-btn-disabled-bg: #fff;
  --bs-btn-disabled-border-color: #555555;

  --bs-btn-border-radius: 0;
}
.kc-btn-pcA {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ea4335;
  --bs-btn-border-color: #ea4335;

  --bs-btn-hover-color: #ea4335;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #ea4335;

  --bs-btn-focus-shadow-rgb: 49, 132, 253;

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ea4335;
  --bs-btn-active-border-color: #ea4335;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ea4335;
  --bs-btn-disabled-border-color: #ea4335;

  --bs-btn-border-radius: 0;
}
.kc-btn-pcB {
  --bs-btn-color: #ea4335;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #ea4335;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ea4335;
  --bs-btn-hover-border-color: #ea4335;

  --bs-btn-focus-shadow-rgb: 49, 132, 253;

  --bs-btn-active-color: #ea4335;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #ea4335;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #ea4335;
  --bs-btn-disabled-bg: #fff;
  --bs-btn-disabled-border-color: #ea4335;

  --bs-btn-border-radius: 0;
}




.btn-kc-sp {
  --bs-btn-color: #fff;
  --bs-btn-bg: #2e7d32;
  --bs-btn-border-color: #2e7d32;
  --bs-btn-hover-color: #2e7d32;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #2e7d32;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #2e7d32;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #2e7d32;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #2e7d32;
  --bs-btn-disabled-border-color: #2e7d32;
  border-radius: 0;
  border-width: 2px;
  text-decoration: none;
}
.btn-kc-pc {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d47a1;
  --bs-btn-border-color: #0d47a1;
  --bs-btn-hover-color: #0d47a1;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #0d47a1;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #0d47a1;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #0d47a1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d47a1;
  --bs-btn-disabled-border-color: #0d47a1;
  border-radius: 0;
  border-width: 2px;
  text-decoration: none;
}
.btn-kc-sk {
  --bs-btn-color: #fff;
  --bs-btn-bg: #e65100;
  --bs-btn-border-color: #e65100;
  --bs-btn-hover-color: #e65100;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #e65100;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #e65100;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #e65100;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #e65100;
  --bs-btn-disabled-border-color: #e65100;
  border-radius: 0;
  border-width: 2px;
  text-decoration: none;
}
.btn-kc-btn {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d47a1;
  --bs-btn-border-color: #0d47a1;
  --bs-btn-hover-color: #0d47a1;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #0d47a1;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #0d47a1;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #0d47a1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d47a1;
  --bs-btn-disabled-border-color: #0d47a1;
  border-radius: 0;
  border-width: 2px;
  text-decoration: none;
}
.btn-kc-disabled {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
  border-radius: 0;
  border-width: 1px;
  text-decoration: none;
}
.btn:hover {
  text-decoration: none;
}

/*-----------------*/
/*--- sub title ---*/
/*-----------------*/
.msg_desc1 {
  font-size: 0.85rem;
  color: #383838;
  background-color: #fcfcfc !important;
  padding: 10px !important;
}
.msg_desc2 {
  font-size: 0.85rem;
  color: #d81f26;
  padding: 5px !important;
}
.msg_desc3 {
  font-size: 0.85rem;
  padding: 10px 10px 5px 10px;
  color: #666;
}

.bg-title-h2 {
  background-color: #0069D5;
}
.bg-title-h2-desc {
  font-size: 1.25rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.h1_titleWrapper {
  font-family: "メイリオ", Meiryo, sans-serif, "Yu Gothic UI", "Arial", "Helvetica", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Yu Gothic, "游ゴシック";
  background-color: #f2f6fd; /* #eff5fe; */
  border-top: 3px solid #0069D5;
  border-bottom: 1px solid #0069D5;
  line-height: 1;
}
.h1_title {
  margin: 0.5rem 0;
  font-size: 24px;
  line-height: 1.3em;
  color: #383838;
}
.h1_desc {
  font-size: 100%;
  color: #383838;
}
/*--- h2_title ---*/
.titleContainer {
  font-family: "メイリオ", Meiryo, sans-serif, "Yu Gothic UI", "Arial", "Helvetica", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Yu Gothic, "游ゴシック";
  border-top: 1px solid #ddeaff;
  border-bottom: 1px solid #ddeaff;
  padding-top: 10px;
  position: relative;
  background-color: #f2f6fd; /* #eff5fe; */
/*
  background: linear-gradient( to bottom,#ddeaff 0%, #fdfdfd 100%);
  background: -webkit-linear-gradient(top, #ddeaff 0%, #fdfdfd 100%);
  background: -moz-linear-gradient(top, #ddeaff 0%, #fdfdfd 100%);
*/
}
.h2_titleWrapper {
  display: table;
  min-height: 34px;
  padding-left: 12px;
  border-left: 7px solid #0069D5;
}
.h2_title {
  display: table-cell;
  vertical-align: middle;
  font-size: 20px;
  line-height: 1.5em;
  font-weight: bold;
  color: #383838;
}
.h2_desc {
  font-size: 0.95rem;
  color: #545454;
}

.h3_titleWrapper {
  display: table;
  min-height: 34px;
  padding-left: 12px;
  border-left: 3px solid #0069D5;
}
.h3_title {
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  line-height: 1.5em;
  font-weight: bold;
  color: #383838;
}

.titleContainer2 {
  font-family: "メイリオ", Meiryo, sans-serif, "Yu Gothic UI", "Arial", "Helvetica", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Yu Gothic, "游ゴシック";
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding-top: 10px;
  position: relative;
/*  background: #eef2fa; */ /* #eff5fe; */
  background-color: #f2f6fd;
}
.h4_titleWrapper {
  display: table;
  min-height: 34px;
  padding-left: 12px;
  border-left: 3px solid #aaa;
}
.h4_title {
  display: table-cell;
  vertical-align: middle;
  font-size: 17px;
  line-height: 1.5em;
  font-weight: bold;
  color: #383838;
}

/*--- title1 ---*/
.title1 {
  border-top: 1px solid #1565c0;
  border-bottom: 1px solid #1565c0;
  background: #eef2fa;
  padding: 10px 0 0 0;
  position: relative;
}
.title1ttl {
  display: table;
  min-height: 34px;
  padding-left: 10px;
}
.title1lbl {
  display: table-cell;
  vertical-align: middle;
  font-size: 17px;
  font-weight: bold;
  color: #666;
}
/*--- title11 ---*/
.title11 {
  border-top: 1px dotted #1565c0;
  border-bottom: 1px dotted #1565c0;
  background: #eef2fa;
  padding: 10px 0 0 0;
  position: relative;
}
.title11ttl {
  display: table;
  min-height: 34px;
  padding-left: 10px;
}
.title11lbl {
  display: table-cell;
  vertical-align: middle;
  font-size: 17px;
  line-height: 1.1;
  font-weight: bold;
  color: #666;
}

/*--- title12 ---*/
.title12 {
  border-top: 1px dotted #1e88e5;
  border-bottom: 1px dotted #1e88e5;
  background: #eef2fa;
  padding: 10px 0 0 0;
  position: relative;
}
.title12ttl {
  display: table;
  min-height: 34px;
  padding-left: 10px;
  border-left: 10px solid #1565c0;
}
.title12lbl {
  display: table-cell;
  vertical-align: middle;
  font-size: 17px;
  line-height: 1.1;
  font-weight: bold;
  color: #666;
}

/*--- title2 ---*/
.title2 {
  border: 1px solid #1e88e5;
  background: #eef2fa;
  padding: 10px 0 0 0;
  position: relative;
}
.title2ttl {
  display: table;
  min-height: 34px;
  padding-left: 10px;
}
.title2lbl {
  display: table-cell;
  vertical-align: middle;
  font-size: 17px;
  line-height: 1.1;
  font-weight: bold;
  color: #666;
}

/*--- title21 ---*/
.title21 {
  border: 1px dotted #1e88e5;
  background: #eef2fa;
  padding: 10px 0 0 0;
  position: relative;
}
.title21ttl {
  display: table;
  min-height: 34px;
  padding-left: 10px;
}
.title21lbl {
  display: table-cell;
  vertical-align: middle;
  font-size: 17px;
  line-height: 1.1;
  font-weight: bold;
  color: #666;
}


/*--- x0_title1 ---*/
.x0_title1 {
/*
  border-top: 1px dotted #ddeaff;
  border-bottom: 1px dotted #ddeaff;
*/
  border: 1px solid #ddd;
  background: #eef2fa;
  padding: 8px;
}
.x0_title1ttl {
  display: table;
  min-height: 30px;
}
.x0_title1lbl {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 1.1rem;
  color: #666;
}

/*--- x0 ---*/
.x0_desc {
  font-size: 0.85rem;
  margin: 10px;
  color: #666;
}
.x0_msg {
  font-size: 0.85rem;
  padding: 7px;
  color: #666;
  line-height: 1.5rem;
}

/*--- title x1 ---*/
.x1_titleWrapper {
  font-family: "メイリオ", Meiryo, sans-serif, "Yu Gothic UI", "Arial", "Helvetica", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Yu Gothic, "游ゴシック";
  background-color: #f2f6fd; /* #eff5fe; */
  border-top: 1px solid #ddeaff;
  border-bottom: 1px solid #0069D5;
  padding-top: 10px;
  padding-bottom: 10px;
}
/*
.x1_titleWrapper h1,
.x1_titleWrapper h2,
.x1_titleWrapper h3 {
  margin-top: 0;
  margin-bottom: 0;
}
*/
.x1_title {
  margin: 0.5rem 0;
  font-size: 1.35rem;
  line-height: 1.3rem;
  color: #383838;
}
.x1_desc {
  font-size: 1.1rem;
  color: #383838;
}
.x1_updt {
  font-size: 0.9rem;
  color: #666;
}

/*--- title x2 ---*/
.x2_titleContainer {
  font-family: "メイリオ", Meiryo, sans-serif, "Yu Gothic UI", "Arial", "Helvetica", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Yu Gothic, "游ゴシック";
  border-top: 1px solid #ddeaff;
  border-bottom: 1px solid #ddeaff;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  position: relative;
  background-color: #f2f6fd; /* #eff5fe; */
}
.x2_titleContainer h1,
.x2_titleContainer h2,
.x2_titleContainer h3,
.x2_titleContainer h4 {
  margin-top: 0;
  margin-bottom: 0;
}
.x2_titleWrapper {
  display: table;
  min-height: 34px;
  padding-left: 8px;
  border-left: 5px solid #0069D5;
}
.x2_title {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.1rem;
  font-weight: bold;
  color: #383838;
}
.x2_desc {
  font-size: 0.95rem;
  color: #545454;
}

/*--- title x3 ---*/
.x3_titleContainer {
  font-family: "メイリオ", Meiryo, sans-serif, "Yu Gothic UI", "Arial", "Helvetica", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Yu Gothic, "游ゴシック";
  border-top: 1px solid #ddeaff;
  border-bottom: 1px solid #ddeaff;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  position: relative;
  background-color: #f2f6fd; /* #eff5fe; */
}
.x3_titleContainer h1,
.x3_titleContainer h2,
.x3_titleContainer h3,
.x3_titleContainer h4 {
  margin-top: 0;
  margin-bottom: 0;
}
.x3_titleWrapper {
  display: table;
  min-height: 32px;
  padding-left: 12px;
  border-left: 3px solid #0069D5;
}
.x3_title {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.1rem;
  line-height: 1.5rem;
  font-weight: bold;
  color: #454545;
}

/*--- title x4 ---*/
.x4_titleContainer {
  font-family: "メイリオ", Meiryo, sans-serif, "Yu Gothic UI", "Arial", "Helvetica", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Yu Gothic, "游ゴシック";
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  position: relative;
  background-color: #f5f5f5; /* #eff5fe; */
  background-color: #ededed;
}
.x4_titleContainer h1,
.x4_titleContainer h2,
.x4_titleContainer h3,
.x4_titleContainer h4 {
  margin-top: 0;
  margin-bottom: 0;
}
.x4_titleWrapper {
  display: table;
  min-height: 32px;
  padding-left: 12px;
  border-left: 3px solid #aaa;
}
.x4_title {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.1rem;
  line-height: 1.2rem;
  font-weight: bold;
/*  color: #565656; */
  color: #666666;
}


/*--- k24 title xn ---*/
.k24_x1_title {
  background: #f2f2f2;
  background: -moz-linear-gradient(top,  #f2f2f2 0%, #ffffff 100%);
  background: -webkit-linear-gradient(top,  #f2f2f2 0%, #ffffff 100%);
  background: linear-gradient(to bottom,  #f2f2f2 0%, #ffffff 100%);
}
.k24_x2_title {
  background: #d2ebf9;
  background: -moz-linear-gradient(top,  #e3f2fd 0%, #feffff 56%, #ffffff 70%);
  background: -webkit-linear-gradient(top,  #e3f2fd 0%,#feffff 56%,#ffffff 70%);
  background: linear-gradient(to bottom,  #e3f2fd 0%,#feffff 56%,#ffffff 70%);
}
.k24_x1_text {
  font-family: "メイリオ",sans-serif;
  font-size: 18px;
	font-weight: bold;
  line-height: 1.5em;
  color: #003d98;
}
.k24_title1_ttl {
  vertical-align: middle;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  color: #666;
}

.k24_desc {
	font-size: 85%;
  line-height: 1.5em;
}


/*--- margin ---*/
.mt-2rem {
  margin-top: 2rem !important;
}
.mb-2rem {
  margin-bottom: 2rem !important;
}
.my-2rem {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}


/* ------------------------------
  グレード
   ------------------------------ */
.gradeBox {
  float: left;
  width: 30px;
  font-size: 85%;
  margin-top: 1px;
  padding-top: 0;
  margin-right: 0px;
}
.gradeText {
  padding-left: 0px;
  font-weight: bold;
  text-align: center;
}
.gradeText_f01d1d,
.gradeText_ff3333 {
  background-color: #ff3333;
  color: #fff;
}
.gradeText_ff9900 {
  background-color: #ff9900;
  color: #fff;
}
.gradeText_89b406 {
  background-color: #89b406;
  color: #fff;
}
.gradeText_1cacd9 {
  background-color: #1cacd9;
  color: #fff;
}
.gradeText_fd71ac {
  background-color: #fd71ac;
  color: #fff;
}
.gradeText_fc56d0,
.gradeText_ff66ff {
  background-color: #fc56d0;
  color: #fff;
}
.gradeText_7bfeff {
  background-color: #7bfeff;
  color: #666;
}
.gradeText_3ba26f {
  background-color: #3ba26f;
  color: #fff;
}
.gradeText_dddddd {
  background-color: #999999;
  color: #eee;
}


/* ------------------------------
  AdSense
   ------------------------------ */
.ad_title {
  text-align: center;
  margin-bottom: 10px;
  font-size: 13px;
  color: #545454;
}
.ad_t30 {
  margin-top: 30px;
}
.ad_t25 {
  margin-top: 25px;
}
.ad_t20 {
  margin-top: 20px;
}
.ad_t15 {
  margin-top: 15px;
}
.ad_t10 {
  margin-top: 10px;
}
.ad_t5 {
  margin-top: 5px;
}
.ad_t0 {
  margin-top: 0px;
}
.ad_b30 {
  margin-bottom: 30px;
}
.ad_b25 {
  margin-bottom: 25px;
}
.ad_b20 {
  margin-bottom: 20px;
}
.ad_b15 {
  margin-bottom: 15px;
}
.ad_b10 {
  margin-bottom: 10px;
}
.ad_b5 {
  margin-bottom: 5px;
}
.ad_b0 {
  margin-bottom: 0px;
}