@charset "utf-8";

.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.tli { text-align: left !important; }
.tci { text-align: center !important; }
.tri { text-align: right !important; }

.scroll-auto {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch; /* スマホでなめらかスクロール */
}

@media screen and (min-width:480px) {
    div.match_up_img{
        width: 25%;
    }
}

.decoration-text {
	font-size: 18pt;
	text-align: center;
	font-weight: bold;
	color: transparent;
	background : rgba(0,0,0,1);
	text-shadow : 
		0 0 0.1em rgba(255,255,255,0.05),
		0.01em 0.04em 0.03em rgba(255,255,255,0.4);
	-webkit-background-clip : text;
}

.img-dummy-text {
	float: left;
	width: 25%;
	text-align: center;
	padding-top: 25px;
}

p.indent-1 {
  padding-left: 1.5rem;
  text-indent: -1.5rem;
}
p.bottom-auto {
  margin-bottom: auto;
}

/** テーブル */

/**
 * 選手ページの成績
 * member
 */
.design04 {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
}
.design04 tr:nth-child(2n+1) {
  background: #f5f5f5;
}
.design04 th {
  padding: 10px;
  background: #8a8a8a;
  border-right: solid 1px #778ca3;
  color: #ffffff;
}
.design04 th:last-child {
  border-right: none;
}
.design04 td {
  padding: 10px;
  border-right: solid 1px #778ca3; 
}
.design04 td:last-child {
  border-right: none;
}

/**
 * 選手ページの基本情報
 * member
 */
.design03 {
  border-collapse: collapse;
  border-spacing: 0;
}
.design03 th {
  padding: 4px 8px;
  background: #f5f5f5;
  border: solid 1px #778ca3;
}
.design03 td {
  padding:  4px 16px 4px 8px;
  border: solid 1px #778ca3;
}
@media screen and (max-width: 640px) {

  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }

  .design03 {
    width: 80%;
  }
  .design03 th,
  .design03 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}

/**
 * 試合一覧
 * games
 * team
 */
.design01 {
  border-collapse: collapse;
  border-spacing: 0;
}
.design01 th {
  padding: 4px 8px;
  background: #f5f5f5;
  border: solid 1px #778ca3;
}
.design01 td {
  padding:  4px 16px 4px 8px;
  border: solid 1px #778ca3;
}
@media screen and (max-width: 640px) {

  .design01 th:first-child {
    border-top: solid 1px #778ca3;
  }
  .design01 .sp-span-td {
    border-bottom: dotted 1px #778ca3;
  }

  .design01 {
    width: 80%;
  }
  .design01 th,
  .design01 td {
    border-top: none;
    display: block;
    width: 100%;
  }
}

/**
 * 成績ランキング
 * stats_ranking
 */
.design02 {
  border-collapse: collapse;
  border-spacing: 0;
}
.design02 th {
  background: #8a8a8a;
  color: #ffffff;
}
.design02 tr:nth-child(even) {
  background: #f5f5f5;
}

/** ------------------------------------------------------------------------- */

@media screen and (max-width:899px) { /** 899px以下 */

.screen_small {
	display: block;
}
.screen_large {
	display: none;
}

}

@media screen and (min-width:900px) { /** 900px以上 */

.screen_small {
	display: none;
}
.screen_large {
	display: block;
}

}

/** ------------------------------------------------------------------------- */