@charset "UTF-8";.toppage .bt_flyer{width:100%;height:0.001em;max-width:calc(var(--max_width) + 200px);position:fixed;top:1em;right:0;left:0;margin:0 auto;z-index:var(--z-index-top_bt_flyer)}@media (max-width:1300px){.toppage .bt_flyer{display:none}}@media screen and (max-width:768px){.toppage .bt_flyer{display:block;position:static;padding:0 0.5em;box-sizing:border-box;width:100%;margin:4em 0 1em 0;height:auto}}.toppage .bt_flyer button{width:6.5em;float:right;padding:1em 0.5em;box-sizing:border-box;cursor:pointer;background-color:var(--color_red);color:var(--color_white);border:none;border-radius:1em;text-align:center;font-size:clamp(0.625rem, -0.042rem + 1.39vw, 1.000rem);font-weight:bold;overflow:hidden;position:relative}@media screen and (max-width:768px){.toppage .bt_flyer button{padding:0;width:100%;height:3em;line-height:2.5em;font-size:unset;float:none}}.toppage .bt_flyer button::after{content:'';position:absolute;top:-10%;left:-30%;width:1em;height:100%;transform:scale(2) rotate(20deg);background-image:linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 0%);animation-name:shiny;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media screen and (max-width:768px){.toppage .bt_flyer button::after{animation-duration:4s}}.toppage .bt_flyer button:hover{background-color:var(--color_red2)}@keyframes shiny{0%{left:-20%}50%{left:150%}100%{left:150%}}.toppage .bt_flyer button i{font-size:clamp(2.125rem, 1.903rem + 0.46vw, 2.250rem)}@media screen and (max-width:768px){.toppage .bt_flyer button i{padding-left:1em;font-size:clamp(1.625rem, 1.536rem + 0.45vw, 1.750rem)}}.toppage .bt_flyer span{color:var(--color_yellow);font-size:1.2rem;line-height:1rem}@media screen and (max-width:768px){.toppage .bt_flyer span{padding:0;font-size:unset;float:none}}@media screen and (max-width:768px){.toppage .user-point{margin:0.5em}.toppage .new-user{margin:4em 0.5em 1em 0.5em}}.toppage .button_wrap{display:flex;justify-content:end}.toppage .button_wrap .button_a{width:25%}.toppage .button_wrap .button_a:has(> :nth-child(2)){width:51.5%;display:flex;justify-content:space-between;gap:1em}@media screen and (max-width:768px){.toppage .button_wrap .button_a:has(> :nth-child(2)){width:100%;flex-wrap:wrap}}.toppage .button_wrap .button_a:has(> :nth-child(3)){width:82.35%;display:flex;justify-content:space-between;gap:1em}@media screen and (max-width:768px){.toppage .button_wrap .button_a:has(> :nth-child(3)){width:100%;flex-wrap:wrap}}.toppage .button_wrap .button_a .bt_select,.toppage .button_wrap .button_a .bt_base{width:100%;margin-bottom:1em}@media screen and (max-width:768px){.toppage .button_wrap .button_a{width:100%;padding:1em 0;box-sizing:border-box}}.toppage .usamart_area{width:100%;margin:3em 0}@media screen and (max-width:768px){.toppage .usamart_area{padding:0 1em;box-sizing:border-box}}.toppage .usamart_area h2{padding:1em 0}.toppage .usamart_area h2::before{content:"";background-size:contain;background-image:url(/assets/img/top/h_usamart.png);display:inline-block;height:2em;width:2em;margin-right:0.2em;vertical-align:middle}.toppage .usamart_area .mart_b1{width:100%;justify-content:space-between;display:flex;flex-wrap:wrap}.toppage .usamart_area .mart_b1 p{width:50%}@media screen and (max-width:768px){.toppage .usamart_area .mart_b1 p{width:100%;margin:0.5em 0}}.toppage .usamart_area .mart_b1 a{width:50%;margin-top:-3em}@media screen and (max-width:768px){.toppage .usamart_area .mart_b1 a{display:none}}.toppage .usamart_area .mart_b1 a img{width:100%}.toppage .usamart_area .mart_b1 a img:hover{opacity:0.8;scale:0.95;transition:0.3s ease}@media screen and (max-width:768px){.toppage .usamart_area .mart_b1 a img:hover{scale:unset;transition:none;opacity:1}}.toppage .usamart_area .mart_b2{width:100%;margin:3em 0;justify-content:space-between;display:flex;flex-wrap:wrap;align-items:center}@media screen and (max-width:768px){.toppage .usamart_area .mart_b2{margin:1em 0}}.toppage .usamart_area .mart_b2 .link{width:30%;background-color:var(--color_white);box-sizing:border-box;padding:1em;border-radius:1em;box-shadow:0.5em 0.5em 2em -0.5em var(--color_gray)}@media screen and (max-width:768px){.toppage .usamart_area .mart_b2 .link{width:100%;padding:0.5em}}.toppage .usamart_area .mart_b2 .link a{text-decoration:none;text-align:center;color:var(--color_black)}.toppage .usamart_area .mart_b2 .link a:hover{opacity:0.8}@media screen and (max-width:768px){.toppage .usamart_area .mart_b2 .link a:hover{opacity:1}}.toppage .usamart_area .mart_b2 .link a img:hover{scale:0.95;transition:0.3s ease}@media screen and (max-width:768px){.toppage .usamart_area .mart_b2 .link a img:hover{scale:unset;transition:none}}@media screen and (max-width:768px){.toppage .usamart_area .mart_b2 .link a img{width:80%;margin:0 auto}}.toppage .usamart_area .mart_b2 .link a p{margin:1em auto;display:flex;justify-content:center;width:100%}.toppage .usamart_area .mart_b2 .link a p::after{font-family:"Font Awesome 6 Free";font-weight:900;padding:0 0 0 0.5em;content:"\f101";font-size:2em;color:var(--color_red);display:inline-block;animation:shake 0.8s ease-in-out infinite}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-0.2em)}50%{transform:translateX(0.2em)}75%{transform:translateX(-0.2em)}100%{transform:translateX(0)}}.toppage .usamart_area .mart_b2 .link2{width:65%;box-sizing:border-box;padding:1em;border-radius:1em;background-color:var(--color_white);box-shadow:0.5em 0.5em 2em -0.5em var(--color_gray)}@media screen and (max-width:768px){.toppage .usamart_area .mart_b2 .link2{width:100%;margin:1em 0;padding:0.5em}}.toppage .usamart_area .mart_b2 .link2 ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1em}.toppage .usamart_area .mart_b2 .link2 ul li a img{width:100%}.toppage .usamart_area .mart_b2 .link2 ul li a img:hover{opacity:0.8;scale:0.95;transition:0.3s ease}@media screen and (max-width:768px){.toppage .usamart_area .mart_b2 .link2 ul li a img:hover{scale:unset;transition:none;opacity:1}}.toppage .usamart_area .mart_b3,.toppage .usamart_area .mart_b4{width:100%;margin:0 0 2em 0;display:inline-block}.toppage .usamart_area .mart_b3 .txt,.toppage .usamart_area .mart_b4 .txt{width:100%;text-align:center;margin:2em 0}.toppage .usamart_area .mart_b3 ul,.toppage .usamart_area .mart_b4 ul{width:100%;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:1em}@media screen and (max-width:768px){.toppage .usamart_area .mart_b3 ul,.toppage .usamart_area .mart_b4 ul{justify-content:space-between;gap:0.5em 0}}.toppage .usamart_area .mart_b3 ul li,.toppage .usamart_area .mart_b4 ul li{width:32%}@media screen and (max-width:768px){.toppage .usamart_area .mart_b3 ul li,.toppage .usamart_area .mart_b4 ul li{width:49%}}.toppage .usamart_area .mart_b3 ul li img,.toppage .usamart_area .mart_b4 ul li img{clip-path:inset(0 round 1em)}.toppage .usamart_area .mart_b3 ul li a img:hover,.toppage .usamart_area .mart_b4 ul li a img:hover{opacity:0.8;scale:0.95;transition:0.3s ease}@media screen and (max-width:768px){.toppage .usamart_area .mart_b3 ul li a img:hover,.toppage .usamart_area .mart_b4 ul li a img:hover{scale:unset;transition:none;opacity:1}}@media screen and (max-width:768px){.toppage .usamart_area .mart_b3 ul li a img,.toppage .usamart_area .mart_b4 ul li a img{transition-delay:0s}}.toppage .usamart_area .mart_b3 ul li:nth-child(3n + 2) img,.toppage .usamart_area .mart_b4 ul li:nth-child(3n + 2) img{transition-delay:0.4s}@media screen and (max-width:768px){.toppage .usamart_area .mart_b3 ul li:nth-child(3n + 2) img,.toppage .usamart_area .mart_b4 ul li:nth-child(3n + 2) img{transition-delay:0s}}.toppage .usamart_area .mart_b3 ul li:nth-child(3n) img,.toppage .usamart_area .mart_b4 ul li:nth-child(3n) img{transition-delay:0.8s}@media screen and (max-width:768px){.toppage .usamart_area .mart_b3 ul li:nth-child(3n) img,.toppage .usamart_area .mart_b4 ul li:nth-child(3n) img{transition-delay:0s}}.toppage .usamart_area .mart_b4 ul li{width:15%}@media screen and (max-width:768px){.toppage .usamart_area .mart_b4 .mart_b4_wrap{width:100%;overflow-x:scroll;scrollbar-color:var(--color_red) var(--color_red2);background-color:var(--color_white);padding:1em 0}.toppage .usamart_area .mart_b4 .mart_b4_wrap ul{width:250%}.toppage .usamart_area .mart_b4 .mart_b4_wrap ul li{width:16%}}.toppage .youtube_area{width:100%;margin:3em 0}@media screen and (max-width:768px){.toppage .youtube_area{padding:0 1em;box-sizing:border-box}}.toppage .youtube_area h2{padding:1em 0}.toppage .youtube_area h2::before{content:"";background-size:contain;background-image:url(/assets/img/top/h_youtube.png);display:inline-block;height:2em;width:2em;margin-right:0.4em;vertical-align:middle}.toppage .youtube_area .y_wrap{width:100%;display:flex;justify-content:space-between}@media screen and (max-width:768px){.toppage .youtube_area .y_wrap{justify-content:unset;flex-wrap:wrap}}.toppage .youtube_area .y_wrap .youtube{width:65%}@media screen and (max-width:768px){.toppage .youtube_area .y_wrap .youtube{width:100%}}.toppage .youtube_area .y_wrap .youtube .movie{width:100%;height:0;padding-bottom:56.25%;position:relative}.toppage .youtube_area .y_wrap .youtube .movie iframe{width:100%;height:100%;position:absolute;top:0;left:0}.toppage .youtube_area .y_wrap .youtube ul{list-style:none;width:100%;padding:0;margin:0.5em 0 0 0;display:flex;flex-wrap:wrap;justify-content:end}@media screen and (max-width:768px){.toppage .youtube_area .y_wrap .youtube ul{justify-content:start}}.toppage .youtube_area .y_wrap .youtube ul li{padding-right:1em}@media screen and (max-width:768px){.toppage .youtube_area .y_wrap .youtube ul li{padding:1em 0 0 0}}.toppage .youtube_area .y_wrap .youtube ul li a{text-decoration:none;color:var(--color_black)}.toppage .youtube_area .y_wrap .youtube ul li a:hover{text-decoration:underline}.toppage .youtube_area .y_wrap .youtube .about{width:100%;display:flex;margin:1em 0}@media screen and (max-width:768px){.toppage .youtube_area .y_wrap .youtube .about{margin:2em 0}}.toppage .youtube_area .y_wrap .youtube .about::before{content:"";background-size:contain;background-image:url(/assets/img/top/usapit.png);background-repeat:no-repeat;display:inline-block;width:15%;background-position:center;vertical-align:middle}@media screen and (max-width:768px){.toppage .youtube_area .y_wrap .youtube .about::before{width:20%;background-position:10% 0}}.toppage .youtube_area .y_wrap .youtube .about p{width:80%;background-color:var(--color_white);border:solid 0.01em var(--color_black);border-radius:1em;padding:1em;position:relative;box-shadow:0.5em 0.5em 2em -0.5em var(--color_gray)}@media screen and (max-width:768px){.toppage .youtube_area .y_wrap .youtube .about p{width:80%}}.toppage .youtube_area .y_wrap .youtube .about p::before,.toppage .youtube_area .y_wrap .youtube .about p::after{position:absolute;left:-1em;top:1.5em;width:1em;height:2em;clip-path:polygon(0 50%, 100% 0, 100% 100%);content:""}.toppage .youtube_area .y_wrap .youtube .about p::before{background-color:var(--color_black)}.toppage .youtube_area .y_wrap .youtube .about p::after{background-color:var(--color_white);left:-0.95em}.toppage .youtube_area .y_wrap .banners{width:30%}@media screen and (max-width:768px){.toppage .youtube_area .y_wrap .banners{width:100%}}.toppage .youtube_area .y_wrap .banners ul{width:100%;justify-content:center;display:flex;list-style:none;margin:0;padding:0;flex-wrap:wrap}@media screen and (max-width:768px){.toppage .youtube_area .y_wrap .banners ul{justify-content:space-between}}.toppage .youtube_area .y_wrap .banners ul li{margin-bottom:1em}@media screen and (max-width:768px){.toppage .youtube_area .y_wrap .banners ul li{width:49%;margin:0}}.toppage .youtube_area .y_wrap .banners ul li img{clip-path:inset(0 round 1em)}.toppage .youtube_area .y_wrap .banners ul li a:hover{opacity:0.8}@media screen and (max-width:768px){.toppage .youtube_area .y_wrap .banners ul li a:hover{opacity:1}}.toppage .youtube_area .y_wrap .banners ul li a:hover img{scale:0.95;transition:0.3s ease}@media screen and (max-width:768px){.toppage .youtube_area .y_wrap .banners ul li a:hover img{scale:unset;transition:none}}.toppage .usappy_area{width:100%;margin:3em 0}@media screen and (max-width:768px){.toppage .usappy_area{padding:0 1em;box-sizing:border-box}}.toppage .usappy_area h2.ft_exlarge{padding:1em 0}.toppage .usappy_area h2.ft_exlarge::before{content:"";background-size:contain;background-image:url(/assets/img/top/h_usappy.png);display:inline-block;height:2em;width:2em;margin-right:0.2em;vertical-align:middle}.toppage .usappy_area .minigame,.toppage .usappy_area .services{width:100%;margin:2em 0;display:inline-block}.toppage .usappy_area .minigame h3,.toppage .usappy_area .services h3{width:fit-content}.toppage .usappy_area .minigame ul,.toppage .usappy_area .services ul{width:90%;margin:1em auto;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:2em 2.6%}@media screen and (max-width:768px){.toppage .usappy_area .minigame ul,.toppage .usappy_area .services ul{gap:2em 0;width:100%;justify-content:space-between}}.toppage .usappy_area .minigame ul li,.toppage .usappy_area .services ul li{width:23%;text-align:center}@media screen and (max-width:768px){.toppage .usappy_area .minigame ul li,.toppage .usappy_area .services ul li{width:48%}}.toppage .usappy_area .minigame ul li h4,.toppage .usappy_area .services ul li h4{width:fit-content;margin:0.5em auto 0.2em auto}.toppage .usappy_area .minigame ul li a,.toppage .usappy_area .services ul li a{text-decoration:none;color:var(--color_black)}.toppage .usappy_area .minigame ul li a img:hover,.toppage .usappy_area .services ul li a img:hover{opacity:0.8;scale:0.95;transition:0.3s ease}@media screen and (max-width:768px){.toppage .usappy_area .minigame ul li a img:hover,.toppage .usappy_area .services ul li a img:hover{scale:unset;transition:none;opacity:1}}.toppage .usappy_area .minigame ul li img,.toppage .usappy_area .services ul li img{width:80%;margin:0 auto}.toppage .usappy_area .minigame .about,.toppage .usappy_area .services .about{width:80%;margin:3em auto;display:flex}@media screen and (max-width:768px){.toppage .usappy_area .minigame .about,.toppage .usappy_area .services .about{width:100%}}.toppage .usappy_area .minigame .about::before,.toppage .usappy_area .services .about::before{content:"";background-size:contain;background-image:url(/assets/img/top/mg_usappy.png);background-repeat:no-repeat;display:inline-block;width:15%;background-position:center;vertical-align:middle;animation:fluffy 3s infinite}@media screen and (max-width:768px){.toppage .usappy_area .minigame .about::before,.toppage .usappy_area .services .about::before{width:20%;background-position:10% 0}}.toppage .usappy_area .minigame .about p,.toppage .usappy_area .services .about p{width:70%;background-color:var(--color_white);border:solid 0.01em var(--color_black);border-radius:1em;padding:1em;position:relative;box-shadow:0.5em 0.5em 2em -0.5em var(--color_gray)}@media screen and (max-width:768px){.toppage .usappy_area .minigame .about p,.toppage .usappy_area .services .about p{width:80%}}.toppage .usappy_area .minigame .about p::before,.toppage .usappy_area .minigame .about p::after,.toppage .usappy_area .services .about p::before,.toppage .usappy_area .services .about p::after{position:absolute;left:-1em;top:1.5em;width:1em;height:2em;clip-path:polygon(0 50%, 100% 0, 100% 100%);content:""}.toppage .usappy_area .minigame .about p::before,.toppage .usappy_area .services .about p::before{background-color:var(--color_black)}.toppage .usappy_area .minigame .about p::after,.toppage .usappy_area .services .about p::after{background-color:var(--color_white);left:-0.95em}.toppage .usappy_area .minigame .about::after,.toppage .usappy_area .services .about::after{content:"";background-size:contain;background-image:url(/assets/img/top/mg_usacky.png);display:inline-block;background-repeat:no-repeat;display:inline-block;width:15%;background-position:center;vertical-align:middle;animation:fluffy 2.5s infinite}@media screen and (max-width:768px){.toppage .usappy_area .minigame .about::after,.toppage .usappy_area .services .about::after{content:unset;width:0}}@keyframes fluffy{0% ,100%{transform:translateY(0)}50%{transform:translateY(-1em)}}.toppage .usappy_area .services ul li p{padding:0.5em 0}@media screen and (max-width:768px){.toppage .usappy_area .services ul li p{text-align:left}}@media screen and (max-width:768px){.toppage .usappy_area .services ul li.mart{margin:0 auto}}.toppage .usappy_area .exchange{width:100%;box-sizing:border-box;padding:2em;margin:2em 0;border-radius:2em;box-shadow:0.5em 0.5em 2em -0.5em var(--color_gray);background-color:var(--color_white);display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width:768px){.toppage .usappy_area .exchange{padding:1em;align-items:flex-start}}.toppage .usappy_area .exchange .tex{width:40%}@media screen and (max-width:768px){.toppage .usappy_area .exchange .tex{width:100%;margin-top:1em}}.toppage .usappy_area .exchange .tex p{padding-top:2em}@media screen and (max-width:768px){.toppage .usappy_area .exchange .tex p{padding-top:2em 1em}}.toppage .usappy_area .exchange .tex p span{color:var(--color_blue);text-decoration:underline;cursor:pointer}.toppage .usappy_area .exchange .img{width:50%}.toppage .usappy_area .exchange .img ul{list-style:none;width:100%;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0.5em 2em}@media screen and (max-width:768px){.toppage .usappy_area .exchange .img ul{gap:0 3em;justify-content:center;margin:2em 0}}.toppage .usappy_area .exchange .img ul li{width:28%}@media screen and (max-width:768px){.toppage .usappy_area .exchange .img ul li{width:40%}}.toppage .usappy_area .exchange .img ul li img{width:100%}@media screen and (max-width:768px){.toppage .usappy_area .exchange .img{width:100%}}.toppage .usappy_area .usa_ban{width:100%;margin:3em 0;display:inline-block}@media screen and (max-width:768px){.toppage .usappy_area .usa_ban{margin:1em 0}}.toppage .usappy_area .usa_ban ul{list-style:none;width:100%;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:0 2em}@media screen and (max-width:768px){.toppage .usappy_area .usa_ban ul{gap:1em 0}}.toppage .usappy_area .usa_ban ul li{width:30%}.toppage .usappy_area .usa_ban ul li img:hover{opacity:0.8;scale:0.95;transition:0.3s ease}@media screen and (max-width:768px){.toppage .usappy_area .usa_ban ul li img:hover{scale:unset;transition:none;opacity:1}}@media screen and (max-width:768px){.toppage .usappy_area .usa_ban ul li{width:100%}}.toppage .usappy_area .usappycard{width:100%;margin:2em 0;display:inline-block}@media screen and (max-width:768px){.toppage .usappy_area .usappycard{margin:1em 0 0 0}}.toppage .usappy_area .usappycard h2{width:100%;margin-bottom:2em}@media screen and (max-width:768px){.toppage .usappy_area .usappycard h2{margin-bottom:1em}}.toppage .usappy_area .usappycard .card_wrap{width:100%;margin:2em 0 0 0;display:inline-flex;justify-content:space-between;flex-wrap:wrap}.toppage .usappy_area .usappycard .card_wrap .blcok1,.toppage .usappy_area .usappycard .card_wrap .blcok2{width:48%;display:flex;justify-content:space-between;align-items:center;background-color:var(--color_white);box-sizing:border-box;padding:1em;border-radius:1em;box-shadow:0.5em 0.5em 2em -0.5em var(--color_gray)}@media screen and (max-width:768px){.toppage .usappy_area .usappycard .card_wrap .blcok1,.toppage .usappy_area .usappycard .card_wrap .blcok2{width:100%;margin-bottom:2em;padding:1em 0.5em}}.toppage .usappy_area .usappycard .card_wrap .blcok1 .tex,.toppage .usappy_area .usappycard .card_wrap .blcok2 .tex{width:65%}@media screen and (max-width:768px){.toppage .usappy_area .usappycard .card_wrap .blcok1 .tex,.toppage .usappy_area .usappycard .card_wrap .blcok2 .tex{width:68%}}.toppage .usappy_area .usappycard .card_wrap .blcok1 .tex p,.toppage .usappy_area .usappycard .card_wrap .blcok2 .tex p{padding:0 0 1em 0}.toppage .usappy_area .usappycard .card_wrap .blcok1 .img,.toppage .usappy_area .usappycard .card_wrap .blcok2 .img{width:35%}@media screen and (max-width:768px){.toppage .usappy_area .usappycard .card_wrap .blcok1 .img,.toppage .usappy_area .usappycard .card_wrap .blcok2 .img{width:32%}}
