@charset "UTF-8";.gashinaWrap{background:#f4deec url(/games/soregashi/assets/images/gashina.png) no-repeat border-box center -6rem/480px auto fixed;background-blend-mode:darken;text-align:center}.gashinaWrap #container #header{padding-top:0;padding-bottom:15rem;overflow:hidden}.gashinaWrap #container #header nav{padding-top:2rem;position:relative}.gashinaWrap #container #header nav:before{content:"";position:absolute;display:block;width:100%;height:37px;top:3.5rem;background-color:rgba(200,200,200,0.7)}.gashinaWrap #container #header nav .ttl{width:40%;margin:0 auto;max-width:280px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:1}.gashinaWrap #container #header #visitorCounter{width:80%;margin:1rem auto 0;font-size:0.85rem;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.3);background-color:rgba(255,69,100,0.85);border-radius:1rem;-webkit-transform:translateX(120%);transform:translateX(120%);opacity:0;-webkit-transition:opacity 0.5s ease-out,-webkit-transform 0.6s cubic-bezier(0.4,0,0.2,1);transition:opacity 0.5s ease-out,-webkit-transform 0.6s cubic-bezier(0.4,0,0.2,1);transition:transform 0.6s cubic-bezier(0.4,0,0.2,1),opacity 0.5s ease-out;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1),opacity 0.5s ease-out,-webkit-transform 0.6s cubic-bezier(0.4,0,0.2,1)}.gashinaWrap #container #header #visitorCounter.show{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}.gashinaWrap #container #header #visitorCounter .count{display:inline-block;padding:0 0.25rem}.gashinaWrap #container #main{padding:1rem;-webkit-box-sizing:border-box;box-sizing:border-box}.gashinaWrap #container #main .sec_btn{margin-bottom:1rem;background:rgba(0,0,0,0.8) url(/games/soregashi/assets/images/icon_gashi.png) no-repeat border-box -30px -40px;background-size:auto 280px;border-radius:4rem;-webkit-box-sizing:border-box;box-sizing:border-box}.gashinaWrap #container #main .sec_btn .btn a{display:block;padding:1rem 0 1rem 9rem;border-radius:4rem;text-align:left;text-decoration:none;color:#fff;font-weight:bold;font-size:0.85rem;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.3);box-shadow:2px 2px 5px rgba(0,0,0,0.3);-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease;-webkit-box-sizing:border-box;box-sizing:border-box}.gashinaWrap #container #main .sec_btn .btn a:hover{background-color:rgba(255,182,193,0.3)}.gashinaWrap #container #main .sec_btn .btn a img{display:inline-block;width:1rem;margin-left:0.25rem;vertical-align:-2px}.gashinaWrap #container #main .sec_btn#youtube{background:rgba(0,0,0,0.8) url(/games/soregashi/assets/images/youtube.png) no-repeat;background-size:cover}.gashinaWrap #container #main .sec_btn#youtube .btn a{padding:1rem 2rem 1rem 2rem;text-align:center}.gashinaWrap #container #main .sec_top{padding:1rem;background-color:rgba(255,255,255,0.8);background-image:url(/games/soregashi/assets/images/line.png);background-repeat:repeat-y;background-position:right top;background-size:100% auto;background-origin:border-box;border-radius:0.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0.85rem;margin:2rem 0}.gashinaWrap #container #main .sec_top .ttl{font-size:1.25rem;margin-bottom:0.5rem}.gashinaWrap #container #main .sec_top .ttl .en{display:block;font-size:0.85rem;color:#666}.gashinaWrap #container #main .sec_top .story{padding-top:1rem}.gashinaWrap #container #main .sec_top .story .btn{cursor:pointer;position:relative;display:inline-block;padding:0.5rem 1.5rem;background-color:rgb(238,158,171);color:#fff;font-weight:bold;border-radius:1.5rem;z-index:2;-webkit-box-shadow:0 0 15px rgba(238,158,171,0.8),0 0 30px rgba(238,158,171,0.6);box-shadow:0 0 15px rgba(238,158,171,0.8),0 0 30px rgba(238,158,171,0.6)}.gashinaWrap #container #main .sec_top .story .storyInner{position:relative;top:-1rem;padding:2rem 1rem 1rem;line-height:1.6;background-color:#eee;border-radius:0.5rem;max-height:0;overflow:hidden;opacity:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}.gashinaWrap #container #main .sec_top .story .storyInner p{padding-bottom:1rem}.gashinaWrap #container #main .sec_top .story .storyInner #close a{display:block;color:#000}.gashinaWrap #container #main .sec_top .story .storyInner.active{max-height:1000px;opacity:1}.gashinaWrap #container #main .sec_top .story .storyInner #close{text-align:center;margin-top:20px}.gashinaWrap #container #main .sec_top .story .storyInner #close a{color:#fff;text-decoration:none;cursor:pointer}.gashinaWrap #container #main .sec_top .story+.btn{cursor:pointer;position:relative;display:inline-block;padding:0.5rem 1.5rem;background-color:rgb(238,158,171);color:#fff;font-weight:bold;border-radius:1.5rem;z-index:2;-webkit-box-shadow:0 0 15px rgba(238,158,171,0.8),0 0 30px rgba(238,158,171,0.6);box-shadow:0 0 15px rgba(238,158,171,0.8),0 0 30px rgba(238,158,171,0.6)}.gashinaWrap #container #main .sec_top .story+.btn a{text-decoration:none;color:#fff}.gashinaWrap #container #main .sec_game .gameFrame{position:relative;width:100%;max-width:450px}.gashinaWrap #container #main .sec_game .versionWrap{text-align:center;font-size:0.75rem;color:#333;padding:0.5rem 0;-webkit-box-sizing:border-box;box-sizing:border-box}.gashinaWrap #container #main .sec_game .versionWrap .version{padding:0.5rem 0}.gashinaWrap #container #main #score.sec_top{background:none;padding:0;margin-top:6rem}.gashinaWrap #container #main #score.sec_top .ranking-wrap{background:#fbd3e1;border:rgb(246.75,164.25,193.125) 1px solid;border-radius:1rem;padding:1.5rem 1rem;-webkit-box-shadow:0 8px 20px rgba(0,0,0,0.05);box-shadow:0 8px 20px rgba(0,0,0,0.05);margin:0 auto}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:18px;margin-bottom:24px;position:relative}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-header .btn_rankingCat{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:3rem 0 0;gap:1rem;list-style-type:none}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-header .btn_rankingCat .rankingBtn{-ms-flex-preferred-size:50%;flex-basis:50%}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-header .btn_rankingCat .rankingBtn a{display:block;border:#ccc 1px solid;background-color:#fbd3e1;text-decoration:none;color:#000;border-radius:32px;padding:0.5rem 1rem;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:2px 2px 5px rgba(50,0,0,0.3);box-shadow:2px 2px 5px rgba(50,0,0,0.3);-webkit-transition:all 0.5s ease;transition:all 0.5s ease}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-header .btn_rankingCat .rankingBtn.active a{background-color:rgba(255,255,255,0.7)}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-header .header-logo{display:block;width:140px;position:absolute;top:-60px;left:calc(50% - 70px)}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-header .header-title{padding-top:2rem;font-size:1.5rem;text-align:center;color:#3d2b2b;line-height:1.2}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-header .header-title .en{display:block;font-size:0.85rem;color:#7a5a5a}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-list{list-style:none;padding:0;margin:0;text-align:left}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-list.animate-slide-right{-webkit-animation:slideInRight 1s cubic-bezier(0.16,1,0.3,1) forwards;animation:slideInRight 1s cubic-bezier(0.16,1,0.3,1) forwards}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-list.animate-slide-left{-webkit-animation:slideInLeft 1s cubic-bezier(0.16,1,0.3,1) forwards;animation:slideInLeft 1s cubic-bezier(0.16,1,0.3,1) forwards}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-list li{display:-webkit-box;display:-ms-flexbox;display:flex;background:rgba(255,255,255,0.3);border-radius:0.5rem;padding:0.5rem;margin-bottom:0.5rem;-webkit-box-shadow:0 4px 10px rgba(0,0,0,0.04);box-shadow:0 4px 10px rgba(0,0,0,0.04);color:#3d2b2b}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-list li .user-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 0 0 0.5rem;-ms-flex-preferred-size:70%;flex-basis:70%}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-list li .user-block .user-name{font-size:0.85rem}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-list li .user-block .date{font-size:12px;color:#c6b8b8}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-list li .score-block{-ms-flex-preferred-size:30%;flex-basis:30%;position:relative;text-align:right;font-size:1.25rem;font-weight:bold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-list li .score-block:before{content:"";display:block;position:absolute;left:0;width:1px;height:60px;background-color:#ccc;-webkit-transform:rotate(15deg);transform:rotate(15deg);-webkit-box-shadow:0 0 2px rgba(0,0,0,0.3);box-shadow:0 0 2px rgba(0,0,0,0.3)}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-list li.topRanker{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:1rem;padding-left:0.125rem;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50px 0.5rem 0.5rem 50px;background:rgba(255,255,255,0.9)}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-list li.topRanker .medal{display:block;width:80px;height:80px}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-list li.topRanker .user-block .user-name{font-size:1.125rem}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-list li.topRanker.no_02 .medal{width:70px;height:70px}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-list li.topRanker.no_02 .user-block{padding:0.5rem 0 0.5rem 0.5rem}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-list li.topRanker.no_02 .user-block .user-name{font-size:1rem}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-list li.topRanker.no_03 .medal{width:60px;height:60px}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-list li.topRanker.no_03 .user-block{padding:0.5rem 0 0.5rem 0.5rem}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-list li.topRanker.no_03 .user-block .user-name{font-size:0.85rem}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-list li .rank-num{text-align:center;font-size:1.5rem;font-weight:bold;line-height:3.3rem}.gashinaWrap #container #main #score.sec_top .ranking-wrap .btn{padding:1rem 0}.gashinaWrap #container #main #score.sec_top .ranking-wrap .btn .rankingBtn{display:block;width:80%;margin:0 auto;padding:0.5rem 0;text-align:center;text-decoration:none;background-color:rgb(246.75,164.25,193.125);color:#fff;font-size:1rem;border-radius:2rem;-webkit-box-shadow:0 4px 10px rgba(0,0,0,0.1);box-shadow:0 4px 10px rgba(0,0,0,0.1);-webkit-box-sizing:border-box;box-sizing:border-box}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-list-under{list-style:none;padding:0;margin:0;border-radius:0.5rem;overflow:hidden}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-list-under li{text-align:left;padding:0.25rem 0.5rem;border-top:1px solid rgba(0,0,0,0.1);color:#3d2b2b;background-color:rgba(255,255,255,0.5)}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-list-under li.ranking-item{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px);-webkit-animation:rankingFadeIn 0.4s ease-out forwards;animation:rankingFadeIn 0.4s ease-out forwards;-webkit-animation-delay:calc(var(--delay) * 0.03s);animation-delay:calc(var(--delay) * 0.03s)}@-webkit-keyframes rankingFadeIn{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes rankingFadeIn{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.gashinaWrap #container #main .lpBnr{position:relative;width:100%;max-width:500px;margin:3rem auto 1.5rem;padding:7px;border:2px solid rgba(238,158,171,0.9);border-radius:1rem;background:rgba(255,255,255,0.8);-webkit-box-shadow:0 8px 0 rgba(122,90,90,0.16),0 14px 25px rgba(122,90,90,0.14);box-shadow:0 8px 0 rgba(122,90,90,0.16),0 14px 25px rgba(122,90,90,0.14);-webkit-box-sizing:border-box;box-sizing:border-box}.gashinaWrap #container #main .lpBnr:after,.gashinaWrap #container #main .lpBnr:before{position:absolute;z-index:1;color:#ee9eab;font-size:1.35rem;line-height:1;text-shadow:1px 1px 0 #fff;pointer-events:none}.gashinaWrap #container #main .lpBnr:before{top:-0.7rem;left:1.1rem;content:"✦"}.gashinaWrap #container #main .lpBnr:after{right:1.1rem;bottom:-0.78rem;content:"✦"}.gashinaWrap #container #main .lpBnr p{margin:0}.gashinaWrap #container #main .lpBnr a{display:block;overflow:hidden;border:2px solid #fff;border-radius:0.65rem;line-height:0;-webkit-transition:-webkit-transform 0.2s ease,-webkit-box-shadow 0.2s ease;transition:-webkit-transform 0.2s ease,-webkit-box-shadow 0.2s ease;transition:transform 0.2s ease,box-shadow 0.2s ease;transition:transform 0.2s ease,box-shadow 0.2s ease,-webkit-transform 0.2s ease,-webkit-box-shadow 0.2s ease}.gashinaWrap #container #main .lpBnr img{display:block;width:100%;height:auto;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease,-webkit-transform 0.25s ease}.gashinaWrap #container #main .lpBnr a:focus-visible,.gashinaWrap #container #main .lpBnr a:hover{-webkit-box-shadow:0 0 0 3px rgba(238,158,171,0.9),0 8px 14px rgba(122,90,90,0.22);box-shadow:0 0 0 3px rgba(238,158,171,0.9),0 8px 14px rgba(122,90,90,0.22);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.gashinaWrap #container #main .lpBnr a:focus-visible img,.gashinaWrap #container #main .lpBnr a:hover img{-webkit-transform:scale(1.02);transform:scale(1.02)}.gashinaWrap #container #footer{width:100%;background:none}.gashinaWrap #container #footer .footBtn{text-align:center;padding:2rem 0 3rem;font-size:1.5rem}.gashinaWrap #container #footer .footBtn a{display:block;position:relative;padding-top:2rem;text-decoration:none;color:#7a5a5a;font-weight:bold}.gashinaWrap #container #footer .footBtn a:before{content:"";display:block;width:1rem;height:1rem;border-left:1px solid #7a5a5a;border-top:1px solid #7a5a5a;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;left:calc(50% - 0.5rem);top:1rem}.gashinaWrap #container #footer .copy{display:block;font-size:0.75rem;background-color:rgba(200,200,200,0.7);padding:0.5rem 0}.gashinaWrap #container #footer .copy a{display:block;color:#000;text-decoration:none}.gashinaWrap #container #footer .copy a span{font-size:0.7rem}@media screen and (min-width:640px){.gashinaWrap{background-position:15% -200px;background-size:auto 120%}.gashinaWrap #container #header nav:before{height:88px}.gashinaWrap #container #main{width:100%;max-width:1300px;margin:0 auto;padding:0 2rem 4rem}.gashinaWrap #container #main .sec_btn,.gashinaWrap #container #main .sec_game,.gashinaWrap #container #main .sec_top{width:640px;margin:0 0 1rem auto}.gashinaWrap #container #main .sec_btn{border-radius:6rem;margin-bottom:2rem;background-position:-40px -60px;background-size:auto 400px}.gashinaWrap #container #main .sec_btn .btn a{font-size:1.25rem;padding:3rem 0 3rem 12rem;border-radius:6rem;-webkit-box-shadow:3px 3px 8px rgba(0,0,0,0.3);box-shadow:3px 3px 8px rgba(0,0,0,0.3)}.gashinaWrap #container #main .sec_btn#youtube{background-size:contain;background-position:center}.gashinaWrap #container #main .sec_top{padding:2rem 1.5rem;margin-bottom:2rem;font-size:1rem;line-height:2}.gashinaWrap #container #main .sec_top .ttl{font-size:2rem;padding-bottom:2rem}.gashinaWrap #container #main .sec_game{padding-bottom:1rem}.gashinaWrap #container #main .gameFrame{margin:0 auto}.gashinaWrap #container #main #score.sec_top .ranking-wrap{margin-bottom:8rem;padding:2rem 2rem}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-header .header-logo{width:180px;top:-70px;left:calc(50% - 90px)}.gashinaWrap #container #main #score.sec_top .ranking-wrap .ranking-header .header-title{font-size:2rem;padding-top:2.5rem}.gashinaWrap #container #main .lpBnr{margin:2rem 0 4rem auto}.gashinaWrap #container #footer{position:absolute;bottom:0}.gashinaWrap #container #footer .copy a span{font-size:1rem}}
/*# sourceMappingURL=style.css.map */