@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700");main #top h2,main #entry h3,main #entry p,main #entry a,main #volunteer h3,main #volunteer p,main #volunteer a,main #download h3,main #download h3+p,main #download h4{overflow:hidden;text-indent:100%;white-space:nowrap}section h3{color:#026FB8;font-weight:bold}section h3+*{margin-top:16px}section+section{padding:48px 0}main #top{position:relative;overflow:hidden;padding:0 0 0 0 !important}main #top .mainvisual img{display:block;width:100%;height:auto}main #top h2{margin:0 auto 0;padding:32px 0;background:url(../img/23/h2@2x.webp) center center no-repeat;background-size:76% auto}main #top .flxc{align-items:center}main #top .flxc figure{text-align:center}main #top .flxc figure img{width:256px}main #top .flxc .txt-box em{color:#026FB8}main #top .flxc .txt-box p+p{padding-top:1em}@media only screen and (min-width: 1000px){main #top{margin-bottom:48px}main #top .flxc{justify-content:space-evenly}main #top .flxc figure{padding:1em}}@media only screen and (max-width: 999px){main #top{margin-bottom:32px}main #top h2{padding:32px 0 16px}main #top .flxc{flex-direction:column}main #top .flxc .txt-box{flex:1}main #top .flxc figure{padding:2em 1em}}@media only screen and (max-width: 540px){main #top{margin-bottom:16px}main #top h2{padding:24px 0 16px;background-image:url(../img/23/h2@sp.webp);background-size:90% auto}}main .main-section{border-radius:16px;margin:24px 0;padding:2.5% !important;position:relative}main .main-section h3{background-color:#fff;border-radius:8px}main .main-section .flxc{justify-content:space-between}main .main-section .flxc h3{width:15%}main .main-section .flxc h3+*{width:83%}main .main-section .flxc h3+p{display:flex;flex-direction:column;align-contetn:center;margin-top:0;width:83%}main .main-section .flxc h3+p.strong{background-color:#fff;border-radius:8px}main .main-section .flxc img{vertical-align:bottom}@media only screen and (max-width: 767px){main .main-section .flxc{flex-direction:column}main .main-section .flxc h3{width:100% !important}main .main-section .flxc h3+*{width:100% !important}}main #entry{background:#ffdf00}main #entry h3,main #entry p,main #entry a{min-height:16px;font-size:16px;line-height:1;vertical-align:bottom}main #entry h3{padding-top:calc(20% - 16px);background:#fff url(../img/23/entry_h3.webp) center center no-repeat;background-size:contain}main #entry h3+p{padding-top:calc(20% - 16px);background:#fff url(../img/23/entry_txt.webp) 0 center no-repeat;background-size:contain}main #entry figure{position:absolute;bottom:46%;right:0;display:block;width:40%;transform:translate(0, 50%)}main #entry figure+p{width:56%;margin-top:3%;padding-top:calc(8.1% - 16px);background:url(../img/23/entry_txt2.webp) 0 0 no-repeat;background-size:contain}main #entry .event_period{width:52%;margin:3% 0 2%;padding-top:calc(3.7% - 16px);background:url(../img/23/entry_txt3.webp) 0 0 no-repeat;background-size:contain}main #entry .event_period strong{font-size:2em;text-decoration:none}main #entry .btn-box a{display:inline-block;width:45%;padding-top:calc(7.8% - 16px);background:url(../img/23/entry_btn.webp) center top no-repeat;background-size:auto 200%}main #entry .btn-box a:hover{background-position:center bottom}@media only screen and (max-width: 767px){main #entry h3{padding-top:calc(19.1% - 16px);background-image:url(../img/23/entry_h3@sp.webp)}main #entry h3+p{margin:2.5% 0 0;padding-top:calc(37.9% - 16px);background-image:url(../img/23/entry_txt@sp.webp)}main #entry figure{bottom:unset;right:0;width:92%;transform:translate(0, -5%)}main #entry figure+p{width:95%;margin:0 2.5%;padding-top:calc(92% + 38.8% + 5% - 16px);background-image:url(../img/23/entry_txt2@sp.webp);background-position:0 bottom}main #entry .event_period{width:68%;margin:10% 2.5%;padding-top:calc(16.4% - 16px);background-image:url(../img/23/entry_txt3@sp.webp)}main #entry .btn-box{text-align:center;padding-bottom:5%}main #entry .btn-box a{width:80%;padding-top:calc(19.3% - 16px);background:url(../img/23/entry_btn@sp.webp) center top no-repeat;background-size:auto 200%}main #entry .btn-box a:hover{background-position:center bottom}}main #volunteer{background:#00a83b}main #volunteer h3,main #volunteer p,main #volunteer a{min-height:16px;font-size:16px;line-height:1;vertical-align:bottom}main #volunteer h3{padding-top:calc(20% - 16px);background:#fff url(../img/23/volunteer_h3.webp) center center no-repeat;background-size:contain}main #volunteer h3+*{margin-top:0}main #volunteer p.txt{width:82%;margin:3% 0;padding-top:calc(3.8% - 16px);background:url(../img/23/volunteer_txt.webp) 0 center no-repeat;background-size:contain}main #volunteer p.txt2{width:55%;margin-bottom:3%;padding-top:calc(6.1% - 16px);background:url(../img/23/volunteer_txt2.webp) 0 center no-repeat;background-size:contain}main #volunteer .btn-box a{display:inline-block;width:55%;padding-top:calc(9.3% - 16px);background:url(../img/23/volunteer_btn2.webp) 0 top no-repeat;background-size:auto 200%}main #volunteer .btn-box a:hover{background-position:0 bottom}main #volunteer figure{position:absolute;bottom:50%;right:2%;display:block;width:25%;transform:translate(0, 50%)}@media only screen and (max-width: 767px){main #volunteer h3{padding-top:calc(19.2% - 16px);background-image:url(../img/23/volunteer_h3@sp.webp)}main #volunteer p.txt{width:96%;margin:5% 2%;padding-top:calc(15.5% - 16px);background-image:url(../img/23/volunteer_txt@sp.webp)}main #volunteer p.txt2{width:90%;margin:0 3% 10%;padding-top:calc(75.5% + 23.0% + 10% - 16px);background-image:url(../img/23/volunteer_txt2@sp.webp);background-position:0 bottom}main #volunteer figure{top:24%;bottom:unset;right:unset;width:85%;margin-left:7.5%;transform:translate(0, 0)}main #volunteer .btn-box{text-align:center;padding-bottom:5%}main #volunteer .btn-box a{width:80%;padding-top:calc(19.3% - 16px);background:url(../img/23/volunteer_btn@sp.webp) 0 top no-repeat;background-size:auto 200%}main #volunteer .btn-box a:hover{background-position:0 bottom}}main #download{background:#0092ce}main #download h3,main #download h3+p,main #download h4{min-height:16px;font-size:16px;line-height:1;vertical-align:bottom}main #download h3{padding-top:calc(20% - 16px);background:#fff url(../img/23/dl_h3.webp) center center no-repeat;background-size:contain}main #download h3+p{width:83% !important;padding-top:calc(20% - 16px);background:url(../img/23/dl_txt.webp) 0 center no-repeat;background-size:90%}main #download a.btn{background-color:#004098;text-align:center;line-height:48px}main #download a.btn img{vertical-align:middle}main #download a.btn:hover{background-color:#E61B24 !important}main #download .flyer{padding-top:4%;width:43%;justify-content:flex-start}main #download .flyer h4{width:35%;margin-right:1em;background:url(../img/23/dl_h4_flyer.webp) 0 top no-repeat;background-size:contain}main #download .flyer h4+*{width:60%}main #download .flyer .btn-box{padding-top:1em}main #download .music{padding-top:4%;width:51%;justify-content:flex-start}main #download .music li+li{padding-top:1em}main #download .music h4{width:30%;margin-right:1em;background:url(../img/23/dl_h4_music.webp) 0 top no-repeat;background-size:contain}main #download .music h4+*{width:65%}main #download .music p{color:#fff;font-size:13px;text-align:right}main #download .music audio#music-player{width:100%;margin:8px}main #download .music .btn{margin:0 0 0 auto}@media only screen and (max-width: 767px){main #download h3{padding-top:calc(16.3% - 16px);background-image:url(../img/23/dl_h3@sp.webp)}main #download h3+p{width:96% !important;margin:5% 2%;padding-top:calc(59.8% - 16px);background-image:url(../img/23/dl_txt@sp.webp);background-size:contain}main #download .btn{margin:0 0 0 auto}main #download .flyer,main #download .music{width:96%;margin:5% auto 0;flex-direction:row}main #download .flyer h4{width:30%}main #download .flyer h4+*{width:65%}main #download .music{padding-bottom:5%}main #download .music li+li{padding-top:1em}main #download .music h4{width:30%}main #download .music h4+*{width:65%}}@media only screen and (max-width: 374px){main #download .flyer,main #download .music{flex-direction:column}main #download .flyer h4,main #download .music h4{width:40%;padding-top:38%}main #download .flyer h4+*,main #download .music h4+*{width:100%}}main #link{border-top:1px solid #026FB8}main #link .umipro p{padding:8px 0 8px;font-size:.92em;line-height:1.8}main #link .umipro dl.flxc{align-content:center;align-items:center}main #link .umipro dl.flxc dt{margin-right:16px;vertical-align:middle}main #link .umipro dl.flxc dd{flex:1;vertical-align:middle}main #link .umipro ul{display:flex;flex-wrap:wrap;justify-content:start;align-items:center}main #link .umipro ul *{display:block;line-height:40px;vertical-align:middle}main #link .umipro ul.organizer li{margin:8px 16px 8px 16px;height:40px}main #link .umipro ul.organizer li:first-child{margin-left:0}main #link .umipro ul.organizer li.unp_cfb a{width:106px}main #link .umipro ul.organizer li.umisakura a{width:44px}main #link .umipro ul.sponsor{justify-content:start}main #link .umipro ul.sponsor li{margin:8px 16px 8px 16px;line-height:24px}main #link .umipro ul.sponsor li.uyeno_gr{width:75.3px}main #link .umipro ul.sponsor li.umiuru{width:91.2px}main #link .umipro ul.sponsor li.ziploc{width:77px}main #link .umipro ul.sponsor li.taisho{width:110px}main #link .umipro ul.sponsor li.haseman{width:100.8px}main #link .umipro ul.sponsor li.paul_joe{width:94.7px}@media only screen and (max-width: 540px){main #link .umipro dl.flxc{flex-direction:column;align-items:center}main #link .umipro dl.flxc dt{line-height:1.6em;margin-left:16px;text-align:center}main #link .umipro .organizer,main #link .umipro .sponsor{justify-content:center !important;padding:8px}}main #link .archive{margin-top:24px}main #message{border-top:1px solid #026FB8}main #message div .flxc{display:-webkit-flex;display:inline-flex;-webkit-align-items:center;align-items:center;margin:0 auto 24px}main #message div .flxc figure img{width:80px;height:80px;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;margin-right:16px}main #message div .flxc p{text-align:left;white-space:nowrap}@media only screen and (min-width: 541px), print{main #message>.flxc{justify-content:space-between;align-items:stretch}main #message>.flxc>div{width:48%}}@media only screen and (max-width: 540px){main #message>.flxc{flex-direction:column}main #message>.flxc>div+div{margin-top:40px;margin-left:0}main #message>.flxc .flxc{display:block}main #message>.flxc .flxc figure img{display:block;margin:0 auto 16px;width:128px;height:128px;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%}main #message>.flxc .flxc p{text-align:center}}
main #entry figure+p{
    width:56%;
    margin-top:3%;
    /*padding-top:calc(8.1% - 16px);*/
    padding-top:calc(11.1% - 16px);
    /*background:url(../img/23/entry_txt2.webp) 0 0 no-repeat;*/
    background:url(../img/23/entry_txt2b.webp) 0 0 no-repeat;
    background-size:contain;
}
@media only screen and (max-width: 767px){
    main #entry figure+p{
        width:95%;
        margin:0 2.5%;
        /*padding-top:calc(92% + 38.8% + 5% - 16px);
        /*background-image:url(../img/23/entry_txt2@sp.webp);*/
        padding-top:calc(92% + 51.8% + 5% - 16px);
        background-image:url(../img/23/entry_txt2b@sp.webp);
        background-position:0 bottom;
}
