@charset "utf-8";

/*フォント設定*/


/*
Theme Name: ai-market
Theme URI: https://ai-market.ai/
Description: PC,タブレット,モバイル用
Author:
Author URI: https://ai-market.ai/
Version: 1.0
*/

body {
  margin: 0 auto;
  padding: 0;
  letter-spacing: 1px;
  font-family: 游ゴシック体, "Yu Gothic", YuGothic, "メイリオ", meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
  line-height: 1.5;
  color: #000;
  font-weight: 500;
  background: #ededed;
  word-break: break-all;
}

body.home{
		/*background: #f06d06;*/
		background: linear-gradient(to right, #6a11cb, #2575fc);
}

* {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  }

/* ---------------------------------------------------
    font
----------------------------------------------------- */


.player_num {
 font-family: 'Helvetica Neue', Arial, sans-serif;
}

/* ---------------------------------------------------
    clearFix
----------------------------------------------------- */

.cf:before,.cf:after {
  content: " ";
  display: table;
}
.cf:after { clear: both; }
.cf { *zoom: 1; }

/* ---------------------------------------------------
    link
----------------------------------------------------- */

a {
	text-decoration: none;
	color: #FF5722;
	cursor: pointer;
}

a:focus {text-decoration: none;}

/* ---------------------------------------------------
    img araテスト中
----------------------------------------------------- */

img {
  max-width: 100%;
  height: auto;
  aspect-ratio: attr(width) / attr(height);
}

/* ---------------------------------------------------
    colorstyle
----------------------------------------------------- */

.red {color: #f22;}
.bold {font-weight: bold;}
/*.border {background: linear-gradient(transparent 50%, #FFF080 50%);font-weight:600;} */

.border {
		background-image: linear-gradient(#FFF080, #FFF080);
  background-size: 0 50%;
  background-position: 0 100%;
  background-repeat: no-repeat;
  transition: 1s;
		font-weight: bold;
}

.border.active {
  background-size: 100% 50%;
		font-weight:bold;
}

/* ---------------------------------------------------
    table
----------------------------------------------------- */

.dataTables_wrapper {
	margin: 0 0 30px!important;
}

.tablepress {
	border: 1px solid #ddd!important;
	font-size: 14px;
}

.tablepress th {
	text-align: center!important;
	background-color: #ededed!important;
	border-right: 1px solid #ddd!important;
}

.tablepress th:last-child {
	border-right: none!important;
}

.tablepress td {
	text-align: center!important;
	border-right: 1px solid #ddd!important;
}

.tablepress td:last-child {
	border-right: none!important;
}