footer .fhf{margin-top:0}.cnt{overflow:visible}#cjhf2026 .single-link-box{margin-top:24px}#cjhf2026 .single-link-box a{border:1px solid #ccc;display:flex;justify-content:space-between;align-items:center;padding:15px}#cjhf2026 .single-link-box a:hover{opacity:.5}#cjhf2026 .single-link-box a .thumb{width:300px;aspect-ratio:16/9}#cjhf2026 .single-link-box a .thumb img{display:block;width:100%;height:100%;object-fit:cover}#cjhf2026 .single-link-box a .title{width:calc(100% - 330px);font-size:18px;font-weight:700;line-height:1.75;text-decoration:none}@media only screen and (max-width: 767px){#cjhf2026 .single-link-box{margin-top:15px}#cjhf2026 .single-link-box a{display:block}#cjhf2026 .single-link-box a .thumb{width:100%}#cjhf2026 .single-link-box a .title{width:100%;font-size:16px}}#cjhf2026 .yt{margin-top:0}#cjhf2026 .block-title{color:#fff;text-align:center;font-weight:900;font-family:'Noto Sans JP', sans-serif}#cjhf2026 .block-title span{font-size:36px;padding-bottom:6px;border-bottom:2px solid #fff}@media only screen and (max-width: 767px){#cjhf2026 .block-title{line-height:1.35}#cjhf2026 .block-title span{font-size:18px}}#cjhf2026 .brand-list{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:750px;margin:15px auto 0}#cjhf2026 .brand-list li{width:48%;margin-top:30px;background:#fff;padding:24px;border-radius:12px}#cjhf2026 .brand-list li a h3{color:#000;text-align:center;font-size:24px;letter-spacing:1px}#cjhf2026 .brand-list li a figure{margin-top:12px}#cjhf2026 .brand-list li a h4{margin-top:12px;line-height:1.35}#cjhf2026 .brand-list li a p{color:#000;margin-top:12px;font-size:14px;line-height:1.5}#cjhf2026 .brand-list li a:hover{opacity:.5}@media only screen and (max-width: 767px){#cjhf2026 .brand-list li{width:100%}}#cjhf2026 .link-list{margin:0 auto 0;max-width:750px;display:flex;justify-content:space-between;flex-wrap:wrap}#cjhf2026 .link-list a{display:block;width:48%;margin-top:30px}#cjhf2026 .link-list a:hover{opacity:.5}#cjhf2026 .link-list a figure{position:relative;width:100%;padding-top:56.25%;border-radius:12px;margin-bottom:0}#cjhf2026 .link-list a figure span{position:absolute;left:0;top:0;width:100%;height:100%;background:url() no-repeat center/cover;border-radius:12px}#cjhf2026 .link-list a figcaption{padding:12px 0 0;font-weight:700;font-size:18px;line-height:1.35}@media only screen and (max-width: 767px){#cjhf2026 .link-list{margin-top:0}#cjhf2026 .link-list a{margin-top:30px}#cjhf2026 .link-list a figure span{border-radius:6px}#cjhf2026 .link-list a figcaption{font-size:14px;padding:12px 0 0}}#cjhf2026 .latest-beerlist{display:flex;flex-wrap:wrap}#cjhf2026 .latest-beerlist li{margin-left:5%;margin-top:45px;width:30%}#cjhf2026 .latest-beerlist li:nth-of-type(3n+1){margin-left:0}#cjhf2026 .latest-beerlist li figure{position:relative;width:100%;padding-top:56.25%;border-radius:12px;margin-bottom:0}#cjhf2026 .latest-beerlist li figure span{position:absolute;left:0;top:0;width:100%;height:100%;background:url() no-repeat center/cover;border-radius:12px}#cjhf2026 .latest-beerlist li a{display:block;color:#fff}#cjhf2026 .latest-beerlist li a:hover{opacity:.5}#cjhf2026 .latest-beerlist li a h4{margin-top:15px;font-size:14px;color:#fff;font-weight:400}#cjhf2026 .latest-beerlist li a h3{margin-top:6px;line-height:1.35}@media only screen and (max-width: 767px){#cjhf2026 .latest-beerlist{justify-content:space-between}#cjhf2026 .latest-beerlist li{width:48%;margin-left:0;margin-top:30px}#cjhf2026 .latest-beerlist li figure span{border-radius:6px}#cjhf2026 .latest-beerlist li a h4{margin-top:6px;font-size:12px}#cjhf2026 .latest-beerlist li a h3{margin-top:3px;font-size:14px}}#cjhf2026 .vertical-article-list{margin-top:30px}#cjhf2026 .header{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:30px;background:#f7fbf4;background:radial-gradient(circle, #f7fbf4 0%,#61c2bd 100%)}#cjhf2026 .header:before{position:absolute;left:0;top:0;content:'';display:block;width:100%;height:100%;z-index:1;opacity:.5;background:url(../img/fhf/2023/cbjhf-bg.svg) no-repeat center/100% auto}#cjhf2026 .header img{position:relative;z-index:3;width:100%;max-width:750px}#cjhf2026 .header h1{position:relative;z-index:3;margin:15px 0 0;width:100%;text-align:center;font-size:3.5vw;letter-spacing:1px;color:#fff;text-shadow:2px 2px 1px #360, -2px -2px 1px #360, -2px 2px 1px #360,  2px -2px 1px #360, 2px 0px 1px #360, -2px -0px 1px #360, 0px 2px 1px #360,  0px -2px 1px #360;font-family:'Noto Sans JP', sans-serif;font-weight:900}#cjhf2026 .header nav{position:relative;z-index:5;margin-top:15px;display:flex;justify-content:center;align-items:center}#cjhf2026 .header nav a{margin:0 12px}#cjhf2026 .header nav a img{width:30px}@media only screen and (max-width: 767px){#cjhf2026 .header{padding:15px}#cjhf2026 .header h1{font-size:24px;line-height:1.35}#cjhf2026 .header h1 span{padding:6px 12px 9px}}#cjhf2026 .brand{padding:45px 0;background:#b2dd14 url(../img/online2021/hop-bg.svg) repeat center/auto 150px}@media only screen and (max-width: 767px){#cjhf2026 .brand{padding:30px 0}}#cjhf2026 .beers{padding:45px 0;background:#339ecc url(../img/online2021/hop-bg.svg) repeat center/auto 150px}@media only screen and (max-width: 767px){#cjhf2026 .beers{padding:30px 0}}#cjhf2026 #eventlist .event-note{margin-top:1.5em}#cjhf2026 .twitter-embed{margin:24px auto 0;max-width:540px;justify-content:center}#cjhf2026 .banner a{display:block;position:relative;z-index:3;max-width:750px;width:100%}#cjhf2026 .banner a:hover{opacity:.5}
