@charset "UTF-8"; #balloon_wrapper {text-align: center;background-color: #feffe8;} #balloon_wrapper section {width: 100%;margin: 0;padding: 0;position: relative;overflow: hidden;} #balloon_wrapper section .inner {max-width: 1080px;width: 100%;margin: 0 auto;padding: 0;position: relative;z-index: 101;} /*#balloon_wrapper section h1 {font-size: 22px;line-height: 1.1;margin: 0 0 15px 0;padding: 0;color: #333;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: left;}*/ #balloon_wrapper section h1 {font-size: 34px;line-height: 1.1;margin: 0 0 60px 0;padding: 0 0 20px 0;color: #333;font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.05em;border-bottom: solid 10px #00bd09;display: inline-block;} #balloon_wrapper section h2 {font-size: 24px;line-height: 1.4;margin: 0;padding: 0;color: #333;font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: center;} #balloon_wrapper section h3 {font-size: 22px;line-height: 1.4;margin: 0;padding: 0;color: #333;font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: left;} #balloon_wrapper section p {font-size: 18px;line-height: 1.8;margin: 0;padding: 0;color: #333;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: left;} #balloon_wrapper section p.lead {text-align: center;margin-top: 50px;} #balloon_wrapper section p.caution {font-size: 16px;} #balloon_wrapper section p.lead-text {text-align: center;margin-top: 30px;font-size: 24px;font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;} #balloon_wrapper section h1 span {} #balloon_wrapper section#result .result-box {width: 100%;margin: 0;padding: 80px 0;} #balloon_wrapper section#result .result-box.background-green {width: 100%;margin: 0;padding: 80px 0;background-color: #f9fdf3;position: relative;} #balloon_wrapper section#result .result-box.background-green {background-image: url("../images/gradation_green.png");background-size: 20px;background-repeat: repeat-x;background-position: top;} #balloon_wrapper section#result {padding: 110px 0;position: relative;} #balloon_wrapper section#result .inner {/*margin-bottom: 80px;*/} #balloon_wrapper section#result h2 {max-width: 880px;width: 90%;font-size: 34px;line-height: 1.4;margin: 0 auto 40px auto;padding: 0;color: #00bd09;font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;text-align: center;z-index: 101;position: relative;} #balloon_wrapper section#result h2 span {font-size: 16px;margin-top: 5px;color: #333;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;display:block;} #balloon_wrapper section#result h3 {max-width: 880px;width: 90%;font-size: 22px;line-height: 1.4;margin: 40px auto 30px auto;padding: 0;color: #333;font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;text-align: center;z-index: 101;position: relative;} #balloon_wrapper section#result .table_container {max-width: 880px;width: 90%;margin: 0px auto;border-radius: 30px;border: solid 4px #e5f7e3;box-sizing: border-box;/*overflow: hidden;*/overflow-x: auto;z-index: 101;position: relative;} #balloon_wrapper section#result ul.result-list {width: 100%;margin: 0px;display: flex;flex-flow: row wrap;justify-content: space-between;gap: 0px;box-sizing: border-box;position: relative;z-index: 309;} #balloon_wrapper section#result ul.result-list li {box-sizing: border-box;position: relative;} #balloon_wrapper section#result ul.result-list li:nth-of-type(1) {width: 9%;background-color: #00bd09;border-right: solid 1px #FFF;} #balloon_wrapper section#result ul.result-list li:nth-of-type(2) {width: 9%;background-color: #00bd09;border-right: solid 1px #FFF;} #balloon_wrapper section#result ul.result-list li:nth-of-type(3) {width: 37%;background-color: #00bd09;border-right: solid 1px #FFF;} #balloon_wrapper section#result ul.result-list li:nth-of-type(4) {width: 33%;background-color: #00bd09;} #balloon_wrapper section#result ul.result-list li:nth-of-type(5) {width: 12%;background-color: #00bd09;border-left: solid 1px #FFF;} /*表内の文字要素*/ #balloon_wrapper section#result ul.result-list li h4 {width: 100%;font-size: 14px;line-height: 1.8;margin: 0;padding: 25px 0;color: #FFF;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: center;position: relative;} #balloon_wrapper section#result ul.result-list li:nth-of-type(4) h4 {padding-top: 8px;padding-bottom: 42px;} #balloon_wrapper section#result ul.result-list li p {width: 100%;font-size: 14px;line-height: 1.8;margin: 0;padding: 8px 0;color: #000;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: center;} /*各大会のグランプリポイント下の4つ*/ #balloon_wrapper section#result ul.result-list li h4 div.result-list-sub {width: 100%;margin: 0;padding: 0;display: flex;flex-flow: row wrap;justify-content: space-between;gap: 0px;border-top: solid 1px #FFF;box-sizing: border-box;position: absolute;bottom: 0;} #balloon_wrapper section#result ul.result-list li h4 div.result-list-sub div {width: 25%;margin: 0;padding: 6px 0;border-right: solid 1px #FFF;box-sizing: border-box;} #balloon_wrapper section#result ul.result-list li h4 div.result-list-sub div:nth-of-type(4) {border-right: none;} /*各詳細データ*/ #balloon_wrapper section#result ul.result-list li ul.result-inner {width: 100%;margin: 0;display: block;border-radius: 0;border: none;box-sizing: border-box;overflow: visible;} #balloon_wrapper section#result ul.result-list li ul.result-inner li {width: 100% !important;box-sizing: border-box;border: none !important;} #balloon_wrapper section#result ul.result-list li ul.result-inner li:nth-of-type(odd) {background-color: #eaf5eb;} #balloon_wrapper section#result ul.result-list li ul.result-inner li:nth-of-type(even) {background-color: #f7fbf7;} #balloon_wrapper section#result ul.result-list li:nth-of-type(3) ul.result-inner li p {text-align: left;padding-left: 15px;} #balloon_wrapper section#result ul.result-list li ul.result-inner2 {width: 100%;margin: 0;display: flex;flex-flow: row wrap;justify-content: space-between;gap: 0px;border-radius: 0;border: none;box-sizing: border-box;overflow: visible;} #balloon_wrapper section#result ul.result-list li ul.result-inner2 li {width: 25% !important;box-sizing: border-box;border-right: solid 1px #FFF;border-left: none;} #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(4n) {border-right: none;} #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(-n+4) {background-color: #eaf5eb;} #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+5):nth-of-type(-n+8), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+13):nth-of-type(-n+16), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+21):nth-of-type(-n+24), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+29):nth-of-type(-n+32), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+37):nth-of-type(-n+40), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+45):nth-of-type(-n+48), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+53):nth-of-type(-n+56), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+61):nth-of-type(-n+64), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+69):nth-of-type(-n+72), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+77):nth-of-type(-n+80), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+85):nth-of-type(-n+88), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+93):nth-of-type(-n+96), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+101):nth-of-type(-n+104), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+109):nth-of-type(-n+112), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+117):nth-of-type(-n+120) {background-color: #f7fbf7;} #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+9):nth-of-type(-n+12), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+17):nth-of-type(-n+20), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+25):nth-of-type(-n+28), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+33):nth-of-type(-n+36), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+41):nth-of-type(-n+44), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+49):nth-of-type(-n+52), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+57):nth-of-type(-n+60), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+65):nth-of-type(-n+68), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+73):nth-of-type(-n+76), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+81):nth-of-type(-n+84), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+89):nth-of-type(-n+92), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+97):nth-of-type(-n+100), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+105):nth-of-type(-n+108), #balloon_wrapper section#result ul.result-list li ul.result-inner2 li:nth-of-type(n+113):nth-of-type(-n+116) {background-color: #eaf5eb;} /* 各ラウンドの結果 */ #balloon_wrapper section#result ul.result-list-round {width: 100%;margin: 0px;display: flex;flex-flow: row wrap;justify-content: space-between;gap: 0px;box-sizing: border-box;position: relative;/*overflow: hidden;*/overflow-x: auto;z-index: 309;} #balloon_wrapper section#result ul.result-list-round li {box-sizing: border-box;position: relative;} #balloon_wrapper section#result ul.result-list-round li:nth-of-type(1) {width: 9%;background-color: #00bd09;border-right: solid 1px #FFF;} #balloon_wrapper section#result ul.result-list-round li:nth-of-type(2) {width: 9%;background-color: #00bd09;border-right: solid 1px #FFF;} #balloon_wrapper section#result ul.result-list-round li:nth-of-type(3) {width: 52%;background-color: #00bd09;} #balloon_wrapper section#result ul.result-list-round li:nth-of-type(4) {width: 30%;background-color: #00bd09;border-left: solid 1px #FFF;} /*表内の文字要素*/ #balloon_wrapper section#result ul.result-list-round li h4 {width: 100%;font-size: 14px;line-height: 1.8;margin: 0;padding: 25px 0;color: #FFF;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: center;position: relative;} #balloon_wrapper section#result ul.result-list-round li p {width: 100%;font-size: 14px;line-height: 1.8;margin: 0;padding: 8px 0;color: #000;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: center;} /*各詳細データ*/ #balloon_wrapper section#result ul.result-list-round li ul.result-inner {width: 100%;margin: 0;display: block;border-radius: 0;border: none;box-sizing: border-box;overflow: visible;} #balloon_wrapper section#result ul.result-list-round li ul.result-inner li {width: 100% !important;box-sizing: border-box;border: none !important;} #balloon_wrapper section#result ul.result-list-round li ul.result-inner li:nth-of-type(odd) {background-color: #eaf5eb;} #balloon_wrapper section#result ul.result-list-round li ul.result-inner li:nth-of-type(even) {background-color: #f7fbf7;} #balloon_wrapper section#result ul.result-list-round li:nth-of-type(3) ul.result-inner li p {text-align: left;padding-left: 15px;} #balloon_wrapper section#result ul.result-list-round.sub {max-width: 880px;width: 90%;margin: 0px auto;border: solid 4px #ebebeb;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 30px;border-bottom-left-radius: 30px;} #balloon_wrapper section#result ul.result-list-round.sub li:nth-of-type(1) {width: 20%;background-color: #666;} #balloon_wrapper section#result ul.result-list-round.sub li:nth-of-type(2) {width: 20%;background-color: #666;} #balloon_wrapper section#result ul.result-list-round.sub li:nth-of-type(3) {width: 60%;background-color: #666;} #balloon_wrapper section#result ul.result-list-round.sub li ul.result-inner li:nth-of-type(odd) {background-color: #f0f0f0;} #balloon_wrapper section#result ul.result-list-round.sub li ul.result-inner li:nth-of-type(even) {background-color: #f8f8f8;} #balloon_wrapper section#result ul.result-list-round.sub li:nth-of-type(3) ul.result-inner li p {text-align: center;padding-left: 0px;} #balloon_wrapper section#result ul.result-list-round.sub li h4 {padding: 15px 0;} #balloon_wrapper section#result .illust{width: 100%;margin: 40px 0 100px 0;padding: 0;display: flex;flex-direction: row-reverse;} #balloon_wrapper section#result .illust div{width: 100%;max-width: 1500px;margin: 0;padding: 0;} #balloon_wrapper section#result .bg {width: 490px;position: absolute;top: -80px;right: -240px;} @media screen and (max-width: 1080px) { h3.sp-center{text-align: center !important;} #balloon_wrapper section#result ul.team {width: 92%;margin: 40px 4% 0 4%;min-width: auto;gap: 4%;} } @media screen and (max-width: 980px) { /*表内の文字要素*/ #balloon_wrapper section#result ul.result-list li h4 {font-size: 1.4vw;padding: 2.6vw 0;} #balloon_wrapper section#result ul.result-list li:nth-of-type(4) h4 {padding-top: 1.0vw;padding-bottom: 4.2vw;} #balloon_wrapper section#result ul.result-list li p {font-size: 1.4vw;padding: 0.8vw 0;} /*表内の文字要素*/ #balloon_wrapper section#result ul.result-list-round li h4 {font-size: 1.4vw;padding: 2.6vw 0;} #balloon_wrapper section#result ul.result-list-round li p {font-size: 1.4vw;padding: 0.8vw 0;} } @media screen and (max-width: 768px) { /*#balloon_wrapper section h1 {font-size: 3.4vw;width: 90%;margin: 0 auto 3vw auto;}*/ #balloon_wrapper section h1 {font-size: 5.8vw;line-height: 1.3;margin: 0 0 10vw 0;padding: 0 0 4vw 0;border-bottom: solid 8px #00bd09;} #balloon_wrapper section h1 span {display: block} #balloon_wrapper section h2 {font-size: 4.2vw;line-height: 1.5;} #balloon_wrapper section h3 {font-size: 3.0vw;line-height: 1.5;text-align: center;} #balloon_wrapper section p {font-size: 3.0vw;line-height: 1.9;} #balloon_wrapper section h3 strong {font-size: 3.4vw;margin-bottom: 5px;} #balloon_wrapper section p.lead {text-align: center;margin-top: 6vw;} #balloon_wrapper section p.caution {width: 100%;margin: 0 auto 12vw auto;font-size: 3.0vw;text-align: center;} #balloon_wrapper section#result {padding: 20vw 0;} #balloon_wrapper section#result .result-box {padding: 12vw 0;} #balloon_wrapper section#result .result-box.background-green {padding: 12vw 0;} #balloon_wrapper section#result h2 {font-size: 5.4vw;margin: 0 auto 6vw auto;} #balloon_wrapper section#result h2 span {font-size: 3.4vw;} #balloon_wrapper section#result h3 {font-size: 3.8vw;margin: 6vw auto 4vw auto;} #balloon_wrapper section#result .table_container {border-radius: 15px;} #balloon_wrapper section#result ul.result-list {width: 200%;} /*表内の文字要素*/ #balloon_wrapper section#result ul.result-list li h4 {font-size: 2.8vw;padding: 4.0vw 0;} #balloon_wrapper section#result ul.result-list li:nth-of-type(4) h4 {padding-top: 1.2vw;padding-bottom: 6.8vw;} #balloon_wrapper section#result ul.result-list li p {font-size: 2.8vw;padding: 1.6vw 0;} /*各大会のグランプリポイント下の4つ*/ #balloon_wrapper section#result ul.result-list li h4 div.result-list-sub div {padding: 5px 0;} /* 各ラウンドの結果 */ #balloon_wrapper section#result ul.result-list-round {width: 140%;} #balloon_wrapper section#result ul.result-list-round li:nth-of-type(1) {width: 13%;} #balloon_wrapper section#result ul.result-list-round li:nth-of-type(2) {width: 13%;} #balloon_wrapper section#result ul.result-list-round li:nth-of-type(3) {width: 52%;} #balloon_wrapper section#result ul.result-list-round li:nth-of-type(4) {width: 22%;} /*表内の文字要素*/ #balloon_wrapper section#result ul.result-list-round li h4 {font-size: 2.8vw;padding: 4.0vw 0;} #balloon_wrapper section#result ul.result-list-round li p {font-size: 2.8vw;padding: 1.6vw 0;} #balloon_wrapper section#result ul.result-list-round.sub {border-radius: 15px;} h3.sp-center{font-size: 3.4vw !important;} #balloon_wrapper section#result .illust{margin-top: 2vw;margin-bottom: 12vw;} #balloon_wrapper section#result .bg {display: none;} .pageTOP {right: 13%;} }