/* 早稲田大学体操部 競技記録 */

.competition-result {
    white-space     : normal;
}

#waseda-gymnastics-recent-result-list {
    padding         : 10px 15px;
}

#result-selector {
    clear           : both;
    width           : 100%;
    border          : 2px solid #8f353b;
    padding         : 15px 10px;
    border-radius   : 8px;
    box-sizing      : border-box;
}

#recent-selector {
	display         : inline-block;
}

#recent-selector li {
	position        : relative;
    float           : left;
    margin          : 10px;
    font-size       : 14px;
    color           : #8f353b;
    cursor          : pointer;
}

#recent-selector li:before {
	content         : '';
   	position        : absolute;
   	width           : 0;
   	height          : 4px;
   	right           : 50%;
   	top             : 17px;
	background      : linear-gradient(to left, #b3424a , 40%, #a52a2a);
   	transition      : all 0.4s ease-out;
}

#recent-selector li:after {
   	content         : '';
   	position        : absolute;
   	width           : 0;
   	height          : 4px;
   	left            : 50%;
   	top             : 17px;
	background      : linear-gradient(to right, #a52a2a, 60%, #8f353b);
	transition      : all 0.4s ease-out;
}

#recent-selector li.on:before,
#recent-selector li:hover:before {
   	width           : 50%;
}

#recent-selector li.on:after,
#recent-selector li:hover:after {
   	width           : 50%;
}

.result-selector-listbox {
	margin-top      : 5px;
}

.result-selector-listbox:first-child {
	clear:both;
}

.result-selector-listbox select {
	margin-right    : 20px;
}

#recent-selector li:hover {
	color           : #2a85c6;
}

#selecType {
    width           : 92px;
	font-size       : 16px;
}

#selectEvent {
	clear           : both;
}

#selectCompetition {
	max-width       : 90%;
    margin-top      : 10px;
}


/* 競技結果 */
#result-search-title {
    position        : relative;
    width           : 90%;
    margin          : 0 auto;
    font-size       : 16px;
    font-weight     : bold;
    color           : #4242bf;
    text-align      : center;
    line-height     : 1.6;
    margin-top      : 10px;
    max-width       : 500px;
    border-bottom   : 2px solid #8a0623;
}

.competitionName {
    margin-top      : 30px;
    margin-bottom   : 10px;
	font-size       : 16px;
	line-height     : 1.8em;
    border-bottom   : 1px solid #f00;
}

.competitionName .title {
	color           : #8a0623;
	font-weight     : bold;
}

.subtitle  {
	padding         : 10px 5px 0px 30px;
	font-size       : 14px;
	color           : #000;
}

.subtitle.is-rin {
    background      : url(/wgc/img/icons/icon-rin.png) left top 2px no-repeat;
    background-size : 24px;
    margin-bottom   : 10px;
}

.subtitle.is-bal {
    background      : url(/wgc/img/icons/icon-bal.png) left top 2px no-repeat;
    background-size : 24px;
    line-height     : 0.9;
    margin-bottom   : 10px;
}

.subtitle.is-rhy {
    background      : url(/wgc/img/icons/icon-rhy.png) left top 2px no-repeat;
    background-size : 24px;
    line-height     : 0.8;
    margin-bottom   : 10px;
}

.competition-result .subtitle.is-rin,
.competition-result .subtitle.is-bal,
.competition-result .subtitle.is-rhy {
    letter-spacing  : 1.2px;
}

.competitionInfo {
    line-height     : 1.6;
    font-size       : 14px;
    padding-bottom  : 5px;
}
.competition-result .competitionInfo {
    letter-spacing  : 1.2px;
}

.venueName {
	font-size       : 16px;
	line-height     : 1.2em;
}

.scoreTable {
    font-family     : "I-OTF明朝オールドPro R{pm}";
    margin-bottom   : 2em;
}
.competition-result .scoreTable {
	margin-bottom   : 5px;
}

.scoreTableBlock {
	margin-bottom   : 15px;
    box-sizing      : border-box;
    line-height     : 2.6em;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling        : touch;
    overflow-x      : auto;
    overflow-y      : hidden;
}
.competition-result .scoreTableBlock {
    font-size       : 12px;
}

.scoreTableBlock table {
	display         : table;
    border          : 1px solid #ffffff;
    border-collapse : collapse;
    box-sizing      : border-box;
    text-indent     : initial;
    border-spacing  : 2px;
}

.scoreTableBlock table tr {
    display         : table-row;
    vertical-align  : inherit;
    border-color    : inherit;
}

.scoreTableBlock table tr.group {
	border-top      : 3px solid #8a0623;
	border-bottom   : 2px solid #8a0623;
	color           : #000;
	font-weight     : bold;
}

.scoreTableBlock table > tr {
    vertical-align  : middle;
}

.scoreTableBlock table th,
.scoreTableBlock table td {
    padding         : 0.1em;
    font-weight     : normal;
    border          : 1px solid #000;
    border-collapse : collapse;
    text-align      : center;
    height          : 3.5em;
    vertical-align  : middle;
    letter-spacing  : 1px;
    line-height     : 1.4;
}

.scoreTableBlock table th {
    max-width       : 7em;
    min-width       : 7em;
    border-bottom   : 2px #8a0623 solid;
    background-color: #8a0623;
    color           : #fff;
    height          : 2.5em;
}
.scoreTableBlock table td {
    width           : 5em;
    font-size       : 14px;
}

.scoreTableBlock table td:first-child {
    min-width       : 6em;
}

.scoreTableBlock .rank {
    color           : #fd1f1f;
    font-weight     : bold;
    letter-spacing  : 3px;
}

.scoreInfoBlock {
    margin-bottom   : 15px;
    padding-left    : 10px;
}

.scoreInfoBlock li {
    line-height     : 2;
    font-size       : 14px;
}

.result-comment {
    font-size       : 16px;
    margin          : 15px 0px;
    color           : #3b3bcc;
    line-height     : 1.4;
}

.eventNone {
	display         : none;
}

@media (max-width: 479px) {
}

@media all and (max-width: 320px) {
	#waseda-gymnastics-recent-result-list {
	    padding    : 10px 5px;
	}
}


@media all and (min-width:321px) and (max-width: 374px) {
	#waseda-gymnastics-recent-result-list {
	    padding    : 5px 5px;
	}
}

@media all and (min-width:375px) and (max-width: 479px) {
	#waseda-gymnastics-recent-result-list {
	    padding    : 10px 10px;
	}
}

@media (max-width: 640px) {
	.scoreTableBlock table {
	    overflow-x : visible;
	    overflow-y : hidden;
	}
}

@media all and (min-width:640px) {
}