@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++

	Info for Smart Devices

++++++++++++++++++++++++++++++++++++++++ */

@media (max-width: 767px) {

#heading {
	margin-bottom: 4.6875%;
	padding: 0;
	text-align: center;
	white-space: normal;
}

#heading .selectWrap,
#heading p {
	display: block;
	width: 93.75%;
	margin: auto;
}
#heading .selectWrap {
	position: relative;
	left: 0 !important;
	top: 0;
}
#heading .selectWrap+.selectWrap {
	margin-top: 4.6875%;
}
#heading p {
	margin-top: 4.6875%;
}

#tabSub {
	padding: 4.6875% 0 0;
	background: #d2d2d2;
}
#tabSub li {
	width: 18.66% !important;
	height: 0;
	margin-right: 1.67%;
	padding-top: 13.33%;
}
#tabSub li a {
	background-color: #fff;
	background-size: auto 100%;
}
#tabSub li a:after {
	border-top-color: #fff;
}
#tabSub li a:hover,
#tabSub .on a {
	background-color: #1e1e1e;
}
#tabSub li a:hover:after,
#tabSub .on a:after {
	border-top-color: #1e1e1e;
}

.tabNav .entry a { background-image: url(../img/sp/info/tab_entry.png); }
.tabNav .entry a:hover,
.tabNav .entry.on a { background-image: url(../img/sp/info/tab_entry_wht.png); }
.tabNav .roundrobin a { background-image: url(../img/sp/info/tab_roundrobin.png); }
.tabNav .roundrobin a:hover,
.tabNav .roundrobin.on a { background-image: url(../img/sp/info/tab_roundrobin_wht.png); }
.tabNav .qualify a { background-image: url(../img/sp/info/tab_qualify.png); }
.tabNav .qualify a:hover,
.tabNav .qualify.on a { background-image: url(../img/sp/info/tab_qualify_wht.png); }
.tabNav .div2 a { background-image: url(../img/sp/info/tab_div2.png); }
.tabNav .div2 a:hover,
.tabNav .div2.on a { background-image: url(../img/sp/info/tab_div2_wht.png); }
.tabNav .div1 a { background-image: url(../img/sp/info/tab_div1.png); }
.tabNav .div1 a:hover,
.tabNav .div1.on a { background-image: url(../img/sp/info/tab_div1_wht.png); }

#searchNameWrap {
	margin-top: 4.6875%;
	padding-top: 24px;
	background: #444;
}
#searchNameWrap #searchName {
	margin-top: 0;
}



/* ++++++++++++++++++++++++++++++++++++++++

	Entry List, Qualify

++++++++++++++++++++++++++++++++++++++++ */

#entryList #listHead>div,
#entryList .constructorList li,
#entryList>ul .resultList li,
#entryList>ul li>div>div {
	width: auto !important;
	margin: 0;
	padding: 0;
}

#entryList #listHead {
	margin-bottom: 6.67%;
	font-size: 13px;
	text-align: center;
}
#entryList #listHead>div {
	margin-left: 5px;
	padding: 0 0 0 5px;
	border-left: solid 1px #fff;
	background: none;
}

#entryList #listHead .title,
#entryList #listHead .number {
	display: inline-block;
	margin: 0;
	padding: 0;
	border: 0;
}

#entryList #listHead a {
	color: #5a5a5a;
}

#entryList #listHead .grsorter-current {
	color: #fff;
}

#entryList #listHead .asc,
#entryList #listHead .desc {
	display: none;
}

#entryList #listHead .constructorList {
	display: none;
}

#entryList>ul>li {
	margin-top: 3.33%;
	text-align: left;
}
#entryList>ul>li:first-child {
	margin-top: 0;
}
#entryList>ul>li:nth-child(even),
#entryList.ladies>ul>li:nth-child(even) {
	background: #fff;
}
#entryList>ul>li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 19.17%;
	height: 100%;
	background: #5a5a5a;
}

#entryList>ul li>.spLeft {
	position: relative;
	box-sizing: border-box;
	width: 19.17%;
	padding: 1.67%;
	text-align: center;
}

#entryList>ul li>div>div:after,
#entryList>ul .constructorList li:after,
#entryList>ul .resultList li:after {
	display: none;
}

#entryList>ul .number {
	display: block;
	margin-bottom: 20px;
	padding: 0 2px 5px;
	border-bottom: solid 1px #969696;
	color: #969696;
	font-size: 9px;
}
#entryList>ul .number:before {
	content: 'No：';
}

#entryList>ul .board {
	display: block;
	position: relative;
	margin-left: 10px;
}
#entryList>ul .board:before,
#entryList>ul .board:after {
	content: '';
	display: block;
	position: absolute;
	height: 10px;
	background: 50% 0 no-repeat;
	background-size: auto 100%;
}
#entryList>ul .board:before {
	left: -10px;
	top: 0;
	width: 10px;
	background-image: url(../img/sp/info/entry_arrow.png);
}
#entryList>ul .board:after {
	left: 0;
	top: -15px;
	width: 100%;
	background-image: url(../img/sp/info/board.png);
}

#entryList .num {
	width: 12px;
	height: 24px;
}

#entryList .division1,
#entryList.ladies .division1 {
	width: 100%;
	height: 24px;
	background-image: url(../img/sp/info/division1.png);
	background-size: contain;
}

#entryList>ul li>.spRight {
	box-sizing: border-box;
	width: 80.83%;
	padding: 3.33% 0 3.33% 3.33%;
}

#entryList>ul li .name {
	display: block;
	position: relative;
	padding-right: 15px;
	font-size: 13px;
}
#entryList>ul li .name small {
	display: inline-block;
	margin: 0 0 0 10px;
	font-size: 9px;
}

#entryList>ul .constructorList,
#entryList>ul .resultList {
	display: block;
	margin-left: -2.15%;
	white-space: normal;
}
#entryList>ul .constructorList li,
#entryList>ul .resultList li {
	margin: 2.15% 0 0 2.15%;
	padding: 5px 5px 5px 20px;
	background: 5px 50% no-repeat #d2d2d2;
	background-size: 10px;
	vertical-align: bottom;
	font-size: 9px;
}
#entryList>ul .constructorList li:first-child,
#entryList>ul .constructorList .empty+li {
	margin-top: 6.45%;
}

#entryList>ul .constructorList .barrel { background-image: url(../img/sp/info/icon_barrel.png); }
#entryList>ul .constructorList .flight { background-image: url(../img/sp/info/icon_flight.png); }
#entryList>ul .constructorList .apparel { background-image: url(../img/sp/info/icon_apparel.png); }

#entryList>ul .constructorList .empty {
	display: none;
}


/* ----------------------------------------
	Qualify
---------------------------------------- */

#qualifyTitle,
#qualifyTitle+#searchNameWrap {
	display: block;
	width: auto;
	text-align: center;
}
#qualifyTitle img {
	width: 36.875%;
	height: auto;
	vertical-align: middle;
}
#qualifyTitle .num {
	width: 2.8125%;
	height: 0;
	padding-top: 5.625%;
	vertical-align: middle;
}
#qualifyTitle .num+img {
	width: 6.5625%;
}

#qualifyTitle+#searchNameWrap #searchName {
	width: 93.75%;
}

#entryList.qualify #listHead {
	display: none;
}

#entryList.qualify>ul>li:before,
#entryList.qualify>ul li>.spLeft {
	width: 11.67%;
}

#entryList.qualify>ul li>.spLeft,
#entryList.qualify .rank  {
	padding: 0;
}
#entryList .rank .num {
	display: inline-block;
	width: 8px;
	height: 16px;
}

#entryList.qualify>ul li>.spRight {
	width: 88.33%;
}

#entryList.qualify>ul .name {
	padding: 0 20px 0 0;
}

#entryList>ul .resultList {
	width: 92.16%;
	margin: 1.96% 0 0;
}
#entryList>ul .resultList li {
	float: left;
	width: 31.91% !important;
	margin: 1.96% 1.96% 0 0;
	padding: 5px 0;
	white-space: nowrap;
}
#entryList>ul .resultList li:nth-child(3),
#entryList>ul .resultList li:nth-child(5) {
	margin-right: 0;
}

#entryList>ul .resultList .stats01,
#entryList>ul .resultList .statsScr {
	width: 48.94% !important;
}
#entryList>ul .resultList .stats01 {
	clear: left;
}


/* ----------------------------------------
	ladies
---------------------------------------- */

#entryList.ladies #listHead>div,
#entryList.ladies #listHead .constructorList li {
	background: none;
}

#entryList.ladies>ul>li:before {
	background: #d23c5a;
}

#entryList.ladies>ul .number {
	color: #e99ead;
	border-bottom-color: #e99ead;
}

#entryList.ladies>ul .constructorList li,
#entryList.ladies>ul .resultList li {
	background-color: #f6d8de;
}

#entryList.ladies>ul .constructorList .barrel { background-image: url(../img/sp/info/icon_barrel_l.png); }
#entryList.ladies>ul .constructorList .flight { background-image: url(../img/sp/info/icon_flight_l.png); }
#entryList.ladies>ul .constructorList .apparel { background-image: url(../img/sp/info/icon_apparel_l.png); }



/* ++++++++++++++++++++++++++++++++++++++++

	Round-Robin

++++++++++++++++++++++++++++++++++++++++ */

#tabSub.roundrobin {
	padding-bottom: 4.6875%;
}

#rrList {
	font-size: 9px
}
#rrList>ul>li {
	margin-top: 3.33%;
	padding: 5px 10px;
}

#rrList .num {
	width: 10px;
	height: 20px;
	margin: -10px 0 0 -5px;
	background-position: 50%;
}

#rrList .id,
#rrList .table {
	display: none;
}

#rrList .name,
#rrList .resultList {
	width: 50%;
	padding: 0;
}
#rrList .name {
	font-size: 13px;
}
#rrList .name small {
	font-size: 9px;
}

#rrList .resultList {
	height: 45px;
	padding-top: 15px;
}
#rrList .resultList li,
#rrList.ladies .resultList li,
#rrList .resultList .rank  {
	width: 28.57%;
	margin-left: 3.57%;
	background: #fff;
}
#rrList .resultList li:first-child {
	margin-left: 0;
}
#rrList .resultList li>div {
	top: -15px;
	line-height: 15px;
}

.rr_board_bloc {
	width: 93.75%;
	margin: 0 auto;
}

/* ++++++++++++++++++++++++++++++++++++++++

	Tournament

++++++++++++++++++++++++++++++++++++++++ */

/* ----------------------------------------
	tournamentNav
---------------------------------------- */

#tournamentNav {
	width: 93.75%;
	margin: auto;
}
#tournamentNav li {
	height: 0;
	margin: 0 1.67% 0 0;
	padding-top: 23.33%;
}
#tournamentNav li:last-child {
	margin-right: 0;
}
#tournamentNav li a>div>div {
	padding: 0 8.93%;
}
#tournamentNav li span {
	width: 100%;
	height: 0;
	margin-bottom: 14.13%;
	padding-top: 5.43%;
}

#tournamentNav .line3 span {
	margin-bottom: 32.61%;
}


/* ----------------------------------------
	tournamentList
---------------------------------------- */
#tournamentList > ul > li > div {
	width: 195px;
}

#tournamentList li li {
	padding-right: 33px;
}

#tournamentList .point {
	right: 21px;
}

#tournamentList .point:after {
	width: 14px;
	height: 10px;
	background-size: contain;
}

/*Break Point*/
}

/* ----------------------------------------
	display control style
---------------------------------------- */
@media (min-width: 768px) {
	div.player_block_sp {
		display: none !important;
	}
}

@media (max-width: 767px) {
	div.player_block_pc {
		display: none !important;
	}
}

/* ----------------------------------------
	qualify list modify
---------------------------------------- */
@media (max-width: 767px) {
	#entryList.qualify {
		padding: 16px 8px;
	}
	
	#entryList.qualify > ul > li {
		margin-top: 4px;
		text-align: left;
		display: flex;
		align-items: center;
	}
	
	#entryList.qualify > ul > li:before,
	#entryList.qualify > ul li > .spLeft {
		width: 11%;
	}
	
	#entryList.qualify > ul li > .spRight {
		width: 89%;
		padding: 1% 0 1% 1%;
	}

	div.player_block {
		display: flex !important;
		justify-content: space-between;
		align-items: center;
	}
	
	div.player_name {
		text-align: left;
		font-feature-settings: "palt";
		font-size: 1.2em;
		line-height: 1.1em;
		width: 68%;
		word-break: break-all;
	}
	
	div.player_name > a {
		width: 100%;
	}

	div.player_score {
		text-align: right;
		margin-right: 12px;
	}
	
	div.player_score p {
		font-feature-settings: "palt";
	}
/*	
	div.player_score p > span {
		font-size: 1.5em;
	}
*/
	#entryList.qualify > ul li > div > div {
		padding: 0;
	}

	div.player_score > div:first-child > span:nth-of-type(4) {
		margin-left: 12px;
	}
}

/* ----------------------------------------
	qualifying line style
---------------------------------------- */
#entryList.qualify > ul > li.qualifying-line {
	background-color: #c71b1b;
	color: white;
	padding: 8px 0;
	text-align: center;
}

@media (max-width: 767px) {
	#entryList.qualify > ul > li.qualifying-line:before {
	    width: 0;
	}
	
	#entryList.qualify > ul > li.qualifying-line {
		margin-top: 4px;
		justify-content: center;
	}
}

/* ----------------------------------------
	player score num
---------------------------------------- */
#entryList div.player_score .num0 { background-image: url(../img/num/gray/0.svg); }
#entryList div.player_score .num1 { background-image: url(../img/num/gray/1.svg); }
#entryList div.player_score .num2 { background-image: url(../img/num/gray/2.svg); }
#entryList div.player_score .num3 { background-image: url(../img/num/gray/3.svg); }
#entryList div.player_score .num4 { background-image: url(../img/num/gray/4.svg); }
#entryList div.player_score .num5 { background-image: url(../img/num/gray/5.svg); }
#entryList div.player_score .num6 { background-image: url(../img/num/gray/6.svg); }
#entryList div.player_score .num7 { background-image: url(../img/num/gray/7.svg); }
#entryList div.player_score .num8 { background-image: url(../img/num/gray/8.svg); }
#entryList div.player_score .num9 { background-image: url(../img/num/gray/9.svg); }
#entryList div.player_score .num- { background-image: url(../img/num/gray/-.svg); }
#entryList div.player_score .numplus { background-image: url(../img/num/gray/+.svg); }
#entryList div.player_score .numdot { background-image: url(../img/num/gray/dot.svg); }

#entryList.ladies div.player_score .num0 { background-image: url(../img/num/pink/0.svg); }
#entryList.ladies div.player_score .num1 { background-image: url(../img/num/pink/1.svg); }
#entryList.ladies div.player_score .num2 { background-image: url(../img/num/pink/2.svg); }
#entryList.ladies div.player_score .num3 { background-image: url(../img/num/pink/3.svg); }
#entryList.ladies div.player_score .num4 { background-image: url(../img/num/pink/4.svg); }
#entryList.ladies div.player_score .num5 { background-image: url(../img/num/pink/5.svg); }
#entryList.ladies div.player_score .num6 { background-image: url(../img/num/pink/6.svg); }
#entryList.ladies div.player_score .num7 { background-image: url(../img/num/pink/7.svg); }
#entryList.ladies div.player_score .num8 { background-image: url(../img/num/pink/8.svg); }
#entryList.ladies div.player_score .num9 { background-image: url(../img/num/pink/9.svg); }
#entryList.ladies div.player_score .num- { background-image: url(../img/num/pink/-.svg); }
#entryList.ladies div.player_score .numplus { background-image: url(../img/num/pink/+.svg); }
#entryList.ladies div.player_score .numdot { background-image: url(../img/num/pink/dot.svg); }

#qualify_progress .num0 { background-image: url(../img/num/black_2/0.svg); }
#qualify_progress .num1 { background-image: url(../img/num/black_2/1.svg); }
#qualify_progress .num2 { background-image: url(../img/num/black_2/2.svg); }
#qualify_progress .num3 { background-image: url(../img/num/black_2/3.svg); }
#qualify_progress .num4 { background-image: url(../img/num/black_2/4.svg); }
#qualify_progress .num5 { background-image: url(../img/num/black_2/5.svg); }
#qualify_progress .num6 { background-image: url(../img/num/black_2/6.svg); }
#qualify_progress .num7 { background-image: url(../img/num/black_2/7.svg); }
#qualify_progress .num8 { background-image: url(../img/num/black_2/8.svg); }
#qualify_progress .num9 { background-image: url(../img/num/black_2/9.svg); }
#qualify_progress .numdot { background-image: url(../img/num/black_2/dot.svg); }
#qualify_progress .numpercent { background-image: url(../img/num/black_2/percent.svg); }

#entryList div.player_score .num {
	width: 10px;
	height: 20px;
}

#qualify_status {
	display: flex;
	align-items: center;
}

#qualify_progress_title,
#qualify_progress,
#qualifyTitle {
	display: flex;
	align-items: flex-end;
}

#qualify_progress_hide {
	display: none;
}

#qualify_status {
	flex-wrap: wrap;
	justify-content: space-between;
}

#qualify_progress_title {
	width: 50%;
	justify-content: space-around;
}

#qualify_progress_title + #searchNameWrap {
	display: block;
	width: 50%;
	align-items: center;
}

#qualify_progress_title + #searchNameWrap #searchName {
	width: 96%;
	margin-top: 0;
}

#qualify_progress,
#qualifyTitle {
	align-self: flex-end;
	width: auto;
	height: 32px;
}

#qualify_progress span:first-of-type,
#qualifyTitle span:first-of-type,
#qualifyTitle span:last-of-type {
	align-self: flex-end;
	line-height: 1;
    font-size: 22px;
}

#qualify_progress span:first-of-type,
#qualifyTitle span:first-of-type {
	margin-right: 2px;
}

#qualifyTitle span:last-of-type {
	margin-left: 2px;
}

#qualify_progress .num,
#qualifyTitle .num {
    width: 16px;
    height: 32px;
    margin: 0;
}

#qualify_progress .numdot {
	width: 9px;
}

@media (max-width: 767px) {
	#qualify_progress_title {
		width: 100%;
	}
	
	#qualify_progress_title + #searchNameWrap {
		width: 100%;
	}

	#qualify_progress span:first-of-type,
	#qualifyTitle span:first-of-type,
	#qualifyTitle span:last-of-type {
    	font-size: 18px;
	}

	#qualify_progress .num,
	#qualifyTitle .num {
		width: 14px;
		height: 28px;
		margin: 0;
	}

	#qualifyTitle .num {
		padding: 0;
		vertical-align: unset;
	}

	#qualify_progress .numdot {
		width: 8px;
	}
}

/* ----------------------------------------
	entry list modify
---------------------------------------- */
@media (max-width: 767px) {
	#entryList {
		padding: 16px 8px;
	}

	#entryList > ul .number,
	#entryList.ladies > ul .number {
		color: white;
	}

	#entryList > ul .number:before {
		content: '';
	}

	#entryList > ul > li {
		margin-top: 4px;
		text-align: left;
	}

	#entryList > ul li >.spRight {
		padding: 2% 0 2% 2%;
	}

	#entryList > ul li .name {
		font-size: 15px;
	}

	#entryList > ul li .name small {
		display: block;
		margin: 4px 0 0;
		font-size: 9px
	}

	#entryList > ul .constructorList li:first-child {
		margin-top: 0;
	}

	#entryList > ul .constructorList {
		min-height: 20px;
		margin-top: 6px;
		margin-left: 0;
	}

	#entryList > ul .constructorList li {
		margin: 0 2px 0 0;
	}

	#entryList > ul .constructorList li:empty {
		display: none;
	}
}

/* ----------------------------------------
	roundrobin list modify
---------------------------------------- */
@media (max-width: 767px) {
	#rrList {
		padding: 16px 8px;
	}

	#rrList > ul > li {
		margin-top: 4px;
	}

	#rrList .name {
		font-size: 15px;
	}
}


/* ----------------------------------------
	board information buttom
---------------------------------------- */
@media (max-width: 767px) {
	article h2 {
		position: initial;
		padding: 0 3.125%;
	}

	article h2 img {
		position: initial;
		left: initial;
	    top: initial;
	    width: initial;

		height: 4.2vh;
	}

	article h2 > div a {
		padding: 1.5vw 3vw;
		border-radius: 3vw;
		font-size: 3vw;
		color: white;
		background-color: #444;
	}
}