@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500&display=swap");
html { -ms-scroll-chaining: none; -webkit-text-size-adjust: none; height: 100%; overflow-y: scroll; overscroll-behavior: none; }

body { bottom: 0; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; left: 0; position: relative; right: 0; top: 0; }

@-webkit-keyframes slide_anime { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(30px); transform: translateX(30px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }

@keyframes slide_anime { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(30px); transform: translateX(30px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }

.js_rotate_top { -webkit-transform: rotate(-45deg); background-color: #fff; transform: rotate(-45deg); }

.js_rotate_bottom { -webkit-transform: rotate(45deg); background-color: #fff; transform: rotate(45deg); }

.js_header_hide { -webkit-transform: translateY(-100%); transform: translateY(-100%); }

.js_show { opacity: 1; }

.js_hide { opacity: 0 !important; }

.js_show_nav { -webkit-transform: translate(0); opacity: 1; pointer-events: auto; transform: translate(0); }

.js_show_menubg { height: 100%; opacity: 1; width: 100%; }

.js_bg_color_blk { background: #1A1A1A; }

.js_bg_color_wh { background: #fff; }

.js_bg_color_skin { background: transparent !important; }

.js_current { border-color: #FFEE00 !important; }