@charset "utf-8";

/******************************************************************************/
div.oct-content  .oct-gacha-tbl {
	table-layout: fixed;
	width: 100%;
	margin: 10px auto;
}

/**************************************/
/* TH */
table.oct-gacha-tbl th:nth-of-type(1) {
	width: 20%;
}

table.oct-gacha-tbl th:nth-of-type(2) {
	width: 20%;
}

table.oct-gacha-tbl th:nth-of-type(3) {
	width: 25%;
}

table.oct-gacha-tbl th:nth-of-type(n+4) {
	width: 15%;
}

/**************************************/
/* TD */
table.oct-gacha-tbl td {
	padding: 3px 10px;
}
table.oct-gacha-tbl td:nth-of-type(1) {
	font-size: 14px;
	text-align: left;
}

table.oct-gacha-tbl td:nth-of-type(2) {
	font-size: 14px;
	text-align: center;
}

table.oct-gacha-tbl td:nth-of-type(3) {
	font-size: 14px;
}

table.oct-gacha-tbl td:nth-of-type(n+4) {
  font-size: 12px;
  text-align: center;
  /*
  海外版は無効化
  word-break: break-all;
  */
  padding: 3px 0px;
}

.oct-gacha-tbl-step-bonus {
  font-size: 12px;
  text-align: left;
  padding: 3px 10px;
}

/**************************************/
/* ボタン */
div.oct-gacha_kind_btn_group {
	margin: 10px 20px 20px 20px;
	padding: 0 0;
}

/**************************************/
/* アイコン */
img.oct-gacha_inf_icon {
  /*
	width: 24px;
	height: 24px;
	海外版では以下
  */
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
img.oct-gacha_ex_job_icon {
  width: 20px;
  height: 20px;
}

/******************************************************************************/

.pickup {
	background-color: #d3c751;
}

.gacha_switch_button{
	width: 175px;
	height: 38px;
	background-image: url("./imgs/gacha/button_rate_x2.png");

	background-repeat: no-repeat;
	background-position: center center;
	background-size: 175px 38px;

	text-align: center;
	line-height: 38px;
	font-size: 15px;

	display: inline-block;

	filter: brightness(50%);
	user-select: none;
}