@charset "utf-8";
/* CSS Document */

.index-results{
	width: 96%;
	margin: 0 auto;
	background: #fff;
}

.index-results-title{
	padding: 0.1em;
	width: 100%;
	margin: 5px auto 0 auto;
	font-size: 1.4rem;
	font-weight: bold;
}

/***** 大会結果 *********************************************************/
.results-head{
	color :#7c0451;
	margin: 20px auto 5px auto;
	text-align: center;
}

.results-title{
  width: 99%;
  margin: 10px auto;
  border: 5px solid #f1f1f1;
  border-radius: 10px;
  padding: 0.5rem;
}

.results-title h2{
	font-size: 1.5rem;
	line-height: 1.4;
}

.results-title ol{
	display: block;
	margin-top: 5px;
}

.results-title ol>li{
	line-height: 1.4;
}

.results-title p{
	font-size: 1.4rem;
	margin-top: 10px;
}

.table-results{
	width: 99%;
	margin: 0 auto;
	margin-top: 10px;
}

.table-results p{
	margin-top: 0.5rem;
}

.table-results h3{
	line-height: 1.8;
	font-weight: bold;
}

table{
	width: 100%;
	margin:0 auto;
	border-collapse: collapse;
}

.mt10,.mtr10{
	margin-top: 10px;
}


caption{
	display: block;
	text-align: left;
	background: aqua;
}

.table-results > h4{
	display: block;
	background: #F9F4FF;
	line-height: 1.8;
}

tr{
	border-bottom: 1px solid #7c0451;
}

td{
	border-top: 1px solid #7c0451;
	border-right: 1px solid #7c0451;
	padding: 0.5rem 0;
	vertical-align: middle;
	line-height: 1.8;
}

th{
	display: none;
}

.type-1{
	width: 10%;
	text-align: center;
	border-left: 1px solid #7c0451;
}

.type-2{
	width: 28%;
	padding-left: 0.5rem;
}

.type-3{
	width: 32%;
	padding-left: 0.5rem;
	font-size: 1.2rem;
}

.type-4{
	width: 18%;
	text-align: right;
	padding-right: 0.5rem;
}

.type-0{
	width: 12%;
	padding-left: 0.5rem;
}

.resu-path{
	width: 99%;
	margin: 0 auto;
}

.club-sub{
	margin: 1rem 0;
	font-size: 1.6rem;
}

		/** res@onsiv 600px OVER **********************/
			@media only screen and (min-width: 600px) {
				.results-title{
					width: 90%;
					margin: 15px auto;
					padding: 1rem;
				}
				
				.table-results{
					width: 90%;
					margin: 0 auto;
					margin-top: 10px;
				}
				
				caption{
					display: none;
				}
				
				.table-results > h4{
					display: none;
				}
				
				.border-b{
					border-bottom: none;
				}
				
				.border-t{
					border-top: none;
				}
				
				.mtr10{
					margin-top: 0;
				}
				
				.table-bg{
					background: #f1f1f1;
				}
				
				th{
					display: table-cell;
					width: 15%;			
					text-align: center;
					border-left: 1px solid #7c0451;
					border-top: 1px solid #7c0451;
					vertical-align: middle;
					line-hright: 1.8;
					font-weight: normal;
				}
				
				.type-1{
					width: 10%;
					text-align: center;
					border-left: 1px solid #7c0451;
				}
				
				.type-2{
					width: 25%;
					padding-left: 0.5rem;
				}
				
				.type-3{
					width: 29%;
					padding-left: 0.5rem;
					font-size: 1.4rem;
				}
				
				.type-4{
					width: 21%;
					text-align: right;
					padding-right: 0.5rem;
				}
				
				.resu-path{
					width: 90%;
				}					
			}
			
			/** res@onsiv 900px OVER **********************/
			@media only screen and (min-width: 900px) {
				.results-title{
					width: 80%;
					margin: 15px auto;
					padding: 1rem;
				}
				
				.table-results{
					width: 80%;
					margin: 0 auto;
					margin-top: 10px;
				}
				
				.resu-path{
					width: 80%;
				}	
			}
			
/***** 大会結果（旧）*******************************************************/
.results{
	width: 99%;
	margin: 0 auto;
}

.results h3{
	margin-top: 10px;
}


.resu-table, .resu-table-six{
	width: 100%;
	margin: 0 auto;
	background: #fff;
	border-top: 1px solid #7c0451;
	border-left: 1px solid #7c0451;
	margin-bottom: 5px;	
}

.resu-table ul, .resu-table-six ul{
	display: table;
	width: 100%;
}

.resu-table li, .resu-table-six li{
	display: table-cell;
	border-right: 1px solid #000;
	border-bottom: 1px solid #7c0451;
	padding: 0.2em 0 0.2em 0.5em;
	width: 18%;
	vertical-align: middle;
	line-height: 1.8;
}

.resu-table-six li{
	width: 22%;
}

.resu-table li:nth-child(3){
	with: 30%;
}

.resu-table li:nth-child(4){
	with: 25%;
}

.resu-table-six li:nth-child(4){
	width: 10%;
}

.resu-table ul li:last-child, .resu-table-six li:last-child{
	padding: 0.2em 0.2em 0.2em 0;
	text-align: right;
	width: 17%;
}

.resu-table-six li:last-child{
	width: 14%;
}

.resu-table ul li:nth-child(2), .resu-table-six li:nth-child(2){
	padding: 0.2em 0;
	width: 10%;
	text-align: center;
}

.resu-table ul li:nth-child(4){
	font-size: 1.0rem;
}

.resu-table ul li.border-none, .resu-table-six li.border-none{
	border-bottom: none;
}

.results-photo ul{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.results-photo ul li{
	width: 31%;
	margin-top: 0.7rem;
}

			/** res@onsiv 600px OVER **********************/
				@media only screen and (min-width: 600px) {
					.results{
						width: 90%;
					}
					
					.resu-table ul li:nth-child(4){
						font-size: 1.2rem;
					}

					.results-title h2{
						font-size: 1.6rem;
					}
				}
		
			/** res@onsiv 900px OVER **********************/
			@media only screen and (min-width: 900px) {
				.results{
					width: 80%;
				}
				
				.resu-table ul li:nth-child(4){
					font-size: 1.4rem;
				}
			}

/***** 大会結果メイン ******************************************************/
.results-main{
	width: 99%;
	margin: 1.5rem auto;
	border-top: 1px solid #7c8451;
	display: block;
	padding-bottom: 0.5rem;
}

.results-main-left,.events{
	width: 100%;
	padding: 0.5rem 1rem;
}

.results-main-left dl{
	display: flex;
	display:-webkit-flex;
	margin-top:2rem;
}

.results-main-left dl dt{
	width: 20%;
}

.results-main-left ul{
	margin-left: 4rem;
}

.results-main-left h1,.events h1{
	font-size: 1.5rem;
	font-weight: bold;
	margin-top: 0.3rem;
}

.results-main-left h2,.events h2{
	font-size: 1.4rem;
	margin-top: 0.7em;
}

.results-main-right{
	width: 100%;
	padding-top: 0.5em;
}

.results-main-left ul li, .events p {
	position: relative;
	line-height: 1.5;
}

.results-main-left ul li::after,
.results-main-left ul li::before,
.events p::after,
.events p::before{
	display: block;
	content: '';
	position: absolute;
}

.results-main-left ul li::after,
.events p::after{
	top: .23em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #7c0451;
	border-radius: 100%;
}

.results-main-left ul li::before,
.events p::before {
	z-index: 2;
	top: .562em;
	left: -.930em;
	top: .557em;
	left: -.910em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.events{
	width: 100%;
	padding: 0.5rem 1rem;
}

.events p{
	margin: 2rem 0 0 2rem;
}


.results-main dt ul li {
	position: relative;
	line-height: 1.6;
}

.results-main dt ul li::after,
.results-main dt ul li::before {
	display: block;
	content: '';
	position: absolute;
}

.results-main dt ul li::after {
	top: .35em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #7c0451;
	border-radius: 100%;
}

.results-main dt ul li::before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.res-path{
	width: 99%;
	margin: 1rem 0 0 0.5rem;
}

		/** res@onsiv 900px OVER **********************/
			@media only screen and (min-width: 900px) {
				.results-main{
					display: flex;
					display:-webkit-flex;
					width: 90%;
				}
				
				.results-main-left,.events{
					width: 60%;
				}
				
				.results-main-right{
					width: 40%;
				}
				
				a.p-events{
				  pointer-events:auto;
				  cursor:auto;
				  color:#004089;
				}	
				
				.res-path{
					width: 90%;
					margin: 1rem auto 0 auto;
				}
			}

/***** 大会結果 *********************************************************/
/*.results{
	width: 99%;
	margin: 0 auto;
	background: pink;
}

.results-head{
	color :#7c0451;
	margin: 20px auto 5px auto;
	text-align: center;
}

.results-title{
  width: 100%;
  margin: 10px auto;
  overflow: hidden;
  border: 5px solid #f1f1f1;
  border-radius: 10px;
  padding: 0.3em 0 0.3em 1em;
}

.results-title h2{
	font-size: 1.5rem;
	line-height: 1.4;
}

.results-title ol{
	display: block;
	margin-top: 5px;
}

.results-title ol>li{
	line-height: 1.4;
}

.results-title p{
	font-size: 1.4rem;
	margin-top: 10px;
}


.results h3{
	padding: 0.1em;
	width: 100%;
	margin: 5px auto 0 auto;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: left;
}

.resu-table, .resu-table-six{
	width: 100%;
	margin: 0 auto;
	background: #fff;
	border-top: 1px solid #7c0451;
	border-left: 1px solid #7c0451;
	margin-bottom: 5px;	
}

.resu-table ul, .resu-table-six ul{
	display: table;
	width: 100%;
}

.resu-table li, .resu-table-six li{
	display: table-cell;
	border-right: 1px solid #000;
	border-bottom: 1px solid #7c0451;
	padding: 0.2em 0 0.2em 0.5em;
	width: 18%;
	vertical-align: middle;
	line-height: 1.4;
}

.resu-table-six li{
	width: 22%;
}

.resu-table li:nth-child(3){
	with: 30%;
}

.resu-table li:nth-child(4){
	with: 25%;
}

.resu-table-six li:nth-child(4){
	width: 10%;
}

.resu-table ul li:last-child, .resu-table-six li:last-child{
	padding: 0.2em 0.2em 0.2em 0;
	text-align: right;
	width: 17%;
}

.resu-table-six li:last-child{
	width: 14%;
}

.resu-table ul li:nth-child(2), .resu-table-six li:nth-child(2){
	padding: 0.2em 0;
	width: 10%;
	text-align: center;
}

.resu-table ul li:nth-child(4){
	font-size: 1.0rem;
}

.resu-table ul li.border-none, .resu-table-six li.border-none{
	border-bottom: none;
}

.mojisu{
	width: 10%;
	color: #f00;
}

.results-photo ul{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.results-photo ul li{
	width: 31%;
	margin-top: 0.7rem;
}

.roll{
	margin: 0.3rem 0 1rem 0;
	color: #7c0451;
}


/********************************************************************
                       タブレット　481PX-768PX             
********************************************************************/
@media only screen and (min-width: 481px) {
/*.results{
	width: 100%;
}

.resu-table ul li:nth-child(4){
	font-size: 1.4rem;
}

.results-title h2{
	font-size: 1.6rem;
}

.results-photo ul li{
	width: 19%;
	margin-top: 0.7rem;
}

h4{
	display: none;
}

}


/********************************************************************
                      デスクトップ 768px OVER 
********************************************************************/
@media only screen and (min-width: 769px) {
/*.results{
	width: 80%;
}

.results-title{
 	width: 80%;
}

.results-title ol{
	display: flex;
}

.results-title ol>li:last-child{
	margin-left: 10px;	
}
}
