.community-header-banner{position:relative;z-index:1000;background:#97c05c;text-align:center}.community-header-banner.ccf{background:#F6F8FA}.community-header-banner.ccf a{padding:8px 0 10px}@media screen and (max-width: 768px){.community-header-banner.ccf a{padding:0}}@media screen and (min-width: 768px){.community-header-banner.ccf a:hover{opacity:.7}}@media screen and (max-width: 768px){.community-header-banner.ccf a img{max-width:420px}}.community-header-banner.radio{background:linear-gradient(94.18deg, #E7F2A4 8.8%, #2CB0FC 57.3%, #F9C3AD 80.82%)}.community-header-banner.radio a{padding:0}@media screen and (max-width: 768px){.community-header-banner.radio a{padding:0}}@media screen and (min-width: 768px){.community-header-banner.radio a:hover{opacity:.7}}.community-header-banner.radio a img{max-width:720px}@media screen and (max-width: 768px){.community-header-banner.radio a img{max-width:420px}}.community-header-banner.community-tv{background:#FFF016;background-image:url(https://static.camp-fire.jp/assets/community/banner/header-banner-communitytv_bg-0167e88b8d1df6dde785e225686ee66a39afdcaabff4dd105651d52b25f9f1f9.png);background-repeat:no-repeat;background-position:center;background-size:1440px}@media screen and (max-width: 768px){.community-header-banner.community-tv{background:#FFF016}}.community-header-banner.community-tv a{padding:0}@media screen and (max-width: 768px){.community-header-banner.community-tv a{padding:0}}@media screen and (min-width: 768px){.community-header-banner.community-tv a:hover{opacity:.7}}.community-header-banner.community-tv a img{max-width:720px}@media screen and (max-width: 768px){.community-header-banner.community-tv a img{max-width:420px}}.community-header-banner a{display:block}.community-header-banner a>div{height:64px;background:no-repeat center;background-image:url(https://static.camp-fire.jp/assets/community/banner/header-banner-ab6183a5b505e2574127a36b273065a89aa5c799d83ff010f45ca50532f21be8.png),url(https://static.camp-fire.jp/assets/community/banner/header-banner_hover-5eaa3f8af1cb19baa1ba2eb70315598e8769a4f4244f30b39693d00c8be3f8f8.png);background-size:480px, 0 0}.community-header-banner a>div:hover{background-size:0 0, 480px}.community-header-banner a img{width:100%;height:auto;max-width:480px;margin:0 auto}@media screen and (max-width: 768px){.community-header-banner a{padding:5px 10px}}