#balloon_wrapper {/*padding-top: 70px;*/padding-top: 0px;/*transition:all .1s;*/}
.pc-navi{background-color: #00bd09;width: 100%;height: 70px;z-index: 1000;/*transition:all .5s;*/}
.pc-navi ul.test1{width: 94%;max-width: 1200px;margin: 0 auto;display: flex;flex-flow: row wrap;}
.pc-navi ul.test1 li{height: 70px;position: relative;transition:all .5s;/*border-left: solid 1px #00bd09;border-right: solid 1px #00bd09;box-sizing: border-box;*/}
.pc-navi ul.test1 li:nth-child(1){width: 12%;}
.pc-navi ul.test1 li:nth-child(2){width: 16%;}
.pc-navi ul.test1 li:nth-child(3){width: 16%;}
.pc-navi ul.test1 li:nth-child(4){width: 16%;}
.pc-navi ul.test1 li:nth-child(5){width: 16%;}
.pc-navi ul.test1 li:nth-child(6){width: 24%;}
.pc-navi ul.test1 li:nth-child(7){width: 2%;}
.pc-navi ul.test1 li:nth-child(8){width: 21%;}
.pc-navi ul.test1 li p{font-size: 14px;line-height: 1.8;margin: 0;padding: 0;color: #333;font-weight: 500;font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-feature-settings: "palt";letter-spacing: 0.05em;position: absolute;top: 50%;left: 0%;transform: translateY(-50%) translateX(0%);-webkit- transform: translateY(-50%) translateX(0%);width: 100%;text-align: center;color: #FFF;}
.pc-navi ul.test1 li a{position:absolute;top:0;left:0;width:100%; height:100%;}
.pc-navi ul.test1 li:hover {background-color: #00a305;transition:all .5s;}	
.pc-navi ul.test1 li:hover:nth-child(7),.pc-navi ul.test1 li:hover:nth-child(8) {background-color: #00bd09;}
.pc-navi ul.test1 li img {opacity: 1.0;transition:all .5s;}
.pc-navi ul.test1 li:hover img {opacity: 0.7;transition:all .5s;}
.pc-navi ul.test1 li.active {background-color: #00a305;}	

.navi-btn02 ul.sub-menu {width: 120%;margin: 0;position: absolute;top: 70px;display: none;z-index: 1001;background-color: rgba(255,255,255,0.9);border-radius: 0px 0px 10px 10px;box-sizing: border-box;overflow: hidden;box-shadow: 0px 5px 8px 0px rgba(10,10,10,0.1);}
.navi-btn02 ul.sub-menu li {width: 100% !important;margin: 0;padding: 15px 0;border-bottom: solid 1px #CCC;position: relative;height: auto;}
.navi-btn02 ul.sub-menu li:first-child {padding-top: 15px;}
.navi-btn02 ul.sub-menu li:last-child {border-bottom: none;}
.navi-btn02 ul.sub-menu li:hover {background-color: #f0f0f0;mix-blend-mode: multiply;}
.navi-btn02 ul.sub-menu li.active {background-color: #f0f0f0;mix-blend-mode: multiply;}
.navi-btn02 ul.sub-menu li p {font-size: 13px;line-height: 1.4;margin: 0;padding: 0 8%;color: #666;position: relative;top: auto;left: auto;transform: translateY(0%) translateX(0%);-webkit- transform: translateY(0%) translateX(0%);text-align: left;box-sizing: border-box;}
.navi-btn02 ul.sub-menu li .nav-arrow{width: 8px;position: absolute;top: 50%;right: 8%;transform: translateY(-50%) translateX(0%);-webkit- transform: translateY(-50%) translateX(0%);}

.pankuzu{width: 100%;background-color: #f0f0f0;box-sizing: border-box;}
.pankuzu ul{width: 94%;max-width: 1200px;margin: 0 auto;text-align: left;/*display: flex;flex-flow: row wrap;justify-content: flex-start;*/}	
.pankuzu ul li{/*width: 100%;*/font-size: 13px;line-height: 3.2;margin: 0;padding: 0 40px 0 0;color: #333;font-weight: 400;font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-feature-settings: "palt";letter-spacing: 0.05em;position: relative;display: inline-block;}	
.pankuzu ul li::after{content: "";display: inline-block;width: 8px;height: 13px;background-image: url('/jp/sports/balloon/images/arrow_navi.png');background-position: center;background-size: contain;position: absolute;top: 51%;right: 15px;transform: translateY(-50%) translateX(0%);-webkit- transform: translateY(-50%) translateX(0%);opacity: 0.5;}
.pankuzu ul li:last-child::after{background-image: none;}
.pankuzu ul li a{text-decoration: underline;text-underline-offset: 5px;}	


.fat-nav,.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before{/*-moz-transition-duration:.4s;-o-transition-duration:.4s;-webkit-transition-duration:.4s*/}

.hamburger{display:none;width:40px;height:32px;position:fixed;top:150px;right:50%;z-index:9980;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation;transform: translateY(0%) translateX(540px);-webkit- transform: translateY(0%) translateX(540px);}

.hamburger__icon{position:relative;margin-top:14px;margin-bottom:14px;}
.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before{display:block;width:40px;height:3px;background-color:#222;-moz-transition-property:background-color,-moz-transform;-o-transition-property:background-color,-o-transform;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-duration:.4s;}
.hamburger__icon:after,.hamburger__icon:before{position:absolute;content:""}
.hamburger__icon:before{top:-14px}
.hamburger__icon:after{top:14px}
.hamburger.active .hamburger__icon{background-color:transparent}
.hamburger.active .hamburger__icon:after,.hamburger.active .hamburger__icon:before{background-color:#222}
.hamburger.active .hamburger__icon:before{-moz-transform:translateY(14px)rotate(45deg);-ms-transform:translateY(14px)rotate(45deg);-webkit-transform:translateY(14px)rotate(45deg);transform:translateY(14px)rotate(45deg)}
.hamburger.active .hamburger__icon:after{-moz-transform:translateY(-14px)rotate(-45deg);-ms-transform:translateY(-14px)rotate(-45deg);-webkit-transform:translateY(-14px)rotate(-45deg);transform:translateY(-14px)rotate(-45deg)}

.fat-nav{top: -800px;right:50%;z-index:200;position:fixed;display:none;width:620px;background:rgba(255,255,255,1.0);transform: translateY(0%) translateX(580px);-webkit- transform: translateY(0%) translateX(580px);transition: all .6s;box-shadow: 0px 0px 12px -4px #777777;border-radius: 0px 0px 8px 8px;}
.fat-nav.active{top: 120px;/*-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);*/transition: all .6s;}
.fat-nav.active.HN{top: 0px;}

.fat-nav__wrapper{width: 100%;height: 100%;/*display: table;table-layout: fixed;*//*padding-top: 100px;padding-bottom: 50px;*/padding: 100px 30px 50px 30px;box-sizing: border-box;display: flex;flex-flow: row wrap;justify-content: space-between;}
.fat-nav ul{width: 48%;/*display:table-cell;vertical-align:middle;*/margin:0;padding:0;}
.fat-nav ul li{list-style-type:none;text-align:left;padding: 12px 0px 12px 1.4%;font-size: 14px;width: 100%;/*max-width: 350px;*/margin: 0 auto;border-top: solid 1px #666;box-sizing: border-box;position: relative;font-weight: 400;font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-feature-settings: "palt";letter-spacing: 0.05em;background-color: #ffffff;transition: all .3s;}
.fat-nav ul li:last-child{border-bottom: solid 1px #555;}
.fat-nav ul li.second{;width: 100%;padding:0;}
.fat-nav ul li.second ul{width: 90%;margin:0;padding: 0;float: right;}
.fat-nav ul li.second ul li{width: 100%;margin:0;padding: 12px 3%;border-top: solid 1px #666;position: relative;}
.fat-nav ul li.second ul li:first-child{border-top: none;}
.fat-nav ul li.second ul li:last-child{border-bottom: none;}
.fat-nav ul li a{position:absolute;top:0;left:0;width:100%;height:100%;}

.fat-nav ul li:hover {background-color: #f0f0f0;transition: all .3s;}
.fat-nav ul li.second:hover {background-color: #fff;transition: all .3s;}
.fat-nav ul li.second ul li:hover{background-color: #f0f0f0;transition: all .3s;}
.fat-nav ul li.non:hover {background-color: #fff;transition: all .3s;}

.fat-nav ul li .nav-arrow{width: 10px;position: absolute;top: 50%;right: 3%;transform: translateY(-50%) translateX(0%);-webkit- transform: translateY(-50%) translateX(0%);}
.fat-nav ul li .hsc{width: 212px;}


.fat-nav li,.fat-nav li a{color:#555}
.fat-nav li a{text-decoration:none}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {display: block;}

/*.hamburger{position:absolut;top:150px;}*/

@media screen and (max-width: 1200px) {
.hamburger{right: 5%;transform: translateY(0%) translateX(0px);-webkit- transform: translateY(0%) translateX(0px);}
.fat-nav{right:2%;transform: translateY(0%) translateX(0px);-webkit- transform: translateY(0%) translateX(0px);}
}
@media screen and (max-width: 1049px) {
.pc-navi ul.test1 li p{font-size: 1.2vw;}
}

@media screen and (max-width: 768px) {
#balloon_wrapper {padding-top: 0px;}
.fat-nav__wrapper {height: 100% !important;transform: translateY(-0%) !important;padding: 205px 30px 30px 30px;}
	
.pankuzu{padding: 0 3%;overflow: scroll;box-sizing: border-box;}
.pankuzu ul {width: 100%;}
.pankuzu ul li{font-size: 3vw;line-height: 3.2;margin: 0;padding: 0 40px 0 0;}
	
.hamburger{display: block;z-index: 292;}
.fat-nav{top: -800px;right:0%;width:100%;transform: translateY(0%) translateX(0%);-webkit- transform: translateY(0%) translateX(0%);box-shadow: 0px 0px 0px 0px #777777;border-radius: 0px;}
.fat-nav.active{top: 0px;z-index: 291;}
.fat-nav.active.HN{top: -65px;}
.fat-nav ul{width: 100%;}
.fat-nav ul li{padding: 10px 0px 10px 2%;font-size:3.6vw;width: 88%;}
.fat-nav ul li.second{width: 88%;border-bottom: none !important;}
.fat-nav ul li.second ul{width: 90%;}
.fat-nav ul li .hsc{width: 68%;}
/*.fat-nav__wrapper{padding-top: 130px;}*/
.hamburger.testtest{transition: all .3s;}
.hamburger.testtest.active{top:150px!important;transition: all .3s;}
	
.l-content202410 .hsc_navi .l-container {z-index: 301;border-bottom: solid 1px #999;}

}