@charset "utf-8";



/*max-1030px*/
@media print, screen and ( min-width: 1030px ) {
	
    .navDrawr > ul > li.game-menu{border-bottom: 8px solid #e84709;}

    .sec1 { background: #FFF; padding: 120px 0 0;}
    .sec1 .wrap { height: 210px; padding-top: 90px; box-sizing: border-box; display: flex; justify-content: center;}
    .sec1 .wrap h2 { font-size: 45px; font-family: Arial, Helvetica, "sans-serif"; line-height: 45px; font-weight: 600; color: #00aeac; text-align: center; display: inline-block;}
    .sec1 .wrap h2 span { font-size: 20px; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; line-height: 40px; display: block;}

    .sec2 { background: #f2f2f2; padding: 85px 0 80px;}
    .sec2 .wrap { max-width: 1280px; width: 100%; margin: 0 auto;}
    .sec2 .wrap .search { display: flex; padding: 0 30px 50px; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;}
    .sec2 .wrap .search .season { display: inline-block;}
    .sec2 .wrap .search .season select {}
    .sec2 .wrap .search .home { display: inline-block;}
    .sec2 .wrap .search .home select {}

    .sec2 .wrap .list { font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; font-weight: 600;}
    .sec2 .wrap .list ul { list-style: none; margin: 0 auto; padding: 0; display: flex; flex-direction: column; max-width: 1130px;}
    .sec2 .wrap .list ul li { width: 100%; border: solid 1px #00aeac; border-radius: 20px; display: flex; margin: 0 auto 50px;}
    .sec2 .wrap .list ul li:nth-last-of-type(1) { margin-bottom: 0;}
    .sec2 .wrap .list ul li .box01 { width: 30%; background: #00aeac; border-radius: 15px 0 0 15px; padding: 15px 20px; color: #FFF;}
    .sec2 .wrap .list ul li .box01 .result { text-align: center; background: #FFF; padding: 5px; font-size: 35px; font-weight: 600;}
    .sec2 .wrap .list ul li .box01 .result .win { color: #b1000e;}
    .sec2 .wrap .list ul li .box01 .result .lose { color: #0400b1;}
    .sec2 .wrap .list ul li .box01 .txt01 { font-size: 20px; padding: 10px 0;}
    .sec2 .wrap .list ul li .box01 .txt02 { padding: 0 0 5px;}
    .sec2 .wrap .list ul li .box01 .txt02 span { display: inline-block; height: 30px; line-height: 30px; box-sizing: border-box;}
    .sec2 .wrap .list ul li .box01 .txt02 span:nth-of-type(1) { font-size: 13px; margin-right: 1em;}
    .sec2 .wrap .list ul li .box01 .txt02 span:nth-of-type(2) { font-size: 30px; margin-right: 0.2em;}
    .sec2 .wrap .list ul li .box01 .txt02 span:nth-of-type(3) { font-size: 15px; margin-right: 1em;}
    .sec2 .wrap .list ul li .box01 .txt02 span:nth-of-type(4) { font-size: 18px;}
    .sec2 .wrap .list ul li .box01 .txt03 { border-top: solid 1px #FFF; padding: 10px 5px 0; display: flex; justify-content: space-between; align-items: center;}
    .sec2 .wrap .list ul li .box01 .txt03 .place { font-size: 16px;}
    .sec2 .wrap .list ul li .box01 .txt03 .map { display: inline-block; margin-left: 10px;}
    .sec2 .wrap .list ul li .box01 .txt03 .map a { font-size: 15px; display: inline-block; border: solid 2px #FFF; padding: 1px 10px; color: #FFF;}
    .sec2 .wrap .list ul li .box01 .txt03 .map a:hover { background: #FFF; border: solid 2px #FFF; padding: 1px 10px; color: #00aeac;}

    .sec2 .wrap .list ul li .box02 { width: 70%; background: #FFF; border-radius: 0 20px 20px 0; padding: 15px 20px; display: flex;align-items: center;}
    .sec2 .wrap .list ul li .box02 .inner01 {margin-left: 40px;}
    .sec2 .wrap .list ul li .box02 .inner01 .img { width: 120px; height: 120px;}
    .sec2 .wrap .list ul li .box02 .inner02 { width: 280px; text-align: center; font-family: 'Oswald', sans-serif;}
    .sec2 .wrap .list ul li .box02 .inner02 .txt01 { font-size: 50px; line-height: 50px; padding: 10px 0;}
    .sec2 .wrap .list ul li .box02 .inner02 .txt02 { font-size: 50px; line-height: 50px; padding: 0 0 20px;}
    .sec2 .wrap .list ul li .box02 .inner02 .txt02 .win { color: #e1143b;}
    .sec2 .wrap .list ul li .box02 .inner02 .txt03 a { display: inline-block; font-size: 15px; padding: 5px 30px; background: #e84709; color: #FFF; border-radius: 5px;}
    .sec2 .wrap .list ul li .box02 .inner02 .txt03 a:hover { background: #00aeac; color: #FFF; border-radius: 5px;}
    .sec2 .wrap .list ul li .box02 .inner03 { }
    .sec2 .wrap .list ul li .box02 .inner03 .img { width: 120px; height: 120px;margin: auto;}
    .sec2 .wrap .list ul li .box02 .inner03 p { display: inline-block; margin-left: 20px;}

    
    .sec2 .game_end{text-align: center;font-size: 20px;}
    .sec2 .wleague{background: #00aeac;max-width: 400px;margin: auto;text-align: center;line-height: 1.3;position: relative;}
    .sec2 .wleague::before{content: "";position: absolute;z-index: 10;top: 50%;right: 5%;width: 15px;height: 15px;border: 2px solid #fff;transform: rotate(45deg);transform-origin: top right; border-left: 0; border-bottom: 0;}
    .sec2 .wleague a{padding:0.5em 2em 0.5em 1.5em;color: #fff;font-weight: bold;font-size: 25px;display: block;}
    .sec2 .wleague span{font-size: 70%;}
    .sec2 .wleague:hover{opacity: 0.8;}
}


/*769px-1029px*/
@media screen and ( min-width: 769px ) and ( max-width: 1029px ) {

    .sec1 { background: #FFF; padding: 120px 0 0;}
    .sec1 .wrap { height: 160px; padding-top: 40px; box-sizing: border-box; display: flex; justify-content: center;}
    .sec1 .wrap h2 { font-size: 45px; font-family: Arial, Helvetica, "sans-serif"; line-height: 45px; font-weight: 600; color: #00aeac; text-align: center; display: inline-block;}
    .sec1 .wrap h2 span { font-size: 20px; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; line-height: 40px; display: block;}

    .sec2 { background: #f2f2f2; padding: 80px 0 80px;}
    .sec2 .wrap { max-width: 1280px; width: 100%; margin: 0 auto;}
    .sec2 .wrap .search { display: flex; padding: 0 30px 50px; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;}
    .sec2 .wrap .search .season { display: inline-block;}
    .sec2 .wrap .search .season select {}
    .sec2 .wrap .search .home { display: inline-block;}
    .sec2 .wrap .search .home select {}

    .sec2 .wrap .list { font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; font-weight: 600;}
    .sec2 .wrap .list ul { list-style: none; margin: 0 auto; padding: 0; display: flex; flex-direction: column; max-width: 1130px;}
    .sec2 .wrap .list ul li { width: 100%; border: solid 1px #00aeac; border-radius: 20px; display: flex; margin: 0 auto 50px;}
    .sec2 .wrap .list ul li:nth-last-of-type(1) { margin-bottom: 0;}
    .sec2 .wrap .list ul li .box01 { width: 30%; background: #00aeac; border-radius: 15px 0 0 15px; padding: 15px 20px; color: #FFF;}
    .sec2 .wrap .list ul li .box01 .result { text-align: center; background: #FFF; padding: 5px; font-size: 20px; font-weight: 600;}
    .sec2 .wrap .list ul li .box01 .result .win { color: #b1000e;}
    .sec2 .wrap .list ul li .box01 .result .lose { color: #0400b1;}
    .sec2 .wrap .list ul li .box01 .txt01 { font-size: 16px; padding: 10px 0;}
    .sec2 .wrap .list ul li .box01 .txt02 { padding: 0 0 5px;}
    .sec2 .wrap .list ul li .box01 .txt02 span { display: inline-block; height: 30px; line-height: 30px; box-sizing: border-box;}
    .sec2 .wrap .list ul li .box01 .txt02 span:nth-of-type(1) { font-size: 10px; margin-right: 1em;}
    .sec2 .wrap .list ul li .box01 .txt02 span:nth-of-type(2) { font-size: 24px;}
    .sec2 .wrap .list ul li .box01 .txt02 span:nth-of-type(3) { font-size: 12px; margin-right: 1em;}
    .sec2 .wrap .list ul li .box01 .txt02 span:nth-of-type(4) { font-size: 14px;}
    .sec2 .wrap .list ul li .box01 .txt03 { border-top: solid 1px #FFF; padding: 10px 5px 0; display: flex; justify-content: space-between; align-items: center;}
    .sec2 .wrap .list ul li .box01 .txt03 .place { font-size: 14px;}
    .sec2 .wrap .list ul li .box01 .txt03 .map { display: inline-block; margin-left: 10px;}
    .sec2 .wrap .list ul li .box01 .txt03 .map a { font-size: 15px; display: inline-block; border: solid 2px #FFF; padding: 1px 10px; color: #FFF;}
    .sec2 .wrap .list ul li .box01 .txt03 .map a:hover { background: #FFF; border: solid 2px #FFF; padding: 1px 10px; color: #00aeac;}

    .sec2 .wrap .list ul li .box02 { width: 70%; background: #FFF; border-radius: 0 20px 20px 0; padding: 15px 20px; display: flex; justify-content: center; align-items: center;}
    .sec2 .wrap .list ul li .box02 .inner01 {}
    .sec2 .wrap .list ul li .box02 .inner01 .img { width: 80px; height: 80px;}
    .sec2 .wrap .list ul li .box02 .inner02 { width: 200px; text-align: center; font-family: 'Oswald', sans-serif;}
    .sec2 .wrap .list ul li .box02 .inner02 .txt01 { font-size: 35px; line-height: 50px; padding: 10px 0;}
    .sec2 .wrap .list ul li .box02 .inner02 .txt02 { font-size: 35px; line-height: 50px; padding: 0 0 20px;}
    .sec2 .wrap .list ul li .box02 .inner02 .txt02 .win { color: #e1143b;}
    .sec2 .wrap .list ul li .box02 .inner02 .txt03 a { display: inline-block; font-size: 15px; padding: 5px 30px; background: #e84709; color: #FFF; border-radius: 5px;}
    .sec2 .wrap .list ul li .box02 .inner02 .txt03 a:hover { background: #00aeac; color: #FFF; border-radius: 5px;}
    .sec2 .wrap .list ul li .box02 .inner03 { display: flex; align-items: center;}
    .sec2 .wrap .list ul li .box02 .inner03 .img { width: 80px; height: 80px;}
    .sec2 .wrap .list ul li .box02 .inner03 p { display: inline-block; margin-left: 20px;}

    .sec2 .game_end{text-align: center;}
     .sec2 .game_end{text-align: center;font-size: 20px;}
    .sec2 .wleague{background: #00aeac;max-width: 400px;margin: auto;text-align: center;line-height: 1.3;position: relative;}
    .sec2 .wleague::before{content: "";position: absolute;z-index: 10;top: 50%;right: 5%;width: 15px;height: 15px;border: 2px solid #fff;transform: rotate(45deg);transform-origin: top right; border-left: 0; border-bottom: 0;}
    .sec2 .wleague a{padding:0.5em 2em 0.5em 1.5em;color: #fff;font-weight: bold;font-size: 25px;display: block;}
    .sec2 .wleague span{font-size: 70%;}
    .sec2 .wleague:hover{opacity: 0.8;}
}



/*768px-min*/
@media only screen and ( max-width: 768px ) {
    .sec2 .wrap .list ul li .box01 .result .win { color: #b1000e;}
    .sec2 .wrap .list ul li .box01 .result .lose { color: #0400b1;}
    .sec1 { background: #FFF; padding: 120px 0 0;}
    .sec1 .wrap { height: 120px; padding-top: 20px; box-sizing: border-box; display: flex; justify-content: center;}
    .sec1 .wrap h2 { font-size: 30px; font-family: Arial, Helvetica, "sans-serif"; line-height: 45px; font-weight: 600; color: #00aeac; text-align: center; display: inline-block;}
    .sec1 .wrap h2 span { font-size: 15px; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; line-height: 25px; display: block;}

    .sec2 { background: #f2f2f2;}
    .sec2 .wrap { width: 100%; padding: 50px 10px 50px;}
    .sec2 .wrap .list {font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";font-weight: 600;}
    .sec2 .wrap .list ul {width: 95%;margin: 0 auto;}
    .sec2 .wrap .list ul li{display: inline-block;margin: 0 auto;margin-bottom: 40px;width: 100%;}
    .sec2 .wrap .list ul li .box01 .result { text-align: center; background: #FFF; padding: 0px; font-size: 30px; font-weight: 600;}
    .sec2 .wrap .list ul li .box01 .result .win { color: #b1000e;}
    .sec2 .wrap .list ul li .box01 {   background: #00aeac; color: #fff; border-radius: 15px 15px 0 0; display: flex; justify-content: flex-start;  flex-direction: column;padding: 15px 20px;}
    .sec2 .wrap .list ul li .box02 { text-align: center;display: flex;background: #FFF;border-radius: 0 0 20px 20px;border: solid 1px #00aeac;align-items: center;}
    .sec2 .wrap .list ul li .box01 .txt01 {font-size: 4vw;padding-top: 10px;}
    .sec2 .wrap .list ul li .box01 .txt02 { font-weight: bold; line-height: 1.6em;font-size: 30px;}
    .sec2 .wrap .list ul li .box01 .txt03 {border-top: solid 1px #FFF; padding: 10px 5px 0; display: flex; justify-content: space-between;align-items: center;}
    .sec2 .wrap .list ul li .box01 .txt03 .map a {font-size: 15px; display: inline-block;border: solid 2px #FFF; padding: 1px 10px; color: #FFF;}
    .sec2 .wrap .list ul li .box02 .inner01 {margin-left: 10px;}
    .sec2 .wrap .list ul li .box02 .inner01 .img {width: 90px;}
    .sec2 .wrap .list ul li .box02 .inner02 {width: 165px;  text-align: center;  font-family: 'Oswald', sans-serif;}
    .sec2 .wrap .list ul li .box02 .inner02 .txt01 {  font-size: 30px;  line-height: 50px;  padding-top: 13px;}
    .sec2 .wrap .list ul li .box02 .inner02 .txt02 {  font-size: 28px;  font-weight: bold;  line-height: 2em;}
    .sec2 .wrap .list ul li .box02 .inner02 .txt02 .win { color: #e1143b;}
    .sec2 .wrap .list ul li .box01 .txt02 span:nth-of-type(1) { font-size: 18px;margin-right: 0.5em;}
    .sec2 .wrap .list ul li .box01 .txt02 span:nth-of-type(2) {font-size: 25px;    margin-right: 0.2em;}
    .sec2 .wrap .list ul li .box01 .txt02 span:nth-of-type(3) {font-size: 18px;margin-right: 1em;}
    .sec2 .wrap .list ul li .box01 .txt02 span:nth-of-type(4) {font-size: 18px;}
    .sec2 .wrap .list ul li .box02 .inner03 {margin-right: 10px;}
    .sec2 .wrap .list ul li .box02 .inner03 .img {width: 90px;}
    .sec2 .wrap .list ul li .box02 .inner03 p {display: inline-block;font-size: 11px;}
    .sec2 .wrap .list ul li .box02 .inner02 .txt03{padding-bottom: 20px;}
    .sec2 .wrap .list ul li .box02 .inner02 .txt03 a { display: inline-block; font-size: 15px; padding: 5px 25px;background: #e84709;color: #FFF;border-radius: 5px;}
    .place{width: 70%;}
    
    .sec2 .game_end{text-align: center;font-size: 20px;}
    .sec2 .wleague{background: #00aeac;max-width: 400px;margin: auto;text-align: center;line-height: 1.3;position: relative;}
    .sec2 .wleague::before{content: "";position: absolute;z-index: 10;top: 50%;right: 5%;width: 15px;height: 15px;border: 2px solid #fff;transform: rotate(45deg);transform-origin: top right; border-left: 0; border-bottom: 0;}
    .sec2 .wleague a{padding:0.5em 2em 0.5em 1.5em;color: #fff;font-weight: bold;font-size: 20px;display: block;}
    .sec2 .wleague span{font-size: 70%;}
    .sec2 .wleague:hover{opacity: 0.8;}
}