html{height:100%}body{position:relative;height:100%;margin:0;font-family:TsukuBMinPr6-D}main{position:relative;box-sizing:border-box;margin:0 auto}main section img{display:block;width:100%;max-width:100%;height:auto}pre{font-family:"メイリオ", "Meiryo", sans-serif;text-align:left;white-space:pre-wrap}a{transition:0.3s all}a img{display:block;transition:0.3s all}span[id^="_cmp_elm_0_1"],span[id^="_cmp_elm_0_0"],span[id^="_cmp_elm_1_1"],span[id^="_cmp_elm_1_0"],span[id^="_cmp_elm_2_1"],span[id^="_cmp_elm_2_0"],span[id^="_cmp_elm_3_1"],span[id^="_cmp_elm_3_0"],span[id^="_cmp_elm_4_1"],span[id^="_cmp_elm_4_0"]{display:none}.loading{position:fixed;z-index:9999;width:100%;height:100%;background-color:#fff;color:#fff;pointer-events:none}.loading .loading_txt_img{position:fixed;z-index:99;width:100%;height:100%;background:url(../img/loading_bg.svg) no-repeat;background-position:left center;background-repeat:no-repeat;background-size:100%}.loading .loading_bar{position:absolute;left:0%;width:0%;height:100%;background:#dec26c}.loading .loading_text{position:absolute;top:50%;width:100%;margin-top:20px;font-size:50px;text-align:center}.loading .progress-complete .progress-bar{border-top-color:red}.sp_only{display:none}.fixid_btn{position:fixed;z-index:999;right:0;bottom:0;left:0;display:none;width:100%;padding:1% 0;margin-top:10px;background:#bdbbb3}.fixid_btn a{display:block;width:20%;max-width:522px;margin:0 auto}.fixid_btn a img{width:100%}#firstview{position:relative;padding:0 0 1% 0;margin-bottom:10%;background:url(../img/kv/keyvisual_bg_pc.svg) no-repeat,#eee;background-size:100%}#firstview .keyvisual{position:relative}#firstview .keyvisual .txt_anniversary,#firstview .keyvisual .txt_shironekoproject,#firstview .keyvisual .item_logo{position:absolute}#firstview .keyvisual .txt_anniversary img,#firstview .keyvisual .txt_shironekoproject img,#firstview .keyvisual .item_logo img{width:100%}#firstview .keyvisual .txt_anniversary{bottom:-2vw;width:100%}#firstview .keyvisual .txt_shironekoproject{top:7.5vw;width:7.8%}#firstview .keyvisual .item_logo{width:8.5%}#firstview .keyvisual__inner .scroll_area img{width:100%}#firstview .keyvisual__inner .swipe{display:none}nav{margin:3% 0 0 0}nav ul{display:flex;flex-wrap:wrap;justify-content:center}nav ul li{width:min(48%, 726px);box-sizing:border-box;margin:0.5%}nav ul li a{display:block}nav ul li a img{width:100%;max-width:100%;height:auto;-ms-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.14);box-shadow:0px 3px 3px 0px rgba(0,0,0,0.14)}nav ul li a img:hover{opacity:0.7}main{position:relative;letter-spacing:3px}main section{position:relative;margin-bottom:10%}main section.game_event,main section.campaign,main section.special{position:relative}main section.game_event::before,main section.campaign::before,main section.special::before{position:absolute;z-index:-1;width:55%;padding-top:30vw;background:#e3e1db;content:""}main section.game_event h2,main section.campaign h2,main section.special h2{position:absolute;z-index:5;left:0;width:min(9.2%, 177px)}.greeting{position:relative;display:flex}.greeting canvas{position:absolute;top:0;left:0;width:50%;height:100%;pointer-events:none}.greeting .greeting_txt{display:flex;width:45%;box-sizing:border-box;align-items:center;padding:2.5% 2% 2.5% 7%;background:#b30602}.greeting .greeting_txt_inner{padding:4% 0 4% 5%;border-left:1px solid #fff;color:#fff}.greeting .greeting_txt_inner h2{margin-bottom:4.5%;font-size:min(3vw, 50px);line-height:1.1}.greeting .greeting_txt_inner h2 span{color:#dec26c}.greeting .greeting_txt_inner p{font-size:min(1.6vw, 30px);line-height:1.8}.greeting .greeting_bg{width:55%;background:url(../img/greeting/greeting_bg.jpg) no-repeat;background-position:center right;background-size:cover}.movie{position:relative;margin-bottom:20%;background:#e3e1db}.movie h2{position:absolute;z-index:5;top:-6vw;left:0;width:min(9.2%, 177px)}.movie__inner{position:relative;margin:0 auto}.movie__inner_container{position:relative;z-index:1;padding:2% 0 1.5%;margin:0 auto;text-align:center}.movie__inner_container ul{display:flex;width:min(90%, 1350px);flex-wrap:wrap;justify-content:center;margin:0 auto;opacity:0;transform:translateY(50px)}.movie__inner_container ul li{position:relative;width:43%;margin:1.5% 2% 2%}.movie__inner_container ul li::before,.movie__inner_container ul li::after{position:absolute;z-index:1;width:16.195%;height:24.364%;background:url(../img/movie/movie_th_line.svg) no-repeat;background-size:auto 100%;content:"";pointer-events:none}.movie__inner_container ul li::before{top:-5%;left:-5%;background-position:left top}.movie__inner_container ul li::after{right:-5%;bottom:8%;background-position:right bottom}.movie__inner_container ul li h3{margin:3% 0 0 3%;color:#414141;font-size:min(1.8vw, 30px);text-align:left}.movie__inner_container ul li span{display:block;width:95%;margin:1% auto 0}.movie__inner_container ul li a,.movie__inner_container ul li img{display:block}.movie__inner_container ul li a{position:relative;width:100%;margin:0 auto;background:#fff}.movie__inner_container ul li a:hover{opacity:0.6}.movie__inner_container ul li a::before,.movie__inner_container ul li a::after{position:absolute;content:"";pointer-events:none}.movie__inner_container ul li a::before{top:0;right:0;bottom:0;left:0;margin:auto;background:url(../img/movie/movie_play_icon.svg) no-repeat center;background-size:10%}.movie__inner_container ul li a::after{z-index:-1;top:3%;left:2%;width:100%;height:100%;background:#b30602}.game_event::before{top:3vw}.game_event::after{position:absolute;z-index:-1;right:0;bottom:8vw;width:55%;padding-top:30vw;background:#e3e1db;content:""}.game_event h2{top:-2vw}.game_event .event_contents{margin:0 auto}.game_event .event_contents.event_01{position:relative;overflow:hidden;margin-bottom:5%}.game_event .event_contents.event_01 h3{position:absolute;z-index:2;top:5.5vw;left:12vw;width:min(47vw, 750px)}.game_event .event_contents.event_01 .parts01,.game_event .event_contents.event_01 .parts02,.game_event .event_contents.event_01 .parts03,.game_event .event_contents.event_01 .parts04{position:absolute;bottom:0;width:100%;opacity:0}.game_event .event_contents.event_01 .parts01{z-index:1;-webkit-filter:brightness(10);filter:brightness(10)}.game_event .event_contents.event_01 .parts02{z-index:2;-webkit-filter:brightness(10);filter:brightness(10);transform:translateX(30%)}.game_event .event_contents.event_01 .parts03{z-index:3;-webkit-filter:brightness(10);filter:brightness(10)}.game_event .event_contents.event_01 .parts04{z-index:4;-webkit-filter:brightness(10);filter:brightness(10)}.game_event .event_contents.event_01 .visible .parts01,.game_event .event_contents.event_01 .visible .parts02,.game_event .event_contents.event_01 .visible .parts03,.game_event .event_contents.event_01 .visible .parts04{-webkit-filter:brightness(1);filter:brightness(1);opacity:1;transform:translateX(0) translateY(0) scaleX(1)}.game_event .event_contents.event_01 .visible .parts01,.game_event .event_contents.event_01 .visible .parts03,.game_event .event_contents.event_01 .visible .parts04{transition:transform 2s cubic-bezier(0, 1, 0, 1) 0s,opacity 0s ease 0s,-webkit-filter 0.8s ease 0s;transition:transform 2s cubic-bezier(0, 1, 0, 1) 0s,opacity 0s ease 0s,filter 0.8s ease 0s;transition:transform 2s cubic-bezier(0, 1, 0, 1) 0s,opacity 0s ease 0s,filter 0.8s ease 0s,-webkit-filter 0.8s ease 0s}.game_event .event_contents.event_01 .visible .parts02{transition:transform 2s cubic-bezier(0, 1, 0, 1) 0s,opacity 0s ease 0s,-webkit-filter 1.3s ease 0s;transition:transform 2s cubic-bezier(0, 1, 0, 1) 0s,opacity 0s ease 0s,filter 1.3s ease 0s;transition:transform 2s cubic-bezier(0, 1, 0, 1) 0s,opacity 0s ease 0s,filter 1.3s ease 0s,-webkit-filter 1.3s ease 0s}.game_event .event_contents.event_02{z-index:2;width:min(70%, 1280px);margin:0 auto}.game_event .event_contents.event_02 h3{margin:0 auto}.game_event .event_contents.event_02 h3 img{width:100%}.game_event .event_contents.event_02 .event_img{position:relative}.game_event .event_contents.event_02 .event_img a{position:relative;display:block;color:#fff;font-size:2vw;letter-spacing:10px}.game_event .event_contents.event_02 .event_img a:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";transition:0.3s all}.game_event .event_contents.event_02 .event_img a:hover:after{display:flex;box-sizing:border-box;align-items:center;justify-content:center;border:7px solid #fff;background:rgba(0,188,212,0.7);color:#fff;content:"READ MORE";letter-spacing:3px}.game_event .event_contents.event_02 .event_img img{width:100%;-ms-box-shadow:0px 3px 3px 1px rgba(180,180,180,0.5);box-shadow:0px 3px 3px 1px rgba(180,180,180,0.5)}.game_event .event_contents a.btn_readmore{z-index:6;background:linear-gradient(to right, #a40703 0%, #dc0d08 51%, #a40703 100%);background-size:200% auto;font-size:min(2vw, 50px);letter-spacing:6px;text-align:center;box-sizing:border-box;border:5px solid #fff;-ms-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.14);box-shadow:0px 3px 3px 0px rgba(0,0,0,0.14);color:#fff;font-family:TsukuBMinPr6-E;text-decoration:none}.game_event .event_contents a.btn_readmore:hover{background-position:right center}.game_event .event_contents a.btn_readmore::before{position:absolute;top:0;bottom:0;left:14%;width:10%;height:25%;margin:auto;background:url(../img/btn_arrow_icon.svg) no-repeat;background-position:center;background-size:auto 100%;content:"";pointer-events:none}.game_event .event_contents a.btn_readmore.btn_event_01{position:absolute;bottom:2.5vw;left:16vw;width:30%;padding:1.8% 2% 1.8% 4%}.game_event .event_contents a.btn_readmore.btn_event_01::before{left:14%}.game_event .event_contents a.btn_readmore.btn_event_02{position:absolute;right:0;bottom:-3vw;left:0;width:30%;padding:1.8% 2% 1.8% 4%;margin:auto}.game_event .event_contents a.btn_readmore.btn_event_02::before{position:absolute;left:12%}.campaign{position:relative;padding:5% 0 0;background:url(../img/campaign/bg.svg) no-repeat;background-position:right 0 top 54%;background-size:auto 15%}.campaign::after{position:absolute;z-index:-1;right:0;bottom:-5vw;width:55%;padding-top:30vw;background:#e3e1db;content:""}.campaign h2{top:0}.campaign ul{margin-top:8%}.campaign ul li{width:min(80%, 1000px);box-sizing:border-box;border:7px solid #fff;margin:3% auto 5%;background:#fff;color:#414141;letter-spacing:3px;line-height:1.5;text-align:center;-ms-box-shadow:0px 3px 3px 3px rgba(180,180,180,0.5);box-shadow:0px 3px 3px 3px rgba(180,180,180,0.5)}.campaign ul li .contents__inner{box-sizing:border-box;padding:3% 1%;border-left:7px solid #b30602;margin:0 auto}.campaign ul li .contents__inner h3{font-family:TsukuBMinPr6-E;font-size:min(3vw, 45px)}.campaign ul li .contents__inner h3 .icon{display:block;width:min(12%, 110px);margin:0 auto 10px}.campaign ul li .contents__inner .txt_schedule{margin:2% auto 3%}.campaign ul li .contents__inner .txt_schedule p{display:inline;box-sizing:border-box;padding:1% 3%;background:#dec26c;color:#fff;font-family:TsukuBMinPr6-E;font-size:min(2.1vw, 23px)}.campaign ul li .contents__inner .txt_description{margin-bottom:2%;font-size:min(1.6vw, 20px)}.campaign ul li .contents__inner .img_item{width:min(90%, 750px);margin:0 auto}.campaign ul li .contents__inner .txt_procedure{position:relative;width:min(90%, 800px);box-sizing:border-box;padding:2% 2% 1%;border:2px solid #dec26c;margin:5% auto 1.5%;font-size:min(1.6vw, 20px);line-height:1.8}.campaign ul li .contents__inner .txt_procedure h3{position:absolute;top:-17%;right:0;left:0;width:20%;margin:auto;background:#fff;font-size:min(1.6vw, 20px)}.campaign ul li .contents__inner .txt_att{margin-top:2%;font-size:min(1.4vw, 12px);line-height:1.5}.campaign ul li .contents__inner a.btn_entry{position:relative;display:block;width:min(60%, 650px);margin:3% auto 2%;background:#009ef6;font-size:clamp(16px, 2.8vw, 35px);letter-spacing:5px;box-sizing:border-box;border:5px solid #fff;-ms-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.14);box-shadow:0px 3px 3px 0px rgba(0,0,0,0.14);color:#fff;font-family:TsukuBMinPr6-E;text-decoration:none}.campaign ul li .contents__inner a.btn_entry::before{position:absolute;top:0;bottom:0;width:10%;height:35%;margin:auto;background:url(../img/icon_twitter.svg) no-repeat;content:""}.campaign ul li .contents__inner a.btn_entry:hover{background:#48b6f3}.campaign ul li.contents_01 .contents__inner{background:url(../img/campaign/campaign_01_bg.svg) no-repeat;background-position:left -2.5% top 0%;background-size:19%}.campaign ul li.contents_01 .contents__inner a.btn_entry{padding:2.5% 2% 2.5% 10%}.campaign ul li.contents_01 .contents__inner a::before{left:12%}.campaign ul li.contents_02 .contents__inner{background:url(../img/campaign/campaign_02_bg.svg) no-repeat;background-position:left -2.5% top 0%;background-size:19%}.campaign ul li.contents_02 .contents__inner a.btn_entry{padding:2.5% 2% 2.5% 6%}.campaign ul li.contents_02 .contents__inner a::before{left:27%}.special::before{top:5vw}.special::after{position:absolute;z-index:-1;right:0;bottom:-5vw;width:55%;padding-top:30vw;background:#e3e1db;content:""}.special ul{display:flex;width:min(80%, 1280px);flex-wrap:wrap;justify-content:center;margin:0 auto 5%}.special ul li{margin:2% 0}.special ul li img{-ms-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.14);box-shadow:0px 3px 3px 0px rgba(0,0,0,0.14)}.special ul li:nth-child(1){margin-top:13%}.special ul li:nth-child(3){width:49%;margin:1% 1% 1% 0}.special ul li:nth-child(4){width:49%;margin:1% 0 1% 1%}.special ul li a{position:relative;display:block;color:#fff;font-size:2vw;letter-spacing:10px}.special ul li a:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";transition:0.3s all}.special ul li a:hover:after{display:flex;box-sizing:border-box;align-items:center;justify-content:center;border:7px solid #fff;background:rgba(0,188,212,0.7);color:#fff;content:"READ MORE";letter-spacing:3px}.message{padding:10% 0;background:url(../img/message/message_bg.png) no-repeat,url(../img/message/message_bg_txt.svg) no-repeat;background-position:center;background-size:contain, 100% auto}.message p{display:flex;align-items:center;justify-content:center;margin:15px 0;color:#414141;font-size:min(3.8vw, 70px);letter-spacing:20px;text-align:center;-moz-text-shadow:0px 0px 8px #fff;-webkit-text-shadow:0px 0px 8px #fff;-ms-text-shadow:0px 0px 8px #fff;text-shadow:0px 0px 8px #fff}.message p span{color:#b30602}.message p span.set_02{font-size:min(4.9vw, 90px)}.message p span.set_03{margin-right:-40px}.message p img{display:inline-block;width:min(5vw, 99px);height:2px;margin-top:1vw}.pcOnly{display:block}.spOnly{display:none}footer{position:relative;background:#fff}footer .footer_decoration{display:flex;width:100%;align-items:flex-end}footer .footer_decoration img{display:block;width:100% !important}footer::before{position:absolute;top:0;right:0;left:0;width:100%;height:1px;margin:0 auto;background-image:linear-gradient(left, rgba(243,188,112,0), rgba(243,188,112,0.3) 30%, rgba(243,188,112,0.3) 70%, rgba(243,188,112,0));background-position:center;background-repeat:no-repeat;content:"";text-align:center}footer .wrap{max-width:540px;margin:0 auto}footer .redirectArea{padding-top:1vh;text-align:center}footer .redirectArea .redirectBtn{display:inline-block;width:46%;vertical-align:top}footer .redirectArea .redirectBtn a{display:inline-block;width:100%;padding:5% 0;border:1px solid #826634;background:#2b0802;border-radius:100px;box-shadow:0 6px 10px -6px rgba(0,0,0,0.8);color:rgba(255,255,255,0.9);font-size:3vw;letter-spacing:-0.05em;line-height:1.5;text-align:center;text-decoration:none}footer .redirectArea .redirectBtn a:hover{background:#826634;color:#fff}footer .redirectArea .redirectBtn a span{color:rgba(255,255,255,0.9);font-size:4vw;font-weight:bold}footer .redirectArea .redirectBtn a span:hover{color:#fff}footer .shiroLogo{position:relative;width:100%;padding:10vh 0 1vh;margin:0 auto;text-align:center}footer .shiroLogo span{width:100%}footer .shiroLogo span img{width:120px;margin:0 auto;text-align:center}footer .appNotice{width:100%;box-sizing:border-box;padding:2%;margin:0 auto;border-radius:4px;font-size:11px;letter-spacing:0.1em}footer .appNotice li{margin:0 0 8px 20px;color:#534626;line-height:1.5;list-style-type:disc}footer .appNotice li:last-child{margin-bottom:0}footer .appArea ul{display:flex;width:100%;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:space-around;padding:3vh 2%}footer .appArea li{margin:2% 0}footer .appArea li:nth-child(1){width:25%}footer .appArea li:nth-child(2){width:31%}footer .appArea li:nth-child(3){width:32%}footer .appArea li img{width:100%;height:auto}footer .link{position:relative;z-index:10;padding:3vh 0 40px;font-size:10px;letter-spacing:0.1em;line-height:1.3;text-align:center;text-indent:0.1em}footer .link a{margin:0 0.5em;color:#534626}footer .copyright{position:relative;z-index:10;padding:3vh 0 5vh;color:#534626;font-family:"游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro",
 "Hiragino Mincho Pro", "Sawarabi Mincho", "ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
 "MS PGothic", sans-serif;font-size:10px;letter-spacing:0.1em;line-height:2.5;text-align:center;text-indent:0.3em}footer .bnrArea{position:relative;display:block;width:100%;max-width:640px;box-sizing:border-box;padding:8vh 0 0;margin:0 auto;text-align:center;transform:scale(1);transition:all 400ms ease}footer .bnrArea a{display:block;font-size:0}footer .bnrArea img{width:100%;height:auto;border-radius:6px;box-shadow:0 3px 15px rgba(0,0,0,0.6);font-size:0;transition:all 400ms ease}footer .bnrArea:hover{transform:scale(1.05)}footer .bnrArea:hover img{box-shadow:0 8px 25px rgba(0,0,0,0.4)}footer .officialSite{width:100%;margin:12px auto 24px;text-align:center}footer .officialSite a{display:inline-block;width:92%;padding:3% 0;border:2px solid rgba(130,102,52,0.9);background:rgba(78,55,12,0.8);border-radius:100px;color:#f0f0f0;font-size:14px;line-height:1.5;text-align:center;text-decoration:none;transition:all 200ms ease}footer .officialSite a:hover{background:#826634;color:#fff;transition:all 200ms ease}footer .officialSite a span{position:relative;padding-right:5px;margin-right:15px}footer .officialSite a span::before,footer .officialSite a span::after{position:absolute;top:0;right:-15px;bottom:0;margin:auto;content:"";vertical-align:middle}footer .officialSite a span::before{width:12px;height:12px;background:rgba(255,255,255,0.8);border-radius:50%}footer .officialSite a span::after{right:-10px;width:3px;height:3px;border-top:1px solid #826634;border-right:1px solid #826634;transform:rotate(45deg)}.snsArea{width:100%;padding:48px 0 24px;text-align:center}.snsArea li{display:inline-block;margin:0 5px;vertical-align:middle}.snsArea li.btn{width:10%}.snsArea li.btn img{width:100%}.visible,.invisible{opacity:0;transition:all 1s}.visible{opacity:1}.visible.fadeInUp{opacity:1;transform:translateY(0)}.visible.fade_Up{transform:translateY(100px);transform:translateY(0);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1)}.visible.fade_toLeft{transform:translateX(100px);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1)}.visible.fade_toLeft{transform:translateX(0)}.visible.fade_toRight{transform:translateX(-100px);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1)}.visible.fade_toRight{transform:translateX(0)}.visible.zoom_Up{transform:scale(0.5);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1)}.visible.zoom_Up{transform:scale(1)}.visible.zoom_Down{transform:scale(1.4);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1)}.visible.zoom_Down{transform:scale(1)}.invisible.fade_Up{transform:translateY(100px);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1)}.invisible.fade_toLeft{transform:translateX(100px);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1)}.invisible.fade_toRight{transform:translateX(-100px);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1)}.invisible.zoom_Up{transform:scale(0.5);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1)}.invisible.zoom_Down{transform:scale(1.4);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1)}.visible.fade_slowly{-webkit-animation:fade_slowly 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;animation:fade_slowly 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;opacity:1}@-webkit-keyframes fade_slowly{0%{-webkit-filter:blur(5px);filter:blur(5px);opacity:0}100%{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}@keyframes fade_slowly{0%{-webkit-filter:blur(5px);filter:blur(5px);opacity:0}100%{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}#starshine{position:fixed;z-index:9999;top:0;left:0;overflow:hidden;width:100%;height:100%;pointer-events:none}.shine{position:absolute;z-index:2;top:50%;left:50%;display:block;overflow:hidden;-webkit-animation:glitter 6s linear 0s infinite normal;animation:glitter 6s linear 0s infinite normal;background-image:url(../img/shine.png);background-position:center;background-repeat:no-repeat;background-size:100% 100%;color:tansparent;-moz-opacity:0;opacity:0}.shine.small{width:20px;height:20px}.shine.medium{width:30px;height:30px}.shine.large{width:40px;height:40px}@-webkit-keyframes glitter{0%{opacity:0;-webkit-transform:scale(0.3) rotate(0deg)}25%{opacity:1;-webkit-transform:scale(1) rotate(360deg)}50%{opacity:0;-webkit-transform:scale(0.3) rotate(720deg)}100%{opacity:0;-webkit-transform:scale(0.3) rotate(0deg)}}.modal-overlay{position:fixed;z-index:1000;top:0;left:0;display:none;width:100%;height:100%;background:url(../img/pop_bg.png),rgba(255,255,255,0.97);overflow-y:auto}.modal-wrap{position:fixed;z-index:2000;top:0;left:0;display:none;overflow:auto;width:100%;height:100%;-webkit-overflow-scrolling:touch}.modal-content{position:relative;top:0;left:0;display:none;width:100%;max-width:800px;min-height:800px;box-sizing:border-box;padding:10vh 5% 50vh;margin:0;text-align:center}.modal-content h1{padding-bottom:5%;border-bottom:1px solid #b30602;margin-bottom:7%;color:#b30602;font-size:28px;font-weight:700;line-height:1.5;text-align:center}.modal-content h2{padding-bottom:5%;color:#b09375;font-size:20px;font-weight:700;line-height:1.5}.modal-content .set{margin-bottom:20%}.modal-content .date{text-align:center}.modal-content .imgArea{margin-bottom:24px}.modal-content .imgArea img{width:100%;box-sizing:border-box;border:4px solid #dad2c0}.modal-content .imgArea+h2{padding-top:5%}.modal-content p{margin-bottom:2em;line-height:1.8;word-break:break-all}.modal-content p+h2{padding-top:5%}.modal-content a{color:#b30602}.modal-content a.btn_entry{display:block;width:min(90%, 650px);padding:5% 0;margin:3% auto 6%;background:#009ef6;color:#fff;font-size:clamp(16px, 2.8vw, 35px);letter-spacing:5px;text-align:center;box-sizing:border-box;border:5px solid #fff;-ms-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.14);box-shadow:0px 3px 3px 0px rgba(0,0,0,0.14);color:#fff;font-family:TsukuBMinPr6-E;text-decoration:none}.modal-content .notice{color:#888;font-size:12px}.modal-content .closeArea{padding:8px;background:#aaa;border-radius:8px;color:#fff;text-align:center}.modal-content .msgBtn{width:90%;padding:28px 0;margin:0 auto}.modal-content .msgBtn a{display:flex;width:100%;align-items:center;justify-content:center;padding:20px 0;background:#49a1eb;border-radius:100px;color:#fff;font-size:24px;text-align:center;text-decoration:none;transition:all 600ms ease}.modal-content .msgBtn a:hover{transform:scale(1.05);transition:all 300ms ease}.modal-content .msgBtn a img{width:36px;height:auto;margin-right:10px}.modal-content .msgBtn.disable a{background:#aaa;font-size:16px}.modal-content .termsArea{margin:40px 0}.modal-content .termsArea h2{position:relative;width:50%;padding:15px 0;border:2px solid #888;margin:0 auto;border-radius:50px;color:#888;cursor:pointer;font-size:18px;font-weight:bold;letter-spacing:3px;line-height:1.3;text-align:center;transition:all 300ms ease}.modal-content .termsArea h2:hover{background:#888;color:#fff;transition:all 200ms ease}.modal-content .termsArea h2::after{position:absolute;top:50%;right:7%;margin:-7px 0 0 0;content:"▲";font-size:14px;transform:rotate(180deg);transition:all 300ms ease}.modal-content .termsArea h2.opened{width:100%;border:0;background:#ddd;border-radius:10px 10px 0 0;color:#333}.modal-content .termsArea h2.opened::after{right:3%;transform:rotate(0deg)}.modal-content .termsArea .terms{display:none;padding:32px 24px;background:#f5f5f5;font-size:14px}.modal-content .termsArea .terms h3{padding:1em 0;font-size:18px;font-weight:700}.modal-content .termsArea .terms ul{padding-bottom:1.5em}.modal-content .termsArea .terms ul li{margin:0 0 1em 1.5em;line-height:1.8;list-style:disc}.modal-content .termsArea .terms p{font-size:14px}.modal-open{color:#00f;text-decoration:underline}.modal-open:hover{color:#f00;cursor:pointer}.modal-top-close{position:absolute;top:1%;right:2%;display:inline-block;width:50px;height:50px;cursor:pointer}.modal-top-close span::before,.modal-top-close span::after{position:absolute;top:50%;left:50%;display:block;width:84%;height:3%;margin:-8% 0 0 -42%;background:#b09375;content:""}.modal-top-close span::before{transform:rotate(-45deg)}.modal-top-close span::after{transform:rotate(45deg)}.modal-close{width:100%;padding:10% 0;border-top:1px solid #b09375;margin:10% auto;text-align:center}.modal-close a{display:inline-block;width:70%;max-width:260px;padding:12px;border:2px solid #b09375;border-radius:100px;color:#b09375;font-size:20px;font-weight:700;text-align:center;transition:all 200ms ease}.modal-close a:hover{background:#b09375;color:#fff;cursor:pointer}

@media (max-width: 1024px){.pcOnly{display:none}.spOnly{display:block}footer .footer_decoration{display:block}footer .wrap{max-width:380px}footer .redirectArea .redirectBtn a{font-size:12px}footer .redirectArea .redirectBtn a span{font-size:18px}footer .appArea ul{padding:3vh 3%}footer .appArea li:nth-child(1){width:40%}footer .appArea li:nth-child(2){width:50%}footer .appArea li:nth-child(3){width:51%}footer .officialSite a{font-size:12px}.modal-close a{font-size:18px}}

@media screen and (max-width: 768px){.loading .loading_txt_img{background:url(../img/loading_bg_sp.svg) no-repeat;background-position:left center;background-repeat:no-repeat;background-size:100%}.pc_only{display:none}.sp_only{display:block}.fixid_btn{display:block;padding:3% 0}.fixid_btn a{width:70%}#firstview{padding:3% 0;background:url(../img/kv/keyvisual_bg_sp.svg) no-repeat,#eee;background-position:right top;background-size:100%}#firstview .keyvisual .txt_anniversary{bottom:-8vw}#firstview .keyvisual .txt_shironekoproject{top:-3vw;width:8.8%}#firstview .keyvisual .item_logo{right:0vw;bottom:2vw;width:45%}#firstview .keyvisual__inner .scroll_area{width:95%;box-sizing:border-box;border:5px solid #fff;margin:0 auto;background:#fff;overflow-x:auto;overflow-y:hidden}#firstview .keyvisual__inner .scroll_area img{width:auto;min-width:750px;max-width:260%;pointer-events:none;vertical-align:top}#firstview .keyvisual__inner .scroll_area::-webkit-scrollbar{height:5px}#firstview .keyvisual__inner .scroll_area::-webkit-scrollbar-thumb{border:none;background:#0eb6fc}#firstview .keyvisual__inner .scroll_area::-webkit-scrollbar-thumb:hover{background:#08c5ed}#firstview .keyvisual__inner .swipe{position:absolute;top:-1.5%;right:1.5%;display:block !important}nav{margin:13% 0 0 0}nav ul{display:block}nav ul li{width:90%;margin:2% auto}main{letter-spacing:1px}main section{margin-bottom:30%}main section.game_event::before,main section.campaign::before,main section.special::before{width:90%;padding-top:80%}main section.game_event h2,main section.campaign h2,main section.special h2{width:100%}.greeting{display:block}.greeting .greeting_txt{width:93%;padding:7% 5%}.greeting .greeting_txt_inner h2{margin-bottom:3%;font-size:8vw}.greeting .greeting_txt_inner p{font-size:4vw}.greeting .greeting_bg{position:absolute;z-index:-1;top:14%;right:0;width:93%;height:100%}.movie h2{top:-9vw;width:100%}.movie__inner_container{padding:10% 0 6%;text-align:left}.movie__inner_container ul{width:95%}.movie__inner_container ul li{width:95%}.movie__inner_container ul li:not(:first-of-type)::after{bottom:13% !important}.movie__inner_container ul li:nth-child(2){margin:2% 2% 2% 0}.movie__inner_container ul li:nth-child(3){margin:2% 0 2% 2%}.movie__inner_container ul li h3{margin-bottom:2%;font-size:4vw;text-align:center}.game_event::before{top:5vw}.game_event::after{width:90%;padding-top:80%}.game_event h2{top:-3vw}.game_event .event_contents.event_01{padding-top:20%}.game_event .event_contents.event_01 .parts02{transform:translateX(0%)}.game_event .event_contents.event_02{position:relative;width:98%;margin:25% auto}.game_event .event_contents.event_02 h3{position:absolute;z-index:2;top:-12vw;left:0;width:100%}.game_event .event_contents.event_02 .event_img{width:96%;margin:0 auto}.game_event .event_contents a.btn_readmore{border:3px solid #fff}.game_event .event_contents a.btn_readmore{width:80%;font-size:5vw !important}.game_event .event_contents a.btn_readmore.btn_event_01{right:0;bottom:1vw;left:0;width:75%;padding:5% 0 5% 7%;margin:auto}.game_event .event_contents a.btn_readmore.btn_event_02{bottom:-7vw;width:75%;padding:5% 0 5% 7%}.game_event .event_contents a.btn_readmore.btn_event_02::before{left:10%}.campaign h2{top:-5vw}.campaign ul li{width:95%;border:4px solid #fff;letter-spacing:2px;line-height:1.2}.campaign ul li .contents__inner{padding:7% 2%;border-left:4px solid #b30602}.campaign ul li .contents__inner h3{font-size:min(6vw, 45px)}.campaign ul li .contents__inner h3 span{display:block}.campaign ul li .contents__inner h3 .icon{width:min(20%, 110px)}.campaign ul li .contents__inner .txt_schedule p{display:block;width:95%;padding:2%;margin:0 auto;font-size:3.5vw}.campaign ul li .contents__inner .txt_schedule p span{display:block}.campaign ul li .contents__inner .txt_description{font-size:3.2vw;line-height:1.5}.campaign ul li .contents__inner .txt_description span{display:block}.campaign ul li .contents__inner .txt_procedure{width:95%;padding:5% 1% 3%;border:1px solid #dec26c;margin:8% auto 5%;font-size:3vw}.campaign ul li .contents__inner .txt_procedure h3{top:-10%;width:30%;font-size:3vw}.campaign ul li .contents__inner .txt_att{font-size:2.5vw}.campaign ul li .contents__inner a.btn_entry{border:3px solid #fff}.campaign ul li .contents__inner a.btn_entry{width:80%;font-size:4.5vw;letter-spacing:2px}.campaign ul li.contents_01 .contents__inner{background-size:35%}.campaign ul li.contents_01 .contents__inner a.btn_entry{padding:6% 4% 6% 12%}.campaign ul li.contents_01 .contents__inner a::before{left:8%}.campaign ul li.contents_02 .contents__inner{background-size:35%}.campaign ul li.contents_02 .contents__inner a.btn_entry{padding:6% 4% 6% 12%}.special h2{top:-3vw}.special{padding-top:7%}.special ul{width:90%}.special ul li:nth-child(3){width:100%}.special ul li:nth-child(4){width:100%}.message p{font-size:8.8vw;letter-spacing:15px}.message p span.set_02{font-size:12vw}.message p span.set_03{margin-right:-8vw}.message p img{height:1px;margin-left:-2vw}footer{padding-bottom:15%}.modal-content a.btn_entry{border:3px solid #fff}}

@media (max-width: 640px){footer .footer_decoration{display:block}footer .wrap{max-width:100%}footer .redirectArea .redirectBtn a{font-size:3.3vw}footer .redirectArea .redirectBtn a span{font-size:4.5vw}footer .shiroLogo span::before{top:7vh}footer .link{font-size:3vw}footer .bnrArea{padding:8vh 5% 0}footer .officialSite a{font-size:5vw}.modal-content h1{font-size:6vw}.modal-content h2{font-size:4.5vw}.modal-content .date span{font-size:3.5vw}.modal-content p{font-size:3.8vw}.modal-content .notice{font-size:3.5vw}.modal-content .msgBtn{padding:14px 0}.modal-content .msgBtn a img{width:32px}.modal-content .termsArea .terms{padding:32px 12px;font-size:12px}.modal-content .termsArea .terms p{font-size:12px}.modal-close a{padding:12px;font-size:5vw}}
/*# sourceMappingURL=style.css.map */