*,*::before,*::after{box-sizing:border-box}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}body{line-height:1.7}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle;-webkit-appearance:none !important}body{font-family:"Noto Sans JP",sans-serif;word-break:break-all;font-size:15.5px;color:#111;line-height:1.7;letter-spacing:.025em;font-weight:500;background:inherit;text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.8}main,header,footer,nav{display:block}input,select,button,textarea{font-family:inherit}a{font-weight:bold}a:link,a:visited,a:hover{transition:color .3s ease;color:inherit;text-decoration:none}a:hover{color:color-mix(in sRGB, #111, 80%, #fff)}img{vertical-align:top;pointer-events:none}.text-center{text-align:center}.img-fluid{max-width:100%;height:auto}.small{font-size:.8rem}br.lg-break{display:none}@media screen and (min-width: 992px){br.lg-break{display:block}}.text-center-lg-break{text-align:left}@media screen and (min-width: 992px){.text-center-lg-break{text-align:center}}.scale{transform:scale(var(--s, 1))}.opacity{opacity:var(--o, 1)}#kv h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}#billiken{margin-top:8rem}#Billiken,#panel,#offline,#mystery,#stamp,#seatery,#item,#contact,#character,#rules{margin-bottom:3rem}#Billiken h2,#panel h2,#offline h2,#mystery h2,#stamp h2,#seatery h2,#item h2,#contact h2,#character h2,#rules h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}#item{margin-bottom:0}.img-container{width:100%;margin:0 auto;position:relative}.img-container.size-limit{max-width:580px}.img-container p{font-size:1.2em;font-weight:bold;background:color-mix(in sRGB, #E1853D 70%, #fff);padding:.75rem;color:#fff;box-shadow:5px 5px 0 rgba(0,0,0,.2);margin-bottom:1rem;letter-spacing:.15em}.img-container a{display:block;position:relative}.img-container a:before{content:"拡大";display:block;text-align:right;position:absolute;width:85px;height:40px;line-height:36px;bottom:0;right:0;color:#fff;padding-right:15px;background:rgb(78.6,152.8,204.6);border-top-left-radius:12px}.img-container a:after{display:block;position:absolute;width:85px;height:40px;line-height:40px;bottom:0;right:0;color:#fff;font-family:"Font Awesome 6 Pro";content:"";padding-left:10px;font-size:1.2em}.img-container a:hover{opacity:.7}.img-container img{display:block;border:2px solid #ccc}.external-link:after{margin:0 0 0 8px;font-family:"Font Awesome 6 Pro";content:"";font-weight:900;font-size:.8em}.notice{padding:1em;background:#fff8e5;border-left:4px solid #f0a500;color:#666;font-size:.75rem;line-height:1.6}.text-red{color:red}.coming-soon{display:inline-block;text-align:center;margin-top:2rem;font-family:"Rubik Marker Hatch",system-ui;font-weight:400;font-style:normal;text-align:center;font-size:4em;color:#bc3134;padding-left:1rem;padding-right:1rem;border:16px double #bc3134;transform:rotate(-4deg)}.coming-soon span{display:block;margin-left:.5em}@media screen and (min-width: 992px){.coming-soon span{display:inline}}header{display:none;position:fixed;left:100px;top:50%;transform:translate(0, -50%);width:100%;max-width:310px;z-index:100}header a{display:block;opacity:.5;transition:opacity 1.3s ease}header a.active{opacity:1}#kv{text-align:center;margin:auto;max-width:1920px;width:100%;background:url(../image/main_bg_sp.jpg) center/cover no-repeat;aspect-ratio:992/1400}@media screen and (min-width: 1200px){#kv{background:url(../image/main_bg.jpg) center/cover no-repeat;aspect-ratio:1920/630;height:auto}}.container{max-width:800px}#opening{background:#bc3134;color:#fff;padding-top:8rem;padding-bottom:8rem;text-align:center}#opening h2{font-size:1.8rem;font-family:"RocknRoll One",sans-serif;font-weight:300;font-style:normal}#opening span.st{font-family:"RocknRoll One",sans-serif;position:relative;display:block;margin-top:.5rem;margin-bottom:.5rem;font-size:1.6rem;color:#fff;-webkit-text-stroke:5px #333}#opening span.st:after{position:absolute;display:block;left:0;right:0;bottom:0;top:0;margin:auto;color:#fff;-webkit-text-stroke:1px #fff;content:"ストリートグラフィティ\aロールプレイ";white-space:pre}@media screen and (min-width: 992px){#opening span.st{font-size:2rem}#opening span.st br{display:none}#opening span.st:after{content:"ストリートグラフィティロールプレイ"}}#opening a{font-family:"RocknRoll One",sans-serif;display:inline-block;border:3px solid #fff;padding:.8rem 2rem 1rem;background:#036db7;font-size:1.3rem;font-weight:100}.rb-liner-gradient{position:relative;content:"";width:100%;height:3rem;background-image:repeating-linear-gradient(90deg, #BC3134, #BC3134 25px, #ffffff 25px, #ffffff 50px)}.rb-liner-gradient:before{position:absolute;top:0;display:block;content:"";width:100%;height:10px;background:#036db7}.rb-liner-gradient:after{position:absolute;bottom:0;display:block;content:"";width:100%;height:10px;background:#036db7}.rb-liner-gradient.rb-after-none:after{background:none}#toc{position:relative;margin-bottom:8rem}#toc:after{position:absolute;content:"";inset:0;background:url(../image/toc_bg.jpg) center no-repeat fixed;background-size:100% auto;background-size:cover;filter:blur(10px);background-color:rgba(255, 255, 255, var(--bg-alpha));background-blend-mode:overlay;z-index:-1}#toc .toc_li{margin:8rem 0;padding:2rem;background:hsla(0,0%,100%,.4)}#toc li{list-style:none;padding-bottom:1rem}#toc li a{display:inline-block;transition:all .2s ease-in}#toc li a:hover{scale:1.1}#toc img{width:100%;height:auto}#toc span{font-size:.8em}main{position:relative}h2,h3,.h2,.h3{font-family:"RocknRoll One",sans-serif}h3,.h3{text-align:center;font-size:1.25em;letter-spacing:.05em;margin-top:1.5rem;margin-bottom:1.5rem;color:#e1853d;font-weight:400}h4,.h4{font-size:1.2em;color:#036db7;border-bottom:2px solid #036db7;letter-spacing:.05em;margin-top:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;font-weight:700}ol.step{display:flex;flex-direction:column;list-style-position:inside;counter-reset:step;list-style:none;gap:3rem;margin-top:3rem;margin-bottom:3rem}ol.step li{counter-increment:step;position:relative;border:3px double #111;padding:1.55rem 1rem;text-align:center}ol.step li:before{width:120px;content:"STEP." counter(step);font-size:1.25em;position:absolute;display:inline-block;text-align:center;left:0;right:0;top:-1.75rem;margin:0 auto;border:3px double #111;border-top-left-radius:12px;border-bottom-right-radius:12px;font-weight:bold;background:#fff}ol.step span.app{display:inline-block;margin-top:1rem}ol.step span.app img{max-height:40px;height:auto}div.shop-list-box{font-size:.85em;width:100%;max-width:580px;margin:0 auto;position:relative}div.shop-list-box .row{align-items:center;border-bottom:1px solid #666;padding-bottom:.5rem;margin-bottom:.5rem}div.shop-list-box .list-address{display:block;font-size:.85em}div.shop-list-box .list-address:before{font-family:"Font Awesome 6 Pro";content:"";font-weight:900;margin-right:.25rem}div.shop-list-box .stgr-shop>span.shop-name{position:relative;display:block;border-top:3px double #bc3134;border-bottom:3px double #bc3134;margin-top:.75rem;margin-bottom:.75rem;padding:.5rem;color:#bc3134;cursor:pointer}div.shop-list-box .stgr-shop>span.shop-name:before{content:"●";padding-right:.5rem}@media screen and (min-width: 992px){div.shop-list-box .stgr-shop>span.shop-name:before{content:"ストグラ飲食店";padding-right:.5rem}}div.shop-list-box .stgr-shop>span.shop-name:after{content:"MENU OPEN";position:absolute;right:0;padding-right:.5rem}div.shop-list-box .stgr-shop .active:after{content:"MENU CLOSE" !important}div.shop-list-box .stgr-shop ul{display:none;list-style:none;list-style-position:inside;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:3px double #bc3134}div.shop-list-box .stgr-shop ul li{display:flex;justify-content:space-between;padding:.25rem .5rem}div.shop-list-box .stgr-shop ul li:nth-of-type(2n){background:color-mix(in sRGB, #111 5%, #fff)}div.shop-list-box .stgr-shop ul span{min-width:50px;text-align:center;margin-left:1rem}div.shop-list-box .reservation-only{font-size:.85em;display:inline-block;background:#036db7;color:#fff;margin-top:.5rem;margin-left:1rem;padding:.2rem 1rem}div.shop-list-box a{text-align:center;font-size:.9em;display:block;border:4px double #ccc;padding:.5rem 1rem;transition:all .2s ease}div.shop-list-box a:hover{background:rgba(3,109,183,.6);border:4px double #fff;color:#fff}div.shop-list-box i{padding-right:.75rem}.shop-net-box{font-size:.85em;width:100%;max-width:580px;margin:0 auto}.shop-net-box a{display:block}.shop-net-box a:hover{opacity:.7}#item-field .swiper-2{margin-top:1rem}#item-field .swiper-wrapper{transition-timing-function:linear}#item-field .swiper-pagination-bullet-active{background-color:#e1853d !important}#item-field .swiper-slide{font-size:.7em}#item-field .item-info{display:block;border-left:6px solid #e1853d;padding-left:.5rem;margin-top:.5rem}#item-field .item-name span{padding-left:.5rem}#item-field .swiper-pagination{display:none}#item-field .swiper-scrollbar{display:block}@media screen and (min-width: 992px){#item-field .swiper-pagination{display:block}#item-field .swiper-scrollbar{display:block}}#item-list .item-list-p{font-size:1.2em;font-weight:bold;background:color-mix(in srgb, #E1853D 70%, white);padding:.75rem;color:#fff;box-shadow:5px 5px 0 rgba(0,0,0,.2);margin-bottom:1rem;letter-spacing:.15em}#item-list .item-accordion{border:2px solid #ccc;padding:.75rem}#item-list ul{list-style:none}#item-list li{display:flex;flex-direction:row;justify-content:space-between;border-bottom:4px solid #036db7;padding:.6rem}#item-list li:nth-of-type(2n){border-bottom:4px solid #bc3134}.offline-ticket a{display:block;padding:.75rem 1.25rem;border:5px double #bc3134;color:#bc3134;font-weight:bold}.offline-ticket a:hover{color:#fff;background-color:#bc3134;border:5px double #fff}@media screen and (min-width: 992px){.offline-ticket a{display:inline-block}}.notice-add{display:block}.notice-add:before{content:"■";padding-right:.5rem}.notice-add-info{display:block}#contact form{background:color-mix(in sRGB, #111 3%, #fff);padding:1.5rem}#contact form div{padding-top:.75rem;padding-bottom:.75rem;border-bottom:1px solid color-mix(in sRGB, #111 15%, #fff)}#contact form div:first-of-type{padding-top:0}#contact form p{font-size:.85rem;margin-top:0;margin-bottom:.5rem}#contact label,#contact span.label{display:inline-block;margin-bottom:.5rem;font-weight:bold;position:relative}#contact label+span,#contact span.label+span{transform:scale(0.7);display:inline-block;background:#ffc90a;color:#000;padding:.2rem .85rem;border-radius:9px;margin-left:.2rem}#contact span input{display:inline-block !important}#contact input,#contact textarea{display:block;border:1px solid color-mix(in sRGB, #111 30%, #fff);box-sizing:border-box;transition:border .2s ease;font-size:16px;padding:.45rem .65rem;outline:none}#contact input:focus,#contact textarea:focus{border:1px solid color-mix(in sRGB, #BC3134 80%, #111)}#contact input[type=text],#contact input[type=email],#contact textarea[type=text],#contact textarea[type=email]{width:250px}#contact input[type=tel],#contact input[type=password],#contact textarea[type=tel],#contact textarea[type=password]{width:150px}#contact input[type=radio],#contact textarea[type=radio]{position:relative;width:24px;height:24px;border-radius:50%;background:#fff;vertical-align:-2px}#contact input[type=radio]:checked:before,#contact textarea[type=radio]:checked:before{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:11px;height:11px;border-radius:50%;background:#ffc90a;content:""}#contact input[type=checkbox],#contact textarea[type=checkbox]{position:relative;border-radius:50%;width:2rem;height:2rem;background:#fff;text-align:center;cursor:pointer;margin-left:1rem;margin-right:.4rem}#contact input[type=checkbox]:first-of-type,#contact textarea[type=checkbox]:first-of-type{margin-left:0}#contact input[type=checkbox]:before,#contact textarea[type=checkbox]:before{font-family:"FontAwesome";color:hsla(0,0%,100%,0);transform:scale(0.5);transition:all .5s ease;display:inline-block;position:absolute;content:"";top:8px;bottom:0;left:0;right:0;margin:auto;content:""}#contact input[type=checkbox]:checked,#contact textarea[type=checkbox]:checked{background:hsl(0,100%,85%)}#contact input[type=checkbox]:checked::before,#contact textarea[type=checkbox]:checked::before{color:#7030a0;animation:checkbox_in .25s ease;transform:scale(2.4)}#contact input[type=submit],#contact textarea[type=submit]{display:inline-block;width:120px;cursor:pointer;border:none;margin-top:1rem;background:#ffc90a;color:#000;transition:background .2s ease}#contact input[type=submit]:active,#contact textarea[type=submit]:active{background:rgb(207.4,164.2,11.4)}#contact input[type=reset],#contact textarea[type=reset]{display:inline-block;margin-left:1rem;width:120px;cursor:pointer;border:none;margin-top:1rem;background:#aaa;color:#fff}#contact textarea{width:100%;height:200px}@keyframes checkbox_in{0%{transform:scale(0)}80%{transform:scale(3.1)}100%{transform:scale(2.4)}}.rules-content{position:relative;margin-top:2rem;padding:.5rem;height:320px;overflow-y:scroll;box-shadow:inset 0em -0.9em .8em -18px}.rules-content:after{content:"";display:block;position:absolute;bottom:0;z-index:100;height:.8em;background-color:#fff;margin:0 .2em}.rules-content p{background:color-mix(in sRGB, #111 30%, #fff);color:#fff;padding:.75rem;font-weight:bold}.rules-content ul{font-size:.85em;color:#333;padding:1rem;list-style-position:inside}footer{position:relative;width:100%;background:#fcfcfc;margin-top:6rem;text-align:center}footer:before{position:absolute;top:-50px;content:"";display:block;width:100%;height:50px;background:url(../image/wave-pt.png) bottom repeat-x}footer:after{position:absolute;top:0;content:"";display:block;width:100%;height:7px;background-color:#ccc}footer .footer-logo img{max-width:380px;height:auto}footer .footer-sns{font-size:1.3em;font-weight:bold;display:flex;justify-content:center;flex-direction:column;gap:.5rem}@media screen and (min-width: 992px){footer .footer-sns{flex-direction:row}}footer .sns-x,footer .sns-facebook,footer .sns-line{display:inline-block;width:60px;height:60px;margin-top:.5rem;background:#fff;border-radius:50%}footer .sns-x img,footer .sns-facebook img,footer .sns-line img{width:40px;height:100%}footer .sns-x{background:#0f1419}footer .sns-facebook{background:#4267b2}footer .sns-line{background:#06c755}footer .sns-x:hover,footer .sns-facebook:hover,footer .sns-line:hover{animation:button_roll .8s ease forwards}footer .credit{padding-top:1.2rem;padding-bottom:1.2rem;background:#bc3134;color:#fff;text-align:center}footer p.partners span:after{display:block;content:""}@media screen and (min-width: 992px){footer p.partners span:after{display:inline;content:"|";padding-left:.5rem;padding-right:.5rem}}footer p.partners span:last-child:after{content:""}footer .copyright{padding-top:.5rem;margin-bottom:.3rem}footer .kansoku{z-index:100;position:fixed;bottom:0;right:-120px;width:90px;height:auto;transition:right .5s ease-in-out}footer .kansoku.show{right:0}footer{display:block;width:100%;font-size:.825em}footer .set{background:#1b1daf;color:#fff;text-align:center;padding:3rem}footer .set p{display:inline-block;padding:.3rem 3rem;background:#fff;color:#1b1daf;font-size:1.1rem;margin-bottom:2rem;border-radius:35px;font-weight:bold}@keyframes button_roll{0%{transform:rotate(0deg)}70%{transform:rotate(374deg)}80%{transform:rotate(360deg)}90%{transform:rotate(367deg)}100%{transform:rotate(360deg)}}@keyframes button_roll_out{0%{transform:rotate(360deg)}100%{transform:rotate(0deg)}}/*# sourceMappingURL=style.css.map */