table , td, th ,tbody ,tr {
  border-collapse: initial;
	border-spacing: 0;
}

.kkc{
	color:#9c8246;
	font-size:1.2rem;
	font-weight: bold;
	margin: 0.7em 0 0.7em 0;
}

.ikc{
	color:#2f3020;
	font-size:1.2rem;
	font-weight: bold;
	margin: 0.7em 0 0.7em 0;
}

/* 中央に合わせて、リサイズせずに、はみ出た分をトリミング */
.trim img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 450px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

.button {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 0.70rem;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       :0.8em 2em 0.9em 2em;   /* 余白       */
  background    : #f4f1de;     /* 背景色     */
  color         : #9c8246;      /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 1px solid #9c8246;    /* 枠の指定 */
}
.button:hover {
  color         : #9c8246;     /* 背景色     */
  background    : #d3caad;     /* 文字色     */
}