/*薄めのゴールド#eea　濃いゴールド#ba2　青#124*/ .spOnly{display:none!important;} i{font-style:normal;} a{text-decoration:none;transition:0.3s ease-in-out;} a:hover{opacity:0.85;} i,u,em{text-decoration:none;font-style:normal;font-weight:normal;/*font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/} em{font-family: "Times New Roman", Times, serif;font-weight:500;} q{font-family: "Helvetica Neue","Helvetica","Arial","sans-serif";font-weight:bold;} .roman,.roman *{font-family: "Times New Roman", Times, serif;font-weight:500;} .roman.b,.roman > .b{font-weight:900!important;} .roman.m,.roman > .m{font-weight:700!important;} img{border-style:none;}a img{border-style:none; } html{max-width:100%;min-height:100%;-webkit-text-size-adjust:100%;font-size:13.5pt;word-break:normal;} body{font-family:"Oswald", sans-serif;font-weight:500;position:relative;overflow-x:hidden;-webkit-text-size-adjust:100%;width:100%;line-height:1.0;background:#fff;} time{display:block;line-height:15px;font-family: "Helvetica Neue","Helvetica","Arial","sans-serif";color:#666;font-weight:bold;} a.link{display:table;margin:50px auto;min-width:210px;box-sizing:border-box;background:#0cc;font-size:17px;color: #fff !important;text-shadow:1px 1px 0 rgba(6, 6, 6, .7);text-align:center;padding:.6em 2.7em .6em 2em;position:relative;box-shadow:1.5px 1.5px 3px rgba(0,0,0,0.3);font-family:"Oswald", sans-serif;font-weight:500;} a.link span{position:relative;} a.link span:after{content:'';background:url(../layout/arrow-next_wh.gif) no-repeat right center;display:inline-block;width:11px;height:12px;position:absolute;top:0;bottom:0;right:-18px;margin:auto 0;} a.link:hover{opacity:1!important;background-color:#f03;} a.link:hover span:after{translate:2px 0;} /*★width1260pxはまとめてここに★*/ #header .coverIMG > div,#topMENU ul,nav.gNavi li.sub > ol,.news-archive,section.top03 > div,section.top04 > div,section.top05 > div,section.top06 > div,section.fArticle > div,footer .fContainer{width:1260px;} /*★width1260pxはまとめてここに★*/ p > a[target='_blank']{margin-right:4px;} small{font-size:0.75em;} .center{text-align:center;} img.center{margin-left:auto;margin-right:auto;display:block;} ul.donateBTN{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:15em;font-size:21px;} ul.donateBTN li{width:50%;} ul.donateBTN li a{display:block;font-family:"Oswald", sans-serif;font-weight:500;color:#fff;background:#000;text-align:center;line-height:2.5em;height:2.5em;vertical-align:middle;position:relative;} ul.donateBTN li a b{display:block;font-weight:500;position:relative;z-index:2;} ul.donateBTN li a:before{content:'';display:block;width:100%;height:100%;background:url(../layout/dotBK.svg) repeat center / 0px auto;position:absolute;top:0;z-index:1;transition:0.3s ease-in-out;} ul.donateBTN li a:hover{opacity:1;} ul.donateBTN li a:hover b{animation:bound 0.9s ease-in-out 0s infinite;} @keyframes bound{0%,50%,100%{scale:1;}30%,80%{scale:0.95;}40%,90%{scale:1.1;}} ul.donateBTN li:nth-of-type(1) a:before{left:0;opacity:.15;mix-blend-mode:multiply;} ul.donateBTN li:nth-of-type(2) a:before{right:0;opacity:.25;background-image:url(../layout/dotWH.svg);} ul.donateBTN li:nth-of-type(1) a:hover:before, ul.donateBTN li:nth-of-type(2) a:hover:before{background-size:20px auto;} ul.donateBTN li a.pinkBTN{background:#ff3378;} ul.donateBTN li a.pinkBTN:before{background-image:url(../layout/dotWH.svg);mix-blend-mode:normal;} ul.donateBTN li a.blueBTN{background:#0ff;color:#000;} ul.donateBTN li a.yellowBTN{background:#f4ff48;color:#000;} #header .hBCKG{position:static;} #header .hBCKG h1{width:222px;left:10px;top:27px;} #header{background:#fff url(../top/topBCKG-sakura.webp) no-repeat center center;height:797px;position:relative;z-index:0;} #header .hBCKG{height:119px;background:url(../top/head-back.png) repeat;position:relative;} #header .hBCKG h1{width:272px;height:76px;background:url(../top/logo.png)no-repeat center / contain;position:absolute;top:33px;bottom:0;left:50px;} #header .hBCKG h1 a{display:block;width:100%;height:100%;} #header .hBCKG p.description{font-size:13.5pt;height:20px;line-height:20px;vertical-align:middle;position:absolute;top:0;left:0;width:100%;box-sizing:border-box;background:linear-gradient(90deg, rgba(204,0,104,1) 0%, rgba(255,255,255,1) 24%, rgba(204,0,144,1) 100%);font-family: "Helvetica Neue","Helvetica","Arial","sans-serif";font-weight:normal;text-align:right;padding:0 15px;color:#fff;} #header .hBCKG p.description b{font-weight:700;padding-right:1em;padding-left:26px;background:url(../top/head-flag.png) no-repeat left center / auto 14px;} #header .hBCKG ul.donateBTN{position:absolute;top:20px;bottom:0;right:50px;margin:auto 0;} #header .hBCKG a.bell{display:block;position:absolute;top:20px;bottom:0;right:400px;padding:6px 25px 0px 60px;text-shadow:1px 1px 0 #fff;margin:auto 0;border:2px solid #fff;box-shadow:0 0 5px rgba(0,0,0,0.3);border-radius:6px;background:linear-gradient(to bottom,#fff,#ccc);font-family:"Helvetica Neue","Helvetica","Arial","sans-serif";font-size:16px;font-weight:300;box-sizing:border-box;height:52.5px;line-height:0.95;} #header .hBCKG a.bell b{display:block;font-weight:600;font-size:23px;} #header .hBCKG a.bell:before{content:'';display:block;width:40px;height:40px;position:absolute;left:12px;top:0;bottom:0;margin:auto 0;background:url(../top/head-bell.png) no-repeat center / 100% auto;} #header .hBCKG a.bell:hover{opacity:1;background:linear-gradient(to bottom,#fff,#fff);} #header .hBCKG a.bell:hover:before{animation:bell 0.1s ease-in-out 0s alternate infinite;translate:0 0;} @keyframes bell{0%{translate:0px 0;}100%{translate:1px 0;}} #header nav.gNavi{height:56px;background:#000;display:flex;flex-wrap:wrap;justify-content:right;padding:0 50px;position:relative;z-index:6;mix-blend-mode:normal;} #header nav.gNavi ul.nav{display:flex;flex-wrap:wrap;justify-content:left;position:relative;z-index:2;background:#000;} #header nav.gNavi ul.nav > li{font-size:15pt;font-weight:500;height:100%;vertical-align:middle;} #header nav.gNavi ul.nav > li > a, #header nav.gNavi ul.nav > li.sub button{color:#fff;padding:0 25px;display:block;height:100%;box-sizing:border-box;cursor:pointer;background-color:transparent;border:none;line-height:54px;vertical-align:middle;} #header nav.gNavi ul.nav > li a:hover{text-shadow:none;color:#ff18b2;opacity:1;} #header nav.gNavi ul.nav > li.sub button:after{content:'';display:inline-block;width:11px;height:7px;margin-left:10px;background:url(../top/arrow-bottom.gif) no-repeat center;position:relative;top:-4px;} #header nav.gNavi ul.nav > li.sub.active button{color:#ff18b2;} #header nav.gNavi ul.nav > li.sub.active button:after{rotate:180deg;} #header nav.gNavi ul.nav > li.sub > button:hover{color:#ff18b2;} #header nav.gNavi li.sub:before{content:'';display:block;position:absolute;top:56px;left:0;right:0;margin:0 auto;background:#333;width:100%;height:0;transition:0.3s ease-in-out;} #header nav.gNavi li.sub.chirari:before{height:5px;} #header nav.gNavi li.sub div{position:absolute;top:56px;left:0;right:0;margin:0 auto;background:#333;width:100%;display:none;padding:20px 30px 40px 30px;box-sizing:border-box;} #header nav.gNavi li.sub div a.title{font-size:21px;text-align:center;display:table;margin:0 auto 7px auto;font-family:"Oswald", sans-serif;font-weight:500;color:#ff18b2;word-break:normal;} #header nav.gNavi li.sub div a.title:hover{color:#fff;} #header nav.gNavi li.sub div ol{display:flex;flex-wrap:wrap;justify-content:left;align-items:start;} #header nav.gNavi li.sub div ol li{width:calc(100% / 4 - 10px - 1em);margin:10px 5px;padding-left:1em;text-indent:-1em;} #header nav.gNavi li.sub div ol li:before{content:'・';color:#fff;} #header nav.gNavi li.sub div ol li a{font-size:13.5pt;font-family:"Helvetica Neue","Helvetica","Arial","sans-serif";color:#fff;word-break:normal;font-weight:normal;} #header nav.gNavi li.sub div ol li a[target='_blank']{padding-right:20px;background:url(../layout/icon-blankWH.gif) no-repeat right center;} #header nav.gNavi .gSEARCH{width:30px;height:30px;margin-top:13px;overflow:hidden;position:relative;transition:0.3s ease-in-out;} #header nav.gNavi .gSEARCH input{height:100%;border:0;padding:3px 10px;box-sizing:border-box;font-family:"Helvetica Neue","Helvetica","Arial","sans-serif";font-size:15px;box-sizing:border-box;border-radius:0;} #header nav.gNavi .gSEARCH input[type='text']{padding-block:0;} #header nav.gNavi .gSEARCH button[type='submit']{background:#000 url(../top/icon-search.png) no-repeat center 2px / 15px;width:30px;height:30px;cursor:pointer;border:0;position:absolute;right:0;top:0;/*overflow:hidden;text-indent:-9999em;*/} #header nav.gNavi .gSEARCH button[type='submit'] b{font-size:12px;color:#fff;font-weight:normal;width:30px;position:absolute;right:0;top:15px;} #header nav.gNavi .gSEARCH.active{width:222px;} #header nav.gNavi .gSEARCH.active button[type='submit'] b{color:#ff3378;} #header nav.gNavi .gNEWS{width:625px;height:34px;display:flex;flex-wrap:wrap;justify-content:left;position:absolute;left:50px;top:0;bottom:0;margin:auto 0;z-index:1;overflow:hidden;} #header nav.gNavi .gNEWS h2, #header nav.gNavi .gNEWS h2 a{display:block;width:3.5em;height:100%;line-height:1.4;background:#34f3ff;color:#000;box-sizing:border-box;text-align:center;vertical-align:middle;font-size:23px;transition:0s ease-in-out;} #header nav.gNavi .gNEWS h2 a:hover{background:#000;color:#34f3ff;border:1px solid #34f3ff;} #header nav.gNavi .gNEWS div.slick-news{height:100%;width:500px;background:#fff;padding:0 15px 0 35px;box-sizing:border-box;} #header nav.gNavi .gNEWS h2, #header nav.gNavi .gNEWS div.slick-news article, #header nav.gNavi .gNEWS div.slick-news article a, #header nav.gNavi .gNEWS div.slick-news article time{height:34px;line-height:34px;vertical-align:middle;} #header nav.gNavi .gNEWS div.slick-news article{width:100%;display:flex;flex-wrap:wrap;justify-content:left;align-items:center;padding-right:10px;} #header nav.gNavi .gNEWS article{opacity:0;} #header nav.gNavi .gNEWS .slick-slider article{opacity:1;} #header nav.gNavi .gNEWS div.slick-news article a{font-size:15pt;max-width:calc(100% - 100px);line-height:32px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #header nav.gNavi .gNEWS div.slick-news article a:hover{color:#34f3ff;} #header nav.gNavi .gNEWS div.slick-news article time{font-size:12pt;display:block;margin-left:10px;color:#000;font-weight:normal;translate:0 2px;} #header nav.gNavi .gNEWS .slick-prev{display:none!important;} #header nav.gNavi .gNEWS .slick-next{right:auto;left:8px;top:53%;} #header nav.gNavi .gNEWS .slick-next:before{content:'←';color:#000;} #header nav.gNavi .gNEWS .slick-next:before:hover{opacity:0.8;} #header .coverIMG{height:622px;width:100%;position:relative;} #header .coverIMG:before{content:'';display:block;height:100%;width:100%;position:absolute;top:0;left:0;right:0;margin:0 auto;background:linear-gradient(to right,rgb(255,255,0),rgb(255,153,204));mix-blend-mode:multiply;} #header .coverIMG > div{height:100%;margin:0 auto;position:relative;box-sizing:border-box;padding:75px 0 0 0;box-sizing:border-box;mix-blend-mode:normal;} #header .coverIMG > div:before{content:'';display:block;width:970px;height:521px;margin:0 auto;position:absolute;left:calc(50% - 150px);bottom:0;background:url(../top/topMEMBER.webp) no-repeat right bottom;mix-blend-mode:multiply;} #header .coverIMG > div:after{content:'';display:block;width:191px;height:184px;position:absolute;right:0;top:50px;background:url(../top/topPIGEON.webp) no-repeat;} #header .coverIMG > div *{color:#fff;text-shadow:2px 2px 1px rgba(0,0,0,0.5);position:relative;z-index:2;max-width:900px;} #header .coverIMG > div h2{font-size:48px;margin-bottom:20px;line-height:1.2;} #header .coverIMG > div p{font-size:25px;line-height:1.3;font-family:"Oswald", sans-serif;font-weight:500;line-height:1.5;max-width:1000px;} #header .coverIMG > div h2, #header .coverIMG > div p, #header .coverIMG > div:before{opacity:0;translate:0 300px;animation:coverIMG 0.6s ease-in-out 0s 1 forwards;} #header .coverIMG > div h2{animation-delay:0.3s;} #header .coverIMG > div p{animation-delay:0.6s;} #header .coverIMG > div:before{animation-delay:1.5s;} #header .coverIMG > div:after{opacity:0;animation:fadeIN 2s ease-in-out 1.5s 1 forwards;} @keyframes coverIMG{100%{opacity:1;translate:0 0;}} /* 背景白ver #header .coverIMG{height:622px;width:100%;position:relative;} #header .coverIMG:before{content:'';display:block;height:100%;width:100%;position:absolute;top:0;left:0;right:0;margin:0 auto;background:linear-gradient(to right,rgb(255,255,200),rgb(206,53,138));mix-blend-mode:multiply;z-index:2;} #header .coverIMG:after{content:'';display:block;height:100%;width:100%;position:absolute;top:0;left:0;right:0;margin:0 auto;background:linear-gradient(to right,rgba(255,255,255,7.5),rgba(255,255,255,0.5));z-index:2;} #header .coverIMG > div{height:100%;margin:0 auto;position:relative;box-sizing:border-box;padding:75px 0 0 0;box-sizing:border-box;mix-blend-mode:normal;} #header .coverIMG > div:before{content:'';display:block;width:970px;height:521px;margin:0 auto;position:absolute;left:calc(50% - 50px);bottom:0;background:url(../top/topMEMBER.webp) no-repeat right bottom;mix-blend-mode:multiply;z-index:1;} #header .coverIMG > div:after{content:'';display:block;width:191px;height:184px;position:absolute;right:0;top:50px;background:url(../top/topPIGEON.webp) no-repeat;z-index:3;} #header .coverIMG > div *{color:#603;position:relative;z-index:4;max-width:900px;} #header .coverIMG > div h2{font-size:52px;margin-bottom:20px;line-height:1.2;} #header .coverIMG > div p{font-size:28px;line-height:1.3;font-family:"Oswald", sans-serif;font-weight:500;line-height:1.5;max-width:100%;} #header .coverIMG > div h2, #header .coverIMG > div p{opacity:0;translate:0 300px;animation:coverIMG 0.6s ease-in-out 0s 1 forwards;} #header .coverIMG > div:before{opacity:0;translate:0 300px;animation:coverIMG02 0.6s ease-in-out 1.5s 1 forwards;} #header .coverIMG > div h2{animation-delay:0.3s;} #header .coverIMG > div p{animation-delay:0.6s;} #header .coverIMG > div:before{animation-delay:1.5s;} #header .coverIMG > div:after{opacity:0;animation:fadeINpigeon 2s ease-in-out 1.5s 1 forwards;} @keyframes coverIMG{100%{opacity:1;translate:0 0;}} @keyframes coverIMG02{100%{opacity:1;translate:0 0;}} @keyframes fadeINpigeon{100%{opacity:0.5;}} */ #topMENU{width:100%;background:#ce018a;padding:0 0 50px 0;} #topMENU ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;} #topMENU ul li{width:calc(100% / 4 - 16px);padding:40px 0 50px 0;box-sizing:border-box;background:linear-gradient(to bottom,#f03,#f6c);color:#fff;translate:0 -50px;text-align:center;font-size:18px;font-family:"Helvetica Neue","Helvetica","Arial","sans-serif";line-height:1.3;} #topMENU ul li b{display:block;font-size:35px;font-family:"Oswald", sans-serif;font-weight:500;padding-top:80px;background:url() no-repeat center top;margin-bottom:5px;} #topMENU ul li a{display:table;margin:20px auto 0 auto;color:#fff;background:#000;height:30px;line-height:30px;vertical-align:middle;padding:0 20px 2px 20px;} #topMENU ul li a:focus{color:#000;background:#fff;outline:1px solid #f0c;} #topMENU ul li a:hover{color:#000;background:#fff;} #topMENU ul li.tN01 b{background-image:url(../top/01-1.png);} #topMENU ul li.tN02 b{background-image:url(../top/01-2.png);} #topMENU ul li.tN03 b{background-image:url(../top/01-3.png);} #topMENU ul li.tN04 b{background-image:url(../top/01-4.png);} #topMENU div.sns01{background:#000;width:380px;padding:10px 20px 25px 20px;box-sizing:border-box;margin:0 auto;border-radius:33px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;} #topMENU div.sns01 p{color:#ff3378;font-size:20px;font-family:"Oswald", sans-serif;font-weight:500;margin-right:0px;translate:0 6px;} #topMENU div.sns01 ol{display:flex;flex-wrap:wrap;justify-content:left;align-items:center;} #topMENU div.sns01 ol li{width:36px;height:36px;margin-left:15px;position:relative;} #topMENU div.sns01 ol li span{text-align:center;position:absolute;bottom:-12px;left:0;right:0;margin:auto;font-size:10px;color:#fff;} #topMENU div.sns01 ol li a{display:block;height:100%;background:url() no-repeat center / 34px;} #topMENU div.sns01 ol li.facebook a{background-image:url(../layout/sns01.png);} #topMENU div.sns01 ol li.x a{background-image:url(../layout/sns02.png);} #topMENU div.sns01 ol li.youtube a{background-image:url(../layout/sns03.png);} #topMENU div.sns01 ol li.branches a{background-image:url(../layout/sns04.png);} #topMENU ul li{transform:rotateY(90deg);opacity:0;animation:round3DX 0.3s ease-in-out 0s 1 forwards;} #topMENU ul li.tN01{animation-delay:1.8s;} #topMENU ul li.tN02{animation-delay:2.1s;} #topMENU ul li.tN03{animation-delay:2.4s;} #topMENU ul li.tN04{animation-delay:2.7s;} @keyframes round3DX{100%{opacity:1;transform:rotateY(0);}} .searchFIELD{width:800px;margin:50px auto 100px auto;background:#000;border-radius:20px;text-align:center;padding:20px 50px ;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;} .searchFIELD input[type='text']{width:480px;height:50px;line-height:50px;vertical-align:middle;border:0;background:#fff;text-align:left;padding:0 0.5em;box-sizing:border-box;font-size:25px;font-family:"Helvetica Neue","Helvetica","Arial","sans-serif";font-weight:normal;} .searchFIELD input[type='text']:focus{border:0;} .searchFIELD button[type='submit']{width:50px;height:50px;overflow:hidden;border:0;box-sizing:border-box;cursor:pointer;background:#f06 url(../top/icon-search.png) no-repeat center 5px / 27px;position:relative;} .searchFIELD button[type='submit'] b{font-size:12px;display:block;color:#fff;position:absolute;top:29px;text-align:center;width:100%;font-weight:normal;} /*news-archive*/ .news-archive{width:100%;padding:0 50px;margin:50px auto;box-sizing:border-box;background:#fff;position:relative;z-index:2;} .news-archive h2{text-align:center;font-size:50px;margin-bottom:50px;} .news-archive ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:start;} .news-archive ul li{width:295px;margin:0 10px 40px 10px;position:relative;} .news-archive ul li *{display:block;} .news-archive ul li a{position:relative;min-height:320px;margin-bottom:5px;width:100%;height:100%;box-sizing:border-box;word-break: keep-all;} .news-archive ul li a span.thumIMG{width:100%;height:196px;background:url() no-repeat center top / cover;box-shadow:2px 2px 0px rgba(0,0,0,0.25);transition:0.15s ease-in-out;} .news-archive ul li a b.title{font-size:18pt;font-family:"Oswald", sans-serif;font-weight:500;margin:15px 0;line-height:1.3;} .news-archive ul li a span.txt{display:none;font-size:13.5pt;font-family:"Helvetica Neue","Helvetica","Arial","sans-serif";font-weight:normal;line-height:1.5;} .news-archive ul li span.cate{display:block;font-size:13px;margin-top:15px;line-height:1.7;} .news-archive ul li span.cate > *{display:inline-block;font-size:13px;height:19px;line-height:19px;vertical-align:middle;font-size:16px;font-weight:normal;} .news-archive ul li span.cate time{font-size:13px;font-family:"Helvetica Neue","Helvetica","Arial","sans-serif";font-weight:normal;color:#666;margin-right:15px;} .news-archive ul li span.cate b{margin-left:5px;color:#fff;} .news-archive ul li span.cate b a{color:#fff;min-height:auto;margin:0;padding:0 7px;background:#000;font-weight:300;} .news-archive ul li span.cate b a:hover{background:#ff3378;} .news-archive ul li a:hover span.thumIMG{scale:1.03;box-shadow:4px 4px 5px rgba(0,0,0,0.3);} .news-archive ul li a span.more{font-size:13px;font-family:"Helvetica Neue","Helvetica","Arial","sans-serif";font-weight:bold;color:#fff;background:#ff3378;display:table;padding:0 15px;line-height:30px;height:30px;margin:0 auto;position:absolute;bottom:0;left:0;right:0;} .news-archive ul li.new:after, .news-archive ul li.big:after{content:'new';font-size:17px;font-family:"Helvetica Neue","Helvetica","Arial","sans-serif";font-weight:bold;color:#fff;background:#f0f;display:table;padding:0 15px;line-height:22px;height:22px;position:absolute;top:20px;left:-5px;box-shadow:2px 2px 1px rgba(0,0,0,0.3);} .news-archive ul li.big:after{content:'major announcement';} .news-archive ul li.big{width:931px;} .news-archive ul li.big a{padding:0 0 0 585px;} .news-archive ul li.big a span.thumIMG{width:562px;height:400px;position:absolute;left:0;top:0;} .news-archive ul li.big a b.title{font-size:30px;margin:0 0 15px 0;line-height:1.3;} .news-archive ul li.big a span.txt{display:block;} .news-archive ul li.big a span.more{left:calc(60% + 37px);right:auto;margin:0;} .news-archive nav.tag-cloud{margin:50px auto 150px auto;padding:80px 50px 30px 50px;position:relative;background:#efefef;width:1260px;box-sizing:border-box;} .news-archive nav.tag-cloud:before{content:'';display:block;width:30px;height:40px;background:url(../layout/icon-tag.svg) no-repeat center / auto 100%;position:absolute;top:30px;left:0;right:0;margin:0 auto;rotate:15deg;opacity:0.3;} .news-archive nav.tag-cloud h3{text-align:center;font-size:40px;margin-bottom:15px;} ul.wp-tag-cloud{margin-top:30px;display:flex;flex-wrap:wrap;justify-content:left;align-items:center;} ul.wp-tag-cloud li{width:auto!important;margin:0 0 2px 2px!important;color:#fff;display:inline-block;} ul.wp-tag-cloud li a{color:#fff;min-height:auto;padding:2px 7px 3px 7px;background:#000;font-weight:300;line-height:0.9;margin:0!important;transition:0.3s ease-in-out;display:block;} ul.wp-tag-cloud li a:hover{background:#ff3378;} section{position:relative;} section > div{margin-left:auto;margin-right:auto;position:relative;} section > div h2.title{font-size:75px;margin-bottom:20px;} section > div h3.title{font-size:35px;margin-bottom:15px;} section > div p{font-size:18pt;line-height:1.5;margin-bottom:15px;} section a.more{font-size:15px;font-family:"Helvetica Neue","Helvetica","Arial","sans-serif";font-weight:bold;color:#fff;background:#ff3378;display:table;padding:0 15px;line-height:30px;height:30px;margin:0 auto;} section.committees{background:#efefef url(../top/committeeBCKG.webp) no-repeat center / cover;padding:50px 0;margin-bottom:100px;} section.committees > div{text-align:center;margin:0 auto;width:95%;} section.committees > div h2{text-align:center;margin-bottom:40px;color:#fff;text-shadow:2px 2px 1px rgba(0,0,0,0.3);} section.committees > div ul{display:flex;flex-wrap:wrap;justify-content:center;} section.committees > div ul li{width:calc(100% / 7 - 20px);margin:25px 0px;box-sizing:border-box;opacity:0;translate:0 100px;} section.committees > div ul li a.thumIMG{display:block;width:150px;height:150px;border-radius:50%;overflow:hidden;margin:0 auto 20px auto;box-sizing:border-box;border:3px solid #fff;box-shadow:0 0 5px rgba(0,0,0,0.8);background-color:#fff;transition:0.15s ease-in-out;} section.committees > div ul li a.thumIMG:hover{scale:1.1;} section.committees > div ul li a.thumIMG span{display:block;width:100%;height:100%;background:url() no-repeat center / cover;} section.committees > div ul li b.title{display:block;word-break:keep-all;line-height:1.5;font-size:20px;padding:0 20px;} section.committees > div ul li b.title a{color:#fff;text-shadow:2px 2px 1px rgba(0,0,0,0.8);font-weight:normal;} section.committees.fade > div ul li{animation:fadeUP 0.6s ease-in-out 0s 1 forwards;} section.committees.fade > div ul li:nth-of-type(1){animation-delay:0s;} section.committees.fade > div ul li:nth-of-type(2){animation-delay:0.3s;} section.committees.fade > div ul li:nth-of-type(3){animation-delay:0.6s;} section.committees.fade > div ul li:nth-of-type(4){animation-delay:0.9s;} section.committees.fade > div ul li:nth-of-type(5){animation-delay:1.2s;} section.committees.fade > div ul li:nth-of-type(6){animation-delay:1.5s;} section.committees.fade > div ul li:nth-of-type(7){animation-delay:1.8s;} @keyframes fadeIN{100%{opacity:1;translate:0 0;}} @media screen and (max-width:1350px){ section.committees > div ul li{width:calc(100% / 7 - 0px);} } @media screen and (max-width:1260px){ #header nav.gNavi ul.nav{width:100%;} #header nav.gNavi ul.nav > li{width:calc(100% / 8);} #header nav.gNavi ul.nav > li > a, #header nav.gNavi ul.nav > li.sub button{padding:0;text-align:center;width:100%;position:relative;} #header nav.gNavi ul.nav > li.sub button:after{top:auto;bottom:5px;left:0;right:0;margin:0 auto;position:absolute;} } @media screen and (max-width:1200px){ #header nav.gNavi ul.nav > li{font-size:13.5pt;} section.committees > div ul li{width:calc(100% / 4 - 0px);} section.committees > div ul li b.title{padding:0 5px;} } @media screen and (max-width:700px){ section.committees > div ul li{width:calc(100% / 3 - 0px);margin:0 0 15px 0;} section.committees > div ul li a.thumIMG{margin-bottom:10px;} } @media screen and (max-width:550px){ section.committees{background-image:url(../top/committeeBCKGsp.webp);background-attachment:fixed;} section.committees > div ul li{width:calc(100% / 2 - 0px);} section.committees > div ul li a.thumIMG{width:100px;height:100px;margin-bottom:0;} } @media screen and (max-width:400px){ section.committees > div ul li{width:100%;display:flex;flex-wrap:wrap;justify-content:left;} section.committees > div ul li b.title{width:calc(100% - 120px);box-sizing:border-box;display:flex;align-items:center;text-align:left;} } section.top03{/*background:url(../top/top03BCKG.svg) no-repeat center top / 100% auto;*/background:url(../top/top03BCKG02.svg) no-repeat center top 160px / 100% auto ,linear-gradient(to bottom,#fff 0px,#fff 160px,#0ff 160px,#0ff 50%,#333 100%);position:relative;z-index:1;width:100%;} section.top03 > div{margin:300px auto 0 auto;padding-bottom:60px;translate:0 -100px;} section.top03 > div:before{content:'';display:block;opacity:0;position:absolute;left:55%;top:-500px;bottom:-400px;margin:auto 0;background:url(../top/top03-1.webp) no-repeat;width:719px;height:800px;z-index:2;} section.top03 > div span.check{display:block;position:absolute;left:0;right:0;bottom:0px;margin:0 auto;background:url(../top/top03-3.svg) no-repeat center / contain;width:639px;height:523px;z-index:1;opacity:0;} section.top03 > div > *{position:relative;z-index:3;} section.top03 h3.title{margin-bottom:10px;} section.top03 ul.check{margin:20px 0 50px 0;} section.top03 ul.check li{font-size:18pt;font-family:"Oswald", sans-serif;font-weight:500;margin:7px 0;line-height:1.3;position:relative;text-indent:-28px;padding-left:28px;} section.top03 ul.check li:before{content:'';width:20px;height:20px;background:#0ff;display:inline-block;border-radius:50%;margin-right:8px;translate:0 2px;box-shadow:0 0 3px rgba(0,0,0,0.3);} section.top03 p.ex{font-size:13.5pt;color:#fff;margin-top:10px;text-shadow:0 0 5px rgba(0,0,0,0.8),0 0 5px rgba(0,0,0,0.8),0 0 5px rgba(0,0,0,0.8),0 0 5px rgba(0,0,0,0.8);} section.top03 p.ex a{color:#cf0;background:url(../layout/icon-mail.png) no-repeat left center;padding-left:28px;display:inline-block;text-decoration:underline;} section.top03 p.ex a:hover{color:#fff;text-decoration:none;} section.top04{background:#333;padding:100px 0 150px 0;position:relative;z-index:1;} section.top04 > div{margin:0 auto;} section.top04 h2.title{text-align:center;color:#f4ff48;margin-bottom:60px;line-height:1.3;} section.top04 > div > div{padding:30px 0 0 850px;background:url(../top/top04-1.jpg) no-repeat left top;color:#fff;min-height:392px;position:relative;} section.top04 h3.title{color:#f4ff48;} section.top04 h4{font-family:"Times New Roman", Times, serif;font-size:13.5pt;font-weight:normal;line-height:1.4;margin-bottom:12px;} section.top04 p{font-size:13.5pt;font-weight:400;line-height:1.6;} section.top04 p.ex{font-size:12.0pt;color:#fff;margin-top:10px;font-weight:normal;} section.top04 p.cap{position:absolute;top:400px;left:0;font-size:21px;color:#f4ff48;font-family:"Oswald", sans-serif;font-weight:normal;} section.top05{position:relative;height:800px;width:100%;overflow:hidden;} section.top05 .top05-1{position:absolute;top:0;left:0;width:100%;height:100%;clip-path:inset(0);} section.top05 .top05-1 > div{position:fixed;top:0;left:0;width:100vw;height:100vh;background:url(../top/top05pic.jpg) no-repeat center / cover;} section.top05 .top05-2{position:relative;height:100%;margin:0 auto;padding:0;box-sizing:border-box;} section.top05 .top05-2 > div.fX01{margin:150px 0;background:#333;padding:50px;width:600px;box-sizing:border-box;color:#fff;position:absolute;z-index:2;} section.top05:before{content:'';display:block;background:url(../top/top05BCKG.gif);position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:multiply;z-index:1;} section.top05 h2.title{color:#ffcb2f;line-height:1.0;} section.top05 h3.title{color:#f4ff48;} section.top05 p{color:#fff;} section.top05 ul li{background:url(../layout/icon-checkOR.gif) no-repeat left 5px;padding-left:20px;font-family:"Times New Roman", Times, serif;font-size:14pt;font-weight:normal;line-height:1.4;margin-bottom:3px;} section.top05 a.more{background:#ffcb2f;margin:25px 0 0 0;color:#333;} section.top05 #top05ex{width:1000px;height:620px;position:absolute;top:0;bottom:0;left:550px;margin:auto 0;z-index:1;} section.top05 #top05ex{opacity:0;animation:fadeIN 0.6s ease-in-out 1.5s 1 forwards;} section.top05 #top05ex div.slick-list,section.top05 #top05ex div.slick-track{height:100%!important;} section.top05 #top05ex div.panel{width:100%;height:100%;background:url() no-repeat center / cover;} section.top05 #top05ex div.panel.top05ex-1{background-image:url(../top/top05-1.webp);} section.top05 #top05ex div.panel.top05ex-2{background-image:url(../top/top05-2.webp);} section.top05 #top05ex div.panel.top05ex-3{background-image:url(../top/top05-3.webp);} section.top05 #top05ex .slick-dots{bottom:-45px;} section.top05 #top05ex .slick-dots li{background:none;padding:0;margin:0 4px;} section.top05 #top05ex .slick-dots li button{background-color:#f4ff48;border-radius:50%;opacity:1;width:16px;height:16px;padding:0;opacity:0.8;box-sizing:border-box;border-bottom:1px solid #fff;border-right:1px solid #fff;} section.top05 #top05ex .slick-dots li button:before{display:none;} section.top05 #top05ex .slick-dots li.slick-active button{background-color:#000;opacity:1;border-bottom:1px solid #999;border-right:1px solid #999;} section.top05 #top05ex .slick-dots li button:hover{opacity:0.5;} section.fArticle{padding:100px 0;} section.fArticle > div{display:flex;flex-wrap:wrap;justify-content:center;} section.fArticle > div > div{padding:70px 50px 90px 70px;box-sizing:border-box;width:50%;background:/*url(../layout/fArticle01.webp) no-repeat right 20px top 20px , */linear-gradient(to bottom,#f03,#f6c);color:#fff;position:relative;} section.fArticle > div > div:before{content:'';display:block;width:489px;height:327px;background:url(../layout/fArticle01pic.webp);position:absolute;right:0;bottom:0;mix-blend-mode:multiply;z-index:1;} section.fArticle > div > div > *{position:relative;z-index:2;text-shadow:2px 2px 1px rgba(0,0,0,0.3);} section.fArticle > div > div h2.title{margin-bottom:15px;} section.fArticle p{font-size:13.5pt;font-weight:bold;} section.fArticle p a{color:#fff;text-decoration:underline;} section.fArticle p a:hover{text-decoration:none;} section.fArticle ul.check{margin-top:10px;margin-bottom:20px;} section.fArticle ul.check > li{font-size:13.5pt;font-family:"Helvetica Neue","Helvetica","Arial","sans-serif";font-weight:bold;padding-left:23px;background:url(../layout/icon-checkWH.gif) no-repeat left 4px;margin-bottom:7px;line-height:1.5;} section.fArticle div.note{padding:12px 20px;background:rgba(255,255,255,0.35);font-size:15px;margin-top:30px;} section.fArticle div.note h3{font-size:25px;margin-bottom:4px;} section.fArticle div.note p{margin-bottom:0;} section.fArticle a.more{margin:70px auto 0 auto;background:#000;} section.fArticle a.more:hover{background:#f66;color:#fff;opacity:1;} section.fArticle > div > div.donate{background:/*url(../layout/fArticle01.webp) no-repeat right 20px top 20px , */linear-gradient(to bottom,#980065,#ff81ff);} section.fArticle > div > div.donate:before{width:344px;height:371px;background:url(../layout/fArticle02pic.webp);} section.fArticle div.donate h3{font-family:"Helvetica Neue","Helvetica","Arial","sans-serif";font-weight:500;font-size:19px;line-height:1.5;margin-bottom:15px;} section.fArticle div.donate ol > li{font-weight:500;font-size:23px;line-height:1.5;margin-bottom:7px;} div.fContact{height:180px;margin:100px auto;box-sizing:border-box;border:5px solid #000;position:relative;} div.fContact h3{width:350px;height:100%;line-height:160px;vertical-align:middle;background:#000;color:#cf0;font-size:55px;box-sizing:border-box;padding:0 0 0 50px;} div.fContact ul{width:900px;height:100%;background:linear-gradient(120deg,#ff0,#cf0);padding:25px 40px;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:left;align-items:center;} div.fContact ul li{padding-left:18px;width:calc(100% / 3);box-sizing:border-box;font-size:21px;background:url(../layout/arrow01.gif) no-repeat left 4px;vertical-align:middle;} div.fContact ul li:hover{background-position-x:3px;} div.fContact ul li a{color:#000;} div.fContact ul li a[target=_blank]{padding-right:23px;background:url(../layout/icon-blank.gif) no-repeat right 10px;} div.fContact p{text-align:center;position:absolute;top:calc(100% + 20px);font-size:13.5pt;font-weight:normal;} #pagetop{width:66px;height:66px;display:block;text-align:center;position:fixed;right:100px;bottom:50px;z-index:4;transition:0s ease-in-out;mix-blend-mode:difference;} span#pagetop a{display:inline-block;padding-top:70px;text-align:center;width:66px;font-family:"Oswald", sans-serif;background:url(../layout/pagetop.png) no-repeat center top;font-weight:500;color:#cbc7a7;font-size:18px;} span#pagetop a:hover{opacity:0.5;} ul#fSNS{position:fixed;right:0;bottom:200px;overflow:hidden;width:150px;z-index:5;} ul#fSNS li{margin-top:5px;width:150px;translate:100px 0;transition:0.3s ease-in-out;position:relative;right:-150px;} ul#fSNS li span{height:40px;width:100%;background:#333;padding:2px;border-top-left-radius:22px;border-bottom-left-radius:22px;display:flex;flex-wrap:wrap;justify-content:left;align-items:center;} ul#fSNS li span b{width:40px;height:40px;display:block;border-radius:50%;background:url() no-repeat center / 28px , linear-gradient(to bottom,#eee,#fff);box-sizing:border-box;border:2px solid #fff;margin-right:10px;rotate:360deg;} ul#fSNS li span a{display:block;opacity:0;width:100px;translate:100px 0;color:#fff;font-size:20px;padding-bottom:2px;text-shadow:1px 1px 1px rgba(0,0,0,0.5);transition:0.3s ease-in-out;} ul#fSNS li.facebook span{background:linear-gradient(to right,#0ff,#153c84 60px);} ul#fSNS li.x span{background:linear-gradient(to right,#ccc,#999 60px);} ul#fSNS li.youtube span{background:linear-gradient(to right,#f0f,#d00 60px);} ul#fSNS li.branches span{background:linear-gradient(to right,#ff0,#cf0 60px);} ul#fSNS li.facebook span b{background-image:url(../layout/sns01bk.png) , linear-gradient(to bottom,#eee,#fff);} ul#fSNS li.x span b{background-image:url(../layout/sns02bk.png) , linear-gradient(to bottom,#eee,#fff);} ul#fSNS li.youtube span b{background-image:url(../layout/sns03bk.png) , linear-gradient(to bottom,#eee,#fff);} ul#fSNS li.branches span b{background-image:url(../layout/sns04bk.png) , linear-gradient(to bottom,#eee,#fff);} ul#fSNS li.branches span a{color:#000;text-shadow:none;} ul#fSNS li.active{translate:0 0;} ul#fSNS li.active span{opacity:1;} ul#fSNS li.active span b{rotate:0deg;transition:0.3s ease-in-out;} ul#fSNS li.active span a{opacity:1;translate:0 0;} ul#fSNS li.active span a:hover{opacity:0.8;} ul#fSNS li:nth-of-type(1){animation:snsSLIDE 0.6s ease-in-out 3s 1 forwards;} ul#fSNS li:nth-of-type(2){animation:snsSLIDE 0.6s ease-in-out 3.2s 1 forwards;} ul#fSNS li:nth-of-type(3){animation:snsSLIDE 0.6s ease-in-out 3.4s 1 forwards;} ul#fSNS li:nth-of-type(4){animation:snsSLIDE 0.6s ease-in-out 3.6s 1 forwards;} @keyframes snsSLIDE{100%{right:0;}} .fX01,.fX02,.fX03,.fX04,.fX05,.fX06,.fX07,.fX08,.fX09{opacity:0;translate:0 100px;} .fadeBOX.fade .fX01{animation:fadeUP 0.3s ease-in-out 0s 1 forwards;} .fadeBOX.fade .fX02{animation:fadeUP 0.3s ease-in-out 0.3s 1 forwards;} .fadeBOX.fade .fX03{animation:fadeUP 0.3s ease-in-out 0.6s 1 forwards;} .fadeBOX.fade .fX04{animation:fadeUP 0.3s ease-in-out 0.9s 1 forwards;} .fadeBOX.fade .fX05{animation:fadeUP 0.3s ease-in-out 1.2s 1 forwards;} .fadeBOX.fade .fX06{animation:fadeUP 0.3s ease-in-out 1.5s 1 forwards;} .fadeBOX.fade .fX07{animation:fadeUP 0.3s ease-in-out 1.8s 1 forwards;} .fadeBOX.fade .fX08{animation:fadeUP 0.3s ease-in-out 2.1s 1 forwards;} .fadeBOX.fade .fX09{animation:fadeUP 0.3s ease-in-out 2.4s 1 forwards;} @keyframes fadeUP{100%{opacity:1;translate:0 0;}} @keyframes fade{100%{opacity:1;}} .cookie{position:fixed;bottom:100px;left:0;padding:20px;box-sizing:border-box;background:rgba(0, 0, 0, .75);z-index:2;border-radius:0 4px 4px 0;height:180px;} .cookie.show{left:0;} .cookie div{opacity:0;} .cookie p{font-size:13px;text-align:left;color:#fff;font-family:"Helvetica Neue","Helvetica","Arial","sans-serif";line-height:1.35;} .cookie p b{font-size:19px;display:block;text-align:center;margin-bottom:5px;} .cookie p a{color:#fff;text-decoration:underline;margin:0 3px;} .cookie a[target='_blank']{background:url(../layout/icon-other02.gif) no-repeat right 3px / 0.8em;padding-right:16px;} .cookie p a:hover{text-decoration:none;} .cookie div.cookieText span.cBTN{display:block;width:100px;margin:10px auto 0 auto;font-size:12px;font-weight:bold;font-family:"Helvetica Neue","Helvetica","Arial","sans-serif";color:#fff;text-align:center;} .cookie{width:70px;height:56px;cursor:pointer;transition:0s ease-in-out;} .cookie.active{width:50%;height:auto;padding-top:20px;display:block;cursor:auto;transition:0.3s ease-in-out;} .cookie > div{display:none;position:relative;z-index:1;} .cookie.active > div{opacity:1;} .cookie > span.cBTN{background: url(../layout/icon-cookie.png) no-repeat center 10px / 26px;width:100%;height:100%;display:block;padding-top:37px;font-size:11px;color:#fff;text-align:center;position:absolute;top:0;left:0;font-family:"Helvetica Neue","Helvetica","Arial","sans-serif";box-sizing:border-box;cursor:pointer;z-index:2;} .cookie:hover span.cBTN{opacity:0.8;} .cookie > span.close{background:url(../layout/close.gif) no-repeat center;background-size:55%;background-color:#fff;width:20px;height:20px;border-radius:50%;padding:0;position:absolute;top:10px;left:auto;right:13px;text-indent:-999px;overflow:hidden;z-index:2;} /* footer */ footer{background:url(../layout/footerBCKG.jpg) no-repeat center bottom / cover;position:relative;z-index:1;width:100%;overflow:hidden;} footer:after{content:'';display:block;width:100%;height:100%;position:absolute;bottom:0;left:0;background:url(../layout/footerSKIN.gif);mix-blend-mode:multiply;z-index:1;} footer:before{content:'';display:block;width:762px;height:498px;position:absolute;bottom:10px;left:calc(100% / 2 + 150px);background:url(../layout/footerPIC.webp) no-repeat center bottom;} footer .fContainer{width:1260px;margin:0 auto;position:relative;z-index:2;padding:30px 0 50px 0;} footer .fContainer:before{content:'';display:block;width:576px;height:318px;background:url(../layout/footerFLARE.webp) no-repeat center top;position:absolute;top:0;left:calc(50% - 700px);z-index:1;} .fNavi-SP{display:none;} footer .fContainer > section{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;} footer .fContainer > section nav{width:calc(100% / 4);text-shadow:1.2px 1.2px 1px rgba(0,0,0,0.5);margin-bottom:30px;} footer .fContainer > section nav.wide{width:calc(50%);} footer .fContainer > section nav.wide ul{display:flex;flex-wrap:wrap;justify-content:left;align-items:start;} footer .fContainer > section nav.wide ul li{display:inline-block;margin-right:20px;} footer .fContainer > section nav.wide ul.branches li{width:calc(100% / 2 - 20px);box-sizing:border-box;} footer .fContainer > section nav h3{font-size:30px;margin-bottom:15px;color:#fff;vertical-align:middle;} footer .fContainer > section nav h3 a{color:#fff;} footer .fContainer > section nav h3 span{display:inline-block;margin-left:20px;vertical-align:middle;position:relative;top:-4px;} footer .fContainer > section nav h3 span a,footer .fContainer > section nav a.to-donors{color:#000;font-size:16px;padding:5px 10px;background:#fff;text-shadow:none;display:block;} footer .fContainer > section nav a.to-donors{display:table;margin-top:15px;} footer .fContainer > section nav li{font-size:11pt;margin-bottom:4px;font-family:"Helvetica Neue","Helvetica","Arial","sans-serif";line-height:1.5;color:#fff;padding-right:15px;} footer .fContainer > section nav li a{color:#fff;word-break:keep-all;} footer .fContainer > section nav li a:hover{text-decoration:underline;} footer #footerSNS{display:none;} footer address.copyright{text-align:center;color:#fff;font-size:11pt;background:rgba(255,153,204,0.5);width:100%;position:relative;bottom:20px;z-index:2;height:25px;line-height:25px;vertical-align:middle;font-family:"Helvetica Neue","Helvetica","Arial","sans-serif";} footer address.copyright br{display:none;} footer .fLogo{width:590px;margin:0 auto;color:#fff;display:flex;flex-wrap:wrap;justify-content:left;align-items:center;text-shadow:1.5px 1.5px 1px rgba(0,0,0,0.5);} footer .fLogo span.logo{width:90px;display:block;padding-top:80px;margin:auto 0;background:url(../layout/footLOGO.webp) no-repeat center top / auto 75px;color:#fff;text-align:center;font-size:12px;} footer .fLogo p{font-size:13.5pt;font-family:"Oswald", sans-serif;line-height:1.3;margin:0 30px 0 15px;} footer .fLogo p b{font-size:20px;display:block;font-family:"Oswald", sans-serif;margin-bottom:3px;} footer .fLogo address > *{display:block;} footer .fLogo address b{font-size:11pt;font-family: "Helvetica Neue","Helvetica","Arial","sans-serif";margin-bottom:5px;font-weight:normal;line-height: 1.5;} footer .fLogo address a{font-size:20px;font-family:"Oswald", sans-serif;font-weight:normal;color:#fff;line-height: 1.0;display:inline-block;} footer a[target='_blank']{color:#690;padding-right:20px;background:url(../layout/icon-blankWH.gif) no-repeat right 0 center / 12px;} main h3.title{font-size:25px;margin-top:150px;text-align:center;position:relative;margin-bottom:50px;} main h3.title:before{content: ''; position:absolute; bottom:-10px;width:40px;height:5px;left:0;right:0;margin:auto;background-color:#BBA420;} .imgLEFT, .imgRIGHT{display:flex;justify-content:space-between;align-items:center;} .imgRIGHT{flex-direction:row-reverse;} header.fixed,header.fixed h1{animation:headerFIX 0.6s ease 0s 1 forwards;} header.fixed:after{content:'';display:block;width:100%;height:24px;position:absolute;bottom:-24px;left:0;border-top:1px solid #fff;background:url(../layout/shadow.webp) no-repeat left -507px top,url(../layout/shadow.webp) no-repeat right -507px top;} @-webkit-keyframes fadein{0%{opacity:0;}100%{opacity:1.0;}} @keyframes fadein{0%{opacity:0;}100%{opacity:1.0;}} @-webkit-keyframes fadeout{0%{opacity:1.0;}100%{opacity:0;}} @keyframes fadeout{0%{opacity:1.0;}100%{opacity:0;}} #coverIMG{position:relative;width:100%;height:100vh;overflow:hidden;background-color:#fff;} #coverIMG video{position:absolute;top:-200%;bottom:-200%;left:-200%;right:-200%;width:auto;height:auto;min-width:100vw;min-height:100vh;padding:0;margin:auto;border:0;box-shadow:none;background-color:#333;} #coverIMG > div{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;padding:20px 0 0 0;width:650px;height:350px;text-align:center;z-index:2;} #coverIMG:before{content:'';display:block;position:absolute;top:-50px;left:0;bottom:0;right:0;margin:auto;width:650px;height:350px;z-index:1;background-color:rgba(255,255,255,0);filter:blur(700px);border-radius:150px;box-sizing:border-box;animation:fadeBG 3.0s ease-in-out 8.5s 1 forwards;} #coverIMG h2{margin:0 auto 20px auto;} #coverIMG h2 img{display:block;margin:0 auto;} #coverIMG h2 img{opacity:0;transform:translateY(50px);filter:blur(100px);animation:fadeIN 2.5s ease-in-out 2.6s 1 forwards, up 0.6s ease-in-out 5.2s 1 forwards;} #coverIMG p{letter-spacing:0.15em;text-align:center;z-index:2;font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:500;font-size:19px;} #coverIMG p *{display:block;margin:0 auto;} #coverIMG p img:nth-of-type(1){opacity:0;animation:fadeIN 1.8s ease-in-out 6.0s 1 forwards} #coverIMG p img:nth-of-type(2){opacity:0;animation:fadeIN 1.8s ease-in-out 7.0s 1 forwards;margin-top:5px;margin-bottom:35px;} #coverIMG p b{opacity:0;animation:fadeIN 1.8s ease-in-out 12.0s 1 forwards;color:#000;} @keyframes fadeBG{0%{background-color:rgba(255,255,255,0);filter:blur(700px);}100%{background-color:rgba(255,255,255,0.65);filter:blur(60px);}} @keyframes fadeIN{0%{opacity:0;}100%{opacity:1;filter:blur(0);}} @keyframes up{50%{transform:translateY(50px);}100%{transform:translateY(0);}} /*humBTN*/ .humBTN{position:absolute;display:none;width:50px;height:50px;top:45px;right:30px;cursor:pointer;z-index:2;background:#000;} #humBOX .humBTN{position:absolute;top:10px;right:10px;background:#fff;} .humBTN span{display:block;position:absolute;width:30px;height:3px;background-color:#fff;right:0;left:0;top:0;bottom:0;margin:auto;transition:all 0.2s ease-in-out 0s;transform:rotate(0deg);opacity:1;} .humBTN.open span:nth-of-type(2){opacity:0;} .humBTN.open span{position:absolute;width:30px;height:3px;background-color:#000;z-index:3;} .humBTN span:nth-of-type(1){top:-20px;} .humBTN.open span:nth-of-type(1){top: 0;transform:rotate(45deg);opacity:1;} .humBTN span:nth-of-type(3){top:20px;} .humBTN.open span:nth-of-type(3){top: 0;transform:rotate(-45deg);opacity:1;} .humBTN:not(.open):hover span:nth-of-type(1){-webkit-animation:humLINE 0.25s 0s 1 forwards;animation:humLINE 0.25s 0s 1 forwards;} .humBTN:not(.open):hover span:nth-of-type(2){-webkit-animation:humLINE 0.25s 0.1s 1 forwards;animation:humLINE 0.25s 0.1s 1 forwards;} .humBTN:not(.open):hover span:nth-of-type(3){-webkit-animation:humLINE 0.25s 0.2s 1 forwards;animation:humLINE 0.25s 0.2s 1 forwards;} @-webkit-keyframes humLINE{0%{background-color:#fff;}100%{background-color:#eea;}}@keyframes humLINE{0%{background-color:#fff;}100%{background-color:#eea;}} .humBTN:after{display:block;opacity:0;position:relative;bottom:-15px;font-size:12px;color:#fff;text-align:center;transition:0.3s ease-in-out;} .humBTN.open:after{opacity:1;bottom:-5px;} .humBTN.open:hover span{background-color:#0cc;} /*ハンバーガーメニュー*/ #humBOX{box-sizing:border-box;background:#fff;width:90%;height:100%;border-left:1px solid rgba(255,255,255,0.15);box-shadow:0 0 5px rgba(0,0,0,0.3);position:fixed;right:-120%;top:0;z-index:6;padding:30px 10px 50px 40px;transition:0.2s ease-in-out;overflow:scroll;} #humBOX.open{right:0;} .wrapper #sidebar{width:230px;border-left:2px solid #ccc;padding:0 10px;box-sizing:border-box;} #humBOX ul.hMenu > li > a, #humBOX ul.hMenu > li.sub > span{font-size:30px;font-family:"Oswald", sans-serif;font-weight:bold;display:block;padding:10px 0;cursor:pointer;} #humBOX ul.hMenu > li a:hover, #humBOX ul.hMenu > li.sub span:hover, #humBOX ul.hMenu > li.sub > ol li a:hover{color:#ff3378;transition:none;} #humBOX ul.hMenu > li.sub span:after{content:'';display:inline-block;width:11px;height:7px;margin-left:10px;background:url(../layout/arrow-bottom.gif) no-repeat center;position:relative;top:-9px;} #humBOX ul.hMenu > li.active a, #humBOX ul.hMenu > li.sub.active span{color:#ff3378;} #humBOX ul.hMenu > li.sub.active span:after{rotate:180deg;} #humBOX ul.hMenu > li.sub > div ol{padding-bottom:20px;} #humBOX ul.hMenu > li.sub > div ol li{margin:15px 0;list-style-position:outside;position:relative;} #humBOX ul.hMenu > li.sub > div ol li:before{content:'';background:#ff3378;display:block;width:3px;height:3px;position:absolute;left:-9px;top:8px;} #humBOX ul.hMenu > li.sub > div ol li a{font-size:16px;color:#000;line-height:1.25;padding:5px 0;font-weight:normal;font-family:"Helvetica Neue","Helvetica","Arial","sans-serif";} #humBOX ul.hMenu > li.sub > div ol li a.selected{color:#ff3378;} #humBOX ul.hMenu > li.sub > div ol li a:hover{opacity:1;} #humBOX ul.hMenu > li.sub > span, #humBOX ul.hMenu > li > a{padding-left:31px;} #humBOX ul.hMenu > li{position:relative;} #humBOX ul.hMenu > li:before{content:'';background:url(../layout/home.png) no-repeat left center / 100%;display:block;width:36px;height:36px;position:absolute;top:8px;left:-14px;} #humBOX ul.hMenu > li.branches:before{background-image:url(../layout/branches.png);} #humBOX ul.hMenu > li.news:before{background-image:url(../layout/news.png);} #humBOX ul.hMenu > li.our-work:before{background-image:url(../layout/our-work.png);} #humBOX ul.hMenu > li.about:before{background-image:url(../layout/about.png);} #humBOX ul.hMenu > li.take-action:before{background-image:url(../layout/resources.png);} #humBOX ul.hMenu > li.contact:before{background-image:url(../layout/contact.png);} #humBOX ul.hMenu > li.media:before{background-image:url(../layout/sns03bk.png);} #humBOX div.hBTN{margin:40px 0;translate:-20px;} #humBOX ul.donateBTN{margin:0 auto 30px auto;font-size:20px;} #humBOX a.bell{display:block;width:206px;margin:0 auto;padding:8px 25px 0px 60px;text-shadow:1px 1px 0 #fff;border:2px solid #fff;box-shadow:0 0 5px rgba(0,0,0,0.3);border-radius:6px;background:linear-gradient(to bottom,#fff,#ccc);font-family:"Helvetica Neue","Helvetica","Arial","sans-serif";font-size:12px;font-weight:300;box-sizing:border-box;height:52.5px;line-height:1.075;position:relative;} #humBOX a.bell b{display:block;font-weight:600;font-size:19px;} #humBOX a.bell:before{content:'';display:block;width:35px;height:35px;position:absolute;left:12px;top:0;bottom:0;margin:auto 0;background:url(../top/head-bell.png) no-repeat center / 100% auto;} #humBOX a.bell:hover{opacity:1;background:linear-gradient(to bottom,#fff,#fff);} #humBOX a.bell:hover:before{animation:bell 0.1s ease-in-out 0s alternate infinite;translate:0 0;} @keyframes bell{0%{translate:0px 0;}100%{translate:1px 0;}} main > section{width:100%;height:850px;position:relative;box-sizing:border-box;overflow-x:hidden;} section.top03.fade > div:before{animation:fade 1.5s ease-in-out 2.0s 1 forwards;} section.top03.fade > div span.check{animation:fade 1.5s ease-in-out 2.6s 1 forwards;} @keyframes top03{0%{opacity:0;transform:scale(0);}100%{opacity:1;transform:scale(1);}} @keyframes top05-1{100%{transform:translateX(0%);}} p.line b{display:inline-block;position:relative;} p.line b:before{content:'';display:inline-block;position:absolute;left:0;height:0.5em;width:0;bottom:8px;background-color:#FFFF00;z-index:-1;opacity:0.6;} .fadeBOX.fade p.line b:nth-of-type(1):before{animation:line 0.4s ease-in-out 3.0s 1 forwards;} .fadeBOX.fade p.line b:nth-of-type(2):before{animation:line 0.4s ease-in-out 4.0s 1 forwards;} .fadeBOX.fade p.line b:nth-of-type(3):before{animation:line 0.4s ease-in-out 5.0s 1 forwards;} .fadeBOX.fade p.line b:nth-of-type(4):before{animation:line 0.4s ease-in-out 6.0s 1 forwards;} @keyframes line{100%{width:100%;}} /* ページトップへ */ span.pagetop{display:block;margin:50px 0 150px 0;text-align:right;} span.pagetop a{font-size:15px;background:url(../layout/arrowTop_br.webp) no-repeat left center;padding-left:20px;} span.pagetop a:hover{text-decoration:underline;} @media screen and (max-width:1350px){ .news-archive nav.tag-cloud{width:95%;} } @media screen and (max-width:1260px){ #header{max-width:100%;overflow:hidden;} #header .coverIMG > div,#topMENU ul,nav.gNavi li.sub > ol,.news-archive,section.top03 > div,section.top04 > div,section.top05 > div,section.top06 > div,section.fArticle > div,footer .fContainer{width:94%;} section > div h2.title{font-size:55px;} #header .hBCKG h1{left:30px;} #header .hBCKG ul.donateBTN{right:30px;} #header nav.gNavi .gNEWS{top:70px;left:0;right:0;margin:0 auto;height:26px;width:80%;display:none;} #header nav.gNavi .gNEWS h2, #header nav.gNavi .gNEWS div.slick-news article, #header nav.gNavi .gNEWS div.slick-news article a, #header nav.gNavi .gNEWS div.slick-news article time{height:100%;line-height:26px;} #header nav.gNavi .gNEWS h2{width:80px;text-align:center;} #header nav.gNavi .gNEWS h2 a{height:100%;font-size:18px;} #header nav.gNavi .gNEWS div.slick-news{width:calc(100% - 80px);} #header nav.gNavi .gSEARCH{position:absolute;top:-40px;right:30px;margin-top:0;width:222px;box-shadow:0 0 5px rgba(0,0,0,0.3);overflow:visible;} #header nav.gNavi .gSEARCH input{padding-right:40px;box-sizing:border-box;width:calc(100%);} #humBOX, .humBTN{display:none;right:0;position:relative;} #header .hBCKG ul.donateBTN{top:-20px;} #header .hBCKG ul.donateBTN li a{height:1.75em;line-height:1.75em;} #topMENU ul li{width:calc(100% / 4 - 10px);padding:20px 0 30px 0;font-size:16px;} #topMENU ul li b{padding-top:60px;background-size:60px;font-size:26px;} #topMENU ul li a{margin:12px auto 0 auto;} #header .coverIMG > div:before{width:100%;height:0;padding-top:calc(520 / 920 * 100%);background-size:contain;right:0;} .news-archive{padding:0;} section.top03 > div{translate:0 -130px;} section.top03 span.paper{display:none;} section.top03 ul.check{width:60%;} section.top04{padding:0;padding-top:50px;box-sizing:border-box;} section.top04 > div > div{padding:0;padding-top:450px;background-position:center top;} section.top04 p.ex, section.top04 p.cap{margin-bottom:0;} section.top05 .top05-2 > div.fX01{width:450px;} section.top05 div#top05ex{width:950px;height:570px;left:350px;} section.fArticle > div{flex-direction:column;} section.fArticle > div > div{width:100%;} section.fArticle p br{display:none;} section.fArticle ul.check{display:flex;flex-wrap:wrap;align-items:start;} section.fArticle ul.check li{width:100%;box-sizing:border-box;} section.fArticle div.fContact{flex-wrap:nowrap;height:220px;} div.fContact h3{width:100%;text-align:center;height:auto;line-height:1.3;} div.fContact ul{width:100%;} #pagetop{width:70px;display:block;position:fixed;right:5px;bottom:50px;transition:0s ease-in-out;} #pagetop{transform:scale(.7);} #pagetop span{z-index:2;padding-top:85px;} #pagetop span:before{z-index:2;} footer{background-size:cover;} footer:before{left:40%;} footer .fContainer{width:92%;} footer .fContainer:before{left:0%;} footer .fContainer > section{margin-bottom:30px;} footer .fContainer > section nav li{box-sizing:border-box;padding-right:10px;} } @media screen and (max-width:1000px){ #header{height:790px;} #header .hBCKG p.description{background:#ff3378;text-align:center;font-size:12pt;} #header .hBCKG a.bell{display:none;} #header nav.gNavi{display:block;} #header nav.gNavi .gNEWS{display:none;} #header nav.gNavi{height:48px;padding:0 15px;box-sizing:border-box;width:100%;} #header nav.gNavi ul.nav{height:100%;justify-content:center;} #header nav.gNavi li.sub div{top:48px;} #header nav.gNavi li.sub.chirari:before{display:none;} #header nav.gNavi ul.nav{justify-content:space-around;} section.top03 > div{translate:0 -200px;margin-bottom:-150px;overflow:hidden;} section.top03 > div:before{width:509px;height:590px;background-size:contain;} #header nav.gNavi ul.nav > li > a, #header nav.gNavi ul.nav > li.sub button{line-height:48px;} footer address.copyright{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;height:auto;line-height:1.3;font-size:13px;padding:5px 0;} footer address.copyright br{display:block;} footer .fContainer > section nav{width:calc(100% / 3);} footer .fContainer > section nav.wide{width:calc(100% / 1);} footer .fContainer > section nav.wide{width:calc(100% / 1);} footer .fContainer > section nav.wide ul.branches li{width:calc(100% / 3 - 20px);} } @media screen and (max-width:900px){ .searchFIELD{width:96%} #header{background:#fff url(../top/topBCKG-sakuraSP.webp) no-repeat top center;} #header .coverIMG > div:before{width:865px;height:463px;left:-100%;right:-100%;margin-left:auto;margin-right:auto;} } @media screen and (max-width:798px){ #header .hBCKG p.description{font-size:10pt;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #header .coverIMG > div{padding:30px 0 0 0;} #header .coverIMG > div h2{font-size:38px;} #topMENU ul{padding:50px 0;} #topMENU ul li{width:calc(100% / 2 - 10px);translate:0;} #topMENU ul li:nth-of-type(1), #topMENU ul li:nth-of-type(2){margin-bottom:25px;} #topMENU div.sns01{width:360px;} #header nav.gNavi ul.nav > li{width:calc(100% / 6);} #header nav.gNavi ul.nav > li:nth-of-type(1),#header nav.gNavi ul.nav > li:nth-of-type(8){display:none;} #header nav.gNavi ul.nav > li > a, #header nav.gNavi ul.nav > li.sub button{padding:0;line-height:48px;} .searchFIELD{padding:30px 10px;} .searchFIELD input[type='text']{width:70%;} .news-archive nav.tag-cloud{padding-bottom:50px;border-radius:6px;} .news-archive ul.wp-tag-cloud{margin-top:0;} section.top03 p.ex{text-align:center;} section.top03 ul.donateBTN{margin:0 auto;} section.top03 ul.check{width:100%;} section.top05{height:1100px;} section.top05 .top05-1{position:absolute;right:0px;left:0;margin:auto;} section.top05 .top05-2{padding-top:510px;position:relative;} section.top05 .top05-2 > div.fX01{width:94%;margin:0 auto;position:relative;} section.top05 div#top05ex{width:100%;height:470px;top:100px;right:0;left:0;margin:0 auto;} section.fArticle a.more{font-size:20px;padding:10px 20px;} .news-archive{width:90%;padding:0;} .news-archive ul li, .news-archive ul li.big{width:100%;margin:15px 0;} .news-archive ul li a{padding:5px;padding-left:30%;box-sizing:border-box;position:relative;min-height:100px;} .news-archive ul li.big a{padding-left:45%;} .news-archive ul li a span.thumIMG{width:calc(30% - 20px);height:90px;position:absolute;left:0;top:0;} .news-archive ul li.big a span.thumIMG{width:calc(45% - 20px);height:140px;} .news-archive ul li a b.title{margin:0 0 10px 0;} .news-archive ul li span.cate{line-height:1.5;margin-top:0;} .news-archive ul li span.cate time{margin-right:5px;} .news-archive ul li.big a b.title{font-size:20px;margin-bottom:5px;} .news-archive ul li span.cate b a{color:#fff;} section.fArticle div.fContact{height:auto;} section.fArticle div.fContact h3{padding:0;} div.fContact ul li{width:calc(100% / 2);margin:10px 0;} div.fContact p{font-size:12pt;} footer{background-image:url(../layout/footerBCKGsp.jpg);background-size:auto 1000px;} footer .fContainer > section nav{margin-bottom:20px;} footer .fContainer > section nav h3{font-size:25px;} footer .fContainer > section nav h3 a{color:#fff;} footer .fContainer > section nav ul li{display:inline;margin-right:20px;margin-bottom:7px;padding-left:10px;background:url(../layout/arrow02.gif) no-repeat left 3px;} footer .fContainer > section{display:block;} footer .fContainer > section.fNavi{padding:0 20px;box-sizing:border-box;} footer .fContainer > section nav{width:100%;text-align:left;} footer .fContainer > section nav.sub ul{display:none;line-height:1.75;} footer .fContainer > section nav h3{margin:25px auto 10px auto;position:relative;} footer .fContainer > section nav.sub h3:after{content:'';display:inline-block;width:20px;height:20px;margin-left:15px;background:url(../layout/arrow-bottomWH.gif) no-repeat right center;} footer .fContainer > section nav.sub h3.active:after{background-image:url(../layout/arrow-upWH.gif);} footer .fContainer > section nav.wide{display:block;width:100%;box-sizing:border-box;} footer .fContainer > section nav.wide ul.branches li{width:auto;display:inline-block;} } @media screen and (max-width:660px){ ul.donateBTN{font-size:16px;} #header nav.gNavi li.sub div{line-height:1.3!important;} #header nav.gNavi li.sub div ol{display:block;line-height:1.3!important;} #header nav.gNavi li.sub div ol li{width:auto;margin:8px 20px 8px 0;display:inline-block;} #header nav.gNavi li.sub div ol li a{font-size:14px;} } @media screen and (max-width:600px){ body.admin-bar #wpadminbar{position:fixed;} header ul.donateBTN,header form.gSEARCH{display:none;} #header .coverIMG > div:before{width:130%;height:0;padding-top:calc(463 / 865 * 130%);left:-100%;right:-100%;margin-left:auto;margin-right:auto;} #header nav.gNavi ul.nav > li{width:calc(100% / 5);font-size:12.5pt;} #header nav.gNavi ul.nav > li:nth-of-type(7){display:none;} body.admin-bar #humBOX{top:46px;} #humBOX .humBTN.open{background:#fff;} body.admin-bar #humBOX{top:46px;} #humBOX .humBTN.open{background:#fff;} .humBTN{display:block;position:absolute;right:20px;} body.admin-bar #humBOX .humBTN.open{top:15px;} #humBOX{display:block;width:95%;box-sizing:border-box;position:fixed;right:-120%;} section.fArticle > div > div{padding-left:30px;padding-right:30px;} } @media screen and (max-width:500px){ #header nav.gNavi .gNEWS{display:none;} #header .hBCKG p.description{padding:0;font-size:12px;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,0.5);} #header nav.gNavi{padding:0;} #header .hBCKG ul.donateBTN, #header nav.gNavi .gSEARCH{display:none;} #header nav.gNavi ul.nav > li{width:calc(100% / 4);height:48px;line-height:48px;} #header nav.gNavi ul.nav > li:nth-of-type(6){display:none;} #header nav.gNavi ul.nav > li > a, #header nav.gNavi ul.nav > li.sub button{padding:0;} .humBTN{top:40px;} .news-archive nav.tag-cloud{padding-left:20px;padding-right:20px;} ul#fSNS{bottom:130px;} section > div h2.title{font-size:40px;} section > div h3.title{font-size:30px;} #topMENU ul li{font-size:15px} #header{height:680px;} #header .hBCKG{position:static;height:108px;} #header .hBCKG h1{width:222px;left:10px;top:27px;} #header .coverIMG {height:532px;} #header .coverIMG > div h2{font-size:30px;} #header .coverIMG > div p{font-size:19px;} #header .coverIMG > div:after{width:180px;height:180px;top:15px;background-size:contain;} .news-archive ul li.big{margin:30px auto;} .news-archive ul li.big a{padding:0;} .news-archive ul li.big a span.thumIMG{width:90%;height:0;padding-top:calc(300 / 450 * 100%);position:relative;left:auto;top:auto;margin:0 auto 20px auto;} .news-archive ul li.new:after, .news-archive ul li.big:after{top:7px;} .news-archive ul li.big:after{left:3%;top:20px;} .news-archive ul li a b.title{font-size:15pt;} section.top03{background:url(../top/top03BCKG02.svg) no-repeat center top 498px / 100% auto, linear-gradient(to bottom, #fff 0px, #fff 500px, #0ff 500px, #0ff 50%, #333 100%);} section.top03 > div{margin:0 auto;translate:0;padding-bottom:50px;} section.top03 > div span.check{width:149px;height:123px;top:0;bottom:auto;left:initial;right:0;} section.top03 > div:before{display:none;width:100%;height:0;padding-top:calc(619/ 701 * 100%);left:0;right:0;top:inherit;bottom:0;margin:0 auto;background:url(../top/top03-1_sp.webp) no-repeat center bottom / contain;z-index:-1;} section.top03 ul.check li{margin:0 0 15px 0;} section.top03 ul.donateBTN{marign:0 auto;} section.top04 ul.donateBTN{margin:30px auto 0 auto;} section.top04 p.ex{text-align:center;} section.top04 > div > div{padding:250px 0 30px 0;background-size:400px auto;} section.top04 h2.title{margin-bottom:30px;} section.top04 p.cap{font-size:16px;top:200px;} section.top05{height:910px;} section.top05 #top05ex{height:300px;} section.top05 .top05-2{padding-top:380px;} section.top05 .top05-2 > div.fX01{padding:30px;} section.fArticle > div{width:100%;height:auto!important;} section.fArticle > div > div{width:100%;padding:50px 30px 160px 30px;} section.fArticle a.more{font-size:20px;padding:10px 20px;} section.fArticle > div.fContact{width:90%;} div.fContact h3{width:100%;text-align:center;height:auto;line-height:1.3;padding:0 0 5px 0;font-size:30px;} div.fContact ul{width:100%;padding:10px;display:block;} div.fContact ul li{width:100%;margin:10px 0;} div.fContact p{text-align:left;font-size:11pt;} ul#footerSNS{display:flex;flex-wrap:wrap;justify-content:center;align-items:start;margin:30px auto;} ul#footerSNS li{margin:0 7px;} ul#footerSNS li a > *{display:none;} ul#footerSNS li a{display:block;padding:0;width:30px;height:30px;background:url() no-repeat center / 100% auto;} ul#footerSNS li.facebook a{background-image:url(../layout/sns01.png);} ul#footerSNS li.x a{background-image:url(../layout/sns02.png);} ul#footerSNS li.youtube a{background-image:url(../layout/sns03.png);} ul#footerSNS li.branches a{background-image:url(../layout/sns04.png);} .fNavi-PC{display:none;} .fNavi-SP{display:block;} footer .fContainer{width: calc(100% - 30px);padding:20px 15px 0 15px;} footer .fContainer > section nav h3{margin:25px auto;} footer .fContainer > section nav ul li{display:block;background-position-y:6px;font-size:14px;} footer .fLogo{width:100%;display:block;padding:0;margin:50px 0;position:relative;} footer .fLogo span.logo{position:relative;top:auto;margin:0 auto 15px auto;} footer .fLogo p{text-align:center;} footer .fLogo address{padding-top:10px;text-align:center;} footer .fLogo address b, footer .fLogo address em{display:block;text-align:center;} footer address.copyright{font-size:11px;height:auto;line-height:1.5;padding:3px 0;bottom:0;} } @media (max-width: 350px){ #header nav.gNavi ul.nav > li{font-size:11.5pt;} #humBOX ul.donateBTN{display:block;translate:-20px;} #humBOX ul.donateBTN li{margin:0 auto 20px auto;} #topMENU div.sns01{width:320px;display:block;} #topMENU div.sns01 p{text-align:center;margin-bottom:10px;} #topMENU div.sns01 ol{justify-content:center;} section.top03 > div:before{top:280px;} #header .coverIMG > div h2{font-size:27px;} #header .coverIMG > div p{font-size:17px;} footer .fContainer > section nav h3{font-size:19px;} footer .fContainer > section nav.sub h3:after{margin-left:7px;} footer .fContainer > section nav h3 span a{font-size:14px;} } @media (max-width: 340px){ #header nav.gNavi ul.nav > li.sub button:after{content:none;padding-left:0;background:none;} } @media (max-width: 320px){ }