@charset "utf-8";

.sec2 .wrap .list ul li .box02 .inner03 .img img{ height: 100%;width: 100%;object-fit: contain;}

/*max-1030px*/
@media print, screen and ( min-width: 1030px ) {

    .navDrawr > ul > li.ticket-menu {border-bottom: 8px solid #e84709;}
    .wp-pagenavi {clear: both;}
    .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 160px;}
    .sec2 .wrap { max-width: 1280px; width: 100%; margin: 0 auto;}
    .sec2 .wrap .search { display: flex; padding: 0 100px 50px; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;}
    .sec2 .wrap .search a { width: 200px; height: 50px; display: flex; align-items: center; justify-content: center; background: #aaaaaa; border: solid 2px #00aeac; border-radius: 5px; font-size: 20px; color: #FFF; margin: 0 20px 0 0; font-weight: 600;}
    .sec2 .wrap .search a.select { background: #00aeac; border: solid 2px #00aeac; box-sizing: border-box;}
    .sec2 .wrap .search a:hover { background: #FFFF; border: solid 2px #00aeac; color: #00aeac;}
    .sec2 .wrap .search a.select:hover { background: #FFF; border: solid 2px #00aeac; color: #00aeac; box-sizing: border-box;}

    .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%; background: #FFF; border: solid 3px #00aeac; border-radius: 20px; display: flex; margin: 0 auto 50px; padding: 20px;}
    .sec2 .wrap .list ul li:nth-last-of-type(1) { margin-bottom: 0;}
    .sec2 .wrap .list ul li .box01 { width: 40%; background: #FFF; border-radius: 15px 0 0 15px; border-right: solid 2px #00aeac; box-sizing: border-box;}
    .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 .round { display: inline-block; font-size: 18px; margin-right: 1.5em;}
    .sec2 .wrap .list ul li .box01 .txt02 .day { display: inline-block;}
    .sec2 .wrap .list ul li .box01 .txt02 .day span { display: inline-block; height: 30px; line-height: 30px; box-sizing: border-box;}
    .sec2 .wrap .list ul li .box01 .txt02 .day span:nth-of-type(1) { font-size: 13px; margin-right: 1em;}
    .sec2 .wrap .list ul li .box01 .txt02 .day span:nth-of-type(2) { font-size: 30px;}
    .sec2 .wrap .list ul li .box01 .txt02 .day span:nth-of-type(3) { font-size: 15px; margin-right: 1em;}
    .sec2 .wrap .list ul li .box01 .txt02 .day span:nth-of-type(4) { font-size: 18px;}
    .sec2 .wrap .list ul li .box01 .txt03 { border-top: solid 1px #FFF; padding: 10px 20px 0 5px; 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; background: #e84709; padding: 2px 15px; color: #FFF; border-radius: 3px;}
    .sec2 .wrap .list ul li .box01 .txt03 .map a:hover { background: #00aeac; padding: 2px 15px; color: #FFF;}
    .sec2 .wrap .list ul li .box01 .txt03 .home { display: inline-block; background: #00aeac; margin-right: 10px; font-size: 15px; padding: 1px 10px; color: #FFF;  border-radius: 3px;}
    .sec2 .wrap .list ul li .box01 .txt03 .home p{border-radius: 3px;}
    .sec2 .wrap .list ul li .box02 { background: #FFF; border-radius: 0 20px 20px 0; padding: 15px 20px; display: flex; justify-content: center; align-items: center; border-radius: 3px;}
    .sec2 .wrap .list ul li .box02 .inner01 {margin-left: 40px;}
    .sec2 .wrap .list ul li .box02 .inner01 .img { width: 110px; height: 110px;}
    .sec2 .wrap .list ul li .box02 .inner02 { width: 120px; text-align: center; font-family: 'Oswald', sans-serif;}
    .sec2 .wrap .list ul li .box02 .inner02 .txt01 { font-size: 40px; line-height: 50px; padding: 10px 0;}
    .sec2 .wrap .list ul li .box02 .inner03 { display: flex; align-items: center;}
    .sec2 .wrap .list ul li .box02 .inner03 .img { width: 120px; height: 120px;}
    .sec2 .wrap .list ul li .box02 .inner03 p { display: inline-block; margin-left: 20px;}

    .no_game,
    .no_homegame{font-weight: bold;text-align: center; color: #00aeac; font-size: 20px; margin: 50px 0;}

}


/*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: 85px 0 160px;}
    .sec2 .wrap { max-width: 1280px; width: 100%; margin: 0 auto;}
    .sec2 .wrap .search { display: flex; padding: 0 20px 50px; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;}
    .sec2 .wrap .search a { width: 200px; height: 50px; display: flex; align-items: center; justify-content: center; background: #aaaaaa; border: solid 2px #00aeac; border-radius: 5px; font-size: 20px; color: #FFF; margin: 0 20px 0 0; font-weight: 600;}
    .sec2 .wrap .search a.select { background: #00aeac; border: solid 2px #00aeac; box-sizing: border-box;}
    .sec2 .wrap .search a:hover { background: #FFFF; border: solid 2px #00aeac; color: #00aeac;}
    .sec2 .wrap .search a.select:hover { background: #FFF; border: solid 2px #00aeac; color: #00aeac; box-sizing: border-box;}

    .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%; background: #FFF; border: solid 3px #00aeac; border-radius: 20px; display: flex; margin: 0 auto 50px; padding: 20px;}
    .sec2 .wrap .list ul li:nth-last-of-type(1) { margin-bottom: 0;}
    .sec2 .wrap .list ul li .box01 { width: 40%; background: #FFF; border-radius: 15px 0 0 15px; border-right: solid 2px #00aeac; box-sizing: border-box;}
    .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 .round { display: inline-block; font-size: 18px; margin-right: 1.5em;}
    .sec2 .wrap .list ul li .box01 .txt02 .day { display: inline-block;}
    .sec2 .wrap .list ul li .box01 .txt02 .day span { display: inline-block; height: 30px; line-height: 30px; box-sizing: border-box;}
    .sec2 .wrap .list ul li .box01 .txt02 .day span:nth-of-type(1) { font-size: 10px; margin-right: 1em;}
    .sec2 .wrap .list ul li .box01 .txt02 .day span:nth-of-type(2) { font-size: 24px;}
    .sec2 .wrap .list ul li .box01 .txt02 .day span:nth-of-type(3) { font-size: 12px; margin-right: 1em;}
    .sec2 .wrap .list ul li .box01 .txt02 .day span:nth-of-type(4) { font-size: 14px;}
    .sec2 .wrap .list ul li .box01 .txt03 { border-top: solid 1px #FFF; padding: 10px 40px 0 5px; 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; background: #e84709; padding: 2px 15px; color: #FFF; border-radius: 3px;}
    .sec2 .wrap .list ul li .box01 .txt03 .map a:hover { background: #00aeac; padding: 2px 15px; color: #FFF;}

    .sec2 .wrap .list ul li .box02 { width: 60%; 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: 110px; height: 110px;}
    .sec2 .wrap .list ul li .box02 .inner02 { width: 120px; 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 .inner03 { display: flex; align-items: center;}
    .sec2 .wrap .list ul li .box02 .inner03 .img { width: 110px; height: 110px;}
    .sec2 .wrap .list ul li .box02 .inner03 p { display: inline-block; margin-left: 20px;}


    .no_game,
    .no_homegame{font-weight: bold;text-align: center; color: #00aeac; font-size: 20px; margin: 50px 0;}

}



/*768px-min*/
@media only screen and ( max-width: 768px ) {

    .navDrawr > ul > li.schedule-menu  { display: none;}
    .navDrawr > ul > li.schedule-menu ::after{display: none;}

    .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 .search {display: flex;padding: 0 5px 30px;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;}
    .sec2 .wrap .search a.select { background: #00aeac; border: solid 2px #00aeac; box-sizing: border-box;}
    .sec2 .wrap .search a {width: 200px;height: 50px;display: flex;align-items: center;justify-content: center;background: #aaaaaa;border: solid 2px #00aeac;border-radius: 5px;font-size: 20px;color: #FFF;margin: 0 10px 0 0;font-weight: 600;}
    .sec2 .wrap .list ul li {width: 95%; background: #FFF; border: solid 3px #00aeac; border-radius: 20px; display: flex; margin: 0 auto 50px; padding: 20px;flex-direction: column;}
    .sec2 .wrap .list ul li .box01 {; background: #FFF; border-bottom: solid 2px #00aeac; box-sizing: border-box;border-radius: 15px 15px 0 0;}
    .sec2 .wrap .list ul li .box01 .txt01 {font-size: 20px;padding: 10px 0;}
    .sec2 .wrap .list ul li .box01 .txt02 span:nth-of-type(1) {font-size: 18px;margin-right: 0.2em;}
    .sec2 .wrap .list ul li .box01 .txt02 span:nth-of-type(2) {font-size: 30px;}
    .sec2 .wrap .list ul li .box01 .txt02 span:nth-of-type(3) {font-size: 18px;margin-right: 0.5em;}
    .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 10px 0 0;display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
    .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; background: #e84709; padding: 2px 15px; color: #FFF; border-radius: 3px;}
    .sec2 .wrap .list ul li .box01 .txt03 .home { display: inline-block;background: #00aeac;margin-right: 10px;font-size: 15px;padding: 1px 10px;color: #FFF;border-radius: 3px;}
    .sec2 .wrap .list ul li .box02 {text-align: center;display: flex;background: #FFF;align-items: center; justify-content: space-around;padding: 15px 0px;border-radius: 0 0 20px 20px;}
    .sec2 .wrap .list ul li .box02 .inner01 .img {width: 90px;}
    .sec2 .wrap .list ul li .box02 .inner03 .img {width: 90px;}
    .sec2 .wrap .list ul li .box02 .inner02 .txt01 {font-size: 40px;line-height: 50px;padding: 10px 0;}
    .sec2 .wrap .list ul li .box02 .inner03 {margin-left: 10px;}
    .sec2 .wrap .list ul li .box02 .inner03 p { font-size: 11px;}
    .no_game,
    .no_homegame {font-weight: bold;text-align: center;color: #00aeac;font-size: 16px;}
}