@charset "utf-8";


/*---------------------------------
 ページヘッダー
--------------------------------*/
header {
	}
	header #headBlock {
		}
	header #headBlock h1 {
        background: url(../image/logo_320.png) center no-repeat;
		}
		header #headBlock h1 a {
		}
	@media screen and (min-width: 360px) and (max-width: 399px) {
		header #headBlock h1 {
		}
	}
	@media screen and (max-width: 359px) {
		header #headBlock h1 {
			background-size: 80%;
		}
	}

#contents  {
    }
    #contents h2 {
        margin-top: 20px;
    }

/*---------------------------------
 ルール
--------------------------------*/
#ruleArea {
	}
	#ruleArea h2 {
	}
	#ruleArea h3 {
        font-size: 2em;
        font-size: 2rem;
	}
	#ruleArea p {
	}
	#ruleArea .rule {
	    }
  		#ruleArea .rule ol {
      		}
            #ruleArea .rule li {
                margin: 20px 0;
                padding: 10px;
            }
            #ruleArea .rule li h3 {
            }
            #ruleArea .rule li h4 {
                top: 6px;
            }
            #ruleArea .rule li p{
                padding: 10px 0 0 1em;
            }
            #ruleArea .rule li:before{
                right: 10px;
                font: bold 90px/1 'Anton', cursive;
            }
	@media screen and (min-width: 360px) and (max-width: 399px) {
		#ruleArea {
		}
	}
	@media screen and (max-width: 359px) {
		#ruleArea {
		}
	}

/*---------------------------------
 スケジュール
--------------------------------*/
#schejuleArea {
	}
	#schejuleArea h2 {
	}
	#schejuleArea .schejule {
	   }
       #schejuleArea .schejule button {
           padding: 10px 30px;
       }
       #schejuleArea .schejule button:hover {
       }
       	#schejuleArea .schejule li.season {
            margin: 20px 0;
            padding: 10px;
       	    }
        	#schejuleArea .schejule li.season h3 {
                font: bold 32px/1 'Metrophobic', Arial, serif;
       	    }
        	#schejuleArea .schejule ol.round {
                margin: 10px 4px 10px 10px;
        	    }
            	#schejuleArea .schejule ol.round li {
                    margin-top: 4px;
	                padding: 4px 6px;
					width: 96%;
        	    }
            	#schejuleArea .schejule ol.round li time {
                    display: block;
                    width: auto;
        	    }
            	#schejuleArea .schejule ol.round li .title {
                    display: block;
                    width: auto;
					text-indent: 0.7em;
					font-weight: bold;
        	    }
            	#schejuleArea .schejule ol.round li .team {
                    display: block;
                    width: auto;
					text-indent: 0.7em;
        	    }
				#schejuleArea .schejule ol.round li time.rarrySecond {
					display: none;
				}
            	#schejuleArea .schejule ol.round li .other {
                    position: absolute;
                    top: 25%;
            	    }
                	#schejuleArea .schejule ol.round li .other .oubo {
            	    }
               	#schejuleArea .schejule ol.round li.next  {
                	height: 90px;
                	}
               		#schejuleArea .schejule ol.round li.next time,
               		#schejuleArea .schejule ol.round li.next .title,
               		#schejuleArea .schejule ol.round li.next .team {
		                top: 0;
	                }
                   	#schejuleArea .schejule ol.round li.next .other {
                        top: 7%;
            	    }
                   	#schejuleArea .schejule ol.round li.next .gaiyou {
                        margin-bottom: 24px;
            	    }
                    #schejuleArea .schejule ol.round li .other .result {
                    }
                    .oubo button {
                        }
                        .oubo button:hover {
                        }
                    .result button {
                        }
                        .result button:hover {
                        }
	@media screen and (min-width: 400px) and (max-width: 639px) {
		#schejuleArea .schejule ol.round li.next  {
			display: block;
			height: auto;
			}
			#schejuleArea .schejule ol.round li.next .other {
				position: static;
				display: block;
				height: auto;
				text-align: center;
			}
			#schejuleArea .schejule ol.round li.next .detail {
				display: block;
			}
			#schejuleArea .schejule ol.round li.next .detail span.title,
			#schejuleArea .schejule ol.round li.next .detail span.team {
				display: inline-block;
			}
			#schejuleArea .schejule ol.round li.next .gaiyou {
				margin-bottom: 6px;
			}
			#schejuleArea .schejule ol.round li .other .oubo {
				margin: 6px;
				}
				#schejuleArea .schejule ol.round li .other .oubo button {
					padding: 6px 0;
					width: 140px;
				}
	}
	@media screen and (min-width: 360px) and (max-width: 399px) {
		#schejuleArea .schejule li.season h3 {
			font: bold 32px/1 'Metrophobic', Arial, serif;
		}
		#schejuleArea .schejule button {
			padding: 10px 18px;
		}
		#schejuleArea .schejule button:hover {
		}
		#schejuleArea .schejule ol.round li .other {
			}
			#schejuleArea .schejule ol.round li .other .oubo {
				margin: 5px auto;
				display: inline-block;
				}
				#schejuleArea .schejule ol.round li .other .oubo button {
					padding: 6px 0;
					width: 120px;
				}
			#schejuleArea .schejule ol.round li.next  {
				display: block;
				height: auto;
				}
				#schejuleArea .schejule ol.round li.next .other {
					position: static;
					display: block;
					height: auto;
					text-align: center;
				}
				#schejuleArea .schejule ol.round li.next .detail {
					display: block;
				}
				#schejuleArea .schejule ol.round li.next .detail span.title,
				#schejuleArea .schejule ol.round li.next .detail span.team {
					display: inline-block;
				}
				#schejuleArea .schejule ol.round li.next .gaiyou {
					margin-bottom: 6px;
				}
	}
	@media screen and (max-width: 359px) {
		#schejuleArea .schejule li.season h3 {
			font: bold 28px/1 'Metrophobic', Arial, serif;
		}
		#schejuleArea .schejule ol.round li {
			margin-top: 2px;
			padding-bottom: 8px;
		}
		#schejuleArea .schejule button {
			padding: 4px 44px;
		}
		#schejuleArea .schejule button:hover {
		}
		#schejuleArea .schejule ol.round li .other {
			position: static;
			display: block;
			height: auto;
			text-align: center;
			}
			#schejuleArea .schejule ol.round li .other .oubo {
				margin: 5px auto;
				display: inline-block;
				}
				#schejuleArea .schejule ol.round li.next .detail span.title,
				#schejuleArea .schejule ol.round li.next .detail span.team {
					display: inline-block;
				}
				#schejuleArea .schejule ol.round li .other .oubo button {
					padding: 6px 0;
					width: 120px;
				}
			#schejuleArea .schejule ol.round li.next  {
				height: auto;
				}
				#schejuleArea .schejule ol.round li.next .gaiyou {
					margin-bottom: 6px;
				}
	}