@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Outfit:wght@100..900&display=swap');

*, *::before, *::after { box-sizing: border-box; }

:root{
    --c_white:#fff;
    --c_dark: #000;
    --c_base: #151515;
    --c_light:#fff;
    --c_main: #e60012;
    --font_jp: "Noto Sans JP", sans-serif;
    --font_en: "Outfit", "Noto Sans", "Noto Sans JP", sans-serif;
    --font-style: normal;

  /* SVG画像読み込み */
  --svg-logout-pc: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMTYiIGhlaWdodD0iNTYiIGZpbGw9Im5vbmUiPjxyZWN0IHdpZHRoPSIyMTMiIGhlaWdodD0iNTMiIHg9IjEuNSIgeT0iMS41IiBmaWxsPSIjZmYyNzMxIiBzdHJva2U9IiMwMjAwMDAiIHN0cm9rZS13aWR0aD0iMyIgcng9IjYuNSIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik01OS41IDM2VjE5aDQuM3YxN3ptMy40IDB2LTMuN2g4LjJWMzZ6bTE4LjcuM2ExMCAxMCAwIDAgMS02LjUtMi41IDkgOSAwIDAgMS0yLjYtNi4zIDkgOSAwIDAgMSAyLjYtNi4zcTEuMi0xLjIgMi44LTEuOSAxLjgtLjYgMy43LS42YTEwIDEwIDAgMCAxIDYuNSAyLjVxMS4yIDEuMiAxLjkgMi44dC43IDMuNWE5IDkgMCAwIDEtMi42IDYuMyA5IDkgMCAwIDEtNi41IDIuNW0wLTMuOHExLjUgMCAyLjUtLjd0MS42LTEuNy42LTIuNnEwLTEuMi0uNC0yLS4zLTEtLjktMS42dC0xLjUtMWE1IDUgMCAwIDAtMi0uNHEtMS4zIDAtMi40LjZhNCA0IDAgMCAwLTEuNyAxLjdRNzcgMjYgNzcgMjcuNXEwIDEgLjMgMnQxIDEuNmE0IDQgMCAwIDAgMy40IDEuNG0yMC43IDMuOHEtMiAwLTMuNi0uN3QtMy0xLjlBOSA5IDAgMCAxIDk0IDMxYTkgOSAwIDAgMSAyLTkuOCA5LjggOS44IDAgMCAxIDYuNi0yLjVxMi4zIDAgNCAuOCAyIC44IDMgMi4ybC0yLjggMi45YTYgNiAwIDAgMC0xLjktMS41cS0xLS42LTIuNC0uNmE1IDUgMCAwIDAtMi41LjdxLTEgLjYtMS43IDEuN2E1IDUgMCAwIDAtLjcgMi42cTAgMS40LjYgMi42YTUgNSAwIDAgMCA0LjIgMi4zcTEuNSAwIDIuMy0uNSAxLS41IDEuNS0xLjV0LjYtMi40bDIuOSAxLjktNy44LS4ydi0zLjVoOS4ydi42cTAgMy0xLjEgNS4yYTggOCAwIDAgMS0zLjEgMy4ycS0yIDEtNC41IDFtMjAuMiAwYTEwIDEwIDAgMCAxLTYuNS0yLjUgOSA5IDAgMCAxLTIuNi02LjMgOSA5IDAgMCAxIDIuNi02LjNxMS4yLTEuMiAyLjgtMS45IDEuNy0uNiAzLjctLjZhMTAgMTAgMCAwIDEgNi41IDIuNXExLjIgMS4yIDEuOSAyLjh0LjcgMy41YTkgOSAwIDAgMS0yLjYgNi4zIDkgOSAwIDAgMS02LjUgMi41bTAtMy44cTEuNSAwIDIuNS0uN3QxLjYtMS43LjYtMi42cTAtMS4yLS40LTItLjMtMS0uOS0xLjZ0LTEuNS0xYTUgNSAwIDAgMC0yLS40cS0xLjQgMC0yLjQuNmE0IDQgMCAwIDAtMS43IDEuN3EtLjUgMS4yLS41IDIuNyAwIDEgLjMgMnQxIDEuNmE0IDQgMCAwIDAgMy40IDEuNG0xOS4yIDMuOGE4IDggMCAwIDEtMy44LTFxLTEuNy0uOC0yLjYtMi40dC0uOS0zLjdWMTloNC4zdjEwLjVxMCAxIC40IDEuNi4zLjcgMSAxdDEuNi4zIDEuNS0uMyAxLTFxLjQtLjYuNC0xLjZWMTloNC4zdjEwLjJxMCAyLS45IDMuNy0uOSAxLjYtMi41IDIuNXQtMy44LjltMTUtLjNWMTkuMWg0LjNWMzZ6bS01LjItMTMuM1YxOWgxNC43djMuN3oiLz48cmVjdCB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIHg9IjExIiB5PSIxMSIgZmlsbD0iI2ZmZiIgcng9IjciLz48cmVjdCB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIHg9IjExIiB5PSIxMSIgc3Ryb2tlPSIjMDIwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHJ4PSI3Ii8+PHBhdGggc3Ryb2tlPSIjZmYyNzMxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMjIuOSAyOC41IDIwIDIzLjdxLS40LS44LS4zLTEuN3QuOC0xLjMgMS41LS4xcS45LjQgMS40IDFtMi4zIDQtMy41LTUuOXEtLjQtLjctLjMtMS42dC44LTEuMyAxLjUtLjFxLjkuMiAxLjMgMWwxLjIgMm0wIDAgMi42IDQuM20tMi42LTQuM3EtLjQtLjgtLjMtMS43dC44LTEuMyAxLjUtLjFxLjkuNCAxLjQgMWw0LjYgNy44bS0yLjEgNC44Yy0xLTIuMy41LTQuOCAyLTQuOGwuMy0xcS4xLS45LjgtMS4zdDEuNS0uMXEuOC4zIDEuMyAxdC40IDEuNmwtMSA1LjNhNyA3IDAgMCAxLTMuNiA1LjNsLTEuNyAxcS0yLjggMS41LTYuMS41LTMuMy0xLjEtNS4yLTQuM2wtMy41LTUuOHEtLjQtLjgtLjMtMS43dC44LTEuMiAxLjUtLjJxLjkuMyAxLjQgMS4xIi8+PHBhdGggc3Ryb2tlPSIjZmYyNzMxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMzkuNiAyMC44Yy0xLjItMi41LTMuNy0yLjMtMy43LTIuM00xNyAzNS42YzEuOCAzLjkgMy44IDQgMy44IDQiLz48L3N2Zz4=");

  --svg-logout-sp: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NSIgaGVpZ2h0PSIyOCIgZmlsbD0ibm9uZSI+PHJlY3Qgd2lkdGg9IjkzIiBoZWlnaHQ9IjI2IiB4PSIxIiB5PSIxIiBmaWxsPSIjZmYyNzMxIiBzdHJva2U9IiMwMjAwMDAiIHN0cm9rZS13aWR0aD0iMiIgcng9IjUiLz48cmVjdCB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHg9IjguNSIgeT0iNi41IiBmaWxsPSIjZmZmIiByeD0iMy41Ii8+PHJlY3Qgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiB4PSI4LjUiIHk9IjYuNSIgc3Ryb2tlPSIjMDAwIiByeD0iMy41Ii8+PHBhdGggc3Ryb2tlPSIjZmYyNzMxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iLjgiIGQ9Im0xNC4xIDE0LjQtMS0xLjktLjItLjZxMC0uMy4zLS41aC42cS4zIDAgLjUuNG0xIDEuNEwxMy44IDExbC0uMS0uNnEwLS4zLjMtLjVoLjZxLjMgMCAuNS4zbC40LjhtMCAwIDEgMS43bS0xLTEuNy0uMS0uN3EwLS4zLjMtLjR0LjYgMHEuMyAwIC41LjNsMS44IDNtLS44IDEuOGMtLjQtLjguMi0xLjguOC0xLjh2LS40bC40LS41aC42cS4zIDAgLjQuNC4zLjIuMi42bC0uNCAycS0uMSAxLjItMS40IDJsLS42LjRxLTEuMS42LTIuNC4ydC0yLTEuNkwxMi4yIDE0bC0uMS0uNnEwLS4zLjMtLjVoLjZxLjMgMCAuNS40Ii8+PHBhdGggc3Ryb2tlPSIjZmYyNzMxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iLjgiIGQ9Ik0yMC42IDExYy0uMy0uOS0xLjUtMS0xLjUtMU0xMiAxNy4yYy43IDEuNSAxLjQgMS42IDEuNCAxLjYiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjguOCAxOVY5LjhoMi4zVjE5em0xLjkgMHYtMkgzNXYyem0xMCAuMmE1IDUgMCAwIDEtMy40LTEuNCA1IDUgMCAwIDEtMS41LTMuNCA1IDUgMCAwIDEgMS40LTMuNHEuNy0uNyAxLjYtMXQyLS40YTUgNSAwIDAgMSAzLjUgMS40cS42LjcgMSAxLjV0LjQgMS45YTUgNSAwIDAgMS0xLjQgMy40IDUgNSAwIDAgMS0zLjUgMS40bTAtMi4xcS45IDAgMS40LS4zLjYtLjQuOS0xdC4zLTEuNHEwLS42LS4yLTEuMSAwLS41LS41LS45bC0uOC0uNXEtLjQtLjItMS0uMi0uOSAwLTEuNC4zLS42LjMtLjkgMWwtLjMgMS40cTAgLjYuMiAxLjFsLjUuOWEyIDIgMCAwIDAgMS45LjdNNTIgMTlxLTEgMC0yLS4zbC0xLjUtMXEtLjctLjctMS0xLjVhNSA1IDAgMCAxIDEtNS4zcS43LS43IDEuNi0xdDItLjRxMS4yIDAgMi4yLjV0MS42IDEuMmwtMS41IDEuNS0xLS44cS0uNi0uMy0xLjMtLjN0LTEuNC4zbC0xIDFxLS4zLjYtLjMgMS40dC4zIDEuNEEzIDMgMCAwIDAgNTIgMTdxLjggMCAxLjMtLjNsLjgtLjhxLjMtLjYuMy0xLjNsMS41IDEtNC4yLS4xdi0yaDV2LjRhNiA2IDAgMCAxLS42IDIuOHEtLjYgMS4yLTEuNyAxLjhhNSA1IDAgMCAxLTIuNC41bTExIDBhNSA1IDAgMCAxLTMuNi0xLjMgNSA1IDAgMCAxLTEuNC0zLjQgNSA1IDAgMCAxIDEuNC0zLjRxLjYtLjcgMS42LTF0Mi0uNGE1IDUgMCAwIDEgMy40IDEuNHEuNy43IDEgMS41dC40IDEuOWE1IDUgMCAwIDEtMS40IDMuNCA1IDUgMCAwIDEtMy41IDEuNG0wLTJxLjcgMCAxLjMtLjNsLjktMXEuMy0uNi4zLTEuNCAwLS42LS4yLTEuMWwtLjUtLjktLjgtLjVxLS41LS4yLTEtLjItLjkgMC0xLjQuMy0uNi4zLTEgMWwtLjIgMS40LjEgMS4xLjYuOWEyIDIgMCAwIDAgMS44LjdtMTAuMyAycS0xLjIgMC0yLS40dC0xLjQtMS40YTQgNCAwIDAgMS0uNS0yVjkuOGgyLjN2NS43cTAgLjUuMi44bC42LjYuOC4ycS41IDAgLjgtLjIuNS0uMS42LS42bC4yLS44VjkuOGgyLjR2NS41YTQgNCAwIDAgMS0uNSAycS0uNS45LTEuNCAxLjQtMSAuNC0yIC40bTguMi0uMVY5LjhoMi4zVjE5em0tMi45LTcuMnYtMmg4djJ6Ii8+PC9zdmc+");

  --svg-login-pc: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMTYiIGhlaWdodD0iNTYiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNmZjI3MzEiIHN0cm9rZT0iIzAyMDAwMCIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNOCAxLjVoMjAwYzMuNiAwIDYuNSAzIDYuNSA2LjV2NDBjMCAzLjYtMyA2LjUtNi41IDYuNUg4Yy0zLjYgMC02LjUtMy02LjUtNi41VjhjMC0zLjYgMy02LjUgNi41LTYuNVoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNTkuNSAzNlYxOWg0LjN2MTd6bTMuNCAwdi0zLjdoOC4yVjM2em0xOC43LjNhMTAgMTAgMCAwIDEtNi41LTIuNSA5IDkgMCAwIDEtMi42LTYuMyA5IDkgMCAwIDEgMi42LTYuM3ExLjItMS4yIDIuOC0xLjkgMS44LS42IDMuNy0uNmExMCAxMCAwIDAgMSA2LjUgMi41cTEuMiAxLjIgMS45IDIuOHQuNyAzLjVhOSA5IDAgMCAxLTIuNiA2LjMgOSA5IDAgMCAxLTYuNSAyLjVtMC0zLjhxMS41IDAgMi41LS43dDEuNi0xLjcuNi0yLjZxMC0xLjItLjQtMi0uMy0xLS45LTEuNnQtMS41LTFhNSA1IDAgMCAwLTItLjRxLTEuMyAwLTIuNC42YTQgNCAwIDAgMC0xLjcgMS43UTc3IDI2IDc3IDI3LjVxMCAxIC4zIDJ0MSAxLjZhNCA0IDAgMCAwIDMuNCAxLjRtMjAuNyAzLjhxLTIgMC0zLjYtLjd0LTMtMS45QTkgOSAwIDAgMSA5NCAzMWE5IDkgMCAwIDEgMi05LjggOS44IDkuOCAwIDAgMSA2LjYtMi41cTIuMyAwIDQgLjggMiAuOCAzIDIuMmwtMi44IDIuOWE2IDYgMCAwIDAtMS45LTEuNXEtMS0uNi0yLjQtLjZhNSA1IDAgMCAwLTIuNS43cS0xIC42LTEuNyAxLjdhNSA1IDAgMCAwLS43IDIuNnEwIDEuNC42IDIuNmE1IDUgMCAwIDAgNC4yIDIuM3ExLjUgMCAyLjMtLjUgMS0uNSAxLjUtMS41dC42LTIuNGwyLjkgMS45LTcuOC0uMnYtMy41aDkuMnYuNnEwIDMtMS4xIDUuMmE4IDggMCAwIDEtMy4xIDMuMnEtMiAxLTQuNSAxTTExNCAzNlYxOWg0LjN2MTd6bTguMyAwVjE5aDNsMS4yIDMuNVYzNnptMTEuNyAwLTEwLTEyLjYgMS4zLTQuNCAxMCAxMi42em0wIDAtMS4xLTMuNlYxOWg0LjN2MTd6Ii8+PHJlY3Qgd2lkdGg9IjM0IiBoZWlnaHQ9IjM0IiB4PSIxMSIgeT0iMTEiIGZpbGw9IiNmZmYiIHJ4PSI3Ii8+PHJlY3Qgd2lkdGg9IjM0IiBoZWlnaHQ9IjM0IiB4PSIxMSIgeT0iMTEiIHN0cm9rZT0iIzAyMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiByeD0iNyIvPjxwYXRoIGZpbGw9IiNmZjI3MzEiIGQ9Ik0yNy4yIDM3YTEgMSAwIDAgMS0uOC44aC02LjVhMSAxIDAgMCAxLS44LS45VjE5LjFhMSAxIDAgMCAxIC44LS45aDYuNWEuOC44IDAgMSAxIDAgMS43aC01LjdWMzZoNS43YTEgMSAwIDAgMSAuOC44bTExLjEtOS42LTQtNGEuOC44IDAgMSAwLTEuMiAxLjFsMi43IDIuN2gtOS40YS44LjggMCAxIDAgMCAxLjZoOS40TDMzIDMxLjVhLjguOCAwIDEgMCAxLjIgMS4xbDQtNGExIDEgMCAwIDAgMC0xLjIiLz48L3N2Zz4=");

  --svg-login-sp: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NSIgaGVpZ2h0PSIyOCIgZmlsbD0ibm9uZSI+PHJlY3Qgd2lkdGg9IjkzIiBoZWlnaHQ9IjI2IiB4PSIxIiB5PSIxIiBmaWxsPSIjZmYyNzMxIiBzdHJva2U9IiMwMjAwMDAiIHN0cm9rZS13aWR0aD0iMiIgcng9IjUiLz48cmVjdCB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHg9IjguNSIgeT0iNi41IiBmaWxsPSIjZmZmIiByeD0iMy41Ii8+PHJlY3Qgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiB4PSI4LjUiIHk9IjYuNSIgc3Ryb2tlPSIjMDAwIiByeD0iMy41Ii8+PHBhdGggZmlsbD0iI2ZmMjczMSIgZD0ibTE1LjYgMTguMS0uMy40aC0zYS40LjQgMCAwIDEtLjQtLjRWMTBsLjMtLjRoM2EuNC40IDAgMCAxIDAgLjhoLTIuNnY3LjVoMi43em01LjItNC40LTItMS44YS40LjQgMCAxIDAtLjQuNWwxLjIgMS4yaC00LjRhLjQuNCAwIDAgMCAwIC44aDQuNGwtMS4yIDEuMmEuNC40IDAgMSAwIC41LjVsMS45LTEuOGEuNC40IDAgMCAwIDAtLjYiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjguOCAxOVY5LjhoMi4zVjE5em0xLjkgMHYtMkgzNXYyem0xMCAuMmE1IDUgMCAwIDEtMy40LTEuNCA1IDUgMCAwIDEtMS41LTMuNCA1IDUgMCAwIDEgMS40LTMuNHEuNy0uNyAxLjYtMXQyLS40YTUgNSAwIDAgMSAzLjUgMS40cS42LjcgMSAxLjV0LjQgMS45YTUgNSAwIDAgMS0xLjQgMy40IDUgNSAwIDAgMS0zLjUgMS40bTAtMi4xcS45IDAgMS40LS4zLjYtLjQuOS0xdC4zLTEuNHEwLS42LS4yLTEuMSAwLS41LS41LS45bC0uOC0uNXEtLjQtLjItMS0uMi0uOSAwLTEuNC4zLS42LjMtLjkgMWwtLjMgMS40cTAgLjYuMiAxLjFsLjUuOWEyIDIgMCAwIDAgMS45LjdNNTIgMTlxLTEgMC0yLS4zbC0xLjUtMXEtLjctLjctMS0xLjVhNSA1IDAgMCAxIDEtNS4zcS43LS43IDEuNi0xdDItLjRxMS4yIDAgMi4yLjV0MS42IDEuMmwtMS41IDEuNS0xLS44cS0uNi0uMy0xLjMtLjN0LTEuNC4zbC0xIDFxLS4zLjYtLjMgMS40dC4zIDEuNEEzIDMgMCAwIDAgNTIgMTdxLjggMCAxLjMtLjNsLjgtLjhxLjMtLjYuMy0xLjNsMS41IDEtNC4yLS4xdi0yaDV2LjRhNiA2IDAgMCAxLS42IDIuOHEtLjYgMS4yLTEuNyAxLjhhNSA1IDAgMCAxLTIuNC41bTYuMy0uMVY5LjhoMi4zVjE5em00LjUgMFY5LjhoMS42bC43IDEuOVYxOXptNi40IDAtNS40LTYuOC42LTIuNCA1LjQgNi44em0wIDAtLjYtMlY5LjloMi4zVjE5eiIvPjwvc3ZnPg==");

  --svg-join-pc: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMTYiIGhlaWdodD0iNTYiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDhhOCA4IDAgMCAxIDgtOGgyMDBhOCA4IDAgMCAxIDggOHY0MGE4IDggMCAwIDEtOCA4SDhhOCA4IDAgMCAxLTgtOHoiLz48cGF0aCBmaWxsPSIjMDIwMDAwIiBkPSJNMjA4IDUzdjNIOHYtM3ptNS01VjhhNSA1IDAgMCAwLTUtNUg4YTUgNSAwIDAgMC01IDV2NDBhNSA1IDAgMCAwIDUgNXYzaC0uNEE4IDggMCAwIDEgMCA0OFY4YTggOCAwIDAgMSA4LThoMjAwYTggOCAwIDAgMSA4IDh2NDBhOCA4IDAgMCAxLTggOHYtM2E1IDUgMCAwIDAgNS01Ii8+PHBhdGggZmlsbD0iIzAyMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNODEuOSAxOC43YTEwIDEwIDAgMCAxIDYuNSAyLjVxMS4zIDEuMiAxLjkgMi44LjcgMS41LjcgMy41YTkgOSAwIDAgMS0yLjYgNi4zIDkgOSAwIDAgMS02LjUgMi41IDEwIDEwIDAgMCAxLTYuNS0yLjUgOSA5IDAgMCAxLTIuNi02LjMgOSA5IDAgMCAxIDIuNi02LjNxMS4yLTEuMiAyLjktMS45dDMuNi0uNm0wIDMuOHEtMS41IDAtMi41LjZhNCA0IDAgMCAwLTEuNiAxLjdxLS42IDEuMi0uNiAyLjcgMCAxIC4zIDJ0MSAxLjZhNCA0IDAgMCAwIDMuNCAxLjRxMS41IDAgMi41LS43dDEuNi0xLjcuNi0yLjZxMC0xLjItLjMtMi0uMy0xLTEtMS42dC0xLjUtMXoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiMwMjAwMDAiIGQ9Ik03MCAyOS44YTcgNyAwIDAgMS0uOSAzLjVxLS44IDEuNS0yLjMgMi4ydC0zLjUuOHEtMS43IDAtMy0uNi0xLjEtLjYtMi0xLjdsMi43LTIuOHEuNC42IDEgMSAuNi4zIDEuNC4yLjYgMCAxLjEtLjJ0LjgtLjhxLjQtLjYuNC0xLjRWMTlINzB6TTk4LjQgMzZoLTQuM1YxOWg0LjN6TTEwNS40IDE5bDcuNiA5LjdWMTloNC4zdjE3aC0zLjJsLTcuNC05LjVWMzZoLTQuM1YxOXoiLz48cGF0aCBmaWxsPSIjZmYyNzMxIiBkPSJNMzggMTFIMThhNyA3IDAgMCAwLTcgN3YyMGE3IDcgMCAwIDAgNyA3aDIwYTcgNyAwIDAgMCA3LTdWMThhNyA3IDAgMCAwLTctNyIvPjxwYXRoIGZpbGw9IiMwMjAwMDAiIGQ9Ik00NCAxOGE2IDYgMCAwIDAtNi02SDE4YTYgNiAwIDAgMC02IDZ2MjBhNiA2IDAgMCAwIDYgNmgyMGE2IDYgMCAwIDAgNi02em0yIDIwYTggOCAwIDAgMS04IDhIMThhOCA4IDAgMCAxLTgtOFYxOGE4IDggMCAwIDEgOC04aDIwYTggOCAwIDAgMSA4IDh6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTI2LjkgMTguM2E3LjMgNy4zIDAgMCAxIDEwLjIgMCA3IDcgMCAwIDEgMCAxMC4yIDcgNyAwIDAgMS04IDEuNWwtMSAxIC42LjYuMS4ycTEgMS40LS4xIDIuOWwtLjguOHEtMS4xIDEtMi42LjMuNyAxLjQtLjMgMi41bC0uOS44Yy0uOC45LTIuMS45LTMgMGwtLjctLjdxLTEgLjQtMi0uM2wtMS0xcS0xLjMtMS43IDAtMy4xbDgtNy44Yy0xLjEtMi41LS45LTUuNSAxLjUtNy45bTkuMiAxLjFhNiA2IDAgMCAwLTguMiAwIDUuNCA1LjQgMCAwIDAtMS4xIDYuM3EuMy44LS4zIDEuNWwtOCA3LjhxLS40LjUgMCAxbDEgMXEuMi4xLjQgMCAuNi0uNCAxLjEgMGguMWwxIDFxLjUuNCAxIDBsLjgtLjdxLjQtLjUgMC0xbC0uOC0uN3EtLjctLjkgMC0xLjhsLjMtLjJ2LS4xcS45LS42IDEuNiAwbDEgLjlxLjQuMy44IDBsLjgtLjguMS0uMXEuMy0uNSAwLS44bC0uOC0uOHEtLjctLjktLjEtMS42di0uMWwxLjUtMS40cS42LS42IDEuNC0uM2MyIC45IDQuMyAxIDYuNC0xYTUuNiA1LjYgMCAwIDAgMC04bS03LjEgMWE0LjMgNC4zIDAgMCAxIDYgMCA0IDQgMCAwIDEgMCA2IDQuMyA0LjMgMCAwIDEtNiAwIDQgNCAwIDAgMSAwLTZtNSAxLjFjLTEuMS0xLTIuOS0xLTQgMC0xIDEtMSAyLjggMCAzLjggMS4xIDEgMi45IDEgNCAwIDEtMSAxLTIuNyAwLTMuOCIvPjwvc3ZnPg==");

  --svg-mypage-pc: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMTYiIGhlaWdodD0iNTYiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDhhOCA4IDAgMCAxIDgtOGgyMDBhOCA4IDAgMCAxIDggOHY0MGE4IDggMCAwIDEtOCA4SDhhOCA4IDAgMCAxLTgtOHoiLz48cGF0aCBmaWxsPSIjMDIwMDAwIiBkPSJNMjA4IDUzdjNIOHYtM3ptNS01VjhhNSA1IDAgMCAwLTUtNUg4YTUgNSAwIDAgMC01IDV2NDBhNSA1IDAgMCAwIDUgNXYzaC0uNEE4IDggMCAwIDEgMCA0OFY4YTggOCAwIDAgMSA4LThoMjAwYTggOCAwIDAgMSA4IDh2NDBhOCA4IDAgMCAxLTggOHYtM2E1IDUgMCAwIDAgNS01Ii8+PHBhdGggZmlsbD0iI2ZmMjczMSIgZD0iTTM4IDExSDE4YTcgNyAwIDAgMC03IDd2MjBhNyA3IDAgMCAwIDcgN2gyMGE3IDcgMCAwIDAgNy03VjE4YTcgNyAwIDAgMC03LTciLz48cGF0aCBmaWxsPSIjMDIwMDAwIiBkPSJNNDQgMThhNiA2IDAgMCAwLTYtNkgxOGE2IDYgMCAwIDAtNiA2djIwYTYgNiAwIDAgMCA2IDZoMjBhNiA2IDAgMCAwIDYtNnptMiAyMGE4IDggMCAwIDEtOCA4SDE4YTggOCAwIDAgMS04LThWMThhOCA4IDAgMCAxIDgtOGgyMGE4IDggMCAwIDEgOCA4eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0zOCAyNS44IDI5LjIgMTdhMiAyIDAgMCAwLTIuNCAwTDE4IDI1LjhhMiAyIDAgMCAwLS41IDEuMnYxMC41YTEgMSAwIDAgMCAuOS45aDdhMSAxIDAgMCAwIC45LS45di02LjFoMy40djYuMWExIDEgMCAwIDAgMSAuOWg3YTEgMSAwIDAgMCAuOC0uOVYyN2EyIDIgMCAwIDAtLjUtMS4ybS0xLjIgMTAuOGgtNS4zdi02LjFhMSAxIDAgMCAwLS45LS45aC01LjJhMSAxIDAgMCAwLS45Ljl2Ni4xaC01LjJWMjdsOC43LTguNyA4LjggOC43eiIvPjxwYXRoIGZpbGw9IiMwMjAwMDAiIGQ9Ik0xMzggMTguN3EyLjQgMCA0LjEuOCAyIC44IDMgMi4ybC0yLjggMi45YTYgNiAwIDAgMC0yLTEuNXEtMS0uNi0yLjMtLjZhNSA1IDAgMCAwLTIuNS43cS0xIC42LTEuNyAxLjdhNSA1IDAgMCAwLS43IDIuNnEwIDEuNC42IDIuNmE1IDUgMCAwIDAgNC4yIDIuM3ExLjQgMCAyLjMtLjUgMS0uNCAxLjUtMS41bC4yLS42LTQuNS0uMXYtMy41aDkuMXYuNnEwIDMtMSA1LjJhOCA4IDAgMCAxLTMuMSAzLjJxLTIgMS00LjYgMS0yIDAtMy42LS42dC0yLjgtMS45YTkgOSAwIDAgMS0yLTIuNyA5IDkgMCAwIDEgMi05LjggOS44IDkuOCAwIDAgMSA2LjYtMi41TTY2LjkgMjcuN2w1LjgtOC43aDN2MTdoLTQuMnYtOC43bC0zLjIgNC45aC0yLjhsLTMuMi00LjlWMzZINThWMTloMy4xek04Ni42IDI0LjggOTAgMTloNC44bC02IDkuOVYzNmgtNC4ydi03bC02LTEwaDQuOXoiLz48cGF0aCBmaWxsPSIjMDIwMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMDQuMyAxOXExLjUgMCAzIC43YTUgNSAwIDAgMSAyLjggNC44cTAgMS41LS44IDIuOWE1IDUgMCAwIDEtMiAxLjlxLTEuNS42LTMgLjZoLTMuMlYzNmgtNC4zVjE5em0tMy4yIDcuN2gyLjVxLjYgMCAxLS4ybDEtLjguMi0xLjJxMC0uOC0uMy0xLjNsLS44LS44LTEuMS0uMkgxMDF6TTEyOCAzNmgtNC42bC0xLTNoLTYuM2wtMSAzaC00LjVsNi42LTE3aDQuMnptLTEwLjctNi40aDRsLTItNS43eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iIzAyMDAwMCIgZD0iTTE2MiAyMi42aC04LjJ2M2g3LjVWMjloLTcuNXYzLjNoOC40VjM2aC0xMi43VjE5SDE2MnoiLz48L3N2Zz4=");

  --svg-join-sp: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NSIgaGVpZ2h0PSIyOCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgNmE2IDYgMCAwIDEgNi02aDgzYTYgNiAwIDAgMSA2IDZ2MTZhNiA2IDAgMCAxLTYgNkg2YTYgNiAwIDAgMS02LTZ6Ii8+PHBhdGggZmlsbD0iIzAyMDAwMCIgZD0iTTg5IDI2djJINnYtMnptNC00VjZhNCA0IDAgMCAwLTQtNEg2YTQgNCAwIDAgMC00IDR2MTZhNCA0IDAgMCAwIDQgNHYyYTYgNiAwIDAgMS02LTUuN1Y2YTYgNiAwIDAgMSA1LjctNmg4My42QTYgNiAwIDAgMSA5NSA2djE2LjNhNiA2IDAgMCAxLTYgNS43di0yYTQgNCAwIDAgMCA0LTQiLz48cGF0aCBmaWxsPSIjZmYyNzMxIiBkPSJNMjAgNi41aC04Yy0yIDAtMy41IDEuNi0zLjUgMy41djhjMCAyIDEuNiAzLjUgMy41IDMuNWg4YzIgMCAzLjUtMS42IDMuNS0zLjV2LThjMC0yLTEuNi0zLjUtMy41LTMuNSIvPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yMyAxMGEzIDMgMCAwIDAtMy0zaC04YTMgMyAwIDAgMC0zIDN2OGEzIDMgMCAwIDAgMyAzaDhhMyAzIDAgMCAwIDMtM3ptMSA4YTQgNCAwIDAgMS00IDRoLThhNCA0IDAgMCAxLTQtNHYtOGE0IDQgMCAwIDEgNC00aDhhNCA0IDAgMCAxIDQgNHoiLz48cGF0aCBmaWxsPSIjMDIwMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00MS44IDlhNSA1IDAgMCAxIDMuNSAxLjRxLjcuNyAxIDEuNXQuNCAxLjlhNSA1IDAgMCAxLTEuNCAzLjQgNSA1IDAgMCAxLTMuNSAxLjQgNSA1IDAgMCAxLTMuNS0xLjQgNSA1IDAgMCAxLTEuNC0zLjQgNSA1IDAgMCAxIDEuNC0zLjRxLjYtLjcgMS42LTEgLjgtLjQgMi0uNG0wIDJxLS44IDAtMS4zLjQtLjYuMy0xIDFsLS4yIDEuNC4xIDFxLjIuNi42IDFhMiAyIDAgMCAwIDEuOC43cS44IDAgMS40LS40LjUtLjMuOC0xIC40LS41LjQtMS4zbC0uMi0xLjFxLS4yLS41LS41LS45bC0uOC0uNXEtLjUtLjItMS0uMiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iIzAyMDAwMCIgZD0iTTM1LjMgMTVxMCAxLjEtLjQgMS45YTMgMyAwIDAgMS0xLjIgMS4ycS0uOS40LTIgLjQtLjkgMC0xLjYtLjMtLjYtLjMtMS4xLS45bDEuNS0xLjVxLjIuMy42LjVsLjcuMnEuMyAwIC42LS4yLjMgMCAuNC0uNC4zLS4zLjItLjh2LTZoMi4zek01MC44IDE4LjRoLTIuNFY5LjJoMi40ek01OC43IDE0LjRWOS4ySDYxdjkuMmgtMS43bC00LTUuMXY1aC0yLjRWOS4zaDEuNnoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTUuNSA5LjlhMy40IDMuNCAwIDAgMSA0LjUgMCAzIDMgMCAwIDEgMCA0LjNxLTEuNyAxLjMtMy41LjdsLS40LjQuMi4ycS42LjcgMCAxLjNsLS4zLjRhMSAxIDAgMCAxLTEuMS4ycS4xLjUtLjIgMWwtLjQuM2ExIDEgMCAwIDEtMS4zIDBsLS40LS4zcS0uNS4zLS44LS4xbC0uNS0uNWExIDEgMCAwIDEgMC0xLjNsMy41LTMuM3EtLjktMS43LjctMy4zbTQgLjVjLS45LS45LTIuMy0xLTMuMy0uMmwtLjIuMnEtMS4zIDEuMi0uNSAyLjYgMCAuMy0uMi43TDExLjggMTd2LjNsLjQuNWguMnEuMi0uMi41IDBsLjUuNHEuMi4yLjQgMGwuNC0uM3YtLjNsLS40LS40YS41LjUgMCAwIDEgMC0uOGguMnYtLjFxLjQtLjMuNiAwaC4xbC40LjRoLjRsLjMtLjRWMTZsLS4zLS4zYS41LjUgMCAwIDEgMC0uOGwuNi0uNnEuMy0uMy42LS4xIDEuNS43IDIuOS0uNWMxLS45IDEtMi40IDAtMy4zbS0zIC40YTIgMiAwIDAgMSAyLjYgMGMuNy43LjcgMS44IDAgMi41YTIgMiAwIDAgMS0yLjcgMGMtLjctLjctLjctMS44IDAtMi41bTIuMS41cS0uOC0uNy0xLjcgMGExIDEgMCAwIDAgMCAxLjVxMSAuOCAxLjcgMGExIDEgMCAwIDAgMC0xLjUiLz48L3N2Zz4=");

  --svg-mypage-sp: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NSIgaGVpZ2h0PSIyOCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgNmE2IDYgMCAwIDEgNi02aDgzYTYgNiAwIDAgMSA2IDZ2MTZhNiA2IDAgMCAxLTYgNkg2YTYgNiAwIDAgMS02LTZ6Ii8+PHBhdGggZmlsbD0iIzAyMDAwMCIgZD0iTTg5IDI2djJINnYtMnptNC00VjZhNCA0IDAgMCAwLTQtNEg2YTQgNCAwIDAgMC00IDR2MTZhNCA0IDAgMCAwIDQgNHYyYTYgNiAwIDAgMS02LTUuN1Y2YTYgNiAwIDAgMSA1LjctNmg4My42QTYgNiAwIDAgMSA5NSA2djE2LjNhNiA2IDAgMCAxLTYgNS43di0yYTQgNCAwIDAgMCA0LTQiLz48cGF0aCBmaWxsPSIjZmYyNzMxIiBkPSJNMjAgNi41aC04Yy0yIDAtMy41IDEuNi0zLjUgMy41djhjMCAyIDEuNiAzLjUgMy41IDMuNWg4YzIgMCAzLjUtMS42IDMuNS0zLjV2LThjMC0yLTEuNi0zLjUtMy41LTMuNSIvPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yMyAxMGEzIDMgMCAwIDAtMy0zaC04YTMgMyAwIDAgMC0zIDN2OGEzIDMgMCAwIDAgMyAzaDhhMyAzIDAgMCAwIDMtM3ptMSA4YTQgNCAwIDAgMS00IDRoLThhNCA0IDAgMCAxLTQtNHYtOGE0IDQgMCAwIDEgNC00aDhhNCA0IDAgMCAxIDQgNHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMjAuOCAxMy4yLTQuMi00YTEgMSAwIDAgMC0xLjIgMGwtNC4yIDQtLjIuNnY0LjhsLjEuMy4zLjFoMy40bC4yLS4xLjItLjN2LTIuOGgxLjZ2Mi44cTAgLjEuMi4zbC4zLjFoMy4zbC4zLS4xLjEtLjN2LTQuOHptLS42IDVoLTIuNXYtMi44cTAtLjEtLjItLjNsLS4yLS4xaC0yLjZsLS4yLjEtLjIuM3YyLjhoLTIuNXYtNC40bDQuMi00IDQuMiA0eiIvPjxwYXRoIGZpbGw9IiMwMjAwMDAiIGQ9Ik03Mi4zIDlxMS4zIDAgMi4zLjR0MS42IDEuMmwtMS42IDEuNnEtLjQtLjYtMS0uOHQtMS4zLS4zcS0uOCAwLTEuMy4zdC0xIDEtLjMgMS4zLjMgMS41YTMgMyAwIDAgMCAyLjMgMS4ycS44IDAgMS4yLS4yLjYtLjMuOC0uOWwuMi0uM0g3MnYtMmg1di40YTYgNiAwIDAgMS0uNiAyLjhxLS42IDEuMi0xLjcgMS43YTUgNSAwIDAgMS0yLjUuNnEtMSAwLTItLjNsLTEuNS0xcS0uNy0uNy0xLTEuNmE1IDUgMCAwIDEgMS01LjJxLjctLjcgMS43LTF0Mi0uNE0zMy44IDEzLjkgMzcgOS4yaDEuN3Y5LjJoLTIuM3YtNC43bC0xLjcgMi42SDMzbC0xLjgtMi42djQuN0gyOVY5LjJoMS43ek00NC41IDEyLjNsMS44LTMuMWgyLjZsLTMuMiA1LjN2My45aC0yLjR2LTMuOGwtMy4yLTUuNGgyLjZ6Ii8+PHBhdGggZmlsbD0iIzAyMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNTQgOS4ycTEgMCAxLjcuM2EzIDMgMCAwIDEgMS41IDIuNiAyLjcgMi43IDAgMCAxLTEuNSAyLjZxLS43LjQtMS42LjRoLTEuOHYzLjNINTBWOS4yem0tMS43IDQuMWgybC40LS41cS4zLS4zLjItLjd0LS4yLS43bC0uNC0uNC0uNi0uMWgtMS40ek02Ni45IDE4LjRoLTIuNWwtLjUtMS42aC0zLjRsLS42IDEuNmgtMi40bDMuNi05LjJoMi4yek02MSAxNC45aDIuMWwtMS0zeiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iIzAyMDAwMCIgZD0iTTg1LjMgMTEuMUg4MXYxLjZoNHYyaC00djEuN2g0LjV2MmgtNi44VjkuMmg2Ljd6Ii8+PC9zdmc+");

  --svg-key-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEzIDBoLjNhMTMgMTMgMCAxIDEtLjMgMG0wIDJhMTEgMTEgMCAxIDAgMCAyMiAxMSAxMSAwIDAgMCAwLTIybTAgNC41YTQuNyA0LjcgMCAwIDEgMyA4LjJsMS4zIDIuOGExLjUgMS41IDAgMCAxLTEuMyAyaC02YTEuNSAxLjUgMCAwIDEtMS4zLTJsMS4yLTIuOEE0LjcgNC43IDAgMCAxIDEzIDYuNW0wIDJhMi43IDIuNyAwIDAgMC0xLjMgNWwuNy40LTEuNiAzLjZoNC40TDEzLjYgMTRsLjctLjRhMi43IDIuNyAwIDAgMC0xLjMtNSIvPjwvc3ZnPg==");

  --svg-external-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTI3LjIgMTAuMmExLjEgMS4xIDAgMSAxLTIuMiAwVjRsLTkuNSA5LjRhMS4xIDEuMSAwIDEgMS0xLjYtMS42bDkuNC05LjRIMTdBMS4xIDEuMSAwIDAgMSAxNyAwaDlhMSAxIDAgMCAxIDEuMiAxLjF6bS01LjYgMy40YTEgMSAwIDAgMC0xLjIgMS4xVjI1SDIuM1Y2LjhoMTAuMmExLjEgMS4xIDAgMCAwIDAtMi4zSDIuM0EyLjMgMi4zIDAgMCAwIDAgNi44VjI1YTIuMyAyLjMgMCAwIDAgMi4zIDIuMmgxOC4xYTIuMyAyLjMgMCAwIDAgMi4zLTIuMlYxNC43YTEgMSAwIDAgMC0xLjEtMSIvPjwvc3ZnPg==");

  --svg-logo: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iMTM0IiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNOTguMjQ5IDExNi43MzZoOS44NTN2LTkuODY0aDcuMzkxVjEzNGgtNy4zOTF2LTkuODY0aC05Ljg1M1YxMzRoLTcuMzl2LTI3LjEyOGg3LjM5eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE2Ny42MzYgMTA2Ljg3MmM3LjQ4MiAwIDEzLjU0OCA2LjA3MyAxMy41NDggMTMuNTY0UzE3NS4xMTggMTM0IDE2Ny42MzYgMTM0cy0xMy41NDktNi4wNzMtMTMuNTQ5LTEzLjU2NCA2LjA2Ni0xMy41NjQgMTMuNTQ5LTEzLjU2NG0wIDcuNDZhNi4xIDYuMSAwIDAgMC02LjA5NyA2LjEwNCA2LjEgNi4xIDAgMCAwIDYuMDk3IDYuMTA0IDYuMSA2LjEgMCAwIDAgNi4wOTctNi4xMDQgNi4xIDYuMSAwIDAgMC02LjA5Ny02LjEwNCIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIzNC41NTkgMTE5LjY4NiA3LjM5MS0xMi44MTRoNy4zOVYxMzRoLTcuMzl2LTEzLjQ3NmwtNC45MjggOC41NDNoLTQuOTI2bC00LjkyNy04LjU0M1YxMzRoLTcuMzl2LTI3LjEyOGg3LjM5ek0zMTAuMTA1IDExMy4wMzdoLTE0Ljc4MXY0LjkzM2gxMy41NDl2Ni4xNjZoLTEzLjU0OXYzLjY5OWgxNC43ODFWMTM0aC0yMi4xNzJ2LTI3LjEyOGgyMi4xNzJ6TTEzNC40NTYgMTYuNDgyYzIuOTk3LS40NyA3LjAzNC0uMjggOS45OTYuMzEzIDE2LjYyNiAzLjMyNiA4LjYwMSAyMC4yNTYgMTAuMDcyIDIyLjM1Mi41Mi43NDIgMS40MTQuODg2IDIuMjU4Ljg3IDIuMzUzLS4wNDQgNC44NTMtLjkxIDcuMTM3LTEuNDY4IDMuOTk2LS45NzggOC4xNC0xLjgzNCAxMi4yNjctMS44NzcgMy40NDYtLjAzNiA3LjI4Mi4zMTIgMTAuMzkgMS45MiAzLjAyNSAxLjU2NiA2LjQ4MiA3LjA0MiA5Ljc4OSA2LjUzMiA5Ljc3OS0xLjUwOCAzMC40MTEtMTIuNzUgMzguODAzLTExLjMyIDIuMjIuMzc4IDQuMDgzIDEuNTIzIDUuMzc4IDMuMzkgMi4zMzMgMy4zNjQtLjMwMyA1LjkwNi0uODYgOS4xODktLjA5OC41OC0uMjQ1IDEuNDI0LjEzMSAxLjkzLjU3My43NjggMS41NzMuOTgzIDIuNDc1IDEuMDI3IDQuODM2LjIzNiA5Ljk0OC0xLjExNyAxNC43MTctMS44NTUgNi40NjctMS4wMDEgMTIuOTc4LTEuNzIyIDE5LjQ0Mi0yLjc1NSA0LjIxNi0uNjc0IDguNDQzLTEuMzE3IDEyLjY1MS0yLjA0NiA3LjE1OS0xLjI0IDE1LjAyLTMuMjcyIDIyLjI4LTIuMDggNS44Ny45NjMgNS42MzkgNC4xOTIgOC41MjQgOC4xMDQgMS40MjEgMS45MyAzLjY4MS44NzYgNS41OTMuMzQgNi40NjgtMS44MTIgMTIuODQtNC4wNTMgMTkuMjYzLTYuMDMgOS44MDctMy4wMTcgMTkuNjA2LTUuNjM2IDI5LjY2OS03LjYzMSA1LjgzNy0xLjE1OCAxMi41NTYtMi41NDUgMTguNS0xLjU1NiAyLjM2Ni4zOTQgNS4wMDggMS41MzQgNi40MjEgMy41Ny41NTkuODE4Ljc2NyAxLjgyNi41ODEgMi44LS4zODggMi4wNzUtMi42MzUgNC4yOTgtNC4zMzYgNS40MDQtMy44OSAyLjUzLTIwLjAzNSA1LjU3NC0yNS4xNTMgNi43ODJhMTM5OCAxMzk4IDAgMCAwLTI2LjMzNyA2LjM5NSA5MDYgOTA2IDAgMCAwLTMzLjc0NCA5LjMwMmMtNi42MTkgMS45MDktMTMuMjk1IDMuODE4LTE5Ljk2NiA1Ljk2My02LjMxNCAyLjAzLTExLjc2OCA2LjA1LTE3Ljc0MyA5LjI1My0xMC41MTggNS42MzktMjUuMzk5IDE0LjUxLTM3Ljg1OCAxMi40MzUtMi4xODgtLjQ2LTQuMjQ2LTEuNDUyLTUuNDE1LTMuNDMzLTMuMjQxLTUuNDk2LS41NTItOS40NTIgMy41OTItMTMuMjA4IDEyLjc0LTExLjU1IDMxLjExNS04LjczMSA0NS41MDItMTYuOTE2Ljg2OS0uNDk0IDIuMTM3LTEuNTYxIDIuMzU2LTIuNTU0LS43NjMtMi41ODUtOC40MzQtLjY1Ni0xMC40ODUtLjM4NHEtOC41OTYgMS4wOC0xNy4xNjQgMi4zOTVjLTkuNDMgMS40NTQtMjUuNzM0IDcuMTAzLTM0LjE3Ny45NjMtMi44NDktMi4wNzItNC45NjMtNi45MTMtNi43OTktNy44MTctMy4wODctMS41MTctMjEuOTQ3IDguMDcyLTI1LjY0NyAxMC4xMzgtMy4wMSAxLjY4LTUuODI4IDQuMDk0LTkuMDkxIDUuMjUtMS44NTguNjYtNC4xNjQuOS01Ljk3NC0uMDAyLTEuNDgxLS43MzktMi44NjQtMi4zNi0zLjM5NS0zLjkzMy0yLjA0LTYuMDQ4IDQuMTYxLTkuMTQyIDYuNDE1LTEzLjc2My0uMjAxLS4yMjgtMS4wMjktMS4xNi0xLjIyNy0xLjI3OS0yLjA2Mi0uOTk4LTUuOTE1LjAxNC03Ljk3OC41NDUtMTIuMzMgMy4xNzctMjMuOTk3IDguMTI4LTM0Ljk3MSAxNC41ODEtNS4wMTQgMi45NDktOS42NjcgNy40NS0xNS40NTkgOC41NzMtMy4xMDguNjMzLTcuMTAzLTEuOTc3LTcuNDM3LTUuMjQtLjU3Ny01LjY1NCA1LjI2OC04LjYwNiA5LjAyNi0xMS41NjQuODAxLS42MyAxLjkwNy0xLjM4OSAyLjY3MS0yIDUuMjQ2LTQuMiAxMy4wNjgtMTAuOTI0IDE2LjkzMS0xNi4xOSAxNi4yMTctMjIuMTA2LTMyLjc2LS4zODItMzcuNzIgMS42NDEtMTYuNDcgNi44MzctMzMuMzIgMTQuNDY5LTQ4LjYwMiAyMy44NTNBMzE3IDMxNyAwIDAgMCAyNC43MSA4Mi4zOGMtNC41MTMgMy4zNC05Ljg1OCA4LjEzOS0xNC41MDkgMTAuNzczLTguOTMgNS4wNTctMTMuOTA2LTQuNDktNi44NzQtMTEuODA3IDQuODAzLTQuOTk4IDkuMDc3LTcuODk3IDE0LjUyOC0xMS44NjdBMjk0IDI5NCAwIDAgMSA0Ni41MSA1MC44NDFjMTMuOTY4LTcuOTY4IDI5LjQzNC0xNS4wNDIgNDQuMjctMjEuMTcyIDEzLjUzLTUuNTkyIDI5LjAzLTExLjgxNyA0My42NzYtMTMuMTg3Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIyOS44MjkgMS4wNDVjNS4zOS0uNzQ3IDkuNDQxIDIuNDkyIDUuMTQ2IDcuNTA3LTYuMDA5IDcuMDE1LTE0LjU1MiAxMS4zNjgtMjIuMzkgMTUuOTY4LTEuOTUzIDEuMTQ3LTMuOTQzIDIuMjQ1LTYuMDY2IDMuMDQ4LTIuMzcuNTc1LTYuNDI3IDEuMDQyLTcuMDUtMi4xODctLjY0NC0zLjM1IDIuOTM2LTYuMzIgNS4wNTItOC40NTIgNC42MjgtNC42NjUgOS45NzEtOC41MzUgMTUuNzAxLTExLjcyMSAzLjA3MS0xLjcwNyA2LjE3LTMuMzc0IDkuNjA3LTQuMTYzTTE3Mi44MDUuMDAzYzcuMzM5LS4yNzYgMjMuNjM5IDE5LjUzMiAxMS44MjEgMjIuMDU1LTEuMDk3LS4xMzMtMS43NzQtLjM0Ny0yLjc1OC0uOS01LjU3NC0zLjEzLTExLjEyOS04LjM3Ni0xMy4xMjItMTQuNjE1LS40MTEtMS4yODYtLjUyNS0yLjg2OC4xNzItNC4wMy45NS0xLjU4MyAyLjI1Mi0yLjA3NCAzLjg4Ny0yLjUxIi8+PC9zdmc+");


  --svg-toysfactory-logo: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmMjczMSIgZD0iTTI4LjQ3NCAwYTggOCAwIDAgMSA3LjUyNSA3Ljk1NUwzNiAyNy45ODVhOCA4IDAgMCAxLTggOEg4YTggOCAwIDAgMS03Ljk5NS03LjgyTDAgMTAuNDQ3aDUuOTM0Yy4zMTkgMCAuNTY0LjE5Ni44MDMuMzgxLjU4MS41OTguODAzIDEuNDI5LjgwMyAyLjI1MXY2LjM0M2wuMDEuMzg2Yy4wMjguOTYuMTMzIDEuOS4zMTMgMi44NDYuMTI4LjY2OS4zMTcgMS4yODcuNTI3IDEuOTM1YTE3IDE3IDAgMCAwIDEuMDk1IDIuNjI1bC4wMTEuMDI3Yy4zODYuNjg1Ljc5NSAxLjM4IDEuMzU1IDEuOTY1IDIuMTAyIDIuMiA1LjAyMyAzLjUxNyA4LjExIDMuNzE3bC4wMjguMDA3LjU1OC4wMjFjLjE3NS0uMDIxLjM2LS4wMi41MzYgMGExMyAxMyAwIDAgMCAxLjY4LS4xNTNjLjAyMy0uMDIxLjA1My0uMDIyLjA4Mi0uMDFhMTIuNiAxMi42IDAgMCAwIDMuNzg4LTEuMjQ3cTAtLjAyMy4wMjUtLjAxNmExMi4yIDEyLjIgMCAwIDAgMi41NTYtMS43ODRjMi4xNDctMS45NDMgMy41MDgtNC41NiAzLjc5Mi03LjM3NWwuMDMtLjM5OGE5LjIgOS4yIDAgMCAwLS4wNDMtMS45MjhjLS41Ny00LjMwMy00LjM5NS03LjY3My04LjkzLTcuNzgyaC0uNjM1YTkuNDYgOS40NiAwIDAgMC01LjQ3OCAxLjk0Yy0yLjE4IDEuNjYyLTMuNDcgNC4xNjgtMy41MiA2Ljg0MWE2IDYgMCAwIDAgMS44NDcgNC40NDIgNi40NiA2LjQ2IDAgMCAwIDQuMjE2IDEuODEzIDYuNSA2LjUgMCAwIDAgMy41ODEtLjg2NGMuNzc1LS40NTMgMS40NDUtMS4wMzcgMS45MzQtMS43NjkuNDQtLjY1OC43My0xLjM1OS44ODctMi4xMTkuMDc0LS4zNjUuMTY2LS43MS4xNzUtMS4wNzNhLjE4LjE4IDAgMCAxIC4wMDQtLjEzOWwtLjAwNC0uMzYtLjAzMy0uNDYyYy0uMDIzLS4zMjQtLjA0LS42MzMtLjE2OC0uOTM2LS4zOC0uOS0xLjQwNC0xLjQyMS0yLjM4LTEuMTIyYTEuOTYgMS45NiAwIDAgMC0xLjM5NSAxLjg2Yy4xMTguNTMyLjEyNCAxLjA0Ni4wMTcgMS41Ny0uMTI5LjQ0Mi0uMzA1Ljg1Ny0uNjI1IDEuMjA0LS4zNjIuMzkzLS44OTMuNjE3LTEuNDM0LjY0Ni0uMjY2LjAxNS0uNTExLjAyMi0uNzYzLS4wMjktMS4yMjQtLjI0NS0yLjEyLTEuMjQtMi4xNDctMi40NTFhNS4yIDUuMiAwIDAgMSAuNjk1LTIuNjhjLjIzMi0uNDA3LjUxLS43NDguODM1LTEuMDgyIDIuMjQtMi4yOTMgNi4wMy0yLjI2IDguMjQzLjA5NS44ODMuOTQgMS40MDUgMi4xNDUgMS40NDEgMy4zOTcuMTIxIDQuMTctMy4wOTIgNy43NzQtNy4zOSA4LjM0bC0uOTgzLjA4Mi0uNDEtLjAwOGE4Ljc0IDguNzQgMCAwIDEtNC45NS0xLjY3M2MtLjkwMy0uNjU4LTEuNjE0LTEuNDYtMi4xMTQtMi40MzktLjY0OC0xLjI2OC0uOTY2LTIuMzItMS4xMDgtMy43MzZMMTEuMyAyMC41M2E2IDYgMCAwIDEtLjAzNC0uNjE0bC4wMDMtNi45OTljMC0uNzI3LjMxMi0xLjY5NC44OTctMi4xNjcuMTk1LS4xNTguNDMtLjMwMS42ODgtLjMwMmw1LjQwMy0uMDExYy44MzUtLjAwMiAxLjUzNS0uNTgzIDEuNzAyLTEuMzQzLjA1My0uMjQzLjAyMy0uNDU3LjAyNi0uNjk2LS4wNzUtLjgxNC0uNzQ4LTEuNDIxLTEuNjA5LTEuNTJsLTUuNTIuMDAyYy0uODE5LS4wNjMtMS41NzYtLjcyNS0xLjU3OS0xLjU0OUwxMS4yNjEgMHoiLz48cGF0aCBmaWxsPSIjZmYyNzMxIiBkPSJNNy40ODguMDAzYy4wMy4wNzMtLjAxLjEyOC0uMDEuMTk2bC4wMDMgNS4xMTJjLS4wMzguODIyLS43NiAxLjU2Ni0xLjYzMSAxLjU2NkwuMDc3IDYuODhBOCA4IDAgMCAxIDcuNDg4LjAwMyIvPjwvc3ZnPg==");
    --svg-x-logo: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjZmYyNzMxIiBkPSJNMzQuNjUgMEMzNS4zOTYgMCAzNiAuNjA0IDM2IDEuMzV2MzMuM0ExLjM1IDEuMzUgMCAwIDEgMzQuNjUgMzZIMS4zNUExLjM1IDEuMzUgMCAwIDEgMCAzNC42NVYxLjM1QzAgLjYwNC42MDQgMCAxLjM1IDB6TTE1LjM3MiAxOS4zNzggNi4wMDIgMzAuM2gyLjExN2w4LjE5Mi05LjU1MiA2LjU0NCA5LjU1Mmg3LjE0N2wtOS43MTctMTQuMTg0TDI5LjIyIDUuNzAxaC0yLjExN2wtNy43NTggOS4wNDQtNi4xOTctOS4wNDRINi4wMDJ6bTExLjczMiA5LjM5NmgtMy4yNTJMOC44ODIgNy4zaDMuMjUzeiIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxyZWN0IHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgZmlsbD0iI2ZmZiIgcng9IjgiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=");
    --svg-insta-logo: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjZmYyNzMxIiBkPSJNMzQuNjUgMEMzNS4zOTYgMCAzNiAuNjA0IDM2IDEuMzV2MzMuM0ExLjM1IDEuMzUgMCAwIDEgMzQuNjUgMzZIMS4zNUExLjM1IDEuMzUgMCAwIDEgMCAzNC42NVYxLjM1QzAgLjYwNC42MDQgMCAxLjM1IDB6TTE3Ljk4IDUuNzAyYy0zLjM0LjAwNy0zLjc2LjAyLTUuMDcyLjA4NC0xLjMwOC4wNjItMi4yMDIuMjcxLTIuOTgzLjU3OGE2IDYgMCAwIDAtMi4xNzYgMS40MjIgNiA2IDAgMCAwLTEuNDE1IDIuMThjLS4zMDMuNzg0LS41MDggMS42NzgtLjU2NSAyLjk4Ny0uMDU4IDEuMzEtLjA3MSAxLjczLS4wNjUgNS4wNy4wMDcgMy4zNC4wMjIgMy43Ni4wODUgNS4wNzIuMDYzIDEuMzA4LjI3IDIuMjAyLjU3NyAyLjk4M2E2IDYgMCAwIDAgMS40MjMgMi4xNzYgNiA2IDAgMCAwIDIuMTgyIDEuNDE1Yy43ODIuMzAyIDEuNjc3LjUwOCAyLjk4Ni41NjUgMS4zMS4wNTggMS43My4wNzEgNS4wNy4wNjUgMy4zMzktLjAwNyAzLjc2LS4wMiA1LjA3Mi0uMDgzIDEuMzExLS4wNjIgMi4yLS4yNzMgMi45ODItLjU3OGE2IDYgMCAwIDAgMi4xNzYtMS40MjMgNiA2IDAgMCAwIDEuNDE0LTIuMTgyYy4zMDMtLjc4Mi41MDgtMS42NzYuNTY1LTIuOTg0LjA1OC0xLjMxMy4wNzEtMS43MzMuMDY1LTUuMDcyLS4wMDctMy4zNC0uMDIxLTMuNzYtLjA4My01LjA3LS4wNjItMS4zMTItLjI3Mi0yLjIwMy0uNTc4LTIuOTg1YTYgNiAwIDAgMC0xLjQyMi0yLjE3NiA2IDYgMCAwIDAtMi4xODItMS40MTRjLS43ODMtLjMwMy0xLjY3Ny0uNTA5LTIuOTg2LS41NjUtMS4zMS0uMDU3LTEuNzMtLjA3MS01LjA3LS4wNjVtLjAwMiAyLjIxOGMzLjI4NC0uMDA3IDMuNjc0LjAwNSA0Ljk3MS4wNjIgMS4xOTguMDUzIDEuODUxLjI1IDIuMjg0LjQxOC41NzUuMjIyLjk4NC40ODggMS40MTYuOTE4cy42OTkuODM4LjkyMyAxLjQxM2MuMTcuNDMzLjM3MSAxLjA4My40MjggMi4yODMuMDYyIDEuMjk3LjA3NSAxLjY4Ni4wODEgNC45NjguMDA2IDMuMjg0LS4wMDYgMy42NzQtLjA2MiA0Ljk3LS4wNTMgMS4xOTktLjI1MiAxLjg1LS40MTggMi4yODRhMy44IDMuOCAwIDAgMS0uOTE4IDEuNDE2Yy0uNDMuNDMyLS44MzkuNjk5LTEuNDEzLjkyMy0uNDMzLjE3LTEuMDg0LjM3LTIuMjgyLjQyOC0xLjI5Ny4wNi0xLjY4Ni4wNzQtNC45Ny4wODEtMy4yODUuMDA3LTMuNjcyLS4wMDYtNC45Ny0uMDYyLTEuMTk5LS4wNTMtMS44NS0uMjUyLTIuMjg0LS40MThhMy44IDMuOCAwIDAgMS0xLjQxNi0uOTE4IDMuOCAzLjggMCAwIDEtLjkyMy0xLjQxM0M4LjI1OSAyNC44NCA4LjA1NiAyNC4xOSA4IDIyLjk5Yy0uMDYxLTEuMjk2LS4wNzQtMS42ODYtLjA4MS00Ljk3cy4wMDYtMy42NzIuMDYyLTQuOTY4Yy4wNTItMS4xOTguMjUyLTEuODUuNDE4LTIuMjg0YTMuOCAzLjggMCAwIDEgLjkxOC0xLjQxNmMuNDMtLjQzMy44MzktLjY5OSAxLjQxMi0uOTIzLjQzNC0uMTcgMS4wODUtLjM3MSAyLjI4NC0uNDI4IDEuMjk3LS4wNjIgMS42ODUtLjA3NCA0Ljk2OC0uMDgxbS4wMDggMy43NjVhNi4zMTYgNi4zMTYgMCAxIDAgLjAyNiAxMi42MzEgNi4zMTYgNi4zMTYgMCAwIDAtLjAyNi0xMi42MzFtLTEuNTY0IDIuNTNhNC4xMDIgNC4xMDIgMCAwIDEgNS4zNjggNS4zNDYgNC4xIDQuMSAwIDEgMS01LjM2OC01LjM0Nm04LjEyNy00LjI2N2ExLjQ3NyAxLjQ3NyAwIDEgMCAuMDA0IDIuOTU0IDEuNDc3IDEuNDc3IDAgMCAwLS4wMDQtMi45NTQiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cmVjdCB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIGZpbGw9IiNmZmYiIHJ4PSI4Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+");

    --svg-downalod-btn: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmMjczMSIgZD0iTTEuODMgOC42N2ExLjEzIDEuMTMgMCAwIDEgMS42LTEuNmw0LjgyIDQuODRWMS4xM2ExLjEzIDEuMTMgMCAwIDEgMi4yNSAwVjExLjlsNC44My00LjgzYTEuMTMgMS4xMyAwIDEgMSAxLjYgMS41OWwtNi43NiA2Ljc1YTEuMSAxLjEgMCAwIDEtMS42IDB6bTE1LjggOC41OEgxLjEzYTEuMTIgMS4xMiAwIDEgMCAwIDIuMjVoMTYuNWExLjEyIDEuMTIgMCAxIDAgMC0yLjI1Ii8+PC9zdmc+");
  /* SVG画像終わり */
}


/* base
*************************/
html{overflow-x: hidden;}
body{ background: #FAF5E4; color: var(--c_dark); font-family: var(--font_jp); font-size: 14px; font-weight: 500; line-height: 1.6em; overflow-x: hidden; font-style: normal;}
.inner{padding: 0 24px!important;}
@media (max-width: 767px) {
  body{font-size: 12px;}
  body:before{width: 50%;}
  .inner{padding: 0 16px!important;}
}
.pc_only {
  display: block;
}
.sp_only {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .pc_only {
    display: none !important;
  }
  .sp_only {
    display: block !important;
  }
}

/* link */
a:link, a:visited {text-decoration: underline;color: #FF2731;}
a,a:hover{transition: 0.2s;}

#wrapper a:hover {transition: 0.2s;filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}


/* header PC
*************************/
header {box-sizing: border-box;height: 86px;width: 100%;position: fixed;z-index: 10;background: #ff2631;box-shadow: none;border-bottom: none;}
.siteHeading {font-size: 161.5%;float: none;z-index: 1000;position: relative;}
.siteHeading.forSp {display: none;}


/* 以下追加 */
header .inner #header_user dt {margin-right: 0;font-weight: 700;font-size: 90%;margin: 2px 10px 0 0;text-align: left;width: auto;height: 20px;line-height: 20px;background: transparent;color: var(--c_white);}
header .inner #header_user dt span {display: none;}

.header_main {padding-right: 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center;position: relative;}

header .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: inherit;
  width: 100%;
  height: 100%;
  padding: 0 24px !important;
  margin: 0;
  &::after {
    display: none;
  }
  &::before {
    display: none;
  }
}

header .inner #header_user {
  margin-right: calc(40px + 24px);
  width: auto;
  height: auto;
  position: relative;
  z-index: 1001;
  display: flex;
  box-shadow: none;
  background: transparent;
  border-left: none;
}

.siteHeading a img {
  content: var(--svg-logo);
}


.siteHeading.forPc a {
  display: block;
  width: fit-content;
  padding: 0;
  cursor: pointer;
}

.siteHeading.forPc a img {
  display: block;
  width: 140px;
  margin: 0 auto;
  object-fit: contain;
}

header .inner #header_user dd {
  display: flex;
  gap: 16px;
  font-size: 0;
  width: auto;
}

header .inner #header_user p a {
  text-decoration: none;
  width: 216px;
  height: 56px;
  display: block;
}
header .inner #header_user p {margin: 0;}

header .inner #header_user img[alt="top_mypage"],
header .inner #header_user img[alt="top_logout"],
header .inner #header_user img[alt="top_join"],
header .inner #header_user img[alt="top_login"] {width: 100%;height: auto;}
header .inner #header_user img[alt="top_mypage"] {content: var(--svg-mypage-pc);}
header .inner #header_user img[alt="top_logout"] {content: var(--svg-logout-pc);}
header .inner #header_user img[alt="top_join"] {content: var(--svg-join-pc);}
header .inner #header_user img[alt="top_login"] {content: var(--svg-login-pc);}
.sns_wrap{display: flex;gap: 4px;}
.sns_wrap a{display: block;width: 44px;}

@media (max-width: 767px) {
  header .inner {
    padding: 0 16px !important;
    &::after {
      display: none;
    }
    &::before {
      display: none;
    }
  }
  .siteHeading.forSp {display: block; width: calc(80px / 375px * 100vw); padding: 0px;}
  header .inner #header_user{
    margin-right: calc(32px + 12px);
    padding: 0;
  }
  header .inner #header_user dd {
    gap: 8px;
  }
  header .inner #header_user p a{
    width: calc(95px / 375px * 100vw);
    height: auto;
    font-size: 0;
  }
}

/* 以上追加 */

.sns_wrap a img{width: 100%; height: auto;}

/* header SP
*************************/
@media (max-width: 767px) {
    header{height: 60px;}
    header .inner #header_user dt{margin-bottom: 8px;text-align: right;margin-right: 50px;}
    header .inner #header_user dd{display: flex;justify-content: right;padding: 0;}
    .header_main {padding-bottom: 0;padding: 10px 0;}

    .sns_wrap a{width: 32px;}

    header .inner #header_user img[alt="top_mypage"] {content: var(--svg-mypage-sp);}
    header .inner #header_user img[alt="top_logout"] {content: var(--svg-logout-sp);}
    header .inner #header_user img[alt="top_join"] {content: var(--svg-join-sp);}
    header .inner #header_user img[alt="top_login"] {content: var(--svg-login-sp);}
}


/* mainNav PC
*************************/
@media (min-width: 768px) {
  #mainNav {z-index: 12;position: fixed;top: 30px;width: calc(100% - 360px);padding: 0;right: 260px;background: transparent;}
  #mainNav ul.inner {position: relative;float: none;max-width: inherit;width: 100%;box-sizing: border-box;margin: 0 0 0 auto;padding: 0;text-align: right;display: flex;justify-content: right;align-items: center;}
  #mainNav li {float: none;position: relative;margin: 0;display: inline-block;text-align: center;}
  #mainNav li:first-child {margin-top: 60px;}
  #mainNav li.sns{width: 20px;}
  #mainNav li.sns a{min-width: inherit;}
  #mainNav li.sns img{width: 18px;}
  #mainNav li a {color: var(--c_dark);margin: 0;font-family: var(--font_en);font-size: min(2vw,14px);font-weight: 600;line-height: 1.1em;padding: 0;display: flex;flex-direction: column;}
  #mainNav li a span{font-size: 0.55em;font-weight: 700;}
  #mainNav li a:hover {border-bottom:  none;color: var(--c_main);opacity: 1;}

  #mainNav li a .icon{height: 26px;margin-bottom: 4px;}

  html #mainNav.top ul {height: auto;bottom: auto;}
  html #mainNav.top ul.inner {height: 100%;}
}

/* メニュー項目の非表示（9,10番目） */
#mainNav li:nth-child(9) { display:none; }
#mainNav li:nth-child(10) { display:none; }

html #mainNav.top ul {height: auto;max-height: 100vh;bottom: auto;overflow-y: auto;}
html #mainNav.top ul::-webkit-scrollbar {display: none;}
#mainNav.top {position:fixed;z-index: 9;top: 85px;width: 100%;pointer-events: none;}
#mainNav.top ul {width: 358px;padding: 0;background-color: #F9EFD5;position: fixed;top: 0;/*SPヘッダーの高さ*/right: 0;margin-left: 0;overflow-y: auto;}
#mainNav.top ul.inner {padding: 0;opacity: 0;visibility: hidden;transition: none;display: flex;flex-direction: column;align-items: center;height: 100%;}
#mainNav.top ul li {flex-shrink: 0;}
#mainNav.top ul a {font-family: var(--font_en);font-size:24px;font-weight: 700;text-decoration: none;border-top: none;display: block;line-height: 1.2em;letter-spacing: 0.05em;color: #ffffff !important;display: flex;justify-content: center;align-items: flex-start;flex-direction: column;height: 100%;background-color: #ff2631; padding: 8px 24px; text-align: left; border-radius: 8px;position: relative; transition: 0.1s; overflow: hidden;}
#mainNav.top ul a span{font-size: 0.55em;font-weight: 700;}
#mainNav.top ul a::before {content: "";position: absolute;inset: 0;box-sizing: border-box;border: 4px solid #000;border-radius: 8px;pointer-events: none;z-index: 2;background: linear-gradient(115deg, transparent 0%, transparent 46%, rgba(255,255,255,0.85) 46%, rgba(255,255,255,0.85) 54%, transparent 54%, transparent 100%);background-repeat: no-repeat;background-size: 300% 100%;background-position: 100% 0;transition: background-position 0.35s ease-out;}
@media (min-width: 768px) {
  #mainNav.top ul a:hover{filter: drop-shadow(2px 7px 0px rgba(0,0,0,0.6)); transform: translate3D(0, -7px, 0);}
  #mainNav.top ul a:hover::before {background-position: 0% 0;}
}
#mainNav.top li a .icon{width: 40px;margin-bottom: 0;}
.menuOpen #mainNav.top{pointer-events: all;z-index: 11;}
.menuOpen #mainNav.top ul.inner{z-index: 11;}
.menuOpen #mainNav.top ul {opacity: 1;visibility: visible;transition: opacity 0.6s;}
.menuOpen #mainNav.top ul li {height: auto;margin-bottom: 36px;width: 310px; height: 56px; }
.menuOpen #mainNav.top ul li:nth-last-child(-n+2) a {background-color: #222B59;}
.menuOpen #mainNav.top ul li:first-child {margin-top: 96px;}
.menuOpen #mainNav.top ul li.sns a{padding: 1.4em;}
.menuOpen #mainNav.top ul li.sns a img{width: 20px;}

.menuOpen:before{position: fixed;content: "";top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 10;pointer-events: none; transition: opacity 0.6s;opacity: 1;visibility: visible;}
/* メニュー展開時、ヘッダー・ページトップをグレー背景(z-index:10)より後ろへ */
.menuOpen header,
.menuOpen .pageTop {z-index: 9 !important;}

/* mainNav SP
*************************/
@media (max-width: 767px) {
  #mainNav {position:fixed;z-index: 9;top: 85px;width: 100%;}
  #mainNav ul {width: 100%;padding: 0;background-color: #f9f5e4;position: fixed;top: 60px;/*SPヘッダーの高さ*/left: 0;margin-left: 0;}
  #mainNav ul.inner {padding: 0;opacity: 0;transition: 1s;}
  #mainNav ul a {font-family: var(--font_en);font-size: 16px;font-weight: 700;text-align: left;text-decoration: none;border-top: none;display: block;line-height: 1.2em;padding: 1em;letter-spacing: 0.05em;color: #000 !important;display: flex;justify-content: center;align-items: center;flex-direction: column;}
  #mainNav ul a span{font-size: 0.55em;font-weight: 700;}
  #mainNav li a .icon{width: 40px;margin-bottom: 0;}
  #mainNav.top ul{width: 100%;}
  #mainNav.top ul a{font-size: 20px;}
  #mainNav.top ul a::before{border-width: 3px;}
  #mainNav.top ul.inner{top: 60px;height: calc(100% - 60px);}
  .menuOpen #mainNav.top ul li {margin-bottom: 24px;}
  .menuOpen #mainNav.top ul li:first-child {margin-top: 24px;}
  .menuOpen #mainNav.top ul li:last-child {margin-bottom: 80px;}
  .menuOpen #mainNav ul {height: calc(100vh - 40px);opacity: 1;transition: 0.6s;overflow-y: scroll;}
  .menuOpen #mainNav ul li {height: auto;margin-bottom: 0;/* border-bottom: 1px solid var(--c_main); */}
  .menuOpen #mainNav ul li:last-of-type{margin-bottom: 6vw;}
  .menuOpen #mainNav ul li:first-child {margin-top: 60px;/* border-top: 1px solid var(--c_main); */}
  .menuOpen #mainNav ul li.sns a{padding: 1.4em;}
  .menuOpen #mainNav ul li.sns a img{width: 20px;}
  .menuOpen:before{content: none;}
}


/* navSwitcher SP
*************************/

/* 以下追加 */

#navSwitcher {
  background-color: transparent;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
  top: 0;
  right: 0;
  z-index: 20000;
  width: 358px; /* メニュー358pxに合わせる */
  height: 86px;
  padding: 0 24px; /* 右端からの余白を確保 */
}

#navSwitcher::before {
  content: "MENU";
  font-family: var(--font_en);
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 0.05em;
  height: fit-content;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s;
}

#navSwitcher::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(249, 239, 213, 1) 85%, rgba(249, 239, 213, 0) 100%);
  pointer-events: none;
  z-index: -1;
  opacity: 0;
}

.menuOpen #navSwitcher a {
  width: 100%;
  border: none;
}

#navSwitcher a {width: 100%;height: 27px;display: block;position: relative;border-top: none;border-bottom: none; pointer-events: auto;}

#navSwitcher span {width: 100%;height: 5px;margin: 0;background-color: #ffffff;border-radius: 50px;position: absolute;top: 0;bottom: 0;right:0;transition: 0.2s;}
#navSwitcher .l{width: 40px; bottom: inherit;top: 0;right: 0;}
#navSwitcher .r{width: 40px; top: inherit;right: 0;bottom: 0px;}
#navSwitcher .m{width: 40px; top: 11px;right: 0;bottom: inherit;}

.menuOpen #navSwitcher::after { opacity: 1; transition: opacity 0.6s ease-in;}
.menuOpen #navSwitcher a:before {display: none;}
.menuOpen #navSwitcher .l {width: 36px;right: 0;bottom: 0;top: 50%;transform: translateY(-50%) rotate(-45deg);-webkit-transform: translateY(-50%) rotate(-45deg);-moz-transform: translateY(-50%) rotate(-45deg);-ms-transform: translateY(-50%) rotate(-45deg);-o-transform: translateY(-50%) rotate(-45deg);background-color: #000;}
.menuOpen #navSwitcher .r {width: 36px;right: 0;top: 50%;transform: translateY(-50%) rotate(45deg);-webkit-transform: translateY(-50%) rotate(45deg);-moz-transform: translateY(-50%) rotate(45deg);-ms-transform: translateY(-50%) rotate(45deg);-o-transform: translateY(-50%) rotate(45deg);background-color: #000;}
.menuOpen #navSwitcher .m {opacity: 0;}
.menuOpen #navSwitcher::before { color: #000; opacity: 1; visibility: visible; }


#mainNav.top ul li:nth-child(n+3):nth-child(-n+6) a::after,
#mainNav.top ul li:nth-child(n+7):nth-child(-n+8) a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -2px;
  transform: translateY(-50%) rotate(-10deg);
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 1;
}
#mainNav.top ul li:nth-child(n+3):nth-child(-n+6) a::after {background-image: var(--svg-key-icon);}
#mainNav.top ul li:nth-child(n+7):nth-child(-n+8) a::after {
  width: 36px;
  height: 36px;
  right: 2px;
  background-image: var(--svg-external-icon);
}

@media (max-width: 767px) {
  #navSwitcher::before { content: none; }
  #navSwitcher{width: 100%; height: 60px; background-image: inherit; padding: 0 12px; justify-content: flex-end;}
  #navSwitcher a{width: 32px;}

  #navSwitcher .r{width: 32px;}
  #navSwitcher .l{width: 32px;}
  #navSwitcher .m{width: 32px;}

  .menuOpen #navSwitcher a {width: 32px;}
  .menuOpen #navSwitcher .r{width: 32px; top: 11px; background-color: #fff;}
  .menuOpen #navSwitcher .l{width: 32px; top: 11px; background-color: #fff;}

  .menuOpen #navSwitcher {
    background-image: inherit;
  }

  #mainNav.top ul.inner::before {
    content: "MENU";
    color: #000;
    font-family: var(--font_en);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0.05em;
    white-space: nowrap;
    margin-top: 24px;
    pointer-events: none;
    line-height: 1.3;
  }

  #mainNav.top ul li:nth-child(n+3):nth-child(-n+6) a::after{
    right: -2px;
  }
  #mainNav.top ul li:nth-child(n+7):nth-child(-n+8) a::after{
    right: 2px;
  }
  .menuOpen #navSwitcher::after {
    opacity: 0;
    transition: opacity 0.6s ease-in;
  }
}

/* 追加終了 */


/* page tit（top/update等、複数ページ共通のセクション見出し）
*************************/
.page_tit{font-family: var(--font_en);font-size: 48px;font-weight: 700;line-height: 1.3;margin-bottom: 32px;position: relative;color: #000;text-align: center;}
.page_tit .tag{display: inline-block;background-color: #000;color: #fff;font-size: 14px;line-height: 1.5em;margin-left: 1em;padding: 0.1em 1em;}

@media (max-width: 767px) {
  .page_tit .tag{font-size: 12px;}
  .page_tit{ font-size: 32px; margin-top: 1em; }
}


/* page-top
*************************/
  .pageTop {position: fixed;padding: 0;bottom: 20px;right: 20px;z-index: 20; opacity: 0; transition: 0.2s;}
  .pageTop a {width: 50px;height: 50px;line-height: 50px;border-radius: 50%;background: url(//img-fan.pia.jp/main/image/cdf7pbrb/gicvld98.png) 50% 50% / 90% auto no-repeat #e60012;text-indent: -9999px!important;text-decoration: none;color: #fff;padding: 0;text-align: center;display: block;}


@media (max-width: 767px) {
  .pageTop {bottom: 0;}
  .pageTop a {width: 40px;height: 40px;line-height: 40px;}
}


/* footer / wrapper（フッター下寄せ・固定レイアウト）
*************************/

footer{color: var(--c_white);background-color: #e60012;padding: 40px 0;position: relative;}
footer:before{display: none;content: "";position: absolute;width: 100%;max-width: 1000px;height: 1px;background-color: #B5B5B5;top: 0;left: 50%;transform: translateX(-50%);}
footer a:link, footer a:visited{color: var(--c_white);text-decoration: none;font-size: 14px;}
footer nav ul {margin-bottom: 1em;text-align: center;}
footer nav li {margin: 0 1em .5em;display: inline-block;}
.copyright {text-align: center;font-family: var(--font_en);font-weight: 600;}

@media (max-width: 767px) {
  footer {padding: 40px 0;}
  footer a:link, footer a:visited{ font-size: 12px;}
  footer nav ul{display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 2vw;}
  footer nav li{width: 46%;margin: 0 0 4vw;}
}

div#wrapper{position: inherit !important; padding: 0 !important;display: flex;flex-direction: column;background-color: #FAF5E4;}
footer{position: relative !important;margin-top: auto;}

div#wrapper{ position: relative; min-height: 100vh; padding-bottom: 100px; overflow: hidden;}
footer{ position: absolute; width: 100%; left: 0; bottom: 0; }
@media (max-width: 767px) {
footer{ position: absolute; width: 100%; left: 0; bottom: initial; }
}


/* pc/sp 表示切替ユーティリティ */
.sp { display: none;}
@media screen and (max-width:768px) {
	.sp {   display: block;}
}
@media screen and (min-width: 768px) {
	.pc {   display: inline;}
  .sp {   display: none;}
}
@media screen and (max-width: 767px) {
	.pc {   display: none;}
  .sp {   display: inline;}
}


/* pickup / list / concert 系コンポーネント（top・下層ページ共通利用）
*************************/

/* pickup list */
.pick_area .container{width: 90%; max-width: 1000px; margin: 0 auto;}
@media (max-width: 767px) {
  .page-top .pick_area{width: 100%;}
}

/* nav */
.pick_area .pick_nav{margin-bottom: 24px;}
.pick_area .pick_nav ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.pick_area .pick_nav ul li{width: calc(20% - 12px); min-width: 124px;}
.pick_area .pick_nav ul li a{text-decoration: none;display: inline-block;background-color: #fff;border: 4px solid #FF2731;border-radius: 16px; font-size: min(20px, 2vw)!important; font-weight: 700;line-height: 0.6em;padding: 16px 8px; width: 100%; text-align: center;}
.pick_area .pick_nav ul li a.active{background-color: #FF2731;color: #fff; opacity: 1 !important;}
@media (min-width: 768px) {
  .pick_area .pick_nav ul li a:hover{background-color: #FF2731;color: #fff; opacity: 1 !important;}
}
@media (max-width: 767px) {
  .pick_area .pick_nav {margin-bottom: 16px;}
  .pick_area .pick_nav ul {flex-wrap: wrap;justify-content: center;gap: 8px;}
  .pick_area .pick_nav ul li {width: calc((100% - 16px) / 3); min-width: 0; flex: 0 0 auto;}
  .pick_area .pick_nav ul li a {font-size: 12px!important;line-height: 1em;border-radius: 8px; border: 3px solid;padding: 8px;}
}

/* list */
.pick_list{ display: flex; flex-direction: column; gap: 24px 0; }
.pick_list li{display: block;transition: .2s;}
@media (min-width: 768px) {
  .pick_list li:hover{filter: drop-shadow(2px 7px 0px rgba(0,0,0,0.6)); transform: translateY(-7px);}
}
.pick_list li .box{display: block;text-decoration: none;color: #000; cursor: pointer;}
.pick_list li .box figure{position: relative;z-index: 1;}
.pick_list li .box figure img{width: 100%;height: auto;border-radius: 12px;}
.pick_list li .box .txt_box{position: relative;margin-top: 0;border: 4px solid #000;border-radius: 16px;background-color: #fff;padding: 24px;margin: 0;display: flex;flex-wrap: wrap;align-items: center; gap: 16px;}
.pick_list li .box .txt_box .custom-tag-container{order: 1;}
.pick_list li .box .txt_box .area_03{order: 2;}
.pick_list li .box .txt_box .area_01{order: 3;width: 100%;margin-bottom: 0;}
.pick_list li .box .txt_box .area_01 .name{font-size: 20px;font-weight: 700;margin-bottom: 0;line-height: 1.5em;}
.pick_list li .box .txt_box .area_01 .date{position: relative;font-size: 12px;font-weight: 600;line-height: 1.5em;}
.pick_list li .box .txt_box .area_01 .date:before{position: relative;content: "■";color: var(--c_main);margin-right: 0.3em;}
.pick_list li .box .txt_box .area_03 .new{color: #FF2731;font-size: 16px;font-weight: 700;line-height: 1.5em;margin-right: 5px;}
.pick_list li .box .txt_box .area_03 .tag{background-color: #666;color: #fff;font-size: 12px;line-height: 1.5em;font-weight: 600;padding: 0.3em 1em;border-radius: 50px;}
 p.tag { font-size: 18px; font-weight: 700; }

/* news list */
.pick_list.news{display: flex;flex-wrap: wrap; gap: 20px 2%;}
.pick_list.news li{width: 32%;}
.pick_list.news li figure{position: relative;height: 0;padding-bottom: 56.25%;background-color: #000;border-radius: 20px;}
.pick_list.news li figure img{position: absolute; width: auto; max-width: 100%; height: auto; max-height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%);}


@media (max-width: 767px) {
  /* list */
  .pick_list{gap: 16px 0; }
  .pick_list li .box .txt_box{gap: 8px;border: 3px solid;border-radius: 8px;padding: 16px;}
  .pick_list li .box .txt_box .area_01 .name{font-size: 16px;}
  .pick_list li .box .txt_box .area_03 .new{font-size: 12px;}
   p.tag { font-size: 12px;}

  /* news list */
  .pick_list.news{gap: 12px 2%;}
  .pick_list.news li{width: 49%;}

  /* .pick_list li .box .txt_box .area_03{flex-direction: column;} */
  .pick_list li .box .txt_box .area_03 .new{width: 100%;text-align: right;margin-bottom: 0.3em;}
  .pick_list li .box .txt_box .area_03 .tag{margin-left: auto;}
}

.custom-tag-container { background-color: #000; color: #fff; padding: 8px 16px; border-radius: 8px; display: inline-block; }

@media (max-width: 767px) {
    .custom-tag-container {padding: 4px 8px; border-radius: 8px;}
}