@charset "utf-8";


/*---------------------------------
 ページヘッダー
--------------------------------*/
header {
	}
	header #headBlock {
		}
	header #headBlock h1 {
        max-width: 640px;
			/*max-width: 100％;*/
        background: url(../image/logo_640.png) center no-repeat;
        background-size: 480px;
		}
		header #headBlock h1 a
		}

#contents  {
    text-align: left;
    }
    #contents h2 {
        margin-top: 44px;
        height: auto;
        background: none;
    }

/*---------------------------------
 ルール
--------------------------------*/
#ruleArea {
	}
	#ruleArea h2 {
		color: #f15a24;
	}
	#ruleArea h3 {
        font-size: 2.4em;
        font-size: 2.4rem;
	}
	#ruleArea p {
	}
	#ruleArea .rule {
        display: block;
        margin-top: 22px;
        text-align: left;
	    }
  		#ruleArea .rule ol {
      		}
            #ruleArea .rule li {
                display: block;
                position: relative;
                margin: 44px;
                padding: 20px;
                border-radius: 5px;
                background: #ffc06c;
                counter-increment: li;
            }
            #ruleArea .rule li h3 {
                font-weight: bold;
            }
            #ruleArea .rule li h4 {
                position: relative;
                top: 8px;
                font-weight: bold;
                text-indent: 1em;
            }
            #ruleArea .rule li p{
                position: relative;
                z-index:100;
                padding: 10px 1em 0 1em;
            }
            #ruleArea .rule li:before{
                position: absolute;
                z-index: 10;
                right: 20px;
                bottom: 0;
                color: #f7931e;
                font: bold 98px/1 'Anton', cursive;
                text-align: center;
                content: counter(li);
            }

/*---------------------------------
 スケジュール
--------------------------------*/
#schejuleArea {
	}
	#schejuleArea h2 {
		color: #006837;
	}
	#schejuleArea .schejule {
        /*margin: 44px;*/
        text-align: left;
	   }
       #schejuleArea .schejule button {
           font-size: 1.0em;
           font-size: 1.0em;
		   margin-bottom: 4px;
           padding: 2px 30px;
           color: #fff;
           border-style: none;
           border-radius:5px;
       }
       #schejuleArea .schejule button:hover {
           color: #000;
       }
       	#schejuleArea .schejule li.season {
            display: block;
            position: relative;
            margin: 44px;
            padding: 20px;
            border-radius: 5px;
            background: #72c96b;
       	    }
        	#schejuleArea .schejule li.season h3 {
                font: bold 46px/1 'Metrophobic', Arial, serif;
                color: #c5ffc0;
       	    }
        	#schejuleArea .schejule ol.round {
                display: block;
                margin: 10px 20px;
        	    }
            	#schejuleArea .schejule ol.round li {
                    position: relative;
					display: block;
                    margin-top: 10px;
                    padding: 8px 6px;
                    width: 100%;
					height: auto;
                    border-bottom: 1px solid rgba(0, 0, 0, .2);
                	box-shadow(rgba(255, 255, 255, .3)0 1px 0);
        	       }
                   	#schejuleArea .schejule ol.round li:last-child {
                        padding-bottom: 0;
                        border-bottom: none;
                    }
				#schejuleArea .schejule ol.round li time {
					display: inline-block;
					width: 200px;
				}
				#schejuleArea .schejule ol.round li .days {
					display: inline-block;
                    width: 200px;
					vertical-align: top;
					}
					#schejuleArea .schejule ol.round li .days time {
						width: 220px;
	        	    }
				#schejuleArea .schejule ol.round li .detail {
					display: inline-block;
					}
	            	#schejuleArea .schejule ol.round li .title {
	                    display: inline-block;
	                    width: 220px;
	        	    }
	            	#schejuleArea .schejule ol.round li .team {
	                    display: inline-block;
	                    width: 270px;
						vertical-align: top;
	        	    }
					#schejuleArea .schejule ol.round li time.rarrySecond {
						color: rgba(255, 255, 255, 0);
					}
            	#schejuleArea .schejule ol.round li .other {
                    position: absolute;
                    top: 0;
                    right: 6px;
            	    }
                	#schejuleArea .schejule ol.round li .other .oubo {
						display: block;
						margin: 0;
						height: 28px;
            	    }
               	#schejuleArea .schejule ol.round li.next  {
                    padding: 10px 6px;
					height: 90px;
					min-height: 60px;
                    background: #c5ffc0;
                    border-radius: 4px;
               		}
               		#schejuleArea .schejule ol.round li.next time,
               		#schejuleArea .schejule ol.round li.next .title,
               		#schejuleArea .schejule ol.round li.next .team {
	                    position: relative;
		                top: 30%;
	                }
                   	#schejuleArea .schejule ol.round li.next .other {
                        top: 2.4em;
						right: auto;
						left: 190px;
	            	    }
	                	#schejuleArea .schejule ol.round li.next .other .oubo {
		                    display: inline-block;
						}
                   	#schejuleArea .schejule ol.round li.next .gaiyou {
                        margin-bottom: 10px;
            	    }
					#schejuleArea .schejule ol.round li.next .rarryw {
						top: 70px;
					}
                    #schejuleArea .schejule ol.round li .other .result {
                    }
                    .oubo button {
                        background-color: #ed673e;
                        }
                        .oubo button:hover {
                            background-color: #fbb03b;
                        }
                    .result button {
                        background-color: #006837;
                        }
                        .result button:hover {
                            background-color: #c5ffc0;
                        }

/*---------------------------------
 大会概要：モーダル
--------------------------------*/
.gaiyou {
	/*background: #ffc06c;*/
	}
	.gaiyou h2 {
        font-size: 3em;
        font-size: 3rem;
		color: #006837;
	}
	.gaiyou h3 {
		font-weight: bold;
        font-size: 2em;
        font-size: 2rem;
		color: #006837;
	}
	.gaiyou ul,
	.gaiyou ol {
		margin: 0 1em;
		width: auto;
	}
	.gaiyou li {
		width: auto;
		}
		.gaiyou li.titles:before {
			content: "■";
			margin-right: 0.2em;
			color: #006837;
		}
	.gaiyou li.level {
		counter-increment: labels;
		}
		.gaiyou li.level:before {
			content: counter(labels) "：";
		}
	.gaiyou .gaiyouList {
		margin-top: 20px;
		padding: 10px;
		border-radius: 5px;
		background: #c5ffc0;
		text-align: left;
	    }
		.gaiyou .gaiyouList p {
			padding: 1em;
	    }
		.gaiyou .gaiyouList dl {
			display: table;
			margin: 0 1em;
			}
			.gaiyou .gaiyouList dt {
				margin-right: 0.5em;
			}
			.gaiyou .gaiyouList dd {
				}
				.gaiyou .gaiyouList dd:before {
	                content: '：';
					margin-right: 0.5em;
	            }
		.gaiyou .gaiyouList .entryArea {
			display: block;
			text-align: center;
			}
			.gaiyou .gaiyouList .entryArea input {
				margin-top: 11px;
			}
		.gaiyou .rarryDetail {
			border: 2px solid #006837;
		}
		.gaiyou footer {
			display: block;
			margin-top: 30px;
		}
	@media screen and (min-width: 360px) and (max-width: 399px) {
		.gaiyou {
		}
	}
	@media screen and (max-width: 359px) {
		.gaiyou {
		}
	}


/*---------------------------------
 対戦ブロック：モーダル
--------------------------------*/
#teamblock {
	/*background: #ffc06c;*/
	}
	#teamblock h2 {
        font-size: 3em;
        font-size: 3rem;
		color: #006837;
	}
	#teamblock h3 {
		padding: 0.4em 0;
		font-weight: bold;
        font-size: 2em;
        font-size: 2rem;
		color: #006837;
	}
	#teamblock .teamList {
		margin: 1em auto;
		background: #c5ffc0;
	}
	#teamblock li {
		display: inline-block;
		margin: 0 11px 10px 11px;
	}


/*---------------------------------
 タイムスケジュール：モーダル
--------------------------------*/
#timeSchejule {
	/*background: #ffc06c;*/
	}
	#timeSchejule h2 {
        font-size: 3em;
        font-size: 3rem;
		color: #006837;
	}
	#timeSchejule h3 {
		padding: 0.4em 0;
		font-weight: bold;
        font-size: 2em;
        font-size: 2rem;
		color: #006837;
	}
	#timeSchejule .timeList {
		margin: 1em auto;
		padding: 0 5px;
		background: #c5ffc0;
	}
	#timeSchejule li {
		display: inline-block;
		margin-bottom: 10px;
	}